:root{
  color-scheme:dark;
  --gold:#c8a36d;
  --gold-bright:#e0bd86;
  --gold-dim:#8f7150;
  --red:#7e171c;
  --ink:#050403;
  --panel:rgba(7,5,3,.80);
  --line:rgba(177,114,55,.34);

  /* QUICK CONTROLS */
  --wordmark-width:min(560px,38vw);
  --crest-width:min(350px,27vw);
  --content-width:min(920px,88vw);
  --page-pad-top:clamp(24px,3vw,46px);
  --page-pad-bottom:clamp(20px,2.4vw,36px);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ink)}
body{font-family:Georgia,"Times New Roman",serif;color:#b99769;overflow-x:hidden}
button,input{font:inherit}
button{cursor:pointer}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.coming-soon{
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 38%,rgba(117,60,24,.12),transparent 28%),
    linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,.48) 70%,#050403),
    url("assets/background/shopbackground.webp") center 46% / cover fixed no-repeat;
}

.coming-soon::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(0,0,0,.42),transparent 21%,transparent 79%,rgba(0,0,0,.42)),
    radial-gradient(circle at center,transparent 0 34%,rgba(0,0,0,.27) 65%,rgba(0,0,0,.64) 100%);
}

.coming-soon__veil{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.008) 0 1px,transparent 1px 4px),
    linear-gradient(to bottom,rgba(5,4,3,.02),rgba(5,4,3,.20));
  mix-blend-mode:soft-light;
}

.coming-soon__header{
  display:flex;
  justify-content:center;
  padding:var(--page-pad-top) 20px 0;
}

.coming-soon__wordmark{
  display:block;
  width:var(--wordmark-width);
  height:auto;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.78));
}

.coming-soon__content{
  width:var(--content-width);
  margin:0 auto;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:clamp(12px,1.2vw,20px) 0 clamp(20px,2vw,34px);
}

.coming-soon__copy{max-width:760px}
.coming-soon__kicker{
  margin:0 0 10px;
  color:#8d2a2d;
  font-size:clamp(.68rem,.95vw,.8rem);
  letter-spacing:.30em;
}

.coming-soon h1{
  margin:0;
  color:#d5b17b;
  font-size:clamp(2.6rem,5.6vw,5.3rem);
  font-weight:500;
  line-height:.92;
  letter-spacing:.075em;
  text-shadow:0 6px 24px #000;
}

.coming-soon__intro{
  max-width:690px;
  margin:18px auto 0;
  color:#9b805d;
  font-size:clamp(.88rem,1.2vw,1.06rem);
  line-height:1.7;
}

.coming-soon__crest-wrap{
  position:relative;
  width:var(--crest-width);
  margin:clamp(12px,1.8vw,24px) auto clamp(12px,1.6vw,22px);
}

.coming-soon__crest-halo{
  position:absolute;
  inset:16% 14%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(143,55,28,.16),rgba(95,46,20,.08) 48%,transparent 72%);
  filter:blur(18px);
  transform:scale(1.24);
}

.coming-soon__crest{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.86));
}

.launch-form{
  width:min(700px,100%);
  padding:clamp(16px,1.5vw,22px);
  background:linear-gradient(180deg,rgba(12,8,5,.76),rgba(5,4,3,.82));
  border:1px solid var(--line);
  box-shadow:0 18px 46px rgba(0,0,0,.34);
  backdrop-filter:blur(6px);
}

.launch-form__heading{
  margin-bottom:10px;
  color:#b9905f;
  font-size:.72rem;
  letter-spacing:.20em;
}

.launch-form__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.launch-form input{
  min-width:0;
  height:48px;
  padding:0 15px;
  border:1px solid rgba(171,110,52,.40);
  outline:0;
  background:#090603;
  color:#d4b17d;
  letter-spacing:.08em;
}
.launch-form input::placeholder{color:#6e5a43}
.launch-form input:focus{border-color:#c3945d;box-shadow:0 0 0 1px rgba(195,148,93,.18)}

.launch-form button{
  min-width:146px;
  padding:0 18px;
  border:1px solid rgba(191,119,55,.62);
  background:linear-gradient(180deg,#4b2419,#29100d);
  color:#dab57f;
  letter-spacing:.14em;
  font-size:.70rem;
}
.launch-form button:hover{filter:brightness(1.12)}
.launch-form button:disabled{opacity:.55;cursor:default}

.launch-form__note{margin:9px 0 0;color:#6e5a43;font-size:.67rem;letter-spacing:.05em}
.launch-form__message{min-height:1.2em;margin:7px 0 0;color:#c29b69;font-size:.72rem}

.coming-soon__tagline{
  margin-top:clamp(16px,2vw,26px);
  color:#94734d;
  font-size:clamp(.72rem,1vw,.88rem);
  letter-spacing:.24em;
}

.coming-soon__footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:0 4vw var(--page-pad-bottom);
  color:#66513b;
  font-size:.61rem;
  letter-spacing:.10em;
}

.privacy-trigger{
  padding:0 0 4px;
  border:0;
  border-bottom:1px solid rgba(143,93,47,.35);
  background:transparent;
  color:#745a40;
  font-size:inherit;
  letter-spacing:.12em;
}
.privacy-trigger:hover{color:#b48d5d}

.privacy-dialog{
  width:min(560px,90vw);
  padding:0;
  border:1px solid rgba(151,94,44,.42);
  background:#090603;
  color:#9b805f;
  box-shadow:0 28px 90px rgba(0,0,0,.74);
}
.privacy-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}
.privacy-dialog__panel{position:relative;padding:30px}
.privacy-dialog h2{margin:0 0 14px;color:#d0a973;font-size:1.05rem;font-weight:500;letter-spacing:.16em}
.privacy-dialog p{margin:0;color:#8d7457;line-height:1.7;font-size:.88rem}
.privacy-dialog p+p{margin-top:12px}
.privacy-dialog__close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#9d7850;font-size:1.5rem}

@media (max-width:760px){
  :root{
    --wordmark-width:min(520px,78vw);
    --crest-width:min(285px,58vw);
    --content-width:88vw;
  }
  .coming-soon{background-attachment:scroll;background-position:center top}
  .coming-soon__header{padding-top:max(18px,env(safe-area-inset-top))}
  .coming-soon__content{justify-content:flex-start;padding-top:14px}
  .coming-soon h1{font-size:clamp(2.45rem,11vw,4rem)}
  .coming-soon__intro{max-width:540px;font-size:.92rem}
  .coming-soon__crest-wrap{margin-top:10px;margin-bottom:12px}
  .launch-form{padding:14px}
  .launch-form__row{grid-template-columns:1fr}
  .launch-form input,.launch-form button{height:46px;width:100%}
  .coming-soon__tagline{letter-spacing:.16em}
  .coming-soon__footer{padding:0 6vw max(18px,env(safe-area-inset-bottom));font-size:.56rem}
}

@media (max-width:760px) and (orientation:landscape){
  :root{
    --wordmark-width:min(420px,44vw);
    --crest-width:min(220px,24vw);
    --content-width:82vw;
  }
  .coming-soon{min-height:650px;overflow-y:auto}
  .coming-soon__header{padding-top:12px}
  .coming-soon__content{padding-top:4px;padding-bottom:18px}
  .coming-soon__kicker{margin-bottom:6px}
  .coming-soon h1{font-size:clamp(2rem,5vw,3.1rem)}
  .coming-soon__intro{margin-top:10px;font-size:.82rem;line-height:1.45}
  .coming-soon__crest-wrap{margin:6px auto 8px}
  .launch-form{width:min(620px,92%);padding:10px 12px}
  .launch-form__heading{margin-bottom:7px}
  .launch-form__row{grid-template-columns:minmax(0,1fr) auto}
  .launch-form input,.launch-form button{height:42px}
  .launch-form button{width:auto;min-width:132px}
  .launch-form__note{margin-top:6px}
  .coming-soon__tagline{margin-top:10px}
  .coming-soon__footer{padding-bottom:14px}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* V2 composition: headline -> crest -> wordmark -> intro */
.coming-soon__content{
  justify-content:flex-start;
  padding-top:clamp(40px,7vh,92px);
}
.coming-soon__copy{max-width:900px}
.coming-soon__kicker{margin-bottom:12px}
.coming-soon h1{font-size:clamp(3.2rem,6.5vw,6.5rem);line-height:.88}
.coming-soon__brand-lockup{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin:clamp(24px,3vh,40px) auto 0;
}
.coming-soon__crest-wrap{
  width:min(245px,19vw);
  margin:0 auto 4px;
}
.coming-soon__wordmark{
  width:min(510px,35vw);
  margin-top:-4px;
}
.coming-soon__intro{margin-top:10px}
.launch-form{margin-top:clamp(22px,2.7vh,34px)}

@media (max-width:760px){
  .coming-soon__content{padding-top:max(28px,5vh)}
  .coming-soon h1{font-size:clamp(2.7rem,12vw,4.5rem)}
  .coming-soon__brand-lockup{margin-top:22px}
  .coming-soon__crest-wrap{width:min(205px,44vw);margin-bottom:0}
  .coming-soon__wordmark{width:min(430px,72vw);margin-top:-2px}
  .coming-soon__intro{margin-top:8px}
  .launch-form{margin-top:20px}
}

@media (max-width:760px) and (orientation:landscape){
  .coming-soon__content{padding-top:18px}
  .coming-soon h1{font-size:clamp(2.25rem,5.5vw,3.4rem)}
  .coming-soon__brand-lockup{margin-top:12px}
  .coming-soon__crest-wrap{width:min(150px,17vw)}
  .coming-soon__wordmark{width:min(340px,34vw)}
  .coming-soon__intro{margin-top:5px}
  .launch-form{margin-top:12px}
}


/* =========================================================
   V3 FINAL COMPOSITION TUNING
   Keeps the real assets, improves hierarchy, and brings the
   signup higher into the first viewport.
   ========================================================= */

.coming-soon__content{
  padding-top:clamp(34px,5.2vh,64px);
  padding-bottom:clamp(18px,2vh,28px);
}

.coming-soon__copy{
  max-width:980px;
}

.coming-soon__kicker{
  margin-bottom:10px;
  font-size:clamp(.66rem,.8vw,.76rem);
  letter-spacing:.29em;
}

.coming-soon h1{
  font-size:clamp(3rem,5.35vw,5.35rem);
  line-height:.92;
  letter-spacing:.055em;
}

.coming-soon__brand-lockup{
  margin-top:clamp(18px,2.2vh,28px);
}

.coming-soon__crest-wrap{
  width:min(190px,14vw);
  margin:0 auto 0;
}

.coming-soon__wordmark{
  width:min(455px,31vw);
  margin-top:-2px;
}

.coming-soon__intro{
  max-width:660px;
  margin-top:6px;
  font-size:clamp(.84rem,1vw,.98rem);
  line-height:1.55;
}

.launch-form{
  width:min(690px,100%);
  margin-top:clamp(15px,1.7vh,22px);
  padding:clamp(14px,1.25vw,18px);
}

.coming-soon__tagline{
  margin-top:clamp(12px,1.5vh,18px);
}

@media (max-width:760px){
  .coming-soon__content{
    padding-top:max(22px,3.5vh);
  }

  .coming-soon h1{
    font-size:clamp(2.3rem,10.2vw,3.8rem);
    line-height:.94;
    letter-spacing:.035em;
  }

  .coming-soon__brand-lockup{
    margin-top:16px;
  }

  .coming-soon__crest-wrap{
    width:min(165px,36vw);
  }

  .coming-soon__wordmark{
    width:min(385px,68vw);
    margin-top:0;
  }

  .coming-soon__intro{
    max-width:520px;
    margin-top:6px;
    font-size:.86rem;
    line-height:1.5;
  }

  .launch-form{
    margin-top:16px;
  }
}

@media (max-width:760px) and (orientation:landscape){
  .coming-soon__content{
    padding-top:14px;
  }

  .coming-soon h1{
    font-size:clamp(2rem,4.8vw,3rem);
    line-height:.94;
  }

  .coming-soon__brand-lockup{
    margin-top:9px;
  }

  .coming-soon__crest-wrap{
    width:min(125px,14vw);
  }

  .coming-soon__wordmark{
    width:min(300px,30vw);
  }

  .coming-soon__intro{
    margin-top:4px;
    font-size:.78rem;
    line-height:1.4;
  }

  .launch-form{
    margin-top:9px;
  }
}

/* =========================================================
   V4 — CLEAN LAUNCH LINK + MODAL
   Removes the heavy signup panel from the main composition.
   ========================================================= */

.launch-trigger{
  margin-top:clamp(22px,2.8vh,36px);
  padding:7px 2px 6px;
  border:0;
  border-bottom:1px solid rgba(184,126,67,.48);
  background:transparent;
  color:#c39a66;
  font-size:clamp(.72rem,.9vw,.84rem);
  letter-spacing:.19em;
  text-transform:uppercase;
  text-shadow:0 3px 12px #000;
}
.launch-trigger span{display:inline-block;margin-left:.45em;transition:transform .18s ease}
.launch-trigger:hover{color:#e0bd86;border-bottom-color:rgba(224,189,134,.72)}
.launch-trigger:hover span{transform:translateX(4px)}

/* The main-page form was replaced by the launch trigger. */
.coming-soon__tagline{margin-top:clamp(24px,3vh,40px)}

.launch-dialog{
  width:min(590px,91vw);
  padding:0;
  border:1px solid rgba(166,105,50,.46);
  background:#080503;
  color:#9b805f;
  box-shadow:0 30px 100px rgba(0,0,0,.82);
}
.launch-dialog::backdrop{background:rgba(0,0,0,.80);backdrop-filter:blur(6px)}
.launch-dialog__panel{position:relative;padding:clamp(26px,4vw,42px);text-align:center}
.launch-dialog__close{
  position:absolute;top:11px;right:15px;border:0;background:transparent;
  color:#9d7850;font-size:1.55rem;line-height:1;
}
.launch-dialog__kicker{
  margin:0 0 10px;color:#84272a;font-size:.62rem;letter-spacing:.25em;
}
.launch-dialog h2{
  margin:0;color:#d2ad78;font-size:clamp(1.35rem,3vw,2rem);font-weight:500;
  line-height:1.1;letter-spacing:.11em;
}
.launch-dialog__intro{
  max-width:440px;margin:14px auto 20px;color:#8e7557;font-size:.86rem;line-height:1.6;
}
.launch-dialog .launch-form{
  width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;
}
.launch-dialog .launch-form input{height:48px}
.launch-dialog .launch-form button{height:48px}
.launch-dialog .launch-form__note,
.launch-dialog .launch-form__message{grid-column:1/-1}
.launch-dialog .launch-form__note{margin:3px 0 0}
.launch-dialog .launch-form__message{margin:0}

@media(max-width:760px){
  .launch-trigger{margin-top:20px;font-size:.68rem;letter-spacing:.14em}
  .coming-soon__tagline{margin-top:24px}
  .launch-dialog .launch-form{grid-template-columns:1fr}
  .launch-dialog .launch-form__note,
  .launch-dialog .launch-form__message{grid-column:1}
}

@media(max-width:760px) and (orientation:landscape){
  .launch-trigger{margin-top:12px}
  .coming-soon__tagline{margin-top:14px}
}
\n\n/* =========================================================\n   V5 — WORDMARK-ONLY BRAND LOCKUP\n   Removes the separate foreground crest. The large maze crest\n   remains subtly present in the background artwork.\n   ========================================================= */\n.coming-soon__brand-lockup--wordmark-only{\n  margin-top:clamp(34px,4.4vh,58px);\n}\n.coming-soon__brand-lockup--wordmark-only .coming-soon__wordmark{\n  width:min(520px,35vw);\n  margin:0 auto;\n}\n.coming-soon__brand-lockup--wordmark-only + .coming-soon__intro{\n  margin-top:12px;\n}\n\n@media (max-width:760px){\n  .coming-soon__brand-lockup--wordmark-only{\n    margin-top:clamp(28px,4vh,42px);\n  }\n  .coming-soon__brand-lockup--wordmark-only .coming-soon__wordmark{\n    width:min(410px,74vw);\n  }\n  .coming-soon__brand-lockup--wordmark-only + .coming-soon__intro{\n    margin-top:10px;\n  }\n}\n\n@media (max-width:760px) and (orientation:landscape){\n  .coming-soon__brand-lockup--wordmark-only{\n    margin-top:18px;\n  }\n  .coming-soon__brand-lockup--wordmark-only .coming-soon__wordmark{\n    width:min(330px,33vw);\n  }\n  .coming-soon__brand-lockup--wordmark-only + .coming-soon__intro{\n    margin-top:6px;\n  }\n}\n

/* =========================================================
   V6 — WORDMARK AS THE VISUAL ANCHOR
   The wordmark is deliberately the largest brand element and
   the surrounding copy is spaced around it rather than stacked.
   ========================================================= */
.coming-soon__content{
  padding-top:clamp(54px,7vh,96px);
}
.coming-soon__copy{max-width:920px}
.coming-soon h1{
  font-size:clamp(2.8rem,4.8vw,4.9rem);
  line-height:.94;
  letter-spacing:.055em;
}
.coming-soon__brand-lockup--wordmark-only{
  margin-top:clamp(48px,6vh,78px);
}
.coming-soon__brand-lockup--wordmark-only .coming-soon__wordmark{
  width:min(690px,46vw);
  margin:0 auto;
}
.coming-soon__brand-lockup--wordmark-only + .coming-soon__intro{
  max-width:720px;
  margin-top:clamp(24px,3vh,38px);
  font-size:clamp(.88rem,1.05vw,1rem);
}
.launch-trigger{
  margin-top:clamp(32px,4vh,52px);
}
.coming-soon__tagline{
  margin-top:clamp(48px,6vh,76px);
}

@media (max-width:760px){
  .coming-soon__content{padding-top:max(38px,5vh)}
  .coming-soon h1{
    font-size:clamp(2.35rem,9.8vw,3.7rem);
    line-height:.95;
  }
  .coming-soon__brand-lockup--wordmark-only{
    margin-top:clamp(38px,5vh,56px);
  }
  .coming-soon__brand-lockup--wordmark-only .coming-soon__wordmark{
    width:min(520px,84vw);
  }
  .coming-soon__brand-lockup--wordmark-only + .coming-soon__intro{
    margin-top:26px;
    max-width:540px;
  }
  .launch-trigger{margin-top:30px}
  .coming-soon__tagline{margin-top:44px}
}

@media (max-width:760px) and (orientation:landscape){
  .coming-soon__content{padding-top:24px}
  .coming-soon h1{font-size:clamp(2rem,4.4vw,2.8rem)}
  .coming-soon__brand-lockup--wordmark-only{margin-top:28px}
  .coming-soon__brand-lockup--wordmark-only .coming-soon__wordmark{
    width:min(450px,44vw);
  }
  .coming-soon__brand-lockup--wordmark-only + .coming-soon__intro{
    margin-top:16px;
  }
  .launch-trigger{margin-top:18px}
  .coming-soon__tagline{margin-top:26px}
}


/* V8 — final proportion/spacing refinement */
.coming-soon__content{padding-top:clamp(38px,4.8vh,68px)}
.coming-soon h1{font-size:clamp(2.55rem,4.25vw,4.35rem);line-height:.95}
.coming-soon__brand-lockup--wordmark-only{margin-top:clamp(58px,7.2vh,92px)}
.coming-soon__brand-lockup--wordmark-only .coming-soon__wordmark{width:min(710px,47vw)}
.coming-soon__brand-lockup--wordmark-only + .coming-soon__intro{margin-top:clamp(30px,3.7vh,46px);font-size:clamp(.82rem,.95vw,.94rem)}
.launch-trigger{margin-top:clamp(42px,5.2vh,66px)}
.coming-soon__tagline-group{margin-top:clamp(62px,7.4vh,92px);text-align:center}
.coming-soon__tagline{margin-top:0;font-size:clamp(.86rem,1.05vw,1.05rem);letter-spacing:.22em}
.coming-soon__subtagline{margin-top:12px;color:#7f2d2a;font-family:Georgia,'Times New Roman',serif;font-size:clamp(.72rem,.88vw,.9rem);font-weight:700;letter-spacing:.19em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.75)}

@media (max-width:760px){
 .coming-soon__content{padding-top:max(26px,3.5vh)}
 .coming-soon h1{font-size:clamp(2.1rem,8.8vw,3.3rem)}
 .coming-soon__brand-lockup--wordmark-only{margin-top:clamp(46px,6vh,66px)}
 .coming-soon__brand-lockup--wordmark-only .coming-soon__wordmark{width:min(530px,86vw)}
 .coming-soon__brand-lockup--wordmark-only + .coming-soon__intro{margin-top:30px;font-size:.86rem}
 .launch-trigger{margin-top:36px}
 .coming-soon__tagline-group{margin-top:52px}
 .coming-soon__tagline{font-size:.82rem}
 .coming-soon__subtagline{font-size:.7rem;margin-top:10px}
}
@media (max-width:760px) and (orientation:landscape){
 .coming-soon__content{padding-top:14px}
 .coming-soon h1{font-size:clamp(1.8rem,3.9vw,2.5rem)}
 .coming-soon__brand-lockup--wordmark-only{margin-top:30px}
 .coming-soon__brand-lockup--wordmark-only .coming-soon__wordmark{width:min(470px,46vw)}
 .coming-soon__brand-lockup--wordmark-only + .coming-soon__intro{margin-top:18px;font-size:.76rem}
 .launch-trigger{margin-top:22px}
 .coming-soon__tagline-group{margin-top:30px}
 .coming-soon__tagline{font-size:.72rem}
 .coming-soon__subtagline{font-size:.62rem;margin-top:7px}
}