:root{
  --ink:#11100f;--paper:#efe9df;--cream:#f3eee6;--line:rgba(17,16,15,.22);--white:#f7f2eb;
  --sans:"Inter Tight",Arial,sans-serif;--serif:"Instrument Serif",Georgia,serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noise{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.page-loader{position:fixed;inset:0;z-index:9999;background:#0d0c0b;color:var(--white);display:grid;place-items:center;align-content:center;gap:12px}.loader-word{font-family:var(--serif);font-size:clamp(70px,12vw,190px);letter-spacing:-.075em}.loader-meta{font-size:9px;letter-spacing:.16em}.loader-line{width:min(240px,45vw);height:1px;background:#34312d;margin-top:16px;overflow:hidden}.loader-line span{display:block;width:100%;height:100%;background:var(--white);transform-origin:left}
.site-header{position:absolute;z-index:100;top:0;left:0;width:100%;height:76px;padding:0 4.4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid currentColor;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.light-header{color:var(--white);border-bottom-color:rgba(255,255,255,.27)}.dark-header{color:var(--ink);border-bottom-color:rgba(17,16,15,.25)}.brand{font-family:var(--serif);font-size:27px;letter-spacing:-.02em;justify-self:start}.desktop-nav{display:flex;gap:34px}.header-actions{justify-self:end;display:flex;align-items:center;gap:20px}.text-button,.menu-button{background:none;border:0;padding:0;cursor:pointer;color:inherit;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.menu-button{display:none;width:27px;height:18px;position:relative}.menu-button span:not(.sr-only){position:absolute;width:100%;height:1px;left:0;background:currentColor}.menu-button span:first-child{top:5px}.menu-button span:nth-child(2){top:12px}.mobile-menu{position:fixed;z-index:90;inset:0;background:#10100f;color:var(--white);padding:120px 22px 28px;display:flex;flex-direction:column;visibility:hidden;transform:translateY(-100%)}.mobile-menu a{font-family:var(--serif);font-size:18vw;line-height:.82}.mobile-menu-note{font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:auto}
.section-index,.eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.serif-line,em{font-family:var(--serif);font-weight:400}
.hero-v2{height:100svh;min-height:720px;color:var(--white);position:relative;overflow:hidden;background:#180b08}.hero-media,.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .7s ease}.hero-image.is-active{opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(6,4,3,.38) 0,rgba(6,4,3,.05) 34%,rgba(5,3,3,.03) 64%,rgba(5,3,3,.34) 100%),linear-gradient(0deg,rgba(5,4,3,.4),transparent 35%,rgba(5,4,3,.12))}.hero-house-note,.hero-rule-note{position:absolute;z-index:3;top:12.5%;font-size:9px;letter-spacing:.16em;line-height:1.55}.hero-house-note{left:4.4%}.hero-rule-note{right:4.4%;text-align:right;opacity:.72}.hero-wordmark{position:absolute;z-index:2;top:13%;left:17%;margin:0;font-family:var(--serif);font-size:clamp(150px,23vw,390px);line-height:.72;letter-spacing:-.075em;font-weight:400;mix-blend-mode:screen;color:#f4eee7;white-space:nowrap}.hero-tagline-v2{position:absolute;z-index:3;right:6.5%;top:28%;margin:0;text-align:right;font-family:var(--serif);font-size:clamp(42px,5.3vw,84px);font-style:italic;line-height:.84}.hero-scent-info{position:absolute;z-index:3;left:4.4%;bottom:17%;width:185px}.hero-scent-index{font-size:15px;letter-spacing:.08em}.hero-notes{font-size:9px;line-height:1.55;letter-spacing:.16em;margin:22px 0}.discover-link{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.56);padding-top:13px;font-size:9px;letter-spacing:.17em}.film-link{position:absolute;z-index:3;right:7%;bottom:20%;display:flex;align-items:center;gap:16px;font-size:10px;line-height:1.5;letter-spacing:.12em}.film-icon{width:62px;height:62px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;padding-left:3px}.hero-switcher{position:absolute;z-index:3;left:4.4%;bottom:4.3%;display:flex;gap:12px}.scent-thumb{position:relative;width:125px;height:76px;padding:0;border:1px solid rgba(255,255,255,.22);background:#111;overflow:hidden;cursor:pointer;color:#fff}.scent-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65);transition:.35s}.scent-thumb span{position:absolute;z-index:2;bottom:8px;left:9px;font-size:9px;letter-spacing:.08em}.scent-thumb.is-active{border-color:#fff}.scent-thumb.is-active img,.scent-thumb:hover img{filter:brightness(.92);transform:scale(1.04)}.scroll-cue{position:absolute;z-index:4;right:4.4%;bottom:4.6%;width:42px;height:42px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;font-size:16px}
.house-statement{min-height:76vh;padding:10vw 4.4vw 7vw;display:grid;grid-template-columns:1fr 3.5fr 1fr;gap:3vw;align-items:start}.house-copy{font-size:clamp(56px,7.5vw,122px);line-height:.85;letter-spacing:-.065em}.house-copy p{margin:0}.house-copy .serif-line{font-style:italic}.house-side{align-self:end;font-size:13px;line-height:1.5;max-width:220px;margin:0 0 8px}
.editorial-split{display:grid;grid-template-columns:1.08fr .92fr;min-height:100svh}.editorial-image-wrap{position:relative;overflow:hidden;min-height:100svh}.editorial-image-wrap img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-label{position:absolute;left:30px;bottom:26px;color:#fff;font-size:10px;letter-spacing:.12em}.editorial-copy{padding:9vw 6vw;display:flex;flex-direction:column;justify-content:center;background:#ff5b1f;color:#170b07;transition:background-color .65s cubic-bezier(.2,.8,.2,1),color .45s ease}
.editorial-split.state-heat .editorial-copy{background:#ff5b1f;color:#170b07}
.editorial-split.state-static .editorial-copy{background:#bdd8e8;color:#101820}
.editorial-split.state-after .editorial-copy{background:#35101f;color:#f4eee8}
.editorial-split.state-after .pill-link{border-color:rgba(244,238,232,.78)}.editorial-copy h2{font-size:clamp(62px,7.5vw,125px);line-height:.83;letter-spacing:-.065em;font-weight:500;margin:24px 0 36px}.editorial-copy h2 em{display:inline;font-style:italic}.editorial-copy>p{max-width:420px;font-size:14px;line-height:1.55}.pill-link{margin-top:40px;border:1px solid currentColor;border-radius:999px;padding:15px 18px;display:flex;justify-content:space-between;gap:42px;width:max-content;font-size:10px;letter-spacing:.1em}.pill-link.light{color:#fff}
.collection-v2{background:#11100f;color:var(--white);padding:10vw 0 0}.collection-head{padding:0 4.4vw 7vw;display:grid;grid-template-columns:1fr 3.6fr;align-items:start}.collection-head h2,.finder-title h2,.shop-preview-head h2{margin:0;font-size:clamp(68px,9.4vw,150px);line-height:.8;letter-spacing:-.07em;font-weight:500}.collection-head h2 em,.finder-title h2 em,.shop-preview-head h2 em{font-style:italic}.collection-panels{display:grid;grid-template-columns:repeat(3,1fr);height:82vh;min-height:660px}.collection-panel{position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.25)}.collection-panel:last-child{border-right:0}.collection-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .5s}.panel-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,3,2,.58),transparent 55%,rgba(5,3,2,.08))}.panel-number{position:absolute;top:22px;left:22px;font-family:var(--serif);font-style:italic;font-size:30px}.panel-copy{position:absolute;left:22px;bottom:26px}.panel-copy h3{font-size:clamp(50px,6.4vw,102px);line-height:.74;letter-spacing:-.07em;margin:0}.panel-copy p{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:18px 0 0}.panel-arrow{position:absolute;right:22px;bottom:25px;font-size:25px}.collection-panel:hover img{transform:scale(1.045);filter:saturate(1.08)}
.sensory-section{padding:10vw 4.4vw;background:var(--paper);display:grid;grid-template-columns:.75fr 1.7fr;gap:5vw}.sensory-copy{position:sticky;top:110px;height:max-content}.sensory-copy h2{font-size:clamp(58px,7.2vw,115px);line-height:.82;letter-spacing:-.065em;font-weight:500;margin:32px 0}.sensory-copy>p{max-width:330px;font-size:13px;line-height:1.55}.sensory-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.sensory-card{margin:0}.sensory-card img{width:100%;height:auto;display:block}.sensory-after{margin-top:16vw}.sensory-card figcaption{font-size:9px;letter-spacing:.12em;margin-top:11px}
.finder-v2{padding:10vw 4.4vw;display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;background:#e8e1d5}.finder-title h2{margin-top:32px}.finder-grid{align-self:end}.mood-list{border-top:1px solid var(--ink)}.mood{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:1px solid var(--line);padding:20px 0;cursor:pointer;font-size:clamp(36px,4.5vw,70px);letter-spacing:-.05em;text-align:left}.mood b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:30px;opacity:.45}.mood.is-active b{opacity:1}.mood:hover{padding-left:12px}.finder-result{margin-top:44px;border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.finder-label,.finder-notes,.finder-link{font-size:9px;letter-spacing:.11em;text-transform:uppercase}.finder-scent{font-family:var(--serif);font-style:italic;font-size:62px;font-weight:400;grid-row:1/3;grid-column:2}.finder-link{grid-column:2;margin-top:12px;text-decoration:underline;text-underline-offset:5px}
.manifesto-v2{height:100svh;min-height:720px;position:relative;overflow:hidden;color:#fff;display:grid;place-items:center;text-align:center}.manifesto-bg-image,.manifesto-bg-image img,.manifesto-darken{position:absolute;inset:0;width:100%;height:100%}.manifesto-bg-image img{object-fit:cover}.manifesto-darken{background:rgba(12,5,7,.62)}.manifesto-content{position:relative;z-index:2}.manifesto-content p{font-size:clamp(48px,7.3vw,116px);line-height:.84;letter-spacing:-.06em;margin:38px 0}.manifesto-content p em{font-style:italic}.manifesto-content .pill-link{margin-left:auto;margin-right:auto}
.shop-preview-v2{padding:10vw 4.4vw;background:var(--paper)}.shop-preview-head{display:grid;grid-template-columns:1fr 3fr}.shop-preview-head>div{display:flex;align-items:end;justify-content:space-between;gap:40px}.text-link{font-size:9px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px;margin-bottom:10px;white-space:nowrap}.product-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:7vw}.product-tile img{width:100%;height:57vw;max-height:780px;object-fit:cover;display:block;transition:transform .6s}.product-tile{overflow:hidden}.product-tile>div{display:flex;justify-content:space-between;padding:13px 1px 0;font-size:9px;letter-spacing:.1em}.product-tile:hover img{transform:scale(1.02)}
.final-cta-v2{height:100svh;min-height:700px;background:linear-gradient(135deg,#ff5c1e,#e92f3c 50%,#8f1f42);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.final-cta-v2>.section-index{position:absolute;top:35px}.final-cta-v2 h2{font-size:clamp(90px,16vw,260px);line-height:.72;letter-spacing:-.09em;font-weight:500;margin:0}.final-cta-v2 h2 em{font-style:italic}.circle-cta{position:absolute;right:7%;bottom:7%;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:10px;letter-spacing:.1em;transition:.35s}.circle-cta:hover{transform:rotate(8deg) scale(1.05)}
.site-footer{background:#0e0e0d;color:var(--white);padding:7vw 4.4vw 20px}.footer-brand{font-family:var(--serif);font-size:clamp(110px,22vw,360px);line-height:.65;letter-spacing:-.07em}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:40px;width:56%;margin:8vw 0 7vw auto}.footer-grid>div{display:flex;flex-direction:column;gap:9px;font-size:12px}.footer-grid>div>span{opacity:.45;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.newsletter{display:flex;border-bottom:1px solid rgba(255,255,255,.45)}.newsletter input{width:100%;border:0;background:none;color:#fff;padding:8px 0;outline:none}.newsletter button{border:0;background:none;color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.18);padding-top:15px;font-size:8px;letter-spacing:.12em}.mini-footer{padding:22px 4.4vw;background:#0f0f0e;color:#fff;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.bag-toast{position:fixed;z-index:2000;right:20px;bottom:20px;background:#111;color:#fff;padding:14px 19px;border-radius:999px;font-size:11px;transform:translateY(120px);transition:.35s}
/* Shop */
.shop-page-v2{background:#e9e2d7;min-height:100vh}.shop-hero-v2{padding:12vw 4.4vw 7vw}.shop-hero-v2 h1,.about-hero-v2 h1{font-size:clamp(100px,14vw,230px);line-height:.72;letter-spacing:-.085em;font-weight:500;margin:35px 0}.shop-hero-v2>p{max-width:320px;font-size:13px;line-height:1.5}.shop-list-v2{background:#111;color:#fff}.shop-item{display:grid;grid-template-columns:1.65fr .85fr;min-height:88vh;border-bottom:1px solid rgba(255,255,255,.18)}.shop-item-image{overflow:hidden}.shop-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.shop-item-copy{padding:7vw 5vw;display:flex;flex-direction:column;justify-content:center}.shop-item-copy>span,.shop-item-copy>b{font-size:9px;letter-spacing:.12em}.shop-item-copy h2{font-size:clamp(65px,8vw,125px);line-height:.75;letter-spacing:-.07em;margin:32px 0}.shop-item-copy p{font-family:var(--serif);font-size:28px;font-style:italic;margin:0 0 60px}.shop-item:hover img{transform:scale(1.025)}
/* Product */
.product-page-v2{background:#111;color:#fff}.product-hero-v2{height:100svh;min-height:720px;position:relative;overflow:hidden}.product-hero-image,.product-hero-shade{position:absolute;inset:0;width:100%;height:100%}.product-hero-image{object-fit:cover}.product-hero-shade{background:linear-gradient(90deg,rgba(7,4,2,.05),rgba(7,4,2,.12) 48%,rgba(7,4,2,.7) 100%)}.product-live-copy{position:absolute;z-index:3;right:5vw;top:50%;transform:translateY(-43%);width:min(440px,32vw)}.product-live-copy h1{font-size:clamp(95px,12vw,190px);letter-spacing:-.08em;line-height:.7;margin:35px 0}.product-quote{font-family:var(--serif);font-style:italic;font-size:clamp(30px,3.3vw,50px);line-height:.95}.product-buy{margin-top:60px;padding-top:18px;border-top:1px solid rgba(255,255,255,.45);display:flex;justify-content:space-between;align-items:center}.add-to-bag{border:1px solid #fff;background:none;color:#fff;border-radius:999px;padding:14px 17px;min-width:170px;display:flex;justify-content:space-between;cursor:pointer;font-size:9px;letter-spacing:.1em}.product-story-v2{display:grid;grid-template-columns:1fr 1fr;background:#eee7dc;color:#111}.product-story-copy{padding:9vw 5vw}.product-story-copy h2{font-size:clamp(62px,7.8vw,125px);line-height:.82;letter-spacing:-.065em;margin:35px 0}.product-story-copy>p{max-width:430px;line-height:1.55;font-size:13px}.product-story-v2>img{width:100%;height:100%;object-fit:cover;min-height:100vh}.note-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);background:#111;color:#fff}.note-grid-v2>div{padding:7vw 4.4vw;border-right:1px solid rgba(255,255,255,.18)}.note-grid-v2 span{font-size:9px;letter-spacing:.12em}.note-grid-v2 strong{font-family:var(--serif);font-size:clamp(38px,4.5vw,70px);font-weight:400;font-style:italic;display:block;margin-top:24px;line-height:.9}.next-scent{padding:5vw 4.4vw;display:flex;justify-content:space-between;background:#ff5c1e;color:#111;font-size:11px;letter-spacing:.1em}.next-scent a{font-size:clamp(28px,4vw,60px);font-family:var(--serif);font-style:italic;letter-spacing:-.02em}
/* About */
.about-page-v2{background:#eee7dc}.about-hero-v2{padding:12vw 4.4vw 7vw}.about-image-band{display:grid;grid-template-columns:1fr 1fr 1fr;height:78vh}.about-image-band img{width:100%;height:100%;object-fit:cover}.about-copy-v2{padding:10vw 4.4vw;display:grid;grid-template-columns:1fr 3fr}.about-copy-v2 h2{font-size:clamp(65px,8vw,125px);line-height:.82;letter-spacing:-.065em;margin:0 0 45px}.about-copy-v2 p{max-width:650px;font-size:14px;line-height:1.6}.about-manifesto-v2{background:#111;color:#fff;padding:9vw 4.4vw;display:flex;flex-direction:column;font-size:clamp(76px,14vw,220px);line-height:.72;letter-spacing:-.08em}.about-manifesto-v2 span:nth-child(2){align-self:center}.about-manifesto-v2 span:nth-child(3){align-self:flex-end}
@media(max-width:900px){
  .site-header{padding:0 18px;grid-template-columns:1fr 1fr}.desktop-nav{display:none}.menu-button{display:block}.hero-v2{min-height:740px}.hero-image{object-position:54% center}.hero-wordmark{font-size:29vw;top:15%;left:4%}.hero-house-note{left:18px;top:12%}.hero-rule-note{display:none}.hero-tagline-v2{right:18px;top:31%;font-size:12vw}.hero-scent-info{left:18px;bottom:22%;width:155px}.film-link{display:none}.hero-switcher{left:18px;right:18px;bottom:5%;gap:7px}.scent-thumb{flex:1;height:68px;width:auto}.scroll-cue{right:18px;bottom:15%}.house-statement{padding:100px 18px;grid-template-columns:1fr;min-height:auto}.house-copy{font-size:14vw}.house-side{margin-top:60px}.editorial-split{grid-template-columns:1fr}.editorial-image-wrap{min-height:72vh}.editorial-copy{padding:90px 18px}.editorial-copy h2{font-size:16vw}.collection-v2{padding-top:100px}.collection-head{padding:0 18px 70px;grid-template-columns:1fr;gap:30px}.collection-head h2{font-size:18vw}.collection-panels{grid-template-columns:1fr;height:auto}.collection-panel{height:88vh;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.panel-copy h3{font-size:19vw}.sensory-section{padding:90px 18px;grid-template-columns:1fr}.sensory-copy{position:static}.sensory-copy h2{font-size:16vw}.sensory-grid{margin-top:50px}.sensory-after{margin-top:18vw}.finder-v2{padding:90px 18px;grid-template-columns:1fr}.finder-title h2{font-size:18vw}.finder-grid{margin-top:70px}.mood{font-size:13vw}.manifesto-content{padding:0 18px}.manifesto-content p{font-size:11vw}.shop-preview-v2{padding:90px 18px}.shop-preview-head{grid-template-columns:1fr;gap:30px}.shop-preview-head>div{display:block}.shop-preview-head h2{font-size:18vw}.text-link{display:inline-block;margin-top:30px}.product-row{grid-template-columns:1fr;margin-top:70px}.product-tile img{height:120vw;max-height:none}.final-cta-v2 h2{font-size:22vw}.circle-cta{width:115px;height:115px;right:7%;bottom:7%}.site-footer{padding:80px 18px 20px}.footer-brand{font-size:28vw}.footer-grid{width:100%;grid-template-columns:1fr 1fr;margin:80px 0}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:10px}.shop-hero-v2,.about-hero-v2{padding:120px 18px 70px}.shop-hero-v2 h1,.about-hero-v2 h1{font-size:19vw}.shop-item{grid-template-columns:1fr}.shop-item-image{height:72vh}.shop-item-copy{padding:70px 18px}.shop-item-copy h2{font-size:18vw}.product-hero-image{object-position:45% center}.product-live-copy{left:18px;right:18px;top:auto;bottom:90px;transform:none;width:auto}.product-live-copy h1{font-size:27vw;margin:28px 0}.product-quote{font-size:9vw;max-width:360px}.product-buy{margin-top:35px}.product-story-v2{grid-template-columns:1fr}.product-story-copy{padding:90px 18px}.product-story-copy h2{font-size:16vw}.product-story-v2>img{min-height:75vh}.note-grid-v2{grid-template-columns:1fr}.note-grid-v2>div{padding:55px 18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.next-scent{padding:45px 18px}.about-image-band{height:auto;grid-template-columns:1fr}.about-image-band img{height:75vh}.about-copy-v2{padding:90px 18px;grid-template-columns:1fr;gap:45px}.about-copy-v2 h2{font-size:16vw}.about-manifesto-v2{padding:90px 18px;font-size:17vw}
}
@media(max-width:560px){.hero-tagline-v2{top:34%}.hero-scent-info{bottom:23%}.scent-thumb span{font-size:7px}.sensory-grid{grid-template-columns:1fr}.sensory-after{margin-top:0}.finder-result{grid-template-columns:1fr}.finder-scent,.finder-link{grid-column:1;grid-row:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.next-scent{flex-direction:column;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* =========================================================
   V0.3 — UX / UI correction pass
   ========================================================= */
.hero-v3{height:100svh;min-height:740px;color:var(--white);position:relative;overflow:hidden;background:#180b08}
.hero-v3 .hero-media,.hero-v3 .hero-image,.hero-shade-v3{position:absolute;inset:0;width:100%;height:100%}
.hero-v3 .hero-image{object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .7s ease,transform 1.4s cubic-bezier(.2,.8,.2,1)}
.hero-v3 .hero-image.is-active{opacity:1}
.hero-shade-v3{background:linear-gradient(90deg,rgba(5,3,2,.48) 0,rgba(5,3,2,.12) 28%,rgba(5,3,2,.02) 62%,rgba(5,3,2,.34) 100%),linear-gradient(0deg,rgba(5,3,2,.46),transparent 38%,rgba(5,3,2,.18))}
.hero-house-note-v3{position:absolute;z-index:3;left:4.4%;top:10.2%;max-width:132px;font-size:9px;letter-spacing:.16em;line-height:1.35;opacity:.82}
.hero-wordmark-v3{position:absolute;z-index:2;top:17%;left:4.1%;margin:0;font-family:var(--serif);font-size:clamp(128px,16.8vw,270px);line-height:.72;letter-spacing:-.065em;font-weight:400;color:#f5efe7;white-space:nowrap;pointer-events:none}
.hero-tagline-v3{position:absolute;z-index:3;right:5.2%;top:31%;margin:0;text-align:right;font-family:var(--serif);font-size:clamp(42px,4.8vw,76px);font-style:italic;line-height:.88}
.hero-scent-card{position:absolute;z-index:4;left:4.4%;bottom:17%;width:235px;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.58)}
.hero-state-label{display:block;font-size:8px;letter-spacing:.16em;opacity:.66;margin-bottom:13px}
.hero-scent-card .hero-scent-index{display:block;font-size:17px;letter-spacing:.055em;margin-bottom:12px}
.hero-scent-card .hero-notes{font-size:9px;line-height:1.45;letter-spacing:.12em;margin:0 0 20px;opacity:.78}
.discover-link-v3{height:44px;border:1px solid rgba(255,255,255,.78);border-radius:999px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;transition:background .25s,color .25s,border-color .25s}
.discover-link-v3:hover{background:#fff;color:#111;border-color:#fff}
.hero-state-switcher{position:absolute;z-index:4;left:50%;bottom:4.5%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:8px 10px 8px 14px;background:rgba(16,12,10,.34);border:1px solid rgba(255,255,255,.25);border-radius:999px;backdrop-filter:blur(14px)}
.switcher-label{font-size:8px;letter-spacing:.15em;opacity:.68;white-space:nowrap}
.state-tabs{display:flex;gap:4px}
.state-tab{border:0;background:transparent;color:#fff;border-radius:999px;padding:9px 13px;cursor:pointer;font-size:9px;letter-spacing:.1em;transition:.25s;white-space:nowrap}
.state-tab span{opacity:.55;margin-right:6px;font-family:var(--serif);font-style:italic;font-size:12px}
.state-tab:hover{background:rgba(255,255,255,.11)}
.state-tab.is-active{background:#f4eee7;color:#15110f}
.state-tab.is-active span{opacity:.62}
.scroll-cue-v3{position:absolute;z-index:4;right:4.4%;bottom:4.6%;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.14em}
.scroll-cue-v3 b{width:42px;height:42px;border:1px solid rgba(255,255,255,.62);border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:400}

.material-studies{padding:10vw 4.4vw;background:var(--paper)}
.material-head{display:grid;grid-template-columns:1fr 3fr;gap:4vw;align-items:start;margin-bottom:6vw}
.material-head>div{display:grid;grid-template-columns:2fr 1fr;gap:5vw;align-items:end}
.material-head h2{font-size:clamp(68px,8.8vw,142px);line-height:.8;letter-spacing:-.07em;font-weight:500;margin:0}
.material-head h2 em{font-style:italic}
.material-head p{font-size:13px;line-height:1.55;max-width:310px;margin:0 0 8px}
.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.material-card{margin:0;position:relative;overflow:hidden;background:#111}
.material-card img{width:100%;height:62vw;max-height:820px;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.material-card figcaption{position:absolute;left:18px;right:18px;bottom:18px;color:#fff;display:flex;justify-content:space-between;align-items:end;font-size:9px;letter-spacing:.12em;text-shadow:0 1px 16px rgba(0,0,0,.35)}
.material-card figcaption b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:24px;letter-spacing:0}
.material-card:hover img{transform:scale(1.025)}

.finder-v3{padding:10vw 4.4vw;background:#e8e1d5;display:grid;grid-template-columns:.9fr 1.4fr;gap:7vw;align-items:start}
.finder-title-v3{position:sticky;top:110px}
.finder-title-v3 h2{font-size:clamp(68px,8.7vw,140px);line-height:.8;letter-spacing:-.07em;font-weight:500;margin:32px 0}
.finder-title-v3 h2 em{font-style:italic}
.finder-title-v3>p{max-width:330px;font-size:13px;line-height:1.55}
.finder-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:stretch}
.mood-list-v3{border-top:1px solid var(--ink)}
.mood-v3{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:1px solid var(--line);padding:21px 0;cursor:pointer;font-size:clamp(26px,3vw,48px);letter-spacing:-.045em;text-align:left;transition:padding .25s,opacity .25s}
.mood-v3 b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;opacity:.4}
.mood-v3.is-active b{opacity:1}
.mood-v3.is-active{padding-left:12px}
.mood-v3:hover{padding-left:12px}
.finder-result-v3{position:relative;min-height:610px;overflow:hidden;color:#fff}
.finder-result-image,.finder-result-overlay{position:absolute;inset:0;width:100%;height:100%}
.finder-result-image{object-fit:cover;transition:opacity .35s,transform .7s}
.finder-result-v3:hover .finder-result-image{transform:scale(1.025)}
.finder-result-overlay{background:linear-gradient(0deg,rgba(9,5,5,.62),rgba(9,5,5,.02) 62%)}
.finder-result-copy{position:absolute;left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end}
.finder-result-copy>span{grid-column:1/-1;font-size:8px;letter-spacing:.15em;opacity:.75}
.finder-result-copy strong{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(52px,6vw,92px);line-height:.8}
.finder-result-copy small{font-size:9px;letter-spacing:.1em;align-self:end;margin-bottom:5px}
.finder-result-copy>b{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.55);padding-top:13px;margin-top:14px;font-size:9px;letter-spacing:.12em;font-weight:400}

/* Functional demo bag drawer */
.bag-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:3000;opacity:0;visibility:hidden;transition:.3s}
.bag-drawer{position:fixed;z-index:3001;top:0;right:0;width:min(430px,100%);height:100dvh;background:#f1eadf;color:#111;transform:translateX(100%);transition:transform .5s cubic-bezier(.22,.85,.28,1);padding:24px;display:flex;flex-direction:column}
.bag-drawer.is-open{transform:translateX(0)}
.bag-drawer-backdrop.is-open{opacity:1;visibility:visible}
.bag-drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,.18);font-size:10px;letter-spacing:.12em}
.bag-close{border:0;background:none;cursor:pointer;font-size:20px;line-height:1}
.bag-drawer-body{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.bag-drawer-body strong{font-family:var(--serif);font-style:italic;font-size:54px;font-weight:400;line-height:.9}
.bag-drawer-body p{font-size:12px;line-height:1.5;max-width:250px;margin:18px 0 28px}
.bag-continue{border:1px solid #111;border-radius:999px;padding:13px 18px;background:none;cursor:pointer;font-size:9px;letter-spacing:.12em}

@media(max-width:900px){
  .hero-v3{min-height:760px}.hero-v3 .hero-image{object-position:53% center}.hero-house-note-v3{left:18px;top:12%}.hero-wordmark-v3{left:18px;top:17%;font-size:23vw}.hero-tagline-v3{right:18px;top:33%;font-size:11vw}.hero-scent-card{left:18px;bottom:19%;width:190px}.hero-state-switcher{left:18px;right:18px;bottom:4%;transform:none;justify-content:space-between;gap:8px;overflow:auto}.switcher-label{display:none}.state-tabs{width:100%;justify-content:space-between}.state-tab{padding:9px 10px}.scroll-cue-v3{right:18px;bottom:14%;}.scroll-cue-v3 span{display:none}
  .material-studies{padding:90px 18px}.material-head{grid-template-columns:1fr;gap:32px;margin-bottom:55px}.material-head>div{grid-template-columns:1fr;gap:28px}.material-head h2{font-size:17vw}.material-grid{grid-template-columns:1fr}.material-card img{height:118vw;max-height:none}.material-card figcaption b{font-size:28px}
  .finder-v3{padding:90px 18px;grid-template-columns:1fr}.finder-title-v3{position:static}.finder-title-v3 h2{font-size:17vw}.finder-panel{grid-template-columns:1fr;margin-top:45px}.mood-v3{font-size:11vw}.finder-result-v3{min-height:115vw}
}
@media(max-width:560px){
  .hero-wordmark-v3{font-size:25vw;top:18%}.hero-tagline-v3{top:34%;font-size:12vw}.hero-scent-card{bottom:21%;width:180px}.hero-state-label{font-size:7px}.hero-scent-card .hero-scent-index{font-size:15px}.state-tab{font-size:8px}.state-tab span{display:none}.finder-result-copy{grid-template-columns:1fr}.finder-result-copy small{margin:0}.finder-result-copy>b{grid-column:1}
}

/* V0.5 — branded in-site state transition */
.state-loader{position:fixed;inset:0;z-index:10000;background:#0d0c0b;color:var(--white);display:grid;place-items:center;align-content:center;gap:12px;transform:translateY(100%);pointer-events:none}
.state-loader-word{font-family:var(--serif);font-size:clamp(70px,12vw,190px);letter-spacing:-.075em;line-height:.8}
.state-loader-meta{font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.state-loader-line{width:min(240px,45vw);height:1px;background:#34312d;margin-top:16px;overflow:hidden}
.state-loader-line span{display:block;width:100%;height:100%;background:var(--white);transform:scaleX(0);transform-origin:left}


/* =========================================================
   V0.7 — QA pass
   ========================================================= */
.footer-meta{font-style:normal;color:inherit;font-size:12px}
body.menu-open .site-header{color:var(--white);border-bottom-color:rgba(255,255,255,.27)}
body.menu-open .site-header .brand,body.menu-open .site-header .text-button,body.menu-open .site-header .menu-button{color:var(--white)}
:where(a,button,input):focus-visible{outline:2px solid currentColor;outline-offset:4px}
.bag-drawer:focus{outline:none}
@media(max-width:900px){
  .mobile-menu{z-index:99}
  .site-header{z-index:100}
}


/* =========================================================
   V1.1 — MOBILE ART-DIRECTION PASS
   Desktop is intentionally untouched.
   ========================================================= */
@media (max-width: 900px) {
  /* Global mobile rhythm */
  html{scroll-padding-top:64px}
  body{font-size:16px}
  .site-header{
    height:64px;
    padding:0 16px;
    grid-template-columns:1fr auto;
    backdrop-filter:saturate(1.05);
  }
  .brand{font-size:25px}
  .header-actions{gap:16px}
  .text-button,.menu-button{font-size:10px}
  .menu-button{width:25px}
  .section-index,.eyebrow{font-size:9px;letter-spacing:.14em}
  .pill-link,.discover-link-v3,.text-link,.add-to-bag{min-height:44px}

  /* Mobile menu becomes a designed screen, not a drawer */
  .mobile-menu{
    z-index:99;
    padding:104px 18px 24px;
    counter-reset:menuItem;
    background:#0d0c0b;
  }
  .mobile-menu a{
    counter-increment:menuItem;
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    width:100%;
    padding:13px 0 16px;
    border-bottom:1px solid rgba(255,255,255,.18);
    font-size:17vw;
    line-height:.78;
    letter-spacing:-.055em;
  }
  .mobile-menu a::after{
    content:"0" counter(menuItem);
    font-family:var(--sans);
    font-size:9px;
    font-style:normal;
    letter-spacing:.13em;
    opacity:.55;
    margin-bottom:4px;
  }
  .mobile-menu-note{
    display:flex;
    justify-content:space-between;
    padding-top:18px;
    font-size:8px;
    line-height:1.4;
    opacity:.62;
  }

  /* HOME — Hero: deliberately recomposed for portrait */
  .hero-v3{
    height:100svh;
    min-height:700px;
  }
  .hero-v3 .hero-image{
    transform:scale(1.01);
  }
  .hero-v3 .hero-image[data-scent-image="HEAT"]{object-position:51% center}
  .hero-v3 .hero-image[data-scent-image="STATIC"]{object-position:52% center}
  .hero-v3 .hero-image[data-scent-image="AFTER"]{object-position:48% center}
  .hero-shade-v3{
    background:
      linear-gradient(180deg,rgba(7,5,4,.42) 0,rgba(7,5,4,.04) 26%,rgba(7,5,4,.05) 48%,rgba(7,5,4,.76) 100%),
      linear-gradient(90deg,rgba(5,3,2,.26),rgba(5,3,2,0) 58%,rgba(5,3,2,.12));
  }
  .hero-house-note-v3{
    left:16px;
    top:82px;
    max-width:122px;
    font-size:7.5px;
    line-height:1.38;
  }
  .hero-wordmark-v3{
    left:14px;
    top:16%;
    font-size:27.5vw;
    line-height:.7;
    letter-spacing:-.075em;
  }
  .hero-tagline-v3{
    right:16px;
    top:29%;
    max-width:62vw;
    font-size:11.2vw;
    line-height:.84;
  }
  .hero-scent-card{
    left:16px;
    right:16px;
    bottom:112px;
    width:auto;
    padding-top:14px;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "state state"
      "name notes"
      "cta cta";
    column-gap:18px;
    align-items:end;
  }
  .hero-state-label{
    grid-area:state;
    margin-bottom:10px;
    font-size:7px;
  }
  .hero-scent-card .hero-scent-index{
    grid-area:name;
    font-size:16px;
    margin:0;
  }
  .hero-scent-card .hero-notes{
    grid-area:notes;
    margin:0;
    max-width:150px;
    text-align:right;
    font-size:7.5px;
    line-height:1.45;
  }
  .discover-link-v3{
    grid-area:cta;
    margin-top:16px;
    height:46px;
    padding:0 16px;
    background:rgba(12,10,9,.16);
    backdrop-filter:blur(8px);
  }
  .hero-state-switcher{
    left:16px;
    right:16px;
    bottom:18px;
    transform:none;
    padding:5px;
    gap:0;
    background:rgba(12,10,9,.52);
    border-color:rgba(255,255,255,.3);
    overflow:visible;
  }
  .switcher-label{display:none}
  .state-tabs{width:100%;gap:3px}
  .state-tab{
    flex:1;
    min-height:43px;
    padding:8px 6px;
    font-size:8px;
    letter-spacing:.08em;
  }
  .state-tab span{
    display:inline;
    margin-right:4px;
    font-size:10px;
  }
  .scroll-cue-v3{display:none}

  /* HOME — House */
  .house-statement{
    padding:82px 18px 72px;
    gap:30px;
  }
  .house-copy{
    font-size:13.5vw;
    line-height:.86;
    letter-spacing:-.06em;
  }
  .house-side{
    margin:12px 0 0;
    max-width:310px;
    font-size:13px;
  }

  /* HOME — Selected state chapter */
  .editorial-split{
    display:flex;
    flex-direction:column;
    min-height:auto;
  }
  .editorial-image-wrap{
    min-height:0;
    height:58svh;
  }
  .editorial-image-wrap img{object-position:center}
  .image-label{left:18px;bottom:18px;font-size:8px}
  .editorial-copy{
    min-height:64svh;
    padding:72px 18px 64px;
    justify-content:center;
  }
  .editorial-copy h2{
    margin:22px 0 28px;
    max-width:92vw;
    font-size:13.8vw;
    line-height:.82;
  }
  .editorial-copy>p{
    max-width:320px;
    font-size:13px;
  }
  .editorial-copy .pill-link{
    margin-top:30px;
    width:100%;
    justify-content:space-between;
  }

  /* HOME — Collection */
  .collection-v2{padding-top:82px}
  .collection-head{
    padding:0 18px 54px;
    gap:24px;
  }
  .collection-head h2{font-size:15.5vw;line-height:.81}
  .collection-panels{display:block;height:auto}
  .collection-panel{
    display:block;
    height:72svh;
    min-height:560px;
    border-bottom:1px solid rgba(255,255,255,.18);
  }
  .collection-panel img{object-position:center}
  .collection-panel:nth-child(2) img{object-position:53% center}
  .panel-number{top:18px;left:18px;font-size:25px}
  .panel-copy{left:18px;bottom:22px}
  .panel-copy h3{font-size:18vw}
  .panel-copy p{font-size:9px;margin-top:13px}
  .panel-arrow{right:18px;bottom:22px}

  /* HOME — Material studies becomes horizontal editorial rail */
  .material-studies{padding:82px 0 88px}
  .material-head{
    padding:0 18px;
    margin-bottom:44px;
    gap:25px;
  }
  .material-head>div{gap:22px}
  .material-head h2{font-size:14.6vw;line-height:.82}
  .material-head p{max-width:300px;font-size:13px}
  .material-grid{
    display:flex;
    gap:10px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 18px 4px;
  }
  .material-grid::-webkit-scrollbar{display:none}
  .material-card{
    flex:0 0 82vw;
    scroll-snap-align:center;
  }
  .material-card img{
    height:112vw;
    max-height:620px;
  }
  .material-card figcaption{left:14px;right:14px;bottom:14px}
  .material-card figcaption b{font-size:25px}

  /* HOME — Finder */
  .finder-v3{
    padding:82px 18px 88px;
    gap:0;
  }
  .finder-title-v3 h2{
    margin:26px 0;
    font-size:14.8vw;
    line-height:.82;
  }
  .finder-title-v3>p{max-width:310px}
  .finder-panel{
    margin-top:42px;
    gap:28px;
  }
  .mood-v3{
    min-height:58px;
    padding:15px 2px;
    font-size:8.5vw;
  }
  .mood-v3 b{font-size:18px}
  .finder-result-v3{
    min-height:0;
    height:116vw;
    max-height:600px;
  }
  .finder-result-copy{left:16px;right:16px;bottom:16px}
  .finder-result-copy strong{font-size:17vw}
  .finder-result-copy small{font-size:8px}

  /* HOME — Manifesto */
  .manifesto-v2{
    height:88svh;
    min-height:650px;
    align-items:center;
  }
  .manifesto-darken{background:rgba(10,4,6,.66)}
  .manifesto-content{padding:0 18px}
  .manifesto-content p{
    font-size:9.4vw;
    line-height:.9;
    letter-spacing:-.045em;
    margin:28px 0 36px;
  }
  .manifesto-content .pill-link{
    min-width:205px;
    justify-content:space-between;
  }

  /* HOME — Shop becomes swipeable; shorter and more mobile-native */
  .shop-preview-v2{padding:82px 0 88px}
  .shop-preview-head{
    padding:0 18px;
    gap:24px;
  }
  .shop-preview-head h2{font-size:15.5vw;line-height:.82}
  .shop-preview-head>div{display:block}
  .text-link{margin-top:24px}
  .product-row{
    display:flex;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    margin-top:48px;
    padding:0 18px 4px;
  }
  .product-row::-webkit-scrollbar{display:none}
  .product-tile{
    flex:0 0 81vw;
    scroll-snap-align:center;
  }
  .product-tile img{
    height:105vw;
    max-height:590px;
  }
  .product-tile>div{font-size:8.5px;padding-top:11px}

  /* HOME — Final CTA */
  .final-cta-v2{
    height:86svh;
    min-height:620px;
  }
  .final-cta-v2>.section-index{top:28px}
  .final-cta-v2 h2{
    font-size:20.5vw;
    line-height:.73;
  }
  .circle-cta{
    width:104px;
    height:104px;
    right:18px;
    bottom:22px;
    font-size:9px;
  }

  /* Footer */
  .site-footer{padding:70px 18px 18px}
  .footer-brand{font-size:29vw}
  .footer-grid{
    grid-template-columns:1fr;
    gap:38px;
    margin:70px 0 58px;
  }
  .footer-grid>div:last-child{grid-column:auto}
  .footer-grid>div{font-size:13px}
  .newsletter input{min-height:44px}
  .footer-bottom{
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px 14px;
    line-height:1.45;
  }
  .footer-bottom span:nth-child(2){grid-column:1/-1;grid-row:2}
  .mini-footer{
    padding:20px 18px;
    gap:20px;
    font-size:8px;
    line-height:1.4;
  }

  /* SHOP — portfolio-grade mobile cards */
  .shop-hero-v2{
    min-height:58svh;
    padding:112px 18px 64px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
  }
  .shop-hero-v2 h1{
    margin:24px 0 22px;
    font-size:17.5vw;
    line-height:.75;
  }
  .shop-list-v2{background:#111}
  .shop-item{
    position:relative;
    display:block;
    min-height:0;
    height:82svh;
    overflow:hidden;
  }
  .shop-item::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,.04) 34%,rgba(0,0,0,.74) 100%);
    pointer-events:none;
  }
  .shop-item-image{
    position:absolute;
    inset:0;
    height:auto;
  }
  .shop-item-image img{width:100%;height:100%;object-fit:cover}
  .shop-item-copy{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    padding:28px 18px 24px;
    color:#fff;
  }
  .shop-item-copy h2{
    margin:14px 0 10px;
    font-size:17vw;
  }
  .shop-item-copy p{
    margin:0 0 22px;
    font-size:24px;
  }
  .shop-item-copy>b{font-size:9px}
  .shop-item:nth-child(2) .shop-item-image img{object-position:53% center}

  /* PRODUCT — full portrait campaign + compact commerce */
  .product-hero-v2{
    height:100svh;
    min-height:700px;
  }
  .product-hero-shade{
    background:linear-gradient(180deg,rgba(5,3,2,.1) 18%,rgba(5,3,2,.15) 46%,rgba(5,3,2,.8) 100%);
  }
  .product-hero-image{object-position:50% center}
  body[data-product="STATIC"] .product-hero-image{object-position:52% center}
  body[data-product="AFTER"] .product-hero-image{object-position:48% center}
  .product-live-copy{
    left:18px;
    right:18px;
    bottom:42px;
    top:auto;
    width:auto;
  }
  .product-live-copy h1{
    margin:18px 0 14px;
    font-size:22vw;
    line-height:.72;
  }
  .product-quote{
    max-width:330px;
    margin:0;
    font-size:7.2vw;
    line-height:.95;
  }
  .product-buy{
    margin-top:28px;
    padding-top:14px;
    gap:14px;
  }
  .add-to-bag{
    flex:1;
    min-width:0;
    padding:0 16px;
    height:46px;
  }
  .product-hero-v2>.scroll-cue{display:none}
  .product-story-copy{
    padding:76px 18px 64px;
  }
  .product-story-copy h2{
    margin:25px 0 28px;
    font-size:13.8vw;
    line-height:.84;
  }
  .product-story-v2>img{
    min-height:0;
    height:66svh;
  }
  .note-grid-v2{
    display:flex;
    grid-template-columns:none;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .note-grid-v2::-webkit-scrollbar{display:none}
  .note-grid-v2>div{
    flex:0 0 82vw;
    min-height:260px;
    padding:52px 18px;
    border-right:1px solid rgba(255,255,255,.18);
    border-bottom:0;
    scroll-snap-align:center;
  }
  .note-grid-v2 strong{
    margin-top:22px;
    font-size:12vw;
  }
  .next-scent{
    min-height:170px;
    padding:34px 18px;
    flex-direction:column;
    justify-content:space-between;
    gap:28px;
  }
  .next-scent a{
    align-self:flex-end;
    font-size:11vw;
  }

  /* ABOUT — horizontal image sequence instead of 3 huge vertical screens */
  .about-hero-v2{
    min-height:62svh;
    padding:112px 18px 60px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
  }
  .about-hero-v2 h1{
    margin:24px 0 0;
    font-size:16.5vw;
    line-height:.76;
  }
  .about-image-band{
    display:flex;
    gap:8px;
    height:auto;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 18px 8px;
    background:#eee7dc;
  }
  .about-image-band::-webkit-scrollbar{display:none}
  .about-image-band img{
    flex:0 0 82vw;
    width:82vw;
    height:105vw;
    max-height:600px;
    scroll-snap-align:center;
  }
  .about-copy-v2{
    padding:80px 18px 76px;
    gap:36px;
  }
  .about-copy-v2 h2{
    margin:0 0 30px;
    font-size:13.8vw;
    line-height:.84;
  }
  .about-copy-v2 p{font-size:13px}
  .about-manifesto-v2{
    padding:82px 18px;
    font-size:15.5vw;
    line-height:.77;
    min-height:62svh;
    justify-content:center;
  }

  /* Bag */
  .bag-drawer{width:100%;padding:20px 18px}
  .bag-drawer-body strong{font-size:48px}
}

@media (max-width: 430px) {
  .hero-v3{min-height:680px}
  .hero-wordmark-v3{font-size:28vw}
  .hero-tagline-v3{top:30.5%;font-size:11.6vw}
  .hero-scent-card{bottom:108px}
  .state-tab{font-size:7.5px}
  .state-tab span{font-size:9px}
  .house-copy{font-size:13.8vw}
  .editorial-copy h2{font-size:14.2vw}
  .material-head h2,.finder-title-v3 h2{font-size:15vw}
  .mood-v3{font-size:8.8vw}
  .manifesto-content p{font-size:9.7vw}
  .shop-preview-head h2{font-size:16vw}
  .product-live-copy h1{font-size:22.5vw}
  .product-quote{font-size:7.5vw}
}

@media (max-width: 370px) {
  .hero-house-note-v3{top:80px;font-size:6.8px;max-width:112px}
  .hero-tagline-v3{top:31%;font-size:11.2vw}
  .hero-scent-card .hero-notes{max-width:130px;font-size:7px}
  .state-tab{padding:7px 3px;font-size:7px}
  .state-tab span{display:none}
  .mobile-menu a{font-size:16.5vw}
  .footer-bottom{grid-template-columns:1fr}
  .footer-bottom span:nth-child(2){grid-column:auto;grid-row:auto}
}


/* =========================================================
   V1.2 — FINAL PRODUCT STATE / HERO FIX
   ========================================================= */

/* NEXT STATE is a short state veil, not a second page-opening loader. */
.state-switch-overlay{
  transform:none !important;
  opacity:0;
  visibility:visible;
  background:rgba(13,12,11,.985);
  pointer-events:none;
  gap:16px;
}
.state-switch-overlay .state-loader-word{display:none !important}
.state-switch-overlay .state-loader-meta{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(30px,4vw,58px);
  letter-spacing:-.025em;
  text-transform:none;
}
.state-switch-overlay .state-loader-line{width:min(180px,42vw)}

body.state-changing{
  overflow:hidden !important;
}

/* Keep every fragrance name inside its intended right-hand composition. */
.product-live-copy{
  width:min(540px,40vw);
}
.product-live-copy h1{
  font-size:clamp(82px,9vw,150px);
  max-width:100%;
  white-space:nowrap;
}

/* Product hero always begins as a complete viewport, never an anchor offset. */
.product-hero-v2{
  scroll-margin-top:0;
}

/* Preserve the dedicated portrait composition from V1.1. */
@media (max-width:900px){
  .product-live-copy{
    width:auto;
  }
  .product-live-copy h1{
    font-size:22vw;
    white-space:nowrap;
    max-width:100%;
  }
}

@media (max-width:430px){
  .product-live-copy h1{
    font-size:21.5vw;
  }
}

@media (max-width:370px){
  .product-live-copy h1{
    font-size:20vw;
  }
}


/* =========================================================
   V1.3 — FINAL MOBILE HERO COMPOSITION
   Desktop remains locked.
   ========================================================= */
@media (max-width:900px){
  .hero-v3{
    height:100svh;
    min-height:670px;
  }

  /* Give the product a little more visual priority. */
  .hero-v3 .hero-image{
    transform:scale(1);
  }
  .hero-v3 .hero-image[data-scent-image="HEAT"]{object-position:56% center}
  .hero-v3 .hero-image[data-scent-image="STATIC"]{object-position:57% center}
  .hero-v3 .hero-image[data-scent-image="AFTER"]{object-position:53% center}

  /* Compact editorial label: safely clear of the É accent. */
  .hero-house-note-v3{
    left:18px;
    top:80px;
    max-width:96px;
    font-size:6.8px;
    line-height:1.42;
    letter-spacing:.13em;
  }

  /* Reduce typographic competition with the bottle. */
  .hero-wordmark-v3{
    left:17px;
    top:16.5%;
    font-size:22.8vw;
    line-height:.72;
    letter-spacing:-.068em;
  }
  .hero-tagline-v3{
    right:18px;
    top:34%;
    max-width:50vw;
    font-size:8.8vw;
    line-height:.88;
  }

  /* Product information becomes a quieter anchored block. */
  .hero-scent-card{
    left:18px;
    right:18px;
    bottom:101px;
    padding-top:11px;
    column-gap:14px;
  }
  .hero-state-label{
    margin-bottom:7px;
    font-size:6.5px;
  }
  .hero-scent-card .hero-scent-index{
    font-size:15px;
  }
  .hero-scent-card .hero-notes{
    max-width:132px;
    font-size:6.8px;
    line-height:1.4;
  }

  /* CTA no longer spans the entire viewport. */
  .discover-link-v3{
    width:min(220px,62vw);
    height:43px;
    min-height:43px;
    margin-top:13px;
    padding:0 14px;
    font-size:8px;
  }
  .discover-link-v3 span{
    font-family:Arial,Helvetica,sans-serif;
    font-style:normal;
    font-size:13px;
    line-height:1;
  }

  /* Finer segmented selector. */
  .hero-state-switcher{
    left:18px;
    right:18px;
    bottom:14px;
    padding:4px;
  }
  .state-tab{
    min-height:38px;
    padding:7px 4px;
    font-size:7.3px;
    letter-spacing:.07em;
  }
  .state-tab span{
    margin-right:3px;
    font-size:8.5px;
  }
}

@media (max-width:430px){
  .hero-wordmark-v3{font-size:23vw}
  .hero-tagline-v3{font-size:9vw;max-width:51vw}
  .hero-scent-card{bottom:99px}
  .discover-link-v3{width:min(210px,64vw)}
}

@media (max-width:370px){
  .hero-house-note-v3{top:78px;max-width:90px;font-size:6.3px}
  .hero-wordmark-v3{font-size:22.5vw}
  .hero-tagline-v3{font-size:8.7vw}
  .hero-scent-card .hero-notes{max-width:116px;font-size:6.4px}
  .state-tab{font-size:6.8px}
  .state-tab span{display:none}
}


/* =========================================================
   V2 — MOBILE SYSTEM REBUILT FROM FIRST PRINCIPLES
   Desktop remains untouched. Mobile prioritises:
   image → message → action.
   ========================================================= */
@media (max-width:900px){

  /* ---------- FOUNDATION ---------- */
  html{scroll-padding-top:58px}
  body{font-size:15px;background:var(--paper)}
  .site-header{
    height:58px;
    padding:0 18px;
    grid-template-columns:1fr auto;
    background:transparent;
  }
  .brand{font-size:24px}
  .desktop-nav{display:none}
  .header-actions{gap:18px}
  .text-button{font-size:9px;letter-spacing:.12em}
  .menu-button{display:block;width:24px;height:18px}
  .menu-button span:first-child{top:5px}
  .menu-button span:nth-child(2){top:12px}
  .section-index,.eyebrow{font-size:8px;letter-spacing:.14em}

  /* Clean full-screen navigation */
  .mobile-menu{
    z-index:99;
    padding:96px 18px 22px;
    background:#0f0e0d;
  }
  .mobile-menu a{
    display:block;
    padding:10px 0 14px;
    border-bottom:1px solid rgba(255,255,255,.15);
    font-family:var(--sans);
    font-weight:500;
    font-size:13vw;
    line-height:.88;
    letter-spacing:-.055em;
  }
  .mobile-menu a::after{display:none!important}
  .mobile-menu-note{
    margin-top:auto;
    padding-top:18px;
    font-size:8px;
    line-height:1.4;
    opacity:.55;
  }

  /* ---------- HOME / HERO ---------- */
  .hero-v3{
    height:100svh;
    min-height:640px;
  }
  .hero-v3 .hero-image{
    transform:none;
    object-fit:cover;
  }
  .hero-v3 .hero-image[data-scent-image="HEAT"]{object-position:55% center}
  .hero-v3 .hero-image[data-scent-image="STATIC"]{object-position:56% center}
  .hero-v3 .hero-image[data-scent-image="AFTER"]{object-position:53% center}
  .hero-shade-v3{
    background:
      linear-gradient(180deg,rgba(7,5,4,.28) 0%,rgba(7,5,4,0) 31%,rgba(7,5,4,.05) 55%,rgba(7,5,4,.78) 100%);
  }

  /* Remove duplicate brand information */
  .hero-house-note-v3{display:none}
  .hero-wordmark-v3{
    left:18px;
    top:92px;
    font-size:21vw;
    line-height:.73;
    letter-spacing:-.07em;
  }
  .hero-tagline-v3{
    left:18px;
    right:auto;
    top:auto;
    bottom:192px;
    max-width:75vw;
    text-align:left;
    font-size:9.7vw;
    line-height:.86;
  }

  /* One compact product readout */
  .hero-scent-card{
    left:18px;
    right:18px;
    bottom:78px;
    width:auto;
    padding:12px 0 0;
    border-top:1px solid rgba(255,255,255,.48);
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "name state"
      "cta cta";
    gap:8px 14px;
  }
  .hero-state-label{
    grid-area:state;
    margin:0;
    align-self:center;
    font-size:6.5px;
    letter-spacing:.12em;
    opacity:.68;
  }
  .hero-scent-card .hero-scent-index{
    grid-area:name;
    margin:0;
    font-size:15px;
    letter-spacing:.04em;
  }
  .hero-scent-card .hero-notes{display:none}
  .discover-link-v3{
    grid-area:cta;
    width:max-content;
    height:auto;
    min-height:0;
    margin:3px 0 0;
    padding:0 0 3px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.7);
    border-radius:0;
    background:none;
    backdrop-filter:none;
    font-size:8px;
    letter-spacing:.12em;
  }
  .discover-link-v3 span{display:none}

  /* State selector is navigation, not a giant control */
  .hero-state-switcher{
    left:18px;
    right:18px;
    bottom:18px;
    transform:none;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    backdrop-filter:none;
  }
  .switcher-label{display:none}
  .state-tabs{
    width:100%;
    gap:24px;
    justify-content:flex-start;
  }
  .state-tab{
    flex:0 0 auto;
    min-height:0;
    padding:0 0 5px;
    border-radius:0!important;
    background:none!important;
    color:rgba(255,255,255,.55)!important;
    font-size:8px;
    letter-spacing:.1em;
    border-bottom:1px solid transparent;
  }
  .state-tab span{display:none}
  .state-tab.is-active{
    color:#fff!important;
    border-bottom-color:#fff;
  }
  .scroll-cue-v3{display:none}

  /* ---------- HOUSE ---------- */
  .house-statement{
    min-height:64svh;
    padding:74px 18px 64px;
    display:flex;
    flex-direction:column;
    gap:26px;
  }
  .house-copy{
    font-size:12.7vw;
    line-height:.87;
    letter-spacing:-.055em;
  }
  .house-side{display:none}

  /* ---------- SELECTED STATE ---------- */
  .editorial-split{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .editorial-image-wrap{
    height:60svh;
    min-height:0;
  }
  .image-label{
    left:18px;
    bottom:16px;
    font-size:7px;
  }
  .editorial-copy{
    min-height:0;
    padding:58px 18px 60px;
  }
  .editorial-copy h2{
    margin:20px 0 24px;
    max-width:94vw;
    font-size:11.8vw;
    line-height:.86;
    letter-spacing:-.055em;
  }
  .editorial-copy>p{
    max-width:300px;
    font-size:12px;
    line-height:1.55;
  }
  .editorial-copy .pill-link{
    width:max-content;
    min-height:0;
    margin-top:26px;
    padding:0 0 4px;
    border:0;
    border-bottom:1px solid currentColor;
    border-radius:0;
    gap:0;
    font-size:8px;
  }
  .editorial-copy .pill-link span{display:none}

  /* ---------- COLLECTION ---------- */
  .collection-v2{
    padding:72px 0 72px;
  }
  .collection-head{
    display:block;
    padding:0 18px 38px;
  }
  .collection-head h2{
    margin-top:22px;
    font-size:12.4vw;
    line-height:.84;
  }
  .collection-panels{
    display:flex;
    height:auto;
    min-height:0;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 18px 2px;
  }
  .collection-panels::-webkit-scrollbar{display:none}
  .collection-panel{
    flex:0 0 82vw;
    height:108vw;
    min-height:0;
    max-height:570px;
    border:0;
    scroll-snap-align:center;
  }
  .panel-number{
    top:14px;
    left:14px;
    font-size:18px;
  }
  .panel-copy{
    left:14px;
    bottom:14px;
  }
  .panel-copy h3{
    font-size:14vw;
    line-height:.75;
  }
  .panel-copy p{
    margin-top:10px;
    font-size:7px;
  }
  .panel-arrow{display:none}

  /* Duplicate atmosphere section removed on mobile */
  .material-studies{display:none!important}

  /* ---------- FINDER ---------- */
  .finder-v3{
    padding:72px 18px 76px;
    display:block;
  }
  .finder-title-v3 h2{
    margin:22px 0 18px;
    font-size:12.3vw;
    line-height:.85;
  }
  .finder-title-v3>p{
    max-width:290px;
    font-size:12px;
  }
  .finder-panel{
    margin-top:36px;
    display:block;
  }
  .mood-list-v3{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:6px;
    border:0;
  }
  .mood-v3{
    min-height:42px;
    padding:9px 7px;
    border:1px solid rgba(17,16,15,.28);
    border-radius:999px;
    justify-content:center;
    font-size:7px;
    letter-spacing:.08em;
  }
  .mood-v3 span{text-align:center}
  .mood-v3 b{display:none}
  .mood-v3.is-active{
    background:var(--ink);
    color:var(--paper);
  }
  .finder-result-v3{
    margin-top:14px;
    height:86vw;
    min-height:0;
    max-height:420px;
  }
  .finder-result-copy{
    left:14px;
    right:14px;
    bottom:14px;
  }
  .finder-result-copy span{
    font-size:7px;
    letter-spacing:.1em;
  }
  .finder-result-copy strong{
    font-size:13.5vw;
  }
  .finder-result-copy small{font-size:7px}
  .finder-link-v3{
    margin-top:12px;
    font-size:7.5px;
  }

  /* ---------- MANIFESTO ---------- */
  .manifesto-v2{
    height:72svh;
    min-height:540px;
  }
  .manifesto-content{
    padding:0 18px;
  }
  .manifesto-content p{
    margin:22px 0 28px;
    font-size:8.6vw;
    line-height:.94;
  }
  .manifesto-content .pill-link{
    min-width:0;
    width:max-content;
    padding:0 0 4px;
    border:0;
    border-bottom:1px solid currentColor;
    border-radius:0;
    font-size:8px;
  }
  .manifesto-content .pill-link span{display:none}

  /* Collection already performs commerce discovery on mobile */
  .shop-preview-v2{display:none!important}

  /* ---------- FINAL CTA ---------- */
  .final-cta-v2{
    height:54svh;
    min-height:420px;
  }
  .final-cta-v2>.section-index{
    top:26px;
    left:18px;
  }
  .final-cta-v2 h2{
    font-size:16vw;
    line-height:.77;
  }
  .circle-cta{
    width:auto;
    height:auto;
    right:18px;
    bottom:24px;
    padding:0 0 4px;
    border-radius:0;
    border-bottom:1px solid currentColor;
    background:none;
    color:inherit;
    font-size:8px;
    line-height:1;
    text-transform:uppercase;
  }

  /* ---------- FOOTER ---------- */
  .site-footer{
    padding:58px 18px 18px;
  }
  .footer-brand{
    font-size:23vw;
  }
  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:30px 18px;
    margin:52px 0 50px;
  }
  .footer-grid>div:last-child{display:none}
  .footer-grid>div{
    font-size:11px;
  }
  .footer-bottom{
    display:block;
    font-size:7px;
    line-height:1.7;
  }
  .footer-bottom span{display:block}

  /* ---------- SHOP ---------- */
  .shop-hero-v2{
    min-height:42svh;
    padding:102px 18px 46px;
    justify-content:flex-end;
  }
  .shop-hero-v2 h1{
    margin:18px 0 14px;
    font-size:13.8vw;
    line-height:.8;
  }
  .shop-hero-v2 p{
    max-width:260px;
    font-size:12px;
    line-height:1.5;
  }
  .shop-list-v2{
    background:#11100f;
    padding:0 0 46px;
  }
  .shop-item{
    height:auto;
    min-height:0;
    padding:0 18px 42px;
    background:#11100f;
    color:#fff;
  }
  .shop-item::after{display:none}
  .shop-item-image{
    position:relative;
    inset:auto;
    width:100%;
    height:112vw;
    max-height:570px;
  }
  .shop-item-image img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .shop-item-copy{
    position:relative;
    left:auto;right:auto;bottom:auto;
    padding:14px 0 0;
    color:#fff;
  }
  .shop-item-copy span{
    font-size:7px;
    letter-spacing:.1em;
  }
  .shop-item-copy h2{
    margin:7px 0 5px;
    font-family:var(--serif);
    font-style:italic;
    font-weight:400;
    font-size:10.5vw;
    line-height:.9;
  }
  .shop-item-copy p{
    margin:0;
    font-size:10px;
    opacity:.7;
  }
  .shop-item-copy b{
    display:inline-block;
    margin-top:13px;
    padding-bottom:3px;
    border-bottom:1px solid rgba(255,255,255,.65);
    font-size:8px;
    font-weight:400;
  }

  /* ---------- PRODUCT ---------- */
  .product-hero-v2{
    height:78svh;
    min-height:560px;
  }
  .product-hero-image{object-position:52% center}
  body[data-product="STATIC"] .product-hero-image{object-position:55% center}
  body[data-product="AFTER"] .product-hero-image{object-position:51% center}
  .product-hero-shade{
    background:linear-gradient(180deg,rgba(5,3,2,.08) 25%,rgba(5,3,2,.16) 54%,rgba(5,3,2,.82) 100%);
  }
  .product-live-copy{
    left:18px;
    right:18px;
    top:auto;
    bottom:24px;
    width:auto;
  }
  .product-kicker{display:none}
  .product-live-copy h1{
    margin:0 0 8px;
    font-size:15vw;
    line-height:.75;
    white-space:nowrap;
  }
  .product-quote{
    max-width:285px;
    margin:0;
    font-size:6.2vw;
    line-height:.96;
  }
  .product-buy{
    margin-top:18px;
    padding-top:12px;
    display:flex;
    align-items:center;
    gap:14px;
  }
  .product-buy>span{
    font-size:13px;
  }
  .add-to-bag{
    flex:none;
    width:auto;
    min-width:0;
    height:auto;
    min-height:0;
    padding:0 0 3px;
    border:0;
    border-bottom:1px solid currentColor;
    border-radius:0;
    background:none;
    color:#fff;
    font-size:7px;
  }
  .add-to-bag b{display:none}
  .product-hero-v2>.scroll-cue{display:none}

  .product-story-v2{
    display:flex;
    flex-direction:column;
  }
  .product-story-copy{
    padding:62px 18px 52px;
  }
  .product-story-copy h2{
    margin:20px 0 22px;
    font-size:11.7vw;
    line-height:.86;
  }
  .product-story-copy p{
    max-width:300px;
    font-size:12px;
    line-height:1.55;
  }
  .product-story-v2>img{
    height:58svh;
    min-height:0;
  }

  .note-grid-v2{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    overflow:visible;
  }
  .note-grid-v2>div{
    min-height:190px;
    padding:34px 12px 28px;
    border-right:1px solid rgba(255,255,255,.17);
    border-bottom:0;
  }
  .note-grid-v2>div:last-child{border-right:0}
  .note-grid-v2 span{
    font-size:7px;
  }
  .note-grid-v2 strong{
    margin-top:16px;
    font-size:5.4vw;
    line-height:.98;
  }

  .next-scent{
    min-height:130px;
    padding:26px 18px;
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
  }
  .next-scent>span{
    font-size:7px;
  }
  .next-scent a{
    align-self:auto;
    font-size:8.5vw;
  }

  /* ---------- ABOUT ---------- */
  .about-hero-v2{
    min-height:44svh;
    padding:104px 18px 44px;
    justify-content:flex-end;
  }
  .about-hero-v2 h1{
    margin:18px 0 0;
    font-size:13.4vw;
    line-height:.8;
  }
  .about-image-band{
    display:block;
    height:60svh;
    padding:0;
    overflow:hidden;
    background:#111;
  }
  .about-image-band img{
    display:none;
    width:100%;
    height:100%;
  }
  .about-image-band img:first-child{
    display:block;
    object-fit:cover;
  }
  .about-copy-v2{
    padding:64px 18px 62px;
    display:block;
  }
  .about-copy-v2>span{
    display:block;
    margin-bottom:24px;
  }
  .about-copy-v2 h2{
    margin:0 0 26px;
    font-size:11.7vw;
    line-height:.86;
  }
  .about-copy-v2 p{
    max-width:310px;
    font-size:12px;
    line-height:1.58;
  }
  .about-manifesto-v2{
    min-height:48svh;
    padding:62px 18px;
    justify-content:center;
    font-size:13.8vw;
    line-height:.82;
  }

  /* ---------- FOOTER / UTILITY ---------- */
  .mini-footer{
    padding:18px;
    font-size:7px;
    gap:18px;
  }
  .bag-drawer{
    width:100%;
    padding:18px;
  }
  .bag-drawer-body strong{font-size:42px}
}

@media (max-width:430px){
  .hero-wordmark-v3{font-size:21.5vw}
  .hero-tagline-v3{font-size:9.9vw}
  .house-copy{font-size:12.9vw}
  .collection-head h2,
  .finder-title-v3 h2{font-size:12.6vw}
  .editorial-copy h2,
  .product-story-copy h2,
  .about-copy-v2 h2{font-size:12vw}
  .product-live-copy h1{font-size:15.3vw}
}

@media (max-width:370px){
  .site-header{padding:0 14px}
  .hero-wordmark-v3{left:14px;font-size:21vw}
  .hero-tagline-v3{left:14px;font-size:9.6vw}
  .hero-scent-card,.hero-state-switcher{left:14px;right:14px}
  .state-tabs{gap:18px}
  .mood-v3{font-size:6.5px}
  .note-grid-v2 strong{font-size:5vw}
}


/* =========================================================
   V2.2 — MOBILE HERO CLARITY
   Remove duplicate branding + restore clear state affordance.
   Desktop remains untouched.
   ========================================================= */
@media (max-width:900px){

  /* Header already identifies the brand. The bottle does too.
     Do not repeat VÉRIA a third time in the hero. */
  .hero-wordmark-v3{
    display:none!important;
  }

  /* Keep the message as the only large piece of hero typography. */
  .hero-tagline-v3{
    left:auto;
    right:18px;
    top:96px;
    bottom:auto;
    max-width:58vw;
    text-align:right;
    font-size:9.2vw;
    line-height:.88;
  }

  /* Product readout: only what the user needs. */
  .hero-scent-card{
    left:18px;
    right:18px;
    bottom:116px;
    padding-top:11px;
    grid-template-columns:1fr;
    grid-template-areas:
      "name"
      "cta";
    gap:8px;
  }
  .hero-state-label{
    display:none!important;
  }
  .hero-scent-card .hero-scent-index{
    font-size:15px;
    letter-spacing:.04em;
  }
  .discover-link-v3{
    margin-top:0;
  }

  /* Clear, explicit fragrance switcher. */
  .hero-state-switcher{
    left:18px;
    right:18px;
    bottom:16px;
    transform:none;
    display:block;
    padding:9px;
    border:1px solid rgba(255,255,255,.42);
    border-radius:18px;
    background:rgba(12,9,8,.42);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .switcher-label{
    display:block;
    padding:1px 4px 7px;
    color:rgba(255,255,255,.66);
    font-size:6.5px;
    line-height:1;
    letter-spacing:.15em;
    text-transform:uppercase;
  }
  .state-tabs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    width:100%;
    gap:5px;
  }
  .state-tab{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:100%;
    min-height:42px;
    padding:0 6px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:11px!important;
    background:rgba(255,255,255,.035)!important;
    color:rgba(255,255,255,.76)!important;
    font-size:7.5px;
    letter-spacing:.08em;
    transition:
      background .25s ease,
      color .25s ease,
      border-color .25s ease,
      transform .2s ease;
  }
  .state-tab span{
    display:inline!important;
    margin:0;
    opacity:.58;
    font-family:var(--serif);
    font-size:10px;
    font-style:italic;
  }
  .state-tab.is-active{
    background:#f4eee7!important;
    border-color:#f4eee7;
    color:#15110f!important;
  }
  .state-tab.is-active span{
    opacity:.62;
  }
  .state-tab:active{
    transform:scale(.98);
  }
}

@media (max-width:430px){
  .hero-tagline-v3{
    right:16px;
    top:94px;
    max-width:60vw;
    font-size:9.4vw;
  }
  .hero-scent-card{
    left:16px;
    right:16px;
    bottom:113px;
  }
  .hero-state-switcher{
    left:16px;
    right:16px;
    bottom:14px;
  }
}

@media (max-width:370px){
  .hero-tagline-v3{
    right:14px;
    top:92px;
    font-size:9vw;
  }
  .hero-scent-card{
    left:14px;
    right:14px;
  }
  .hero-state-switcher{
    left:14px;
    right:14px;
  }
  .state-tab{
    min-height:40px;
    font-size:6.8px;
    gap:3px;
  }
  .state-tab span{
    font-size:9px;
  }
}


/* =========================================================
   V2.3 — MOBILE STATE SELECTOR FINAL
   Preserve the desktop-level clarity of SELECT A STATE.
   ========================================================= */
@media (max-width:900px){

  /* One unified segmented control, visually important but elegant. */
  .hero-state-switcher{
    left:16px;
    right:16px;
    bottom:14px;
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:14px;
    padding:8px 9px 8px 14px;
    border:1px solid rgba(255,255,255,.42);
    border-radius:999px;
    background:rgba(18,10,7,.50);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  .switcher-label{
    display:block!important;
    padding:0;
    color:rgba(255,255,255,.70);
    font-size:7px;
    line-height:1;
    letter-spacing:.13em;
    white-space:nowrap;
    text-transform:uppercase;
  }

  .state-tabs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    width:100%;
    gap:2px;
  }

  .state-tab{
    min-height:38px;
    padding:0 9px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:rgba(255,255,255,.88)!important;
    font-size:8px;
    line-height:1;
    letter-spacing:.06em;
    white-space:nowrap;
  }

  .state-tab span{
    display:inline!important;
    margin:0;
    font-family:var(--serif);
    font-style:italic;
    font-size:11px;
    opacity:.58;
  }

  .state-tab.is-active{
    background:#f4eee7!important;
    color:#17120f!important;
  }

  .state-tab.is-active span{
    opacity:.58;
  }

  .state-tab:active{
    transform:scale(.985);
  }

  /* Make room for the selector without crowding the CTA above it. */
  .hero-scent-card{
    bottom:101px;
  }
}

@media (max-width:430px){
  .hero-state-switcher{
    left:14px;
    right:14px;
    grid-template-columns:auto 1fr;
    gap:10px;
    padding:7px 8px 7px 12px;
  }

  .switcher-label{
    font-size:6.5px;
    letter-spacing:.11em;
  }

  .state-tab{
    min-height:36px;
    padding:0 7px;
    gap:5px;
    font-size:7.5px;
  }

  .state-tab span{
    font-size:10px;
  }

  .hero-scent-card{
    bottom:97px;
  }
}

@media (max-width:370px){
  .hero-state-switcher{
    left:10px;
    right:10px;
    gap:7px;
    padding:6px 6px 6px 10px;
  }

  .switcher-label{
    font-size:6px;
  }

  .state-tab{
    min-height:34px;
    padding:0 5px;
    gap:3px;
    font-size:6.8px;
  }

  .state-tab span{
    font-size:9px;
  }
}


/* =========================================================
   V2.4 — FINAL MOBILE UI REPAIR
   No emoji arrows. Finder rebuilt as a clean horizontal result card.
   ========================================================= */

/* Prevent any legacy arrow spans from rendering. */
.panel-arrow,
.discover-link-v3 > span,
.pill-link > span,
.add-to-bag b{
  font-family:Arial,Helvetica,sans-serif;
}

/* Premium CSS-drawn arrow for the ONE interaction where direction matters. */
.next-scent-link{
  display:inline-flex;
  align-items:center;
  gap:14px;
}
.next-scent-link::after{
  content:"";
  width:18px;
  height:18px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:rotate(0deg);
  clip-path:polygon(35% 0,100% 0,100% 65%,84% 65%,84% 27%,11% 100%,0 89%,73% 16%,35% 16%);
}

/* Desktop links no longer depend on Unicode arrows. */
.text-link,
.finder-result-copy > b,
.mini-footer a:last-child{
  text-decoration:none;
}

@media (max-width:900px){

  /* -------- FRAGRANCE FINDER: clean mobile hierarchy -------- */
  .finder-v3{
    padding:70px 18px 74px;
    display:block;
  }

  .finder-title-v3 h2{
    margin:20px 0 16px;
    font-size:11.8vw;
    line-height:.86;
    letter-spacing:-.055em;
  }

  .finder-title-v3>p{
    max-width:295px;
    font-size:12px;
    line-height:1.5;
  }

  .finder-panel{
    display:block;
    margin-top:34px;
  }

  .mood-list-v3{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:6px;
    border:0;
  }

  .mood-v3{
    width:100%;
    min-height:42px;
    padding:0 6px;
    border:1px solid rgba(17,16,15,.24);
    border-radius:999px;
    background:transparent;
    justify-content:center;
    font-size:6.8px;
    letter-spacing:.075em;
    text-align:center;
  }

  .mood-v3 span{
    text-align:center;
    white-space:nowrap;
  }

  .mood-v3 b{
    display:none;
  }

  .mood-v3.is-active{
    padding-left:6px;
    background:#11100f;
    color:#f4eee7;
    border-color:#11100f;
  }

  /* Result is a compact two-column card, never an overlapping hero. */
  .finder-result-v3{
    position:relative;
    display:grid;
    grid-template-columns:38% 62%;
    min-height:0;
    height:154px;
    margin-top:12px;
    overflow:hidden;
    background:#11100f;
    color:#f4eee7;
  }

  .finder-result-image{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:154px!important;
    object-fit:cover;
    transition:opacity .35s ease;
  }

  .finder-result-overlay{
    display:none!important;
  }

  .finder-result-copy{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:0!important;
    min-width:0;
    padding:18px 16px;
    background:#11100f;
  }

  .finder-result-copy>span{
    grid-column:auto;
    margin:0 0 8px;
    font-size:6.5px;
    letter-spacing:.13em;
    opacity:.58;
  }

  .finder-result-copy strong{
    display:block;
    margin:0;
    font-family:var(--serif);
    font-style:italic;
    font-weight:400;
    font-size:11vw;
    line-height:.76;
    white-space:nowrap;
  }

  .finder-result-copy small{
    display:block;
    margin:9px 0 0!important;
    font-size:6.5px;
    line-height:1.35;
    letter-spacing:.08em;
    opacity:.68;
  }

  .finder-result-copy>b{
    display:block;
    grid-column:auto;
    width:max-content;
    margin:14px 0 0;
    padding:0 0 3px;
    border-top:0;
    border-bottom:1px solid rgba(255,255,255,.65);
    font-size:6.8px;
    line-height:1.2;
    letter-spacing:.11em;
    font-weight:400;
  }

  /* -------- NEXT STATE: no emoji, clean CSS arrow -------- */
  .next-scent{
    min-height:126px;
    padding:26px 18px;
  }

  .next-scent-link::after{
    width:15px;
    height:15px;
  }

  /* Remove leftover icon-like arrow language from mobile links. */
  .panel-arrow,
  .discover-link-v3 > span,
  .pill-link > span{
    display:none!important;
  }

  .mini-footer a:last-child{
    border-bottom:1px solid rgba(255,255,255,.45);
    padding-bottom:2px;
  }
}

@media (max-width:430px){
  .finder-result-v3{
    grid-template-columns:36% 64%;
    height:148px;
  }
  .finder-result-image{
    height:148px!important;
  }
  .finder-result-copy{
    padding:15px 13px;
  }
  .finder-result-copy strong{
    font-size:10.8vw;
  }
  .mood-v3{
    font-size:6.4px;
  }
}

@media (max-width:370px){
  .finder-v3{
    padding-left:14px;
    padding-right:14px;
  }
  .finder-result-v3{
    grid-template-columns:34% 66%;
    height:142px;
  }
  .finder-result-image{
    height:142px!important;
  }
  .finder-result-copy{
    padding:13px 11px;
  }
  .finder-result-copy strong{
    font-size:10.4vw;
  }
  .mood-list-v3{
    gap:4px;
  }
  .mood-v3{
    font-size:5.9px;
    padding:0 4px;
  }
}