@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Caveat:wght@500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.flex{display:flex}.hidden{display:none}.resize{resize:both}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--paper:#ede8dc;--ink:#292823;--muted:#777368;--red:#ad513d;--line:rgba(41,40,35,.22);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a,button{color:inherit}button{font:inherit}.topbar{position:absolute;z-index:5;top:0;left:0;width:100%;padding:28px 4.8vw;display:flex;justify-content:space-between;align-items:center}.wordmark{font:13px var(--mono);letter-spacing:.12em;text-decoration:none}.wordmark span{color:var(--red)}.menu-button{border:0;background:none;align-items:center;gap:8px;letter-spacing:.08em;cursor:pointer}.menu-button,.room-nav{display:flex;text-transform:uppercase;font:11px var(--mono)}.room-nav{gap:22px;position:absolute;right:4.8vw;top:68px;letter-spacing:.07em;opacity:0;pointer-events:none;transition:.25s}.room-nav.is-open{opacity:1;pointer-events:auto}.room-nav a{text-decoration:none;border-bottom:1px solid transparent}.room-nav a:hover{border-color:var(--ink)}.entrance{min-height:100svh;position:relative;padding:20vh 9vw 7vh;overflow:hidden;background:linear-gradient(115deg,#e9e2d2,#eee9df 55%,#d8d1bd)}.entrance:after{content:"";position:absolute;inset:0;opacity:.19;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.eyebrow,.section-index,.small-label{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow span{color:var(--muted)}.entrance h1{position:relative;z-index:1;margin:7vh 0 0;font:clamp(5.6rem,16vw,15rem)/.74 var(--serif);letter-spacing:-.09em}.thin{font-style:italic;font-weight:500}.entrance-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;margin-top:8vh}.opening-thought{font-size:clamp(1.25rem,2.1vw,2rem);line-height:1.14}.opening-thought em,h2 em{font-family:var(--serif);font-weight:500}.scroll-invite{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;display:flex;gap:13px;align-items:center;text-decoration:none}.margin-note{position:absolute;z-index:1;font:13px/1.25 var(--serif);font-style:italic;color:var(--red);transform:rotate(-7deg)}.note-one{right:14%;top:26%}.note-two{right:8%;bottom:24%;transform:rotate(6deg)}.sun-mark{position:absolute;right:14%;bottom:10%;height:170px;width:170px;border-radius:50%;border:1px solid var(--red);opacity:.6}.sun-mark i{position:absolute;left:50%;top:50%;width:1px;height:230px;background:var(--red);transform-origin:top}.sun-mark i:first-child{transform:rotate(25deg)}.sun-mark i:nth-child(2){transform:rotate(70deg)}.sun-mark i:nth-child(3){transform:rotate(115deg)}.sun-mark i:nth-child(4){transform:rotate(160deg)}.room-section{padding:140px 9vw;position:relative}.section-index{color:var(--muted);margin:0 0 55px}.me{min-height:900px;background:#c8bea9}.me-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw}.small-label{color:var(--muted);margin:0 0 18px}.room-section h2{font:clamp(3.1rem,6.4vw,7.5rem)/.91 var(--serif);letter-spacing:-.07em;font-weight:500;margin:0}.me-copy{padding-top:82px;font-size:18px;line-height:1.55}.me-copy p{margin:0 0 23px}.personal-list{margin-top:60px;font:12px var(--mono);text-transform:uppercase;display:grid;gap:11px;border-top:1px solid var(--line);padding-top:16px}.tape-note{position:absolute;right:11%;bottom:110px;background:#d9c47b;padding:24px 30px;box-shadow:2px 4px 10px #756e5d33;transform:rotate(4deg);font:16px/1.4 var(--serif)}.process{background:#2c3029;color:#e9e4d8}.process .section-index{color:#b7b29f}.process h2{max-width:850px}.process-path{margin:100px 0 0;border-top:1px solid #ddd6c544;display:grid;grid-template-columns:repeat(5,1fr)}.process-step{padding:25px 22px 10px;border-right:1px solid #ddd6c544;min-height:230px}.process-step:first-child{padding-left:0}.process-step:last-child{border:0}.process-step span{font:11px var(--mono);color:#beb2a1}.process-step h3{font:clamp(1.8rem,2.5vw,2.7rem)/1 var(--serif);font-weight:500;margin:50px 0 12px}.process-step p{font-size:14px;line-height:1.45;color:#c4c1b5;max-width:150px}.made{background:#ede8dc}.section-head{display:flex;justify-content:space-between;align-items:start}.made h2{margin:20px 0 85px}.project-story{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;margin:0 0 150px}.project-story.project-2{grid-template-columns:.75fr 1.15fr}.project-2 .project-image{order:2}.project-image{height:min(49vw,620px);overflow:hidden;background:#d5cfbe}.project-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.72) contrast(.95);transition:transform .7s ease}.project-image:hover img{transform:scale(1.04)}.project-text h3,.rewind h3{font:clamp(3.3rem,5.3vw,6.3rem)/.95 var(--serif);letter-spacing:-.07em;font-weight:500;margin:10px 0 28px}.project-text>p{max-width:390px;line-height:1.55;margin:0 0 17px}.project-thought{font:24px/1.2 var(--serif)!important}.built-with{display:block;margin:35px 0 28px;font:11px/1.4 var(--mono);color:var(--muted)}.project-text a,.rewind a,.work-list a{font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;display:flex;gap:8px;align-items:center;width:-moz-max-content;width:max-content;border-bottom:1px solid var(--ink);padding-bottom:4px}.rewind{margin:0 -2vw;padding:9vw;background:#a8aa91;display:grid;grid-template-columns:1fr 1fr;gap:6vw;position:relative;align-items:center}.rewind>div{padding-left:7vw}.rewind>div>p:not(.small-label){max-width:410px;line-height:1.55;margin-bottom:30px}.rewind>img{width:100%;height:355px;-o-object-fit:cover;object-fit:cover;filter:grayscale(.25)}.rewind-scribble{position:absolute;right:2%;top:10%;font:18px var(--serif);font-style:italic;color:var(--red);transform:rotate(-9deg)}.sketchbook{background:#e1d6c1}.sketch-intro{display:grid;grid-template-columns:1fr .55fr;gap:10vw;align-items:end}.sketch-intro>p{font-size:17px;line-height:1.55;margin:0 0 8px}.notes{margin-top:90px;border-top:1px solid var(--line)}.notes article{position:relative;display:grid;grid-template-columns:145px 1fr 25px;gap:20px;padding:30px 0;border-bottom:1px solid var(--line);transition:padding .3s}.notes article:hover{padding-left:14px}.notes span{font:11px var(--mono);color:var(--muted)}.notes p{margin:0;max-width:680px;font:clamp(1.4rem,2.4vw,2.5rem)/1.16 var(--serif)}.notes i{font-style:normal;font-size:18px}.work{background:#b35442;color:#f2e9d9}.work .section-index{color:#ead0bf}.work-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:14vw}.work-grid>div>p{max-width:410px;font-size:17px;line-height:1.55;margin-top:36px}.work-list{padding-top:25px}.work-list>p{font:11px var(--mono);text-transform:uppercase;letter-spacing:.07em;margin:0!important}.work-list ul{list-style:none;padding:12px 0 30px;margin:0;font:clamp(1.3rem,1.8vw,1.8rem)/1.45 var(--serif)}.work-list a{color:#f2e9d9;border-color:#f2e9d9;margin:13px 0}.exit{min-height:88vh;background:#252924;color:#e9e2d5;display:flex;flex-direction:column;justify-content:center}.exit .small-label{color:#c7c1ae}.exit h2{margin:20px 0 55px}.email{font:clamp(1.3rem,2vw,2rem) var(--serif);text-decoration:none;display:flex;align-items:center;gap:14px;width:-moz-max-content;width:max-content;border-bottom:1px solid #e9e2d5;padding-bottom:7px}.exit footer{position:absolute;bottom:30px;left:9vw;right:9vw;display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#aaa999}@media (prefers-reduced-motion:no-preference){.rise{animation:rise .8s both}.entrance h1{animation:rise 1s .12s both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}.listening-note{position:absolute;left:9vw;bottom:105px;border-top:1px solid var(--line);padding-top:11px;width:230px;display:grid;gap:7px}.listening-note small,.listening-note span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.listening-note strong{font:17px var(--serif);font-weight:500}.artifacts{background:#d5c8b2}.artifacts h2{max-width:780px}.artifact-grid{display:grid;grid-template-columns:1.15fr .8fr .95fr;gap:22px;margin-top:75px;align-items:start}.artifact{margin:0}.artifact:nth-child(2){margin-top:90px}.artifact:nth-child(3){margin-top:35px}.artifact-empty{height:300px;border:1px dashed #716b5c99;background:linear-gradient(145deg,#dcd2bf,#c8b99f);display:flex;align-items:center;justify-content:center;color:#726955}.artifact-empty span{font:2rem var(--serif)}.artifact figcaption{padding:12px 3px;display:grid;gap:7px}.artifact figcaption strong{font:17px var(--serif);font-weight:500}.artifact figcaption span{font:10px var(--mono);line-height:1.5;color:var(--muted)}.notes h3{margin:0 0 8px;font:11px var(--mono);letter-spacing:.08em;color:var(--muted)}.notes h3,.notes span b{text-transform:uppercase}.notes span b{display:block;font-weight:400;margin-top:8px;font-size:9px}.artifact-instruction,.update-note{margin:32px 0 0;font:11px/1.55 var(--mono);color:var(--muted)}code{font-family:var(--mono);color:var(--ink)}.case-study{background:var(--paper);min-height:100vh}.case-nav{padding:27px 7vw;display:flex;justify-content:space-between;font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em}.case-nav a{display:flex;align-items:center;gap:9px;text-decoration:none}.case-hero{padding:90px 9vw 120px}.case-hero h1{font:clamp(5rem,14vw,13rem)/.8 var(--serif);letter-spacing:-.09em;font-weight:500;margin:20px 0 35px}.case-hero>p:not(.small-label){font:clamp(1.5rem,3vw,3rem)/1.1 var(--serif);max-width:720px;margin:0 0 70px}.case-hero img{display:block;width:100%;height:min(50vw,650px);-o-object-fit:cover;object-fit:cover;filter:saturate(.75)}.case-story{background:#c8bea9;padding:100px 9vw 130px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8vw;border-top:1px solid var(--line)}.story-grid article{padding:30px 0 55px;border-bottom:1px solid var(--line)}.case-facts span,.story-grid article span{font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.story-grid article p{font:clamp(1.4rem,2.5vw,2.5rem)/1.2 var(--serif);margin:20px 0 0;max-width:560px}.case-facts{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:17px}.case-facts p{margin:0;display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}.case-placeholder{font:12px/1.5 var(--mono);color:var(--muted);max-width:580px;margin:80px 0 35px}.case-contact{font:11px var(--mono);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;width:-moz-max-content;width:max-content;border-bottom:1px solid var(--ink);padding-bottom:4px}@media(max-width:700px){.topbar{padding:21px 6vw}.room-nav{background:var(--paper);left:0;right:0;top:60px;padding:20px 6vw;gap:16px;flex-wrap:wrap}.entrance{padding:21vh 7vw 6vh}.entrance h1{font-size:23vw}.entrance-bottom{margin-top:13vh}.sun-mark{height:95px;width:95px;right:12%;bottom:17%}.sun-mark i{height:140px}.note-one{right:7%;top:32%}.note-two{display:none}.room-section{padding:92px 7vw}.section-index{margin-bottom:38px}.me{min-height:800px}.artifact-grid,.case-facts,.me-grid,.project-story,.project-story.project-2,.sketch-intro,.story-grid,.work-grid{grid-template-columns:1fr;gap:42px}.me-copy{padding-top:0;font-size:16px}.tape-note{right:7%;bottom:65px;font-size:14px;padding:20px}.listening-note{position:relative;left:auto;bottom:auto;margin:65px 0 0}.process-path{margin-top:60px;grid-template-columns:1fr}.process-step,.process-step:first-child{padding:20px 0;min-height:0;border-right:0;border-bottom:1px solid #ddd6c544;display:grid;grid-template-columns:40px 110px 1fr;align-items:baseline}.process-step h3{margin:0;font-size:1.7rem}.process-step p{margin:0;max-width:none}.section-head{display:block}.section-head .small-label{margin-top:-25px}.made h2{margin-bottom:55px}.project-story{margin-bottom:95px}.project-2 .project-image{order:0}.project-image{height:74vw}.project-text h3,.rewind h3{font-size:4rem}.rewind{margin:0 -7vw;padding:65px 7vw;grid-template-columns:1fr;gap:35px}.rewind>div{padding:0}.rewind>img{height:240px}.rewind-scribble{top:auto;bottom:15px}.artifact:nth-child(2),.artifact:nth-child(3){margin-top:0}.artifact-empty{height:62vw}.notes{margin-top:60px}.notes article{grid-template-columns:1fr 20px;gap:12px}.notes span{grid-column:1/-1}.notes p{font-size:1.45rem}.work-list{padding-top:0}.exit{min-height:75vh}.exit footer{left:7vw;right:7vw;font-size:9px;gap:12px}.exit footer span:last-child{text-align:right}.case-nav{padding:22px 7vw}.case-nav span{display:none}.case-hero{padding:60px 7vw 80px}.case-hero img{height:72vw}.case-story{padding:70px 7vw 90px}.case-facts,.story-grid{gap:0}.case-facts{margin-top:45px}.case-placeholder{margin-top:55px}}.project-shelf{margin-top:110px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.project-shelf>.small-label{grid-column:1/-1;padding:18px 0;margin:0}.project-shelf>a{padding:26px 18px 30px 0;border-top:1px solid var(--line);text-decoration:none;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.project-shelf>a:not(:last-child){margin-right:20px}.project-shelf span{grid-column:1/-1;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.project-shelf strong{font:clamp(1.55rem,2.4vw,2.6rem)/1 var(--serif);font-weight:500}.roles{margin-top:70px;border-top:1px solid #f2e9d966}.roles article{padding:18px 0 25px;border-bottom:1px solid #f2e9d966}.roles span{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#ead0bf}.roles h3{font:1.6rem var(--serif);font-weight:500;margin:14px 0 5px}.roles strong{font:11px var(--mono);text-transform:uppercase;letter-spacing:.05em}.roles article p{font-size:14px;line-height:1.5;margin:12px 0 0}.case-image-placeholder{height:min(50vw,650px);background:#d4c7b1;display:flex;align-items:center;justify-content:center;font:14px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.case-links{background:#c8bea9;padding:0 9vw 110px;display:flex;gap:25px}.case-links a{font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}@media(max-width:700px){.project-shelf{margin-top:70px;grid-template-columns:1fr}.project-shelf>a:not(:last-child){margin-right:0}.roles{margin-top:45px}.case-image-placeholder{height:72vw}.case-links{padding:0 7vw 70px;flex-wrap:wrap}}@media (prefers-reduced-motion:no-preference){.process-step{transition:background-color .55s ease,color .55s ease,transform .55s cubic-bezier(.16,1,.3,1)}.process-step.is-active{background:#e9e4d812;transform:translateY(-9px)}.process-step.is-active h3{color:#e7bf8e}.project-image img{transform:translateY(var(--drift,0));transition:transform .75s cubic-bezier(.16,1,.3,1)}.project-image:hover img{transform:translateY(var(--drift,0)) scale(1.045)}.rewind>img{transform:translateY(var(--drift,0));transition:transform .75s cubic-bezier(.16,1,.3,1)}.artifact{transition:transform .45s cubic-bezier(.16,1,.3,1)}.artifact:hover{transform:rotate(-1.4deg) translateY(-8px)}.artifact:nth-child(2):hover{transform:rotate(1.3deg) translateY(-8px)}.artifact:nth-child(3):hover{transform:rotate(-.7deg) translateY(-8px)}.artifact-empty{transition:filter .4s ease,box-shadow .4s ease}.artifact:hover .artifact-empty{filter:brightness(1.04);box-shadow:7px 10px 0 #7c725c25}.room-nav a{opacity:0;transform:translateY(-7px);transition:opacity .25s ease,transform .25s ease,border-color .2s}.room-nav.is-open a{opacity:1;transform:none}.room-nav.is-open a:first-child{transition-delay:.04s}.room-nav.is-open a:nth-child(2){transition-delay:.08s}.room-nav.is-open a:nth-child(3){transition-delay:.12s}.room-nav.is-open a:nth-child(4){transition-delay:.16s}.room-nav.is-open a:nth-child(5){transition-delay:.2s}.entrance:after{animation:grain-shift 8s steps(2) infinite}@keyframes grain-shift{0%,to{transform:translate(0)}25%{transform:translate(1%,-.6%)}60%{transform:translate(-.7%,.8%)}}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.artifact-image{height:300px;overflow:hidden;background:#c8b99f}.artifact-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.78) contrast(.96)}.artifact:first-child .artifact-image img{-o-object-position:center 68%;object-position:center 68%}@media (prefers-reduced-motion:no-preference){.artifact-image{transition:filter .4s ease,box-shadow .4s ease}.artifact-image img{transition:transform .65s cubic-bezier(.16,1,.3,1),filter .45s ease}.artifact:hover .artifact-image{filter:brightness(1.04);box-shadow:7px 10px 0 #7c725c25}.artifact:hover .artifact-image img{transform:scale(1.04)}}@media (max-width:700px){.artifact-image{height:62vw}}@media (prefers-reduced-motion:no-preference) and (hover:hover){.entrance .sun-mark{transform:translate(calc(var(--pointer-x, 0) * 19px),calc(var(--pointer-y, 0) * 15px));animation:sun-breathe 6s ease-in-out infinite}.entrance .margin-note,.entrance .sun-mark{transition:transform .8s cubic-bezier(.16,1,.3,1)}.entrance .note-one{transform:translate(calc(var(--pointer-x, 0) * -13px),calc(var(--pointer-y, 0) * -9px)) rotate(-7deg)}.entrance .note-two{transform:translate(calc(var(--pointer-x, 0) * -9px),calc(var(--pointer-y, 0) * -7px)) rotate(6deg)}.scroll-invite svg{animation:nudge-down 1.7s ease-in-out infinite}.menu-button svg{transition:transform .28s cubic-bezier(.16,1,.3,1)}.menu-button:hover svg{transform:rotate(14deg)}.project-shelf>a{transition:background-color .3s ease,padding .35s cubic-bezier(.16,1,.3,1)}.project-shelf>a:hover{background:#d9d1bf;padding-left:12px}.project-shelf>a svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.project-shelf>a:hover svg{transform:translate(3px,-3px)}.email{transition:color .3s ease,gap .3s cubic-bezier(.16,1,.3,1)}.email:hover{color:#e7bf8e;gap:21px}}@keyframes sun-breathe{0%,to{box-shadow:0 0 0 rgba(173,81,61,0)}50%{box-shadow:0 0 30px rgba(173,81,61,.12)}}@keyframes nudge-down{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.topbar{position:fixed;background:color-mix(in srgb,var(--paper) 76%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .25s ease,background .25s ease}.header-actions{display:flex;align-items:center;gap:24px}.work-shortcut{font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid;padding-bottom:3px}.room-nav[hidden]{display:none}.build-notes{margin-top:70px;border-top:1px solid var(--line);padding-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.build-notes .small-label{grid-column:1/-1}.build-notes>p:not(.small-label){margin:0;font:1.2rem/1.25 var(--serif)}@media (prefers-reduced-motion:no-preference){.motion-ready [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.motion-ready [data-reveal].is-revealed{opacity:1;transform:none}}@media (max-width:700px){.work-shortcut{display:none}.header-actions{gap:0}.build-notes{grid-template-columns:1fr;gap:14px;margin-top:48px}}.room-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#eadfc9;isolation:isolate}.room-canvas{position:absolute;inset:0;z-index:1;touch-action:pan-y}.room-canvas canvas{display:block;cursor:grab}.room-poster{position:absolute;inset:0;z-index:2;transition:opacity .9s ease}.room-poster picture{display:block;position:absolute;inset:0}.room-poster img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.room-hero[data-still="1"] .room-poster,[data-theme=dark] .poster-day,[data-theme=light] .poster-night{display:none}.room-poster[data-live="1"]{opacity:0;pointer-events:none}.room-ui{z-index:4;pointer-events:none}.room-ui,.room-view{position:absolute;inset:0}.room-view{outline:none}.room-view:focus-visible{outline:2px solid var(--ink);outline-offset:-6px}.room-loading{position:absolute;z-index:5;right:4.8vw;top:84px;margin:0;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.room-intro{position:absolute;pointer-events:auto;left:clamp(22px,4.8vw,72px);bottom:clamp(26px,6vh,64px);width:min(440px,42vw);background:var(--paper);padding:26px 30px;box-shadow:7px 10px 0 #7c725c25;transition:width .5s cubic-bezier(.16,1,.3,1),padding .4s,opacity .4s}.room-eyebrow{margin:0 0 14px;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.room-eyebrow span{color:var(--muted)}.room-intro h1{margin:0 0 20px;font:500 clamp(2.8rem,5.2vw,4.6rem)/.88 var(--serif);letter-spacing:-.055em}.room-lede{margin:0 0 6px;font:500 clamp(1.25rem,1.9vw,1.7rem)/1.15 var(--serif)}.room-sub{margin:0 0 22px;font-size:15px;line-height:1.5;color:var(--muted)}.room-intro-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.room-enter{display:inline-flex;align-items:center;gap:10px;border:0;background:var(--ink);color:var(--paper);padding:13px 20px;font:11px var(--mono);letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.room-enter:hover{background:var(--red)}.room-enter svg{transform:rotate(-90deg)}.room-skip{font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid;padding-bottom:3px}.room-intro[data-collapsed="1"]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;box-shadow:none}.room-intro[data-collapsed="1"] .room-eyebrow,.room-intro[data-collapsed="1"] .room-intro-more{display:none}.room-marker{position:absolute;left:0;top:0;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;border:0;background:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .45s ease;will-change:transform}.room-ui[data-entered="1"] .room-marker{opacity:1;pointer-events:auto}.room-ui[data-panel="1"] .room-marker{opacity:0;pointer-events:none}.room-marker[data-off="1"]{opacity:0!important;pointer-events:none!important}.room-marker span{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px hsla(42,32%,90%,.92);transition:transform .25s ease}.room-marker:focus-visible span,.room-marker:hover span,.room-marker[data-on="1"] span{transform:scale(1.35)}.room-marker:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;border-radius:50%}@media (prefers-reduced-motion:no-preference){.room-marker span:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid var(--red);opacity:0;animation:marker-ring 3.2s ease-out infinite}.room-marker:nth-of-type(2n) span:after{animation-delay:.9s}.room-marker:nth-of-type(3n) span:after{animation-delay:1.8s}@keyframes marker-ring{0%{transform:scale(.6);opacity:.7}70%,to{transform:scale(1.5);opacity:0}}}.room-label{position:absolute;left:0;top:0;pointer-events:none;opacity:0;transition:opacity .2s;z-index:2}.room-label[data-show="1"][data-off="0"]{opacity:1}.room-label span{position:absolute;left:0;top:0;transform:translate(-50%,-190%);white-space:nowrap;background:var(--paper);padding:7px 11px;font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase;box-shadow:3px 4px 0 #7c725c33}.room-dock{position:absolute;left:clamp(22px,4.8vw,72px);bottom:clamp(22px,4vh,40px);max-width:min(56vw,760px);display:grid;gap:14px;pointer-events:none}.room-dock>*{pointer-events:auto}.room-hud,.room-index{opacity:0;transform:translateY(8px);pointer-events:none!important;transition:opacity .5s ease,transform .5s ease}.room-hud[data-show="1"],.room-index[data-show="1"]{opacity:1;transform:none;pointer-events:auto!important}.room-hint{margin:0 0 10px;width:-moz-max-content;width:max-content;max-width:100%;background:var(--paper);padding:8px 12px;font:italic 500 15px var(--serif)}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.room-actions a,.room-actions button{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:0;padding:9px 12px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;color:var(--ink)}.room-actions a:hover,.room-actions button:hover{background:#fff8ea}.room-index ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.room-index button{border:1px solid rgba(41,40,35,.34);background:color-mix(in srgb,var(--paper) 90%,transparent);padding:8px 11px;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;color:var(--ink);min-height:36px}.room-index button:hover,.room-index button[aria-current=true]{background:var(--ink);color:var(--paper)}.room-ui[data-panel="1"] .room-hud{opacity:0;pointer-events:none!important}.room-hint{animation:none}@media (prefers-reduced-motion:no-preference){.room-hud[data-show="1"] .room-hint{animation:hint-away 1.2s 11s forwards}@keyframes hint-away{to{opacity:0}}}.room-hero a:focus-visible,.room-hero button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.room-panel{position:absolute;z-index:6;top:68px;right:0;bottom:0;width:min(31rem,42vw);overflow:auto;background:var(--paper);border-left:1px solid var(--line);padding:30px 34px 40px;pointer-events:auto;overscroll-behavior:contain}@media (prefers-reduced-motion:no-preference){.room-panel{animation:panel-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes panel-in{0%{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}}.rp-close{display:flex;align-items:center;gap:8px;margin:0 0 30px auto;border:0;background:none;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;padding:6px 0}.rp-close:hover{color:var(--red)}.rp-kicker{margin:0 0 12px;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.room-panel h2{margin:0 0 24px;font:500 clamp(2.2rem,3.6vw,3.3rem)/.95 var(--serif);letter-spacing:-.06em;outline:none}.rp-body{font-size:15px;line-height:1.55}.rp-body p{margin:0 0 16px}.rp-lede{font:500 1.35rem/1.25 var(--serif)!important}.rp-small{color:var(--muted);font-size:14px}.rp-tag{border:1px solid var(--ink);padding:6px 10px;font:11px var(--mono)!important;letter-spacing:.08em}.rp-link,.rp-tag{display:inline-block;text-transform:uppercase}.rp-link{margin-top:14px;font:11px var(--mono);letter-spacing:.07em;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px}.rp-contact,.rp-notes,.rp-projects,.rp-steps{list-style:none;margin:22px 0 10px;padding:0}.rp-notes li,.rp-projects li{border-top:1px solid var(--line);padding:14px 0 12px}.rp-projects a{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;font:500 1.5rem/1.05 var(--serif);letter-spacing:-.03em}.rp-projects a:hover strong{color:var(--red)}.rp-projects p{margin:6px 0 4px;color:#4b4840;font-size:14px}.rp-notes span,.rp-projects span{font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.rp-notes strong{display:block;margin:4px 0;font:500 1.4rem var(--serif)}.rp-notes p{margin:0}.rp-steps li{display:grid;grid-template-columns:34px 1fr;-moz-column-gap:10px;column-gap:10px;border-top:1px solid var(--line);padding:14px 0}.rp-steps span{grid-row:1/3;font:11px var(--mono);color:var(--muted);padding-top:6px}.rp-steps strong{font:500 1.6rem/1 var(--serif);letter-spacing:-.03em}.rp-steps p{margin:4px 0 0!important;color:#4b4840}.rp-quote{margin:6px 0 24px;font:italic 500 clamp(1.8rem,3vw,2.5rem)/1.12 var(--serif);letter-spacing:-.03em;color:var(--red)}.rp-now{margin:20px 0;border-top:1px solid var(--line);padding-top:12px}.rp-now dt{font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.rp-now dd{margin:6px 0 0;font:500 1.5rem var(--serif)}.rp-figure{margin:22px 0 14px}.rp-figure img{display:block;width:100%;height:auto;filter:saturate(.8)}.rp-figure figcaption{margin-top:8px;font:10px var(--mono);color:var(--muted)}.rp-email{display:inline-flex;align-items:center;gap:10px;margin:8px 0 22px;font:500 1.35rem var(--serif);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px;word-break:break-all}.rp-email:hover{color:var(--red)}.rp-contact li{border-top:1px solid var(--line)}.rp-contact a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;text-decoration:none;font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase}.rp-contact a:hover{color:var(--red)}@media (max-width:900px){.room-panel{top:auto;left:0;width:auto;max-height:58svh;border-left:0;border-top:1px solid var(--line);padding:18px 6vw 30px}@media (prefers-reduced-motion:no-preference){.room-panel{animation-name:sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}.rp-close{margin-bottom:16px}.room-ui[data-panel="1"] .room-dock{display:none}}@media (max-width:700px){.room-intro{left:0;right:0;bottom:0;width:auto;padding:22px 7vw 26px;box-shadow:0 -1px 0 var(--line)}.room-intro h1{font-size:3rem;margin-bottom:14px}.room-sub{margin-bottom:18px}.room-dock{left:0;right:0;bottom:0;max-width:none;gap:8px;padding-bottom:14px}.room-hint{margin:0 4vw;font-size:14px}.room-actions{padding:0 4vw}.room-index{padding:0}.room-index ul{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:2px 4vw;scrollbar-width:none;-webkit-overflow-scrolling:touch}.room-index ul::-webkit-scrollbar{display:none}.room-index button{white-space:nowrap;min-height:44px}.room-actions a,.room-actions button{min-height:40px}.room-loading{top:72px}}.case-story,.me{background:#dccaa6}.artifacts{background:#e0cfae}.rewind{background:#bcc08c}.process{background:#c9c58f;color:var(--ink)}.process .section-index{color:#5c5e3c}.process-path{border-top-color:rgba(41,40,35,.28)}.process-step{border-right-color:rgba(41,40,35,.28)}.process-step.is-active{background:rgba(41,40,35,.07)}.process-step.is-active h3{color:var(--red)}.process-step span{color:#5c5e3c}.process-step p{color:#3f3d2f}.exit{background:#e6cba3;color:var(--ink)}.exit .small-label,.exit footer{color:#6d5d42}.exit .email{border-bottom-color:var(--ink)}@media (prefers-reduced-motion:no-preference) and (hover:hover){.exit .email:hover{color:var(--red)}}@media (max-width:700px){.process-step,.process-step:first-child{border-bottom-color:rgba(41,40,35,.28)}}:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.4,0,.2,1);--dur-fast:.2s;--dur-base:.45s;--dur-slow:.9s;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--s-9:112px;--fs-xs:.6875rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.35rem;--fs-xl:clamp(2rem,4.2vw,3.6rem);--fs-2xl:clamp(2.8rem,7vw,6.4rem);--focus:2px solid var(--ink)}[data-theme=dark]{color-scheme:dark;--paper:#0b0a09;--ink:#ece6d8;--muted:#a49d8d;--red:#e58f74;--line:hsla(42,34%,89%,.17);--surface-1:#12100e;--surface-2:#171512;--surface-3:#1e1b17;--sand:#e6cba3;--olive:#b9bd86;--slab:#9a4533}[data-theme=light]{color-scheme:light;--surface-1:#e2d7c1;--surface-2:#ece4d2;--surface-3:#d9ceb8}[data-theme=dark] body{background:var(--paper);color:var(--ink)}[data-theme=dark] ::-moz-selection{background:var(--red);color:#0b0a09}[data-theme=dark] ::selection{background:var(--red);color:#0b0a09}[data-theme=dark] .room-hero{background:#0b0a09}[data-theme=dark] .case-story,[data-theme=dark] .me,[data-theme=dark] .sketchbook{background:var(--surface-1)}[data-theme=dark] .artifacts{background:var(--surface-2)}[data-theme=dark] .process{background:#0f0e0c;color:var(--ink)}[data-theme=dark] .process .section-index,[data-theme=dark] .process-step span{color:var(--muted)}[data-theme=dark] .process-step p{color:#c9c2b2}[data-theme=dark] .process-path{border-top-color:var(--line)}[data-theme=dark] .process-step{border-right-color:var(--line)}[data-theme=dark] .process-step.is-active{background:hsla(42,34%,89%,.05)}[data-theme=dark] .process-step.is-active h3{color:var(--red)}[data-theme=dark] .case-study,[data-theme=dark] .made{background:var(--paper)}[data-theme=dark] .artifact-image,[data-theme=dark] .case-image-placeholder,[data-theme=dark] .project-image{background:var(--surface-3)}[data-theme=dark] .rewind{background:#17170f}[data-theme=dark] .work{background:var(--slab);color:#f6eddd}[data-theme=dark] .roles span,[data-theme=dark] .work .section-index{color:#f0d3c2}[data-theme=dark] .exit{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}[data-theme=dark] .exit .small-label,[data-theme=dark] .exit footer{color:var(--muted)}[data-theme=dark] .exit .email{border-bottom-color:var(--ink)}[data-theme=dark] .case-links{background:var(--surface-1)}[data-theme=dark] .tape-note{background:#d9c47b;color:#292823}[data-theme=dark] .artifact-empty{background:linear-gradient(145deg,var(--surface-2),var(--surface-3));color:var(--muted);border-color:var(--line)}[data-theme=dark] .artifact:hover .artifact-empty,[data-theme=dark] .artifact:hover .artifact-image{box-shadow:0 0 0 1px var(--line),0 18px 40px rgba(0,0,0,.45)}[data-theme=dark] .project-shelf>a:hover{background:var(--surface-2)}[data-theme=dark] .email:hover{color:var(--red)}[data-theme=dark] .artifact-image img,[data-theme=dark] .project-image img{filter:brightness(.92) saturate(.96)}[data-theme=dark] .room-nav{background:var(--surface-1);border:1px solid var(--line)}[data-theme=dark] .room-intro{background:var(--surface-1);box-shadow:0 0 0 1px var(--line),0 24px 60px rgba(0,0,0,.5)}[data-theme=dark] .room-actions a,[data-theme=dark] .room-actions button,[data-theme=dark] .room-hint,[data-theme=dark] .room-label span{background:var(--surface-1);box-shadow:0 0 0 1px var(--line)}[data-theme=dark] .room-actions a:hover,[data-theme=dark] .room-actions button:hover{background:var(--surface-3)}[data-theme=dark] .room-index button{background:color-mix(in srgb,var(--surface-1) 88%,transparent);border-color:var(--line)}[data-theme=dark] .room-index button:hover,[data-theme=dark] .room-index button[aria-current=true]{background:var(--ink);color:#0b0a09}[data-theme=dark] .room-panel{background:var(--surface-1);border-color:var(--line)}[data-theme=dark] .rp-projects p,[data-theme=dark] .rp-steps p{color:#b9b2a2}[data-theme=dark] .rp-figure img{filter:brightness(.9) saturate(.85)}@media (max-width:700px){[data-theme=dark] .room-intro{box-shadow:0 -1px 0 var(--line)}}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:none;color:var(--ink);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-soft),background var(--dur-fast) var(--ease-soft)}.theme-toggle:hover{border-color:var(--ink)}.theme-toggle:focus-visible{outline:var(--focus);outline-offset:3px}.theme-toggle-icon{display:grid;place-items:center}@media (prefers-reduced-motion:no-preference){.theme-toggle-icon{animation:theme-icon .55s var(--ease-out) both}@keyframes theme-icon{0%{opacity:0;transform:rotate(-70deg) scale(.6)}to{opacity:1;transform:none}}html.theme-fade,html.theme-fade *,html.theme-fade :after,html.theme-fade :before{transition:background-color .55s var(--ease-soft),color .55s var(--ease-soft),border-color .55s var(--ease-soft),box-shadow .55s var(--ease-soft)!important}}.case-nav{align-items:center}.case-nav .theme-toggle{margin-left:auto}.case-nav span{margin:0 var(--s-5)}.ln{display:block}.scroll-progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:70;background:var(--red);transform-origin:left;transform:scaleX(var(--scroll-p,0));pointer-events:none}@media (prefers-reduced-motion:no-preference){.motion-ready [data-lines] .ln{overflow:hidden;padding:0 .1em .16em 0;margin-bottom:-.16em}.motion-ready [data-lines] .ln>span{display:block;transform:translateY(112%);transition:transform 1.05s var(--ease-out);transition-delay:calc(var(--i,0) * .12s)}.motion-ready [data-lines].is-revealed .ln>span{transform:none}.motion-ready [data-stagger]>*{opacity:0;translate:0 22px;transition:opacity .75s var(--ease-soft),translate .95s var(--ease-out);transition-delay:calc(var(--i,0) * 85ms)}.motion-ready [data-stagger].is-revealed>*{opacity:1;translate:0 0}[data-stagger]>:first-child{--i:0}[data-stagger]>:nth-child(2){--i:1}[data-stagger]>:nth-child(3){--i:2}[data-stagger]>:nth-child(4){--i:3}[data-stagger]>:nth-child(5){--i:4}[data-stagger]>:nth-child(6){--i:5}[data-stagger]>:nth-child(7){--i:6}[data-stagger]>:nth-child(8){--i:7}[data-stagger]>:nth-child(9){--i:8}[data-stagger]>:nth-child(10){--i:9}.motion-ready [data-draw]{position:relative}.motion-ready [data-draw]:after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 1.7s var(--ease-out) .1s;pointer-events:none}.motion-ready [data-draw].is-revealed:after{transform:scaleX(1)}.room-intro:not([data-collapsed="1"]){animation:card-in .95s var(--ease-out) .3s both}@keyframes card-in{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}.room-nav.is-open{animation:nav-in .45s var(--ease-out) both}.room-nav.is-open a{animation:nav-link .65s var(--ease-out) both;animation-delay:calc(var(--n,0) * 55ms + 90ms)}.room-nav a:first-child{--n:0}.room-nav a:nth-child(2){--n:1}.room-nav a:nth-child(3){--n:2}.room-nav a:nth-child(4){--n:3}.room-nav a:nth-child(5){--n:4}@keyframes nav-in{0%{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}@keyframes nav-link{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.case-hero>*{animation:rise-in 1s var(--ease-out) both}.case-hero>:first-child{animation-delay:.1s}.case-hero>:nth-child(2){animation-delay:.2s}.case-hero>:nth-child(3){animation-delay:.3s}.case-hero>:nth-child(4){animation-delay:.4s}.case-hero>:nth-child(5){animation-delay:.5s}@keyframes rise-in{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}.case-contact svg,.case-meta a svg,.case-next svg,.project-text a svg,.rewind a svg{transition:translate .3s var(--ease-out)}.case-contact:hover svg,.case-meta a:hover svg,.case-next a:hover svg,.project-text a:hover svg,.rewind a:hover svg{translate:3px -3px}.case-next a{transition:padding .45s var(--ease-out),background-color .3s var(--ease-soft)}.case-next a:hover{padding-left:calc(9vw + 14px)}::view-transition-old(root){animation:vt-out .26s var(--ease-soft) both}::view-transition-new(root){animation:vt-in .55s var(--ease-out) both}::view-transition-group(*){animation-duration:.6s;animation-timing-function:var(--ease-out)}@keyframes vt-out{to{opacity:0;translate:0 -8px}}@keyframes vt-in{0%{opacity:0;translate:0 14px}}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}.scroll-progress{display:none}}.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 var(--s-6);margin:0 0 var(--s-8);padding:0;border-top:1px solid var(--line)}.case-meta>div{padding:var(--s-4) 0 var(--s-4);border-bottom:1px solid var(--line)}.case-meta dt{font:var(--fs-xs) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.case-meta dd{margin:var(--s-2) 0 0;font-size:var(--fs-md);line-height:1.4}.case-meta a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-bottom:1px solid;padding-bottom:2px}.case-meta a:hover{color:var(--red)}.case-status{display:grid;grid-template-columns:1fr 1fr;gap:0 8vw;margin-top:var(--s-8);border-top:1px solid var(--line)}.case-status>div{padding:var(--s-5) 0 var(--s-6)}.case-status span{font:var(--fs-xs) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.case-status p{font:var(--fs-lg)/1.35 var(--serif);margin:var(--s-3) 0 0}.case-screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-5);margin-top:var(--s-8)}.case-screens img{display:block;width:100%;height:auto;border:1px solid var(--line)}.case-screens figcaption{margin-top:var(--s-2);font:var(--fs-xs) var(--mono);color:var(--muted)}.case-next{border-top:1px solid var(--line)}.case-next a{display:flex;align-items:center;gap:var(--s-5);padding:var(--s-8) 9vw;text-decoration:none;flex-wrap:wrap}.case-next span{font:var(--fs-xs) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);width:100%}.case-next strong{font:500 var(--fs-xl)/1 var(--serif);letter-spacing:-.04em}.case-next a:hover strong{color:var(--red)}.case-links:empty{display:none}@media (max-width:700px){.case-status{grid-template-columns:1fr}.case-next a{padding:var(--s-7) 7vw}.case-meta{margin-bottom:var(--s-7)}}