.v5-projects{grid-template-columns:1fr;gap:72px}
.v5-project-image{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(340px,38vw,650px);aspect-ratio:auto;padding:clamp(40px,5vw,72px)}
.v5-projects .v5-project-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.v5-projects .v5-project-image.v5-project-image-ai img{width:auto;max-width:calc(50% - 8px);height:auto;max-height:100%}
.v5-projects .v5-project-image,.v5-projects .v5-project-image img{border-radius:8px}
.v5-projects .v5-button{border-radius:var(--control-radius)}
.v5-project-copy{padding:24px 0 3px}
.v5-project h3{font-size:clamp(32px,3.5vw,42px)}
.v5-project-copy>p:not(.eyebrow){max-width:680px}
.v5-work{padding-bottom:72px}
.v5-games{padding-top:48px}
.v5-game-card,.v5-game-visual{border-radius:8px}
.v6-home .nav::after{opacity:0;transition:opacity .18s ease}
.v6-home .nav.is-scrolled::after{opacity:1}
.v6-home .nav{color:#414141}
.v6-hero{overflow:hidden;color:#414141;background:#fcfcfb}
.v6-hero-copy{width:min(1700px,calc(100% - 2*var(--page-inset)));padding-top:clamp(36px,4vw,76px);text-align:center}
.v6-hero h1{margin:0;color:var(--ink);font-size:clamp(31px,4.8vw,70px);font-weight:700;line-height:1.14}
.v6-headline-line{display:table;max-width:100%;margin:0 auto 2px;white-space:nowrap}
.v6-hero h1 em{font-style:normal;color:var(--accent)}
.v6-view-work{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;margin-top:26px;padding:3px 0;color:#414141;font-size:clamp(14px,1.5vw,19px);font-weight:500;letter-spacing:.025em}
.v6-view-work::before{content:"";position:absolute;left:-4px;bottom:-8px;width:calc(100% + 8px);height:auto;aspect-ratio:172/12;background:url('../assets/hero/view-work-scalloped-underline.svg') center/contain no-repeat;opacity:0;transform:translateY(-2px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.v6-view-work:hover::before,.v6-view-work:focus-visible::before{opacity:1;transform:translateY(0)}
.v6-view-work svg{width:22px;height:22px}
.v6-room{position:relative;width:min(var(--page-width),calc(100% - 2*var(--page-inset)));height:clamp(255px,39vh,370px);margin-top:8px}
.v6-floor{position:absolute;z-index:1;right:0;bottom:4px;left:0;height:23px;border:2px solid #414141;border-radius:100px;background:#ffdb9f}
.v6-bookshelf{position:absolute;z-index:2;bottom:15px;left:5%;width:min(286px,24%);max-height:calc(100% - 18px);object-fit:contain;object-position:bottom left}
.v6-window{position:absolute;z-index:0;right:6%;bottom:20px;width:min(192px,18%);aspect-ratio:192/222}
.v6-window picture>img{position:absolute;right:0;bottom:0;width:100%;height:100%;object-fit:contain}
/* The window outline starts 35px into its 192px SVG; place it 13px inside the desk's right edge. */
.v6-desk{position:absolute;z-index:3;right:calc(6% + min(157px,14.7%) - 13px);bottom:16px;width:10.5%;height:auto;min-width:85px;max-width:180px;transform:translateX(18px)}
.v6-person{position:absolute;z-index:4;bottom:15px;left:39%;width:68px;aspect-ratio:80/119;padding:0;border:0;background:none;cursor:pointer;transform:translateX(-50%)}
.v6-person img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;user-select:none}
.v6-person.is-facing-left>img:first-child,.v6-person.is-facing-left .v6-pose-window{transform:scaleX(-1)}
.v6-pose-window{position:absolute;z-index:6;inset:0;overflow:hidden;opacity:0;pointer-events:none}
.v6-person .v6-pose-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.v6-person.is-placing>img:first-child{opacity:0}
.v6-person.is-placing .v6-pose-window{opacity:1}
.v6-person.is-carrying>img:first-child{opacity:0}
.v6-person.is-carrying .v6-pose-window{opacity:1}
.v6-person.is-greeting .v6-hi{opacity:1;transform:translate(-50%,0)}
.v6-person .v6-hi{position:absolute;left:50%;bottom:calc(100% - 7px);width:84%;height:auto;opacity:0;transform:translate(-50%,8px);transition:opacity .2s,transform .2s;pointer-events:none}
.v6-notes{position:absolute;z-index:2;inset:0;pointer-events:none}
.v6-notes img{position:absolute;width:23px;height:23px;opacity:0;transform:scale(.35);transition:opacity .16s,transform .16s}
.v6-notes img.is-placed{opacity:1;transform:scale(1)}
.v6-person img.is-carried{position:absolute;z-index:5;width:23px;height:23px;opacity:1;pointer-events:none}
.v6-home .v5-work::before{display:none}
.import-case .case-cover{background:var(--case-theme,#e9f2ee)}
.import-case .case-cover img{max-height:470px}
.import-case .case-meta{grid-template-columns:repeat(3,1fr)}
.import-case .case-figure img{max-height:750px}
.import-case .case-image-pair img{max-height:520px}
.import-case .case-figure a{display:block}
.import-flow-wrap{border-top:var(--divider-width) solid var(--divider-color)}
.import-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:0;margin-bottom:0;padding-top:25px;padding-bottom:25px}
.import-flow li{display:grid;gap:1px;padding:0 22px;border-right:1px solid var(--line)}
.import-flow li:first-child{padding-left:0}
.import-flow li:last-child{border-right:0}
.import-flow span{font-size:11px;font-weight:750;letter-spacing:.12em;color:var(--accent)}
.import-flow strong{font-size:18px;line-height:1.25}
.import-flow small{font-size:13px;color:var(--muted)}
@media(max-width:760px){.v6-hero-copy{padding-top:32px}.v6-hero h1{font-size:clamp(25px,5.9vw,45px);line-height:1.2}.v6-headline-line{white-space:normal}.v6-room{height:300px;margin-top:18px}.v6-bookshelf{left:1%;width:37%;max-height:55%}.v6-window{right:0;width:31%;height:73%}.v6-desk{right:calc(25.3% - 8px);width:21%;min-width:72px}.v6-person{left:43%;width:48px}.v6-notes{top:68%;left:42%;width:25%}.v6-notes img{width:15px;height:15px}.v5-projects{gap:48px}.v5-project-image{aspect-ratio:1.5;padding:18px}.v5-project-copy{padding:20px 0 3px}.import-case .case-meta{grid-template-columns:1fr}.import-case .case-meta div{border-right:0;border-bottom:1px solid var(--line)}.import-case .case-meta div:last-child{border-bottom:0}.import-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.import-flow li{padding:0 12px}.import-flow li:nth-child(odd){padding-left:0}.import-flow li:nth-child(2){border-right:0}}
@media(max-width:440px){.v6-room{height:230px}.v6-bookshelf{width:37%;max-height:50%}.v6-window{height:65%}.v6-desk{right:calc(25.3% - 8px)}.v6-person{width:38px}.v6-floor{height:15px}.v6-view-work{margin-top:18px}}
@media(max-width:760px){.v6-desk{width:16%;min-width:60px;max-width:none}.v6-window{height:auto}.v6-floor{border-width:1px}}
@media(max-width:760px){.v6-window{right:4px;bottom:18px}}
@media(max-width:760px){.v6-room{margin-top:0}}
@media(max-width:440px){.v6-room{height:210px}}
@media(max-width:760px){.v5-project-image{height:clamp(240px,65vw,340px);aspect-ratio:auto;padding:26px}.v5-work{padding-bottom:48px}.v5-games{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.v6-notes img{transition:none}.v6-hi{transition:none}.v6-home .nav::after{transition:none}.v6-view-work::before{transition:none}}
.v6-room .v6-notes{inset:0;width:auto;height:auto}
@media(max-width:760px){.v6-notes img,.v6-person img.is-carried{width:14px;height:14px}}
@media(max-width:760px){
  .v5-game-list{display:grid;grid-auto-flow:column;grid-auto-columns:240px;grid-template-columns:none;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:16px}
  .v5-game-card{scroll-snap-align:start}
  .v5-game-visual{height:190px;padding:16px}
  .v5-game-visual img{flex:0 0 auto;width:60px;height:130px;max-width:none;object-fit:contain;border-radius:8px;box-shadow:0 3px 6px #263b4c33}
  .v5-game-copy{padding:12px 0 0}
  .v5-game-copy h3{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,4vw,16px);line-height:1.2;margin:8px 0 12px}
  .v5-game-copy>p:not(.eyebrow){display:none}
  .v5-tool-logos{min-height:24px;gap:5px}
  .v5-tool-logos img{width:24px;height:24px}
  .v5-game-copy>a img{width:140px}
}
@media(max-width:440px){.v5-game-list{grid-auto-columns:68vw}}