[data-page=about]{.flow{position:relative;height:420vh;height:420svh}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.ribbon{position:absolute;inset:0;pointer-events:none;z-index:0;isolation:isolate;perspective:var(--persp, 1200px)}.rcard{position:absolute;left:0;top:0;width:clamp(120px,17vw,280px);aspect-ratio:var(--ar, 1 / 1);overflow:hidden;background:var(--surface);will-change:transform;visibility:hidden}@media(max-width:640px){.rcard{width:32vw}}.rcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos, 50% 50%)}.copy-a,.copy-b{z-index:1;position:absolute;inset:0;padding:0 var(--pad);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);pointer-events:none}.copy-a>*,.copy-b>*{pointer-events:auto}.a-head{grid-column:1 / 8;align-self:start;margin-top:calc(60px + clamp(24px,7vh,80px));display:flex;flex-direction:column;gap:16px}.a-head h1{max-width:12em}.a-copy{grid-column:8 / 12;align-self:start;margin-top:calc(60px + clamp(48px,19vh,240px))}.a-copy p+p{margin-top:1.3em}.b-top{grid-column:9 / -1;align-self:start;margin-top:calc(60px + 12vh)}.b-bot{grid-column:1 / 5;align-self:end;margin-bottom:var(--pad)}.copy-b{opacity:0}.stat .n,.stat .l{display:block}.stat+.stat{margin-top:40px}.line{will-change:transform}@media(max-width:800px){.a-head{grid-column:1 / -1}.a-copy{grid-column:1 / -1;margin-top:24px;grid-row:2}.a-copy p:nth-of-type(n+2){display:none}.copy-a{grid-template-rows:auto auto 1fr;align-content:start}.b-top{grid-column:1 / 8;align-self:end;margin-top:0;margin-bottom:calc(var(--pad) + 112px)}.b-bot{grid-column:1 / 8}.copy-b{grid-template-rows:100%}.b-top,.b-bot{grid-row:1}}.rest-m{display:none}@media(max-width:800px){.rest-m{display:block;padding:40px var(--pad) 0}.rest-m p+p{margin-top:1.3em}}}
