:root{--paper:#e8e6e0;--ink:#22231f;--pad:clamp(22px,3.5vw,65px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;padding:0;border:0;background:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid #9ca095;outline-offset:6px}header{position:absolute;z-index:2;top:0;width:100%;display:flex;align-items:center;gap:34px;padding:25px var(--pad);color:#fff;font-size:12px}.monogram{font-size:30px;font-weight:700;letter-spacing:-2px}header>span{font-size:10px;line-height:1.3}nav{display:flex;gap:7px;margin:auto}header .email{border-bottom:1px solid #ffffff80;padding-bottom:3px}.hero{height:100svh;min-height:680px;position:relative;color:#f5f4ee;background:#171717;overflow:hidden}.hero>video,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(#0006,transparent 35%,#0005 65%,#000b)}.hero-top{position:absolute;top:120px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px}.hero-top button{font:9px monospace;text-transform:uppercase;border-bottom:1px solid #ffffff70;padding-bottom:5px}.hero-caption{position:absolute;bottom:clamp(210px,22vw,340px);left:var(--pad);font:10px monospace;display:flex;flex-direction:column;gap:10px}.hero-caption button{text-align:left;font:12px Helvetica,Arial,sans-serif;border-bottom:1px solid #fff8;padding-bottom:5px;width:max-content}.hero h1{position:absolute;bottom:64px;left:var(--pad);right:var(--pad);margin:0;font-size:clamp(70px,12.8vw,230px);font-weight:500;line-height:.86;letter-spacing:-.075em;white-space:nowrap}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}.hero-foot{position:absolute;bottom:22px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:10px}.work{padding:58px var(--pad) 75px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px}.section-head h2{font-size:24px;font-weight:400;letter-spacing:-1px;margin:0}.section-head sup{font:10px monospace;margin-left:10px}.section-head>span{font-size:10px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 20px}.project{text-align:left;min-width:0}.picture{aspect-ratio:1.65;position:relative;overflow:hidden;background:#141414}.picture img{width:100%;height:100%;object-fit:cover;transition:transform .65s,filter .65s}.project:hover img{transform:scale(1.025);filter:brightness(.85)}.picture>span{position:absolute;right:18px;bottom:18px;color:white;font-size:11px;border-bottom:1px solid white;opacity:0;transition:opacity .2s}.project:hover .picture>span,.project:focus-visible .picture>span{opacity:1}.caption{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:15px}.caption h3{font-size:19px;letter-spacing:-.5px;font-weight:400;margin:0}.caption>span{font:9px monospace;color:#64655e}.archive{font-size:11px;display:inline-block;margin-top:32px;border-bottom:1px solid #909187;padding-bottom:5px}.info{border-top:1px solid #bcbeb3;margin:0 var(--pad);padding:65px 0 90px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px}.label{font:9px monospace;letter-spacing:.7px}.info h2{font-size:clamp(36px,4.4vw,68px);line-height:1.02;letter-spacing:-.055em;font-weight:400;margin:0 0 25px}.info p{max-width:520px;font-size:16px;color:#66685f;line-height:1.65}.info a{display:inline-block;margin-top:18px;border-bottom:1px solid #999b91;padding-bottom:5px}.margin-note{font:italic 17px Georgia,serif;align-self:end;text-align:right;color:#77796f}.notes{padding:50px var(--pad) 65px;background:#222420;color:var(--paper)}.notes .section-head>span{color:#aaa}.notebook{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notebook>a,.notebook>article{padding:30px;min-height:340px;display:flex;flex-direction:column;background:#30332d}.notebook .lab-note{background:#d7d9cf;color:#252820}.lab-note:hover{text-decoration:none;background:#e3e5db}.notebook h3{font-size:clamp(45px,6vw,90px);line-height:.95;letter-spacing:-.065em;font-weight:400;margin:42px 0}.lab-note h3{font-weight:600}.lab-note h3>span{font-weight:300}.video-note h3 em{font-family:Georgia,serif}.note-bottom{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:auto;font-size:11px}.note-bottom p{margin:0}.note-bottom>span{font-size:10px;white-space:nowrap;border-bottom:1px solid #92978a;padding-bottom:3px}.contact{padding:70px var(--pad) 80px}.contact h2{font-size:clamp(72px,12vw,180px);font-weight:400;letter-spacing:-.065em;line-height:1;margin:26px 0}.contact h2 em{font-family:Georgia,serif;font-weight:400}.contact>a{font-size:20px;border-bottom:1px solid #8c8f81;padding-bottom:5px}footer{border-top:1px solid #bcbeb3;margin:0 var(--pad);padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px}footer>div{display:flex;gap:22px}footer>span:last-child{color:#797b72}dialog{width:min(1000px,94vw);border:0;background:#242521;color:white;padding:20px}dialog::backdrop{background:#000e}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:18px;font-weight:400}.dialog-head button{padding:12px}dialog video{width:100%;max-height:75vh}body:has(dialog[open]){overflow:hidden}@media(max-width:750px){header{gap:20px;padding-top:20px}header>span{display:none}.email{font-size:10px}nav{font-size:11px}.hero{min-height:600px}.hero-top{top:100px;font-size:8px;letter-spacing:0}.hero-top button{font-size:8px}.hero h1{font-size:18vw;white-space:normal;line-height:.9;bottom:75px}.hero h1 em{display:block;font-size:20vw}.hero-caption{bottom:260px}.hero-foot{font-size:9px}.work{padding-top:35px;padding-bottom:45px}.section-head>span{display:none}.projects{grid-template-columns:1fr;gap:28px}.picture>span{opacity:1}.info{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:45px}.info h2{font-size:42px}.info p{font-size:15px}.margin-note{text-align:left}.notes{padding-top:35px;padding-bottom:35px}.notebook{grid-template-columns:1fr}.notebook>a,.notebook>article{min-height:300px;padding:24px}.notebook h3{font-size:64px}.contact{padding-top:40px;padding-bottom:50px}footer{flex-wrap:wrap;font-size:9px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}header{justify-content:space-between;gap:24px;background:linear-gradient(#0005,transparent)}.monogram{font-size:22px;letter-spacing:-.8px;font-weight:500;white-space:nowrap}header nav{margin:0;gap:28px;font-size:12px}header nav a{padding:8px 0}.archive-cover{background:#343831;display:flex;align-items:end;padding:24px}.archive-cover>strong{position:relative;z-index:1;color:#e8e6e0;font-size:clamp(24px,3vw,45px);font-weight:400;letter-spacing:-1.5px}.folder-sheets{position:absolute;inset:15% 17% 26% 20%}.folder-sheets img{position:absolute;width:68%;height:100%;object-fit:cover;border:4px solid #e8e6e0;box-shadow:0 6px 20px #0005}.folder-sheets img:nth-child(1){transform:rotate(-13deg);left:0}.folder-sheets img:nth-child(2){transform:rotate(3deg);left:20%}.folder-sheets img:nth-child(3){transform:rotate(13deg);left:38%}.collection:hover .folder-sheets img{filter:none}.notebook .video-note{background:#30332d;color:var(--paper)}.video-note:hover{text-decoration:none;background:#3a3e35}.archive-intro{color:#c0c3b9}.archive-items{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:15px 0}.archive-items button{text-align:left}.archive-items img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;margin-bottom:8px}#archive-dialog{max-height:90svh;overflow:auto}@media(max-width:750px){header{flex-wrap:wrap;gap:12px;padding-top:18px;padding-bottom:18px}.monogram{font-size:20px}header nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}header nav a{padding:5px 0}.hero-top{top:125px}.archive-cover{padding:20px}.archive-cover>strong{font-size:30px}.archive-items{gap:15px}}html{scroll-padding-top:80px}header{position:fixed;inset:0 0 auto 0;width:100%;z-index:20;justify-content:space-between;align-items:center;background:none;mix-blend-mode:difference;color:#fff;padding:20px var(--pad)}.monogram{display:flex;flex-direction:column;line-height:1.25;letter-spacing:0;font-size:inherit;font-weight:400}.monogram:hover{text-decoration:none}.monogram strong{font-size:16px;font-weight:600;letter-spacing:.01em}.monogram span{font-size:11px;letter-spacing:.04em}header>span{display:inline}@media(max-width:750px){header{flex-wrap:nowrap;justify-content:space-between;gap:16px;padding:16px var(--pad)}header nav{width:auto;gap:14px;font-size:11px}.monogram strong{font-size:14px}.monogram span{font-size:10px}.hero-top{top:90px}}.hero h1{bottom:104px}.hero-foot{bottom:0;left:var(--pad);right:var(--pad);height:78px;align-items:center;gap:32px;border-top:1px solid #ffffff45;font-size:11px}.tabs-label{font:9px/1.5 monospace;letter-spacing:.06em;color:#c4c4bd;flex:0 0 70px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;flex:1;height:100%;max-width:640px}.tabs button{text-align:left;color:#aaa;font-size:12px;border-top:2px solid transparent;margin-top:-1px;padding-top:14px}.tabs button span{font:9px monospace;margin-right:10px}.tabs button:hover{color:#fff}.tabs button[aria-pressed=true]{color:#fff;border-color:#fff}.hero-foot>a{white-space:nowrap}.hero-video-swap{transition:opacity .3s}@media(max-width:750px){.hero h1{bottom:100px}.hero-foot{gap:14px;height:70px}.tabs-label{display:none}.tabs{gap:10px}.tabs button{font-size:11px;padding-top:12px}.tabs button span{display:block;margin:0 0 4px}.hero-foot>a{font-size:9px;white-space:normal;text-align:right;max-width:70px}.hero-caption{bottom:285px}}.projects.roles{grid-template-columns:repeat(3,1fr);gap:40px 24px;align-items:start}.projects.roles .picture{aspect-ratio:1.5}.role{margin:10px 0 0;font-size:13px;line-height:1.55;color:#5d5f57;max-width:36ch}.role strong{display:block;font-weight:500;color:var(--ink);margin-bottom:4px;font-size:12px;letter-spacing:.02em}.notebook>div.lab-note{padding:30px;min-height:340px;display:flex;flex-direction:column;background:#d7d9cf;color:#252820;min-width:0}.notebook .lab-note{cursor:default}.lab-note .products{list-style:none;margin:auto 0 0;padding:0}.lab-note .products li{border-top:1px solid #aeb1a4}.lab-note .products li:last-child{border-bottom:1px solid #aeb1a4}.lab-note .products a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;font-size:17px}.lab-note .products a:hover{text-decoration:none;padding-left:8px}.lab-note .products a{transition:padding .2s}.lab-note .products em{font-style:normal;font-size:12px;color:#5c5f53}.lab-note h3{margin:30px 0 28px}@media(max-width:750px){.projects.roles{grid-template-columns:1fr}.role{max-width:none}}header{justify-content:flex-end}header nav{gap:30px}@media(max-width:750px){header{justify-content:center}header nav{width:100%;gap:16px;justify-content:space-between}.hero-top{top:88px}}header nav{gap:22px;font-size:14px}header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px}header{padding-top:10px;padding-bottom:10px}.lab-description{font-size:15px;line-height:1.5;max-width:34ch;margin:0 0 8px}.lab-status{font:10px/1.5 monospace;color:#5c5f53;margin:0 0 24px}.lab-note h3{margin-bottom:16px}.archive span{color:#66685f}.role{max-width:40ch}@media(max-width:750px){header nav{gap:8px;font-size:14px}header nav a{min-width:48px}.hero-top{top:88px}.archive span{display:block;margin-top:4px}}header{justify-content:space-between}.site-name{font-size:20px;font-weight:500;letter-spacing:-.6px;white-space:nowrap}.hero #project-title{font-size:clamp(65px,10.7vw,190px);letter-spacing:-.065em}.hero #project-title em{letter-spacing:-.065em}@media(max-width:750px){header{flex-wrap:wrap;gap:4px;justify-content:space-between}.site-name{font-size:19px}header nav{width:100%;justify-content:space-between;gap:6px;font-size:13px}header nav a{padding:8px 0}.hero-top{top:115px}.hero #project-title{font-size:16vw;line-height:.95;white-space:normal}.hero #project-title em{display:inline;font-size:inherit}.hero-caption{bottom:260px}}.archive-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;margin-top:65px;padding:38px 0 0;border:0;border-top:1px solid #bcbeb3}.archive-feature:hover{text-decoration:none}.archive-feature h2{font-size:clamp(50px,7vw,105px);font-weight:400;letter-spacing:-.065em;line-height:1;margin:20px 0}.archive-feature h2 em{font-family:Georgia,serif;font-weight:400}.archive-feature p{font-size:15px;color:#63665b}.archive-feature .archive-action{display:inline-block;font-size:12px;border-bottom:1px solid;padding-bottom:5px;margin-top:15px;color:var(--ink)}.archive-teaser{display:flex;align-items:center;padding:20px}.archive-teaser img{width:58%;aspect-ratio:1.2;object-fit:cover;border:6px solid var(--paper);box-shadow:0 10px 25px #0002;transform:rotate(-8deg);transition:transform .3s}.archive-teaser img+img{margin-left:-18%;transform:rotate(8deg)}.archive-feature:hover img{transform:rotate(-4deg)}.archive-feature:hover img+img{transform:rotate(4deg)}@media(max-width:750px){.archive-feature{grid-template-columns:1fr;gap:20px;margin-top:40px}.archive-teaser{max-width:360px}.archive-feature .label{display:block}}dialog{padding:0;background:#111;width:min(1180px,94vw);max-height:92svh;border:0}dialog::backdrop{background:#000d}dialog .dialog-head{padding:10px 14px;margin:0}dialog .dialog-head h2{font-size:13px;letter-spacing:.01em}dialog .dialog-head button{padding:6px 2px;font-size:12px;color:#c4c4bd}dialog .dialog-head button:hover{color:#fff}dialog video,#vimeo-player,#archive-still{border-radius:0}#clip-list{margin:0;padding:0 14px 10px}#clip-list button{padding:6px 12px;font-size:12px}#vimeo-player{max-height:76svh}@media(max-width:750px){dialog{width:100vw;max-width:100vw;max-height:100svh}dialog .dialog-head{padding:8px 12px}}.contact>a+a.contact-social{margin-left:28px;font-size:20px;border-bottom:1px solid #8c8f81;padding-bottom:5px}@media(max-width:750px){.contact>a+a.contact-social{display:inline-block;margin:22px 0 0;font-size:16px}}.site-name{font-size:24px;font-weight:600;letter-spacing:-.045em;line-height:1}.site-name em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.04em;margin-left:.08em}@media(max-width:750px){.site-name{font-size:21px}}#reel-frame{display:block;width:100%;aspect-ratio:16/9;max-height:76svh;border:0;background:#111}.hero-reel{position:absolute;z-index:2;right:var(--pad);bottom:clamp(120px,15vh,170px);display:inline-flex;align-items:center;gap:12px;padding:14px 24px 14px 20px;border:1px solid #ffffffa6;border-radius:40px;background:#0004;color:#fff;font-size:13px;letter-spacing:.01em;backdrop-filter:blur(6px);transition:background .25s,color .25s,border-color .25s}.hero-reel::before{content:"";width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.hero-reel:hover{background:#f0efe8;color:#171717;border-color:#f0efe8}@media(max-width:750px){.hero-reel{right:auto;left:var(--pad);bottom:clamp(100px,14vh,130px);padding:12px 20px 12px 16px;font-size:12px}}@media(max-width:750px){.hero-reel{top:158px;bottom:auto;right:auto;left:var(--pad)}}html{scroll-padding-top:72px}@media(max-width:750px){html{scroll-padding-top:104px}}.archive-feature{display:block;margin-top:70px;padding-top:34px}.af-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}.af-head h2{margin:14px 0 0;font-size:clamp(56px,9vw,140px);line-height:.9}.af-side{max-width:300px;padding-bottom:10px}.af-side p{margin:0;font-size:15px;line-height:1.5;color:#63665b}.af-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.af-strip img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.af-strip{overflow:hidden}.af-strip img{transform:none;margin:0;box-shadow:none;border:0}.archive-feature:hover .af-strip img{transform:scale(1.04);filter:brightness(.92)}.archive-feature:hover .af-strip img+img,.archive-feature:hover .af-strip img{transform:scale(1.04)}@media(max-width:750px){.af-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}.af-strip{grid-template-columns:1fr 1fr}.archive-feature{margin-top:44px}}.info{grid-template-columns:1fr 2fr 1.15fr;align-items:start}.portrait{margin:0}.portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%}.portrait figcaption{font:italic 15px Georgia,serif;color:#77796f;margin-top:12px}@media(max-width:750px){.info{grid-template-columns:1fr}.portrait{max-width:360px}.portrait img{aspect-ratio:1/1}}header{transition:background .25s,color .25s,border-color .25s}header.scrolled{mix-blend-mode:normal;background:#e8e6e0f2;color:#22231f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #c4c5bb}.archive-page header{position:sticky;top:0;z-index:20}:root{--cw:calc(100vw - 2 * var(--pad));--pic-h:calc((var(--cw) - 48px) / 4.5)}.archive-feature.af{margin-top:56px;padding-top:30px}.af-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:22px}.af-head h2{margin:10px 0 0;font-size:clamp(44px,5.2vw,78px);line-height:.92}.af-side{display:flex;align-items:flex-end;gap:26px;max-width:520px;padding-bottom:6px}.af-side p{margin:0;font-size:14px;line-height:1.5;color:#63665b;max-width:26ch}.af-side .archive-action{margin-top:0;white-space:nowrap;font-size:12px;border-bottom:1px solid;padding-bottom:5px}.af-panels{display:flex;gap:10px;height:var(--pic-h)}.af-panel{position:relative;flex:1;min-width:0;overflow:hidden;background:#222 var(--img) center/cover no-repeat;transition:flex .65s cubic-bezier(.2,.7,.2,1);color:#fff}.af-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b);opacity:.55;transition:opacity .4s}.af-panel:hover,.af-panel:focus-visible{text-decoration:none}.af-title,.af-meta{position:absolute;left:16px;z-index:1;white-space:nowrap}.af-title{bottom:34px;font-size:20px;letter-spacing:-.04em;opacity:0;transform:translateY(8px);transition:opacity .35s .1s,transform .35s .1s}.af-meta{bottom:16px;font:10px monospace;letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity .35s .15s}@media(hover:hover){.af-panels:hover .af-panel{flex:.7}.af-panels .af-panel:hover,.af-panels .af-panel:focus-visible{flex:3.2}.af-panel:hover::after,.af-panel:focus-visible::after{opacity:1}.af-panel:hover .af-title,.af-panel:focus-visible .af-title,.af-panel:hover .af-meta,.af-panel:focus-visible .af-meta{opacity:1;transform:none}}@media(hover:none){.af-title,.af-meta{opacity:1;transform:none}.af-panel::after{opacity:1}}@media(max-width:750px){.af-head{flex-direction:column;align-items:flex-start;gap:14px}.af-side{gap:18px;flex-wrap:wrap}.af-panels{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;-webkit-overflow-scrolling:touch}.af-panel{flex:0 0 72%;aspect-ratio:1.5;scroll-snap-align:start}.af-title,.af-meta{opacity:1;transform:none}.af-panel::after{opacity:1}}.info{align-items:stretch;padding:56px 0 64px}.about-main{display:flex;flex-direction:column;min-width:0}.about-main h2{margin-bottom:22px}.about-tabs{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.about-tabs button{padding:9px 18px;border:1px solid #aaad9f;border-radius:30px;font-size:13px;min-height:40px;transition:background .2s,color .2s,border-color .2s}.about-tabs button:hover{border-color:#252721}.about-tabs button[aria-selected=true]{background:#252721;color:var(--paper);border-color:#252721}.info .about-panels p{margin:0;font-size:clamp(18px,1.55vw,23px);line-height:1.45;letter-spacing:-.015em;color:var(--ink);max-width:30em;min-height:4.4em}.info .about-panels p:not([hidden]){animation:aboutIn .45s ease both}@keyframes aboutIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.about-mail{align-self:flex-start;margin-top:auto!important}.portrait{display:flex;flex-direction:column}.portrait img{overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1);will-change:transform}.portrait{overflow:hidden}@media(min-width:751px){.info{--block-h:calc(var(--pic-h) + 112px)}.info .about-main,.info .portrait{min-height:var(--block-h);max-height:var(--block-h)}.portrait img{flex:1;min-height:0;aspect-ratio:auto;height:100%}.portrait figcaption{flex:none}}@media(max-width:750px){.about-tabs button{flex:1;text-align:center}.info .about-panels p{min-height:5.6em}.portrait{overflow:visible}}main{container-type:inline-size}:root{--pic-h:calc((100cqw - 2 * var(--pad) - 48px) / 4.5)}@media(min-width:751px){.info{--block-h:calc(var(--pic-h) + 130px)}}.info .about-panels p{font-size:clamp(15px,1.18vw,17px);line-height:1.62;letter-spacing:0;max-width:44em;min-height:0}@media(max-width:750px){.info .about-panels p{font-size:16px;min-height:0}}@media(min-width:751px){.projects.roles .role{min-height:6.5em}}.tabs{grid-template-columns:repeat(4,1fr);max-width:760px}.bg-vimeo{position:absolute;inset:0;overflow:hidden;background:#111 url(assets/demoreel.webp) center/cover no-repeat;pointer-events:none}@media(max-width:750px){.bg-vimeo{background-image:url(assets/demoreel-m.webp)}}.bg-vimeo iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78svh;transform:translate(-50%,-50%);border:0}body{background: radial-gradient(1100px 650px at 8% -8%,#f4f2ec 0%,transparent 62%), radial-gradient(900px 620px at 104% 38%,#d9d6cc 0%,transparent 58%), radial-gradient(1000px 700px at -6% 78%,#dedbd2 0%,transparent 60%), linear-gradient(180deg,#e9e7e1 0%,#e0ddd5 100%);background-attachment:scroll;background-color:#e6e4de}body::before{content:"";position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.085;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px}.archive-page header{background:#e8e6e0e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(prefers-reduced-motion:reduce){body::before{opacity:.08}}.lab-description{max-width:none;white-space:nowrap;font-size:clamp(12px,3.3vw,15px)}a.project{display:block;color:inherit}a.project:hover{text-decoration:none}@media(max-width:750px){.contact>a{display:block;width:fit-content}.contact>a+a.contact-social{margin-top:22px}}.hero-player{position:absolute;z-index:3;inset:68px 0 0 0;background:#000}.hero-player iframe{display:block;width:100%;height:100%;border:0}.hero-player[hidden],.hero-close[hidden]{display:none!important}.hero-close{position:absolute;z-index:4;top:86px;right:var(--pad);display:inline-flex;align-items:center;min-height:40px;padding:0 20px;border:1px solid #ffffffa6;border-radius:40px;background:#0007;color:#fff;font-size:13px;letter-spacing:.01em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s,color .25s,border-color .25s}.hero-close:hover{background:#f0efe8;color:#171717;border-color:#f0efe8}.hero .shade,.hero .hero-top,.hero .hero-caption,.hero h1,.hero .hero-foot,.hero .hero-reel{transition:opacity .4s ease,visibility .4s}.hero.playing .shade,.hero.playing .hero-top,.hero.playing .hero-caption,.hero.playing h1,.hero.playing .hero-foot,.hero.playing .hero-reel{opacity:0;visibility:hidden;pointer-events:none}@media(max-width:750px){.hero-player{inset:90px 0 0 0}.hero-close{top:104px}}.hero.playing{background:#000}.hero.playing .bg-vimeo,.hero.playing #background-film{visibility:hidden}.site-name{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1}.site-name .site-first{display:block;white-space:nowrap}.site-name .site-role{display:block;font:10px/1 monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.74;white-space:nowrap}.site-name em{font-style:italic}@media(max-width:750px){.site-name{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:nowrap;min-width:0}.site-name .site-role{font-size:9px;letter-spacing:.08em}}@media(max-width:360px){.site-name .site-role{display:none}}.site-name:hover{text-decoration:none}.site-name:hover .site-first{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.site-name:hover .site-role{text-decoration:none}body.home header .site-role{transition:opacity .35s ease}body.home header:not(.scrolled) .site-role{opacity:0}
:root{--a-fg:#22231f;--a-mute:#66695f;--a-soft:#4d4f47;--a-line:#bcbeb3;--a-line2:#aaad9f;--a-card:#d3d3ca;--a-head:#e8e6e0ea;--a-on:#f0efe8;--a-accent:#22231f}.archive-page header{position:sticky;top:0;mix-blend-mode:normal;background:var(--a-head);color:var(--a-fg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--a-line)}.archive-page header .site-name,.archive-page header nav a{color:var(--a-fg)}.archive-page header nav a[aria-current=page]{border-bottom:1px solid currentColor}.archive-page footer{border-top-color:var(--a-line);color:var(--a-mute)}.archive-page footer a:hover{color:var(--a-fg)}.archive-heading{padding:70px var(--pad) 45px}.archive-heading h1{font-size:clamp(70px,11vw,170px);font-weight:400;letter-spacing:-.065em;line-height:1;margin:30px 0}.archive-heading em{font-family:Georgia,serif;font-weight:400}.archive-heading>div{display:flex;justify-content:space-between;align-items:end;gap:25px}.archive-heading p{font-size:17px;color:var(--a-soft);margin:0}.archive-heading>div>span{font:10px monospace;color:var(--a-mute)}.archive-page .label{color:var(--a-mute)}.gallery-section{padding:0 var(--pad) 60px}.gallery-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:20px;border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line);padding:14px 0}.gallery-controls{display:flex;align-items:center;gap:14px}.gallery-controls input{font:12px Helvetica,Arial,sans-serif;background:transparent;border:1px solid var(--a-line2);padding:0 14px;color:var(--a-fg);height:40px;border-radius:30px;width:200px}.gallery-controls input::placeholder{color:var(--a-mute)}.gallery-controls input:focus{outline:none;border-color:var(--a-fg)}.sort-icons{display:inline-flex;gap:6px}.sort-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--a-line2);border-radius:50%;background:transparent;color:var(--a-fg);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.sort-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sort-btn svg .sl{fill:currentColor;stroke:none;font:600 9.5px Helvetica,Arial,sans-serif}.sort-btn:hover{border-color:var(--a-fg)}.sort-btn[aria-pressed=true]{background:var(--a-fg);color:var(--a-on);border-color:var(--a-fg)}.sort-btn:focus-visible{outline:2px solid var(--a-accent);outline-offset:3px}.gallery-count,.gallery-note{font-size:11px;color:var(--a-mute);margin:20px 0}.gallery-note{margin-top:45px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 22px}.gallery-card{display:flex;flex-direction:column;text-align:left;width:100%;min-width:0;transition:opacity .3s}.gallery-card:hover{text-decoration:none}.gallery-card.feature{grid-column:span 2}.gallery-card.feature .gallery-image{aspect-ratio:auto;flex:1;min-height:0}.gallery-image{aspect-ratio:1.5;position:relative;overflow:hidden;background:var(--a-card)}.gallery-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s}.gallery-image::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#000a);opacity:0;transition:opacity .35s;pointer-events:none}.gallery-card:hover .gallery-image::after,.gallery-card:focus-visible .gallery-image::after{opacity:1}.gallery-card:hover img{transform:scale(1.045)}.gallery-image>span{position:absolute;left:16px;bottom:16px;z-index:1;background:#ecebe4;color:#141512;border-radius:30px;padding:9px 16px;font-size:11px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.gallery-card:hover .gallery-image>span,.gallery-card:focus-visible .gallery-image>span{opacity:1;transform:none}.gallery-caption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:13px;border-top:1px solid var(--a-line);padding-top:11px;transition:border-color .3s}.gallery-caption h2{font-size:20px;font-weight:400;letter-spacing:-.04em;margin:0;color:var(--a-fg)}.gallery-caption>span{font:10px monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--a-mute)}.archive-grid .gallery-card.is-open{opacity:1}.gallery-card.is-open .gallery-caption{border-top-color:var(--a-accent)}.gallery-card.is-open .gallery-caption h2::after{content:" · open";font:10px monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--a-mute)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}#empty{padding:60px 0;text-align:center;color:var(--a-mute)}.gallery-card.fill .gallery-image{aspect-ratio:auto;flex:1;min-height:0}.gallery-card.fill.alone .gallery-image{aspect-ratio:2.6/1;flex:none}.lb-panel{grid-column:1/-1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1);scroll-margin-top:84px;margin:-6px 0 0}.lb-panel.open{grid-template-rows:1fr}.lb-inner{min-height:0;overflow:hidden;border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line)}.lb-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 0 18px}.lb-head h2{margin:0;font-size:clamp(26px,3vw,40px);font-weight:400;letter-spacing:-.045em;line-height:1;color:var(--a-fg);outline:none}#archive-meta{margin:9px 0 0;font:10px monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--a-mute)}.lb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:1px solid var(--a-line2);border-radius:30px;background:transparent;color:var(--a-fg);font:12px Helvetica,Arial,sans-serif;letter-spacing:.01em;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.lb-btn:hover{border-color:var(--a-fg)}.lb-btn[aria-pressed=true]{background:var(--a-fg);color:var(--a-on);border-color:var(--a-fg)}.lb-btn:focus-visible,.lb-arrow:focus-visible{outline:2px solid var(--a-accent);outline-offset:3px}.lb-stage{position:relative;aspect-ratio:16/9;width:min(100%,calc((100svh - 300px) * 16 / 9));min-width:min(100%,520px);margin:0 auto;background:#000}.lb-stage iframe,.lb-stage img{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.lb-stage img{object-fit:contain}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#0009;color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:background .2s,color .2s}.lb-arrow.prev{left:12px}.lb-arrow.next{right:12px}.lb-arrow:hover{background:#ecebe4;color:#141512}.lb-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0 4px}#clip-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}#clip-list:empty{display:none}#clip-list .lb-btn{min-width:42px;padding:0 14px}#clip-list .lb-btn .lb-play{font-size:9px}#lb-count{font:10px monospace;letter-spacing:.08em;color:var(--a-mute);white-space:nowrap}#archive-info{padding:12px 0 6px}.lb-toggle{width:100%;justify-content:space-between;padding:0 18px}.lb-toggle .lb-plus{font-size:16px;line-height:1}#archive-body{padding:18px 4px 6px}#archive-text{max-width:none;margin:0;font-size:16px;line-height:1.7;color:var(--a-soft)}#archive-credit{display:inline-block;margin-top:14px;font-size:12px;color:var(--a-fg);border-bottom:1px solid var(--a-line2);padding-bottom:3px}.lb-foot{display:flex;justify-content:space-between;gap:12px;padding:16px 0 22px}.lb-foot .lb-btn{max-width:48%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;line-height:38px}@media(prefers-reduced-motion:reduce){.lb-panel{transition:none}}@media(max-width:900px){.gallery-toolbar{justify-content:flex-start}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.lb-stage{width:100%;min-width:0}.lb-arrow{width:38px;height:38px;font-size:18px}.lb-arrow.prev{left:8px}.lb-arrow.next{right:8px}.lb-head{padding:18px 0 14px}#archive-text{font-size:14.5px}}@media(max-width:550px){.archive-heading{padding-top:40px}.archive-heading>div{display:block}.archive-heading>div>span{display:block;margin-top:25px}.archive-grid{gap:26px 12px}.gallery-caption h2{font-size:16px}.gallery-caption>span{font-size:9px}.gallery-controls{width:100%;justify-content:space-between}.gallery-controls label{flex:1;min-width:0}.gallery-controls input{width:100%}.gallery-card.feature .gallery-image,.gallery-card.fill .gallery-image{aspect-ratio:1.5;flex:none}.gallery-image>span{display:none}}.lb-panel.settled{grid-template-rows:1fr;transition:none}.sort-btn svg{width:23px;height:23px}.sort-btn svg .sl{font:700 10.5px Helvetica,Arial,sans-serif}.lb-stage{background:transparent;aspect-ratio:var(--ar,16/9);width:min(100%,calc((100svh - 300px) * var(--arn,1.7778)))}@media(max-width:750px){.lb-stage{width:100%}}.lb-stage{min-width:min(100%,240px)}.gallery-image{isolation:isolate}.gallery-image .tint{position:absolute;inset:0;background:var(--af-tone,#a39682);mix-blend-mode:color;opacity:.7;pointer-events:none;transition:opacity .6s ease}.gallery-image img{filter:contrast(.84) brightness(1.07)}.gallery-card:hover .gallery-image .tint,.gallery-card:focus-visible .gallery-image .tint,.gallery-card.is-open .gallery-image .tint,.gallery-card:active .gallery-image .tint{opacity:0}.gallery-card:hover .gallery-image img,.gallery-card:focus-visible .gallery-image img,.gallery-card.is-open .gallery-image img,.gallery-card:active .gallery-image img{filter:none}@media(prefers-reduced-motion:reduce){.gallery-image .tint{transition:none}}@media(max-width:900px){.gallery-card.feature .gallery-image{aspect-ratio:1.5;flex:none}}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;margin-left:4px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.85;transition:opacity .2s,background .2s,color .2s}.theme-toggle:hover{opacity:1}.theme-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .i-sun{display:none}html[data-theme=dark] .theme-toggle .i-sun{display:block}html[data-theme=dark] .theme-toggle .i-moon{display:none}.theme-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}html{scrollbar-width:thin;scrollbar-color:#a9aca0 transparent}html[data-theme=dark]{scrollbar-color:#2e3a5c transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b4b7ab;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#8e9185;background-clip:content-box;border:2px solid transparent}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#2e3a5c;background-clip:content-box;border:2px solid transparent}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#44527e;background-clip:content-box;border:2px solid transparent}:root{--a-head:#ebe6d8ea;--a-card:#d9d2c0}body{background-color:#e9e4d7;background: radial-gradient(1200px 720px at 6% -6%,#fbf6e9 0%,rgba(251,246,233,0) 62%), radial-gradient(800px 1050px at 105% 420px,rgba(160,176,120,.46) 0%,rgba(160,176,120,0) 68%), radial-gradient(760px 980px at -12% 780px,rgba(216,190,140,.24) 0%,rgba(216,190,140,0) 64%), radial-gradient(900px 900px at 103% 74%,rgba(190,148,118,.34) 0%,rgba(190,148,118,0) 65%), radial-gradient(720px 820px at -10% 95%,rgba(150,164,112,.16) 0%,rgba(150,164,112,0) 64%), linear-gradient(180deg,#ece7da 0%,#ddd5c2 100%)}header.scrolled{background:#ebe6d8f2}.case-page header{background:#ebe6d8ea}.case-grid img,.case-next-thumb{background:#d9d2c0}.case-next::before{background:rgba(92,78,46,.17)}@media(max-width:750px){body{background: radial-gradient(560px 460px at 0% -3%,#fbf6e9 0%,rgba(251,246,233,0) 62%), radial-gradient(230px 560px at 112% 330px,rgba(160,176,120,.50) 0%,rgba(160,176,120,0) 70%), radial-gradient(230px 560px at -16% 760px,rgba(216,190,140,.26) 0%,rgba(216,190,140,0) 66%), radial-gradient(260px 540px at 112% 62%,rgba(190,148,118,.36) 0%,rgba(190,148,118,0) 68%), radial-gradient(240px 480px at -14% 94%,rgba(150,164,112,.17) 0%,rgba(150,164,112,0) 66%), linear-gradient(180deg,#ece7da 0%,#ddd5c2 100%)}}html[data-theme=dark]{--d-bg:#0a0e18;--d-bg2:#0f1524;--d-card:#141c30;--d-fg:#e9ebf3;--d-soft:#b3b9cc;--d-mute:#868ea6;--d-line:#1d2539;--d-line2:#2c3654;--d-accent:#e2a56e;--paper:#0f1524;--ink:#e9ebf3;color-scheme:dark;--a-fg:var(--d-fg);--a-mute:var(--d-mute);--a-soft:var(--d-soft);--a-line:var(--d-line);--a-line2:var(--d-line2);--a-card:var(--d-card);--a-head:#0a0e18ea;--a-on:#0a0e18;--a-accent:var(--d-accent)}html[data-theme=dark] body{color:var(--d-fg);background-color:var(--d-bg);background: radial-gradient(1100px 650px at 8% -8%,#17203a 0%,transparent 62%), radial-gradient(900px 620px at 104% 38%,#111a30 0%,transparent 58%), radial-gradient(1000px 700px at -6% 78%,#0f1730 0%,transparent 60%), linear-gradient(180deg,#0c111d 0%,#080b13 100%)}html[data-theme=dark] body::before{mix-blend-mode:screen;filter:invert(1);opacity:.05}html[data-theme=dark] a:focus-visible,html[data-theme=dark] button:focus-visible{outline-color:var(--d-accent)}html[data-theme=dark] header.scrolled{background:#0a0e18ea;color:var(--d-fg);border-bottom-color:var(--d-line)}html[data-theme=dark] .case-page header{background:#0a0e18ea;color:var(--d-fg);border-bottom-color:var(--d-line)}html[data-theme=dark] .case-page .site-name,html[data-theme=dark] .case-page header nav a{color:var(--d-fg)}html[data-theme=dark] .section-head,html[data-theme=dark] .caption{border-color:var(--d-line)}html[data-theme=dark] .caption>span{color:var(--d-mute)}html[data-theme=dark] .role{color:var(--d-soft)}html[data-theme=dark] .archive-feature{border-top-color:var(--d-line)}html[data-theme=dark] .archive-feature p,html[data-theme=dark] .af-side p{color:var(--d-soft)}html[data-theme=dark] .archive-feature .archive-action{border-color:var(--d-line2)}html[data-theme=dark] .archive-feature .archive-action:hover{border-color:var(--d-accent);color:var(--d-accent)}html[data-theme=dark] .info{border-top-color:var(--d-line)}html[data-theme=dark] .info p{color:var(--d-soft)}html[data-theme=dark] .info .about-panels p{color:var(--d-fg)}html[data-theme=dark] .info a,html[data-theme=dark] .text-link{border-color:var(--d-line2)}html[data-theme=dark] .about-tabs button{border-color:var(--d-line2);color:var(--d-fg)}html[data-theme=dark] .about-tabs button:hover{border-color:var(--d-accent)}html[data-theme=dark] .about-tabs button[aria-selected=true]{background:var(--d-fg);color:#0a0e18;border-color:var(--d-fg)}html[data-theme=dark] .contact>a,html[data-theme=dark] .contact>a+a.contact-social{border-bottom-color:var(--d-line2)}html[data-theme=dark] .contact>a:hover{color:var(--d-accent)}html[data-theme=dark] .contact .label{color:var(--d-mute)}html[data-theme=dark] footer{border-top-color:var(--d-line);color:var(--d-mute)}html[data-theme=dark] footer a:hover{color:var(--d-fg)}html[data-theme=dark] .notes{background:var(--d-bg2);color:var(--d-fg)}html[data-theme=dark] .notebook .video-note{background:#18213a;color:var(--d-fg)}html[data-theme=dark] .video-note:hover{background:#1f2a48}html[data-theme=dark] .notebook>div.lab-note,html[data-theme=dark] .notebook .lab-note{background:#dfe2ec;color:#161b2b}html[data-theme=dark] .case-back,html[data-theme=dark] .case-link,html[data-theme=dark] .case-next-go{border-bottom-color:var(--d-line2)}html[data-theme=dark] .case-summary{color:#c7ccdc}html[data-theme=dark] .case-meta,html[data-theme=dark] .case-next{border-top-color:var(--d-line)}html[data-theme=dark] .case-meta dt,html[data-theme=dark] .case-vertical figcaption,html[data-theme=dark] .case-grid figcaption{color:var(--d-mute)}html[data-theme=dark] .case-block{border-top-color:var(--d-line)}html[data-theme=dark] .case-block:last-child{border-bottom-color:var(--d-line)}html[data-theme=dark] .case-block p{color:#d8dcea}html[data-theme=dark] .case-block li{border-bottom-color:#18203a}html[data-theme=dark] .case-grid img,html[data-theme=dark] .case-next-thumb{background:var(--d-card)}html[data-theme=dark] .case-next::before{background:#111a30}body,header,footer,.case-block,.info,.section-head,.caption{transition:background-color .35s ease,color .35s ease,border-color .35s ease}@media(prefers-reduced-motion:reduce){body,header,footer,.case-block,.info,.section-head,.caption{transition:none}}iframe{color-scheme:light}html[data-theme=dark] .lb-stage,html[data-theme=dark] .hero-player{background:#000}
:root{--tech-accent:#7a8450}html[data-theme=dark]{--tech-accent:#e2a56e}.projects .picture,.gallery-image{--vf:#f6f4ec}.projects .picture::before,.gallery-image::before{content:"";position:absolute;inset:16px;z-index:2;pointer-events:none;opacity:0;transform:scale(1.07);transition:opacity .3s ease,transform .5s cubic-bezier(.2,.7,.2,1);background: linear-gradient(var(--vf),var(--vf)) left top/20px 1.5px no-repeat, linear-gradient(var(--vf),var(--vf)) left top/1.5px 20px no-repeat, linear-gradient(var(--vf),var(--vf)) right top/20px 1.5px no-repeat, linear-gradient(var(--vf),var(--vf)) right top/1.5px 20px no-repeat, linear-gradient(var(--vf),var(--vf)) left bottom/20px 1.5px no-repeat, linear-gradient(var(--vf),var(--vf)) left bottom/1.5px 20px no-repeat, linear-gradient(var(--vf),var(--vf)) right bottom/20px 1.5px no-repeat, linear-gradient(var(--vf),var(--vf)) right bottom/1.5px 20px no-repeat}a.project:hover .picture::before,a.project:focus-visible .picture::before, .gallery-card:hover .gallery-image::before,.gallery-card:focus-visible .gallery-image::before,.gallery-card.is-open .gallery-image::before{opacity:.95;transform:none}@media(hover:none){.projects .picture::before,.gallery-image::before{display:none}}.scroll-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--tech-accent);transform-origin:0 50%;transform:scaleX(var(--p,0));opacity:.9;pointer-events:none;will-change:transform}.sys-time{display:inline-flex;align-items:center;gap:8px;font:10px/1 monospace;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;opacity:.78}.sys-time::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tech-accent);animation:techPulse 2.6s ease-in-out infinite}@keyframes techPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tech-accent) 55%,transparent)}60%{box-shadow:0 0 0 7px transparent}}@media(max-width:750px){footer .sys-time{order:3;width:100%}}@media(prefers-reduced-motion:reduce){.sys-time::before{animation:none}.projects .picture::before,.gallery-image::before{transition:none}}.projects .picture>span{right:34px;bottom:32px}.gallery-image>span{left:34px;bottom:32px}@media(max-width:550px){.projects .picture>span{right:18px;bottom:16px}}.notes-line{margin:-4px 0 28px;max-width:30ch;font:italic clamp(20px,2.5vw,34px)/1.18 Georgia,serif;letter-spacing:-.02em;opacity:.82}.lab-description{font-size:clamp(15px,1.5vw,19px);font-weight:500;letter-spacing:-.01em;color:#252820}.lab-note .products a{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:6px 18px}.p-stat{display:inline-flex;align-items:center;gap:7px;align-self:center;font:9px/1 monospace;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px 5px 9px;border:1px solid currentColor;border-radius:20px;white-space:nowrap}.p-stat i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.p-stat.is-live{color:#3a6b2c}.p-stat.is-live i{background:#4f8f3b;animation:statLive 2.2s ease-in-out infinite}.p-stat.is-beta{color:#8a5a12}.p-stat.is-beta i{background:#c98b2b}@keyframes statLive{0%,100%{box-shadow:0 0 0 0 rgba(79,143,59,.55)}60%{box-shadow:0 0 0 6px rgba(79,143,59,0)}}@media(max-width:550px){.lab-note .products a{grid-template-columns:1fr auto}.lab-note .products em{grid-column:1/-1;grid-row:2}}@media(prefers-reduced-motion:reduce){.p-stat.is-live i{animation:none}}.notes-line{max-width:none}html[data-theme=dark] .scroll-progress{background:#4f86e8}header nav{align-items:center}.theme-toggle{width:22px;height:22px;margin:0 0 0 6px;align-self:center}.theme-toggle svg{width:11px;height:11px}.notebook .lab-note,.notebook .video-note{position:relative;overflow:hidden;isolation:isolate}.notebook .lab-note>:not(.hover-bg),.notebook .video-note>:not(.hover-bg){position:relative;z-index:1}.hover-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transform:scale(1.04);transition:opacity .6s var(--ease,ease),transform 1.1s var(--ease,ease);background:var(--bg) center/cover no-repeat}.hover-bg::after{content:"";position:absolute;inset:0}.lab-note .hover-bg::after{background:linear-gradient(rgba(239,236,226,.78),rgba(239,236,226,.64) 50%,rgba(239,236,226,.82))}.video-note .hover-bg::after{background:linear-gradient(rgba(14,16,12,.55),rgba(14,16,12,.35) 50%,rgba(14,16,12,.8))}.video-note:hover .hover-bg,.video-note:focus-visible .hover-bg{opacity:1;transform:none}@media(hover:none){.hover-bg{display:none}}html[data-theme=dark] .lab-note .hover-bg::after{background:linear-gradient(rgba(223,226,236,.8),rgba(223,226,236,.55) 55%,rgba(223,226,236,.85))}.lab-note .notes-line{margin:-14px 0 14px;max-width:22ch;font-size:clamp(17px,1.7vw,23px);line-height:1.2;opacity:.9}@media(prefers-reduced-motion:reduce){.hover-bg{transition:none;transform:none}}.hover-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}:root{--af-tone:#a39682}html[data-theme=dark]{--af-tone:#5d6c8e}.af-panel{isolation:isolate}.af-panel::before{content:"";position:absolute;inset:0;z-index:0;background:var(--af-tone);mix-blend-mode:color;opacity:.7;pointer-events:none;transition:opacity .6s ease}.af-panel:hover::before,.af-panel:focus-visible::before,.af-panel:active::before{opacity:0}.af-panel{filter:contrast(.84) brightness(1.07);transition:flex .65s cubic-bezier(.2,.7,.2,1),filter .6s ease}.af-panel:hover,.af-panel:focus-visible,.af-panel:active{filter:none}.af-side p{max-width:none;white-space:nowrap}@media(max-width:750px){.af-side p{white-space:normal}}@media(prefers-reduced-motion:reduce){.af-panel::before{transition:none}}.info h2 em{font-family:Georgia,serif;font-weight:400}.af-side{max-width:none}.lab-note .hover-bg::after{background:linear-gradient(rgba(239,236,226,.78),rgba(239,236,226,.64) 50%,rgba(239,236,226,.84))}.lab-note:has(.products li:nth-child(1):hover) .bg-1,.lab-note:has(.products li:nth-child(1):focus-within) .bg-1, .lab-note:has(.products li:nth-child(2):hover) .bg-2,.lab-note:has(.products li:nth-child(2):focus-within) .bg-2, .lab-note:has(.products li:nth-child(3):hover) .bg-3,.lab-note:has(.products li:nth-child(3):focus-within) .bg-3{opacity:1;transform:none}.lab-note .bg-2{background-position:50% 40%}.lab-note .bg-3{background-position:58% 30%}.info .availability-summary{font-size:clamp(15px,1.35vw,19px);line-height:1.55;max-width:48ch;margin:22px 0 25px;color:var(--ink);font-weight:500}.contact-availability{font-size:clamp(14px,1.4vw,19px);line-height:1.5;max-width:48ch;margin:0 0 28px}.lab-note .lab-description{font-size:clamp(15px,1.4vw,19px);line-height:1.5;max-width:35ch;margin:0 0 28px;font-weight:400}.lab-note h3 a{color:inherit}.lab-note h3 a:hover{text-decoration:none;opacity:.75}.lab-note .lab-description{white-space:normal}.info .about-main{max-height:none}.info .about-mail{margin-top:22px!important}@media(min-width:751px){.info .portrait{align-self:start}}.picture video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none}.picture video.ready{opacity:1}@media(hover:none){.picture video{display:none}}.site-first em{font-family:inherit;font-style:normal;font-weight:inherit}
:root{--ease:cubic-bezier(.2,.7,.2,1);--rise:22px}@keyframes mRise{from{opacity:0;transform:translateY(var(--rise))}to{opacity:1;transform:none}}@keyframes mFade{from{opacity:0}to{opacity:1}}body{animation:mFade .5s ease both}header{animation:mFade .7s .05s ease both}.hero-top{animation:mRise .8s .25s var(--ease) backwards}.hero-caption{animation:mRise .8s .4s var(--ease) backwards}.hero h1{animation:mRise 1s .5s var(--ease) backwards}.hero-reel{animation:mRise .8s .7s var(--ease) backwards}.hero-foot{animation:mFade 1s .95s ease backwards}.case-back{animation:mRise .7s .1s var(--ease) backwards}.case-hero h1,.archive-heading h1{animation:mRise .9s .2s var(--ease) backwards}.case-summary,.archive-heading p{animation:mRise .8s .38s var(--ease) backwards}.case-meta,.archive-heading>div>span{animation:mRise .8s .5s var(--ease) backwards}.case-media{animation:mRise .9s .6s var(--ease) backwards}.rv{opacity:0;transform:translateY(var(--rise))}.rv.in{opacity:1;transform:none;transition:opacity .8s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}.rv.in .picture img,.rv.in .gallery-image img,.rv.in.case-grid img{animation:mSettle 1.2s var(--ease) both}@keyframes mSettle{from{transform:scale(1.05)}to{transform:scale(1)}}html.m-leaving body{opacity:0;transform:translateY(-6px);transition:opacity .22s ease,transform .22s ease}.lb-btn,.sort-btn,.about-tabs button,.hero-reel,.archive-action,.theme-toggle{transition-property:background,color,border-color,opacity,transform;transition-duration:.25s;transition-timing-function:var(--ease)}.lb-btn:active,.sort-btn:active,.about-tabs button:active,.archive-action:active{transform:scale(.96)}.theme-toggle svg{transition:transform .6s var(--ease)}.theme-toggle:hover svg{transform:rotate(25deg)}.theme-toggle:active{transform:scale(.9)}.about-tabs button{transition-duration:.3s}.project .caption h3{transition:transform .5s var(--ease)}.project:hover .caption h3{transform:translateX(6px)}.case-next-go{transition:letter-spacing .4s var(--ease),border-color .3s}@media(prefers-reduced-motion:reduce){body,header,.hero-top,.hero-caption,.hero h1,.hero-reel,.hero-foot,.case-back,.case-hero h1,.archive-heading h1,.case-summary,.archive-heading p,.case-meta,.archive-heading>div>span,.case-media{animation:none!important}.rv{opacity:1;transform:none}.rv.in{transition:none}.rv.in img{animation:none!important}html.m-leaving body{opacity:1;transform:none;transition:none}.theme-toggle:hover svg,.project:hover .caption h3{transform:none}}