:root{--navbar-height:calc(2 * clamp(.8rem, 1.5vw, 1.2rem) + 22px)}.navbar-root{--nav-gutter:var(--site-gutter);--nav-pad:clamp(.8rem, 1.5vw, 1.2rem);--nav-ease:cubic-bezier(.19, 1, .22, 1);--nav-surface-transition:background-color .7s var(--nav-ease), color .7s var(--nav-ease);font-family:var(--font-sans)}.nav-mask{clip-path:inset(0 -12px);margin:-6px 0;padding:6px 0;display:block}.navbar{z-index:20;padding:var(--nav-pad) var(--nav-gutter);color:var(--color-ink);transition:var(--nav-surface-transition);opacity:var(--loader-chrome,1);pointer-events:none;background:0 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.navbar-root[data-route=home] .navbar{color:var(--color-paper);text-shadow:0 1px 6px #00000059}.navbar[data-solid]{background:var(--color-paper)}:is(html:has(.about-hero[data-nav-overlay]) .navbar-root[data-route=about] .navbar:not([data-menu]),html:has(.work-list[data-nav-overlay]) .navbar-root[data-route=work] .navbar:not([data-menu]),html:has(.project-hero[data-nav-overlay],.verso-hero[data-fixed]) .navbar-root[data-route=project] .navbar:not([data-menu])){color:var(--color-paper);text-shadow:0 1px 6px #00000059;background:0 0}html:has(.project-hero .loader,.project-hero .verso-loading) .navbar-root[data-route=project] .navbar:not([data-menu]){color:var(--color-ink);text-shadow:none}.navbar-root .navbar[data-menu]{color:var(--color-ink);text-shadow:none;background:0 0}.navbar a,.navbar button{pointer-events:auto;color:inherit;text-decoration:none}.navbar a:focus-visible,.navbar button:focus-visible{outline-offset:4px;outline:1px solid}.navbar a,.navbar button{transition:opacity var(--motion-feedback) ease}.navbar a:hover,.navbar button:hover{opacity:var(--interactive-hover-opacity)}.navbar-home{justify-self:start}.navbar-home a{letter-spacing:0;white-space:nowrap;font-size:22px;font-weight:700;line-height:1;display:block}.navbar-menu{transform:translateX(calc(var(--nav-menu-width,44px) / -2));letter-spacing:.1em;grid-area:1/2;justify-self:start;font-size:14px;font-weight:600;line-height:1}.navbar-menu-measure{visibility:hidden;white-space:nowrap;pointer-events:none;position:absolute}.navbar-menu button{font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.navbar-profiles{grid-area:1/2;justify-self:end;gap:1.5rem;display:flex}.navbar-profiles a{width:22px;height:22px;display:block;position:relative}.navbar-profiles svg{width:100%;height:100%;display:block}@media (hover:none),(pointer:coarse){.navbar-home,.navbar-menu{margin-block:-15px;padding-block:15px}.navbar-home a,.navbar-menu button{position:relative}.navbar-home a:after,.navbar-menu button:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.navbar-profiles{gap:28px}.navbar-profiles .nav-mask{margin:-12px 0;padding:12px 0}.navbar-profiles a:after{content:"";position:absolute;inset:-11px}}.menu{z-index:15;visibility:hidden;position:fixed;inset:0}.menu-backdrop{opacity:0;cursor:default;background:#0009;border:0;width:100%;padding:0;position:absolute;inset:0}.menu-panel{box-sizing:border-box;overscroll-behavior-y:contain;--menu-edge:4.5rem;max-height:100dvh;padding:var(--menu-edge) var(--nav-gutter);background:var(--color-paper);color:var(--color-ink);clip-path:inset(0% 0% 100%);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;display:grid;position:absolute;top:0;left:0;right:0;overflow-y:auto}.menu-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted);grid-column:1;margin:.35rem 0 0;font-size:.75rem}.menu-links{transform:translateX(calc(var(--nav-menu-width,44px) / -2));grid-column:2;margin:0;padding:0;list-style:none}.menu-links a{color:inherit;letter-spacing:-.03em;transition:opacity var(--motion-feedback) ease;font-size:clamp(2.75rem,5vw,4.5rem);font-weight:600;line-height:1.2;text-decoration:none;display:inline-block}.menu-links a:hover,.menu-links a[aria-current=page]{opacity:var(--interactive-hover-opacity)}.menu-links a:focus-visible{outline-offset:4px;outline:1px solid}@media (width<=600px){:root{--navbar-height:calc(2 * clamp(.8rem, 1.5vw, 1.2rem) + 20px)}.navbar-home a{font-size:18px}.navbar-profiles{gap:20px}.navbar-profiles a{width:20px;height:20px}.navbar-profiles a:after{inset:-12px}.menu-panel{--menu-edge:5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;height:100dvh}.menu-kicker{transform:translateX(calc(var(--nav-menu-width,44px) / -2));grid-column:2;margin:0 0 1.5rem}.menu-links a{font-size:clamp(2rem,8vw,2.75rem)}}@media (width<=360px){.navbar-root{--nav-gutter:1rem}}.page-wipe{z-index:100;background:var(--color-black);visibility:hidden;position:fixed;inset:0}.navbar-root[data-route=home] .navbar{color:#fff;text-shadow:none;mix-blend-mode:difference;transition:none}.navbar-root[data-route=home] .navbar-home{visibility:hidden}html:not([data-home-docked]) .navbar-root[data-route=home] .navbar{background:0 0}html[data-home-docked] .navbar-root[data-route=home] .navbar-home{visibility:visible}html[data-home-docked] .navbar-root[data-route=home] .navbar{color:var(--color-ink);mix-blend-mode:normal;background:var(--color-paper)}html[data-home-docked] .navbar-root[data-route=home] .navbar[data-home-transitions]{transition:var(--nav-surface-transition)}html[data-home-docked]:has(.home-projects[data-nav-overlay],.home-history[data-nav-overlay]) .navbar-root[data-route=home] .navbar:not([data-menu]){color:var(--color-paper);text-shadow:0 1px 6px #00000059;background:0 0}.navbar-root[data-route=home] .navbar[data-menu]{color:var(--color-ink);mix-blend-mode:normal}@media (prefers-reduced-motion:reduce){.navbar-root{--nav-surface-transition:none}.navbar,.navbar a,.navbar button,.menu-links a{transition:none}}.project-hero:has(.verso-hero){padding-top:0}.verso-hero{--verso-gutter:clamp(1.5rem, 3vw, 2.75rem);--verso-ease:cubic-bezier(.19, 1, .22, 1);height:100%;position:relative}.verso-loading.verso-unavailable{padding:var(--verso-gutter);color:var(--color-paper);background:var(--color-ink);text-align:center;place-content:center;justify-items:center;gap:1.5rem;display:grid}.verso-hero .stage,.verso-hero .overlay,.verso-hero .loader{position:absolute}.verso-hero[data-fixed] .stage,.verso-hero[data-fixed] .overlay,.verso-hero[data-fixed] .loader{position:fixed}.verso-hero .stage{z-index:0}.verso-hero .overlay{z-index:2;overflow:clip}.verso-hero .overlay:before{display:none}.verso-loading{z-index:2;background:var(--color-paper);position:absolute;inset:0}.verso-hero .journey-spacer{width:1px;position:absolute;top:0;left:0}.project-exploring>:not(.project-hero){display:none}.route-main.project.project-exploring{padding-bottom:0}.verso-layer{z-index:1;color:var(--color-paper);opacity:0;visibility:hidden;transition:opacity .6s var(--verso-ease), visibility 0s linear .6s;background:#0a0b0c85;position:absolute;inset:0}.verso-hero[data-fixed] .verso-layer{position:fixed}.verso-layer[data-on]{opacity:1;visibility:visible;transition:opacity .6s var(--verso-ease)}.verso-button{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-paper) 60%, transparent);min-height:2.75rem;color:var(--color-paper);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color .35s var(--verso-ease), color .35s var(--verso-ease), border-color .35s var(--verso-ease);background:0 0;padding:0 1.1rem;font-size:.75rem}.verso-button:hover{background:var(--color-paper);border-color:var(--color-paper);color:var(--color-ink)}.verso-button:focus-visible{outline:1px solid var(--color-paper);outline-offset:4px}.verso-explore{left:var(--verso-gutter);position:absolute;bottom:1.75rem}.verso-hint{right:var(--verso-gutter);line-height:2.75rem;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--color-paper) 70%, transparent);margin:0;font-size:.7rem;position:absolute;bottom:1.75rem}.verso-exit{z-index:5;left:var(--verso-gutter);animation:verso-in .6s var(--verso-ease) both;background:#0a0b0c59;position:fixed;bottom:1.75rem}@keyframes verso-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.verso-layer,.verso-layer[data-on],.verso-button{transition:none}.verso-exit{animation:none}}@media (width<=600px){.verso-hint{display:none}}html:has(.home-page){background:var(--color-paper);overflow-anchor:none;height:auto;min-height:100%}html:has(.home-page) body{background:var(--color-paper);overflow-anchor:none;height:auto;min-height:100%}html:has(.home-page) #root{background:var(--color-paper);overflow-anchor:none;height:auto;min-height:100%}.home-page{--home-name-size:min(calc(72vw / 5.82979), calc(40svh / .72));color:var(--color-ink);display:flow-root}@media (width<=599px){.home-page{--home-name-size:min(calc(84vw / 5.82979), calc(40svh / .72))}}.home-hero{height:100svh}.home-stage{pointer-events:none;width:100%;height:100svh;position:relative}.home-page[data-enhanced] .home-stage{z-index:5;position:fixed;inset:0}.home-page:is([data-phase=hero],[data-phase=docking]) .home-stage:before{content:"";height:var(--home-dock-cover,var(--navbar-height));background:var(--color-paper);position:absolute;inset:0 0 auto}.home-name,.home-statement{white-space:nowrap;margin:0;position:absolute;left:50%;transform:translate(-50%)}.home-name{top:calc(45svh - var(--home-name-size) * .586875);font-family:var(--font-sans);font-size:var(--home-name-size);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);transform-origin:0 0;line-height:1}.home-statement{top:calc(45svh + var(--home-name-size) * .36 + max(24px, var(--home-name-size) * .32) - 8.90625px);font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-ink-muted);font-size:15px;font-weight:400;line-height:1}.home-baseline{vertical-align:baseline;width:0;height:0;display:inline-block}.home-name-video{--home-video-radius:clamp(56px, 8vw, 120px);opacity:0;pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--home-video-radius) at var(--home-video-x,-200px) var(--home-video-y,-200px), black calc(100% - 12px), transparent 100%);mask-image:radial-gradient(circle var(--home-video-radius) at var(--home-video-x,-200px) var(--home-video-y,-200px), black calc(100% - 12px), transparent 100%);transition:opacity .25s;position:absolute;inset:0}.home-name-clip{position:absolute;overflow:hidden}.home-name-clip text{font:inherit;letter-spacing:inherit;transform:translateY(var(--home-text-baseline,0px))}.home-name-video video{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.home-page[data-phase=hero] .home-name{pointer-events:auto}@supports ((-webkit-mask-image:radial-gradient(black, transparent)) or (mask-image:radial-gradient(black, transparent))){.home-page[data-phase=hero] .home-name:hover .home-name-video[data-playing]{opacity:1}}}.home-canvas{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.home-page[data-phase=playing] .home-canvas{visibility:visible}.home-scroll,.home-replay{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-ink-muted);cursor:pointer;pointer-events:none;white-space:nowrap;opacity:0;visibility:hidden;background:0 0;border:0;padding:8px 0;font-size:14px;line-height:1;transition:opacity .18s,visibility 0s linear .18s;position:absolute;bottom:28px}.home-scroll{left:50%;transform:translate(-50%)}.home-page[data-cue] .home-scroll,.home-page[data-cue] .home-replay{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s,visibility}.home-scroll-arrow{letter-spacing:0;display:inline-block;transform:rotate(135deg)}.home-page[data-cue] .home-scroll-arrow{animation:2.5s .25s infinite home-scroll-nudge}@keyframes home-scroll-nudge{0%,15%,to{transform:translateY(0)rotate(135deg)}7.5%{transform:translateY(3px)rotate(135deg)}}@media (width<=599px){.home-scroll-detail{display:none}}.home-replay{right:var(--site-gutter);color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;padding:8px}@media (width<=599px){.home-replay{padding-inline:0;left:24px;right:auto}}@media (width<=360px){.home-replay{font-size:11px;left:16px}}.home-page[data-cue] .home-scroll:hover,.home-page[data-cue] .home-replay:hover{opacity:var(--interactive-hover-opacity)}.home-scroll:focus-visible,.home-replay:focus-visible,.home-links a:focus-visible{outline-offset:4px;outline:1px solid}.home-content{box-sizing:border-box;padding:var(--section-space) var(--site-gutter);position:relative}.home-content.home-description-section{padding-block:clamp(2rem,6svh,4rem);padding-top:calc(var(--section-space) * 1.6);padding-bottom:calc(var(--section-space) * 1.6)}.home-description{width:66.6667%;font-size:var(--lead-size);letter-spacing:-.01em;margin:0;line-height:1.3}.home-links{gap:24px;min-width:0;display:grid}.home-links a{color:inherit;font-size:var(--action-size);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);transition:opacity var(--motion-feedback) ease;justify-content:space-between;line-height:1.15;text-decoration:none;display:flex}.home-links a:hover{opacity:var(--interactive-hover-opacity)}.home-projects{background:var(--color-black);position:relative}.home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.home-project{min-width:0;color:var(--color-on-dark);isolation:isolate;text-decoration:none;display:block;position:relative}.home-project:focus-visible{outline:1px solid var(--color-on-dark);outline-offset:-6px}.home-project-media{aspect-ratio:8/5;background:var(--color-ink);overflow:hidden}.home-project-media>*{object-fit:contain;height:100%}.home-project:after{z-index:1}.home-project .media-frame-number{visibility:hidden}.home-project-caption{top:50%;left:var(--site-gutter);right:var(--site-gutter);z-index:2;max-width:28rem;transition:opacity var(--motion-feedback) ease;position:absolute;transform:translateY(-50%)}.home-project-number{font:400 var(--metadata-size) var(--font-mono);letter-spacing:var(--metadata-tracking);margin-bottom:.75rem;display:block}.home-project-caption h2{font-size:clamp(1rem,1.5vw,1.5rem);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);margin:0;line-height:1.2}.home-project-caption p{max-width:28rem;margin:.35rem 0 0;font-size:clamp(.875rem,1.2vw,1.125rem);line-height:1.4}.home-project:hover .home-project-caption{opacity:var(--interactive-hover-opacity)}.home-history{box-sizing:border-box;grid-template-columns:var(--editorial-columns);min-height:100svh;padding:var(--section-space) var(--site-gutter);padding-bottom:max(var(--section-space), var(--history-preview-room,0px));color:var(--color-on-dark);background:var(--color-black);align-content:center;display:grid}.home-history-column{grid-area:1/2;container-type:inline-size}.home-history h2{font-size:var(--history-heading-size,min(var(--display-title-size), 10cqi));font-weight:var(--display-weight);letter-spacing:var(--display-tracking);margin:0 0 clamp(1.5rem,4svh,3rem);line-height:1}.home-history h2 span{white-space:nowrap;display:inline-block}.home-history-group+.home-history-group{margin-top:var(--editorial-row-gap)}.home-history-entry sup{font-family:var(--font-mono);letter-spacing:.04em;vertical-align:super;white-space:nowrap;font-size:clamp(.625rem,.35em,.875rem);font-weight:400;line-height:0}.home-history ul{gap:var(--editorial-row-gap);margin:0;padding:0;list-style:none;display:grid}.home-history-entry{font-size:clamp(1rem,2.25vw,2.5rem);font-weight:var(--display-weight);letter-spacing:-.03em;text-transform:uppercase;overflow-wrap:anywhere;opacity:var(--history-scroll-opacity,1);line-height:1.2}.home-history-preview{grid-area:1/1;align-self:start;width:calc(100% - 2rem);max-width:28rem;font-size:clamp(.875rem,1vw,.9375rem);line-height:1.5;display:grid}.home-history-caption{opacity:0;pointer-events:none;grid-area:1/1}.home-history-caption[data-active=true]{opacity:1}.home-history-meta{margin:0 0 .75rem}.home-history-period{white-space:nowrap;opacity:var(--interactive-hover-opacity);margin-left:.75em}.home-history-description{opacity:var(--interactive-hover-opacity);margin:0}.home-content.home-contact{grid-template-columns:var(--editorial-columns);align-content:center;min-height:40svh;display:grid}.home-contact .home-links{grid-column:2}.home-footer{padding-inline:var(--site-gutter)}.home-footer .project-nav{padding-block:var(--section-row-space)}@media (width<=700px){.home-description{width:100%}.home-project-grid,.home-content.home-contact{grid-template-columns:1fr}.home-contact .home-links{grid-column:1}.home-history{grid-template-columns:1fr;row-gap:3rem;min-height:auto}.home-history-column{grid-column:1}.home-history-entry{font-size:clamp(1.25rem,5.5vw,2rem)}.home-history-preview{grid-area:2/1;width:100%;max-width:32rem;font-size:.9375rem}}html[data-home-docked] .home-name,html[data-home-docked] .home-statement{opacity:0}@media (prefers-reduced-motion:reduce){.home-history-caption,.home-scroll,.home-replay,.home-links a,.home-project-caption{transition:none}.home-page[data-cue] .home-scroll-arrow{animation:none}}html:has(.route){background:var(--color-paper);height:auto;min-height:100%}html:has(.route) body{background:var(--color-paper);height:auto;min-height:100%}html:has(.route) #root{background:var(--color-paper);height:auto;min-height:100%}html:has(.route){scrollbar-width:auto}.route{--route-gutter:var(--site-gutter);--route-display-space:calc(var(--navbar-height) + var(--section-space));min-height:100vh;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.route a{color:inherit;text-underline-offset:.2em;transition:opacity var(--motion-feedback) ease;text-decoration-thickness:1px}.route a:hover{opacity:var(--interactive-hover-opacity)}.route a:focus-visible{outline-offset:3px;outline:1px solid}.route-main{max-width:72rem;padding:clamp(7rem, 16vh, 10rem) var(--route-gutter) 6rem;margin:0 auto}.route-title{letter-spacing:-.03em;margin:0 0 2rem;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:500;line-height:1}.route-main:is(.about,.technology,.contact){--route-gutter:var(--site-gutter);max-width:none}.route-main:is(.about,.technology){padding-top:0}.route-display-header{box-sizing:border-box;padding-block:var(--route-display-space)}.route-display-title{font-family:var(--font-sans);font-size:var(--display-title-size);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:uppercase;margin:0;line-height:1}.route-main.about{--recognition-space:calc(var(--editorial-row-gap) * 1.5);--about-description-space:calc(var(--section-space) * 1.6);--recognition-title-space:calc(var(--about-description-space) * 2 / 3);--recognition-caption-size:clamp(.875rem, 1vw, .9375rem)}.about-hero-frame{margin:0 calc(0px - var(--route-gutter))}.about-hero{background:var(--color-black);min-height:100svh;position:relative;overflow:clip}.about-hero[data-motion]{height:100svh}.about-hero img{object-fit:cover;object-position:65% center;width:100%;height:100%;display:block;position:absolute;inset:0}.about-hero:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 0%,#0000001f 30%,#00000052 60%,#0000008c 100%);position:absolute;inset:0}.about-hero-copy{z-index:1;padding-bottom:var(--section-space);color:var(--color-paper);text-shadow:0 1px 6px #00000059;position:relative}.about-hero-headline{box-sizing:border-box;height:100svh;padding:var(--route-gutter);align-items:flex-end;display:flex}.about-hero-description-column{grid-template-columns:var(--editorial-columns);margin:var(--about-description-gap,var(--section-space)) var(--route-gutter) 0;display:grid}.about-hero-description{font-size:var(--lead-size);letter-spacing:-.01em;grid-column:2;margin:0;line-height:1.3}.about-details{min-height:100svh}.about-journal{padding-top:calc(var(--section-space) * 1.5);padding-bottom:0}.about-introduction{width:calc(100% - var(--editorial-axis));margin-left:var(--editorial-axis);padding-block:calc(var(--about-description-space) * .75);color:var(--color-ink);font-family:var(--font-sans);font-size:calc(var(--lead-size) * .75);letter-spacing:-.01em;gap:1em;line-height:1.3;display:grid}.about-introduction p{margin:0}.about-introduction+.about-recognition{padding-top:0}.journal-spread{grid-template-columns:var(--editorial-columns);align-items:start;display:grid}.journal-spread+.journal-spread{margin-top:var(--section-space)}.journal-caption{padding-right:var(--route-gutter);grid-area:1/1;align-self:start}.journal-frame{aspect-ratio:3/4;grid-row:1;margin:0;position:relative;overflow:clip}.journal-frame[data-journal=diamond-beach]{aspect-ratio:2/3;grid-column:2;width:68%}.journal-frame[data-journal=concert]{grid-column:1;align-self:end;width:48%}.journal-frame[data-journal=sirmione]{aspect-ratio:9/16;grid-column:1;width:74%}.journal-frame[data-journal=flowers]{width:60%;margin-top:var(--section-space);aspect-ratio:3/4;grid-column:2}.journal-frame[data-journal=birthday]{aspect-ratio:4/3;grid-column:2;width:86%}.journal-frame[data-journal=cig]{width:52%;margin-top:var(--section-space);grid-column:1;align-self:end}.journal-media{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.journal-media{transition:transform .38s cubic-bezier(.22,1,.36,1)}.journal-frame:hover .journal-media{transform:scale(1.025)}}@media (width<=700px){.about-introduction{width:100%;margin-left:0}.journal-spread{flex-direction:column;gap:clamp(2rem,8svh,4rem);display:flex}.journal-spread+.journal-spread{margin-top:clamp(2rem,8svh,4rem)}.journal-spread .journal-frame{align-self:start;width:100%;margin:0}.journal-spread .journal-frame:is([data-journal=concert],[data-journal=cig]){width:76%}.journal-spread .journal-frame:is([data-journal=diamond-beach],[data-journal=flowers]){width:82%}}.about-recognition{padding-block:var(--recognition-space)}.about-recognition h2{width:var(--editorial-axis);margin:0 0 calc(var(--recognition-title-space) - var(--editorial-row-gap));font-size:var(--recognition-heading-size,var(--display-title-size));font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:uppercase;line-height:1}.about-recognition h2 span{white-space:nowrap;display:inline-block}.about-recognition dl{margin:0;display:grid}.recognition-row{--recognition-highlight:0;grid-template-columns:var(--editorial-columns);margin-inline:calc(0px - var(--route-gutter));padding:var(--editorial-row-gap) var(--route-gutter);align-items:center;display:grid;position:relative}.recognition-inverse{grid-template-columns:inherit;align-items:inherit;gap:inherit;padding:inherit;pointer-events:none;background:var(--color-ink);color:var(--color-paper);clip-path:inset(0 0 calc(100% * (1 - var(--recognition-highlight))) 0);margin:0;display:grid;position:absolute;inset:0}.recognition-caption{font-size:var(--recognition-caption-size);padding-right:2rem;line-height:1.2}.recognition-award{font-size:clamp(1rem,2.25vw,2.5rem);font-weight:var(--display-weight);letter-spacing:-.03em;text-transform:uppercase;overflow-wrap:anywhere;margin:0;line-height:1.2}.journal-caption{font-family:var(--font-mono);font-size:var(--metadata-size);letter-spacing:var(--metadata-tracking);text-transform:uppercase;color:var(--color-ink-muted);margin:0;font-weight:400}@media (width<=700px){.about-hero-description-column{grid-template-columns:1fr}.about-hero-description{grid-column:1}.about-recognition{--recognition-stack-gap:.5rem}.about-recognition h2{width:100%;margin-bottom:calc(var(--recognition-title-space) - var(--editorial-row-gap) - var(--recognition-caption-size) * 1.2 - var(--recognition-stack-gap))}.recognition-row{gap:var(--recognition-stack-gap);grid-template-columns:1fr}.recognition-caption{padding-right:0}.recognition-award{font-size:clamp(1.25rem,5.5vw,2rem)}}.not-found-kicker{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-ink-muted);margin:0 0 1.5rem;font-size:.75rem}.not-found-text{color:var(--color-ink-muted);margin:0 0 2.5rem;font-size:1.15rem}.not-found-links{font-family:var(--font-mono);letter-spacing:.04em;flex-wrap:wrap;gap:1.5rem;margin:0;font-size:.85rem;display:flex}.route-lead{letter-spacing:-.01em;max-width:44rem;margin:0 0 clamp(3rem,8vh,5rem);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45}.tech-group,.contact-section{border-top:1px solid var(--color-rule);grid-template-columns:minmax(8rem,1fr) 3fr;gap:1rem 2rem;padding:2rem 0;display:grid}.tech-group h2,.contact-section h2,.contact-clock-meta{font-family:var(--font-mono);font-size:var(--metadata-size);letter-spacing:var(--metadata-tracking);text-transform:uppercase;color:var(--color-ink-muted);margin:0;font-weight:400}.tech-items,.contact-links{font-family:var(--font-mono);flex-wrap:wrap;gap:.6rem 1.75rem;margin:0;padding:0;font-size:.95rem;line-height:1.5;list-style:none;display:flex}.contact-email{font-size:var(--contact-link-size);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0}.route-main.contact{--contact-link-size:clamp(1.3rem, 2.4vw, 2.5rem);box-sizing:border-box;min-height:100dvh;padding-bottom:max(8px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.contact>section,.contact-spread{flex-shrink:0}.contact-spread{grid-template-columns:var(--editorial-columns);padding-block:var(--section-row-space);border-top:1px solid var(--color-rule);row-gap:2rem;display:grid}.contact .contact-section{border:0;flex-direction:column;align-items:flex-start;gap:1.25rem;min-width:0;padding:0;display:flex}.contact-spread>.contact-section:first-child{padding-right:1.5rem}.contact .contact-links{font-family:var(--font-sans);font-size:var(--contact-link-size);letter-spacing:-.02em;flex-direction:column;gap:.35rem;line-height:1.3}.contact-clock{margin-top:auto;padding-top:clamp(2rem,6svh,4rem)}.contact-clock-face{grid-template-columns:var(--editorial-columns);font-family:var(--font-sans);font-size:clamp(1.5rem,7.5vw,7rem);font-weight:var(--display-weight);letter-spacing:0;align-items:baseline;line-height:.85;display:grid;overflow:clip}.contact-clock-time{color:var(--color-ink-decorative);font-variant-numeric:tabular-nums;white-space:nowrap}.contact-clock-face h2{font:inherit;color:var(--color-ink);margin:0}.contact-clock-meta{grid-template-columns:var(--editorial-columns);margin:0 0 1rem;line-height:1.4;display:grid}@media (width<=700px){.tech-group,.contact-spread{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.route a{transition:none}}.route-main.work,.route-main.project{max-width:none;padding-left:0;padding-right:0}.route-main.work{padding-top:0;padding-bottom:0}.route-main.project{--route-gutter:var(--site-gutter);padding-top:0}.work-list{padding-bottom:var(--work-end-travel,0px);position:relative;overflow:clip}.work-pin{z-index:2;height:100svh;color:var(--color-on-dark);pointer-events:none;margin-bottom:-100svh;display:grid;position:sticky;top:0}.work-pin-item{box-sizing:border-box;width:100%;padding:0 var(--route-gutter) 0 var(--editorial-axis);text-align:left;opacity:0;transition:opacity var(--motion-caption) ease, transform var(--motion-caption) ease;grid-area:1/1;grid-template-rows:auto auto auto;grid-template-columns:1fr auto;align-self:start;align-items:start;gap:.6rem 1.5rem;margin-top:calc(50svh - 4.5rem);display:grid;transform:translateY(.75rem)}.work-pin-item[data-on=true]{opacity:1;transform:none}.work-pin-text{display:contents}.work-pin-number,.work-pin-title,.work-pin-role{grid-column:1;justify-self:start}.work-pin-number,.work-pin-stack{font-family:var(--font-mono);letter-spacing:.04em;font-size:clamp(.7rem,1.4vw,.85rem)}.work-pin-number{letter-spacing:.12em;text-transform:uppercase}.work-pin-title{font-size:var(--project-title-size);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);overflow-wrap:anywhere;line-height:1}.work-pin-role{grid-row:3;align-self:baseline;max-width:28rem;font-size:clamp(.9rem,1.3vw,1.05rem);line-height:1.35}.work-pin-stack{text-align:right;opacity:.85;grid-area:3/2;align-self:baseline;max-width:24rem}.work-entry{height:auto;padding:0;text-decoration:none;display:block;position:relative}.work-entry-media{--preview-scrim-x:70%;background:var(--color-ink);height:auto;position:relative;overflow:hidden}.work-entry-media:after,.home-project:after{content:"";background:radial-gradient(ellipse at var(--preview-scrim-x,35%) 50%, #0000008c 0%, #0000008a 28%, #0000004d 100%);pointer-events:none;position:absolute;inset:0}.work-pin-number,.work-pin-role,.work-pin-stack,.work-entry-caption>p,.home-project-number,.home-project-caption p{text-shadow:0 1px 3px #00000040}.route a.work-entry:hover{opacity:1}.route a.work-entry:focus-visible{outline-offset:-4px}.work-entry .media-frame{height:100svh}.work-entry .media-video{aspect-ratio:8/5;object-fit:cover;height:auto}.work-entries{position:relative}.work-list[data-scroll-eased]{padding-bottom:var(--work-end-travel,calc(var(--work-entry-count) * 16svh))}.media-video{object-fit:cover;background:var(--color-ink);width:100%;height:100%;display:block}.media-frame{box-sizing:border-box;color:#ffffff8c;width:100%;height:100%;font-family:var(--font-mono);background:linear-gradient(#ffffff0f 1px, transparent 1px) 0 0 / 100% 4rem, linear-gradient(90deg, #ffffff0f 1px, transparent 1px) 0 0 / 4rem 100%, radial-gradient(120% 90% at 20% 10%, #2a2d32 0%, var(--color-ink) 70%);flex-direction:column;justify-content:space-between;margin:0;padding:clamp(1rem,3vw,2rem);display:flex;position:relative}.media-frame-number{letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.75rem,1.6vw,.95rem)}.media-frame-still{background:#101213;padding:0;overflow:hidden}.media-frame-still>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.media-frame-label{letter-spacing:.14em;text-transform:uppercase;border-top:1px solid;align-self:flex-start;padding-top:.6rem;font-size:.7rem}.project-hero{box-sizing:border-box;height:100svh;padding:0;position:relative}.work-entry-media:before{content:"";z-index:3;height:calc(var(--navbar-height) + 2rem);pointer-events:none;background:linear-gradient(to bottom, #000000a3, #0009 var(--navbar-height), transparent);position:absolute;top:0;left:0;right:0}.project-hero:not(:has(.loader,.verso-loading)):after{content:"";z-index:3;height:calc(var(--navbar-height) + 2rem);pointer-events:none;background:linear-gradient(to bottom, #000000a3, #0009 var(--navbar-height), transparent);position:absolute;top:0;left:0;right:0}.project-hero:has(.verso-hero[data-fixed]):after{position:fixed}:is(.project-hero:has(>.media-video),.project-hero:has(>.live-demo)){height:auto}.project-hero>.media-video,.project-hero>.live-demo>.media-video{aspect-ratio:auto 8/5;object-fit:contain;height:auto}.project-hero>*{height:100%}.project-head,.case-section,.project>.project-nav,.project>.next-page{max-width:none;padding-left:var(--route-gutter);padding-right:var(--route-gutter);box-sizing:border-box;margin-left:auto;margin-right:auto}.project-head{padding-top:calc(var(--section-space) + 2rem);padding-bottom:var(--section-space)}.project-number{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted);margin:0 0 1rem;font-size:.75rem;font-weight:400}.project-quote,.project-stats dd{font-size:clamp(3rem,11vw,8rem);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);overflow-wrap:anywhere;margin:0;line-height:1}.project-tagline{width:66.6667%;margin:calc(max(3rem, var(--section-space)) + .75rem) 0;font-size:var(--lead-size);letter-spacing:-.01em;line-height:1.3}.project-meta{flex-wrap:wrap;gap:1rem 3rem;margin:0;display:flex}.project-meta dt{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted);font-size:.7rem}.project-meta dd{margin:.3rem 0 0;line-height:1.4}.case-section{padding-top:var(--section-row-space);padding-bottom:var(--section-row-space);grid-template-columns:minmax(8rem,1fr) 3fr;gap:1rem 2rem;display:grid;position:relative}.case-section:before{content:"";top:0;left:var(--route-gutter);right:var(--route-gutter);border-top:1px solid var(--color-rule);position:absolute}.case-section h2{font-family:var(--font-mono);font-size:var(--metadata-size);letter-spacing:var(--metadata-tracking);text-transform:uppercase;color:var(--color-ink-muted);margin:0;font-weight:400}.case-body{gap:1rem;max-width:44rem;line-height:1.55;display:grid}.case-body p{margin:0}.project-stack{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.project-stack li,.project-stats dt,.project-stats-note{font-family:var(--font-mono);font-size:.8rem;line-height:1.6}.project-stack li:not(:last-child):after{content:" /";color:var(--color-ink-muted);margin-left:.5rem}.project-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-right:.4rem;font-size:.7rem}.project-nav{grid-template-columns:minmax(0, var(--editorial-axis)) minmax(0, 1fr) minmax(0, 1fr);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-ink);background:var(--color-paper);align-items:start;row-gap:1rem;padding-top:3rem;font-size:.85rem;display:grid}.project-nav[data-theme=dark]{color:var(--color-paper);background:var(--color-ink)}.project-nav a{overflow-wrap:anywhere;min-width:0;color:inherit;transition:opacity var(--motion-feedback) ease;text-decoration:none}.project-nav a:hover{opacity:var(--interactive-hover-opacity)}.project-nav a:focus-visible{outline-offset:3px;outline:1px solid}.project-nav-prev{grid-column:1;justify-self:start;padding-right:1rem}.project-nav-all{grid-column:2;justify-self:start;padding-right:.75rem}.project-nav-next{text-align:right;grid-column:3;justify-self:end}.project-nav-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-nav-pair .project-nav-next{grid-area:1/2}.work>.project-nav{padding:3rem var(--route-gutter)}.work-entry-caption{display:none}@media (width<=1100px){.work-pin-item{grid-template-columns:1fr}.work-pin-stack{text-align:left;grid-area:4/1;max-width:none}}@media (width<=700px){.project-nav-next{grid-area:2/2/auto/-1}.work-pin{display:none}.work-entry-media{--preview-scrim-x:50%}.work-entry-caption{z-index:1;top:50%;left:var(--site-gutter);right:var(--site-gutter);color:var(--color-on-dark);padding:0;display:block;position:absolute;transform:translateY(-50%)}.work-entry-caption p,.work-entry-caption h2{margin:0}.work-entry-caption h2{font-size:clamp(1rem,1.5vw,1.5rem);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);margin-block:.4rem;line-height:1.2}.work-entry-caption .work-pin-number{font-size:var(--metadata-size);letter-spacing:var(--metadata-tracking)}.work-entry-caption>p:not(.work-pin-number){font-size:clamp(.875rem,1.2vw,1.125rem);line-height:1.4}.work-entry-caption>p:last-child{max-width:32rem;line-height:1.4}.work-entry-caption .work-pin-stack{color:var(--color-on-dark);margin-top:.5rem;font-size:clamp(.625rem,2.7vw,.85rem);line-height:1.4;display:block}.work-entry .media-frame{aspect-ratio:8/5;height:auto}.work-entry .media-frame-number{visibility:hidden}.case-section{grid-template-columns:1fr}.project-tagline{width:100%}.work-pin-item{padding-left:var(--route-gutter);grid-template-columns:1fr;gap:1rem}.work-pin-stack{text-align:left;grid-area:4/1;max-width:none}}@media (prefers-reduced-motion:reduce){.work-pin-item,.work-entry .media-video,.work-entry .media-frame{transition:none}.work-entry:hover .media-video,.work-entry:hover .media-frame{transform:none}}.case-performance{--performance-gap:clamp(3rem, 6vw, 5rem);gap:var(--performance-gap);grid-template-columns:1fr}.case-body:has(.project-stats){gap:1rem;max-width:none}.project-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 0;margin:0;display:grid}.project-stats>div{padding-bottom:calc(var(--performance-gap) - 1.25rem);text-align:left;flex-direction:column;gap:1.25rem;display:flex}.project-stats dd{color:var(--color-ink);order:-1}.project-stats dt{text-transform:uppercase;color:var(--color-ink-muted)}.project-stats-note{color:var(--color-ink-muted)}@media (width<=700px){.project-stats{grid-template-columns:1fr}}.project-hero>.live-demo{height:auto;color:var(--color-paper);display:block;position:relative}.route a.live-demo:hover{opacity:1}.route a.live-demo:focus-visible{outline:2px solid var(--color-ink);outline-offset:-4px}.live-demo:focus-visible:after{content:"";border:2px solid var(--color-paper);pointer-events:none;position:absolute;inset:5px}.live-demo-explore{left:var(--route-gutter);pointer-events:none;mix-blend-mode:difference;align-items:center;display:inline-flex;position:absolute;bottom:1.75rem}@media (hover:hover) and (pointer:fine){.live-demo-explore{opacity:0}.live-demo:hover .live-demo-explore,.live-demo:focus-visible .live-demo-explore{opacity:1}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.live-demo:not([data-tracking]):not(:focus-visible) .live-demo-explore{opacity:0}.live-demo[data-tracking]:not(:focus-visible) .live-demo-explore{transform:translate(var(--explore-x), var(--explore-y));top:0;bottom:auto;left:0}}@font-face{font-family:Geist;src:url(/fonts/geist/Geist-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2116,U+2122,U+2190-2199,U+2212,U+2215}@font-face{font-family:Geist Mono;src:url(/fonts/geist/GeistMono-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2116,U+2122,U+2190-2199,U+2212,U+2215}:root{--site-gutter:clamp(1.5rem, 3vw, 2.75rem);--interactive-hover-opacity:.6;--font-sans:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, Menlo, monospace;--display-title-size:clamp(2rem, 12.35vw, 16rem);--display-weight:700;--display-tracking:0;--lead-size:clamp(1.6rem, 3.2vw, 3rem);--project-title-size:clamp(1.8rem, 4vw, 3.5rem);--action-size:clamp(2rem, 6vw, 4.5rem);--metadata-size:.75rem;--metadata-tracking:.1em;--section-space:12svh;--section-row-space:2rem;--editorial-row-gap:clamp(.75rem, 2svh, 1.5rem);--editorial-axis:calc(50% - var(--nav-menu-width,44px) / 2);--editorial-columns:minmax(0, var(--editorial-axis)) minmax(0, 1fr);--motion-feedback:.18s;--motion-caption:.3s;--color-paper:#f1f3f5;--color-ink:#16181b;--color-ink-muted:#5d6168;--color-on-dark:var(--color-paper);--color-on-dark-muted:#a7a9ac;--color-ink-decorative:#7a7f86;--color-rule:color-mix(in srgb, var(--color-ink) 14%, transparent);--color-rule-strong:var(--color-ink);--color-black:#000}html,body,#root{background:var(--color-black);height:100%;margin:0}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.journey-spacer{pointer-events:none}.stage{position:fixed;inset:0}.stage:focus-visible{outline-offset:-4px;outline:1px solid #fff9}.overlay{pointer-events:none;color:var(--color-paper);position:fixed;inset:0}.overlay:before{content:"";pointer-events:none;background-image:linear-gradient(#00000073,#0000);height:170px;position:absolute;top:0;left:0;right:0}.overlay a{pointer-events:auto;color:inherit}.overlay a:focus-visible{outline-offset:4px;outline:1px solid}.project-link{letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid color-mix(in srgb, var(--color-paper) 40%, transparent);padding-bottom:2px;font-size:.75rem;text-decoration:none;position:absolute;bottom:4.5rem;transform:translate(-50%)}.project-link:hover{border-bottom-color:currentColor}.project-link[data-side=left]{left:32%}.project-link[data-side=right]{left:68%}.spread-label{letter-spacing:.12em;white-space:nowrap;color:color-mix(in srgb, var(--color-paper) 80%, transparent);margin:0;font-size:.75rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.spread-label[hidden]{display:none}.spread-texts{--text-scale:1;--text-gap:18px}.spread-text{bottom:calc(100% - var(--spread-top) + var(--text-gap));box-sizing:border-box;width:calc((var(--book-right) - var(--book-left)) / 2 - 1.5rem);opacity:0;visibility:hidden;isolation:isolate;will-change:transform, opacity;color:var(--color-paper);text-shadow:0 0 6px #00000080,0 1px 18px #00000073;pointer-events:none;will-change:opacity, transform;position:absolute}.spread-text[data-side=left]{bottom:calc(100% - var(--text-floor-left) + var(--text-gap));left:var(--book-left);text-align:left}.spread-text[data-side=right]{bottom:calc(100% - var(--text-floor-right) + var(--text-gap));right:calc(100% - var(--book-right));text-align:right}.spread-text:before{content:"";z-index:-1;background:radial-gradient(closest-side at 50% 55%,#0c08046b,#0c080433 60%,#0c080400 100%);position:absolute;inset:-1.25rem -1.5rem -1rem}.spread-text p,.spread-text h2{margin:0}.spread-text-number{font-family:var(--font-mono);font-size:calc(clamp(.7rem, 1.4vw, .85rem) * var(--text-scale));letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--color-paper) 88%, transparent);align-items:center;gap:.6rem;display:flex}.spread-text[data-side=right] .spread-text-number{justify-content:flex-end}.spread-text-title{font-size:calc(clamp(1.8rem, 4vw, 3.5rem) * var(--text-scale));letter-spacing:-.03em;white-space:nowrap;font-weight:500;line-height:1;margin-top:.3em!important}.spread-text-line{max-width:28rem;font-size:calc(clamp(.9rem, 1.3vw, 1.05rem) * var(--text-scale));text-wrap:balance;color:color-mix(in srgb, var(--color-paper) 92%, transparent);line-height:1.35;margin-top:.55em!important}.spread-text[data-side=right] .spread-text-line{margin-left:auto}.spread-text-cue{background:var(--color-paper);width:.45rem;height:.45rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-paper) 60%, transparent);opacity:0;border-radius:50%;transition:opacity .25s}.spread-text[data-side=right] .spread-text-cue{order:-1}.spread-text[data-playing=true] .spread-text-cue{opacity:1;animation:1.8s ease-out infinite spread-cue}@keyframes spread-cue{to{box-shadow:0 0 0 .5rem #0000}}@media (prefers-reduced-motion:reduce){.spread-text-cue{transition:none;animation:none!important}}.caption{box-sizing:border-box;isolation:isolate;opacity:0;text-shadow:0 0 6px #0000008c,0 1px 18px #00000073;pointer-events:none;transition:opacity .6s;position:absolute;top:0;left:0}.caption:before{content:"";z-index:-1;background:radial-gradient(closest-side,#0c080480,#0c080447 55%,#0c080400 100%);position:absolute;inset:-1.5rem -2rem -1.5rem -1.25rem}.caption[data-visible=true]{opacity:1}.caption p{margin:0}.caption[data-layout=below]{text-align:center}.caption-object{font-family:var(--font-mono);letter-spacing:.1em;color:color-mix(in srgb, var(--color-paper) 85%, transparent);font-size:.6875rem;line-height:1.5}.caption-title{font-family:var(--font-sans);letter-spacing:.04em;margin:.2rem 0 .35rem;font-size:2rem;font-weight:500;line-height:1.1}.caption-text{font-family:var(--font-sans);color:color-mix(in srgb, var(--color-paper) 90%, transparent);font-size:.8125rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.caption{transition:none}}html[data-loader],html[data-loader] body,html[data-loader] #root{background:var(--color-paper)}html[data-loader]{--loader-chrome:0}.loader{background:var(--color-paper);color:var(--color-ink);pointer-events:auto;position:fixed;inset:0}.loader-text{letter-spacing:.02em;text-shadow:none;justify-content:space-between;font-size:clamp(12px,1.5vw,16px);font-weight:600;line-height:1;display:flex;position:absolute;top:50%;left:.75rem;right:.75rem;transform:translateY(-50%)}.loader-percent{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.overlay:before{opacity:var(--loader-chrome,1)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.expand{top:calc(var(--spread-top) - 48px);width:44px;height:44px;color:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:10px;display:none;position:absolute}.expand[data-side=left]{left:calc(var(--spread-far-left) - 10px)}.expand[data-side=right]{right:calc(100% - var(--spread-far-right) - 10px)}.expand svg,.artwork-view-close svg{width:100%;height:100%;display:block}.expand:focus-visible,.artwork-view-close:focus-visible{outline:1px solid}.artwork-view{box-sizing:border-box;background:var(--color-black);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-paper);font-family:var(--font-sans);pointer-events:auto;border:0;margin:0;padding:64px 16px}html:has(.artwork-view[open]){overflow:hidden}.artwork-view[open]{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.artwork-view::backdrop{background:var(--color-black)}.artwork-view picture{display:contents}.artwork-view-art{object-fit:contain;max-width:100%;max-height:calc(100% - 3rem);display:block}.artwork-view-title{letter-spacing:.12em;text-align:center;color:color-mix(in srgb, var(--color-paper) 80%, transparent);margin:0;font-size:.75rem}.artwork-view-close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;padding:12px;position:absolute;top:12px;right:12px}@media (hover:none),(pointer:coarse){.expand{display:block}.project-link:after{content:"";position:absolute;inset:-14px -8px}}@media (orientation:portrait){.project-link{bottom:auto;top:calc(var(--spread-bottom) + 20px)}.project-link[data-side=left]{left:calc((var(--spread-near-left) + 50%) / 2)}.project-link[data-side=right]{left:calc((var(--spread-near-right) + 50%) / 2)}.spread-label{white-space:normal;text-align:center;width:calc(100% - 15rem);line-height:1.6}}