:root{--font-body: "akzidenz-grotesk-next-pro", "Helvetica Neue", Helvetica, Arial, "Gen Interface JP", sans-serif;--font-mono: "botanika-mono-web", ui-monospace, "SF Mono", Menlo, monospace;--ground: #edeff0;--hero-ground: #ffffff;--ink: #111111;--label: #00000080;--pink: #e8437f;--text-body: 30px;--leading-body: 31px;--text-body-reading: 18px;--text-case: 15px;--text-label: 13px;--text-hero-label: 26px;--text-mono-small: 13px;--weight-body: 500;--weight-strong: 500;--tracking-mono: .06em;--text-body-mobile: 20px;--leading-body-mobile: 1.2;--text-body-reading-mobile: 16px;--text-hero-label-mobile: 18px;--space-section: 12vh;--dot-spacing: 144px;--dot-size: 1.5px}#about,#journal{font-family:var(--font-body);font-weight:400;position:relative;color:#111}:where(#about,#journal) :where(*){box-sizing:border-box;margin:0;padding:0}#about{overflow:clip}#about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#111 1.5px,transparent 1.5px);background-size:144px 144px;background-position:72px 72px}.board-live #about:before{display:none}#journal{flex-shrink:0}.section-route{display:flex;justify-content:space-between;margin-top:6rem!important;border-top:1px solid #1113;padding-top:1.5rem!important;font-size:13px}.section-route a{padding:12px 0!important}@media (prefers-reduced-motion:reduce){#about *,#journal *{animation:none!important;transition:none!important}}#about{background:var(--ground);padding:var(--space-section) 0 calc(var(--space-section) * 1.5)}.about-inner{position:relative;z-index:2;max-width:1560px;margin:0 auto;padding:0 6vw}.about-studio{font-size:var(--text-case);font-weight:var(--weight-strong);margin-bottom:14vh}.about-grid{--about-logo-width: clamp(180px, 22vw, 260px);display:grid;grid-template-columns:104px minmax(0,1fr) minmax(280px,32%);column-gap:4vw;row-gap:12vh;align-items:start}.about-gutter--intro{grid-column:1;grid-row:1}.about-intro{grid-column:2;grid-row:1}.about-panel{grid-column:3;grid-row:1 / span 2}.about-gutter--cases{grid-column:1;grid-row:2}.about-cases{grid-column:2;grid-row:2}.about-gutter{display:flex;flex-direction:column;gap:2.5rem}.about-label,.about-count,.about-case-kind,.about-case-roles,.about-case-date,.about-side-date{font-size:var(--text-label);color:var(--label)}.about-count{writing-mode:vertical-rl}.about-intro{display:grid;gap:2.5rem;max-width:46rem}.about-logo{width:var(--about-logo-width)}.about-body{font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-body);text-wrap:pretty}.about-body p+p{margin-top:.9em;font-size:var(--text-body-reading);line-height:1.38;font-weight:400;max-width:34em}.about-body p:first-child+p{margin-top:1.3em}.about-link{display:inline-block;color:var(--ink);font-size:var(--text-case);text-decoration:underline;text-underline-offset:3px}.about-panel{grid-row:1 / span 2;display:grid;gap:1.5rem;justify-items:end;margin-top:calc(var(--about-logo-width) * 333 / 2400 + 2.5rem)}.about-panel-media{display:block;width:100%;height:auto;background:#fff;border:10px solid #fff;box-shadow:0 18px 40px #1111111f}video.about-panel-media{aspect-ratio:730 / 1080;object-fit:cover}.about-aside{max-width:22rem;font-size:var(--text-label);line-height:1.45;color:var(--label);text-align:right}.about-aside .about-link{font-size:var(--text-label)}.about-case-list{display:grid;gap:2.5rem;list-style:none}.about-case{display:grid;gap:.15rem;max-width:34rem}.about-case-title{font-size:var(--text-case);font-weight:var(--weight-strong);color:var(--ink);justify-self:start}.about-skills-link{display:inline-block;margin-top:3.5rem;font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-body);color:var(--ink);text-decoration:none;transition:color .18s ease}.about-skills-link span{display:inline-block;transition:transform .18s ease}.about-skills-link:hover,.about-skills-link:focus-visible{color:var(--pink)}.about-skills-link:hover span,.about-skills-link:focus-visible span{transform:translate(6px)}.about-case-date{font-family:var(--font-mono);letter-spacing:.02em}.about-case-title,.about-link{transition:text-underline-offset .18s ease,color .18s ease}.about-case:hover .about-case-title,.about-case:focus-within .about-case-title,.about-link:hover,.about-link:focus-visible{text-underline-offset:5px}.about-case-kind,.about-case-roles,.about-case-date{transition:color .18s ease}.about-case:hover .about-case-kind,.about-case:hover .about-case-roles,.about-case:hover .about-case-date,.about-case:focus-within .about-case-kind,.about-case:focus-within .about-case-roles,.about-case:focus-within .about-case-date{color:var(--ink)}.about-panel-media{transition:transform .32s ease,box-shadow .32s ease}.about-panel:hover .about-panel-media{transform:translateY(-5px);box-shadow:0 26px 54px #11111129}.about-side-notes{position:absolute;top:16vh;right:1.5vw;display:flex;gap:3rem}.about-side-note{display:flex;gap:1rem;writing-mode:vertical-rl}.about-side-title{font-size:var(--text-label);color:var(--ink);text-decoration:underline;text-underline-offset:3px}@media (max-width: 900px){.about-side-notes{display:none}.about-grid{grid-template-columns:72px minmax(0,1fr);row-gap:8vh}.about-panel{grid-column:1 / -1;grid-row:3;justify-items:stretch;margin-top:0}}@media (max-width: 700px){#about{padding:10vh 0 14vh}.about-inner{padding:0 8vw}.about-studio{margin-bottom:8vh}.about-grid{grid-template-columns:minmax(0,1fr);row-gap:6vh}.about-gutter--intro{grid-column:1;grid-row:1}.about-intro{grid-column:1;grid-row:2}.about-gutter--cases{grid-column:1;grid-row:3}.about-cases{grid-column:1;grid-row:4}.about-panel{grid-column:1;grid-row:5}.about-gutter{gap:1rem}.about-count{writing-mode:horizontal-tb}.about-body{font-size:var(--text-body-mobile);line-height:var(--leading-body-mobile)}.about-body p+p{font-size:var(--text-body-reading-mobile)}.about-skills-link{margin-top:2.5rem;font-size:var(--text-body-mobile);line-height:var(--leading-body-mobile)}.about-logo{width:min(62%,320px)}.about-aside{max-width:18rem}}#journal{background:#fffaf0}.journal-depth{position:sticky;top:0;z-index:2;height:100vh;overflow:hidden}.journal-depth-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:pan-y}.journal-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;padding:max(1.5rem,env(safe-area-inset-top)) 1.5rem max(1.5rem,env(safe-area-inset-bottom));font-family:var(--font-mono);font-size:var(--text-mono-small);line-height:1.35;letter-spacing:var(--tracking-mono);text-transform:uppercase;color:#f4f4f4eb;transition:color .52s ease}body.frame-text-dark .journal-frame{color:#121212}.journal-frame a{color:inherit;pointer-events:auto;text-decoration:none}.journal-frame a:hover,.journal-frame a:focus-visible{text-decoration:underline;text-underline-offset:3px}.journal-frame-title{position:absolute;top:max(1.5rem,env(safe-area-inset-top));left:1.5rem;max-width:22rem}.journal-frame-links{position:absolute;top:max(1.5rem,env(safe-area-inset-top));right:1.5rem;display:flex;gap:1.5rem}.journal-frame-credit{position:absolute;right:1.5rem;bottom:max(1.5rem,env(safe-area-inset-bottom));display:grid;justify-items:end;gap:.4rem;text-align:right}.journal-frame-logo{width:min(26vw,300px);margin-bottom:.6rem}#journal .plane-label-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;transition:opacity .26s ease;font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase}#journal .plane-label-overlay__left{position:absolute;left:clamp(2.5rem,8vw,12rem);top:50%;display:grid;gap:.75rem}#journal .plane-label-overlay__index,#journal .plane-label-card__word,#journal .plane-label-card__row dt,#journal .plane-label-card__value{margin:0;font-size:var(--text-mono-small)}#journal .plane-label-overlay__chip{display:inline-block;width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1px #ffffff24}#journal .plane-label-overlay__right{position:absolute;right:clamp(2.5rem,7vw,10rem);top:50%}#journal .plane-label-card{width:min(28vw,360px);color:inherit;line-height:1.15}#journal .plane-label-card__specs{margin:0;display:grid;gap:.25rem}#journal .plane-label-card__row{margin:0;display:grid;grid-template-columns:3.5rem 1fr;align-items:baseline;gap:.8rem}#journal .plane-label-card__row dt,#journal .plane-label-card__row dd{margin:0}.debug-pane{position:fixed;right:1rem;top:4rem;z-index:2000}.fps-stats{position:fixed!important;left:1.5rem!important;top:3.5rem!important;right:auto!important;bottom:auto!important;z-index:2000!important;pointer-events:none}.velocity-visualizer{position:fixed;left:1.5rem;bottom:4.75rem;z-index:2000;width:220px;padding:.5rem .625rem;border:1px solid rgba(255,255,255,.2);background:#040a12cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}.velocity-visualizer__label,.velocity-visualizer__value{margin:0;font-size:10px}.velocity-visualizer__value{margin-top:.25rem}.velocity-visualizer__track{position:relative;margin-top:.5rem;width:100%;height:6px;background:#ffffff1f}.velocity-visualizer__fill{position:absolute;top:0;left:50%;width:0;height:100%;background:#7fffd4}@media (max-width: 850px){#journal .plane-label-overlay{inset:auto 0 max(6.25rem,env(safe-area-inset-bottom)) 0;display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:start;column-gap:1.5rem;padding:0 1rem}#journal .plane-label-overlay__left,#journal .plane-label-overlay__right{position:static}#journal .plane-label-card{width:auto;max-width:min(58vw,270px)}.journal-frame-title{max-width:12rem}.journal-frame-logo{width:52vw}}@media (max-width: 850px){.journal-frame{display:grid;grid-template-rows:auto 1fr auto;align-content:space-between;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.journal-frame-title,.journal-frame-links,.journal-frame-credit{position:static}.journal-frame-title{max-width:none}.journal-frame-links{align-self:start;margin-top:.35rem;gap:1rem}.journal-frame-credit{grid-row:3;justify-items:start;text-align:left}.journal-frame-logo{width:44vw;margin-bottom:.4rem}#journal .plane-label-overlay{inset:auto 0 9.5rem 0}}.journal-stills{display:none;padding:8vw!important;background:#fffaf0}.journal-stills h2{font-size:clamp(40px,7vw,90px);font-weight:400;margin-bottom:25px!important}.journal-still-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4vw;margin-top:5vw!important}.journal-still-grid img{width:100%;display:block}.journal-still-grid figcaption{padding-top:12px!important;text-transform:capitalize;font-family:var(--font-mono)}body.motion-off #journal,#journal[data-gallery-state=failed]{height:auto!important}body.motion-off .journal-depth,#journal[data-gallery-state=failed] .journal-depth{display:none}body.motion-off .journal-stills,#journal[data-gallery-state=failed] .journal-stills{display:block}@media (max-width:700px){.journal-still-grid{grid-template-columns:1fr;gap:30px}}:where(.lens-logo){position:relative}.lens-logo{aspect-ratio:2400 / 333}.lens-logo-canvas{position:absolute;top:-93.69%;left:-13%;width:126%;height:287.38%;display:block;pointer-events:none}#board,.board-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:block;pointer-events:none}.board-canvas.board-front{z-index:3}.board-live #dot-overlay{display:none}:where(.board-logo){position:relative}.board-logo{aspect-ratio:2400 / 333}.board-logo-fallback{display:block;width:100%;height:100%}.board-live .board-logo-fallback{visibility:hidden}.board-live body.clean-layout:before{display:none}.clean-layout #hero,.clean-layout .home-links{position:relative;z-index:2}