/* Huntica launch opening. Scoped to the header, hero and parchment clock. */
.launch-header.header {
  height:94px; padding-inline:max(32px,calc((100vw - 1280px)/2));
  border-bottom:1px solid #cfb7801c;
  background:linear-gradient(180deg,#080d12ba,#080d1233);
}
.launch-header .brand { width:103px; }
.launch-header .brand img { height:83px; }
.launch-header .nav { margin:0; padding:0; gap:36px; border:0; border-radius:0; background:none; backdrop-filter:none; }
.launch-header .nav a { font-size:12px; font-weight:500; color:#d1cebf; }
.launch-header .header-actions { gap:15px; }
.launch-header .portal-link { min-height:44px; padding:10px 16px; border-color:#d9bc803e; border-radius:3px; background:#1015154a; font-size:10px; font-weight:600; letter-spacing:.07em; }
.launch-header .motion-toggle { width:36px; height:36px; background:none; border-color:#dac49324; color:#b6ab91; }
.launch-hero.hero { padding-top:94px; padding-bottom:17px; background:#090e13; }
.launch-hero .wrap { width:min(1176px,calc(100% - 112px)); }
.launch-hero .hero-backdrop { inset:0 0 auto; height:850px; background-position:57% 0; background-size:cover; opacity:.85; animation:none; }
.launch-hero.hero::before { background:linear-gradient(90deg,#080d12e8 2%,#080d12ce 27%,#080d125c 66%,#080d1220),linear-gradient(0deg,#090e13 0%,#090e13 9%,#090e13eb 22%,#090e1366 51%,transparent 83%); }
.launch-hero.hero::after { display:none; }
.launch-hero .embers { opacity:.34; }
.launch-hero .embers i:nth-child(n+7) { display:none; }
.launch-opening { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr); gap:60px; align-items:center; min-height:565px; padding-top:78px; padding-bottom:78px; }
.launch-copy { min-width:0; }
.launch-eyebrow { display:flex; align-items:center; gap:15px; margin:0 0 27px; color:#d9c394; font-size:10px; font-weight:600; letter-spacing:.17em; line-height:1.7; text-transform:uppercase; }
.launch-eyebrow>span { color:#bba77b65; font-weight:400; }
.launch-hero #hero-title { font-family:Cinzel,Georgia,serif; font-size:clamp(34px,4.05vw,58px); font-weight:500; text-transform:none; letter-spacing:-.025em; line-height:1.24; margin:0 0 26px; color:#f3eee1; text-wrap:balance; }
.launch-hero #hero-title em { color:#e8c68b; }
.launch-lede { margin:0 0 17px; font-size:19px; font-weight:500; color:#e1dfd6; line-height:1.65; letter-spacing:-.012em; }
.launch-description { max-width:510px; margin:0; font-size:14px; line-height:1.85; color:#b4b8b7; }
.launch-actions { display:flex; align-items:center; flex-wrap:wrap; gap:17px 28px; margin-top:29px; }
.launch-actions .button { min-height:49px; padding:14px 22px; border-radius:3px; font-size:12px; font-weight:700; box-shadow:0 6px 26px #0003,inset 0 1px 0 #fff7; background:linear-gradient(115deg,#d4b171,#e9d0a0 55%,#cba15f); border-color:#ecd19b; }
.launch-actions .button:hover { background:#efd4a0; }
.launch-quiet-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:11px; font-weight:500; color:#d0c8b6; }
.launch-quiet-link>span { color:#c5a66d; font-size:17px; }
.launch-quiet-link:hover { color:#ffe0aa; }
.launch-world-note { display:flex; align-items:center; justify-self:end; align-self:end; gap:12px; padding-bottom:27px; font-family:Cinzel,Georgia,serif; font-size:11px; line-height:1.7; font-weight:500; color:#d9cfbba3; max-width:220px; }
.launch-world-note>span { width:30px; height:1px; background:#d9bf8775; flex-shrink:0; }
.launch-party { display:grid; grid-template-columns:.9fr 1.45fr; gap:60px; align-items:center; border-top:1px solid #d6b98623; padding-top:32px; padding-bottom:48px; }
.launch-party-title { margin:0; font-family:Cinzel,Georgia,serif; font-size:22px; font-weight:500; line-height:1.5; color:#e9e1d1; }
.launch-party-title em { color:#c9b68f; }
.launch-party>p:last-child { max-width:645px; margin:0; font-size:13px; line-height:1.9; color:#a8b1b5; }
.launch-party strong { font-weight:600; color:#d3d5ce; }

/* A single sheet, held between two small parchment rolls. */
.launch-countdown.countdown-panel {
  --launch-ink:#3f2d19;
  isolation:isolate; overflow:visible; display:grid; grid-template-columns:.8fr 1.2fr;
  align-items:center; gap:25px 58px; margin-top:12px; padding:35px 52px 22px;
  color:var(--launch-ink); border:1px solid #b38d58; border-radius:2px;
  background-image:url('./assets/parchment-grain.svg'),radial-gradient(ellipse at 20% 12%,#fff4ce82,transparent 55%),linear-gradient(95deg,#c4a471,#ead6a5 8%,#ecdbb4 50%,#dfc490 92%,#b79563);
  background-size:180px 180px,auto,auto;
  box-shadow:0 18px 55px #0005,inset 10px 0 18px #69421d24,inset -10px 0 18px #69421d24;
}
.launch-countdown.countdown-panel::before,.launch-countdown.countdown-panel::after {
  content:''; position:absolute; z-index:2; inset:auto -12px; width:auto; height:15px; opacity:1;
  border:1px solid #ac844e; border-radius:7px;
  background:linear-gradient(90deg,#7a542d 0,#ddc18a 1.2%,#efdbae 3%,#b48e56 4%,#eedbb0 5.5%,#f7e6bd 50%,#d6b57a 94.5%,#a9844e 96%,#efd8a6 97%,#b1874d 99%,#6c4b29),linear-gradient(#f5e3b5,#9b713d);
  box-shadow:inset 0 4px 3px #ffefc685,inset 0 -4px 3px #70502266,0 4px 7px #34200f35;
}
.launch-countdown.countdown-panel::before { top:-8px; }
.launch-countdown.countdown-panel::after { bottom:-8px; }
.launch-countdown .countdown-intro { display:block; text-align:left; min-width:0; }
.launch-parchment-kicker { margin:0 0 8px; color:#795b30; font-size:9px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.launch-countdown .countdown-intro h2 { margin:0 0 16px; font-family:Cinzel,Georgia,serif; font-size:25px; line-height:1.35; font-weight:500; letter-spacing:-.015em; color:var(--launch-ink); }
.launch-countdown .countdown-tabs { display:flex; width:max-content; gap:17px; margin:0; padding:0; border:0; border-radius:0; background:none; }
.launch-countdown .countdown-tabs button { position:relative; min-height:44px; margin:0; padding:6px 0; border:0; border-bottom:1px solid transparent; border-radius:0; background:none; font-size:11px; font-weight:600; color:#75613e; transition:color .2s,border-color .2s; }
.launch-countdown .countdown-tabs button.active { border-color:#70461f; background:none; color:#3d2914; }
.launch-countdown .countdown-tabs button:hover { color:#3d2914; }
.launch-countdown button:focus-visible { outline-color:#5f3a15; outline-offset:4px; }
.launch-clock-body { min-width:0; }
.launch-countdown .countdown { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0; }
.launch-countdown .time-cell { min-width:0; padding:1px 12px 0; border:0; border-radius:0; background:none; box-shadow:none; }
.launch-countdown .time-cell+.time-cell { border-left:1px solid #946e3430; }
.launch-countdown .time-value {
  position:relative; display:block; height:1.12em; overflow:hidden;
  font-family:Cinzel,Georgia,serif; font-size:clamp(35px,4.1vw,58px); font-weight:500; line-height:1.12;
  letter-spacing:-.025em; font-variant-numeric:tabular-nums; color:var(--launch-ink); text-shadow:0 1px 0 #fff2; animation:none;
  -webkit-mask-image:linear-gradient(transparent,#000 9%,#000 87%,transparent);
  mask-image:linear-gradient(transparent,#000 9%,#000 87%,transparent);
}
.launch-countdown .time-number { display:block; position:absolute; inset:0; width:100%; text-align:center; backface-visibility:hidden; }
.launch-countdown .time-number.is-outgoing { visibility:hidden; }
.launch-countdown .is-rolling .time-number.is-outgoing { visibility:visible; animation:launch-paper-out .65s cubic-bezier(.3,.02,.18,1) both; }
.launch-countdown .is-rolling .time-number.is-current { animation:launch-paper-in .65s cubic-bezier(.3,.02,.18,1) both; }
.launch-countdown .time-label { margin-top:7px; color:#7b613c; font-size:9px; font-weight:600; letter-spacing:.12em; line-height:1.5; }
.launch-countdown #countdown-date { margin:19px 0 0; color:#745b37; font-size:10px; line-height:1.8; text-align:center; }
.launch-countdown .countdown-bottom { grid-column:1/-1; margin:0; padding-top:14px; border-color:#9c78412e; font-size:10px; line-height:1.7; color:#735733; gap:16px; }
.launch-countdown-note { font-family:Cinzel,Georgia,serif; font-size:10px; }
.is-paused .launch-countdown .time-number { animation:none!important; }
.is-paused .launch-countdown .time-number.is-outgoing { visibility:hidden!important; }
@keyframes launch-paper-out { from { transform:translateY(0); opacity:1; } to { transform:translateY(-105%); opacity:.45; } }
@keyframes launch-paper-in { from { transform:translateY(105%); opacity:.45; } to { transform:translateY(0); opacity:1; } }

@media (min-width:1500px) {
  .launch-opening { min-height:625px; padding-block:89px; }
  .launch-hero .hero-backdrop { height:925px; }
}
@media (max-width:1050px) {
  .launch-header .nav { gap:24px; }
  .launch-hero .wrap { width:calc(100% - 80px); }
  .launch-opening { grid-template-columns:minmax(0,1fr); min-height:540px; gap:0; padding-block:65px; }
  .launch-copy { max-width:635px; }
  .launch-hero #hero-title { font-size:clamp(35px,5.1vw,50px); }
  .launch-world-note { display:none; }
  .launch-party { gap:34px; grid-template-columns:.8fr 1.2fr; }
  .launch-countdown.countdown-panel { padding:32px 32px 20px; gap:24px 26px; grid-template-columns:.8fr 1.2fr; }
  .launch-countdown .countdown-intro h2 { font-size:22px; }
  .launch-countdown .time-cell { padding-inline:7px; }
  .launch-countdown .time-value { font-size:clamp(32px,4.2vw,46px); }
}
@media (max-width:780px) {
  .launch-header .nav { gap:17px; }
  .launch-header .nav a { font-size:10px; }
  .launch-header .portal-link { padding-inline:11px; }
  .launch-header .header-actions { gap:9px; }
  .launch-header.header { padding-inline:28px; }
  .launch-header .brand { width:90px; }
  .launch-party-title { font-size:20px; }
  .launch-party>p:last-child { font-size:12px; }
  .launch-countdown.countdown-panel { gap:23px; grid-template-columns:1fr; max-width:620px; }
  .launch-countdown .countdown-intro { text-align:center; }
  .launch-countdown .countdown-intro h2 br { display:none; }
  .launch-countdown .countdown-tabs { margin-inline:auto; gap:25px; }
  .launch-countdown .countdown-intro h2 { margin-bottom:7px; font-size:25px; }
  .launch-countdown .time-value { font-size:49px; }
}
@media (max-width:700px) {
  .launch-header.header,.mobile-nav-ready .launch-header.header { height:76px; padding-inline:22px; gap:12px; background:#0b1117ed; border-bottom-color:#cfb78026; backdrop-filter:blur(12px); }
  .launch-header .nav { display:none; }
  .launch-header .brand,.mobile-nav-ready .launch-header .brand { width:84px; }
  .launch-header .brand img,.mobile-nav-ready .launch-header .brand img { height:65px; }
  .mobile-nav-ready .launch-header .mobile-menu-toggle { border-radius:4px; background:#dab87908; border-color:#d8b77933; }
  .mobile-nav-ready .launch-header .portal-link { border-radius:3px; background:none; border-color:transparent; font-size:9px; padding-inline:4px; }
  .mobile-nav-ready .launch-header .motion-toggle { border-color:transparent; }
  .launch-hero.hero { padding-top:76px; padding-bottom:15px; }
  .launch-hero .wrap { width:calc(100% - 48px); }
  .launch-hero .hero-backdrop { height:750px; background-position:61% 0; opacity:.54; }
  .launch-hero.hero::before { background:linear-gradient(90deg,#080d12d6,#080d1296 75%,#080d1244),linear-gradient(0deg,#090e13 3%,#090e13 22%,#090e1370 68%,#090e131a); }
  .launch-opening { min-height:0; padding-top:59px; padding-bottom:39px; }
  .launch-eyebrow { font-size:8px; letter-spacing:.13em; gap:12px; margin-bottom:22px; }
  .launch-hero #hero-title { font-size:clamp(28px,6.9vw,45px); line-height:1.3; letter-spacing:-.025em; margin-bottom:23px; }
  .launch-lede { font-size:17px; line-height:1.6; margin-bottom:17px; }
  .launch-description { font-size:13px; line-height:1.85; max-width:460px; }
  .launch-actions { margin-top:23px; gap:7px 22px; }
  .launch-actions .button { min-height:48px; padding:13px 18px; font-size:11px; }
  .launch-quiet-link { font-size:10px; }
  .launch-party { grid-template-columns:1fr; gap:13px; padding-top:23px; padding-bottom:39px; }
  .launch-party-title { font-size:20px; line-height:1.6; }
  .launch-party-title br { display:none; }
  .launch-party-title em { white-space:nowrap; }
  .launch-party>p:last-child { max-width:500px; font-size:12px; line-height:1.9; }
  .launch-countdown.countdown-panel { width:calc(100% - 48px); padding:28px 18px 20px; gap:20px; }
  .launch-countdown.countdown-panel::before,.launch-countdown.countdown-panel::after { left:-8px; right:-8px; height:13px; }
  .launch-countdown .countdown-intro h2 { font-size:22px; margin:0 0 6px; }
  .launch-parchment-kicker { font-size:8px; margin-bottom:7px; }
  .launch-countdown .countdown-tabs button { font-size:10px; }
  .launch-countdown .time-cell { padding-inline:3px; }
  .launch-countdown .time-value { font-size:clamp(28px,8.5vw,46px); }
  .launch-countdown .time-label { margin-top:7px; font-size:8px; letter-spacing:.025em; }
  .launch-countdown #countdown-date { font-size:9px; margin-top:16px; }
  .launch-countdown .countdown-bottom { justify-content:center; text-align:center; padding-top:13px; font-size:9px; }
  .launch-countdown .launch-countdown-note { display:none; }
}
@media (max-width:389px) {
  .launch-header.header,.mobile-nav-ready .launch-header.header { padding-inline:17px; }
  .launch-hero .wrap,.launch-countdown.countdown-panel { width:calc(100% - 36px); }
  .launch-opening { padding-top:46px; }
  .launch-eyebrow { font-size:7px; gap:9px; }
  .launch-hero #hero-title { font-size:26px; }
  .launch-lede { font-size:15px; }
  .launch-description { font-size:12px; }
  .launch-party-title { font-size:18px; }
  .launch-countdown.countdown-panel { padding-inline:14px; }
  .launch-countdown .countdown-intro h2 { font-size:20px; }
  .launch-countdown .time-value { font-size:29px; }
}
@media (prefers-reduced-motion:reduce) {
  html:not(.motion-enabled) .launch-hero *,html:not(.motion-enabled) .launch-hero *::before,html:not(.motion-enabled) .launch-hero *::after { animation:none!important; transition:none!important; }
  html:not(.motion-enabled) .launch-countdown .time-number.is-outgoing { visibility:hidden!important; }
}
