@layer refinement{.development-showcase{border-top:1px solid var(--line);padding-block:56px 84px}.development-showcase .development-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px;display:flex;position:static}.development-showcase .development-heading>p{max-width:32ch;margin:0;font-size:.88rem;line-height:1.7}.development-showcase .development-heading h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.08}.development-workbench{grid-template-columns:1fr 1.1fr;gap:40px;display:grid}.development-window{background:var(--surface-raised);isolation:isolate;border-radius:16px;min-height:340px;position:relative;overflow:hidden}.development-window__image{opacity:0;transition:opacity .6s ease, transform 1s var(--ease-travel);position:absolute;inset:0;transform:scale(1.055)}.development-window__image.is-active{opacity:1;transform:none}.development-window picture,.development-window img{object-fit:cover;width:100%;height:100%}.development-window:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0009);position:absolute;inset:45% 0 0}.development-window>span{z-index:1;color:#fff;font-size:.7rem;position:absolute;bottom:22px;left:22px}.development-projects{display:grid}.development-projects article{border-top:1px solid var(--line);align-items:center;gap:16px;padding:4px 0;display:flex}.development-projects article:last-child{border-bottom:1px solid var(--line)}.development-projects article>button{text-align:left;min-width:0;color:inherit;cursor:pointer;transition:translate .45s var(--ease-travel);background:0 0;border:0;flex:1;padding:20px 0}.development-projects article.is-active>button{translate:6px}.development-project__status{color:var(--text-muted);align-items:center;gap:8px;font-size:.64rem;display:flex}.development-project__status:before{content:"";background:var(--text-muted);border-radius:50%;width:5px;height:5px;transition:background .4s,box-shadow .4s}.development-projects article.is-active .development-project__status:before{background:var(--signal);box-shadow:0 0 0 4px color-mix(in srgb, var(--signal) 12%, transparent)}.development-projects h3{letter-spacing:-.04em;margin-top:10px;font-size:1.65rem;font-weight:530}.development-projects p{max-width:48ch;color:var(--text-muted);margin-top:8px;font-size:.76rem;line-height:1.6}.development-projects article>a{border:1px solid var(--line);width:42px;height:42px;transition:background .4s, color .4s, transform .5s var(--ease-travel);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.development-projects article.is-active>a{background:var(--text-primary);color:var(--surface-root);transform:rotate(-35deg)}.development-footnote{justify-content:space-between;gap:32px;margin-top:24px;font-size:.73rem;line-height:1.65;display:flex}.development-footnote p{color:var(--text-muted);max-width:64ch}.development-footnote a{flex-shrink:0;align-items:center;gap:14px;display:flex}.development-footnote svg{width:16px}@media (max-width:760px){.development-showcase{padding-block:40px 56px}.development-showcase .development-heading{flex-direction:column;align-items:start;gap:20px}.development-showcase .development-heading>p{max-width:48ch}.development-workbench{grid-template-columns:1fr;gap:24px}.development-window{aspect-ratio:1.8;min-height:0}.development-footnote{flex-direction:column;gap:18px}.development-projects h3{font-size:1.45rem}}:root[data-motion=reduced] .development-window__image,:root[data-motion=reduced] .development-projects article>button,:root[data-motion=reduced] .development-projects article>a{transition:none}}@layer pages{.home-playable{border-top:1px solid var(--line);padding-block:clamp(56px,8vw,116px)}.home-playable>header{grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);align-items:end;gap:32px;margin-bottom:clamp(32px,5vw,65px);display:grid}.home-playable h2{letter-spacing:-.065em;max-width:12ch;margin-top:18px;font-size:clamp(2.7rem,5vw,5.5rem);font-weight:520;line-height:.95}.home-playable>header>p{max-width:46ch;color:var(--text-muted);font-size:.93rem;line-height:1.75}.home-playable__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,25px);display:grid}.home-playable__grid .game-card:nth-child(2n){margin-top:0}.home-playable>.text-button{margin-top:36px;display:inline-flex}@media (max-width:760px){.home-playable>header,.home-playable__grid{grid-template-columns:1fr;gap:20px}}}