:root{--bg:#100d0b;--surface:#1c1510;--gold:#e1ba7b;--light:#fff0d9;--muted:#cbbda9;--display:"Palatino Linotype","Book Antiqua",Georgia,serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--light);font-family:var(--sans)}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::selection{background:#bd8950;color:#180f09}
.site-header{position:absolute;z-index:30;inset:0 0 auto;background:linear-gradient(180deg,rgba(8,7,8,.93),rgba(12,9,9,.67));backdrop-filter:blur(18px)}.header-inner{max-width:1530px;height:88px;margin:auto;padding:0 clamp(22px,3vw,54px);display:flex;align-items:center;gap:35px}.brand{width:210px;flex:0 0 210px}.brand img{width:210px;height:85px;object-fit:contain;filter:drop-shadow(0 8px 15px #000)}.main-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.4vw,40px)}.main-nav a{display:inline-flex;align-items:center;gap:9px;padding:32px 0;color:#ddd0bd;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:color .2s}.main-nav a i{color:#daa960;font-size:15px}.main-nav a:hover,.main-nav a:focus-visible{color:#fff}.header-actions{display:flex;align-items:center;gap:12px}.language-wrap{position:relative}.language-trigger{height:45px;min-width:88px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 11px;border:1px solid rgba(227,184,116,.34);background:rgba(21,16,13,.7);color:#fff0d7;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.08em}.language-trigger img,.language-list img{width:23px;height:17px;object-fit:cover;box-shadow:0 1px 5px #0009}.language-trigger i{font-size:10px;color:var(--gold)}.language-list{position:absolute;right:0;top:calc(100% + 8px);width:245px;max-height:400px;overflow:auto;padding:7px;background:#1c1510;box-shadow:0 20px 45px #000c;border:1px solid #8b6840}.language-list[hidden]{display:none}.language-list button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;background:transparent;color:#eee1cf;text-align:left;cursor:pointer;font-size:13px}.language-list button span{margin-left:auto;color:#ba9d75;font-size:10px}.language-list button:hover,.language-list button[aria-selected=true]{background:#49311b;color:#fff}.header-cta{height:45px;display:inline-flex;align-items:center;gap:9px;padding:0 20px;background:linear-gradient(125deg,#f7d89a,#bc7e39);color:#24150c;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 24px #0008;transition:filter .2s,transform .2s}.header-cta:hover,.btn-primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.menu-toggle{display:none}
.hero{position:relative;min-height:max(800px,100svh);isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#17100d}.hero-media,.hero-media video{position:absolute;inset:0;width:100%;height:100%}.hero-media{z-index:-2;background:#1e1511 url("../images/hero-oldschool-bg.png") center/cover no-repeat}.hero-media video{object-fit:cover;filter:brightness(.82) saturate(.78)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,8,.98) 0,rgba(12,9,9,.87) 28%,rgba(14,10,10,.56) 52%,rgba(9,8,8,.12) 82%),linear-gradient(180deg,rgba(5,5,6,.35),transparent 25%,rgba(7,6,7,.35) 79%,#100d0b 100%)}.hero-inner{width:100%;max-width:1530px;margin:auto;padding:138px clamp(30px,8vw,144px) 100px}.hero-content{width:min(720px,57vw)}.hero-logo{width:460px;height:223px;object-fit:contain;object-position:left center;margin:-43px 0 -31px -25px;filter:drop-shadow(0 18px 28px #000a)}.hero-kicker{margin:0 0 10px;color:#e8b96e;font-size:12px;font-weight:900;letter-spacing:.2em;text-shadow:0 2px 8px #000}.hero h1{margin:0;color:#fff7eb;font:normal clamp(48px,5vw,78px)/1 var(--display);letter-spacing:-.04em;text-shadow:0 7px 28px #000}.hero-description{max-width:590px;margin:19px 0 20px;color:#ebe1d7;font-size:16px;font-weight:500;line-height:1.75;text-shadow:0 2px 8px #000}.hero-facts{display:flex;flex-wrap:wrap;gap:13px 23px;margin:24px 0 28px}.hero-facts>span{display:inline-flex;align-items:center;gap:8px;color:#f1cf99;font-size:10px;font-weight:900;letter-spacing:.07em;white-space:nowrap}.hero-facts i{font-size:15px;color:#f2bf74}.hero-buttons{display:flex;gap:12px}.btn{min-width:215px;min-height:56px;padding:0 20px;display:inline-flex;align-items:center;justify-content:flex-start;gap:13px;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;transition:filter .2s,transform .2s,background .2s;box-shadow:0 13px 28px #0008}.btn>i:first-child{font-size:18px}.btn>i:last-child{margin-left:auto;font-size:13px}.btn-primary{color:#26170b;background:linear-gradient(125deg,#ffe0a6,#bf8747)}.btn-secondary{color:#fff0dc;background:rgba(18,13,11,.85);border:1px solid rgba(240,197,128,.62)}.btn-secondary:hover{background:#432c1b;transform:translateY(-2px)}.opening-row{display:flex;align-items:center;gap:44px;margin-top:48px}.opening-date{display:flex;flex-direction:column;gap:5px;white-space:nowrap}.opening-date>span,.countdown-label{color:#e6b46e;font-size:10px;font-weight:900;letter-spacing:.2em}.opening-date strong{font:normal 25px var(--display);color:#fff0d0}.opening-date small{color:#cabbab;font-size:12px;font-weight:700;letter-spacing:.09em}.countdown-grid{display:flex;align-items:flex-start;gap:9px;margin-top:8px}.countdown-grid div{display:flex;flex-direction:column;align-items:center;min-width:41px}.countdown-grid strong{color:#fff0d4;font:normal 31px/1.1 var(--display);font-variant-numeric:tabular-nums}.countdown-grid span{margin-top:2px;color:#bba78f;font-size:8px;font-weight:800;letter-spacing:.1em}.countdown-grid b{color:#b78954;font:normal 24px var(--display)}.hero-bottom{position:absolute;left:clamp(30px,8vw,144px);right:clamp(30px,8vw,144px);bottom:26px;display:flex;justify-content:space-between;align-items:center;color:#c8a57b;font-size:10px;font-weight:800;letter-spacing:.2em}.hero-social{display:flex;gap:9px}.hero-social a{width:34px;height:34px;display:grid;place-items:center;background:#1a1411a8;color:#e3c08e;transition:background .2s,color .2s}.hero-social a:hover{background:#d4a468;color:#23150b}
.world-section{min-height:640px;display:grid;grid-template-columns:53% 47%;background:#18120f}.world-art{position:relative;min-height:640px;overflow:hidden}.world-art img{width:100%;height:100%;object-fit:cover;object-position:65% center}.world-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#18120f)}.world-copy{padding:90px clamp(35px,6vw,110px) 85px clamp(25px,4vw,65px);display:flex;flex-direction:column;justify-content:center}.section-kicker{margin:0 0 13px;color:#dda963;font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.world-copy h2,.rewards-section h2,.community-section h2{margin:0;color:#fff4e5;font:normal clamp(42px,4.5vw,68px)/1.08 var(--display);letter-spacing:-.04em}.section-text{max-width:510px;color:#d5c7b9;font-size:16px;line-height:1.8}.world-list{list-style:none;margin:25px 0 28px;padding:0;display:grid;gap:18px}.world-list li{display:flex;align-items:center;gap:15px;color:#f1e4d2;font-size:15px;font-weight:700}.world-list i{width:21px;color:#e9b675;font-size:17px;text-align:center}.text-link{width:max-content;display:inline-flex;align-items:center;gap:14px;color:#ecc389;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.text-link:hover{color:#fff}
.rewards-section{position:relative;min-height:660px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#1c130f}.reward-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.rewards-section:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(16,12,10,.97),rgba(18,13,11,.85) 32%,rgba(18,13,11,.35) 67%,rgba(18,13,11,.02)),linear-gradient(180deg,#18120f,transparent 23%,transparent 70%,#110d0b)}.rewards-inner{width:100%;max-width:1350px;margin:auto;padding:115px 55px}.prize-amount{margin:15px 0;color:#f3d29b;font:normal clamp(74px,8vw,122px)/1 var(--display);letter-spacing:-.06em;text-shadow:0 9px 30px #000}.prize-amount span{font-size:clamp(28px,3vw,43px);letter-spacing:0}.rewards-inner .section-text{max-width:510px;margin:0}.reward-types{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}.reward-types>span{display:flex;align-items:center;gap:8px;color:#f4d5a5;font-size:10px;font-weight:900;letter-spacing:.08em}.reward-types i{color:#f0b46b;font-size:17px}
.community-section{background:radial-gradient(circle at 15% 50%,rgba(58,66,125,.24),transparent 39%),#121118}.community-inner{max-width:1270px;min-height:260px;margin:auto;padding:57px 35px;display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:30px}.community-icon{width:75px;height:75px;display:grid;place-items:center;background:#343f86;color:#fff;font-size:40px;box-shadow:0 12px 38px #0008}.community-section h2{font-size:clamp(36px,3.5vw,51px)}.community-section p:not(.section-kicker){margin:11px 0 0;color:#cdc9d3;font-size:15px;line-height:1.7}.community-section .btn{min-width:230px}
.site-footer{background:#0b0b0e;color:#d8d1cb}.footer-inner{max-width:1330px;margin:auto;padding:65px 36px 25px}.footer-main{display:grid;grid-template-columns:minmax(250px,1.7fr) minmax(140px,.7fr) minmax(160px,.7fr);gap:clamp(35px,7vw,110px)}.footer-brand img{width:245px;height:128px;object-fit:contain;object-position:left center;margin:-27px 0 -13px}.footer-brand p{max-width:360px;margin:0;color:#a9a6a6;font-size:14px;line-height:1.7}.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-links h3,.footer-contact h3{margin:8px 0 8px;color:#ecc48e;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.footer-links a,.footer-contact a{color:#bdb9ba;font-size:13px;transition:color .2s}.footer-links a:hover,.footer-contact a:hover{color:#fff}.footer-contact a{display:flex;align-items:center;gap:10px}.footer-contact i{width:16px;color:#dcb37d;text-align:center;font-size:15px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px;margin-top:58px;padding:24px 0;border-top:1px solid rgba(255,255,255,.11);color:#999597;font-size:11px;font-weight:800;letter-spacing:.08em}.footer-guarantee{justify-self:center;display:flex;align-items:center;gap:9px;color:#e4be83;white-space:nowrap}.footer-bottom>a{justify-self:end;display:flex;align-items:center;gap:8px;color:#bbb7b7}.footer-bottom>a:hover{color:#fff}
@media(max-width:1100px){.header-inner{gap:17px;padding:0 22px}.brand{width:160px;flex-basis:160px}.brand img{width:160px}.main-nav{gap:17px}.main-nav a{font-size:10px;gap:6px}.main-nav a i{font-size:13px}.hero-inner{padding-left:55px}.hero-content{width:min(710px,69vw)}.world-section{grid-template-columns:50% 50%}.world-copy{padding-right:35px}.community-inner{grid-template-columns:68px 1fr auto;gap:20px}.community-icon{width:62px;height:62px;font-size:34px}}
@media(max-width:980px){html{scroll-padding-top:70px}.header-inner{height:70px;padding:0 14px}.brand{width:145px;flex-basis:145px}.brand img{width:145px;height:70px}.header-actions{margin-left:auto;gap:8px}.header-cta{display:none}.language-trigger{height:41px;min-width:74px;padding:0 7px;gap:6px;font-size:10px}.language-trigger img{width:20px;height:15px}.language-list{right:-50px}.menu-toggle{width:42px;height:41px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;border:1px solid rgba(227,184,116,.34);background:#211911;cursor:pointer}.menu-toggle span{height:1px;width:100%;background:#f7d49c;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}.main-nav{position:absolute;top:70px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 21px 21px;background:rgba(15,11,10,.98);box-shadow:0 22px 36px #000b}.main-nav.open{display:flex}.main-nav a{padding:16px 8px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px}.hero{min-height:970px;align-items:flex-start}.hero-media{background-position:57% center}.hero-media video{object-position:57% center}.hero-media:after{background:linear-gradient(180deg,rgba(10,8,8,.75),rgba(11,9,9,.78) 31%,rgba(11,9,9,.78) 68%,#100d0b 100%),linear-gradient(90deg,rgba(8,7,7,.7),transparent,rgba(8,7,7,.5))}.hero-inner{padding:110px 21px 115px}.hero-content{width:100%;max-width:510px;margin:auto;text-align:center}.hero-logo{width:min(440px,100%);height:195px;object-position:center;margin:-20px auto -19px}.hero-kicker{font-size:10px;letter-spacing:.16em}.hero h1{font-size:clamp(43px,12vw,64px)}.hero-description{font-size:14px;line-height:1.65;margin:14px auto}.hero-facts{justify-content:center;gap:10px 17px;margin:21px auto 24px}.hero-facts>span{font-size:9px}.hero-facts i{font-size:13px}.hero-buttons{width:100%;gap:8px}.btn{flex:1;min-width:0;min-height:53px;padding:0 13px;gap:9px;font-size:10px}.btn>i:first-child{font-size:15px}.opening-row{justify-content:center;gap:24px;margin-top:30px;text-align:left}.opening-date strong{font-size:22px}.opening-date>span,.countdown-label{font-size:8px}.opening-date small{font-size:10px}.countdown-grid{gap:4px}.countdown-grid div{min-width:29px}.countdown-grid strong{font-size:24px}.countdown-grid span{font-size:7px}.countdown-grid b{font-size:20px}.hero-bottom{left:21px;right:21px;bottom:20px;font-size:8px}.hero-social a{width:31px;height:31px}.world-section{display:flex;flex-direction:column}.world-art{width:100%;min-height:0;height:360px}.world-art img{object-position:70% center}.world-art:after{background:linear-gradient(180deg,transparent 60%,#18120f)}.world-copy{padding:30px 25px 65px}.world-copy h2,.rewards-section h2{font-size:48px}.section-text{font-size:14px}.world-list{gap:15px}.world-list li{font-size:14px}.rewards-section{min-height:650px;align-items:end}.reward-art{object-position:65% center}.rewards-section:before{background:linear-gradient(180deg,rgba(14,10,9,.1) 0,rgba(14,10,9,.48) 23%,rgba(14,10,9,.94) 50%,#100d0b 100%)}.rewards-inner{padding:300px 25px 63px}.prize-amount{font-size:clamp(66px,16vw,89px);margin:8px 0}.prize-amount span{font-size:27px}.reward-types{gap:12px 16px}.reward-types>span{font-size:9px}.community-inner{display:flex;flex-direction:column;text-align:center;padding:55px 25px;gap:20px}.community-section h2{font-size:42px}.community-section p:not(.section-kicker){font-size:14px}.community-section .btn{width:min(280px,100%)}.footer-inner{padding:43px 25px 22px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-brand img{margin:-23px 0 -15px;width:210px;height:110px}.footer-brand p{max-width:440px}.footer-bottom{grid-template-columns:1fr;justify-items:start;gap:14px;margin-top:45px}.footer-guarantee,.footer-bottom>a{justify-self:start}}
@media(max-width:410px){.hero{min-height:930px}.hero-inner{padding-inline:17px}.hero-logo{height:175px}.hero-facts{gap:10px}.hero-facts>span{font-size:8px}.hero-buttons .btn{font-size:9px}.opening-row{flex-direction:column;gap:16px;text-align:center}.opening-date strong{font-size:22px}.countdown-grid{justify-content:center}.countdown-grid strong{font-size:25px}.countdown-grid div{min-width:33px}.countdown-grid span{font-size:7px}.world-art{height:310px}.prize-amount{font-size:62px}}
@media(max-width:360px){.hero{min-height:1030px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;min-height:49px}.hero-inner{padding-top:97px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.hero-media video{display:none}}

/* Lonex navigation and actions */
.site-header{
    top:14px;
    left:clamp(14px,3vw,52px);
    right:clamp(14px,3vw,52px);
    bottom:auto;
    max-width:1530px;
    margin-inline:auto;
    border:1px solid rgba(210,155,82,.36);
    border-radius:2px;
    background:linear-gradient(115deg,rgba(27,16,15,.88),rgba(14,11,12,.83) 46%,rgba(29,17,14,.86));
    -webkit-backdrop-filter:blur(22px) saturate(1.12);
    backdrop-filter:blur(22px) saturate(1.12);
    box-shadow:0 18px 50px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,217,147,.08),inset 0 0 27px rgba(122,43,24,.22);
}
.site-header:before,.site-header:after,.header-inner:before,.header-inner:after{
    content:"";
    position:absolute;
    z-index:2;
    width:clamp(24px,2.35vw,34px);
    height:clamp(24px,2.35vw,34px);
    background:url("../images/nav-frame-corner.svg") center/contain no-repeat;
    pointer-events:none;
}
.site-header:before{top:0;left:0}
.site-header:after{top:0;right:0;transform:scaleX(-1)}
.header-inner{position:relative;height:78px;padding:0 22px;gap:22px}
.header-inner:before{bottom:0;left:0;transform:scaleY(-1)}
.header-inner:after{bottom:0;right:0;transform:scale(-1)}
.brand{width:195px;flex-basis:195px}
.brand img{width:195px;height:78px;transform:scale(1.11);transform-origin:left center}
.main-nav{gap:clamp(18px,2vw,34px)}
.main-nav > a,.nav-dropdown-trigger{
    position:relative;
    isolation:isolate;
    min-height:52px;
    padding:8px 0;
    gap:9px;
    color:#e4d8cc;
    font-family:var(--sans);
    font-size:11px;
    font-weight:850;
    letter-spacing:.105em;
    text-shadow:0 1px 10px #000;
    transition:color .22s,text-shadow .22s,transform .22s;
}
.main-nav > a:before,.nav-dropdown-trigger:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:10px -15px;
    display:block;
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(179,72,38,.27),rgba(204,143,75,.08) 48%,transparent 78%);
    filter:blur(7px);
    opacity:0;
    transform:scale(.65);
    transition:opacity .3s ease,transform .3s ease;
    pointer-events:none;
}
.main-nav > a:after,.nav-dropdown-trigger:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:3px;
    width:64px;
    height:8px;
    display:block;
    background:url("../images/nav-hover-ornament.svg") center/contain no-repeat;
    opacity:0;
    transform:translateX(-50%) scaleX(.7);
    transition:opacity .25s ease,transform .3s ease;
    pointer-events:none;
}
.main-nav > a:hover,.main-nav > a:focus-visible,.nav-dropdown-trigger:hover,.nav-dropdown-trigger:focus-visible,.nav-dropdown.open .nav-dropdown-trigger{
    color:#ffe5bb;
    text-shadow:0 0 10px rgba(226,160,84,.22),0 2px 8px #000;
    transform:translateY(-2px);
}
.main-nav > a:hover:before,.main-nav > a:focus-visible:before,.nav-dropdown-trigger:hover:before,.nav-dropdown-trigger:focus-visible:before,.nav-dropdown.open .nav-dropdown-trigger:before{opacity:1;transform:scale(1)}
.main-nav > a:hover:after,.main-nav > a:focus-visible:after,.main-nav > a.active:after,.nav-dropdown-trigger:hover:after,.nav-dropdown-trigger:focus-visible:after,.nav-dropdown-trigger.active:after,.nav-dropdown.open .nav-dropdown-trigger:after{
    opacity:1;
    transform:translateX(-50%) scaleX(1);
}
.main-nav > a.active,.nav-dropdown-trigger.active{color:#edcda2}
.main-nav > a > i,.nav-dropdown-trigger > i:first-child{
    width:17px;
    height:auto;
    display:inline-block;
    flex:0 0 17px;
    color:#e6bd7c;
    background:none;
    border:0;
    font-size:16px;
    text-align:center;
    transition:color .25s,filter .25s,transform .25s;
}
.main-nav > a:hover > i,.main-nav > a:focus-visible > i,.nav-dropdown-trigger:hover > i:first-child,.nav-dropdown-trigger:focus-visible > i:first-child,.nav-dropdown.open .nav-dropdown-trigger > i:first-child{
    color:#ffe0a2;
    filter:drop-shadow(0 0 7px rgba(210,106,61,.45));
    transform:translateY(-1px) scale(1.1);
}
.main-nav > a.active > i,.nav-dropdown-trigger.active > i:first-child{color:#eec182}
.language-trigger{
    height:43px;
    border-color:rgba(231,181,106,.41);
    border-radius:0;
    background:linear-gradient(135deg,rgba(64,27,20,.58),rgba(21,15,14,.68));
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    transition:background .2s,border-color .2s;
}
.language-trigger:hover,.language-trigger[aria-expanded=true]{background:rgba(231,181,106,.1);border-color:rgba(231,181,106,.55)}
.language-list{
    border-radius:3px;
    background:rgba(16,14,16,.94);
    -webkit-backdrop-filter:blur(22px);
    backdrop-filter:blur(22px);
}
.header-cta,.btn{
    position:relative;
    overflow:hidden;
    border-radius:3px;
    font-family:var(--sans);
    text-shadow:0 1px 2px rgba(0,0,0,.28);
}
.header-cta{
    height:43px;
    padding:0 17px;
    border:1px solid rgba(244,194,115,.8);
    border-radius:0;
    background:linear-gradient(120deg,#752018,#aa3025 52%,#772018);
    color:#fff2e4;
    box-shadow:inset 0 1px rgba(255,228,178,.31),inset 0 0 0 2px rgba(57,13,10,.28),0 8px 22px rgba(80,15,11,.4);
}
.header-cta i{color:#f8d09a}
.header-cta:hover{background:linear-gradient(120deg,#932a1e,#c5412b 59%,#8d281d)}
.btn{min-height:58px;border:1px solid transparent;letter-spacing:.1em}
.btn:before,.header-cta:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.13) 48%,transparent 78%);
    transform:translateX(-125%);
    transition:transform .55s ease;
    pointer-events:none;
}
.btn:hover:before,.header-cta:hover:before{transform:translateX(125%)}
.btn-primary{
    border-color:#e5a267;
    background:linear-gradient(125deg,#9e2328,#d24532 55%,#a72b2b);
    color:#fff8ea;
    box-shadow:inset 0 1px rgba(255,235,199,.26),0 13px 30px rgba(83,8,14,.42);
}
.btn-primary:hover{background:linear-gradient(125deg,#bc3030,#e15b37 55%,#bf3130)}
.btn-primary>i:first-child{color:#ffd59a}
.btn-secondary{
    border-color:rgba(232,188,119,.62);
    background:linear-gradient(135deg,rgba(25,21,22,.88),rgba(60,38,28,.77));
    color:#fff1df;
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 13px 30px rgba(0,0,0,.42);
}
.btn-secondary>i:first-child{color:#f2c487}
.btn-secondary:hover{background:linear-gradient(135deg,rgba(64,35,28,.94),rgba(96,52,30,.88));border-color:#f2c487}
.btn>i:last-child{width:20px;text-align:center}
.btn:focus-visible,.header-cta:focus-visible,.language-trigger:focus-visible,.main-nav a:focus-visible{
    outline:2px solid #ffe1aa;
    outline-offset:3px;
}
@media(max-width:1180px) and (min-width:981px){
    .header-cta{display:none}
    .main-nav{gap:14px}
    .main-nav > a,.nav-dropdown-trigger{font-size:9px;letter-spacing:.07em;gap:7px}
    .main-nav > a > i,.nav-dropdown-trigger > i:first-child{font-size:14px;flex-basis:15px;width:15px}
}
@media(max-width:980px){
    .site-header{top:10px;left:10px;right:10px}
    .site-header:before,.site-header:after,.header-inner:before,.header-inner:after{width:24px;height:24px}
    .header-inner{height:64px;padding:0 12px}
    .brand{width:150px;flex-basis:150px}
    .brand img{width:150px;height:64px}
    .header-cta{display:none}
    .main-nav{
        top:calc(100% + 8px);
        left:-1px;
        right:-1px;
        padding:12px 20px 22px;
        border:1px solid rgba(231,181,106,.26);
        border-radius:3px;
        background:#0e0c10;
        -webkit-backdrop-filter:blur(28px);
        backdrop-filter:blur(28px);
        box-shadow:0 20px 42px rgba(0,0,0,.55);
    }
    .main-nav > a,.nav-dropdown-trigger{min-height:56px;padding:13px 8px;gap:13px;font-size:12px}
    .main-nav > a:before,.nav-dropdown-trigger:before{display:none}
    .main-nav > a:after,.nav-dropdown-trigger:after{display:none}
    .main-nav > a > i,.nav-dropdown-trigger > i:first-child{width:20px;flex-basis:20px;height:auto;font-size:17px}
    .language-trigger{height:40px}
    .menu-toggle{
        position:relative;
        height:40px;
        border-radius:2px;
        background:rgba(255,255,255,.045);
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px);
    }
    .menu-toggle[aria-expanded=true] span:first-child,
    .menu-toggle[aria-expanded=true] span:last-child{
        position:absolute;
        top:50%;
        left:10px;
        width:calc(100% - 20px);
        transform-origin:center;
    }
    .menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}
    .menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}
    .menu-toggle[aria-expanded=true] span{opacity:0}
    .menu-toggle[aria-expanded=true]:after{
        content:"×";
        position:absolute;
        inset:0;
        display:grid;
        place-items:center;
        color:#f7d49c;
        font:300 27px Arial,Helvetica,sans-serif;
    }
}

/* Dark brown hero wash matches the section below. */
.hero-media:after{
    background:
        linear-gradient(180deg,transparent 66%,rgba(24,18,15,.89) 91%,#18120f 100%),
        linear-gradient(90deg,#18120f 0%,rgba(24,18,15,.98) 31%,rgba(24,18,15,.83) 54%,rgba(24,18,15,.27) 84%),
        linear-gradient(180deg,rgba(24,18,15,.32),transparent 28%,rgba(24,18,15,.32) 76%,#18120f 100%);
}
@media(max-width:980px){
    .hero-media:after{
        background:
            linear-gradient(180deg,rgba(24,18,15,.9),rgba(24,18,15,.95) 41%,rgba(24,18,15,.97) 73%,#18120f 100%);
    }
}

/* Discord community call to action. */
.community-section .btn-primary{
    border-color:#8792ff;
    background:#5865f2;
    color:#fff;
    box-shadow:inset 0 1px rgba(255,255,255,.24),0 13px 30px rgba(55,65,167,.36);
}
.community-section .btn-primary:hover{
    border-color:#a7afff;
    background:#4752c4;
    box-shadow:inset 0 1px rgba(255,255,255,.2),0 16px 34px rgba(55,65,167,.45);
}
.community-section .btn-primary>i:first-child{color:#fff}

/* Give the artwork more room while keeping the brown hero/section seam. */
body{background:#17120f}
.hero{background:#241a15}
.hero-media video{filter:brightness(1.05) saturate(.9)}
.hero-media:after{
    background:
        linear-gradient(180deg,transparent 70%,rgba(36,26,21,.74) 92%,#241a15 100%),
        linear-gradient(90deg,#241a15 0%,rgba(36,26,21,.92) 19%,rgba(36,26,21,.62) 43%,rgba(36,26,21,.1) 76%),
        linear-gradient(180deg,rgba(36,26,21,.12),transparent 32%,rgba(36,26,21,.07) 74%,#241a15 100%);
}
.hero-logo{
    width:min(680px,100%);
    height:280px;
    object-fit:cover;
    object-position:center;
    margin:-28px 0 -18px -17px;
}
.hero-signature{
    margin:0 0 12px;
    color:#f0c987;
    font-size:13px;
    font-weight:900;
    letter-spacing:.28em;
    text-shadow:0 2px 9px rgba(0,0,0,.7);
}
.hero-kicker{color:#f2c88c}
.hero-description{color:#f4e8d9}
.world-section{background:#241a15}
.world-copy{background:radial-gradient(circle at 100% 30%,rgba(174,102,54,.1),transparent 70%)}
.world-art img{filter:brightness(1.13) saturate(1.07)}
.world-art:after{background:linear-gradient(90deg,transparent 68%,#241a15)}
.rewards-section{background:#241a15}
.reward-art{filter:brightness(1.12) saturate(1.04)}
.rewards-section:before{
    background:
        linear-gradient(90deg,rgba(36,26,21,.91),rgba(36,26,21,.72) 32%,rgba(36,26,21,.22) 68%,rgba(36,26,21,0)),
        linear-gradient(180deg,#241a15,transparent 24%,transparent 70%,#1c1410);
}
.community-section{background:radial-gradient(circle at 16% 50%,rgba(83,91,166,.22),transparent 44%),#1b1a25}
.site-footer{background:#111014}
@media(max-width:980px){
    .hero-media:after{
        background:
            linear-gradient(180deg,rgba(36,26,21,.78),rgba(36,26,21,.8) 44%,rgba(36,26,21,.88) 74%,#241a15 100%);
    }
    .hero-logo{
        width:min(480px,100%);
        height:175px;
        object-fit:cover;
        object-position:center;
        margin:-8px auto 1px;
        transform:scale(1.1);
    }
    .hero-signature{font-size:11px;letter-spacing:.23em;margin-bottom:11px}
    .world-art:after{background:linear-gradient(180deg,transparent 60%,#241a15)}
    .rewards-section:before{
        background:linear-gradient(180deg,rgba(36,26,21,.08),rgba(36,26,21,.33) 23%,rgba(36,26,21,.85) 53%,#1c1410 100%);
    }
}

/* Community dropdown shares the navigation typography and restrained frame colors. */
.nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}
.nav-dropdown-trigger{
    display:inline-flex;
    align-items:center;
    border:0;
    background:transparent;
    cursor:pointer;
    text-transform:uppercase;
    white-space:nowrap;
}
.nav-dropdown-chevron{
    position:relative;
    top:-1px;
    width:7px;
    height:7px;
    margin-left:3px;
    border-right:1.5px solid #d6ac72;
    border-bottom:1.5px solid #d6ac72;
    transform:rotate(45deg);
    transition:transform .22s ease,border-color .22s ease;
}
.nav-dropdown.open .nav-dropdown-chevron{transform:rotate(225deg);border-color:#ffe1ad}
.nav-dropdown-menu{
    position:absolute;
    z-index:5;
    top:100%;
    left:50%;
    width:220px;
    padding:7px;
    border:1px solid rgba(222,173,107,.33);
    border-radius:2px;
    background:rgba(25,17,15,.96);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 38px rgba(0,0,0,.46);
    opacity:0;
    transform:translate(-50%,-6px);
    transition:opacity .18s ease,transform .18s ease;
}
.nav-dropdown.open .nav-dropdown-menu{opacity:1;transform:translate(-50%,0)}
.nav-dropdown-menu[hidden]{display:none}
.main-nav .nav-dropdown-menu a{
    position:relative;
    min-height:42px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:8px 10px;
    color:#e9dccb;
    font:800 11px/1.2 var(--sans);
    letter-spacing:.055em;
    text-transform:none;
    text-shadow:none;
    transition:color .18s ease,background .18s ease;
}
.main-nav .nav-dropdown-menu a:hover,.main-nav .nav-dropdown-menu a:focus-visible{
    color:#fff4e2;
    background:rgba(172,72,43,.2);
    transform:none;
}
.nav-dropdown-menu a > i:first-child{width:19px;color:#e4b877;font-size:16px;text-align:center}
.nav-dropdown-menu a > i:last-child{margin-left:auto;color:#b99d79;font-size:9px}
.nav-dropdown-trigger:focus-visible,.nav-dropdown-menu a:focus-visible{outline:2px solid #ffe1aa;outline-offset:2px}
@media(max-width:980px){
    .main-nav{max-height:calc(100svh - 90px);overflow-y:auto}
    .nav-dropdown{width:100%;display:block;align-self:auto}
    .nav-dropdown-trigger{
        width:100%;
        justify-content:flex-start;
        border-bottom:1px solid rgba(255,255,255,.1);
    }
    .nav-dropdown-chevron{margin-left:auto;margin-right:5px}
    .nav-dropdown-menu{
        position:static;
        width:100%;
        padding:4px 0 9px 31px;
        border:0;
        border-bottom:1px solid rgba(255,255,255,.1);
        border-radius:0;
        background:rgba(217,173,113,.05);
        box-shadow:none;
        opacity:1;
        transform:none;
    }
    .nav-dropdown.open .nav-dropdown-menu{transform:none}
    .main-nav .nav-dropdown-menu a{min-height:44px;padding:9px 10px;font-size:12px}
}

/* Supplied Oldschool artwork; the matching hero video will use the same frame. */
.hero-media{background-image:url("../images/hero-oldschool-bg.png");background-position:center center}
.hero-media video{object-position:center center}
.world-art img{object-position:52% center;filter:brightness(.98) saturate(.96)}
.reward-art{
    left:clamp(80px,9vw,130px);
    right:auto;
    object-position:center 43%;
    filter:brightness(.9) saturate(.96);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 24%);
    mask-image:linear-gradient(90deg,transparent,#000 24%);
}
@media(max-width:980px){
    .hero-media{background-position:57% center}
    .hero-media video{object-position:57% center}
    .world-art img{object-position:52% center}
    .reward-art{
        left:0;
        object-position:53% 35%;
        -webkit-mask-image:none;
        mask-image:none;
    }
}

/* Opening information sits beside the primary actions, in restrained framed panels. */
.hero{min-height:100svh}
.hero-inner{padding-top:110px;padding-bottom:78px}
.hero-content{width:min(1000px,76vw)}
.hero-logo{width:min(680px,100%);height:280px;object-fit:cover;object-position:center;margin:-28px 0 -18px -17px}
.hero-action-line{display:flex;align-items:stretch;gap:22px;margin-top:26px}
.hero-action-line .hero-buttons{flex:0 0 auto;align-items:stretch}
.hero-action-line .btn{min-width:215px;min-height:56px;box-shadow:inset 0 1px rgba(255,235,199,.18),0 7px 17px rgba(0,0,0,.3)}
.hero-action-line .opening-row{flex:1;min-width:0;gap:10px;margin:0}
.opening-date,.countdown{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:10px 14px;border:1px solid rgba(225,186,123,.32);border-radius:3px;background:linear-gradient(135deg,rgba(36,29,24,.54),rgba(18,16,15,.66));-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);box-shadow:inset 0 1px rgba(255,238,205,.08),0 7px 18px rgba(0,0,0,.2)}
.opening-date{min-width:178px;gap:4px}
.opening-date>span,.countdown-label{font-size:9px;letter-spacing:.15em}
.opening-date strong{font-size:27px}
.opening-date small{font-size:10px}
.countdown{flex:1;min-width:235px}
.countdown-grid{justify-content:space-between;gap:5px;margin-top:4px}
.countdown-grid div{min-width:36px}
.countdown-grid strong{font-size:27px}
.countdown-grid b{font-size:19px}
@media(max-width:1180px) and (min-width:981px){
    .hero-content{width:min(900px,84vw)}
    .hero-action-line{gap:14px}
    .hero-action-line .btn{min-width:165px;padding-inline:14px}
    .hero-action-line .opening-row{gap:8px}
    .opening-date{min-width:155px;padding-inline:10px}
    .countdown{min-width:210px;padding-inline:10px}
}
@media(max-width:980px){
    .hero{min-height:100svh;align-items:flex-start}
    .hero-inner{padding:74px 21px 65px}
    .hero-content{width:100%;max-width:570px;margin:auto;text-align:center}
    .hero-logo{width:min(480px,100%);height:175px;object-fit:cover;object-position:center;margin:-8px auto 1px;transform:scale(1.1)}
    .hero-action-line{flex-direction:column;gap:12px;margin-top:18px}
    .hero-action-line .hero-buttons{width:100%;gap:8px}
    .hero-action-line .btn{min-width:0;min-height:50px;padding:0 13px;font-size:10px}
    .hero-action-line .opening-row{width:100%;justify-content:center;gap:9px}
    .opening-date,.countdown{min-height:75px;padding:9px 10px;text-align:left}
    .opening-date{min-width:0;flex:0 1 43%}
    .opening-date strong{font-size:21px}
    .countdown{min-width:0;flex:1}
    .countdown-grid{gap:3px}
    .countdown-grid div{min-width:25px}
    .countdown-grid strong{font-size:22px}
    .countdown-grid span{font-size:6px}
    .countdown-grid b{font-size:16px}
    .hero-description{font-size:13px;line-height:1.5;margin:10px auto}
    .hero-facts{justify-content:center;gap:10px 14px;margin:13px auto 16px}
    .hero-facts>span{font-size:8px}
    .hero-bottom{bottom:9px}
}
@media(max-width:410px){
    .hero-inner{padding:68px 17px 58px}
    .hero-logo{height:155px}
    .hero h1{font-size:clamp(40px,11vw,48px)}
    .hero-action-line{margin-top:13px}
    .opening-date{flex-basis:42%;padding-inline:8px}
    .opening-date strong{font-size:19px}
    .countdown{padding-inline:7px}
    .countdown-grid div{min-width:22px}
    .countdown-grid strong{font-size:20px}
}
@media(max-height:720px) and (max-width:980px){
    .hero-inner{padding-top:58px;padding-bottom:52px}
    .hero-logo{height:130px}
    .hero-description{margin:7px auto}
    .hero-facts{margin:9px auto 11px}
    .hero-action-line{margin-top:10px;gap:9px}
    .opening-date,.countdown{min-height:68px}
}

/* Refined Lonex-style calls to action and launch timer. */
.hero-action-line .btn{
    min-width:188px;
    min-height:47px;
    padding:0 15px;
    gap:10px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.065em;
    border-width:1px;
    box-shadow:inset 0 1px rgba(255,235,199,.1),0 4px 11px rgba(0,0,0,.24);
}
.hero-action-line .btn>i:first-child{font-size:16px}
.hero-action-line .btn>i:last-child{font-size:12px}
.hero-action-line .btn:before{display:none}
.hero-action-line{align-items:center}
.hero-action-line .hero-buttons{align-items:center}
.hero-action-line .btn{height:44px;min-height:44px;max-height:44px;align-self:center;flex:0 0 auto}
.hero-action-line .btn-primary{
    border-color:#ce8957;
    background:linear-gradient(120deg,#a92b2b,#c53a30 58%,#a72c2b);
}
.hero-action-line .btn-secondary{
    border-color:rgba(220,174,108,.58);
    background:linear-gradient(135deg,rgba(25,20,18,.9),rgba(49,34,26,.86));
}
.opening-date,.countdown{
    border-color:rgba(232,190,126,.43);
    border-radius:2px;
    background:linear-gradient(135deg,rgba(48,38,30,.66),rgba(20,17,15,.72));
    -webkit-backdrop-filter:blur(20px) saturate(1.2);
    backdrop-filter:blur(20px) saturate(1.2);
    box-shadow:inset 0 1px rgba(255,239,211,.1),0 8px 22px rgba(0,0,0,.25);
}
.opening-date{min-width:184px;padding-inline:16px}
.opening-date>span,.countdown-label{color:#e9bd7e;font-size:9px;letter-spacing:.17em}
.opening-date strong{font-size:29px;text-shadow:0 2px 9px rgba(0,0,0,.32)}
.opening-date small{color:#d8c8b2}
.countdown{min-width:248px;padding:9px 12px}
.countdown-grid{align-items:center;gap:4px;margin-top:5px}
.countdown-grid div{min-width:39px;padding:4px 3px 3px;border:1px solid rgba(231,190,127,.2);background:rgba(10,9,9,.25)}
.countdown-grid strong{font-size:26px}
.countdown-grid span{font-size:7px;letter-spacing:.09em}
.countdown-grid b{font-size:18px}
@media(max-width:1180px) and (min-width:981px){
    .hero-action-line .btn{min-width:165px;padding-inline:13px}
    .opening-date{min-width:154px;padding-inline:10px}
    .countdown{min-width:210px;padding-inline:8px}
    .countdown-grid div{min-width:32px}
    .countdown-grid strong{font-size:23px}
}
@media(max-width:980px){
    .hero-action-line .btn{min-width:0;width:auto;height:42px;min-height:42px;max-height:42px;flex:1 1 0;padding-inline:11px;font-size:10px}
    .opening-date,.countdown{min-height:76px;padding:9px 10px}
    .opening-date{flex-basis:43%}
    .opening-date strong{font-size:21px}
    .countdown{min-width:0}
    .countdown-grid div{min-width:25px;padding:3px 2px}
    .countdown-grid strong{font-size:21px}
    .countdown-grid span{font-size:6px}
    .countdown-grid b{font-size:15px}
}
@media(max-width:410px){
    .hero-action-line .btn{font-size:9px}
    .opening-date{flex-basis:42%;padding-inline:8px}
    .opening-date strong{font-size:19px}
    .countdown{padding-inline:6px}
    .countdown-grid div{min-width:22px}
    .countdown-grid strong{font-size:19px}
}

/* Minimal frosted-glass treatment for the opening date and countdown. */
.opening-date,.countdown{
    border:1px solid rgba(239,229,215,.16);
    border-radius:3px;
    background:rgba(22,20,19,.42);
    -webkit-backdrop-filter:blur(18px) saturate(1.08);
    backdrop-filter:blur(18px) saturate(1.08);
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.18);
}
.opening-date{border-left:2px solid rgba(218,174,111,.62);padding-left:15px}
.opening-date>span,.countdown-label{color:rgba(239,222,196,.72);font-size:9px;letter-spacing:.14em}
.opening-date strong{color:#fff5e8;font-size:27px;font-weight:400;text-shadow:none}
.opening-date small{color:rgba(239,229,215,.7)}
.countdown-grid{gap:7px}
.countdown-grid div{min-width:35px;padding:0;border:0;background:transparent}
.countdown-grid strong{color:#fff5e8;font-size:26px;text-shadow:none}
.countdown-grid span{color:rgba(239,229,215,.62);font-size:7px}
.countdown-grid b{color:rgba(239,229,215,.42);font-size:17px}
@media(max-width:980px){
    .opening-date{padding-left:10px}
    .countdown-grid{gap:3px}
    .countdown-grid div{min-width:24px}
    .countdown-grid strong{font-size:20px}
    .countdown-grid span{font-size:6px}
}
@media(max-width:410px){
    .opening-date{padding-left:8px}
    .countdown-grid{gap:2px}
    .countdown-grid div{min-width:21px}
    .countdown-grid strong{font-size:18px}
}

/* Slightly wider launch panels with restrained Oldschool corner detailing. */
@media(min-width:1181px){
    .hero-content{width:min(1000px,84vw)}
    .opening-date{min-width:214px;padding-inline:17px}
    .countdown{min-width:310px;padding-inline:16px}
    .countdown-grid{gap:9px}
    .countdown-grid div{min-width:41px}
    .countdown-grid strong{font-size:29px}
    .opening-date strong{font-size:30px}
}
.opening-date:after,.countdown:after{
    content:"";
    position:absolute;
    inset:5px;
    pointer-events:none;
    opacity:.6;
    background:
        linear-gradient(#d0a268,#d0a268) left top/10px 1px,
        linear-gradient(#d0a268,#d0a268) left top/1px 10px,
        linear-gradient(#d0a268,#d0a268) right top/10px 1px,
        linear-gradient(#d0a268,#d0a268) right top/1px 10px,
        linear-gradient(#d0a268,#d0a268) left bottom/10px 1px,
        linear-gradient(#d0a268,#d0a268) left bottom/1px 10px,
        linear-gradient(#d0a268,#d0a268) right bottom/10px 1px,
        linear-gradient(#d0a268,#d0a268) right bottom/1px 10px;
    background-repeat:no-repeat;
}
@media(max-width:1180px){
    .opening-date{min-width:178px}
    .countdown{min-width:235px}
}
@media(max-width:980px){
    .opening-date{min-width:0}
    .countdown{min-width:0}
    .opening-date:after,.countdown:after{inset:4px;opacity:.45}
}

/* Preserve the supplied reward artwork's full composition on wide screens. */
@media(min-width:981px){
    .rewards-section{height:max(660px,76svh)}
    .reward-art{
        inset:50% clamp(-110px,-5vw,-55px) auto auto;
        width:auto;
        height:min(100%,56.25vw);
        max-width:none;
        object-fit:contain;
        object-position:right center;
        transform:translateY(-50%);
        -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%);
        mask-image:linear-gradient(90deg,transparent 0%,#000 10%);
    }
}
@media(max-width:980px){
    .reward-art{
        inset:0;
        width:100%;
        height:100%;
        max-width:100%;
        object-fit:cover;
        transform:none;
    }
}

/* Stack the countdown above a wider, more prominent launch date. */
.hero-action-line .opening-row{flex-direction:column;align-items:flex-start;gap:9px}
.hero-action-line .countdown{order:-1;width:84%;min-height:70px;align-self:flex-start;padding:8px 14px}
.hero-action-line .opening-date{width:100%;min-height:94px;padding:13px 19px}
.hero-action-line .opening-date>span{font-size:9px;letter-spacing:.18em}
.hero-action-line .opening-date strong{font-size:34px;line-height:1.1}
.hero-action-line .opening-date small{font-size:11px}
.hero-action-line .countdown-grid{margin-top:3px}
.hero-action-line .countdown-grid strong{font-size:25px}
.hero-action-line .countdown-label{color:#e9bd7e}
.hero-action-line .opening-date{border-left:2px solid rgba(218,174,111,.68);background:linear-gradient(110deg,rgba(48,38,30,.69),rgba(20,17,15,.74))}
@media(max-width:980px){
    .hero-action-line .opening-row{align-items:center;gap:8px}
    .hero-action-line .countdown{width:86%;min-height:66px;align-self:center;padding:7px 10px}
    .hero-action-line .opening-date{width:100%;min-height:77px;padding:9px 14px;text-align:center}
    .hero-action-line .opening-date strong{font-size:25px}
    .hero-action-line .opening-date small{font-size:10px}
}

/* Match Lonex's single opening bar: date at left, countdown at right, actions below. */
.hero-action-line{flex-direction:column;align-items:flex-start;gap:13px;margin-top:24px}
.hero-action-line .opening-row{
    order:0;
    position:relative;
    width:min(860px,100%);
    min-height:90px;
    flex:0 0 auto;
    flex-direction:row;
    align-items:stretch;
    gap:0;
    overflow:hidden;
    border:1px solid rgba(222,184,124,.34);
    border-radius:2px;
    background:linear-gradient(110deg,rgba(40,29,22,.76),rgba(17,16,15,.72));
    -webkit-backdrop-filter:blur(18px) saturate(1.12);
    backdrop-filter:blur(18px) saturate(1.12);
    box-shadow:inset 0 1px rgba(255,239,211,.08),0 8px 24px rgba(0,0,0,.22);
}
.hero-action-line .opening-row:after{
    content:"";
    position:absolute;
    inset:4px;
    pointer-events:none;
    opacity:.55;
    background:
      linear-gradient(#d0a268,#d0a268) left top/9px 1px,
      linear-gradient(#d0a268,#d0a268) left top/1px 9px,
      linear-gradient(#d0a268,#d0a268) right top/9px 1px,
      linear-gradient(#d0a268,#d0a268) right top/1px 9px,
      linear-gradient(#d0a268,#d0a268) left bottom/9px 1px,
      linear-gradient(#d0a268,#d0a268) left bottom/1px 9px,
      linear-gradient(#d0a268,#d0a268) right bottom/9px 1px,
      linear-gradient(#d0a268,#d0a268) right bottom/1px 9px;
    background-repeat:no-repeat;
}
.hero-action-line .opening-date{
    order:0;
    flex:0 0 228px;
    width:228px;
    min-width:228px;
    min-height:88px;
    padding:12px 20px;
    border:0;
    border-right:1px solid rgba(222,184,124,.25);
    border-radius:0;
    background:rgba(86,44,40,.2);
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    text-align:left;
}
.hero-action-line .opening-date:after,.hero-action-line .countdown:after{display:none}
.hero-action-line .opening-date>span,.hero-action-line .countdown-label{color:#d9ad70;font-size:9px;letter-spacing:.17em}
.hero-action-line .opening-date strong{font:normal 22px/1.2 var(--display);color:#fff0d9}
.hero-action-line .opening-date small{font-size:11px;color:#cbbda9;letter-spacing:.05em}
.hero-action-line .countdown{
    order:1;
    width:auto;
    min-width:0;
    min-height:88px;
    flex:1;
    align-self:stretch;
    justify-content:center;
    padding:10px 22px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    text-align:center;
}
.hero-action-line .countdown-label{display:block}
.hero-action-line .countdown-grid{justify-content:center;gap:9px;margin-top:4px}
.hero-action-line .countdown-grid div{min-width:43px;padding:0;border:0;background:transparent}
.hero-action-line .countdown-grid strong{font:normal 24px/1.05 var(--display);color:#fff0d9}
.hero-action-line .countdown-grid span{font-size:7px;color:#cbbda9;letter-spacing:.1em}
.hero-action-line .countdown-grid b{color:#bb915d;font-size:18px}
.hero-action-line .hero-buttons{order:1;align-items:center}
@media(max-width:980px){
    .hero-action-line{align-items:stretch;gap:10px}
    .hero-action-line .opening-row{width:100%;min-height:80px}
    .hero-action-line .opening-date{flex-basis:40%;width:40%;min-width:0;min-height:78px;padding:9px 12px}
    .hero-action-line .opening-date strong{font-size:19px}
    .hero-action-line .opening-date small{font-size:9px}
    .hero-action-line .countdown{width:auto;min-width:0;min-height:78px;padding:7px 8px}
    .hero-action-line .countdown-grid{gap:3px}
    .hero-action-line .countdown-grid div{min-width:24px}
    .hero-action-line .countdown-grid strong{font-size:19px}
    .hero-action-line .countdown-grid span{font-size:6px}
    .hero-action-line .countdown-grid b{font-size:14px}
    .hero-action-line .hero-buttons{width:100%}
}

/* Warm animated underglow and clearer opening details. */
.hero-action-line .opening-row{
    animation:opening-panel-glow 3.2s ease-in-out infinite;
}
.hero-action-line .opening-row:before{
    content:"";
    position:absolute;
    z-index:2;
    left:8%;
    right:8%;
    bottom:0;
    height:1px;
    pointer-events:none;
    transform-origin:center;
    background:linear-gradient(90deg,transparent,rgba(205,145,73,.72) 22%,rgba(246,203,132,.95) 50%,rgba(205,145,73,.72) 78%,transparent);
    filter:blur(.7px);
    animation:opening-underline-glow 2.8s ease-in-out infinite;
}
@keyframes opening-panel-glow{
    0%,100%{box-shadow:inset 0 1px rgba(255,239,211,.08),0 8px 24px rgba(0,0,0,.22),0 8px 22px -16px rgba(183,119,56,.2)}
    50%{box-shadow:inset 0 1px rgba(255,239,211,.1),0 8px 24px rgba(0,0,0,.22),0 12px 30px -13px rgba(222,166,91,.6)}
}
@keyframes opening-underline-glow{
    0%,100%{opacity:.42;transform:scaleX(.78);filter:blur(1px)}
    50%{opacity:1;transform:scaleX(1);filter:blur(1.6px)}
}
.hero-action-line .opening-date strong{font-size:25px}
.hero-action-line .opening-date>span,.hero-action-line .countdown-label{font-size:10px}
.hero-action-line .countdown-grid strong{font-size:29px}
@media(max-width:980px){
    .hero-action-line .opening-date strong{font-size:21px}
    .hero-action-line .opening-date>span,.hero-action-line .countdown-label{font-size:8px}
    .hero-action-line .countdown-grid strong{font-size:22px}
}

/* Slightly compact navigation and bring the desktop hero group left. */
.header-inner{height:72px;gap:19px}
.brand{width:185px;flex-basis:185px}
.brand img{width:185px;height:72px;transform:scale(1.08)}
.main-nav{gap:clamp(15px,1.8vw,29px)}
.main-nav>a,.nav-dropdown-trigger{min-height:48px;font-size:10.5px}
.main-nav>a>i,.nav-dropdown-trigger>i:first-child{font-size:14px}
.language-trigger,.header-cta{height:42px}
@media(min-width:981px){
    .hero-inner{padding-left:clamp(24px,6.5vw,112px);padding-right:clamp(24px,6.5vw,112px)}
}
@media(max-width:980px){
    .header-inner{height:62px}
    .brand{width:145px;flex-basis:145px}
    .brand img{width:145px;height:62px;transform:scale(1.06)}
}

/* Keep the navigation panel full-height while making its contents more compact. */
.site-header{max-width:1460px}
.header-inner{max-width:1460px;height:78px;gap:17px;padding-inline:20px}
.brand{width:178px;flex-basis:178px}
.brand img{width:178px;height:74px;transform:scale(1.06)}
.main-nav{gap:clamp(12px,1.55vw,24px)}
.main-nav>a,.nav-dropdown-trigger{font-size:10px;letter-spacing:.075em;gap:7px}
.main-nav>a>i,.nav-dropdown-trigger>i:first-child{font-size:13px}
@media(min-width:981px){
    .hero-inner{padding-left:clamp(18px,4vw,68px);padding-right:clamp(18px,4vw,68px)}
}
@media(max-width:980px){
    .header-inner{height:64px;padding-inline:12px}
    .brand{width:145px;flex-basis:145px}
    .brand img{width:145px;height:64px;transform:scale(1.06)}
}
