/* Homepage palette and rhythm connect the trailer, navigation, and gallery. */
body[data-page=home]{--bg:var(--tone-10100f,#10100f);--panel:var(--tone-191815,#191815);--accent:#e8b65e;--muted:var(--tone-a9a69f,#a9a69f);--line:#e7d9bd21;background:var(--bg);color:var(--fg-f4f1e9,var(--tone-f4f1e9,#f4f1e9))}
body[data-page=home] .site-header{position:absolute;top:0;left:0;width:100%;height:88px;background:linear-gradient(180deg,var(--tone-0c0b0bc7,#0c0b0bc7),transparent);border-bottom:0}
body[data-page=home] .header-inner{max-width:1320px;padding:0 60px;gap:28px}
body[data-page=home] .site-brand{font-size:16px;gap:10px;white-space:nowrap}
body[data-page=home] .site-brand img{width:30px;height:30px}
body[data-page=home] .desktop-nav{gap:25px;margin-right:auto}
body[data-page=home] .desktop-nav a{color:var(--fg-d1cec6,var(--tone-d1cec6,#d1cec6));font-size:12px;font-weight:500}
body[data-page=home] .desktop-nav a:hover{color:var(--fg-ffffff,var(--tone-ffffff,#fff))}
body[data-page=home] .header-actions{gap:22px}
body[data-page=home] .header-actions .button{background:var(--tone-1c1a1729,#1c1a1729);border-color:#e4d9c23b;color:var(--fg-e4ded1,#e4ded1);border-radius:6px;padding:11px 15px;font-size:11px;backdrop-filter:blur(12px)}
body[data-page=home] .header-actions .button:hover{background:#e8b65e;color:var(--fg-14120f,var(--tone-14120f,#14120f));border-color:#e8b65e}
.home-hero{min-height:760px;min-height:max(720px,100svh);background-color:#31281d;background-position:50% 70%;justify-content:flex-start}
.home-hero video{object-position:center;filter:saturate(.78) brightness(.85)}
.home-hero .hero-overlay{background:linear-gradient(90deg,var(--tone-10100ff0,#10100ff0) 0%,var(--tone-10100fa3,#10100fa3) 36%,var(--tone-10100f1a,#10100f1a) 75%),linear-gradient(180deg,var(--tone-10100f4d,#10100f4d) 0%,transparent 30%,var(--tone-10100f33,#10100f33) 62%,var(--tone-10100f,#10100f) 100%)}
.home-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:1320px;padding:170px 60px 95px;position:relative}
.home-content .eyebrow{font-size:10px;font-weight:500;letter-spacing:1.8px;color:var(--fg-d1c4aa,#d1c4aa);display:flex;align-items:center;gap:11px;margin-bottom:27px;animation:home-in .65s ease both}
.home-content .eyebrow>span[aria-hidden]{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px #e8b65e44}
.home-content h1{font-size:clamp(58px,6.4vw,88px);line-height:1.05;letter-spacing:-3.8px;font-weight:600;max-width:850px;margin:0 0 27px;animation:home-in .65s .08s ease both;text-wrap:balance}
.home-content h1>span{color:var(--fg-ded7c9,#ded7c9);font-weight:400;font-size:.78em;letter-spacing:-2.8px}
.home-content>p{color:var(--fg-bfb9ac,#bfb9ac);font-size:15px;line-height:1.85;max-width:450px;margin:0 0 31px;animation:home-in .65s .16s ease both}
.home-actions{gap:12px;animation:home-in .65s .24s ease both}
.home-actions .button{min-height:48px;padding:14px 22px;font-size:12px;gap:24px;border-radius:6px;letter-spacing:0;font-weight:600}
.home-actions .button.primary{background:#e8b65e;border-color:#e8b65e;color:var(--fg-1a1711,var(--tone-1a1711,#1a1711))}
.home-actions .button.primary:hover{background:#f3c87e;border-color:#f3c87e}
.home-actions .button.outline{background:var(--tone-24211c3b,#24211c3b);backdrop-filter:blur(12px);border-color:#e0d7c63d;color:var(--fg-e4dfd5,var(--tone-e4dfd5,#e4dfd5))}
.home-actions .button.outline:hover{background:#f0e9dc;color:var(--fg-191713,var(--tone-191713,#191713));border-color:#f0e9dc}
.home-device-link{display:inline-flex;align-items:center;gap:12px;font-size:11px;color:var(--fg-a9a396,#a9a396);margin-top:24px;padding:7px 0;animation:home-in .65s .3s ease both}
.home-device-link .icon{width:13px;height:13px;transition:transform .2s}
.home-device-link:hover{color:var(--fg-f0e6d3,#f0e6d3)}.home-device-link:hover .icon{transform:translateX(3px)}
.home-bottom{max-width:1320px;padding:0 60px 40px;min-height:80px;gap:25px;position:relative;align-items:center;animation:home-in .65s .35s ease both}
.home-bottom .home-explore{display:inline-flex;gap:12px;color:var(--fg-c2bcaf,#c2bcaf);font-size:11px;letter-spacing:0;min-height:44px}
.home-explore>.icon{transform:rotate(90deg);width:14px;height:14px}
.home-bottom .home-project-note{color:var(--fg-777267,var(--tone-777267,#777267));font-size:8px;letter-spacing:1.4px}
.home-bottom .video-controls{gap:4px}
.home-bottom .video-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 12px;background:var(--tone-25221a29,#25221a29);backdrop-filter:blur(8px);border-color:#e7d9bd21;color:var(--fg-bcb6a9,#bcb6a9);font-size:10px;border-radius:5px}
.home-bottom .video-controls button:hover{background:var(--tone-ffffff12,#ffffff12);color:var(--fg-ffffff,var(--tone-ffffff,#fff))}
.gameplay-section{max-width:1320px;padding:65px 60px 90px;position:relative}
.gameplay-section:before{content:"";position:absolute;top:0;left:60px;right:60px;height:1px;background:linear-gradient(90deg,#e8b65e44,#e8b65e08)}
.gameplay-heading{margin-bottom:28px}.gameplay-heading .eyebrow{color:var(--fg-aa9c80,#aa9c80);font-weight:500;letter-spacing:1.8px;font-size:9px}
.gameplay-heading h2{font-size:clamp(27px,3vw,36px);font-weight:500;letter-spacing:-1px;color:var(--fg-ece7dd,var(--tone-ece7dd,#ece7dd))}
.gameplay-heading p{color:var(--fg-979287,var(--tone-979287,#979287));font-size:13px}.gameplay-heading>a{color:var(--fg-aaa294,#aaa294);font-size:11px}.gameplay-heading>a:hover{color:var(--fg-e8b65e,#e8b65e)}
.gameplay-track{border-color:#e7d9bd21;background:var(--tone-191815,#191815);border-radius:8px}
.gameplay-slide figcaption{background:var(--tone-191815,#191815);border-color:#e7d9bd14;min-height:89px}
.gameplay-slide h3{color:var(--fg-e2ddD2,var(--tone-e2ddD2,#e2ddD2));font-size:16px}.gameplay-slide figcaption p,.shot-label{color:var(--fg-8e887b,#8e887b)}.gameplay-slide strong{color:var(--fg-c7bfae,#c7bfae)}
.gameplay-controls button{background:var(--tone-1b1915,#1b1915);border-color:#e7d9bd24;color:var(--fg-bfb5a2,#bfb5a2);min-width:44px;min-height:44px}.gameplay-controls button:hover{background:#e8b65e;color:var(--fg-17140f,var(--tone-17140f,#17140f));border-color:#e8b65e}
.gameplay-thumb[aria-current=true]{border-color:#cda75f}.gameplay-count{color:var(--fg-81796a,#81796a)}.gameplay-thumb{min-height:44px}
body[data-page=home] .site-footer{background:var(--tone-0c0c0b,#0c0c0b);border-top-color:#e7d9bd14}
body[data-page=home] .footer-inner{max-width:1320px;padding:33px 60px 28px;gap:24px}
body[data-page=home] .site-footer nav{gap:20px;color:var(--fg-938d80,#938d80)}
@keyframes home-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.home-hero{min-height:900px;min-height:100svh}.home-content{padding-top:190px;padding-bottom:120px}}
@media(max-width:1100px){body[data-page=home] .header-inner{padding:0 6%}.home-content{padding-left:6%;padding-right:6%}.home-bottom{padding-left:6%;padding-right:6%}.gameplay-section{padding-left:6%;padding-right:6%}.gameplay-section:before{left:6%;right:6%}body[data-page=home] .footer-inner{padding-left:6%;padding-right:6%}.home-content h1{font-size:72px}.home-bottom .home-project-note{display:none}}
@media(max-width:750px){body[data-page=home] .site-header{height:78px}body[data-page=home] .header-inner{gap:16px}body[data-page=home] .site-brand{font-size:14px}body[data-page=home] .site-brand img{width:28px;height:28px}body[data-page=home] .header-actions{gap:17px}body[data-page=home] .header-actions .button{font-size:10px;padding:10px 12px;min-height:40px}body[data-page=home] .menu-toggle{min-width:40px;min-height:44px}.home-hero{min-height:700px;min-height:100svh;background-position:55% 72%}.home-hero video{object-position:62% center}.home-hero .hero-overlay{background:linear-gradient(90deg,var(--tone-10100fd6,#10100fd6),var(--tone-10100f40,#10100f40)),linear-gradient(180deg,var(--tone-10100f55,#10100f55),transparent 22%,var(--tone-10100f33,#10100f33) 55%,var(--tone-10100f,#10100f) 100%)}.home-content{padding:150px 6% 64px;justify-content:center}.home-content .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:25px}.home-content h1{font-size:clamp(48px,10vw,70px);letter-spacing:-2.4px;margin-bottom:23px}.home-content h1>span{font-size:.78em;letter-spacing:-1.8px}.home-content>p{font-size:13px;max-width:340px;margin-bottom:27px}.home-actions{gap:10px}.home-actions .button{font-size:11px;padding:13px 18px;gap:18px;min-height:47px}.home-device-link{font-size:11px;margin-top:20px;min-height:44px}.home-bottom{padding:0 6% 25px;gap:12px;flex-wrap:wrap;min-height:75px}.home-bottom .home-explore{font-size:10px;gap:8px}.home-bottom .video-controls button{padding:9px;font-size:9px;gap:5px}.home-bottom .video-controls .icon{width:13px;height:13px}.gameplay-section{padding-top:44px;padding-bottom:55px}.gameplay-heading{margin-bottom:24px}.gameplay-heading>a{margin-top:17px;font-size:10px}.gameplay-heading p{font-size:12px;max-width:320px}.gameplay-slide figcaption{min-height:100px}.gameplay-slide h3{font-size:15px}body[data-page=home] .footer-inner{padding-top:29px;padding-bottom:25px}}
@media(max-width:360px){body[data-page=home] .header-actions{gap:6px}body[data-page=home] .header-actions .button{font-size:9px;padding:9px}.home-content h1{font-size:46px}.home-actions .button{padding:12px 14px;gap:13px;font-size:10px}.home-bottom .video-controls button>span{display:none}.home-bottom{flex-wrap:nowrap}.home-content>p{font-size:12px}}
@media(max-height:550px) and (min-width:600px){.home-hero{min-height:630px}.home-content{padding-top:135px}}
@media(prefers-reduced-motion:reduce){.home-content>* ,.home-bottom{animation:none!important}.home-device-link .icon{transition:none}}
/* Keep letterbox edges in the supplied trailer outside the hero frame. */
.home-hero video{transform:scale(1.24)}