/* Hot Attic Games — original studio refresh, November 2026 */
:root{--bg:#0c1018;--panel:#171e2a;--ink:#fff7e9;--muted:#b5c1cb;--orange:#f4a14a;--gold:#ffd28a;--line:#35404d;color-scheme:dark}
body{background:#0c1018;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.wrap{width:min(1260px,calc(100% - 56px))}
.top{background:#0c1018e8;border-color:#33404c}
.nav{min-height:82px}
.brand{color:#fff5e6;letter-spacing:.11em;font-weight:900}
.mark{background:#e99c44;color:#10151e;border:0;box-shadow:none;transform:rotate(-7deg)}
.links a{color:#d4dce6;font-weight:700}
.links a:hover{color:#ffbc6c}
.hero{padding:100px 0 118px;background:radial-gradient(ellipse at 79% 45%,#244568 0%,transparent 43%),radial-gradient(ellipse at 8% 95%,#703c27 0%,transparent 47%),linear-gradient(135deg,#0d1421,#101521 65%,#111016)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#f0a14a,transparent)}
.hero-grid{grid-template-columns:1.1fr .9fr;gap:38px}
.hero .eyebrow{color:#ffc578;letter-spacing:.19em}
h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(62px,8.4vw,126px);line-height:.91;letter-spacing:.008em;color:#fff8ee;text-transform:uppercase}
h1 span{color:#ffb258}
.lead{color:#cbd5de;max-width:560px;font-size:clamp(18px,2vw,22px)}
.btn{border-radius:4px;padding:16px 24px;background:#ffb15c;color:#10151e;text-transform:uppercase;letter-spacing:.055em;box-shadow:0 5px 0 #ad6028}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 #ad6028}
.btn.alt{color:#f7e4c9;border:1px solid #a36d48;box-shadow:none}
.art{min-height:470px;transform:none}
.studio-logo{width:min(100%,480px);filter:drop-shadow(0 30px 55px #0009)}
.section{padding:100px 0}
.section-title{font-size:clamp(42px,5.6vw,74px);line-height:.98;text-transform:uppercase;color:#fff5e9}
.eyebrow,.tag{color:#ffb969}
.intro{color:#b7c3d0;font-size:17px}
.featured{grid-template-columns:1.12fr .88fr;border-color:#425064;border-radius:8px;background:#171e2b;box-shadow:0 26px 70px #0005}
.feature-art{min-height:450px;background:#1b2940}
.feature-art>img{min-height:450px;object-fit:cover}
.feature-copy{padding:clamp(28px,4vw,60px)}
.feature-copy h3{font-size:clamp(55px,6vw,88px);color:#fff5e9}
.feature-copy p{color:#c6d0db}
.feature-copy strong{color:#ffca83}
.chip{border-color:#566170;color:#d8e2eb;background:#222e3c}
.up-gallery{border-color:#394b60;background:#0d1623}
.up-slide figcaption,.up-count{color:#e8c397}
.up-arrow{border-color:#6b8095;color:#fff;background:#0a1422d9}
.catalog-tabs{margin:35px 0 28px}
.catalog-tabs button{background:#1b2533;color:#e1e9f0;border-color:#3a4a5c;border-radius:5px}
.catalog-tabs button[aria-selected=true]{background:#ffb15c;color:#111722;border-color:#ffb15c}
.games{gap:22px}
.game{background:#17202c;border:1px solid #344457;border-radius:7px;padding:20px;min-height:250px;position:relative;overflow:hidden}
.game:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffae58,#486e9d);opacity:.75}
.project-card{transition:transform .22s,box-shadow .22s,border-color .22s}
.project-card:hover{transform:translateY(-7px);border-color:#d08b53;box-shadow:0 18px 35px #0006}
.project-icon{width:100%;height:140px;border-radius:4px;background:radial-gradient(circle at 70% 25%,#375475,#172437 70%);margin-bottom:22px}
.project-icon img{object-fit:contain!important;padding:12px}
.game h3{font-size:26px;color:#fff4e7}
.game p{color:#b9c7d3}
.project-more{color:#ffc17a;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.about{background:linear-gradient(120deg,#1a2838,#171a25);border-color:#3b4b5a}
.statement{color:#fff4e6}
.statement em{color:#ffb15c}
.foot{background:#0b1018;border-top:1px solid #354355}
.foot a{color:#ffb15c}
.section-kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#ffb969}
.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;padding-top:22px;border-top:1px solid #ffffff29;color:#aabac9;font:700 12px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
.hero-proof span:before{content:"✦";color:#ffb15c;margin-right:9px}
.studio-strip{padding:25px 0;background:#111c2b;border-bottom:1px solid #354355}
.studio-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.studio-strip strong{font-size:15px;letter-spacing:.08em;text-transform:uppercase}
.studio-strip p{margin:0;color:#acbdcd;font-size:14px}
.studio-strip a{color:#ffbb73;font-weight:800;text-decoration:none}
@media(max-width:800px){.hero{padding:75px 0}.hero-grid,.featured{grid-template-columns:1fr}.art{min-height:310px}.studio-logo{max-width:350px}.feature-art,.feature-art>img{min-height:260px}.games{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{flex-wrap:wrap;padding:14px 0}.links{flex-wrap:wrap}}
@media(max-width:550px){.wrap{width:min(100% - 30px,1260px)}.hero{padding:56px 0 68px}h1{font-size:clamp(54px,13vw,82px)}.games{grid-template-columns:1fr}.project-icon{height:130px}.feature-copy{padding:26px}.links{gap:14px}.links a{font-size:12px}.hero-proof{gap:12px}.section{padding:70px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}