.studio-hero{background:#0b0b0d;height:88svh;min-height:460px;display:none;position:relative}.studio-hero[data-gl]{display:block}.studio-hero .office{position:absolute;inset:0}.studio-hero .pins{pointer-events:none;position:absolute;inset:0;overflow:hidden}.studio-hero .loading{color:#ffffff8c;font-size:var(--t-sm);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.studio-hero .office[data-ready]~.loading{display:none}.studio-hero .hint,.studio-hero .scroll-cue{color:#ffffff8c;pointer-events:none;font:500 .74rem/1 Geist Mono,ui-monospace,monospace;position:absolute;bottom:14px}.studio-hero .hint{left:16px}@media (width<=520px){.studio-hero .hint{display:none}}.studio-hero .scroll-cue{pointer-events:auto;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;right:16px}.studio-hero .scroll-cue:after{content:" ↓"}.plus{cursor:pointer;opacity:0;pointer-events:none;width:22px;height:22px;transition:opacity .24s var(--step);background:0 0;border:0;padding:0;position:absolute;top:0;left:0;translate:-50% -50%}.plus:before,.plus:after{content:"";background:#ffffffbf;width:11px;height:1.5px;position:absolute;top:50%;left:50%;translate:-50% -50%}.plus:after{rotate:90deg}.plus.on{opacity:1;pointer-events:auto}.plus:hover:before,.plus:hover:after,.plus:focus-visible:before,.plus:focus-visible:after{background:var(--pink)}.hover-frame{pointer-events:none;opacity:0;transition:opacity .16s var(--step);background:repeating-linear-gradient(135deg,#ffffff29 0 1px,#0000 1px 7px);border:1px solid #ffffffd9;position:absolute;top:0;left:0}.cursor-tag{z-index:3;pointer-events:none;color:#fff;white-space:nowrap;opacity:0;font:500 .78rem/1 Geist Mono,ui-monospace,monospace;position:fixed;top:0;left:0}.hover-frame.on,.cursor-tag.on{opacity:1}.drawer{background:var(--paper);width:min(440px,100vw);max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:0;position:fixed;inset:0 0 0 auto;box-shadow:-20px 0 60px #00000059}.drawer[open]{animation:drawer-in .32s var(--step)}.drawer::backdrop{background:0 0}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}}.drawer-body{height:100%;padding:1.4rem 1.4rem 2.4rem;overflow-y:auto}.drawer-body .topic img:not(.icon){object-fit:contain;max-height:34dvh}.drawer-close{z-index:1;width:2.4rem;height:2.4rem;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;background:#fafaf8e6;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:.8rem;right:.8rem}.drawer-close svg{width:1.1rem;height:1.1rem}@media (width<=860px){.drawer{border-radius:18px 18px 0 0;width:100%;height:60dvh;inset:auto 0 0;box-shadow:0 -20px 60px #00000059}@keyframes drawer-in{0%{opacity:0;transform:translateY(40px)}}}.topic{flex-direction:column;gap:.85rem;display:flex}.topic img{background:#fff;border-radius:10px;width:100%;height:auto;display:block}.topic .icon{border-radius:18px;width:72px}.topic-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--pink);font:500 .72rem/1.3 Geist Mono,ui-monospace,monospace}.topic h2,.topic h3{font-size:clamp(1.4rem,2.6vw,1.8rem)}.topic>p:not(.topic-meta){font-size:var(--t-body);line-height:1.62}.topic .note{font-size:var(--t-xs);opacity:.6}.ja{opacity:.6;letter-spacing:.04em;font-size:.55em;font-weight:500}.tag{vertical-align:middle;font:600 var(--t-xs) Inter, sans-serif;background:#7f7f7f2e;border-radius:999px;margin-left:.3rem;padding:.2rem .55rem;display:inline-block}.spec{border-top:1px solid #7f7f7f40}.spec-row{border-bottom:1px solid #7f7f7f40;grid-template-columns:minmax(110px,.45fr) 1fr;align-items:baseline;gap:1rem;padding-block:.6rem;display:grid}.spec-row dd{font-size:var(--t-base);font-weight:500}.actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}@media (width<=560px){.spec-row{grid-template-columns:1fr;gap:.15rem}}.folio{color:#ececee;background:#0b0b0d;padding-bottom:clamp(3rem,8vw,6rem)}.folio .spec-key{color:#ececee8c}.folio .link{color:#fff}.folio .btn-quiet{color:#fff;background:#ffffff1a}.folio .btn-quiet:hover,.folio .btn-quiet:focus-visible{background:#ffffff2e}.folio-head{border-bottom:1px solid #ffffff1a;padding-block:clamp(2.4rem,6vw,4.5rem) clamp(1.6rem,4vw,3rem)}.folio-head .eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--pink);margin-bottom:1.1rem;font:500 .78rem/1 Geist Mono,ui-monospace,monospace}.folio-head h1{letter-spacing:-.035em;max-width:18ch;font-size:clamp(2.2rem,5.6vw,4.6rem);line-height:1.02}.folio-head .lede{font-size:var(--t-lead);color:#ececeeb3;max-width:56ch;margin-top:1.2rem}.folio-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(1rem,2.4vw,1.6rem);padding-top:clamp(1.6rem,4vw,3rem);display:grid}.folio-grid .topic{border-radius:var(--radius);background:#131316;border:1px solid #ffffff1a;padding:clamp(1.1rem,2.4vw,1.5rem)}.folio-grid .topic>p:not(.topic-meta){color:#ececeec7}.folio-section-title{font-size:var(--t-h2);padding-top:clamp(2.4rem,6vw,4rem)}.lines-of-work{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(1rem,2.4vw,1.6rem);padding-top:clamp(1.6rem,4vw,3rem);display:grid}.line{border-radius:var(--radius);transition:border-color .2s var(--step), transform .2s var(--step);background:#131316;border:1px solid #ffffff1a;flex-direction:column;gap:.7rem;padding:clamp(1.1rem,2.4vw,1.5rem);text-decoration:none;display:flex}.line:hover,.line:focus-visible{border-color:var(--pink);transform:translateY(-2px)}.line img{aspect-ratio:16/10;object-fit:cover;background:#fff;border-radius:10px;width:100%;height:auto}.line h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}.line p{color:#ececeeb8}.line .go{color:var(--pink);font:500 .78rem/1 Geist Mono,ui-monospace,monospace}.line .go:after{content:" →"}