.project-head{padding:20px var(--inline) 80px}.back{color:var(--muted);align-items:center;gap:10px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.back:before{content:"";border-bottom:2px solid;border-left:2px solid;width:8px;height:8px;transform:rotate(45deg)}.back:hover{color:var(--ink)}.head-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:end;gap:40px 56px;margin-top:32px;display:grid}.project h1{letter-spacing:-.035em;font-size:clamp(52px,7.4vw,112px);font-weight:700;line-height:1.02}.summary{color:var(--muted);margin-top:14px;font-size:clamp(18px,1.6vw,22px)}.meta{border-top:2px solid var(--ink);margin:40px 0 0}.meta div{border-bottom:1px solid var(--grid-major);grid-template-columns:88px minmax(0,1fr);gap:16px;padding:11px 0;display:grid}.meta dt{color:var(--muted);font-size:15px}.meta dd{margin:0;font-weight:500}.links{flex-wrap:wrap;gap:4px 20px;display:flex}.links a{text-underline-offset:4px}.links a:hover{color:var(--red)}.cover{border:2px solid var(--ink);background:var(--raise);margin:0}.cover img{aspect-ratio:4/3;object-fit:cover;width:100%}.process{padding:64px var(--inline) 72px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:32px 32px}.process-head{flex-wrap:wrap;align-items:baseline;gap:8px 32px;margin-bottom:24px;display:flex}.process-head h2,.story h2,.playable h2,.result h2{letter-spacing:-.02em;font-size:clamp(30px,3.4vw,46px);line-height:1.2}.process-head p{color:var(--muted)}.process-graph{height:clamp(260px,30vw,360px);position:relative}.process-svg{width:100%;height:calc(100% - 52px);position:absolute;top:0;left:0;right:0;overflow:visible}.process-svg .curve{fill:none;stroke:var(--red);stroke-width:3px;stroke-linecap:round}.guide-v{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 4}.phead{stroke:var(--ink);stroke-width:1.5px;transition:transform .4s cubic-bezier(.3,.7,.2,1)}.pk{cursor:pointer}.pk .hit{fill:#0000}.pkey{fill:var(--paper);stroke:var(--ink);stroke-width:2px;transform-box:fill-box;transform-origin:50%;transition:transform .2s,fill .2s;transform:rotate(45deg)}.pk:hover .pkey{fill:var(--ink)}.pkey.is-on{fill:var(--key);transform:rotate(45deg)scale(1.35)}.ruler{border-top:2px solid var(--ink);height:52px;position:absolute;bottom:0;left:0;right:0}.ruler button{font:inherit;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:baseline;gap:6px;padding:4px 8px;font-size:15px;font-weight:500;display:flex;position:absolute;top:8px}.ruler button:hover{color:var(--ink)}.ruler button[aria-pressed=true]{color:var(--on-key);background:var(--key);font-weight:700}.ruler .n{font-variant-numeric:tabular-nums}.milestone{grid-template-columns:96px minmax(0,1fr);gap:4px 32px;max-width:920px;margin-top:36px;display:grid}.milestone-step{color:var(--muted);font-variant-numeric:tabular-nums;grid-row:span 2;font-weight:500}.milestone h3{font-size:clamp(24px,2.4vw,32px);line-height:1.3}.milestone-text{max-width:34em}.story{padding:104px var(--inline) 56px;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:24px 56px;display:grid}.story p{max-width:34em}.story p+p{margin-top:1em}.wide{margin:0 var(--inline)}.wide img{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--ink);width:100%}.wide figcaption{color:var(--muted);margin-top:10px;font-size:14px}.playable{padding:104px var(--inline) 0}.playable h2{margin-bottom:24px}.player{aspect-ratio:16/9;border:2px solid var(--ink);background:#000;position:relative;overflow:hidden}.player img{object-fit:cover;width:100%;height:100%}.player-overlay{text-align:center;color:#fff;background:#0000009e;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.player-overlay p{color:#ddd;max-width:28em;font-size:15px}.player .btn{background:var(--key);color:var(--on-key);font-weight:700}.player .btn:hover{color:var(--on-key);background:#fff}.result{padding:104px var(--inline) 0}.result p{color:var(--muted);max-width:34em;margin-top:12px}.feature{padding:104px var(--inline) 0;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:24px 56px;display:grid}.feature h2{letter-spacing:-.02em;font-size:clamp(28px,3vw,40px);line-height:1.25}.feature-kicker{color:var(--muted);margin-bottom:12px;font-size:15px;font-weight:700}.feature-kicker:before{content:"";background:var(--key);width:9px;height:9px;margin-right:10px;display:inline-block;transform:rotate(45deg)}.feature p{max-width:34em}.gallery{padding:104px var(--inline) 0}.gallery h2{letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(30px,3.4vw,46px);line-height:1.2}.shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.gallery figure{margin:0}.gallery img{border:2px solid var(--ink);width:100%;height:auto}.gallery figcaption{color:var(--muted);margin-top:10px;font-size:14px}.phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:780px;margin-top:40px;display:grid}.phones img{border-radius:20px}.next{margin:104px var(--inline) 0;border-top:2px solid var(--ink)}.next a{color:inherit;grid-template-columns:48px auto minmax(0,1fr) 168px;align-items:center;gap:20px;padding:24px 0 8px;text-decoration:none;display:grid}.next-label{color:var(--muted);font-weight:500}.next-title{letter-spacing:-.02em;font-size:clamp(26px,3.2vw,42px);font-weight:700}.next a:hover .key,.next a:focus-visible .key{background:var(--key)}.next a:hover .thumb{transform:translateY(-3px)rotate(-1.5deg)}.project+.contact{margin-top:104px}@media (width<=860px){.head-grid,.story,.feature,.shots{grid-template-columns:1fr}.phones{gap:12px}.cover{order:-1}.milestone{grid-template-columns:1fr}.milestone-step{grid-row:auto}.ruler .t{display:none}.next a{grid-template-columns:32px minmax(0,1fr) 96px}.next-label{display:none}.next .thumb{width:96px}}