[data-page=project]{.hero-title{white-space:nowrap}.hero{position:relative;height:240vh;height:240svh}.hero-pin{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden}.hero-win{width:calc((100% - 2 * var(--pad) - 11 * var(--gap)) / 12 * 4 + 3 * var(--gap));aspect-ratio:4 / 5;overflow:hidden;background:var(--surface);position:relative}.hero-media{position:absolute;left:50%;top:0;height:100%;translate:-50% 0;will-change:transform}.hero-media img{width:100%;height:100%;object-fit:cover;max-width:none}.hero-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;column-gap:.12em;pointer-events:none}.hero-title .char{display:inline-block}.hero-pin .back{position:absolute;left:var(--pad);top:72px}.hero-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pad);display:flex;justify-content:space-between;gap:20px}@media(max-width:700px){.hero-win{width:40vw}}.details{row-gap:40px}.details>.lbl{grid-column:1 / 4}.details .copy{grid-column:7 / -1;display:flex;flex-direction:column;gap:40px}.kv{display:grid;row-gap:12px}.kv>div{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gap)}.kv dd p+p{margin-top:0}@media(max-width:800px){.details>.lbl,.details .copy{grid-column:1 / -1}}.how .row{row-gap:20px}.how .row+.row{margin-top:clamp(60px,8vw,120px)}.how .row>.lbl{grid-column:1 / 4}.how .row>.body{grid-column:7 / -1;display:flex;flex-direction:column;gap:20px}.how .frame{--ar: 2 / 1}@media(max-width:800px){.how .row>.lbl,.how .row>.body{grid-column:1 / -1}}.gallery-sec{padding-bottom:clamp(60px,8vw,120px)}}