:root{--ink:#10182b;--panel:#111c31;--panel-soft:#1a3150;--cream:#fff4da;--gold:#f4c55c;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);font-family:Georgia,"Times New Roman",serif;background:#0d1930 url("an/_assets/JOTW_KeyArt_1980.jpg") center top/cover fixed}.site-shell{width:min(100% - 2rem,980px);margin:0 auto;background:linear-gradient(180deg,rgba(11,20,37,.97),rgba(15,27,47,.98));box-shadow:0 0 55px rgba(0,0,0,.45)}.hero{min-height:690px;padding:1.2rem clamp(1.4rem,5vw,4.5rem) 4rem;text-align:center;display:flex;flex-direction:column;align-items:center;background:linear-gradient(rgba(8,17,34,.52),rgba(8,17,34,.94)),url("an/_assets/JOTW_KeyArt_1980.jpg") center/cover}nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:Arial,sans-serif;font-size:.88rem;letter-spacing:.04em}.brand{position:relative;z-index:5;display:inline-block}.brand img{display:block;width:88px;height:auto;pointer-events:none}.nav-links{display:flex;gap:1.1rem}.nav-links a,.footer-links a{color:#f8ebbf;text-decoration:none}.nav-links a:hover,.footer-links a:hover{color:var(--gold)}.language-switch{display:flex;overflow:hidden;border:1px solid rgba(255,226,129,.55);border-radius:999px;background:rgba(6,8,28,.45)}.language-switch button{border:0;padding:.4rem .55rem;color:#f9efcf;background:transparent;font:800 .72rem Arial,sans-serif;cursor:pointer}.language-switch button[aria-pressed="true"]{color:#251600;background:var(--gold)}.game-logo{width:min(100%,620px);height:auto;margin:3rem 0 .2rem;filter:drop-shadow(0 14px 15px rgba(0,0,0,.42))}.hero-tagline{margin:.2rem 0 .8rem;padding:.65rem 1.05rem;border:1px solid rgba(255,219,91,.72);border-radius:999px;color:#fff5cc;background:rgba(10,37,72,.55);font:800 clamp(1rem,2vw,1.28rem)/1.2 Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase}.hero h1{max-width:650px;margin:.8rem auto 1.7rem;font-size:clamp(1.55rem,3.3vw,2.35rem);line-height:1.18;text-wrap:balance}.cta{display:inline-block;padding:.8rem 1.2rem;border-radius:999px;background:var(--gold);color:#221b10;font:800 .88rem Arial,sans-serif;text-decoration:none}.about,.gallery,.dev-note{padding:4.5rem clamp(1.4rem,5vw,4.5rem)}.about,.dev-note{background:linear-gradient(135deg,rgba(24,51,83,.5),rgba(14,25,45,.1))}.section-kicker{margin:0 0 .75rem;color:var(--gold);text-transform:uppercase;letter-spacing:.17em;font:700 .76rem/1.2 Arial,sans-serif}h2{margin:0 0 1.1rem;font-size:clamp(1.85rem,4vw,3.1rem);line-height:1.03}.about p:not(.section-kicker),.dev-note p:not(.section-kicker){max-width:680px;font-size:1.08rem;line-height:1.72}.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.shots img{width:100%;border:1px solid var(--line);border-radius:10px;display:block}footer{padding:3rem 1.5rem;text-align:center;border-top:1px solid var(--line);font: .82rem Arial,sans-serif;color:#cdd7de}.annit-logo{width:105px;height:auto;margin:0 auto .8rem}.footer-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.legal-page{width:min(100% - 2rem,820px);min-height:100vh;margin:0 auto;padding:1.8rem 0 4rem}.legal-page header{padding-bottom:2rem;border-bottom:1px solid var(--line)}.back{color:var(--gold);font:700 .9rem Arial,sans-serif;text-decoration:none}.legal-page article{max-width:690px;padding:2rem 0;line-height:1.7}.legal-page h1{font-size:clamp(2.4rem,6vw,4rem)}.legal-page h2{margin:2rem 0 .5rem;font-size:1.35rem}.legal-page a{color:#ffe18a}@media(max-width:720px){.site-shell{width:100%}.hero{min-height:600px}.nav-links{display:none}.game-logo{margin-top:2.4rem}.shots{grid-template-columns:1fr}.about,.gallery,.dev-note{padding:3.3rem 1.4rem}}

.features{padding:4.5rem clamp(1.4rem,5vw,4.5rem);background:linear-gradient(180deg,rgba(13,31,54,.72),rgba(13,23,42,.3))}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.feature-grid article{min-height:330px;padding:1.3rem;border:1px solid var(--line);border-radius:14px;text-align:center;background:rgba(8,18,35,.52);overflow:hidden}.feature-grid img{width:100%;height:185px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45))}.feature-grid h3{margin:.6rem 0;font-size:1.25rem}.feature-grid p{margin:0;font-size:.96rem;line-height:1.55}.shots img{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.shots img:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.35)}.lightbox{position:fixed;inset:0;z-index:99;display:none;place-items:center;padding:2rem;background:rgba(2,7,16,.9)}.lightbox.open{display:grid}.lightbox img{max-width:min(94vw,1400px);max-height:88vh;border-radius:8px;box-shadow:0 25px 70px #000}.lightbox button{position:absolute;top:1rem;right:1.2rem;border:0;background:transparent;color:#fff;font-size:2.3rem;cursor:pointer}@media(max-width:720px){.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.feature-grid img{height:220px}}

.original-overview{padding:2rem clamp(1.4rem,5vw,4.5rem) 4.5rem;background:linear-gradient(180deg,rgba(13,31,54,.72),rgba(13,23,42,.25))}.limiter{display:block;width:min(100%,820px);height:auto;margin:1.2rem auto 2.8rem}.limiter-a{width:min(100%,900px);margin-top:0}.original-intro{display:grid;grid-template-columns:minmax(150px,.45fr) 1fr;align-items:center;gap:2rem;max-width:790px;margin:0 auto 2.6rem}.original-intro>img{width:100%;max-height:310px;object-fit:contain}.original-intro h2{font-size:clamp(1.65rem,3.2vw,2.55rem)}.original-intro p:not(.section-kicker),.original-row p{line-height:1.7;font-size:1.03rem}.overview-title{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0 2.2rem}.overview-title img{width:min(24%,180px);height:auto}.overview-title h2{margin:0;text-transform:uppercase;letter-spacing:.08em}.original-row{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:center;max-width:830px;margin:2.5rem auto}.original-row.reverse img{order:2}.original-row img{width:100%;border:1px solid var(--line);border-radius:10px}.original-row h3{margin:0 0 .7rem;color:var(--gold);font-size:1.55rem}.original-row p{margin:0}@media(max-width:720px){.original-overview{padding:1.2rem 1.4rem 3rem}.original-intro,.original-row{grid-template-columns:1fr;gap:1.2rem}.original-intro>img{max-height:250px}.original-row.reverse img{order:0}.overview-title{gap:.5rem}.overview-title img{width:20%}.overview-title h2{font-size:1.7rem}}
/* Final palette: restrained red and ember orange */ :root{--ink:#281510;--panel:#301915;--panel-soft:#59251b;--cream:#fff0df;--gold:#d99a55;--line:rgba(255,204,151,.18)}body{background:#2d1712 url("an/_assets/JOTW_KeyArt_1980.jpg") center top/cover fixed}.site-shell{background:linear-gradient(180deg,rgba(43,20,17,.97),rgba(55,23,18,.98))}.hero{background:linear-gradient(rgba(47,18,15,.54),rgba(46,17,15,.94)),url("an/_assets/JOTW_KeyArt_1980.jpg") center/cover}.language-switch{border-color:rgba(217,154,85,.62);background:rgba(42,14,12,.58)}.language-switch button[aria-pressed="true"]{background:var(--gold);color:#2d1710}.hero-tagline{border-color:rgba(226,160,84,.72);background:rgba(109,39,27,.54);box-shadow:0 0 28px rgba(211,105,57,.18)}.cta{background:#d99a55;color:#32170f}.section-kicker,.original-row h3{color:#e0a565}.about,.dev-note,.original-overview{background:linear-gradient(135deg,rgba(91,37,27,.5),rgba(43,20,17,.12))}.feature-grid article{background:rgba(60,25,20,.52)}
.trailer{padding:4.5rem clamp(1.4rem,5vw,4.5rem);background:linear-gradient(135deg,rgba(82,32,24,.62),rgba(38,17,16,.22))}.video-frame{max-width:820px;margin:1.8rem auto 0;overflow:hidden;border:1px solid rgba(224,165,101,.35);border-radius:12px;box-shadow:0 18px 42px rgba(0,0,0,.35);background:#080909}.video-frame video{display:block;width:100%;height:auto}
.deep-tactics-logo{width:min(100%,310px);height:auto;margin:2.6rem 0 -.6rem;filter:drop-shadow(0 10px 12px rgba(0,0,0,.42))}@media(max-width:720px){.deep-tactics-logo{width:min(78%,260px);margin-top:2.1rem}}
.hero .deep-tactics-logo{margin:2.6rem 0 0}.hero .game-logo{margin:-2.25rem 0 .2rem}@media(max-width:720px){.hero .deep-tactics-logo{margin-top:2.1rem}.hero .game-logo{margin-top:-1.5rem}}

/* Keep the key art at least viewport-height on every display. */
html,body{min-height:100%}body{min-height:100svh;background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.site-shell{min-height:100svh}.hero{min-height:690px}@media(max-width:720px){.hero{min-height:600px}}