@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";
:root{--background:#fcfcfc;--text-strongest:#171717;--text-strong:#494949;--text-primary:#8f8f8f;--text-secondary:#aaa;--text-inverted:#f2f2f2;--component-bg:#fcfcfc;--component-bg-inverted:#171717;--box-shadow:#e6e6e6;--tropical:#17db17;--text-xxs:.5rem;--text-xs:.625rem;--text-s:.75rem;--text-m:1.0625rem;--text-l:clamp(1.125rem, 1.0625rem + .25vw, 1.3125rem);--text-xl:clamp(1.3125rem, 1.208rem + .417vw, 1.625rem);--text-xxl:clamp(1.625rem, 1.417rem + .833vw, 2.25rem);--text-xxxl:clamp(2.5rem, 1.833rem + 2.667vw, 4.5rem);--serif-l:clamp(2.125rem, 1.833rem + 1.167vw, 3rem);--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:24px;--space-xl:40px;--space-xxl:72px;--content-width:1000px;--prose-width:640px;--mobile:600px;--tablet:900px;--desktop:1200px}.page{min-height:100vh;padding:var(--space-l) var(--space-l) 0 var(--space-l);background:var(--background);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}html{background-color:var(--background)}.main{flex-direction:column;flex:1;width:100%;display:flex}body{color:var(--text-strongest);font-size:var(--text-m);margin-bottom:var(--space-s);background-color:var(--background)}body.menu-open{overflow:hidden}.content{width:100%;max-width:860px;padding-top:0;padding-bottom:var(--space-xl);flex-direction:column;align-items:center;margin:0 auto;padding-inline:20px;display:flex}@media (max-width:900px){.content{padding-bottom:var(--space-l)}}@media (max-width:600px){.content{padding-bottom:var(--space-m);padding-inline:12px}}.info{justify-content:space-between;gap:var(--space-l) var(--space-xl);margin-bottom:var(--space-l);margin-top:var(--space-l);width:100%;max-width:var(--prose-width);grid-template-columns:repeat(4,max-content);display:grid}.info-box{flex-direction:column;display:flex}@media (max-width:660px){.info{justify-content:stretch;gap:var(--space-m) var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr))}}.info-box dt{white-space:nowrap}.info-box dd{white-space:normal}.full-image{border-radius:4px;width:100%;height:auto;display:block}.small-image{border-radius:4px;width:60%;height:auto;display:block}.split-image{border-radius:4px;width:100%;height:auto;display:block}.full-image--text-width{max-width:var(--prose-width);margin-left:auto;margin-right:auto}.project-blocks{gap:var(--space-xxl);flex-direction:column;align-items:center;width:100%;display:flex}@media (max-width:600px){.project-blocks{gap:var(--space-xl)}}.case-section{align-items:center;gap:var(--space-l);flex-direction:column;width:100%;display:flex}.prose{width:100%;max-width:var(--prose-width);gap:var(--space-m);flex-direction:column;margin:0 auto;display:flex}.image-block{gap:var(--space-s);flex-direction:column;width:100%;display:flex}.image-block--small{max-width:520px}.caption{font-size:var(--text-s);color:var(--text-primary);margin:0}.prose--narrow{max-width:56ch}.reference-grid{gap:var(--space-m);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.reference-item{gap:var(--space-s);flex-direction:column;display:flex}.reference-item video,.reference-item img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:100%;height:auto;display:block}.split{column-gap:var(--space-xl);row-gap:var(--space-m);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%;max-width:1200px;margin:0 auto;display:grid}.split-image{width:100%;height:auto;margin-inline:auto}@media (max-width:600px){.split{grid-template-columns:1fr}.split .image-block--small{width:70%;max-width:420px;margin-inline:auto}.split .image-block--small .split-image,.split .image-block--small .full-image{width:100%}}.split-figure{gap:var(--space-s);flex-direction:column;width:100%;display:flex}.external-link{align-items:center;gap:.2em;display:inline-flex}.external-link svg{flex-shrink:0;transform:translateY(.1em)}.grid{gap:var(--space-l);width:100%;max-width:840px;grid-template-columns:repeat(2,1fr);margin:0 auto;padding-block-start:var(--space-m);padding-inline:20px;display:grid}@media (max-width:600px){.grid{padding-inline:var(--space-s)}}.card{flex-direction:column;gap:8px;width:100%;padding-bottom:8px;transition:transform .12s;animation:.52s cubic-bezier(.22,1,.36,1) both cardIn;display:flex}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.24s}.card:nth-child(4){animation-delay:.36s}.card:nth-child(5){animation-delay:.48s}@keyframes cardIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.card{animation:none}}.cardImage{aspect-ratio:4/3;border-radius:4px;width:100%;transition:border-radius .2s,filter .2s;position:relative;overflow:hidden}.cardImage img{object-fit:cover}.cardImage video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card:hover .cardImage,.card:focus-visible .cardImage{border-radius:12px}.card:active{transform:scale(.99)}.card-title{margin-top:var(--space-s);display:block}.tagline{font-size:var(--text-m);color:var(--text-primary);font-weight:400}.project-nav{justify-content:space-between;align-items:flex-start;gap:var(--space-xl);width:100%;padding-top:var(--space-xl);display:flex}.project-link{gap:var(--space-s);flex-direction:column;text-decoration:none;display:flex}.project-link.next{text-align:right}.project-img{aspect-ratio:4/3;object-fit:cover;width:200px;height:auto}.underline-link,.underline-link:visited{color:inherit;line-height:1;text-decoration:none;transition:color .15s,transform .12s;display:inline-block;position:relative}.underline-link:active{transform:scale(.98)}.underline-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:.09em;transition:transform .15s;position:absolute;bottom:-.3em;left:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.underline-link:hover:after{transform:scaleX(1)}}a.weblink,a.weblink:visited{color:inherit;text-decoration:underline;transition:color .1s,transform .15s;display:inline-block}a.weblink:hover{color:var(--tropical)}a.weblink:active{transition:transform .1s;transform:scale(.96)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}@media (max-width:900px){.page{padding:var(--space-s) var(--space-s) 0}footer{padding-top:var(--space-l);padding-bottom:var(--space-s)}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid{grid-template-columns:1fr}.intro-text{display:block}.heading-md{letter-spacing:-.01em;max-width:700px}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.cursor{animation:2s infinite blink}.typewriter{overflow:visible}button:focus-visible,a:focus-visible{outline:2px dotted var(--text-strong);outline-offset:4px;border-radius:3px}
.smallcase{font-size:var(--text-s);letter-spacing:.01em;text-transform:lowercase;font-variant-numeric:tabular-nums;font-weight:400;line-height:1.6}.heading-serif{font-family:Instrument Serif,Georgia,serif;font-style:normal;font-weight:500;font-size:var(--serif-l);letter-spacing:-.01em;max-width:24ch;margin-bottom:var(--space-m);text-wrap:pretty;line-height:1.2}.heading-serif--centered{text-align:center;max-width:24ch;margin-inline:auto}.body-xl{font-weight:400;font-size:var(--text-xl);letter-spacing:-.01em;line-height:1.32}.body-l{font-weight:400;font-size:var(--text-l);letter-spacing:-.01em;line-height:1.4}.body-l--title{text-transform:uppercase;margin-bottom:.4em}.body-l--narrow{max-width:28ch}.prose--narrow .body-l{line-height:1.3}.body-m{font-size:var(--text-m);letter-spacing:0;font-weight:400;line-height:1.4}.body-s{font-weight:400;font-size:var(--text-s);letter-spacing:-.01em;max-width:45ch}.body-xs{font-weight:400;font-size:var(--text-xs);letter-spacing:-.01em;max-width:40ch}.label{font-weight:400;font-size:var(--text-s);letter-spacing:-.01em;text-transform:uppercase;max-width:45ch;color:var(--text-strong)}.label-s{text-transform:uppercase;color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:-.01em;max-width:45ch;font-weight:400}
@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Bold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Heavy.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Black.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeEdu-Ultra.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:PP Editorial New;src:url(/fonts/PPEditorialNew-Ultralight.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:PP Editorial New;src:url(/fonts/PPEditorialNew-UltralightItalic.woff2)format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:PP Editorial New;src:url(/fonts/PPEditorialNew-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Editorial New;src:url(/fonts/PPEditorialNew-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}
.hamburger{cursor:pointer;width:40px;height:40px;color:var(--text-strongest);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;margin-top:0;padding:0;display:none}.hamburger:hover,.hamburger:active .t-icon-swap{background:0 0;border:none}.t-icon-swap{place-items:center;width:32px;height:32px;display:inline-grid;position:relative}.t-icon{grid-area:1/1;place-items:center;line-height:0;transition:opacity .2s ease-in-out,filter .2s ease-in-out,transform .2s ease-in-out;display:grid}.t-icon-swap[data-state=a] .t-icon[data-icon=a],.t-icon-swap[data-state=b] .t-icon[data-icon=b]{opacity:1;filter:blur();transform:scale(1)}.t-icon-swap[data-state=a] .t-icon[data-icon=b],.t-icon-swap[data-state=b] .t-icon[data-icon=a]{opacity:0;filter:blur(2px);transform:scale(.25)}@media (prefers-reduced-motion:reduce){.t-icon{transition:none}}header{font-size:var(--text-l);letter-spacing:-.01em;color:var(--text-primary);flex-direction:row;justify-content:space-between;align-items:flex-end;padding-top:20px;padding-bottom:40px;font-weight:400;line-height:1;display:flex;position:relative}@media (max-width:900px){header{padding-block:var(--space-m)}}.site-logo,.site-logo,.site-logo:visited{color:var(--text-strongest)}.nav{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-link{color:var(--text-secondary)}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-strongest)}a{text-decoration:none}.links{gap:2rem;display:flex}.links a{transform-origin:50%;color:var(--text-secondary);text-decoration:none;transition:color .15s;display:inline-block}.links a:hover{color:var(--text-strongest)}.links a:active{transform:scale(.98)}.links a.active{color:var(--text-strongest);text-decoration:underline}@media (max-width:600px){.hamburger{display:flex}.links{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:flex-start;gap:var(--space-s);top:60px;left:calc(-1 * var(--space-s));right:calc(-1 * var(--space-s));z-index:100;text-align:left;border-bottom:.5px solid var(--box-shadow);min-height:calc(100dvh - 60px);padding:var(--space-l) var(--space-s) var(--space-xl);opacity:0;transform-origin:top;pointer-events:none;background:#f8f7f433;flex-direction:column;transition:opacity .18s,transform .18s;display:flex;position:absolute;transform:scale(.98);box-shadow:0 12px 24px #0000000a}.links.open{opacity:1;pointer-events:auto;overflow:auto;transform:scale(1)}.links a{font-size:var(--text-xxl);line-height:1.3}.links a:active{transform:none}}
*{box-sizing:border-box;margin:0;padding:0;font-family:ABC Diatype,sans-serif}html,body{height:100%}h1,h2,h3,h4,p{font-size:var(--text-m);margin:0}html{-webkit-text-size-adjust:100%}a,a:visited{color:inherit;text-decoration:none}button,input,textarea{appearance:none;font-family:ABC Diatype,sans-serif;font-weight:400}
.about-section{padding:var(--space-xxl) 0;flex:1;justify-content:center;align-items:center;display:flex}.about-intro{gap:var(--space-xs);flex-direction:column;display:flex}.about-card{grid-template-columns:auto minmax(0,460px);justify-content:center;align-items:center;gap:clamp(24px,4vw,60px);width:100%;max-width:760px;display:grid}.about-portrait{object-fit:contain;width:clamp(120px,22vw,205px);max-width:100%;height:auto;transition:transform .2s,filter .2s;display:block;overflow:visible}.about-portrait:hover{transform:translateY(-4px)}.about-copy{gap:var(--space-l);flex-direction:column;display:flex}.about-note{font-size:var(--text-xs);color:var(--text-primary)}@media (max-width:900px){.about-card{grid-template-columns:auto minmax(0,320px);justify-content:center;align-items:start;margin:auto;display:grid}.about-section{align-items:flex-start}}@media (max-width:600px){.about-copy .body-l--narrow{max-width:30ch;font-size:var(--text-xl);line-height:1.35}.about-copy .heading-serif{font-family:inherit;font-size:var(--text-xl);letter-spacing:-.01em;font-weight:400}.about-card{padding-block:var(--space-s);grid-template-columns:1fr}.about-portrait{width:clamp(65px,12vw,205px)}.about-section{padding:var(--space-s);align-items:flex-start}.about-note{text-align:left}}.experience{flex-direction:column;margin:0 auto;display:flex}.experience-container{grid-template-rows:1fr 1fr;max-width:400px;margin:0 auto;display:grid}.experience-heading h1{font-weight:500}.experience-box{margin-bottom:var(--space-m);flex-direction:column;gap:4px;display:flex}.experience-titles h1{font-weight:500}.experience-desc{border-top:.5px solid var(--text-secondary);font-weight:400;font-size:var(--text-m);color:var(--text-primary);padding-top:8px}.small-text{font-weight:400;font-size:var(--text-xs);color:var(--text-primary);text-align:right}.tooltip-wrapper{--tooltip-start-y:6px;--tooltip-end-y:0px;--tooltip-duration:.2s;--tooltip-easing:ease;display:inline-flex;position:relative}.tooltip{bottom:calc(100% + var(--space-xs));transform:translate(-50%, var(--tooltip-start-y));border-radius:var(--space-xs);white-space:nowrap;font-family:monospace;font-size:var(--text-xs);color:var(--text-inverted);background-color:var(--component-bg-inverted);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--tooltip-duration) var(--tooltip-easing), transform var(--tooltip-duration) var(--tooltip-easing), visibility var(--tooltip-duration) var(--tooltip-easing);padding:8px 12px;font-weight:200;position:absolute;left:50%;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%, var(--tooltip-end-y))}.tooltip:after{content:"";border:6px solid #0000;border-top-color:#000;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper button{appearance:none;cursor:pointer;outline:focus-visible;background:0 0;border:none;padding:0;transition:transform .15s}.tooltip-wrapper button:hover{transform:translateY(-3px)}.tooltip-wrapper button:active{transform:scale(.97)}.portrait-tooltip-wrapper .tooltip{transition:none}.portrait-tooltip-wrapper:hover .tooltip{animation:tooltipIn var(--tooltip-duration) var(--tooltip-easing)}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%, var(--tooltip-start-y))}}@media (max-width:600px){.portrait-tooltip-wrapper,.tooltip{display:none}}
.contact-page{flex:1;place-items:center;display:grid}.contact-form{width:100%;max-width:400px;font-size:var(--text-l);padding:0 var(--space-l)}p.contact:hover{text-decoration:underline}.return-link:hover{cursor:pointer;text-decoration:underline}form{gap:var(--space-l);flex-direction:column;width:100%;max-width:400px;display:flex}.form-field{gap:var(--space-l);flex-direction:column;display:flex}label{color:var(--text-strongest);letter-spacing:-.01em}input{padding:var(--space-s) 0;color:var(--text-strongest);background:0 0;border:none;outline:none;width:100%;font-family:ABC Diatype,sans-serif;transition:border-color .15s}input:focus{border-bottom-color:var(--text-strongest)}input::placeholder{color:var(--text-secondary)}.contact-form button{border:none;border-bottom:.5px solid var(--text-secondary);width:100%;height:auto;font-family:ABC Diatype,sans-serif;font-size:var(--text-m);color:var(--text-strongest);cursor:pointer;margin-top:var(--space-l);text-align:left;appearance:none;background:0 0;padding:10px 0;font-weight:400;transition:border-color .15s,color .15s}.contact-form button:hover{border-color:var(--text-strongest);background:var(--box-shadow)}.contact-form button span{transition:transform .15s;display:inline-block}.contact-form button:hover span{transform:translate(5px)}.contact-form button:active span{transform:scale(.96)translate(5px)}.contact-form button:disabled{opacity:.55;cursor:wait}.contact-form button:active{background:#ccc}textarea{padding:var(--space-s) 0;color:var(--text-strongest);resize:none;background:0 0;border:none;outline:none;width:100%;font-family:ABC Diatype,sans-serif;transition:border-color .15s}textarea:focus{border-bottom-color:var(--text-strongest)}textarea::placeholder{color:var(--text-secondary)}
footer{font-size:var(--text-xs);padding-top:var(--space-l);padding-bottom:var(--space-m);flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:flex-end;display:flex}.cm{width:48px;height:auto}@media (max-width:699px){.footer-commit{display:none}}
body:has(.archive-sphere-screen){background:var(--background);margin:0;overflow:hidden auto}body:has(.archive-sphere-screen) .page{min-height:100dvh;padding-bottom:var(--space-l);background:var(--background)}body:has(.archive-sphere-screen) .page>footer{display:none}.archive-sphere-screen{width:100%;max-width:var(--content-width);background:var(--background);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;height:clamp(540px,100dvh - 260px,820px);min-height:540px;margin-inline:auto;position:relative;overflow:hidden}.archive-sphere-screen:active{cursor:grabbing}.archive-sphere-screen:focus-visible{outline:none}.archive-sphere-scene{perspective:1180px;perspective-origin:50%;place-items:center;display:grid;position:absolute;inset:0}.archive-sphere{width:0;height:0;transform-style:preserve-3d;position:relative}.archive-sphere-photo{backface-visibility:visible;transform-style:preserve-3d;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;top:0;left:0}.archive-sphere-photo:focus-visible{outline:1px solid var(--text-strongest);outline-offset:5px}.archive-sphere-photo-inner,.archive-sphere-photo img,.archive-sphere-photo video{width:100%;height:100%;display:block}.archive-sphere-photo-inner{pointer-events:none;backface-visibility:visible;background:#e8e8e6;overflow:hidden;box-shadow:0 1px 3px #1717170a,0 8px 20px #17171709}.archive-sphere-photo img,.archive-sphere-photo video{object-fit:contain;pointer-events:none;-webkit-user-drag:none}.archive-sphere-caption{z-index:1;text-align:left;cursor:default;-webkit-user-select:text;user-select:text;touch-action:pan-y;margin:0;padding:0;position:absolute}.archive-sphere-caption h2{margin:0 0 var(--space-s);color:var(--text-strongest);font-weight:500}.archive-sphere-caption-backdrop{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(36px)saturate(.65);backdrop-filter:blur(36px)saturate(.65);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;background:#fcfcfce0;position:absolute;inset:-72px -80px;-webkit-mask-image:linear-gradient(90deg,#0000,#00000026 24px,#000000a6 52px,#000 80px calc(100% - 80px),#000000a6 calc(100% - 52px),#00000026 calc(100% - 24px),#0000),linear-gradient(#0000,#00000026 24px,#000000a6 48px,#000 72px calc(100% - 72px),#000000a6 calc(100% - 48px),#00000026 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#00000026 24px,#000000a6 52px,#000 80px calc(100% - 80px),#000000a6 calc(100% - 52px),#00000026 calc(100% - 24px),#0000),linear-gradient(#0000,#00000026 24px,#000000a6 48px,#000 72px calc(100% - 72px),#000000a6 calc(100% - 48px),#00000026 calc(100% - 24px),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.archive-sphere-caption p{color:var(--text-strongest);text-wrap:wrap;max-width:none;margin:0}.archive-sphere-screen .smallcase{letter-spacing:normal;word-spacing:normal;line-height:1.5}@media (max-width:600px){.archive-sphere-scene{perspective:850px}}.archive-sphere-caption .body-m{text-transform:none;letter-spacing:normal;word-spacing:normal;line-height:1.45}.archive-feature{pointer-events:none;z-index:2;position:absolute;inset:0}.archive-feature-media{pointer-events:auto;cursor:default;position:absolute}.archive-gallery-dots{color:var(--text-strong);pointer-events:none;gap:6px;margin-top:24px;display:flex}.archive-gallery-dots span{background:0 0;border:1px solid;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background-color .16s ease-out}.archive-gallery-dots .is-active{background:currentColor}.archive-feature-media img,.archive-feature-media video{object-fit:contain;filter:drop-shadow(0 3px 6px #0000000f)drop-shadow(0 12px 18px #0000001f);width:100%;height:100%;display:block}.archive-feature .archive-sphere-caption{pointer-events:auto}.archive-image-spread{aspect-ratio:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,100cqh);margin:auto;display:grid}.archive-gallery-frame:has(.archive-image-spread){place-items:center;display:grid;container-type:size}.archive-image-spread-2{aspect-ratio:2;width:min(100%,200cqh)}.archive-feature-media .archive-image-spread img{aspect-ratio:1;object-fit:contain;filter:none;min-width:0;min-height:0}.archive-sphere-caption .archive-project-year{color:var(--text-strong);margin-top:16px}.archive-project-link{text-underline-offset:3px;margin-top:16px;text-decoration:underline;display:inline-block}@media (max-width:699px){body:has(.archive-feature){overflow-y:auto}.archive-sphere-screen:has(.archive-feature){min-height:max(100dvh - 48px,780px)}}.archive-feature-gallery{pointer-events:auto;touch-action:pan-x;scrollbar-width:thin;gap:8px;padding:4px 2px 8px;display:flex;position:absolute;overflow-x:auto}.archive-feature-gallery button{cursor:pointer;opacity:.55;background:0 0;border:0;flex:0 0 52px;height:44px;padding:2px;transition:opacity .16s}.archive-feature-gallery button:hover,.archive-feature-gallery button[aria-pressed=true]{opacity:1}.archive-feature-gallery button:focus-visible{outline:1px solid var(--text-strong);outline-offset:-1px}.archive-feature-gallery img,.archive-feature-gallery video{object-fit:contain;width:100%;height:100%;display:block}.archive-image-navigation{display:flex;position:absolute;inset:0}.archive-image-navigation button{background:0 0;border:0;width:50%;padding:0}.archive-image-navigation button:focus-visible{outline:1px solid var(--text-strong);outline-offset:-4px}.archive-image-navigation span{display:none}.archive-image-previous{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M25%2016H7%20M14%209L7%2016L14%2023%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M25%2016H7%20M14%209L7%2016L14%2023%22%20fill%3D%22none%22%20stroke%3D%22%23171717%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E) 16 16,pointer}.archive-image-next{cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M7%2016H25%20M18%209L25%2016L18%2023%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7%2016H25%20M18%209L25%2016L18%2023%22%20fill%3D%22none%22%20stroke%3D%22%23171717%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E) 16 16,pointer}@media (hover:none){.archive-image-navigation button{align-items:flex-end;padding:12px;display:flex}.archive-image-next{justify-content:flex-end}.archive-image-navigation span{color:#171717;background:#fcfcfccc;border-radius:50%;padding:2px 6px;display:block}}.archive-intro{text-align:center;color:var(--text-strongest);flex-shrink:0;padding:32px 16px 16px}.archive-intro p{max-width:40ch;color:var(--text-strong);margin:0 auto}@media (max-width:699px){.archive-intro{padding:24px 16px 16px}.archive-sphere-screen{height:560px;min-height:560px}.archive-sphere-screen:has(.archive-feature){height:880px;min-height:880px}}.archive-sphere-track{width:100%}.archive-fun-stuff-track{width:100%;position:relative}.archive-sphere-screen.archive-fun-stuff-screen{max-width:1200px;height:calc(100dvh - 48px);min-height:540px;position:sticky;top:24px;overflow:clip}.archive-fun-stuff-screen .archive-sphere-scene{perspective:1180px}.archive-fun-stuff-screen .archive-sphere-caption h2{font-weight:400}@media (max-width:699px){.archive-sphere-screen.archive-fun-stuff-screen{height:calc(100dvh - 16px);min-height:560px;top:8px}.archive-fun-stuff-screen .archive-sphere-scene{perspective:850px}}.archive-sphere-track>.archive-sphere-screen{overflow:visible}body:has(.archive-sphere-track) .archive-intro{pointer-events:none}body:has(.archive-sphere-track) .page>header{z-index:5;position:relative}body:has(.archive-fun-stuff-track){overflow:hidden}body:has(.archive-fun-stuff-track) .page{box-sizing:border-box;height:100dvh;min-height:0;padding-bottom:0}body:has(.archive-fun-stuff-track) .main{min-height:0;position:relative}body:has(.archive-fun-stuff-track) .page>header{z-index:5;flex-shrink:0;position:relative}body:has(.archive-fun-stuff-track) .page>footer{z-index:5;display:flex;position:relative}body:has(.archive-fun-stuff-track) .archive-intro{z-index:3;pointer-events:none;position:absolute;inset:0 0 auto}.archive-fun-stuff-track{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;overflow:hidden auto}.archive-fun-stuff-track::-webkit-scrollbar{display:none}.archive-fun-stuff-track>.archive-fun-stuff-screen{max-width:1200px;height:100%;min-height:0;top:0}.archive-fun-stuff-screen .archive-sphere-photo-inner{box-shadow:0 3px 8px #1717170f,0 18px 40px -8px #17171729}.archive-fun-stuff-title{z-index:1;visibility:hidden;pointer-events:none;width:max-content;max-width:min(260px,100% - 24px);color:var(--text-strongest);font-size:var(--text-m);text-align:left;text-shadow:0 1px 12px var(--background);font-weight:400;position:absolute}@media (max-width:699px){body:has(.archive-fun-stuff-track) .page>footer{display:none}.archive-fun-stuff-screen .archive-feature-media{touch-action:pan-y pinch-zoom}.archive-fun-stuff-screen .archive-sphere-caption .body-m,.archive-fun-stuff-screen .archive-sphere-caption h2{font-size:15px;line-height:1.45}.archive-fun-stuff-screen .archive-sphere-caption .archive-project-year{margin-top:8px}.archive-mobile-video-navigation{justify-content:space-between;width:100%;display:flex;position:absolute;top:100%}.archive-mobile-video-navigation button{width:44px;height:44px;color:var(--text-strong);font:inherit;background:0 0;border:0}}.t-tilt{--tilt-perspective:1000px;--tilt-return:1s;--tilt-follow:.4s;--tilt-ease:cubic-bezier(.22, 1, .36, 1);--tilt-glare-opacity:.32;touch-action:none}.archive-photo-media,.t-tilt-card{width:100%;height:100%;display:block}.archive-fun-stuff-screen .archive-sphere-photo-inner{box-shadow:none;background:0 0;overflow:visible}.t-tilt-card{transform:perspective(var(--tilt-perspective)) rotateX(var(--tilt-rx,0deg)) rotateY(var(--tilt-ry,0deg));transform-style:preserve-3d;transition:transform var(--tilt-return) var(--tilt-ease);background:#e8e8e6;border-radius:0;position:relative;overflow:hidden;box-shadow:0 3px 8px #1717170f,0 18px 40px -8px #17171729}.t-tilt-card.is-tilting{transition-duration:var(--tilt-follow)}.t-tilt-glare{pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle 95px at var(--tilt-gx,50%) var(--tilt-gy,50%), #ffffff7a, #ffffff0f 52%, transparent 84%), radial-gradient(circle 200px at var(--tilt-gx,50%) var(--tilt-gy,50%), #ffffff38, #ffffff0a 58%, transparent 78%), radial-gradient(circle 360px at var(--tilt-gx,50%) var(--tilt-gy,50%), #ffffff1a, transparent 88%);transition:opacity .3s var(--tilt-ease);position:absolute;inset:0}.t-tilt.is-hover .t-tilt-glare{opacity:var(--tilt-glare-opacity)}@media (min-width:700px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.archive-fun-stuff-screen .t-tilt-card{transition:transform var(--tilt-return) var(--tilt-ease), scale .22s var(--tilt-ease);scale:1}.archive-fun-stuff-screen .t-tilt:hover .t-tilt-card{scale:1.025}}@media (prefers-reduced-motion:reduce){.t-tilt-card{transition:none!important;transform:none!important}.t-tilt-glare{display:none}}@media (pointer:coarse){.archive-fun-stuff-screen,.archive-fun-stuff-screen .t-tilt{touch-action:pan-y pinch-zoom}}.archive-fun-stuff-end{z-index:2;text-align:center;position:absolute;inset:auto 20px 32px}.archive-fun-stuff-end button{color:var(--text-strong);cursor:pointer;background:0 0;border:0;padding:8px 0}.archive-fun-stuff-end button:focus-visible{outline-offset:6px;outline:1px solid}.archive-fun-stuff-end p{color:var(--text-strong);margin:0}.archive-fun-stuff-end .underline-link:after{bottom:5px}@media (max-width:699px){.archive-fun-stuff-end{top:55%;bottom:auto}}.archive-feature-media-slot{display:contents}.archive-sphere-caption h2,.archive-fun-stuff-title{font-family:ABC Diatype,sans-serif;font-size:var(--text-m);letter-spacing:normal;font-weight:400;line-height:1.45}.archive-fun-stuff-title{font-family:Instrument Serif,Georgia,serif}.archive-mobile-card-title{pointer-events:none;transform-origin:0 100%;text-align:left;width:100%;color:var(--text-strongest);font-family:Instrument Serif,Georgia,serif;font-size:16px;font-weight:400;line-height:1.2;position:absolute;bottom:calc(100% + 12px);left:0}.archive-sphere-screen .archive-sphere-caption h2{font-weight:600}.archive-intro .archive-keyboard-hint{color:var(--text-primary);margin-top:12px}.archive-fun-stuff-screen .archive-sphere-scene{animation:1s ease-out .6s both archive-reveal}.archive-keyboard-hint span{animation:1s ease-out 1.3s both archive-reveal;display:inline-block}@keyframes archive-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.archive-fun-stuff-screen .archive-sphere-scene,.archive-keyboard-hint span{animation:none}}@media (min-width:700px){.archive-sphere-caption{translate:0 -50%}}.archive-feature-gallery button:first-child{margin-left:auto}.archive-feature-gallery button:last-child{margin-right:auto}.archive-poster-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:2%;width:100%;height:100%;display:grid}.archive-poster-row img{object-fit:contain;min-width:0}:is(.archive-sphere-photo:has(.archive-poster-row) .archive-sphere-photo-inner,.archive-sphere-photo:has(.archive-poster-row) .t-tilt-card){background:0 0}@media (max-width:699px){.archive-fun-stuff-title{font-size:16px;line-height:1.2}.archive-mobile-video-navigation,.archive-image-navigation button span{display:none}}.archive-gallery-frame{position:absolute;inset:0}.archive-video-play{z-index:2;color:var(--text-strongest);font:inherit;cursor:pointer;background:#fcfcfce6;border:0;padding:12px 20px;position:absolute;top:50%;left:50%;translate:-50% -50%}
::view-transition-group(root){animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(root){opacity:0}::view-transition-group(page-content){animation:none}::view-transition-old(page-content){animation:.12s ease-out both pageFadeOut}::view-transition-new(page-content){animation:.18s ease-out 40ms both pageFadeIn}::view-transition{pointer-events:none}@keyframes pageFadeOut{to{opacity:0}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:699px),(prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}::view-transition-old(page-content){opacity:0}}