@font-face{
  font-family:"Arno Pro";
  src:local("Arno Pro Light Display"),local("Arno Pro"),url("../assets/fonts/ArnoPro-LightDisplay.otf") format("opentype");
  font-weight:300 400;
  font-style:normal;
  font-display:swap;
}
:root{
  --black:#050505;
  --black-soft:#0a0907;
  --ivory:#eee7dc;
  --gold:#9c6b3f;
  --gold-muted:#7a5230;
  --muted:#9b9081;
  --line:rgba(156,107,63,.33);
  --glass:rgba(9,8,7,.74);
  --serif:"Arno Pro",Garamond,Georgia,"Times New Roman",serif;
  --sans:Arial,Helvetica,sans-serif
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--black);scroll-behavior:smooth}
body{
  margin:0;min-height:100%;overflow-x:hidden;color:var(--ivory);
  background:
    radial-gradient(circle at 75% 14%,rgba(156,107,63,.06),transparent 26%),
    linear-gradient(120deg,#030303 0%,#090806 56%,#030303 100%);
  font-family:var(--sans)
}
body::before{
  content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.09;
  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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light
}
a{color:inherit}
.site-header{
  position:fixed;z-index:60;top:0;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:space-between;
  padding:0 4vw;
  background:linear-gradient(rgba(5,5,5,.72),transparent);
  backdrop-filter:blur(8px);
  color:#f1e6d7
}
.mini-brand{
  text-decoration:none;text-align:left;font:400 15px/1 var(--serif);letter-spacing:.24em;text-transform:uppercase;color:#fff
}
.mini-brand small{
  display:block;text-align:left;margin-top:5px;color:inherit;font:italic 12px/1 var(--serif);letter-spacing:.08em;text-transform:none
}
.nav{display:flex;align-items:center;gap:28px;font:11px/1.2 var(--sans);letter-spacing:.17em;text-transform:uppercase}
.nav a{
  text-decoration:none;color:#a99e90;opacity:.78;transition:opacity .3s
}
.nav a:hover{opacity:1;color:var(--ivory)}
.nav-cta{
  min-height:40px;padding:0 18px;display:inline-flex;align-items:center;
  border:1px solid var(--line);border-radius:8px;background:rgba(13,11,9,.55);
  opacity:1!important;color:#e8dccb!important
}
.nav-cta:hover{border-color:rgba(220,192,143,.55);color:var(--ivory)!important}
.nav .sister{padding-left:24px;border-left:1px solid var(--line)}

.hero{
  position:relative;
  width:min(100%,1920px);
  min-height:100svh;
  margin:auto;
  padding:0 clamp(34px,5.4vw,92px);
  display:grid;
  grid-template-columns:minmax(405px,.86fr) minmax(660px,1.50fr);
  align-items:center;
  gap:clamp(28px,4.5vw,86px);
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,4,4,.20) 0%,rgba(4,4,4,.03) 47%,rgba(4,4,4,0) 74%),
    url("../assets/hero-clean-v12.webp") right center/contain no-repeat,
    #050505;
}
.hero-copy{
  width:min(100%,590px);
  margin-left:clamp(16px,4vw,64px);
  justify-self:start;
  text-align:left;
  z-index:4;
  padding-top:40px;
  animation:copyIn 1.05s .15s cubic-bezier(.2,.78,.2,1) both
}
.seal{width:clamp(84px,7.5vw,120px);margin:0 0 16px}
.seal svg{display:block;width:100%}
.wordmark{
  margin:16px 0 6px;
  font:400 clamp(49px,5vw,82px)/.9 var(--serif);
  letter-spacing:.16em;
  text-indent:.16em
}
.byline{
  margin:0 0 18px;
  color:var(--ivory);
  font:italic clamp(22px,2vw,31px)/1.2 var(--serif);
  letter-spacing:.14em
}
.fragrance-name{margin:16px 0 4px;font:400 clamp(82px,8vw,128px)/.82 var(--serif)}
.rule{width:170px;height:20px;margin:14px 0;display:flex;align-items:center}
.rule::before,.rule::after{content:"";height:1px;background:var(--gold);flex:1}
.rule span{width:9px;height:9px;border-radius:50%;background:var(--gold);margin:0 10px}
.hero-dispatch{margin:10px 0 22px;color:#d8cdbf;font:400 clamp(18px,1.4vw,22px)/1.45 var(--serif)}
.signup{width:min(100%,590px);margin:0}
.form-label{margin:0 0 10px;color:var(--muted);font:11px/1 var(--sans);letter-spacing:.23em;text-transform:uppercase}
.form-row{
  display:flex;
  border:1px solid rgba(156,107,63,.55);
  border-radius:0;
  overflow:hidden;
  background:rgba(20,17,14,.5);
  backdrop-filter:blur(12px);
  transition:border-color .25s ease
}
.form-row:focus-within{border-color:rgba(220,192,143,.72)}
.email{
  flex:1;min-width:0;height:62px;padding:0 22px;border:0;outline:0;
  background:transparent;color:var(--ivory);font:300 16px/1 var(--sans)
}
.email::placeholder{color:rgba(238,231,220,.5)}
.submit{
  border:0;border-left:1px solid rgba(156,107,63,.45);padding:0 25px;
  cursor:pointer;color:var(--ivory);
  background:rgba(156,107,63,.16);
  font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;
  transition:background .25s ease
}
.submit:hover{background:rgba(156,107,63,.28)}
.submit[disabled]{opacity:.65;cursor:wait}
.form-message{min-height:20px;margin:11px 0 0;color:#c8b99f;font-size:12px}
.form-message.error{color:#d9a8a0}
.form-note{margin:11px 0 0;color:rgba(238,221,201,.72);font:12px/1.5 var(--sans);letter-spacing:.06em}
.privacy-note{margin:10px 0 0;max-width:520px;color:#61594f;font-size:9px;line-height:1.55}
.privacy-note a{color:#857767;text-decoration:none;border-bottom:1px solid rgba(156,107,63,.22)}
.hero-signature{
  position:absolute;bottom:28px;left:4vw;z-index:4;
  color:rgba(238,231,220,.72);font:10px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase
}
.hero-product{
  min-height:min(46svh,480px);
  pointer-events:none
}
.proof{
  width:100%;display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(156,107,63,.15);border-bottom:1px solid rgba(156,107,63,.15);
  background:linear-gradient(90deg,#090806,#12100d 50%,#090806)
}
.proof article{
  min-height:205px;padding:38px 30px;text-align:center;border-right:1px solid rgba(156,107,63,.16)
}
.proof article:last-child{border-right:0}
.proof-number{display:block;margin-bottom:22px;color:var(--gold);font-size:10px;letter-spacing:.23em}
.proof h2{margin:0 0 13px;font:400 16px/1.2 var(--serif);letter-spacing:.12em;text-transform:uppercase}
.proof p{margin:0;color:#a79b8d;font:15px/1.5 var(--serif)}
.house{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:#070706}
.house-image{min-height:620px;background:url("../assets/house-v14.webp") 42% center/cover no-repeat}
.house-copy{
  display:flex;align-items:center;padding:clamp(58px,8vw,112px);
  background:radial-gradient(circle at 15% 18%,rgba(156,107,63,.05),transparent 36%),#080807
}
.house-copy>div{width:min(100%,620px)}
.eyebrow{margin:0 0 18px;color:var(--gold);font-size:11px;letter-spacing:.25em;text-transform:uppercase}
.house h2,.join h2{margin:0;font:400 clamp(40px,4.2vw,64px)/1.04 var(--serif)}
.house h2{margin-bottom:29px}
.house p{margin:0 0 20px;color:#b4a99b;font:18px/1.58 var(--serif)}
.house blockquote{margin:31px 0 0;color:#dfd5c6;font:italic 21px/1.55 var(--serif)}
.join{
  padding:112px 24px;text-align:center;
  background:radial-gradient(circle at 50% 0,rgba(156,107,63,.08),transparent 42%),#050505
}
.join-inner{width:min(100%,760px);margin:auto}
.join-copy{margin:20px 0 34px;color:#a99e91;font:italic 20px/1.5 var(--serif)}
.footer{
  padding:36px 24px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;
  border-top:1px solid rgba(156,107,63,.12);color:#5e564c;font-size:10px;letter-spacing:.07em
}
.footer a{text-decoration:none}
.cookie{
  position:fixed;right:18px;bottom:18px;z-index:80;width:min(390px,calc(100vw - 36px));
  padding:18px;border:1px solid var(--line);background:rgba(6,6,6,.95);
  box-shadow:0 18px 60px rgba(0,0,0,.62);backdrop-filter:blur(15px)
}
.cookie[hidden]{display:none}
.cookie p{margin:0 0 14px;color:#aaa092;font-size:12px;line-height:1.55}
.cookie>div{display:flex;justify-content:flex-end;gap:10px}
.cookie button{
  min-height:38px;padding:0 14px;border:1px solid var(--line);cursor:pointer;
  font:600 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase
}
.cookie-deny{background:transparent;color:#9d9283}
.cookie-allow{background:#2a241d;color:#f2eadf}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@keyframes copyIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes productIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes productLight{
  0%,22%{transform:translateX(-38%);opacity:0}
  35%{opacity:.14}
  51%{opacity:.72}
  68%{opacity:.14}
  82%,100%{transform:translateX(44%);opacity:0}
}
@media(max-width:1000px){
  .site-header{height:78px;padding:0 22px}
  .nav a:not(.sister){display:none}
  .nav{gap:0}
  .nav .sister{border:0;padding:0;font-size:9px}
  .hero{
    grid-template-columns:1fr;
    min-height:auto;
    padding:86px 0 60px;
    gap:0;
    background:
      linear-gradient(to bottom,rgba(4,4,4,.58) 0%,rgba(4,4,4,.68) 30%,rgba(4,4,4,.93) 62%,#050505 100%),
      url("../assets/hero-clean-mobile-v12.webp") center top/cover no-repeat
  }
  .hero-product{display:none}
  .hero-signature{display:none}
  .hero-copy{width:calc(100% - 44px);margin:0 22px;padding-top:0;justify-self:stretch}
  .proof{grid-template-columns:repeat(2,1fr)}
  .proof article:nth-child(2){border-right:0}
  .proof article:nth-child(-n+2){border-bottom:1px solid rgba(156,107,63,.16)}
  .house{grid-template-columns:1fr}
  .house-image{min-height:520px}
  .house-copy{padding:72px 30px}
}
@media(max-width:620px){
  .hero{padding:76px 17px 56px}
  .seal{width:74px;margin-bottom:11px}
  .wordmark{font-size:clamp(42px,14vw,59px);letter-spacing:.11em;text-indent:.11em}
  .byline{margin:12px 0 20px;font-size:21px}
  .fragrance-name{font-size:78px}
  .rule{margin:18px 0}
  .hero-dispatch{font-size:18px}
  .form-row{flex-direction:column;border-radius:0}
  .email,.submit{min-height:61px}
  .submit{width:100%;border-left:0;border-top:1px solid rgba(156,107,63,.45)}
  .proof{grid-template-columns:1fr}
  .proof article{border-right:0!important;border-bottom:1px solid rgba(156,107,63,.16)!important}
  .proof article:last-child{border-bottom:0!important}
  .house-image{min-height:430px}
  .house-copy{padding:56px 24px}
  .join{padding:82px 18px}
}


/* =============================================
   DISPATCH 001 — LAUNCH SECTION
   ============================================= */
.dispatch-section{
  position:relative;
  overflow:hidden;
  padding:clamp(92px,9vw,152px) clamp(20px,5vw,84px) clamp(100px,10vw,170px);
  border-bottom:1px solid rgba(156,107,63,.14);
  background:
    radial-gradient(ellipse at 76% 8%,rgba(176,126,72,.10),transparent 31%),
    linear-gradient(180deg,#080706 0%,#0f0b08 48%,#060605 100%);
}
.dispatch-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(118deg,transparent 14%,rgba(156,107,63,.034) 50%,transparent 84%);
  opacity:.62;
}
.dispatch-heading{
  position:relative;
  z-index:1;
  width:min(100%,850px);
  margin:0 auto clamp(48px,6vw,86px);
  text-align:center;
}
.dispatch-heading h2{
  margin:0;
  font:400 clamp(46px,5.2vw,78px)/1.02 var(--serif);
}
.dispatch-lede{
  margin:25px 0 0;
  color:#b4a798;
  font:400 clamp(19px,1.7vw,24px)/1.55 var(--serif);
}
.dispatch-main{
  position:relative;
  z-index:1;
  width:min(100%,1540px);
  margin:0 auto;
}
.dispatch-main::after{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  bottom:-5%;
  height:18%;
  z-index:-1;
  background:rgba(0,0,0,.72);
  filter:blur(48px);
}
.dispatch-section img{
  display:block;
  width:100%;
  height:auto;
}
.dispatch-main img{
  border:1px solid rgba(156,107,63,.15);
  box-shadow:0 44px 110px rgba(0,0,0,.60);
}
.dispatch-specs{
  position:relative;
  z-index:1;
  width:min(100%,1260px);
  margin:clamp(48px,5vw,76px) auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(156,107,63,.18);
  border-bottom:1px solid rgba(156,107,63,.18);
}
.dispatch-specs article{
  min-height:192px;
  padding:38px clamp(22px,3vw,48px);
  text-align:center;
  border-right:1px solid rgba(156,107,63,.16);
}
.dispatch-specs article:last-child{border-right:0}
.dispatch-specs span{
  display:block;
  margin-bottom:18px;
  color:var(--gold-muted);
  font-size:9px;
  letter-spacing:.27em;
}
.dispatch-specs h3{
  margin:0 0 13px;
  font:400 clamp(16px,1.4vw,20px)/1.25 var(--serif);
  letter-spacing:.07em;
  text-transform:uppercase;
}
.dispatch-specs p{
  margin:0;
  color:#a19587;
  font:15px/1.55 var(--serif);
}
.dispatch-views{
  position:relative;
  z-index:1;
  width:min(100%,1380px);
  margin:clamp(74px,8vw,124px) auto 0;
  display:grid;
  grid-template-columns:minmax(250px,.46fr) minmax(0,1.54fr);
  align-items:center;
  gap:clamp(38px,6vw,98px);
}
.dispatch-views-copy h3{
  margin:0;
  font:400 clamp(40px,4.2vw,64px)/1.06 var(--serif);
}
.dispatch-views figure{margin:0}
.dispatch-views img{
  border:1px solid rgba(156,107,63,.14);
  box-shadow:0 36px 88px rgba(0,0,0,.50);
}
.dispatch-cta{
  position:relative;
  z-index:1;
  width:max-content;
  min-height:54px;
  margin:clamp(56px,6vw,90px) auto 0;
  padding:0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  background:linear-gradient(115deg,rgba(156,107,63,.22),rgba(156,107,63,.07)),#211c16;
  color:#f1e7d8;
  text-decoration:none;
  font:600 10px/1 var(--sans);
  letter-spacing:.19em;
  text-transform:uppercase;
  transition:background .25s ease,transform .2s ease;
}
.dispatch-cta:hover{
  background:linear-gradient(115deg,rgba(220,192,143,.31),rgba(156,107,63,.12)),#30281e;
  transform:translateY(-2px);
}
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:
    opacity .78s cubic-bezier(.2,.75,.2,1),
    transform .78s cubic-bezier(.2,.75,.2,1);
}
.reveal.is-visible{
  opacity:1;
  transform:none;
}

@media(max-width:1000px){
  .dispatch-section{
    padding-left:24px;
    padding-right:24px;
  }
  .dispatch-views{
    grid-template-columns:1fr;
    gap:36px;
  }
  .dispatch-views-copy{text-align:center}
}
@media(max-width:720px){
  .dispatch-section{
    padding:78px 15px 94px;
  }
  .dispatch-heading{margin-bottom:36px}
  .dispatch-heading h2{font-size:clamp(40px,12vw,55px)}
  .dispatch-specs{grid-template-columns:1fr}
  .dispatch-specs article{
    min-height:auto;
    padding:30px 20px;
    border-right:0;
    border-bottom:1px solid rgba(156,107,63,.16);
  }
  .dispatch-specs article:last-child{border-bottom:0}
  .dispatch-views{margin-top:70px}
  .dispatch-main img,
  .dispatch-views img{
    border-left:0;
    border-right:0;
  }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}
}