:root{--ink:#0a0b0d;--steel:#17191d;--line:#2a2d32;--muted:#9a9fa8;--paper:#f2f1ed;--yellow:#ffd400;--orange:#ff7a00;--pad:clamp(22px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{height:80px;padding:0 var(--pad);display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(10,11,13,.88);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:700 18px Unbounded,sans-serif;letter-spacing:-.04em}.brand img{width:46px;height:46px;object-fit:cover;object-position:center 48%;border-radius:50%;border:2px solid var(--yellow)}nav{display:flex;gap:34px;margin-left:auto;margin-right:40px}nav a,.mini-cta{color:#c8cbd0;text-decoration:none;font-size:14px;font-weight:700}nav a:hover{color:var(--yellow)}.mini-cta{padding:13px 17px;background:var(--yellow);color:var(--ink);border-radius:5px}.mini-cta span{margin-left:8px}.hero{min-height:calc(100vh - 80px);padding:clamp(32px,5vw,72px) var(--pad);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,88px);align-items:center;position:relative}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.055) 50%,transparent 50.1%)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.18em;font-weight:800;color:#b7bbc2}.eyebrow span{display:block;width:28px;height:3px;background:var(--yellow)}h1,h2{font-family:Unbounded,sans-serif;letter-spacing:-.065em;margin:0}h1{font-size:clamp(48px,6vw,92px);line-height:.96;max-width:850px}h1 em,h2 em{font-style:normal;color:var(--yellow)}.lead{max-width:610px;color:#afb3bb;font-size:clamp(17px,1.45vw,21px);line-height:1.55;margin:28px 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{height:54px;padding:0 22px;display:inline-flex;align-items:center;gap:22px;border-radius:5px;font-weight:800;text-decoration:none;font-size:14px}.button.primary{background:var(--yellow);color:var(--ink)}.button.ghost{border:1px solid #3d4148;color:#fff}.button:hover{transform:translateY(-2px)}.proof{display:flex;margin-top:54px;padding-top:25px;border-top:1px solid var(--line);gap:clamp(24px,3vw,52px)}.proof div{display:flex;align-items:flex-start;gap:10px}.proof strong{font:700 clamp(22px,2vw,32px) Unbounded,sans-serif}.proof span{font-size:11px;line-height:1.35;color:#848a94;text-transform:uppercase;letter-spacing:.07em}.game-shell{border:1px solid #353941;background:#111318;box-shadow:0 30px 80px #000;overflow:hidden;transform:rotate(.35deg);position:relative}.game-shell:before{content:"";position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px rgba(255,212,0,.08);pointer-events:none;z-index:3}.game-topline,.game-footer{height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font:700 11px Unbounded,sans-serif;letter-spacing:.08em;border-bottom:1px solid #31343a}.game-footer{border-top:1px solid #31343a;border-bottom:0;color:#858a94}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30d158;margin-right:8px;box-shadow:0 0 12px #30d158}.scoreboard strong,.game-footer b{color:var(--yellow);font-weight:800}.canvas-wrap{position:relative;aspect-ratio:1.22/1;background:#0c1015}.canvas-wrap canvas{width:100%;height:100%;display:block}.game-intro,.game-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(10,12,15,.52),rgba(10,12,15,.94));backdrop-filter:blur(3px)}.game-intro[hidden],.game-over[hidden]{display:none}.game-intro img{width:100px;height:100px;border-radius:50%;object-fit:cover;object-position:center 46%;border:3px solid var(--yellow);margin-bottom:18px}.game-intro p{font:700 20px/1.35 Unbounded,sans-serif;margin:0 0 22px}.game-intro button,.game-over button{border:0;background:var(--yellow);color:var(--ink);font:800 12px Unbounded,sans-serif;padding:15px 20px;cursor:pointer}.game-over span{font:700 12px Unbounded,sans-serif;color:#aeb3bb}.game-over strong{font:800 70px Unbounded,sans-serif;color:var(--yellow);margin:10px}.game-hint{position:absolute;bottom:12px;left:14px;color:#bbc0c7;font-size:11px;background:rgba(0,0,0,.4);padding:6px 9px;border-radius:3px}.mobile-controls{position:absolute;right:12px;bottom:10px;display:none;gap:6px}.mobile-controls button{width:42px;height:40px;border:1px solid #ffffff35;background:#101318cc;color:white;font-size:18px;border-radius:5px}.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--yellow);color:var(--ink);white-space:nowrap}.ticker div{font:700 13px Unbounded,sans-serif;letter-spacing:.06em;padding:14px 0;width:max-content;animation:ticker 24s linear infinite}.ticker span{padding:0 24px}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:clamp(80px,10vw,150px) var(--pad)}.section-head{display:grid;grid-template-columns:.5fr 1fr .55fr;align-items:end;gap:30px;margin-bottom:64px}.section-head h2,.approach h2{font-size:clamp(38px,5vw,72px);line-height:1}.section-head>p:last-child{color:#959aa3;line-height:1.7;margin:0;max-width:420px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(265px,auto);gap:12px}.service-card{background:#16181c;border:1px solid #26292f;padding:26px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:.25s}.service-card:hover{border-color:#4c5058;transform:translateY(-4px)}.service-card.featured{grid-row:span 2;background:#202329}.card-number{font:700 11px Unbounded,sans-serif;color:#7e848d}.service-card h3{font:700 clamp(20px,2vw,28px)/1.15 Unbounded,sans-serif;letter-spacing:-.04em;margin:0 0 15px}.service-card p{color:#9297a0;font-size:14px;line-height:1.55;margin:0}.service-card.yellow{background:var(--yellow);color:var(--ink)}.service-card.yellow p,.service-card.yellow .card-number{color:#575000}.card-arrow{position:absolute;right:24px;top:24px;font-size:24px}.steel-scene{position:absolute;left:28px;right:28px;top:60px;height:52%;perspective:500px}.steel-scene span,.steel-scene i,.steel-scene b{position:absolute;background:linear-gradient(90deg,#555b63,#b1b6bd 45%,#3b4047);box-shadow:8px 18px 25px #0008}.steel-scene span{width:70%;height:20px;top:25%;left:5%;transform:rotate(-14deg)}.steel-scene i{width:20px;height:90%;left:48%;top:4%;transform:skewY(-14deg)}.steel-scene b{width:54%;height:16px;right:2%;bottom:15%;transform:rotate(18deg)}.approach{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:var(--paper);color:var(--ink)}.approach .eyebrow{color:#555a62}.approach-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#555b63;max-width:600px;margin:30px 0}.approach-copy>a{font-weight:800;color:var(--ink);text-underline-offset:5px}.process{margin:0;padding:0;list-style:none;border-top:1px solid #cfd0cc}.process li{display:grid;grid-template-columns:80px 1fr;padding:25px 0;border-bottom:1px solid #cfd0cc;align-items:start}.process li>span{font:700 12px Unbounded,sans-serif;color:#858981}.process strong{font:700 clamp(20px,2vw,30px) Unbounded,sans-serif}.process p{margin:8px 0 0;color:#62666b}.manifesto{min-height:70vh;padding:100px var(--pad);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;background:radial-gradient(circle at center,#24272d 0,#0a0b0d 60%);overflow:hidden}.manifesto:after{content:"RTS";position:absolute;font:800 35vw/1 Unbounded,sans-serif;color:#ffffff06;z-index:0}.manifesto>*{position:relative;z-index:1}.helmet-stamp{width:152px;padding:8px;background:#fff;border-radius:12px;border:3px solid var(--yellow);box-shadow:0 0 0 10px #ffd40012}.helmet-stamp img{display:block;width:100%;height:auto;object-fit:contain}.manifesto p{margin:30px 0 18px;font:700 11px Unbounded,sans-serif;letter-spacing:.16em;color:#8d929a}.manifesto h2{font-size:clamp(45px,8vw,115px);line-height:.92}.manifesto h2 span{color:var(--yellow)}.contact{background:var(--yellow);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.eyebrow.dark{color:#5d5700}.eyebrow.dark span{background:var(--ink)}.contact h2{font-size:clamp(40px,6vw,80px);line-height:.98}.contact-links{border-top:1px solid #201f1850}.contact-links a{display:grid;grid-template-columns:100px 1fr auto;align-items:center;color:var(--ink);text-decoration:none;padding:25px 0;border-bottom:1px solid #201f1850}.contact-links small{font-weight:800;letter-spacing:.1em}.contact-links strong{font-size:clamp(18px,2vw,28px)}.contact-links span{font-size:24px;transition:.2s}.contact-links a:hover span{transform:translate(4px,-4px)}footer{padding:32px var(--pad);display:grid;grid-template-columns:1fr 1fr auto;align-items:end;color:#7f848d;font-size:11px;letter-spacing:.06em;text-transform:uppercase}footer>div:nth-child(2){display:flex;gap:30px}.footer-brand{font:700 26px Unbounded,sans-serif;color:#fff;letter-spacing:-.04em}.footer-brand sup{color:var(--yellow);font-size:10px}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{max-width:800px}.game-shell{max-width:800px;width:100%;margin:auto}.section-head{grid-template-columns:1fr}.section-head .eyebrow{margin-bottom:10px}.service-grid{grid-template-columns:1fr 1fr}.service-card.featured{grid-row:span 2}.approach{grid-template-columns:1fr;gap:55px}.contact{grid-template-columns:1fr}.hero:before{display:none}}
@media(max-width:720px){.topbar{height:68px}.brand span{display:none}.brand img{width:42px;height:42px}nav{display:none}.mini-cta{margin-left:auto;font-size:12px;padding:11px 13px}.hero{min-height:auto;padding-top:42px}.lead{margin:20px 0 25px}.proof{gap:18px;overflow-x:auto;margin-top:36px}.proof div{min-width:max-content}.proof span{font-size:9px}.game-shell{transform:none;margin-top:8px}.game-topline,.game-footer{font-size:9px;height:40px}.mobile-controls{display:flex}.game-hint{display:none}.service-grid{grid-template-columns:1fr;grid-auto-rows:minmax(235px,auto)}.service-card.featured{grid-row:auto;min-height:430px}.section-head{margin-bottom:38px}.process li{grid-template-columns:55px 1fr}.contact-links a{grid-template-columns:76px 1fr auto}.contact-links strong{font-size:16px}footer{grid-template-columns:1fr;gap:20px}footer>div:nth-child(2){flex-direction:column;gap:8px}.manifesto{min-height:60vh}.ticker div{animation-duration:16s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.service-card,.button{transition:none}}

.steel-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:15% center;opacity:.65}.service-card.featured>div:last-child{position:relative;z-index:1;background:linear-gradient(transparent,#111318 25%);padding-top:50px}.service-card.featured .card-number{z-index:1}.manifesto h2{font-size:clamp(30px,5.6vw,86px);line-height:1.15;overflow-wrap:normal}

.brand img{width:62px;height:64px;object-fit:contain;object-position:center;border:0;border-radius:0}.helmet-stamp{width:190px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.helmet-stamp img{display:block;width:100%;height:auto;object-fit:contain}.game-intro img{object-fit:contain;object-position:center;background:transparent;border:0;border-radius:0}h1,h2{letter-spacing:-.035em}h1{line-height:1.08}@media(max-width:720px){.brand img{width:50px;height:54px}.brand span{display:inline;font-size:16px}.brand{gap:8px}.helmet-stamp{width:160px}}
@media(max-width:420px){.brand span{font-size:12px}.mini-cta{font-size:11px;padding:10px 9px}.mini-cta span{margin-left:2px}}

.manifesto{background:#0a0b0d}.brand img,.helmet-stamp img,.game-intro img{mix-blend-mode:lighten}

.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-grid figure{margin:0;background:#14171b;border:1px solid var(--line)}.project-grid img{display:block;width:100%;height:auto;aspect-ratio:600/658;object-fit:cover}.project-grid figcaption{padding:20px;font-size:17px;font-weight:700;line-height:1.45}@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.project-grid{grid-template-columns:1fr}}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.language-picker{margin-left:18px;flex-shrink:0}.language-picker select{max-width:130px;border:1px solid #555d66;border-radius:6px;background:#171b20;color:#fff;padding:11px 8px;font:600 14px Manrope,sans-serif}.language-picker select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.topbar{gap:14px}nav{gap:20px;margin-right:10px}.brand{flex-shrink:0}.mini-cta{white-space:nowrap}
.game-shell{width:70%;justify-self:center;border:0;background:transparent;box-shadow:none;transform:none;overflow:visible}.game-shell:before{display:none}.game-topline,.game-footer{border:0;padding:0 8px;font-size:10px;letter-spacing:0;height:40px;gap:8px}.game-footer{flex-wrap:wrap;height:auto;min-height:40px;line-height:1.6}.canvas-wrap{background:transparent}.canvas-wrap canvas{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}.game-intro,.game-over{background:radial-gradient(ellipse,#0a0b0dcc 20%,#0a0b0d66 60%,transparent 75%);backdrop-filter:none}.game-intro p{font-size:clamp(16px,1.4vw,22px)}.game-intro img{width:74px;height:74px;margin-bottom:10px}.game-hint{font-size:12px}.hero{grid-template-columns:1fr 1fr;gap:32px}h1{font-size:clamp(38px,4.9vw,76px);overflow-wrap:normal}.proof{flex-wrap:wrap;gap:20px}.proof strong{font-size:26px}.proof span{font-size:12px}.section h2{overflow-wrap:normal}.contact-links a{grid-template-columns:minmax(85px,auto) 1fr auto;gap:14px}.contact-links small{overflow-wrap:normal}
@media(max-width:1180px){.topbar nav{display:none}.mini-cta{margin-left:auto}.language-picker{margin-left:0}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.game-shell{width:70%;max-width:500px}.hero-copy{max-width:760px}.game-intro p{font-size:20px}}
@media(max-width:620px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:8px}.topbar .mini-cta{display:none}.language-picker{margin-left:auto}.language-picker select{max-width:110px;font-size:14px}.brand span{font-size:14px}.game-shell{width:70%}.canvas-wrap{aspect-ratio:1.22}.game-topline{font-size:9px}.game-topline .live-dot{display:none}.game-intro img{width:48px;height:48px;margin-bottom:4px}.game-intro p{font-size:14px;margin:4px 0 10px}.game-intro button,.game-over button{font-size:11px;padding:10px 8px}.mobile-controls{bottom:4px;gap:8px}.mobile-controls button{width:44px;height:44px}.game-intro,.game-over{z-index:4}.game-footer{font-size:9px}.contact-links a{grid-template-columns:1fr auto}.contact-links small{grid-column:1/-1}.proof{overflow:visible}.proof div{min-width:0}.project-grid figcaption{font-size:16px}}

.hero:before{display:none}.hero{column-gap:0}.proof{border-top:0}.game-shell,.game-topline,.game-footer,.canvas-wrap{border:0;outline:0;box-shadow:none}.game-hint{background:transparent}.canvas-wrap canvas{mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.records{max-width:1100px;margin:auto;padding-top:28px;padding-bottom:60px}.records h2{font-size:clamp(24px,3vw,38px);letter-spacing:-.02em}.records-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.records>p{color:#afb3bb;font-size:16px}.records table{width:100%;border-collapse:collapse;margin-top:18px;font-size:16px}.records th,.records td{text-align:left;padding:14px 12px;border-bottom:1px solid #ffffff1a}.records td:nth-child(2){overflow-wrap:normal}.records th:last-child,.records td:last-child{text-align:right}.records th{color:#aeb4bc;font-size:14px}.records button{cursor:pointer;padding:12px 16px;font:700 14px Manrope,sans-serif;background:#ffd400;color:#0a0b0d;border:0;border-radius:5px}.records button:disabled{opacity:.5;cursor:wait}.records-heading button{background:transparent;color:#ffd400}.records label{display:block;font-size:16px;margin:18px 0 8px}.record-input{display:flex;gap:12px}.record-input input{flex:1;min-width:0;background:#171b20;border:1px solid #59616d;border-radius:5px;padding:12px;color:#fff;font:16px Manrope,sans-serif}.records :focus-visible{outline:2px solid #ffd400;outline-offset:3px}.records p:empty{display:none}@media(max-width:620px){.record-input{flex-direction:column}.records{padding-top:16px}.records th,.records td{padding:12px 5px}}

.record-jump{margin-top:12px;color:#ffd400;font-size:13px;max-width:95%;line-height:1.5}#recordsTitle{scroll-margin-top:24px}

/* Words stay intact in every language and in every section. */
html,body,body *{word-break:normal;overflow-wrap:normal;hyphens:none;-webkit-hyphens:none}
.hero>*,.approach>*,.contact>*,.service-card,.service-card>div,.records-heading>*,.project-grid figure{min-width:0}
.button{height:auto;min-height:54px;padding-top:12px;padding-bottom:12px;max-width:100%}
.records{overflow-x:auto}.records-heading{flex-wrap:wrap}.records table{min-width:300px}
@media(max-width:620px){.contact-links strong{font-size:18px}.approach,.contact{grid-template-columns:minmax(0,1fr)}}

.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:24px}.service-card,.service-card.featured{display:flex;flex-direction:column;grid-row:auto;min-height:0;padding:0;overflow:hidden;position:relative;justify-content:flex-start}.service-card .card-number{position:absolute;top:18px;left:18px;z-index:2;background:#0a0b0de6;color:#ffd400;padding:9px 12px;border-radius:4px}.service-photo{display:block;width:100%;height:clamp(260px,30vw,400px);object-fit:cover;object-position:center 42%;flex-shrink:0}.service-card>div:last-child,.service-card.featured>div:last-child{position:relative;background:none;padding:28px;z-index:1}.service-card h3{font-size:clamp(22px,2.1vw,32px);line-height:1.25;margin:0 0 14px}.service-card p{font-size:17px;line-height:1.6;margin:0}.service-card.yellow p{color:#36331c}@media(max-width:720px){.service-grid{grid-template-columns:minmax(0,1fr)}.service-card.featured{min-height:0}.service-photo{height:340px}.service-card>div:last-child,.service-card.featured>div:last-child{padding:24px}}

/* Shared rhythm: both hero columns begin on the same baseline. */
.language-loading body{visibility:hidden}
.hero{min-height:0;align-items:start;padding-top:clamp(16px,2.5vw,36px);padding-bottom:clamp(40px,5vw,72px)}
.hero-copy>.eyebrow{min-height:40px;margin:0 0 12px}
.game-shell{align-self:start;margin-top:0}
.proof{margin-top:38px;padding-top:12px}
/* Equal, non-shrinking copies make the loop seamless in every language. */
.ticker .ticker-track{display:flex;width:max-content;padding:0;animation:ticker 36s linear infinite}
.ticker .ticker-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw;width:max-content;padding:14px 0;animation:none}
.ticker .ticker-item{padding:0 24px;white-space:nowrap}
.ticker .ticker-star{padding:0 4px}
.services{padding-top:clamp(56px,6vw,90px)}
.section-head{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;max-width:1040px;margin-bottom:40px}
.section-head .eyebrow{margin:0}
.section-head h2{font-size:clamp(30px,4vw,58px);line-height:1.16}
.section-head>p:last-child{max-width:720px;font-size:17px;line-height:1.6}
.service-grid{max-width:1240px;margin-inline:auto;gap:36px}
.service-card,.service-card.featured{border:0;background:transparent;overflow:visible}
.service-card:hover{transform:none}
.service-image-link{position:relative;display:block;overflow:hidden;border-radius:10px;color:var(--paper);text-decoration:none}
.service-photo{height:clamp(230px,23vw,300px);transition:transform .4s ease;mask-image:linear-gradient(#000 76%,#0009 92%,transparent)}
.service-image-link:hover .service-photo{transform:scale(1.035)}
.service-image-link:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
.photo-cta{position:absolute;bottom:16px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;text-shadow:0 1px 8px #000}
.photo-cta b{color:var(--yellow);font-size:25px}
.service-card>div:last-child,.service-card.featured>div:last-child{padding:20px 4px 4px;background:none}
.service-card h3{font-size:clamp(22px,2vw,28px)}
.service-card p{max-width:550px;font-size:16px}
.category-main{padding:40px var(--pad) 80px;max-width:1440px;margin:auto}
.back-link{display:inline-block;color:#bfc4cc;text-decoration:none;font-size:15px;padding:8px 0}
.back-link:hover{color:var(--yellow)}
.category-heading{max-width:1080px;margin:32px 0}
.category-heading h1{font-size:clamp(32px,4.6vw,68px);line-height:1.15}
.category-heading .lead{max-width:780px;margin-bottom:0}
.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 40px}
.category-nav a{padding:12px 16px;border:1px solid #3a3e46;border-radius:5px;font-size:14px;line-height:1.5;max-width:100%}
.category-nav a[aria-current]{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.project-list{display:grid;gap:54px;margin-bottom:48px}
.project-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:center}
.project-detail>img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#131518;border-radius:8px}
.project-detail>div{min-width:0}
.project-index{font:700 14px Unbounded,sans-serif;color:var(--yellow)}
.project-detail h2{font-size:clamp(26px,3vw,42px);line-height:1.2;margin:16px 0}
.project-detail p{font-size:18px;line-height:1.7;color:#afb3bb;max-width:560px}
@media(max-width:900px){.hero{row-gap:32px}.game-shell{margin-inline:auto}.project-detail{gap:28px}}
@media(max-width:720px){.service-grid{gap:32px}.service-photo{height:270px}.project-detail{grid-template-columns:minmax(0,1fr);gap:20px}.project-detail>img{max-height:540px}.category-heading{margin-top:24px}.category-nav{display:flex}.category-main{padding-top:24px}.hero{padding-top:21px}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}.service-photo{transition:none}}