:root{
  /* ---------- Palette (BRAND.md §2) ---------- */
  --noir:        #0E0E0E;   /* primary dark: headlines, footer, dark sections */
  --ivory:       #F3ECDF;   /* primary ground: page background */
  --gold:        #B4924E;   /* THE accent: hairlines, rules, small caps, buttons */
  --gold-bright: #C9A24B;   /* hover/highlight gold */
  --gold-deep:   #8C6F3A;   /* gold shadow/border on dark; small gold text on ivory (AA-safer) */
  --bordeaux:    #5E1B2E;   /* AW / TOAMNĂ collection accent ONLY */
  --dove:        #9AA0A3;   /* neutral captions / AW */
  --white:       #FFFFFF;

  /* ---------- Semantic ---------- */
  --bg:          var(--ivory);
  --text:        var(--noir);
  --bg-dark:     var(--noir);
  --text-invert: var(--ivory);
  --hairline:    var(--gold);
  --hairline-soft: rgba(180,146,78,0.35);
  --scrim:       linear-gradient(180deg, rgba(14,14,14,0.55) 0%, rgba(14,14,14,0.15) 35%, rgba(14,14,14,0.55) 100%);

  /* ---------- Type families ---------- */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-script:  "Mrs Saint Delafield", "Snell Roundhand", cursive;

  /* ---------- Type scale (fluid) ---------- */
  --fs-body:        1.0625rem;                     /* 17px */
  --fs-small:       0.8125rem;                     /* 13px labels */
  --fs-caps:        0.75rem;                        /* 12px small-caps labels */
  --fs-h3:          clamp(1.25rem, 2.2vw, 1.6rem);
  --fs-h2:          clamp(1.6rem, 4vw, 2.75rem);
  --fs-h1:          clamp(2rem, 5vw, 3.75rem);
  --fs-product:     clamp(2.25rem, 5vw, 4rem);      /* product name, Cormorant */
  --fs-wordmark:    clamp(1.5rem, 4vw, 2.75rem);    /* MONTIAGO in header */
  --fs-hero-word:   clamp(2.75rem, 9vw, 6.5rem);    /* MONTIAGO hero lockup */
  --fs-script-hero: clamp(2rem, 6vw, 3.5rem);       /* "Liliana Fenechiu" hero sub */
  --fs-script-foot: clamp(3rem, 9vw, 6.5rem);       /* footer signature */

  /* ---------- Tracking ---------- */
  --track-wordmark: 0.18em;   /* MONTIAGO */
  --track-nav:      0.15em;
  --track-caps:     0.12em;   /* labels */
  --track-button:   0.2em;    /* button small caps */

  /* ---------- Line height ---------- */
  --lh-body: 1.75;
  --lh-tight: 1.15;

  /* ---------- Rhythm / layout ---------- */
  --header-h: 76px;
  --max: 1440px;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --section-y: clamp(3.5rem, 9vw, 8rem);
  --hairline-w: 1px;
  --radius: 0;                 /* sharp corners = editorial. No rounded cards. */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .4s;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:300;font-size:var(--fs-body);line-height:var(--lh-body);overflow-x:hidden}
body:not(.has-hero){padding-top:var(--header-h)}
body.menu-open{overflow:hidden}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;line-height:var(--lh-tight);letter-spacing:.01em;margin:0 0 1.2rem}
h1{font-size:var(--fs-h1)} h2{font-size:var(--fs-h2)} h3{font-size:var(--fs-h3)}
p{max-width:62ch;margin:0 0 1.4rem}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.3em}
button{font:inherit}
svg{display:block}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.site-footer :focus-visible,.hero :focus-visible{outline-color:var(--gold-bright)}
.skip{position:fixed;top:.5rem;left:.5rem;z-index:300;padding:.7rem 1rem;background:var(--ivory);color:var(--noir);transform:translateY(-150%);transition:transform .2s}
.skip:focus{transform:translateY(0)}
.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section-y)}
.section-head{margin-bottom:clamp(2rem,5vw,4.5rem)}
.section-head h2{max-width:18ch}
.eyebrow{font-family:var(--font-body);font-weight:400;text-transform:uppercase;letter-spacing:var(--track-caps);font-size:var(--fs-caps);color:var(--noir)}
.wordmark{font-family:var(--font-display);font-weight:300;text-transform:uppercase;letter-spacing:var(--track-wordmark);line-height:1}
.signature{font-family:var(--font-script);font-weight:400;line-height:1;color:var(--gold)}
.signature--dark{color:var(--gold-bright)}
.text-link{font-size:var(--fs-small);font-weight:400;letter-spacing:var(--track-caps);text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.25rem}
.rule{height:0;border:0;border-top:var(--hairline-w) solid var(--hairline-soft);margin:0}
.rule--gold{border-top-color:var(--gold)}
.btn{display:inline-block;font-family:var(--font-body);font-weight:400;text-transform:uppercase;letter-spacing:var(--track-button);font-size:var(--fs-caps);color:var(--noir);background:transparent;border:var(--hairline-w) solid var(--gold);padding:1rem 2.25rem;cursor:pointer;text-decoration:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.btn:hover,.btn:focus-visible{background:var(--gold);color:var(--noir);border-color:var(--gold)}
.btn--on-dark{color:var(--ivory);border-color:var(--gold)}
.btn--on-dark:hover,.btn--on-dark:focus-visible{background:var(--gold);color:var(--noir)}
.btn--wa{background:#25D366;color:#fff;border-color:#25D366}
.btn--wa:hover,.btn--wa:focus-visible{background:#1DB954;border-color:#1DB954;color:#fff}
.icon{width:1.25rem;height:1.25rem;flex:none}

/* Header */
.site-header{position:fixed;inset:0 0 auto;width:100%;height:var(--header-h);z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:var(--gutter);color:var(--ivory);background-color:transparent;border-bottom:1px solid transparent;transition:background-color .35s,color .35s,border-bottom-color .35s}
.site-header.is-solid{background-color:var(--ivory);color:var(--noir);border-bottom-color:var(--gold)}
.header__left,.header__right{display:flex;align-items:center;min-width:0}
.header__left{justify-content:flex-start}.header__right{justify-content:flex-end}
.desktop-nav{display:none}
.header__brand{font-size:min(var(--fs-wordmark),1.7rem);text-decoration:none;white-space:nowrap}
.header__wa{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:var(--fs-caps);font-weight:500;letter-spacing:var(--track-nav);background:#25D366;color:#fff;padding:.5rem .85rem;border-radius:999px;transition:background .25s var(--ease)}.header__wa:hover,.header__wa:focus-visible{background:#1DB954;color:#fff}
.header__wa-label{display:none}
.menu-toggle{appearance:none;border:0;background:transparent;color:inherit;padding:.6rem;margin-left:-.6rem;cursor:pointer}
.menu-toggle__lines,.menu-toggle__lines::before,.menu-toggle__lines::after{display:block;width:1.45rem;height:1px;background:currentColor;content:"";transition:transform .25s}
.menu-toggle__lines::before{transform:translateY(-6px)}.menu-toggle__lines::after{transform:translateY(5px)}

/* Mobile menu */
.mobile-menu{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ivory);color:var(--noir);transform:translateX(-100%);visibility:hidden;transition:transform .45s var(--ease),visibility .45s}
.mobile-menu.is-open{transform:translateX(0);visibility:visible}
.mobile-menu__close{position:absolute;top:1rem;right:var(--gutter);border:0;background:transparent;color:var(--noir);font-family:var(--font-display);font-size:2.4rem;line-height:1;cursor:pointer;padding:.5rem}
.mobile-menu__nav{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:min(82%,28rem)}
.mobile-menu__nav>a:not(.btn){font-family:var(--font-display);font-size:clamp(2rem,9vw,3.5rem);text-decoration:none;line-height:1.15}
.mobile-menu__nav .rule{width:5rem;margin:.8rem 0}
.mobile-menu__nav .btn{text-align:center;width:100%}

/* Hero */
.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--noir);color:var(--ivory);isolation:isolate}
.hero__video,.hero__slides,.hero__scrim{position:absolute;inset:0;width:100%;height:100%}
.hero__video{object-fit:cover;z-index:-4}
.hero__slides{z-index:-3}
.hero--has-video .hero__slides{display:none}
.hero__slide{position:absolute;inset:-2%;opacity:0;background-size:cover;background-position:center;transition:opacity 1.5s var(--ease);will-change:transform,opacity}
.hero__slide.is-active{opacity:1;animation:ken-burns 7.5s linear both}
.hero__scrim{z-index:-2;background:var(--scrim)}
.hero__lockup{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--header-h) + 2rem) var(--gutter) 3rem}
.hero__wordmark{font-size:var(--fs-hero-word);color:var(--ivory);margin:0;max-width:100%;line-height:.9}
.hero__by{display:flex;align-items:baseline;justify-content:center;gap:.6rem;margin:.9rem 0 .5rem}
.hero__by-label{font-size:var(--fs-caps);font-weight:400;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--gold-bright)}
.hero__by .signature{font-size:var(--fs-script-hero)}
.hero__tagline{font-family:var(--font-display);font-size:var(--fs-h3);font-style:italic;margin:0 0 2rem}
.hero__cta{display:flex;flex-direction:column;width:min(100%,24rem);gap:.8rem}
.hero__cta .btn{width:100%}
@keyframes ken-burns{from{transform:scale(1)}to{transform:scale(1.08)}}

/* Homepage */
.collections{background:var(--ivory)}
.collection-card{display:grid;margin-bottom:clamp(3.5rem,8vw,7rem)}
.collection-card:last-child{margin-bottom:0}
.collection-card__media{overflow:hidden;background:#d8d0c3}
.collection-card__media img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .8s var(--ease)}
.collection-card:hover .collection-card__media img{transform:scale(1.015)}
.collection-card__copy{padding:2rem 0 .5rem}
.collection-card__copy h3{font-size:clamp(2rem,5vw,3.4rem);margin:.5rem 0 1rem}
.collection-card--autumn .collection-card__copy{border-top:2px solid var(--bordeaux)}
.products{background:#ebe2d4}
.product-grid{display:grid;gap:3rem 1.5rem}
.product-tile{display:block;text-decoration:none;min-width:0}
.product-tile__image{overflow:hidden;background:#d8d0c3;margin-bottom:1.5rem}
.product-tile img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .7s var(--ease)}
.product-tile:hover img{transform:scale(1.02)}
.product-tile h3{margin:.45rem 0 .1rem;font-size:clamp(1.7rem,3vw,2.5rem)}
.product-tile__price{font-size:var(--fs-small);margin:0}
.about{display:grid;background:var(--ivory)}
.about__image img{width:100%;height:100%;max-height:58rem;object-fit:cover}
.about__copy{padding:var(--section-y) var(--gutter)}
.about__copy-inner{max-width:36rem;margin:auto}
.about__copy .signature{display:block;font-size:clamp(3rem,7vw,5rem);margin:1.5rem 0}
.store-strip{position:relative;isolation:isolate;color:var(--ivory);text-align:center;background:var(--noir);overflow:hidden;padding-block:clamp(4.5rem,10vw,8rem)}
.store-strip__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.23}
.store-strip::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(14,14,14,.58)}
.store-strip .eyebrow{color:var(--ivory)}
.store-strip h2{font-size:clamp(2.1rem,5vw,4rem);margin:.8rem auto}
.store-strip p{margin:0 auto 2rem}

/* Product pages */
.product-main{display:grid;width:100%;max-width:var(--max);margin:auto}
.product-gallery{display:grid;gap:1px;background:var(--gold)}
.product-gallery img{width:100%;height:auto;background:#d8d0c3}
.product-info{padding:clamp(3rem,7vw,6rem) var(--gutter)}
.product-info__inner{max-width:34rem;margin:auto}
.product-info h1{font-size:var(--fs-product);margin:.35rem 0 .4rem}
.price-request{font-size:var(--fs-small);font-weight:400;letter-spacing:var(--track-caps);text-transform:uppercase;margin-bottom:2rem;color:var(--noir)}
.product-description{margin-bottom:2rem}
.details{margin:2rem 0}
.details__row{display:grid;grid-template-columns:minmax(5.5rem,32%) 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--hairline-soft)}
.details dt{font-size:var(--fs-caps);font-weight:400;letter-spacing:var(--track-caps);text-transform:uppercase}
.details dd{margin:0;font-size:.95rem}
.money-cta{margin-top:2rem}
.money-cta .btn{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;padding-inline:1rem;text-align:center}
.store-detail-link{display:inline-block;margin-top:1.4rem}
.bespoke-note{font-size:var(--fs-small);margin-top:1.2rem;color:#3b3935}
.editorial-band{position:relative;min-height:min(82svh,58rem);display:grid;place-items:center;isolation:isolate;overflow:hidden;color:var(--ivory);text-align:center}
.editorial-band img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.editorial-band::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(14,14,14,.38)}
.editorial-band blockquote{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-style:italic;font-weight:300;margin:0;padding:var(--gutter);text-shadow:0 2px 20px rgba(0,0,0,.4)}
.cross-sell{background:var(--ivory)}
.cross-grid{display:grid;gap:3rem 1.5rem}

/* Store page */
.page-head{padding-block:clamp(4rem,9vw,8rem);border-bottom:1px solid var(--hairline-soft)}
.page-head h1{max-width:15ch;font-size:clamp(2.6rem,6vw,5rem);margin:.5rem 0 1.3rem}
.page-head p{font-family:var(--font-display);font-size:var(--fs-h3)}
.store-card{display:grid}
.store-card__details{padding:var(--section-y) var(--gutter)}
.store-card__details-inner{max-width:36rem;margin:auto}
.store-card__details h2{font-size:clamp(2.4rem,5vw,4rem)}
.contact-list{list-style:none;padding:0;margin:2rem 0}
.contact-list li{padding:.7rem 0;border-bottom:1px solid var(--hairline-soft)}
.store-actions{display:flex;flex-direction:column;gap:.8rem;align-items:stretch}
.store-actions .btn{text-align:center}
.store-card__image img{width:100%;height:100%;min-height:30rem;object-fit:cover}
.consultation{background:#ebe2d4}
.consultation__inner{max-width:56rem}
.consultation h2{font-size:clamp(2rem,4vw,3.5rem);max-width:18ch;margin:.5rem 0 1.5rem}
.consultation p{font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.5;max-width:44ch}

/* Footer */
.site-footer{background:var(--noir);color:var(--ivory)}
.footer__signature{text-align:center;padding:clamp(4.5rem,9vw,8rem) var(--gutter) clamp(3rem,7vw,6rem)}
.footer__signature .signature{display:block;font-size:var(--fs-script-foot)}
.footer__inner{max-width:var(--max);margin:auto;padding-inline:var(--gutter)}
.footer__grid{display:grid;gap:2.5rem;padding-block:clamp(3rem,7vw,5.5rem)}
.footer__brand .wordmark{display:block;color:var(--gold-bright);font-size:1.9rem;margin-bottom:1rem}
.footer__brand .eyebrow,.footer__col .eyebrow{color:var(--ivory)}
.footer__brand p{font-size:.92rem;margin-top:1rem}
.footer__links{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;margin-top:1rem;font-size:.92rem}
.footer__links a{text-decoration:none}
.footer__links a:hover{text-decoration:underline}
.footer__bottom{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start;padding-block:1.5rem;font-size:var(--fs-small)}
.brevibot-pill{display:inline-block;border:1px solid var(--gold);padding:.45rem .8rem;font-size:var(--fs-caps);font-weight:400;letter-spacing:var(--track-caps);text-transform:uppercase;text-decoration:none;transition:background var(--dur),color var(--dur)}
.brevibot-pill:hover{background:var(--gold);color:var(--noir)}

@media (min-width:768px){
  .hero__cta{flex-direction:row;width:auto}.hero__cta .btn{width:auto}
  .collection-card{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center}
  .collection-card__copy{padding:clamp(2rem,6vw,5rem)}
  .collection-card:nth-of-type(even) .collection-card__media{order:2}.collection-card:nth-of-type(even) .collection-card__copy{order:1}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about{grid-template-columns:1fr 1fr}.about__copy{display:grid;align-items:center}
  .cross-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-actions{flex-direction:row}.store-actions .btn{flex:1}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}
}

@media (min-width:1024px){
  :root{--header-h:88px}
  .menu-toggle{display:none}.desktop-nav{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.25rem)}
  .desktop-nav a{font-size:var(--fs-caps);font-weight:400;letter-spacing:var(--track-nav);text-decoration:none;white-space:nowrap}
  .header__brand{font-size:var(--fs-wordmark)}.header__wa-label{display:inline}
  .collection-card__media img{aspect-ratio:5/6}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3.5rem)}
  .product-main{grid-template-columns:minmax(0,58%) minmax(0,42%);align-items:start}
  .product-info{position:sticky;top:var(--header-h);min-height:calc(100svh - var(--header-h));display:grid;align-items:center;padding:clamp(2rem,4vw,4.5rem)}
  .store-card{grid-template-columns:1fr 1fr}.store-card__image{order:2}.store-card__details{order:1;display:grid;align-items:center}
  .footer__grid{grid-template-columns:1.25fr .7fr 1.1fr .7fr;gap:clamp(2rem,4vw,5rem)}
}

@media (min-width:1440px){
  .site-header{padding-inline:4rem}.collection-card__copy{padding-inline:6rem}
  .product-grid,.cross-grid{column-gap:3.5rem}
}

@media (max-width:389px){
  .header__brand{font-size:1.32rem;letter-spacing:.13em}
  .hero__wordmark{font-size:2.45rem;letter-spacing:.13em}
  .btn{padding-inline:1rem}
  .money-cta .btn{letter-spacing:.12em}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .hero__slide{opacity:0}.hero__slide:first-child{opacity:1;transform:none!important}
}
