@font-face{font-family:system;src:local("Arial");font-display:swap}:root{font-family:Arial,Helvetica,sans-serif;color:#283832;background:#e1e4df;font-synthesis:none;font-weight:400;--ink:#283832;--cream:#f3f2e8;--yellow:#eef16b;--ease:cubic-bezier(.2,.65,.3,1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%;overscroll-behavior:none}body{overflow:hidden;transition:background .5s,color .5s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid #356452;outline-offset:5px}h1:focus,main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 18px;background:var(--ink);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.room{position:fixed;inset:0;pointer-events:none;overflow:hidden;transition:opacity .55s}.room-image{position:absolute;inset:-70px;background:url(/media/home-poster.png) center 48%/cover;filter:blur(65px) saturate(.52);opacity:.34;transform:scale(1.05)}.room-light{position:absolute;inset:0;background:linear-gradient(90deg,#e5e8e0bb,transparent 40%,transparent 65%,#dbe2ddaa)}.masthead{position:fixed;top:0;left:0;right:0;height:104px;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:20;pointer-events:none}.masthead>*{pointer-events:auto}.wordmark{font-size:25px;font-weight:700;line-height:.94;letter-spacing:-1.1px;display:grid}.wordmark>span:last-child{font-size:22px;font-weight:400;letter-spacing:1.1px;margin-top:5px}.brand-period{color:#6d8678}.main-nav{display:flex;gap:28px;margin-left:auto;margin-right:50px;font-size:15px}.main-nav a{position:relative;padding:12px 0;white-space:nowrap}.main-nav a:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.main-nav a:hover:after,.main-nav a[aria-current]:after{transform:scaleX(1)}.sound-toggle{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px;white-space:nowrap;padding:0}.sound-bars{height:16px;display:flex;gap:2px;align-items:center}.sound-bars i{width:2px;height:4px;background:currentColor;opacity:.6}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:16px}.sound-bars i:nth-child(4){height:8px}.sound-toggle[aria-pressed=true] .sound-bars i{animation:hum 1.2s ease-in-out infinite alternate}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.5s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-.8s}@keyframes hum{to{transform:scaleY(.5)}}main{position:relative;height:100svh;display:flex;align-items:center;justify-content:center;padding:74px 0 46px;isolation:isolate}.film-stage{position:relative;height:100%;aspect-ratio:512/910;max-width:100vw;flex:none;overflow:visible;isolation:isolate;transition:opacity .4s}.scene-poster,.scene-film{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;-webkit-user-select:none;user-select:none}.scene-poster{z-index:0}.scene-film{z-index:1;opacity:0;pointer-events:none}.scene-film.is-playing{opacity:1}.film-shade{position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 10px 0 16px -17px #263f31,inset -10px 0 16px -17px #263f31}.scene-grain{display:none}.side-note{position:absolute;left:max(40px,calc(50% - 600px));top:42%;width:255px;z-index:3;transition:opacity .3s,transform .3s}.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;font-weight:600;line-height:1.7}.side-note p{font-family:Georgia,Times New Roman,serif;font-size:37px;line-height:1.13;letter-spacing:-1.2px;margin:18px 0 27px;font-weight:400}.side-caption{font-size:13px;line-height:1.8;opacity:.68}.hotspots{position:absolute;inset:0;z-index:4}.hotspot{position:absolute;padding:0;display:block;text-align:left;touch-action:manipulation;border-radius:5px}.hotspot-work{left:6%;top:25.7%;width:46%;height:6.3%;transform:rotate(-2deg)}.hotspot-about{left:6%;top:32%;width:48%;height:6.3%;transform:rotate(-2deg)}.hotspot-contact{left:6%;top:38.2%;width:48%;height:6.3%;transform:rotate(-2deg)}.highlighter{position:absolute;inset:14% 1%;border-radius:5px 2px 9px 3px;background:#f4f95d;mix-blend-mode:multiply;opacity:0;transform:scaleX(.7) rotate(-1deg);transform-origin:left;transition:opacity .2s,transform .24s}.hotspot:hover .highlighter,.hotspot:focus-visible .highlighter{opacity:.65;transform:scaleX(1) rotate(-1deg)}.hotspot-hint{position:absolute;left:102%;top:50%;transform:translate(8px,-50%);padding:9px 12px;background:var(--ink);color:var(--cream);font-size:12px;line-height:1.4;white-space:nowrap;border-radius:3px;box-shadow:0 3px 15px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.hotspot:hover .hotspot-hint,.hotspot:focus-visible .hotspot-hint{opacity:1;transform:translateY(-50%)}.hotspot-postcard{left:63%;top:16.3%;width:33%;height:18%;transform:rotate(14deg)}.postcard-outline{position:absolute;inset:-3px;border:3px solid var(--yellow);border-radius:2px;opacity:0;transition:opacity .2s}.hotspot-postcard:hover .postcard-outline,.hotspot-postcard:focus-visible .postcard-outline{opacity:1}.hotspot-postcard .hotspot-hint{left:auto;right:0;top:105%;transform:translateY(8px) rotate(-14deg);transform-origin:top right}.hotspot-postcard:hover .hotspot-hint,.hotspot-postcard:focus-visible .hotspot-hint{transform:translateY(0) rotate(-14deg)}.scene-panel{z-index:5}.paper-content{position:absolute;left:12%;top:28.4%;width:72%;color:#273d50;transform:rotate(-4deg);transform-origin:50% 0%;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;animation:ink-in .5s both}.paper-date{font-family:Arial,sans-serif;font-size:clamp(8px,1.1svh,12px);letter-spacing:1.2px;opacity:.55}.paper-content h1{font-size:clamp(21px,3.4svh,32px);line-height:1.17;font-weight:600;margin:13px 0 22px;letter-spacing:-.6px}.project-note{display:flex;align-items:flex-start;gap:12px;padding:10px 0 18px;line-height:1.45}.project-note>span:last-child{display:grid;gap:3px}.check-box{font-size:26px;line-height:1.15;min-width:22px}.project-note strong{font-size:clamp(20px,2.8svh,27px);font-weight:600}.project-note span span{font-size:clamp(16px,2.15svh,21px)}.project-note .note-link{font-size:clamp(14px,1.85svh,18px);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;display:inline;width:fit-content}.project-note:hover strong{background:#f2f17999}.paper-signoff{display:block;font-size:clamp(15px,2svh,19px);margin:14px 0 0 33px;opacity:.7}.postcard-content{position:absolute;left:13%;top:38.8%;width:80%;color:#243c43;transform:rotate(1.4deg);animation:ink-in .5s both}.postcard-kicker{font-size:clamp(8px,1.08svh,11px);letter-spacing:1.1px;opacity:.5}.postcard-content h1{font-family:Georgia,serif;font-size:clamp(22px,3.2svh,31px);line-height:1.1;font-weight:400;letter-spacing:-.7px;margin:16px 0 12px}.postcard-content p{font-family:Georgia,serif;font-size:clamp(16px,2.2svh,20px);line-height:1.55;margin:0 0 19px}.email-address{font-size:clamp(14px,2.05svh,19px);font-weight:600;letter-spacing:-.4px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.copy-email{display:block;font-size:12px;opacity:.65;padding:10px 0 5px;min-height:38px;text-decoration:underline;text-underline-offset:3px}.postcard-signoff{display:block;font-family:Bradley Hand,Segoe Print,cursive;font-size:clamp(21px,2.9svh,28px);margin-top:10px;transform:rotate(-4deg)}@keyframes ink-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}.scene-controls{position:absolute;bottom:63px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;justify-content:center;gap:22px;width:max-content;max-width:calc(100vw - 24px);font-size:13px;white-space:nowrap}.landing-instruction{padding:11px 19px;background:#e9eee6e8;color:#2c4438;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;box-shadow:0 2px 10px #00000008}.back-button,.skip-film{min-height:44px;padding:10px 17px;border-radius:30px;background:#eff1e9ed;box-shadow:0 3px 15px #0001;color:#2b4237;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.back-button span{margin-right:5px}.skip-film{background:#263b32e8;color:#f6f4e8}.back-button:hover,.skip-film:hover{box-shadow:0 3px 15px #0003}.footer{position:fixed;z-index:10;bottom:0;height:44px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 40px;font-size:10px;letter-spacing:1px;opacity:.7}.footer a{font-size:12px;letter-spacing:0}.keyboard-note{letter-spacing:.2px;font-size:11px}body:not([data-scene=home]) .side-note,body[data-phase=transition] .side-note{opacity:0;pointer-events:none;transform:translate(-10px)}body[data-scene=about]{background:#090d0b;color:#e1e5db}body[data-scene=about] .room,body[data-scene=about] .film-stage{opacity:0}body[data-scene=about][data-phase=transition] .film-stage{opacity:1}body[data-scene=about] :focus-visible{outline-color:#c4e298}.no-script{position:fixed;inset:100px 25px auto;z-index:40;padding:25px;background:#f5f4ea;box-shadow:0 8px 60px #0003}.no-script a{text-decoration:underline}@media(min-width:1600px){.side-note{left:calc(50% - 650px)}.side-note p{font-size:43px}}@media(max-width:1100px){.side-note{left:30px;width:190px}.side-note p{font-size:29px}.side-note .eyebrow{font-size:9px}.main-nav{margin-right:22px;gap:22px}.masthead{padding:24px 30px}.footer{padding:0 30px}}@media(max-width:850px){.side-note{display:none}.masthead{height:92px;padding:19px 22px}.wordmark{font-size:22px}.wordmark>span:last-child{font-size:19px}.main-nav{gap:20px;margin-right:15px}main{padding-top:90px;padding-bottom:44px}}@media(max-width:600px){.masthead{height:107px;align-items:flex-start;padding:18px 20px 0;flex-wrap:wrap;gap:0}.wordmark{font-size:21px}.wordmark>span:last-child{font-size:18px;letter-spacing:.8px}.sound-toggle{font-size:12px;min-height:35px;margin-left:auto}.main-nav{position:absolute;left:20px;right:20px;top:70px;justify-content:center;gap:34px;font-size:14px;margin:0}.main-nav a{padding:9px 0}main{padding:109px 0 38px}.film-stage{height:auto;width:min(100vw,calc((100svh - 147px)*512/910));aspect-ratio:512/910}.footer{height:35px;padding:0 17px;font-size:8px;letter-spacing:.8px}.footer a{font-size:11px}.keyboard-note,.hotspot-hint{display:none}.scene-controls{bottom:46px;font-size:12px;gap:9px}.landing-instruction{padding:10px 16px}.paper-content h1{font-size:clamp(19px,5.7vw,27px);margin:8px 0 10px}.paper-date{font-size:8px;letter-spacing:.7px}.project-note{gap:8px;padding:6px 0 10px}.project-note strong{font-size:clamp(18px,5vw,24px)}.project-note span span{font-size:clamp(14px,3.8vw,18px);line-height:1.35}.project-note .note-link{font-size:14px}.check-box{font-size:22px;min-width:18px}.paper-signoff{font-size:14px;margin:9px 0 0 26px}.postcard-content{left:12%;width:83%}.postcard-kicker{font-size:7px;letter-spacing:.7px}.postcard-content h1{font-size:clamp(19px,5.3vw,25px);margin:10px 0 8px}.postcard-content p{font-size:clamp(14px,3.8vw,18px);line-height:1.4;margin-bottom:11px}.email-address{font-size:clamp(12px,3.5vw,17px);letter-spacing:-.45px}.copy-email{font-size:11px;padding:7px 0 2px;min-height:32px}.postcard-signoff{font-size:21px;margin-top:5px}}@media(max-height:690px)and (max-width:600px){body{overflow:auto;min-height:760px}main{height:760px}.masthead,.footer{position:absolute}.footer{top:725px;bottom:auto}.film-stage{width:340px;max-width:100vw;height:auto}.scene-controls{bottom:43px}}@media(max-height:600px)and (min-width:601px){body{overflow:auto;min-height:700px}main{height:700px}.masthead,.footer{position:absolute}.footer{top:656px;bottom:auto}.side-note{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.magnet-toy{position:absolute;inset:0;z-index:6;pointer-events:none}body:not([data-scene=home]) .magnet-toy,body[data-phase=transition] .magnet-toy{display:none}.magnet-clean-patch{position:absolute;left:56.64%;top:37.14%;width:31.25%;height:14.4%;opacity:0;background:linear-gradient(to right,transparent,#bdbbb880),linear-gradient(#bdbbb6,#c2c4c2);-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.london-magnet{position:absolute;left:59.765625%;top:39.45055%;width:24.21875%;height:10.21978%;padding:0;pointer-events:auto;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;transform:rotate(var(--tilt,0deg));transform-origin:50% 60%;filter:drop-shadow(1px 2px 1px #0003);transition:filter .15s}.magnet-cutout{display:block;width:100%;height:100%;background:url(/media/home-poster.png) 78.866% 43.941% / 412.903% 978.495% no-repeat;clip-path:polygon(1.1% 51.7%,4.1% 49.3%,4.1% 40.3%,8.1% 40.3%,7.1% 31.3%,11.1% 29.3%,15.1% 40.3%,17.1% 26.3%,21.1% 23.3%,24.1% 32.3%,27.1% 28.3%,28.1% 20.3%,34.1% 20.3%,40.1% 22.3%,43.1% 17.3%,48.1% 15.3%,51.9% 16.3%,55.9% 22.3%,58.9% 12.3%,63.9% 10.3%,66.9% 20.3%,70.9% 22.3%,71.9% 9.3%,76.9% 8.3%,77.9% 16.3%,79.9% 15.3%,78.9% 4.3%,83.9% 1.3%,89.9% 19.3%,92.9% 18.3%,95.9% 36.3%,98.9% 54.7%,98.9% 59.7%,89.9% 59.7%,86.9% 67.7%,76.9% 68.7%,68.9% 76.7%,60.9% 75.7%,53.9% 83.7%,48.1% 85.7%,40.1% 91.7%,31.1% 88.7%,21.1% 96.7%,9.1% 98.7%,6.1% 80.7%,7.1% 72.7%)}.london-magnet:hover{filter:drop-shadow(2px 4px 2px #0005)}.london-magnet:focus-visible{outline:2px dashed #356452;outline-offset:7px;border-radius:12px}.london-magnet.is-dragging{cursor:grabbing;scale:1.04;filter:drop-shadow(5px 10px 4px #0005)}.film-stage{transition:none}.scene-panel,.postcard-content{animation:none}.london-magnet{filter:none}.london-magnet:hover{filter:drop-shadow(1px 2px 1px #0003)}body[data-scene=about]{background:#e1e4df;color:#283832}body[data-scene=about] .room,body[data-scene=about] .film-stage{opacity:1}body[data-scene=about] :focus-visible{outline-color:#356452}.film-stage{container-type:inline-size}.cinematic-intro{position:absolute;z-index:5;left:5%;top:30%;width:90%;text-align:center;color:#293934;pointer-events:none;will-change:opacity;text-shadow:0 1px 14px #f5f1e144}.cinematic-intro h1{font-family:Georgia,Times New Roman,serif;font-size:8.5cqw;font-weight:400;font-style:italic;line-height:1.16;letter-spacing:-.3cqw;margin:0;white-space:nowrap}.cinematic-intro p{font-family:Arial,Helvetica,sans-serif;font-size:3cqw;line-height:1.6;font-weight:400;letter-spacing:.28cqw;margin:3.2cqw 0 0}.cinematic-intro p:before{content:"";display:block;width:9cqw;height:1px;background:currentColor;opacity:.4;margin:0 auto 3cqw}html,body{height:auto;min-height:100%;overscroll-behavior:auto}body{position:relative;overflow-x:hidden;overflow-y:auto;background:#e4e7df}.masthead{position:absolute;height:98px}main{height:max(100svh,820px);padding:106px 0 146px;overflow:hidden}.film-stage{height:100%;width:auto;max-width:calc(100vw - 54px);border-radius:22px}.film-stage:before{content:"";position:absolute;inset:-8px;z-index:-1;border-radius:29px;background:linear-gradient(100deg,#a6aaa3,#f7f7ef 4%,#f0f1e9 96%,#969d97);box-shadow:inset 0 1px 2px #fff,7px 12px 24px #29382f24,-2px 3px 5px #29382f18}.scene-poster,.scene-film{border-radius:22px}.film-shade{border-radius:22px;box-shadow:inset 3px 0 5px #ffffff38,inset -5px 0 8px #23392b18,inset 0 -6px 9px #23392b15}.fridge-feet{position:absolute;left:12%;right:12%;bottom:-24px;height:20px;display:flex;justify-content:space-between;z-index:-2}.fridge-feet span{width:30px;border-radius:0 0 7px 7px;background:linear-gradient(90deg,#38413d,#79817a 46%,#29342e);box-shadow:0 3px 3px #0003}.floor-shadow{position:absolute;left:-22%;right:-22%;bottom:-39px;height:34px;border-radius:50%;background:#1b2b24;filter:blur(12px);opacity:.28;z-index:-3}.kitchen-floor{position:absolute;left:0;right:0;bottom:0;height:163px;overflow:hidden;z-index:-4;background:#dadcd4;border-top:1px solid #939b8b55;perspective:440px}.floor-tiles{position:absolute;inset:-70px -30% -220px;transform-origin:50% 0;transform:rotateX(53deg);background:conic-gradient(#353b36 25%,#f1f0e6 0 50%,#353b36 0 75%,#f1f0e6 0) 50% 0/130px 130px;box-shadow:inset 0 28px 32px #1c2b2630}.kitchen-floor:after{content:"";position:absolute;inset:0;background:linear-gradient(#dce0d530,transparent 45%,#e4e7df55)}.scene-controls{bottom:68px}.footer{position:absolute;bottom:0;top:auto;height:39px;background:#eef0e7ed;opacity:1;color:#58665e;font-size:9px}.side-note{top:39%;max-width:24vw}.side-note p{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-1.3px;line-height:1.12}.room-image{opacity:.21}.cinematic-intro h1{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:8cqw;letter-spacing:-.4cqw;line-height:1.05}.cinematic-intro p{font-size:3.1cqw;letter-spacing:.27cqw;margin-top:3cqw}.postcard-content h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.7px}.postcard-content p{font-family:Arial,Helvetica,sans-serif}.paper-content{left:12%;top:28.4%;width:76%;height:61%;display:flex;flex-direction:column;transform:rotate(-4deg);font-family:Arial,Helvetica,sans-serif;color:#283c39;animation:work-reveal .55s ease-out both}@keyframes work-reveal{0%{opacity:0}to{opacity:1}}.work-heading{flex:none;padding:0 3% 3%;border-bottom:1px solid #3c514733}.paper-date{font-size:clamp(8px,2cqw,11px);letter-spacing:.14cqw;opacity:.68}.paper-content h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(22px,6.9cqw,36px);font-weight:700;letter-spacing:-.25cqw;line-height:1.03;margin:2cqw 0 1.6cqw}.work-scroll{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#63786b88 transparent;padding:4% 5% 7% 3%;scroll-padding:12px;-webkit-mask-image:linear-gradient(#000 0,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(#000 0,#000 calc(100% - 14px),transparent)}.work-scroll:focus-visible{outline-offset:-2px}.work-project{padding-bottom:6cqw;margin-bottom:5cqw;border-bottom:1px solid #3c51472b}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:clamp(8px,2.1cqw,11px);font-weight:600;letter-spacing:.1cqw;color:#5b6c62}.project-live{color:#315c40;display:flex;align-items:center;gap:4px}.project-live:before{content:"";width:4px;height:4px;border-radius:50%;background:#648453}.work-project h2{font-size:clamp(24px,7cqw,37px);line-height:1.05;letter-spacing:-.27cqw;margin:2cqw 0}.work-project h2 span{color:#6e8970}.work-project p{font-size:clamp(13px,3.4cqw,17px);line-height:1.5;margin:0 0 3cqw}.project-preview{display:block;margin:3cqw 0 4cqw;background:#f5f6ef;padding:2cqw;border:1px solid #fff9;border-radius:3px;box-shadow:0 3px 10px #233d291c;transform:rotate(1.5deg)}.project-preview img{display:block;width:100%;height:auto;max-height:57cqw;object-fit:contain;border-radius:2px}.project-preview:hover{box-shadow:0 5px 15px #233d2930}.project-cta{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;min-height:44px;border-radius:4px;background:#2d473b;color:#f5f4eb;font-size:clamp(13px,3.4cqw,16px);font-weight:600}.project-cta:hover{background:#3b5c49}.work-experiments h2{font-size:clamp(21px,5.5cqw,29px)}.work-experiments .project-cta{background:transparent;color:#2d473b;border:1px solid #51685488}.work-signoff{font-size:clamp(12px,3cqw,15px);line-height:1.5;color:#627168}.scroll-cue{flex:none;text-align:center;font-size:8px;letter-spacing:1px;padding:7px 0 0;opacity:.7}@media(max-width:1100px){.side-note{max-width:22vw}.side-note p{font-size:29px}}@media(max-width:850px){.side-note{display:none}}@media(max-width:600px){.masthead{height:107px;padding:18px 20px 0}main{height:max(100svh,820px);padding:120px 0 132px}.film-stage{height:auto;width:min(calc(100vw - 54px),calc((max(100svh,820px) - 252px)*512/910));max-width:none}.film-stage:before{inset:-6px;border-radius:23px}.film-stage,.scene-film,.scene-poster,.film-shade{border-radius:17px}.fridge-feet{bottom:-21px;height:17px}.fridge-feet span{width:24px}.kitchen-floor{height:150px}.floor-tiles{background-size:95px 95px}.scene-controls{bottom:65px;font-size:11px}.footer{top:auto;bottom:0;height:34px;font-size:8px;padding:0 16px}.paper-content{height:62%;width:77%}.paper-content h1{font-size:6.9cqw;margin:2cqw 0 1.6cqw}.paper-date{font-size:2.1cqw}.work-project p{font-size:3.7cqw}.work-project h2{font-size:7cqw}.project-cta{font-size:3.6cqw;padding:10px;min-height:42px}.project-meta{font-size:2.25cqw}.scroll-cue{font-size:7px;letter-spacing:.7px}}@media(prefers-reduced-motion:reduce){.paper-content{animation:none}}:root{--camera:0}.fridge-shell{position:relative;height:100%;aspect-ratio:560/910;flex:none;isolation:isolate;--near-scale:1.32}.fridge-shell:before{content:"";position:absolute;inset:-4px;border-radius:24px;z-index:-1;background:linear-gradient(110deg,#a5a199,#d6d5ce 30%,#eceee9 80%);box-shadow:inset 2px 0 3px #fff9,inset -3px 0 5px #34443933,5px 12px 22px #263c2920;opacity:calc(1 - var(--camera));transform:scale(calc(1 + var(--camera)*.35))}.fridge-shell:after{content:"";position:absolute;inset:2px;border-radius:20px;z-index:-1;background:linear-gradient(#aaa192,#b5b2a8 26%,#d3d7d5 59%,#e8edf0);opacity:calc(1 - var(--camera))}.fridge-shell .film-stage{position:absolute;left:4.2857%;top:0;width:91.4286%;height:100%;max-width:none;aspect-ratio:512/910;transform:translateY(calc(-3% * (1 - var(--camera)))) scale(calc(.76 + (var(--near-scale) - .76)*var(--camera)));transform-origin:50% 44%;border-radius:0;will-change:transform}.scene-film,.scene-poster{border-radius:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 calc(3%*(1 - var(--camera))),#000 calc(100% - 3%*(1 - var(--camera))),transparent),linear-gradient(to bottom,transparent,#000 calc(2%*(1 - var(--camera))),#000 calc(100% - 3%*(1 - var(--camera))),transparent);mask-image:linear-gradient(to right,transparent,#000 calc(3%*(1 - var(--camera))),#000 calc(100% - 3%*(1 - var(--camera))),transparent),linear-gradient(to bottom,transparent,#000 calc(2%*(1 - var(--camera))),#000 calc(100% - 3%*(1 - var(--camera))),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.film-shade{box-shadow:none;border-radius:0}.fridge-feet,.floor-shadow{opacity:calc(1 - var(--camera));transform:translateY(calc(var(--camera)*90px))}.kitchen-floor{opacity:calc(1 - var(--camera));transform:translateY(calc(var(--camera)*150px));background:#dce0d7}.floor-tiles{filter:contrast(.65);opacity:.78}.side-note{opacity:calc(1 - var(--camera))}.scene-controls{z-index:12}body[data-camera=close] .footer{background:#eef0e78c}@media(max-width:600px){.fridge-shell{height:auto;width:min(calc(100vw - 60px),calc((max(100svh,820px) - 252px)*560/910));aspect-ratio:560/910;--near-scale:1.23}.fridge-shell .film-stage{width:91.4286%;height:100%;max-width:none}.fridge-shell:before{border-radius:20px}.fridge-shell:after{border-radius:17px}}.fridge-shell:after{background:linear-gradient(to right,transparent,#0000000c),linear-gradient(#a79789 0% 11%,#aca18f 16%,#b7b2aa 23%,#c3c1c5 33%,#e2e6e8 54%,#ebeef1 62%,#f0f3f8 77%,#eff1f6 84%,#eff1f6)}.masthead{background:rgb(228 231 223 / calc(var(--camera)*.94));-webkit-backdrop-filter:blur(calc(var(--camera)*12px));backdrop-filter:blur(calc(var(--camera)*12px))}:root{--camera:0;--wall:#dce1d7}html,body{min-height:100%;height:auto;background:var(--wall)}body{background:var(--wall);color:#27372f;transition:background .45s ease,color .45s ease}.room{background:radial-gradient(ellipse at 50% 30%,#edf0e8,#d5dccf);transition:opacity .45s}.room-image,.room-light{display:none}.masthead{position:relative;height:96px;padding:23px 34px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.main-nav{margin-right:10px}main{height:auto;min-height:0;padding:12px 0 0;display:block;overflow:hidden;isolation:isolate}.fridge-shell{position:relative;width:min(680px,calc(100vw - 190px));height:auto;aspect-ratio:512/910;margin:0 auto;isolation:isolate}.fridge-shell:before{content:"";position:absolute;inset:-3px -4px -160px;z-index:-1;border-radius:28px 28px 0 0;background:#e9ebe4;box-shadow:-3px 0 5px #fff9,6px 7px 18px #29413326;opacity:1;transform:none}.fridge-shell:after{display:none}.fridge-shell .film-stage{position:absolute;inset:0;width:100%;height:100%;transform:none;transform-origin:center;border-radius:24px 24px 0 0;will-change:auto}.film-stage:before{display:none}.scene-film,.scene-poster{border-radius:24px 24px 0 0;-webkit-mask-image:none;mask-image:none;object-fit:fill}.film-shade{border-radius:24px 24px 0 0;box-shadow:inset 2px 0 3px #fff3,inset -3px 0 5px #00000010}.scene-controls{position:fixed;bottom:24px;font-size:12px;z-index:25}.footer{position:relative;top:auto;bottom:auto;height:48px;background:var(--wall);z-index:26;font-size:9px}.landing-instruction{box-shadow:0 3px 18px #0001}.magnet-clean-patch{inset:0;width:100%;height:100%;background:url(/media/fridge-clean-magnet.png) center/100% 100% no-repeat;clip-path:inset(33% 7% 43% 57.5%);-webkit-mask-image:radial-gradient(ellipse 20% 10% at 71.7% 44.5%,#000 80%,transparent 100%);mask-image:radial-gradient(ellipse 20% 10% at 71.7% 44.5%,#000 80%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add;opacity:0}.is-moved .magnet-clean-patch{opacity:1}.paper-content{left:9%;top:27%;width:82%;height:65%;padding:5%;transform:rotate(-2deg);background:#f5f3e8;color:#24362d;border:1px solid #ffffff88;border-radius:3px;box-shadow:0 6px 18px #192c2026;animation:work-reveal .4s ease-out both}.work-heading{padding:0 0 14px;border-bottom-color:#24362d22}.paper-date{font-size:clamp(9px,1.8cqw,12px);line-height:1.5}.paper-content h1{font-size:clamp(25px,6.1cqw,41px);line-height:1.08;letter-spacing:-.25cqw;margin:10px 0 0}.work-scroll{padding:18px 6px 20px 0;-webkit-mask-image:linear-gradient(#000 0,#000 calc(100% - 9px),transparent);mask-image:linear-gradient(#000 0,#000 calc(100% - 9px),transparent)}.project-meta{font-size:clamp(10px,1.9cqw,13px)}.work-project h2{font-size:clamp(26px,6cqw,39px)}.work-project p{font-size:clamp(14px,2.7cqw,18px);line-height:1.55}.project-preview{background:#edf0e9;padding:5px;transform:none;border:0;box-shadow:none}.project-preview img{max-height:49cqw;object-fit:contain}.project-cta{font-size:clamp(14px,2.7cqw,17px);min-height:46px}.work-signoff{font-size:14px}.scroll-cue{font-size:9px}.cinematic-intro{left:7%;top:27%;width:86%;text-align:left;color:#192e27;pointer-events:auto;text-shadow:none}.intro-label{font-size:clamp(8px,1.8cqw,12px);font-weight:700;letter-spacing:.25cqw;display:block;margin-bottom:12px}.intro-rail{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior:contain}.intro-rail::-webkit-scrollbar{display:none}.intro-slide{flex:0 0 100%;scroll-snap-align:start;padding-right:2px}.cinematic-intro h1,.cinematic-intro h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(27px,7.5cqw,51px);font-weight:800;font-style:normal;line-height:1;letter-spacing:-.45cqw;margin:0 0 12px;white-space:normal}.cinematic-intro h1 span{display:inline-block;color:#476e52;font-weight:400;margin-left:8px}.cinematic-intro p{font-size:clamp(13px,3.1cqw,21px);letter-spacing:-.035em;line-height:1.3;font-weight:500;margin:0}.cinematic-intro p:before{display:none}.intro-controls{display:flex;align-items:center;gap:14px;margin-top:8px}.intro-controls span{font-size:clamp(8px,1.7cqw,11px);letter-spacing:.11em;opacity:.68}.intro-controls button{width:44px;height:44px;padding:0;font-size:23px;border:1px solid #24483244;border-radius:50%;background:#e8eee240}.light-switch{position:fixed;left:calc(50% + 380px);top:39%;z-index:40;display:grid;justify-items:center;gap:12px;padding:10px;min-width:74px;color:#344737}.switch-plate{width:68px;height:98px;border-radius:9px;background:linear-gradient(120deg,#fcfcf6,#d5d9cf);border:1px solid #fff8;box-shadow:3px 4px 8px #25332b30,inset 0 1px 1px #fff;display:grid;place-items:center}.switch-rocker{width:33px;height:61px;border-radius:4px;background:linear-gradient(#eeefe9,#fafbf5 50%,#d7dacf);box-shadow:0 2px 3px #0005,inset 0 -4px 3px #a6ada350;transform:perspective(130px) rotateX(-13deg);transition:transform .2s,background .3s}.switch-label{font-size:9px;letter-spacing:1.7px;font-weight:700;white-space:nowrap}.light-switch[aria-pressed=true] .switch-rocker{transform:perspective(130px) rotateX(13deg);background:linear-gradient(#c1c8bd,#e6eadf)}.quiet-view{max-width:980px;padding:70px 48px 120px;margin:auto}body[data-theme=dark]{background:#101713;color:#e7eae0;color-scheme:dark}body[data-theme=dark] .room{opacity:0}body[data-theme=dark] .masthead{background:#101713;color:#e7eae0}body[data-theme=dark] .footer{background:#101713;color:#aebbac}body[data-theme=dark] .light-switch{color:#aabda4}body[data-theme=dark] :focus-visible{outline-color:#bddb8a}.quiet-kicker{font-size:11px;letter-spacing:1.7px;color:#a8b6a3}.quiet-intro h1{font-size:clamp(49px,7.4vw,93px);line-height:.98;letter-spacing:-.055em;margin:25px 0}.quiet-intro h1 span{color:#b9d995}.quiet-intro p,.quiet-section>p{font-size:clamp(18px,2vw,23px);line-height:1.55;letter-spacing:-.02em;color:#b5c1b0;max-width:640px}.quiet-intro>a{display:inline-block;margin-top:18px;padding:14px 0;border-bottom:1px solid #899a79;font-size:15px}.quiet-section{margin-top:90px;scroll-margin-top:25px}.quiet-section h2{font-size:clamp(31px,4vw,49px);letter-spacing:-.045em;line-height:1.1;margin:22px 0}.quiet-project{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:34px;background:#1a241c;border:1px solid #3d4c3833;border-radius:12px;margin-top:22px}.quiet-project p{line-height:1.6;color:#b5c1b0;font-size:16px}.quiet-project img{display:block;width:100%;height:300px;object-fit:contain;border-radius:6px;background:#f5f6ef}.quiet-project h2 span{font-weight:400;color:#b9d995}.quiet-link{display:inline-block;padding:12px 0;border-bottom:1px solid #8aab78;margin-top:16px}.quiet-experiments{display:flex;justify-content:space-between;padding:25px 0;border-bottom:1px solid #49563d;color:#b5c1b0;font-size:16px}.quiet-email{font-size:clamp(16px,2.3vw,25px);border-bottom:1px solid #8aab78;padding-bottom:8px;overflow-wrap:anywhere;line-height:1.8}@media(max-width:1100px){.light-switch{left:auto;right:12px}.fridge-shell{width:min(610px,calc(100vw - 150px))}.quiet-view{padding-right:115px}}@media(max-width:600px){.masthead{height:120px;padding:20px 20px 0}.main-nav{top:74px;left:20px;right:92px;gap:28px;justify-content:flex-start;font-size:14px}.sound-toggle{margin-left:auto;font-size:11px}main{padding:0;min-height:0;height:auto}.fridge-shell{width:calc(100vw - 24px);height:auto;aspect-ratio:512/910;margin:0 12px}.fridge-shell .film-stage{width:100%;height:100%;inset:0;transform:none}.scene-poster,.scene-film,.film-shade{border-radius:18px 18px 0 0}.fridge-shell:before{border-radius:21px 21px 0 0;inset:-2px -3px -140px}.light-switch{top:67px;right:13px;left:auto;padding:3px;gap:0;min-width:49px}.switch-plate{width:46px;height:43px;border-radius:6px}.switch-rocker{width:24px;height:30px}.switch-label{display:none}.scene-controls{bottom:16px;font-size:11px;gap:8px}.back-button,.skip-film{min-height:44px;padding:10px 14px}.footer{padding:0 16px;height:46px;font-size:8px}.paper-content{left:5%;width:90%;top:25%;height:66%;padding:5%;transform:rotate(-1deg)}.paper-content h1{font-size:27px}.paper-date{font-size:9px}.project-meta{font-size:10px}.work-project h2{font-size:28px}.work-project p,.project-cta{font-size:14px}.work-scroll{padding-top:14px}.scroll-cue{font-size:8px}.postcard-content{left:11%;width:83%}.postcard-content h1{font-size:25px}.postcard-content p{font-size:15px}.email-address{font-size:clamp(12px,3.8vw,16px)}.copy-email{min-height:44px}.cinematic-intro{top:26%;left:6%;width:88%}.cinematic-intro h1,.cinematic-intro h2{font-size:7.5cqw}.cinematic-intro p{font-size:3.8cqw}.intro-label{font-size:2cqw}.intro-controls{gap:8px;margin-top:6px}.intro-controls span{font-size:7px}.intro-controls button{width:44px;height:44px}.quiet-view{padding:32px 24px 80px}.quiet-intro h1{font-size:53px}.quiet-intro p{font-size:18px}.quiet-section{margin-top:60px}.quiet-project{grid-template-columns:1fr;padding:24px;gap:20px}.quiet-project img{height:280px}.quiet-section h2{font-size:35px}body[data-theme=dark] .light-switch{right:13px}body[data-theme=dark] .footer{margin-top:0}}@media(prefers-reduced-motion:reduce){body,.switch-rocker{transition:none}.paper-content{animation:none}}.masthead{position:sticky;top:0;z-index:35;background:#dce1d7f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quiet-section,.quiet-intro{scroll-margin-top:125px}@media(min-width:601px)and (max-width:1100px){.fridge-shell{width:min(610px,calc(100vw - 210px))}}@media(max-width:600px){.quiet-section{scroll-margin-top:140px}}.intro-controls #intro-resume{width:auto;border:0;border-radius:0;font-size:11px;font-weight:600;white-space:nowrap;text-decoration:underline;margin-left:auto;background:transparent}main{z-index:1}.footer{z-index:0}.intro-controls:has(#intro-resume:not([hidden]))>span{display:none}@media(max-width:360px){.main-nav{gap:20px}.quiet-intro h1{font-size:46px}}.switch-plate{position:relative;border:1px solid #c5c8bd;background:linear-gradient(135deg,#fffef7,#dadcd2);box-shadow:0 3px #a3aa9e,3px 6px 12px #0003,inset 0 0 0 3px #f7f7ed}.switch-plate:before,.switch-plate:after{content:"";position:absolute;left:7px;width:5px;height:5px;border-radius:50%;background:linear-gradient(90deg,#a3a99e 43%,#e8e9df 44% 57%,#a3a99e 58%);box-shadow:0 1px 1px #fff}.switch-plate:before{top:10px}.switch-plate:after{bottom:10px}.switch-rocker{position:relative;width:35px;height:64px;border:1px solid #a5ac9f;transform:perspective(110px) rotateX(-24deg);background:linear-gradient(#c4c9bd,#f7f7ed 20%,#fffef5 80%);box-shadow:0 5px 1px #abb2a3,0 7px 5px #0004,inset 0 1px #fff;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.switch-rocker:before,.switch-rocker:after{position:absolute;left:0;right:0;text-align:center;font:600 9px/1 Arial;color:#727d69}.switch-rocker:before{content:"I";top:9px}.switch-rocker:after{content:"O";bottom:9px}.light-switch[aria-pressed=true] .switch-rocker{transform:perspective(110px) rotateX(24deg);background:linear-gradient(#fffef5 20%,#eceee2 80%,#b9c1b0);box-shadow:0 -5px 1px #a7af9f,0 -7px 5px #0004,inset 0 -1px #fff}@media(max-width:600px){.switch-rocker{width:24px;height:31px}.switch-rocker:before{top:4px}.switch-rocker:after{bottom:4px}.switch-rocker:before,.switch-rocker:after{font-size:7px}.switch-plate:before,.switch-plate:after{width:3px;height:3px;left:4px}}@media(prefers-reduced-motion:reduce){.switch-rocker{transition:none}}.light-switch{width:94px;min-width:94px}.switch-label{width:74px;text-align:center}@media(max-width:600px){.light-switch{width:52px;min-width:52px}}