:root{
  --ink:#08070A;
  --ink-2:#0E0C10;
  --ink-3:#15121A;
  --bone:#EDE3D2;
  --bone-d:#C9BFAE;
  --bone-soft:#9C9588;
  --gold:#C8A36A;
  --gold-2:#E9C98A;
  --gold-d:#8A6B3D;
  --ember:#C97A2E;
  --line:rgba(237,227,210,0.12);
  --line-2:rgba(237,227,210,0.06);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--ink);color:var(--bone);}
body{
  font-family:'Jost',sans-serif;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  cursor:none;
}

/* —— typography —— */
.serif{font-family:'Cormorant Garamond',serif;font-weight:400;letter-spacing:-0.01em}
.mono{font-family:'JetBrains Mono',monospace;font-weight:300;letter-spacing:0.06em;text-transform:uppercase;font-size:11px}
.italic{font-style:italic}
.gold{color:var(--gold)}
.bone-soft{color:var(--bone-soft)}

h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:400;letter-spacing:-0.02em;line-height:0.95}

/* —— film grain —— */
.grain::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:9000;opacity:.08;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* —— vignette —— */
.vignette::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:5;
  background:radial-gradient(120% 80% at 50% 50%, transparent 55%, rgba(0,0,0,.7) 100%);
}

/* —— custom cursor —— */
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;mix-blend-mode:difference}
.cursor-dot{width:6px;height:6px;background:var(--gold-2);border-radius:50%;transform:translate(-50%,-50%);transition:width .25s,height .25s,opacity .25s}
.cursor-ring{width:34px;height:34px;border:1px solid rgba(232,201,138,.6);border-radius:50%;transform:translate(-50%,-50%);transition:width .35s ease,height .35s ease,border-color .35s,opacity .35s}
.cursor-dot.is-hover{width:0;height:0;opacity:0}
.cursor-ring.is-hover{width:64px;height:64px;border-color:var(--gold-2);background:rgba(232,201,138,.06)}
@media (hover:none){.cursor-dot,.cursor-ring{display:none}body{cursor:auto}}

/* —— gold lockup divider —— */
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);opacity:.4}
.vrule{width:1px;background:linear-gradient(180deg,transparent,var(--gold) 50%,transparent);opacity:.35}

/* —— ember particles —— */
@keyframes drift {
  0%{transform:translate3d(0,0,0) scale(1);opacity:0}
  10%{opacity:.9}
  100%{transform:translate3d(var(--dx,40px),-90vh,0) scale(.4);opacity:0}
}
.ember{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--gold-2);
  box-shadow:0 0 8px var(--gold-2),0 0 16px rgba(232,201,138,.6);
  animation:drift var(--dur,14s) linear infinite;animation-delay:var(--delay,0s);bottom:-10px;
}

/* —— reveal on scroll —— */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1.2s cubic-bezier(.2,.6,.2,1),transform 1.2s cubic-bezier(.2,.6,.2,1)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.12s}
.reveal-delay-2{transition-delay:.24s}
.reveal-delay-3{transition-delay:.36s}
.reveal-delay-4{transition-delay:.48s}

/* —— flicker / shimmer for gold edges —— */
@keyframes shimmer{
  0%,100%{opacity:.55}
  50%{opacity:1}
}

/* —— hover link sweep —— */
.link{position:relative;display:inline-block;color:var(--bone)}
.link::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .6s cubic-bezier(.2,.6,.2,1)}
.link:hover::after{transform:scaleX(1);transform-origin:left}

/* —— button —— */
.btn{display:inline-flex;align-items:center;gap:14px;padding:18px 28px;border:1px solid var(--line);background:transparent;color:var(--bone);font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;cursor:none;transition:border-color .5s,background .5s,color .5s;position:relative;overflow:hidden}
.btn:hover{border-color:var(--gold);color:var(--gold)}
.btn .arrow{width:22px;height:1px;background:currentColor;position:relative;transition:width .4s}
.btn .arrow::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg)}
.btn:hover .arrow{width:34px}

.btn-solid{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1208;border-color:transparent}
.btn-solid:hover{color:#1a1208;background:linear-gradient(180deg,#f3d597,var(--gold-2))}

/* —— ticker —— */
@keyframes tickerScroll {0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker{display:flex;width:max-content;animation:tickerScroll 60s linear infinite}

/* —— image atmosphere —— */
.img-frame{position:relative;overflow:hidden;background:#000}
.img-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.6s cubic-bezier(.2,.6,.2,1)}
.img-frame:hover img{transform:scale(1.05)}
.img-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,10,0) 40%,rgba(8,7,10,.6) 100%);z-index:1;pointer-events:none}

/* —— corner ticks —— */
.tick-frame{position:relative}
.tick-frame::before,.tick-frame::after,
.tick-frame > .tick-tl,.tick-frame > .tick-br{
  content:"";position:absolute;width:14px;height:14px;border:1px solid var(--gold);opacity:.7
}
.tick-frame::before{top:0;left:0;border-right:0;border-bottom:0}
.tick-frame::after{bottom:0;right:0;border-left:0;border-top:0}

/* —— full-bleed sections —— */
section{position:relative}

/* —— fragrance pyramid radial —— */
.note-pip{transition:transform .5s, color .5s}
.note-pip:hover{color:var(--gold-2);transform:scale(1.05)}

/* —— scrollbar —— */
::-webkit-scrollbar{width:0}
html{scroll-behavior:smooth}

/* —— loader —— */
@keyframes loaderFill {from{width:0}to{width:100%}}
.loader-bar{height:1px;background:var(--gold);animation:loaderFill 1.8s cubic-bezier(.2,.6,.2,1) forwards}
.loader{position:fixed;inset:0;background:var(--ink);z-index:10000;display:flex;align-items:center;justify-content:center;transition:opacity 1s ease, visibility 1s ease}
.loader.gone{opacity:0;visibility:hidden}

/* —— number marquee for collection —— */
.bg-number{position:absolute;font-family:'Cormorant Garamond',serif;font-size:clamp(280px,38vw,560px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(232,201,138,.10);pointer-events:none;user-select:none}

/* —— glass card —— */
.glass{
  background:linear-gradient(180deg, rgba(20,16,24,.6), rgba(8,7,10,.4));
  border:1px solid var(--line);
  backdrop-filter:blur(20px);
}

/* —— gradient text gold —— */
.gold-grad{background:linear-gradient(180deg,#F5DDA7 0%,#C8A36A 55%,#7E5A2F 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* —— star/asterisk mark —— */
.mark{display:inline-block;width:10px;height:10px;background:
  conic-gradient(from 0deg, transparent 0 5%, var(--gold) 5% 20%, transparent 20% 30%,
  var(--gold) 30% 45%, transparent 45% 55%, var(--gold) 55% 70%, transparent 70% 80%, var(--gold) 80% 95%, transparent 95% 100%);
  mask:radial-gradient(circle, black 40%, transparent 42%);
}

/* —— audio waveform —— */
@keyframes waveA{0%,100%{height:4px}50%{height:14px}}
@keyframes waveB{0%,100%{height:10px}50%{height:6px}}
@keyframes waveC{0%,100%{height:6px}50%{height:16px}}
.wave i{display:inline-block;width:2px;background:var(--gold);margin:0 1px;border-radius:2px}
.wave i:nth-child(1){animation:waveA 1.4s ease-in-out infinite}
.wave i:nth-child(2){animation:waveB 1.4s ease-in-out infinite .15s}
.wave i:nth-child(3){animation:waveC 1.4s ease-in-out infinite .3s}
.wave i:nth-child(4){animation:waveB 1.4s ease-in-out infinite .45s}
.wave.off i{animation-play-state:paused;height:2px}

/* —— marquee letter spacing display —— */
.display-xl{font-size:clamp(64px,11vw,180px)}
.display-lg{font-size:clamp(48px,8vw,128px)}
.display-md{font-size:clamp(36px,5vw,72px)}

/* —— masked smoke (decorative) —— */
.smoke{
  position:absolute;pointer-events:none;border-radius:50%;filter:blur(60px);opacity:.55;
}

/* —— image with gold rim —— */
.rim::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(232,201,138,.18), inset 0 -120px 120px -60px rgba(0,0,0,.7);
}

/* —— bottle hover plinth glow —— */
.plinth-glow{
  position:absolute;left:50%;bottom:-10%;width:80%;height:30%;transform:translateX(-50%);
  background:radial-gradient(ellipse at center, rgba(201,163,106,.35), transparent 70%);
  filter:blur(20px);pointer-events:none;
}

/* —— editorial caption —— */
.caption{display:flex;gap:18px;align-items:flex-start;color:var(--bone-soft);font-size:11px;letter-spacing:.18em;text-transform:uppercase}

/* —— misc utility —— */
.container{max-width:1640px;margin:0 auto;padding:0 56px}
@media (max-width:768px){.container{padding:0 24px}}

.flex{display:flex}
.between{justify-content:space-between}
.center{align-items:center}
.col{flex-direction:column}

/* —— side rail —— */
.rail{position:fixed;top:0;bottom:0;width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;pointer-events:none}
.rail > *{pointer-events:auto}

/* —— navigation dot for sections —— */
.dot{width:6px;height:6px;border-radius:50%;background:rgba(237,227,210,.25);transition:all .4s}
.dot.active{background:var(--gold);box-shadow:0 0 0 4px rgba(201,163,106,.18)}

/* Responsive and interaction system follows below. */

/* —— professional interaction + accessibility layer —— */
html{scroll-padding-top:96px;overscroll-behavior-y:none}
body{min-width:320px;line-height:1.5}
button,a,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{border-radius:0}
img{user-select:none;-webkit-user-drag:none}

.skip-link{position:fixed;top:12px;left:12px;z-index:20000;padding:12px 16px;background:var(--bone);color:var(--ink);text-decoration:none;transform:translateY(-160%);transition:transform .2s ease}
.skip-link:focus{transform:translateY(0)}
.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}
:focus-visible{outline:1px solid var(--gold-2);outline-offset:5px}

::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--ink)}
::-webkit-scrollbar-thumb{background:var(--gold-d);border:2px solid var(--ink);border-radius:20px}

.site-nav::after{content:"";position:absolute;left:56px;right:56px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);opacity:0;transition:opacity .3s ease}
.site-nav.is-scrolled::after{opacity:1}
.nav-menu-button{transition:border-color .25s ease,background .25s ease,transform .25s ease!important}
.nav-menu-button:hover{border-color:var(--gold)!important;background:rgba(200,163,106,.08)!important;transform:rotate(4deg)}
.menu-overlay{animation:menu-in .45s cubic-bezier(.2,.7,.2,1) both}
.menu-item{transition:color .25s ease,padding-left .35s cubic-bezier(.2,.7,.2,1),background .25s ease}
.menu-item:hover{color:var(--gold-2)!important;padding-left:14px!important;background:linear-gradient(90deg,rgba(200,163,106,.07),transparent)}
@keyframes menu-in{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}

.section-kicker{position:relative;z-index:2}
.section-kicker::after{content:"";height:1px;flex:1;max-width:260px;margin:0 24px;background:linear-gradient(90deg,var(--line),transparent)}
.btn{min-height:52px;isolation:isolate}
.btn::before{content:"";position:absolute;inset:0;background:rgba(200,163,106,.08);z-index:-1;transform:translateX(-102%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.btn:hover::before{transform:translateX(0)}
.btn-solid::before{background:rgba(255,255,255,.14)}

.img-frame{isolation:isolate}
.img-frame::after{transition:box-shadow .45s ease,opacity .45s ease}
.editorial-plate{cursor:pointer}
.editorial-plate::before{background:linear-gradient(180deg,rgba(8,7,10,.05) 25%,rgba(8,7,10,.86) 100%)}
.editorial-plate:hover::after{box-shadow:inset 0 0 0 1px rgba(232,201,138,.42),inset 0 -160px 150px -70px rgba(0,0,0,.85)}
.collection-card{position:relative;overflow:hidden;transition:border-color .25s ease,background .25s ease,transform .25s ease!important}
.collection-card:hover{border-color:rgba(233,201,138,.55)!important;background:rgba(200,163,106,.06)!important;transform:translateY(-4px)}
.collection-card.is-active{box-shadow:inset 0 0 0 1px rgba(233,201,138,.12),0 18px 45px rgba(0,0,0,.24)}
.collection-rail{scrollbar-width:thin;scrollbar-color:var(--gold-d) transparent}
.modal-card>button:first-child{min-height:44px}
.voice-option{transition:background .25s ease,padding .25s ease}
.voice-option:hover,.voice-option:focus-visible{background:linear-gradient(90deg,rgba(200,163,106,.07),transparent);padding-left:10px!important}
.process-step{min-height:140px;transition:background .25s ease,padding .25s ease!important}
.process-step:hover,.process-step:focus-visible{background:linear-gradient(180deg,rgba(200,163,106,.07),transparent);padding-left:10px!important}
.craft-media{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.tier-card{transition:border-color .3s ease,transform .3s ease,background .3s ease}
.tier-card:hover{transform:translateY(-8px);border-color:rgba(233,201,138,.45);background:linear-gradient(180deg,rgba(200,163,106,.08),rgba(8,7,10,.55))}
.phone-mock{transform:perspective(1200px) rotateY(7deg) rotateX(2deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.phone-stage:hover .phone-mock{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-8px)}
.yansytech-link{color:var(--bone);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(200,163,106,.55);transition:color .2s ease,border-color .2s ease}
.yansytech-link:hover,.yansytech-link:focus-visible{color:var(--gold-2);border-color:var(--gold-2)}
#top h1{font-size:clamp(76px,8vw,122px)!important}

@media (max-width:1180px){
  .container{padding-left:36px;padding-right:36px}
  .nav-links{gap:24px!important}.nav-actions{gap:18px!important}.hero-main{gap:24px}
  .manifesto-grid{gap:64px!important}.notes-layout{gap:42px!important}.collection-feature{gap:30px!important}.collection-buy-row{gap:20px!important}
  .collection-buy-row .btn{width:100%;justify-content:space-between}
  .site-nav::after{left:36px;right:36px}
}

@media (max-width:1024px){
  .rail{display:none!important}.nav-links{display:none!important}
  section:not(#top){padding-top:130px!important;padding-bottom:140px!important}footer{padding-top:130px!important}
  .manifesto-grid,.notes-layout,.voices-layout,.membership-app{flex-direction:column!important}
  .manifesto-copy,.manifesto-aside,.notes-pyramid,.notes-detail,.voices-quote,.voices-nav,.membership-app-copy{width:100%;max-width:none!important}
  .notes-pyramid{min-height:0!important;max-width:660px;margin:0 auto}.notes-detail{position:relative!important;top:auto!important}
  .craft-intro,.membership-intro,.footer-newsletter{flex-direction:column!important;align-items:flex-start!important}
  .collection-feature{flex-wrap:wrap}.collection-meta{flex:1 1 calc(50% - 15px)!important}.collection-visual{order:-1;flex:1 0 100%!important;min-height:520px!important}.collection-profile{flex:1 1 calc(50% - 15px)!important}
  .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important}
  .editorial-grid>.reveal{grid-row:auto!important;grid-column:auto!important;height:420px}
  .editorial-grid>.reveal:first-child,.editorial-grid>.reveal:last-child{grid-column:span 2!important;height:560px}
  .editorial-credits{gap:20px;flex-wrap:wrap}.voices-nav{padding-left:0!important;border-left:0!important;padding-top:24px;border-top:1px solid var(--line)}
  .membership-tiers{flex-wrap:wrap}.membership-tiers>.reveal{flex:1 1 calc(50% - 12px)!important}.membership-app{gap:56px!important}.phone-stage{width:100%}
  .footer-links{gap:48px!important}.footer-bottom{flex-wrap:wrap;gap:24px}
}

@media (max-width:767px){
  .container{padding-left:20px;padding-right:20px}
  body{cursor:auto}.cursor-dot,.cursor-ring{display:none!important}
  .site-nav{padding:14px 0!important;background:linear-gradient(180deg,rgba(8,7,10,.96),rgba(8,7,10,.7))!important;backdrop-filter:blur(18px)!important}
  .site-nav::after{left:20px;right:20px;opacity:1}.nav-inner{flex-wrap:nowrap!important}.brand-lockup{gap:10px!important}
  .brand-lockup>span:first-child svg{width:25px;height:25px}.brand-lockup .serif{font-size:18px!important;letter-spacing:.25em!important}.brand-lockup .mono{display:none}
  .nav-actions{gap:10px!important}.ambient-toggle,.nav-actions>.vrule,.nav-actions>a{display:none!important}.nav-menu-button{width:46px!important;height:46px!important}

  .menu-overlay{overflow:hidden;background:#08070A!important}.menu-top,.menu-shell{width:100%}.menu-top{padding:16px 20px!important;flex-wrap:nowrap!important}.menu-top .serif{font-size:18px!important;letter-spacing:.22em!important}
  .menu-close{min-width:48px;min-height:44px;padding:10px 12px!important;font-size:0!important}.menu-close::after{content:"×";font-size:20px}
  .menu-shell{display:block!important;overflow-y:auto;padding-top:24px;padding-bottom:40px}.menu-list{width:100%}.menu-meta{display:none!important}
  .menu-item{padding:16px 0!important;gap:14px!important}.menu-item .mono:first-child{width:28px!important;font-size:8px}.menu-item .serif{font-size:clamp(34px,11vw,52px)!important}.menu-item .mono:last-child{display:none}

  #top{min-height:auto!important}.hero-now{display:none}
  .hero-main{flex-direction:column!important;align-items:stretch!important;padding-top:132px!important;padding-bottom:44px!important;gap:34px!important}
  .hero-copy,.hero-visual{transform:none!important;width:100%;max-width:none!important}
  #top h1{font-size:clamp(58px,17vw,86px)!important;line-height:.84!important;letter-spacing:-.035em}
  .hero-copy .serif.italic{font-size:19px!important;line-height:1.55!important;margin-top:24px!important}
  .hero-actions{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-top:32px!important}.hero-actions .btn{width:100%;justify-content:space-between;padding:16px 18px}
  .hero-notes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin-top:38px!important;padding-top:18px!important}
  .hero-notes>div{min-width:0}.hero-notes p:last-child{font-size:9px!important;line-height:1.45}
  .hero-visual{min-height:410px!important}.hero-visual .img-frame{width:100%!important;min-height:400px!important;max-height:440px!important}.hero-visual .img-frame>div{top:12px!important;right:12px!important}
  .hero-bottom{padding-bottom:22px!important}.hero-bottom-row{padding-top:16px!important}.hero-bottom-row>div:last-child{display:none!important}

  section:not(#top){padding-top:96px!important;padding-bottom:104px!important}footer{padding-top:96px!important}.bg-number{font-size:210px!important;opacity:.6}
  .display-lg{font-size:clamp(48px,14vw,72px)!important;line-height:.9!important}.display-md{font-size:clamp(40px,12vw,60px)!important}
  .section-kicker{margin-bottom:36px!important;align-items:flex-start!important;gap:10px;flex-wrap:wrap}.section-kicker::after{display:none}.section-kicker>.reveal:last-child{display:none}.mono{font-size:9px;letter-spacing:.09em}

  .manifesto-grid{gap:54px!important}.manifesto-copy h2{font-size:clamp(54px,16vw,76px)!important}.manifesto-body{flex-direction:column!important;gap:20px!important;margin-top:38px!important}
  .manifesto-copy>.reveal:last-child{margin-top:36px!important}.manifesto-aside{gap:28px!important}
  .stats-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;padding-top:22px!important}.stats-row .serif{font-size:42px!important}.stats-row .mono{font-size:7px!important;line-height:1.45!important}
  .ticker-wrap{margin-top:72px!important;padding:18px 0!important}.ticker .serif{font-size:27px!important}

  .notes-intro{margin-bottom:44px!important;font-size:clamp(46px,12.5vw,58px)!important}.notes-layout{gap:42px!important}.notes-pyramid svg{margin:-24px 0}.notes-pyramid .mono{display:none}.notes-detail h3{font-size:58px!important}
  .notes-detail button{min-height:64px;cursor:pointer!important}.notes-detail button>.flex{gap:12px;align-items:flex-start!important}.notes-detail button>.flex>.mono:last-child{display:none}.notes-detail button .serif{font-size:21px!important}.notes-detail button>p{padding-left:38px!important}
  .notes-badges{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important}

  .craft-intro{gap:26px!important;margin-bottom:48px!important}.craft-visual{height:540px!important;margin-bottom:72px!important}.craft-visual .container{align-items:flex-end!important;padding-bottom:76px}
  .craft-visual h3{font-size:64px!important}.craft-visual .container p:last-child{font-size:14px!important}.craft-visual>div>div:last-child{left:20px!important;right:20px!important;bottom:22px!important;text-align:left!important}
  .process-timeline{overflow-x:auto;overflow-y:hidden;padding-bottom:18px}.process-steps{width:780px;flex-wrap:nowrap!important}.process-step{min-width:156px!important;padding-right:18px!important;cursor:pointer!important}.process-step .serif{font-size:25px!important}
  .metrics-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px!important;margin-top:54px!important;padding-top:30px!important}.metrics-grid .serif.gold{font-size:48px!important}

  .collection-kicker{flex-direction:column!important;align-items:stretch!important}.collection-kicker>.reveal:last-child{display:flex!important;justify-content:space-between}
  .collection-feature{display:flex!important;flex-direction:column!important;gap:0!important}.collection-visual{order:-1!important;min-height:390px!important;margin-bottom:20px}.collection-visual .img-frame{width:100%!important;min-height:370px!important}
  .collection-meta,.collection-profile{flex:auto!important;width:100%;padding:30px 0!important}.collection-meta h3{font-size:clamp(58px,17vw,78px)!important}
  .collection-buy-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important;align-items:end!important}.collection-buy-row .btn{grid-column:1/-1;margin-top:6px}.collection-profile{margin-top:24px}
  .collection-rail{margin-right:-20px;padding-right:20px;gap:14px!important}.collection-card{flex-basis:min(78vw,300px)!important;padding:14px!important;cursor:pointer!important}.collection-card>div:first-child{height:180px!important}
  .acquisition-modal{align-items:flex-end!important;padding:0!important}.modal-card{max-height:92vh;overflow-y:auto;border-radius:22px 22px 0 0!important;padding:44px 20px 28px!important}
  .modal-product{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}.modal-product>div:first-child{width:100%!important;height:170px!important}.modal-product>div:last-child{width:100%}
  .modal-total{align-items:stretch!important;flex-direction:column!important;gap:20px}.modal-total .btn{width:100%;justify-content:space-between}

  .editorial-head{flex-direction:column!important;align-items:flex-start!important;gap:28px!important;margin-bottom:42px!important}.editorial-head .btn{width:100%;justify-content:space-between}
  .editorial-grid{grid-template-columns:1fr!important;gap:16px!important}.editorial-grid>.reveal,.editorial-grid>.reveal:first-child,.editorial-grid>.reveal:last-child{grid-column:auto!important;height:390px!important}.editorial-grid>.reveal:first-child{height:500px!important}
  .editorial-plate h3{font-size:42px!important}.editorial-credits{flex-direction:column!important;gap:12px!important;margin-top:28px!important}

  .voices-layout{gap:50px!important}.voices-quote>div:first-child .serif{font-size:92px!important}.voices-quote .serif.italic{font-size:clamp(37px,11vw,54px)!important}
  .voices-quote>.reveal:last-child{align-items:flex-start!important;gap:16px!important;flex-wrap:wrap}.voices-nav{padding-top:20px}.voice-option{min-height:68px;cursor:pointer!important}

  .membership-intro{gap:28px!important;margin-bottom:52px!important}.membership-tiers{display:flex!important;flex-direction:column!important;gap:16px!important}.membership-tiers>.reveal{flex:auto!important;width:100%}
  .tier-card{padding:34px 24px 26px!important}.tier-card:hover{transform:none}.membership-app{margin-top:82px!important;gap:48px!important}.phone-mock{width:min(280px,88vw)!important;height:560px!important;transform:none}
  .membership-app-copy h3{font-size:54px!important}.membership-app-copy>.flex{flex-wrap:wrap}

  .footer-newsletter{gap:42px!important;margin-bottom:76px!important;padding-bottom:56px!important}.footer-form{width:100%}.footer-form input{min-width:0;font-size:18px!important}.footer-form button{min-height:52px;cursor:pointer!important}
  .footer-wordmark{font-size:24vw!important;margin-bottom:58px!important;white-space:nowrap}.footer-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 22px!important;margin-bottom:58px!important}.footer-links>div{min-width:0}
  .footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:22px!important}.footer-bottom>div:nth-child(2){flex-wrap:wrap;gap:16px!important}.platform-credit{align-items:flex-start!important}.platform-credit .mono{line-height:1.7}

  .btn,button,a{cursor:pointer!important}.smoke{filter:blur(42px);opacity:.38}.grain::after{opacity:.055}
}

@media (max-width:390px){
  .container{padding-left:16px;padding-right:16px}#top h1{font-size:54px!important}.hero-main{padding-top:124px!important}.hero-notes{gap:7px!important}
  .stats-row{grid-template-columns:1fr;gap:18px!important}.stats-row>div{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px}.stats-row .mono{margin-top:0!important}
}

@media (hover:none),(pointer:coarse){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}.img-frame img{transition-duration:.45s}.img-frame:hover img{transform:none}.collection-card:hover,.tier-card:hover{transform:none}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}.ticker{animation:none!important}.ember{display:none}.hero-copy,.hero-visual,.smoke{transform:none!important}
}