/* The entrance to Huntica: weathered bronze, warm light and an open landscape. */
:root { scroll-padding-top:0; }
.launch-header.header {
  border-bottom-color:#b7955145;
  background:url('./assets/parchment-grain.svg'),linear-gradient(180deg,#1e1a14ee,#151713db);
  box-shadow:0 8px 32px #0002;
}
.launch-header.header::after { content:''; position:absolute; bottom:4px; left:4%; right:4%; height:1px; background:linear-gradient(90deg,transparent,#d0aa6140 25%,#d0aa6140 75%,transparent); pointer-events:none; }
.launch-header.header .brand { width:126px; }
.launch-header.header .brand img { height:84px; mix-blend-mode:normal; filter:url('#huntica-logo-clear'); }
.launch-header .nav { gap:30px; }
.launch-header .nav a { position:relative; display:inline-flex; align-items:center; min-height:44px; color:#cbbb9b; font:500 11px/1.5 Cinzel,Georgia,serif; letter-spacing:.025em; }
.launch-header .nav a::after { content:''; position:absolute; left:20%; right:20%; bottom:5px; height:1px; background:#d9b778; transform:scaleX(0); transition:transform .25s; }
.launch-header .nav a:hover { color:#f1dcb0; }
.launch-header .nav a:hover::after,.launch-header .nav a:focus-visible::after { transform:scaleX(1); }
.launch-header .portal-link { color:#ebcf95; border:1px solid #bb925065; border-radius:2px 8px 2px 8px; background:linear-gradient(135deg,#6f51282b,#2b251b); box-shadow:inset 0 0 0 3px #e1bd7910; }
.launch-header .motion-toggle { color:#c6af82; border-color:#ba945140; background:#9f783a0a; }
#inicio.launch-hero { background:#0d1111; }
#inicio .hero-backdrop { height:920px; background-position:59% 7%; opacity:1; filter:brightness(1.14) saturate(.82); }
#inicio.hero::before { background:linear-gradient(90deg,#10120ff5 0%,#10120fe8 18%,#10120fb5 40%,#10120f45 68%,#10120f24),linear-gradient(0deg,#0d1111 0%,#0d1111 13%,#0d1111ef 25%,#0d111166 51%,transparent 85%); }
#inicio.hero::after { display:block; right:-8%; top:120px; width:64%; height:530px; background:radial-gradient(ellipse at 58% 34%,#dca25121,transparent 68%); animation:opening-lantern 14s ease-in-out infinite; }
#inicio .embers { opacity:.45; }
#inicio .launch-opening { grid-template-columns:minmax(0,1.55fr) minmax(0,.45fr); gap:44px; min-height:565px; padding-top:71px; padding-bottom:66px; }
#inicio .launch-copy { position:relative; padding-left:28px; }
#inicio .launch-copy::before { content:''; position:absolute; top:0; bottom:2px; left:0; width:1px; background:linear-gradient(#caa367a3,#b8904d35 35%,transparent); pointer-events:none; }
#inicio .launch-eyebrow { width:fit-content; max-width:100%; position:relative; gap:15px; margin-bottom:28px; padding:0 0 14px; border-bottom:1px solid #ad8c4940; color:#d3b779; font-size:9px; letter-spacing:.16em; }
#inicio .launch-eyebrow>span { color:#d2b67a; font-size:10px; }
#inicio #hero-title { font-size:clamp(35px,4.1vw,59px); line-height:1.25; letter-spacing:-.028em; margin-bottom:25px; color:#f2e6d0; text-shadow:0 3px 22px #0005; }
#inicio #hero-title em { background:linear-gradient(105deg,#f8e5b7,#d6ac63 82%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
#inicio .launch-lede { max-width:615px; font-size:18px; font-weight:500; line-height:1.7; color:#ded7c8; margin-bottom:16px; }
#inicio .launch-description { max-width:550px; color:#b5ad9d; font-size:14px; line-height:1.95; }
#inicio .launch-actions { gap:15px 29px; margin-top:29px; }
#inicio .launch-actions .button.gold { overflow:hidden; min-height:53px; padding:16px 24px; border:1px solid #d9b26c; border-radius:2px 10px 2px 10px; color:#392916; background:url('./assets/parchment-grain.svg'),linear-gradient(115deg,#d0ad70,#ead4a4 53%,#c7a063); box-shadow:inset 0 0 0 3px #69471826,inset 0 1px 0 #fff0c68c,0 7px 23px #0004; font-size:12px; }
#inicio .launch-actions .button.gold::after { content:''; position:absolute; inset:0; background:linear-gradient(110deg,transparent 35%,#fff7dc5c 50%,transparent 65%); transform:translateX(-150%); animation:opening-button-sheen 12s ease-in-out infinite; pointer-events:none; }
#inicio .launch-quiet-link { gap:12px; min-height:48px; color:#c9ba9c; font-size:11px; border-bottom:1px solid #bc945041; }
#inicio .launch-quiet-link>span { color:#dbb97c; }
#inicio .launch-world-note { position:relative; padding:17px 18px; margin-bottom:29px; max-width:218px; gap:0; border-left:1px solid #c7a56880; background:linear-gradient(90deg,#1c1912a6,transparent); color:#d8c09a; font-size:12px; line-height:1.8; }
#inicio .launch-world-note>span { display:none; }
#inicio .launch-party {
  position:relative; isolation:isolate; grid-template-columns:1fr 1.45fr; gap:36px;
  padding:25px 30px; margin-bottom:40px; border:1px solid #a583485e; border-radius:3px 16px 3px 16px;
  background:radial-gradient(ellipse at 0 0,#bd914221,transparent 65%),url('./assets/parchment-grain.svg'),linear-gradient(115deg,#2c251be8,#201d16ef 67%,#191c17ed);
  box-shadow:inset 0 1px 0 #f1d6a51c,0 10px 32px #0003;
}
#inicio .launch-party::before { content:''; position:absolute; inset:7px; z-index:-1; pointer-events:none; border:1px solid #bb95502d; border-radius:1px 10px 1px 10px; background:linear-gradient(#c5a263,#c5a263) left top/16px 1px no-repeat,linear-gradient(#c5a263,#c5a263) left top/1px 16px no-repeat,linear-gradient(#c5a263,#c5a263) right bottom/16px 1px no-repeat,linear-gradient(#c5a263,#c5a263) right bottom/1px 16px no-repeat; }
#inicio .launch-party-heading { display:flex; align-items:center; gap:18px; min-width:0; }
#inicio .launch-party-heading>img { flex:0 0 76px; width:76px; height:76px; max-width:none; filter:drop-shadow(0 5px 5px #0005); }
#inicio .launch-party-title { color:#efdfc0; font-size:20px; line-height:1.55; }
#inicio .launch-party-title em { color:#c8ae7e; white-space:normal; }
#inicio .launch-party>p:last-child { color:#bfb39d; font-size:12px; line-height:1.9; }
#inicio .launch-party strong { color:#e4d3b4; }
@keyframes opening-lantern { 0%,100% { opacity:.55; transform:translateY(0); } 50% { opacity:1; transform:translateY(-12px); } }
@keyframes opening-button-sheen { 0%,76% { transform:translateX(-150%); } 96%,100% { transform:translateX(150%); } }
@media (hover:hover) and (pointer:fine) {
  #inicio .launch-actions .button.gold:hover { background:url('./assets/parchment-grain.svg'),linear-gradient(115deg,#ddbd83,#f0dfb8 53%,#d7b477); border-color:#f1d497; box-shadow:inset 0 0 0 3px #69471826,0 9px 27px #0005; }
  #inicio .launch-quiet-link:hover { color:#f1d6a3; border-color:#d7b16d91; }
}
@media (max-width:1100px) and (min-width:701px) {
  .launch-header.header { padding-inline:28px; }
  .launch-header .nav { gap:22px; }
  .launch-header .nav a { font-size:10px; }
  #inicio .launch-opening { grid-template-columns:minmax(0,1fr); min-height:530px; padding-block:62px; }
  #inicio .launch-copy { max-width:680px; }
  #inicio #hero-title { font-size:clamp(36px,5.1vw,50px); }
  #inicio .launch-world-note { display:none; }
  #inicio .launch-party { grid-template-columns:.95fr 1.3fr; gap:26px; padding:24px; }
  #inicio .launch-party-heading { gap:14px; }
  #inicio .launch-party-heading>img { flex-basis:64px; width:64px; height:64px; }
  #inicio .launch-party-title { font-size:18px; }
}
@media (min-width:701px) and (max-width:850px) {
  .launch-header.header .brand { width:115px; }
  .launch-header.header .brand img { height:77px; }
  .launch-header.header { gap:16px; }
  .launch-header .nav { gap:17px; }
  .launch-header .nav a { font-size:9px; }
  .launch-header .header-actions { gap:8px; }
  .launch-header .portal-link { padding-inline:10px; font-size:9px; }
  #inicio .launch-party { grid-template-columns:1fr; gap:16px; }
  #inicio .launch-party-title { font-size:22px; }
  #inicio .launch-party-title br { display:none; }
}
@media (max-width:700px) {
  :root { scroll-padding-top:88px; }
  .launch-header.header,.mobile-nav-ready .launch-header.header { height:76px; background:url('./assets/parchment-grain.svg'),linear-gradient(140deg,#211c15f7,#141811f5); border-color:#b5904a45; }
  .launch-header.header .brand,.mobile-nav-ready .launch-header .brand { width:96px; }
  .launch-header.header .brand img,.mobile-nav-ready .launch-header .brand img { height:64px; }
  .mobile-nav-ready .launch-header .portal-link { color:#d8c195; }
  .mobile-nav-ready .launch-header .mobile-menu-toggle { border-color:#b897595e; border-radius:2px 7px 2px 7px; background:linear-gradient(135deg,#96704121,#30251940); }
  .mobile-nav-ready .launch-header .motion-toggle { color:#c8b38b; }
  #inicio .hero-backdrop { height:760px; background-position:64% top; opacity:.81; }
  #inicio.hero::before { background:linear-gradient(90deg,#11130fef,#11130fd9 48%,#11130f8c),linear-gradient(0deg,#0d1111 0%,#0d1111 30%,#0d111180 66%,transparent 90%); }
  #inicio.hero::after { width:95%; right:-25%; top:120px; height:430px; }
  #inicio .launch-opening { grid-template-columns:1fr; min-height:0; padding-top:46px; padding-bottom:34px; gap:0; }
  #inicio .launch-copy { padding-left:16px; max-width:none; }
  #inicio .launch-eyebrow { font-size:7px; gap:10px; letter-spacing:.12em; margin-bottom:21px; padding-bottom:11px; }
  #inicio #hero-title { font-size:clamp(29px,7.9vw,43px); line-height:1.28; margin-bottom:23px; letter-spacing:-.025em; }
  #inicio .launch-lede { font-size:16px; line-height:1.7; margin-bottom:16px; }
  #inicio .launch-description { font-size:12px; line-height:1.95; }
  #inicio .launch-actions { margin-top:24px; gap:7px 18px; }
  #inicio .launch-actions .button.gold { min-height:49px; padding:14px 20px; font-size:11px; }
  #inicio .launch-quiet-link { min-height:44px; font-size:10px; }
  #inicio .launch-party { grid-template-columns:1fr; gap:17px; padding:22px; margin-bottom:34px; border-radius:3px 13px 3px 13px; }
  #inicio .launch-party-heading { gap:13px; }
  #inicio .launch-party-heading>img { flex-basis:61px; width:61px; height:61px; }
  #inicio .launch-party-title { font-size:18px; line-height:1.5; }
  #inicio .launch-party-title br { display:block; }
  #inicio .launch-party>p:last-child { font-size:12px; line-height:1.85; }
  #huntica-mobile-menu { border-left-color:#bc985161; background:radial-gradient(ellipse at 15% 0,#b88a4322,transparent 52%),url('./assets/parchment-grain.svg'),linear-gradient(150deg,#2c251b,#181b15 65%,#211c14); }
  #huntica-mobile-menu .mobile-nav-brand__mark { border-radius:3px 10px 3px 10px; border-color:#bd995962; background:linear-gradient(135deg,#a9844430,#42301b30); }
  #huntica-mobile-menu .mobile-nav-brand small,#huntica-mobile-menu .mobile-nav-bottom p { color:#aa9a7e; }
  #huntica-mobile-menu .mobile-nav-links a { color:#d6c8ad; border-radius:2px 8px 2px 8px; }
  #huntica-mobile-menu .mobile-nav-number,#huntica-mobile-menu .mobile-nav-links a svg { color:#a58c60; }
  #huntica-mobile-menu .mobile-nav-links a[aria-current],#huntica-mobile-menu .mobile-nav-links a:hover { background:linear-gradient(90deg,#bc944326,transparent); border-color:#b591454a; color:#f1d6a4; }
  #huntica-mobile-menu .mobile-nav-close { border-color:#b6985f45; color:#dec798; }
  #huntica-mobile-menu .mobile-nav-bottom { background:#141810a3; border-color:#ba94412b; }
  #huntica-mobile-menu .mobile-nav-portal { border-radius:2px 8px 2px 8px; background:url('./assets/parchment-grain.svg'),linear-gradient(110deg,#d4b37b,#e8d5ac,#c6a16c); border-color:#d3b473; }
}
@media (max-width:389px) {
  #inicio .launch-copy { padding-left:12px; }
  #inicio .launch-eyebrow { font-size:6.8px; gap:8px; }
  #inicio #hero-title { font-size:27px; }
  #inicio .launch-lede { font-size:15px; }
  #inicio .launch-party { padding:20px; gap:15px; }
  #inicio .launch-party-heading>img { flex-basis:52px; width:52px; height:52px; }
  #inicio .launch-party-title { font-size:17px; }
  #inicio .launch-party>p:last-child { font-size:11px; }
}
.is-paused #inicio.hero::after,.is-paused #inicio .launch-actions .button.gold::after { animation:none!important; }
@media (prefers-reduced-motion:reduce) {
  html:not(.motion-enabled) #inicio.hero::after,html:not(.motion-enabled) #inicio .launch-actions .button.gold::after { animation:none!important; }
}
