@scope(.paper-experience){@font-face{font-family:Zilla;src:url(/fonts/zilla-slab-medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Zilla;src:url(/fonts/zilla-slab-regular-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}:scope{--paper: #f4eee2;--ink: #253b45;--rust: #ad472f;--blue: #35596b;--sage: #6f7f61;--muted: #605b52;--rule: #cfc3b0;font-family:system-ui,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}:scope{margin:0}:scope:after{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.075;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23827766' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--rust);outline-offset:7px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Zilla,Georgia,serif;font-weight:500}em{font-weight:400;color:var(--rust)}.eyebrow{font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.17em;text-transform:uppercase}.handwritten{font-family:Zilla,serif;font-style:italic;font-size:20px}.skip-link{position:fixed;left:15px;top:-100px;z-index:50;background:var(--paper);padding:15px}.skip-link:focus{top:15px}.paper-header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(5vw,24px);position:relative;z-index:10;background:#f6f0e5;box-shadow:0 4px 6px #45321d18}.paper-header:after{content:"";position:absolute;left:0;right:0;height:8px;bottom:-6px;background:#f6f0e5;clip-path:polygon(0 0,100% 0,100% 50%,97% 75%,93% 35%,89% 75%,83% 40%,76% 85%,68% 25%,61% 80%,55% 40%,46% 75%,39% 30%,32% 80%,24% 40%,16% 85%,8% 40%,0 75%)}.nameplate{display:flex;gap:16px;align-items:center;font:500 31px/1 Zilla,serif;letter-spacing:-1px}.nameplate small{display:block;font:11px/1.5 system-ui,sans-serif;letter-spacing:.08em;margin-top:7px}.fold-mark{width:39px;height:40px;background:linear-gradient(145deg,#d97855 49%,#9a3e2d 50%);clip-path:polygon(0 20%,100% 0,75% 100%,47% 61%,30% 79%,30% 45%);filter:drop-shadow(2px 4px 2px #583a3944)}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:600}nav>a:not(.small-button):hover,.plain-link:hover{text-decoration:underline;text-underline-offset:5px}.small-button{padding:13px 20px;background:var(--ink);color:#fff8ea;box-shadow:2px 3px #c3b7a3}.small-button span{margin-left:17px}.paper-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 48%,#faf7ee 10%,transparent 65%)}.hero-inner{min-height:580px;max-width:1550px;margin:auto;padding:84px 5vw 64px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:0}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{margin-bottom:22px}h1{font-size:clamp(50px,5.2vw,82px);line-height:1.02;letter-spacing:-.055em}h1 em{position:relative;display:inline-block}h1 em:after{content:"";height:4px;position:absolute;left:1%;right:8%;bottom:-10px;background:#bd6448;clip-path:polygon(0 35%,100% 0,94% 70%,0 100%)}.hero-description{font-size:17px;line-height:1.7;color:var(--muted);margin-top:32px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.paper-button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:18px 23px;color:#fff9ef;background:var(--rust);font:500 17px/1.3 Zilla,serif;box-shadow:1px 2px #8a3827,3px 6px 6px #53332030;position:relative;transition:transform .18s,box-shadow .18s}.paper-button:after{content:"";position:absolute;width:13px;height:13px;bottom:0;right:0;background:#883921;clip-path:polygon(100% 0,100% 100%,0 100%)}.paper-button:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:2px 4px #8a3827,4px 9px 9px #53332030}.plain-link{font-size:13px;font-weight:600;line-height:1.7}.plain-link span{margin-left:10px}.workshop{position:relative;align-self:center;min-width:0;margin-left:-20px;margin-right:-30px;will-change:transform}.scene-image{mask-image:radial-gradient(ellipse 55% 50% at 50% 50%,#000 70%,transparent 100%);mix-blend-mode:multiply}.workshop img{display:block;width:100%;height:auto}.workshop figcaption{text-align:center;font:italic 18px/1.4 Zilla,serif;color:var(--muted);margin-top:8px}.scene-label{position:absolute;font:italic 19px Zilla,serif;color:#766d60;transform:rotate(-7deg)}.label-one{top:1%;left:14%}.label-two{bottom:15%;right:3%;transform:rotate(5deg)}.hero-foot{margin:0 5vw;padding:23px 0 28px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);color:var(--muted)}.hero-foot>span:first-child{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.hero-foot .handwritten{font-size:17px}.work-section{max-width:1450px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:95px 6vw 110px;align-items:start}.work-intro{position:sticky;top:90px}.work-intro h2,.section-heading h2{font-size:clamp(38px,4vw,60px);line-height:1.05;letter-spacing:-.045em;margin:21px 0}.work-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:330px;color:var(--muted)}.work-intro>.plain-link{display:inline-block;margin-top:24px}.paper-stack{position:relative;height:120px;width:160px;margin:48px 0 10px 35px}.paper-stack i{position:absolute;width:125px;height:85px;transform:rotate(-28deg) skew(25deg);background:var(--sage);top:30px;box-shadow:0 8px 5px #36291335;border-top:1px solid #ffffff80}.paper-stack i:nth-child(2){background:#f9f3e7;top:12px}.paper-stack i:nth-child(3){background:#bd664b;top:-6px}.work-note{color:var(--muted);font-size:18px}.project-sheets{padding-bottom:20px;min-width:0}.project-sheet{position:sticky;top:calc(40px + var(--sheet-index) * 22px);min-height:495px;padding:27px 34px 38px;background:#fbf6eb;border:1px solid #e1d6c5;box-shadow:0 2px 1px #b0a28b,0 7px 0 -2px #eee4d2,0 9px 1px -2px #bcac94,0 15px 22px #493b2229;transform-origin:50% 0;margin-bottom:80px;border-radius:3px 15px 4px 5px;overflow:hidden}.project-sheet:last-child{margin-bottom:0}.sheet-meta{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:14px}.sheet-meta span:last-child{font:italic 19px Zilla,serif}.sheet-copy .eyebrow{font-size:10px;letter-spacing:.13em}.sheet-copy h3{font-size:36px;letter-spacing:-.035em;line-height:1.08;margin:10px 0 14px;max-width:360px}.sheet-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;color:var(--muted);max-width:390px}.sheet-copy .plain-link{display:inline-block;margin-top:20px}.fold-corner{position:absolute;bottom:0;right:0;width:30px;height:30px;background:linear-gradient(135deg,#c7b99f 0,#e4d8c3 49%,#f4eee2 51%);box-shadow:-2px -2px 3px #73553515}.paper-object{height:150px;width:170px;margin:12px auto 22px;position:relative;filter:drop-shadow(5px 9px 4px #3c2e242b);transform:rotate(-6deg)}.paper-object span{position:absolute;display:block}.server .object-front{left:40px;top:17px;width:89px;height:115px;background:#34596a;border:5px solid #284653;box-shadow:inset 2px 2px #80979c}.server .object-front i{display:block;height:23px;background:#486c7c;margin:8px 5px;border-bottom:2px solid #243d49}.server .object-front i:before{content:"";display:block;width:5px;height:5px;background:#cad5ad;border-radius:50%;position:relative;top:7px;left:7px}.server .object-back{width:90px;height:22px;left:45px;top:5px;background:#6f8a91;clip-path:polygon(0 70%,85% 0,100% 60%,0 100%)}.server .object-base{left:129px;top:17px;width:13px;height:115px;background:#203740;transform:skewY(-34deg);transform-origin:left top}.house .object-front{width:110px;height:80px;background:#e8d7b8;left:30px;top:62px;box-shadow:inset -12px 0 #c9bda0}.house .object-back{width:150px;height:83px;left:10px;top:4px;background:linear-gradient(120deg,#d47b57,#ae4931);clip-path:polygon(50% 0,100% 100%,0 100%)}.house .object-front i:first-child{position:absolute;width:24px;height:43px;bottom:0;left:17px;background:#385567}.house .object-front i:nth-child(2){position:absolute;width:28px;height:27px;top:17px;right:23px;background:#ddac59;border:4px solid #f6ecda}.terminal .object-front{width:145px;height:98px;background:#304a50;left:9px;top:16px;border:9px solid #d9d3b9;box-shadow:inset 2px 2px 3px #0e202a55}.terminal .object-front:before{content:"› _";color:#e1e3b4;font:35px/1.8 monospace;padding:7px}.terminal .object-front i{height:3px;background:#9baf97;position:absolute;bottom:12px;width:42px;left:48px}.terminal .object-base{width:165px;height:22px;left:0;top:114px;clip-path:polygon(6% 0,91% 0,100% 80%,98% 100%,0 100%);background:#b7b89e}.rust{background:#f7ede0}.sage{background:#eef0e2}.lab-strip{background:var(--blue);color:#f7f0e2;position:relative;padding:80px max(8vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.lab-strip:before,.paper-footer:before{content:"";position:absolute;top:-12px;left:0;right:0;height:15px;background:inherit;clip-path:polygon(0 45%,4% 25%,9% 55%,16% 15%,22% 40%,28% 5%,35% 45%,40% 20%,46% 70%,55% 10%,63% 40%,69% 20%,77% 55%,85% 15%,92% 40%,100% 20%,100% 100%,0 100%)}.lab-strip h2{font-size:clamp(35px,4vw,58px);letter-spacing:-.04em;line-height:1.05;margin-top:20px}.lab-strip p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:390px;margin:23px 0 28px}.cream{color:var(--ink);background:#f6eddb;box-shadow:1px 2px #bdaf99,3px 6px 6px #13272e40}.cream:after{background:#c6b89f}.cream:hover{box-shadow:1px 2px #bdaf99,4px 8px 9px #13272e40}.paper-map{transform:rotate(3deg);padding:30px 36px;background:#f2ead9;color:var(--ink);box-shadow:5px 9px #1e3b4944,8px 15px 15px #14263033;background-image:linear-gradient(#baa88920 1px,transparent 1px),linear-gradient(90deg,#baa88920 1px,transparent 1px);background-size:22px 22px;max-width:390px;width:100%;justify-self:center}.map-caption{display:block;font:italic 18px Zilla,serif;text-align:center;margin-bottom:20px}.map-node{font:500 24px Zilla,serif;text-align:center;padding:12px;background:#f9f4e8;box-shadow:2px 3px 2px #8c7b6033;border:1px solid #d3c6ad}.map-node small{display:block;font:11px system-ui,sans-serif;color:var(--muted);margin-top:5px}.map-line{display:block;text-align:center;font-size:24px;height:31px;color:var(--rust)}.notes-section{padding:100px 8vw 110px;max-width:1450px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.note-row{display:grid;grid-template-columns:130px 1fr 30px;gap:30px;border-top:1px solid var(--rule);padding:28px 0;transition:padding .2s,background .2s}.note-row:last-child{border-bottom:1px solid var(--rule)}.note-row:hover{padding-left:12px;background:#fff8ea70}.note-row time{font-size:11px;color:var(--muted);padding-top:8px}.note-row h3{font-size:25px;line-height:1.2;letter-spacing:-.02em}.note-row p{max-width:700px;font-size:13px;line-height:1.7;margin-top:9px;color:var(--muted)}.note-row>span{font-size:25px;color:var(--rust)}.paper-footer{background:var(--rust);color:#fff4e1;padding:70px 8vw 25px;position:relative}.paper-footer h2{font-size:clamp(45px,5vw,72px);letter-spacing:-.045em;line-height:1.05;margin:20px 0 28px}.paper-footer em{color:inherit}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #fff4e155;margin-top:65px;padding-top:25px;font-size:11px}.footer-name{font:25px Zilla,serif}.footer-bottom>span{font:italic 17px Zilla,serif}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:paper-arrive .8s both}.scene-image{animation:paper-arrive 1.1s .12s both}@keyframes paper-arrive{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}}@media(min-width:1600px){.hero-inner{min-height:680px}.workshop{margin-right:-50px}}@media(max-width:1000px){nav{gap:20px}.hero-inner{padding-top:65px;padding-bottom:50px;min-height:540px}.actions{gap:18px;flex-wrap:wrap}.work-section{gap:5vw}.project-sheet{padding:25px;min-height:510px}.sheet-copy h3{font-size:32px}.scene-label{font-size:16px}.label-two{right:9%;bottom:19%}.workshop figcaption{font-size:15px}.lab-strip{gap:6vw}}@media(max-width:760px){:scope{scroll-padding-top:25px}.paper-header{height:auto;min-height:100px;flex-wrap:wrap;padding:22px 6vw 19px;gap:22px}.nameplate{font-size:27px}.fold-mark{width:31px;height:34px}.nameplate small{font-size:10px}nav{width:100%;gap:0;justify-content:space-between;font-size:12px}.small-button{padding:10px 15px}.small-button span{margin-left:10px}.hero-inner{display:flex;flex-direction:column;padding:48px 6vw 27px;align-items:stretch}.hero-copy .eyebrow{font-size:9px;margin-bottom:18px}h1{font-size:clamp(48px,10.8vw,75px)}.hero-description{font-size:15px;line-height:1.7;margin-top:26px}.actions{gap:24px;margin-top:24px}.paper-button{padding:15px 19px;font-size:16px;gap:18px}.plain-link{font-size:12px}.workshop{margin:35px -12px 0;transform:none!important}.workshop figcaption{font-size:17px;margin-top:0}.scene-label{font-size:16px}.label-one{top:1%;left:8%}.label-two{bottom:17%;right:0}.hero-foot{margin:0 6vw;padding:20px 0;justify-content:center}.hero-foot>span:first-child{font-size:8px;letter-spacing:.12em}.hero-foot .handwritten{display:none}.work-section{display:block;padding:55px 6vw 65px}.work-intro{position:static;margin-bottom:35px}.work-intro h2,.section-heading h2{font-size:44px}.work-intro>p:not(.eyebrow){max-width:100%;font-size:14px}.paper-stack,.work-note{display:none}.project-sheet{position:relative;top:auto;min-height:0;padding:23px 25px 30px;margin-bottom:30px;transform:none!important}.paper-object{margin:15px auto 20px}.sheet-copy h3{font-size:33px}.lab-strip{grid-template-columns:1fr;padding:52px 7vw;gap:45px}.lab-strip h2{font-size:43px}.paper-map{max-width:340px;padding:25px 30px}.notes-section{padding:60px 6vw 65px}.section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:25px}.note-row{grid-template-columns:1fr 22px;gap:8px;padding:23px 0}.note-row time{grid-column:1 / -1;padding-top:0}.note-row h3{font-size:25px}.note-row p{font-size:12px}.paper-footer{padding:48px 7vw 24px}.footer-bottom{flex-wrap:wrap;gap:16px;margin-top:45px}.footer-bottom>span{order:3;flex-basis:100%;font-size:15px}}@media(prefers-reduced-motion:reduce){:scope{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.work-intro,.project-sheet{position:relative;top:auto}.workshop,.project-sheet{transform:none!important}}.layer-demo{margin-top:26px;max-width:340px}.layer-stage{height:225px;position:relative}.layer-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.layer-stage .paper-stack{position:absolute;top:55px;left:55px;margin:0}.has-webgl .paper-stack{display:none}.layer-toggle{display:block;margin:0 auto;background:transparent;color:var(--ink);font:500 16px Zilla,serif;border:0;border-bottom:1px dashed var(--muted);padding:10px 5px;cursor:pointer;min-height:44px}.layer-toggle[hidden]{display:none}.layer-toggle:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.layer-toggle:hover{color:var(--rust)}.layer-caption{text-align:center;font-size:10px;letter-spacing:.05em;color:var(--muted);margin-top:13px}@media(max-width:760px){.layer-demo{max-width:320px;margin:20px auto 0}.layer-stage{height:200px}.layer-stage .paper-stack{display:block}.layer-stage.has-webgl .paper-stack{display:none}}@media(max-width:760px){.paper-header{padding-top:18px;padding-bottom:16px;gap:16px}.hero-inner{padding-top:33px}.actions{gap:16px}.actions .paper-button{padding:14px 15px;font-size:15px;gap:12px}.actions .plain-link{font-size:11px}.workshop{margin-top:26px}.label-two{display:none}}.project-sheet:focus-within{z-index:4}@media(min-width:761px)and (max-height:650px){.work-intro,.project-sheet{position:relative;top:auto}}}@scope(.paper-experience){:scope{overflow-x:clip}:scope{--paper-header-height: 110px;scroll-padding-top:calc(var(--paper-header-height) + 20px)}.paper-header{position:sticky;top:0;z-index:30}@media(max-width:760px){:scope{--paper-header-height: 140px}}@media(min-width:761px)and (min-height:651px){.work-intro{top:calc(var(--paper-header-height) + 20px)}.project-sheet{top:calc(var(--paper-header-height) + 16px + var(--sheet-index) * 22px)}}.project-sheet:focus-within{transform:none!important}.motion-toggle{color:inherit;background:transparent;border:1px solid #fff4e170;padding:10px 14px;font:inherit;cursor:pointer;min-height:44px}.motion-toggle[hidden]{display:none}.motion-toggle:focus-visible{outline:3px solid #fff4e1;outline-offset:4px}:scope[data-motion=paused]{scroll-behavior:auto}:scope[data-motion=paused] *,:scope[data-motion=paused] *:before,:scope[data-motion=paused] *:after{animation:none!important;transition:none!important}:scope[data-motion=paused] .paper-hero{min-height:auto}:scope[data-motion=paused] .hero-inner,:scope[data-motion=paused] .hero-foot,:scope[data-motion=paused] .work-intro,:scope[data-motion=paused] .project-sheet{position:relative;top:auto}:scope[data-motion=paused] .project-sheet{transform:none!important}:scope[data-motion=paused] .hero-inner{min-height:auto}.paper-hero{--sc-p: 0;overflow:clip;background:radial-gradient(ellipse at 73% 58%,#dfd1b9 0%,#eee5d6 36%,var(--paper) 72%)}.workshop{margin-right:0;perspective:1100px}.scene-mount{position:relative;--pointer-x: 0;--pointer-y: 0;isolation:isolate}.scene-image{position:relative;z-index:2;mask-image:none;mix-blend-mode:normal;border:10px solid #f8f0df;background:#f8f0df;border-radius:2px;transform:translate3d(calc(var(--pointer-x) * 9px),calc(var(--sc-p) * -35px + var(--pointer-y) * 7px),0) rotate(calc(-2deg + var(--sc-p) * -3deg));box-shadow:1px 2px 1px #71583966,8px 18px 25px #49371d47;transition:transform .18s ease-out}.mount-sheet{position:absolute;inset:4% 2%;border:1px solid #65503945;border-top-color:#fff5dbb8;border-left-color:#fff5db85;box-shadow:2px 4px 2px #51392370,8px 18px 25px #39261552;pointer-events:none;transform-origin:45% 75%}.mount-back{background:#3d5d68;transform:translate(calc(-22px - var(--sc-p) * 45px + var(--pointer-x) * 3px),calc(20px + var(--sc-p) * 42px)) rotate(calc(-7deg - var(--sc-p) * 5deg))}.mount-middle{background:#a5ae8d;transform:translate(calc(15px + var(--sc-p) * 35px + var(--pointer-x) * 6px),calc(12px + var(--sc-p) * 24px)) rotate(calc(5deg + var(--sc-p) * 6deg))}.mount-front{background:#eee0c7;transform:translate(calc(4px - var(--sc-p) * 8px),calc(9px + var(--sc-p) * 9px)) rotate(2deg)}.mount-curl{position:absolute;z-index:4;bottom:-1px;right:0;width:42px;height:42px;background:linear-gradient(135deg,#efe0c1 40%,#fff9e9 50%,#b5a185 53%,#e7d9bc 58%);clip-path:polygon(100% 0,100% 100%,0 100%);transform:rotate(calc(var(--sc-p) * 9deg));filter:drop-shadow(-3px -2px 2px #624b3438)}.workshop figcaption{margin-top:48px;position:relative;z-index:5}.label-one{top:-35px;left:12%}.label-two{bottom:17%;right:-10px;z-index:6;background:#f9eed9;padding:8px 14px;box-shadow:3px 5px 6px #44301e42;transform:translateY(calc(var(--sc-p) * -55px)) rotate(6deg)}.hero-stage{display:block;visibility:hidden;pointer-events:none;position:absolute;inset:-20% -10% -8%;width:120%;height:128%;z-index:3}.hero-stage.has-webgl{display:block;visibility:visible;pointer-events:auto}.live-workshop .scene-image{visibility:hidden}.live-workshop .mount-sheet{inset:26% 3% 4%}.live-workshop .mount-curl{display:none}.hero-stage canvas{width:100%;height:100%}.project-sheets{position:relative}.project-sheet{--paper-enter: 1;--paper-cover: 0;--direction: 1;overflow:visible;transform:translate(calc((1 - var(--paper-enter)) * 65px * var(--direction) - var(--paper-cover) * 14px)) rotate(calc((1 - var(--paper-enter)) * 5deg * var(--direction) - var(--paper-cover) * 3deg)) scale(calc(1 - var(--paper-cover) * .045));box-shadow:inset 1px 1px #fffaf0cc,0 2px 1px #ac9a7c,0 7px 0 -2px #ede2ce,0 9px 1px -2px #b09a79,2px 5px 4px #49331e38,5px calc(18px + (1 - var(--paper-enter)) * 24px) calc(24px + (1 - var(--paper-enter)) * 20px) #49331e60}.project-sheet:nth-child(2){--direction: -1}.project-sheet:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(0deg,#3b2d236b,transparent 68%);opacity:calc(var(--paper-cover) * .72);border-radius:inherit}.paper-object{transform:translateY(calc((1 - var(--paper-enter)) * -28px - var(--paper-cover) * 14px)) rotate(calc(-6deg + (1 - var(--paper-enter)) * 9deg));filter:drop-shadow(5px calc(8px + (1 - var(--paper-enter)) * 22px) calc(3px + (1 - var(--paper-enter)) * 6px) #38251560)}.paper-object .object-back{transform:translateY(calc((1 - var(--paper-enter)) * -24px))}.paper-object .object-front{transform:translateY(calc((1 - var(--paper-enter)) * -7px))}.project-sheet .fold-corner{width:42px;height:42px;transform-origin:100% 100%;transform:rotate(calc((1 - var(--paper-enter)) * -12deg));filter:drop-shadow(-3px -3px 2px #50391e24)}.work-note{margin-top:55px;transform:rotate(-5deg)}.lab-strip{z-index:2;padding-bottom:150px;box-shadow:0 -3px 5px #33271e36,0 -18px 25px #33271e40}.paper-map{--sc-p: 1;transform:translateY(calc((1 - var(--sc-p)) * 45px)) rotate(calc(7deg - var(--sc-p) * 5deg));box-shadow:inset 1px 1px #fffaf0cc,4px 6px #e5d6b8,7px 11px #b4a586,12px 25px 32px #14263078}.map-node{transform:translate(calc((1 - var(--sc-p)) * -35px));box-shadow:3px calc(3px + (1 - var(--sc-p)) * 12px) 7px #56402755}.map-node:nth-of-type(2){transform:translate(calc((1 - var(--sc-p)) * 35px))}.notes-section{--sc-p: 1;position:relative;z-index:3;background:var(--paper);max-width:none;margin:-65px 0 0;box-shadow:0 -3px 5px #14263038,0 -12px 18px #1426304d;border-top:2px solid #fff7e7;transform-origin:50% 0}.notes-section:before{content:"";position:absolute;inset:-16px 0 auto;height:20px;background:var(--paper);clip-path:polygon(0 35%,5% 50%,12% 25%,19% 50%,27% 30%,35% 60%,44% 20%,53% 50%,61% 25%,72% 55%,81% 30%,91% 45%,100% 25%,100% 100%,0 100%)}.paper-footer{z-index:4;box-shadow:0 -3px 4px #44302136,0 -10px 18px #44302149}@media(min-width:1001px)and (min-height:651px){.paper-hero{min-height:135svh;overflow:visible}.hero-inner{position:sticky;top:var(--paper-header-height);min-height:85svh;padding-top:65px;padding-bottom:80px}.hero-foot{position:absolute;bottom:0;left:0;right:0}.work-section{position:relative;z-index:2;background:var(--paper);max-width:none;box-shadow:0 -3px 5px #49382026,0 -15px 30px #49382038;border-top:1px solid #fff7e9}}@media(max-width:760px){.scene-mount{margin:22px 13px 0}.workshop figcaption{margin-top:36px;font-size:15px}.label-one{top:-5px;font-size:15px}.label-two{display:none}.mount-back{transform:translate(calc(-10px - var(--sc-p) * 10px),12px) rotate(-6deg)}.mount-middle{transform:translate(calc(8px + var(--sc-p) * 8px),8px) rotate(5deg)}.scene-image{border-width:5px;transform:rotate(-2deg)}.project-sheet{transform:translateY(calc((1 - var(--paper-enter)) * 18px)) rotate(calc((1 - var(--paper-enter)) * 2deg * var(--direction)))!important}.paper-object{filter:drop-shadow(4px 9px 4px #38251558)}.hero-stage{inset:-20% -10% -8%;height:128%}.lab-strip{padding-bottom:100px}.work-note{display:none}}@media(prefers-reduced-motion:reduce){.paper-hero{min-height:auto}.hero-inner{position:relative;min-height:auto}.hero-foot{position:relative}.scene-image,.mount-sheet,.mount-curl,.label-two,.project-sheet,.paper-object,.paper-object span,.paper-map,.map-node{transition:none}.project-sheet{transform:none!important}}.paper-button{--stock-edge: #8a3827;box-shadow:inset 1px 1px #fff5df65,1px 2px 0 var(--stock-edge),3px 6px 6px #53332030}.paper-button.cream{--stock-edge: #bdaf99}.paper-button:hover{transform:translateY(-2px);box-shadow:inset 1px 1px #fff5df80,1px 3px 0 var(--stock-edge),3px 8px 8px #53332040}.paper-button:active{transform:translateY(1px);box-shadow:inset 1px 1px #fff5df50,0 1px 0 var(--stock-edge),1px 2px 3px #53332045}:scope[data-motion=paused] .paper-button{transform:none}@media(prefers-reduced-motion:reduce){.paper-button{transform:none;transition:none}}.lab-strip:before,.notes-section:before,.paper-footer:before{inset:-25px 0 auto;height:28px;clip-path:none;background:var(--section-edge) center / 100% 100% no-repeat;filter:drop-shadow(0 -2px 1px #49331e40) drop-shadow(0 -5px 5px #49331e30);pointer-events:none}.lab-strip{--section-edge: url(/visuals/prototypes/paper-edge-blue.svg)}.notes-section{--section-edge: url(/visuals/prototypes/paper-edge-cream.svg);border-top:0}.paper-footer{--section-edge: url(/visuals/prototypes/paper-edge-rust.svg)}}