@import "https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600&family=Caveat:wght@500&display=swap";:root{color:#f2f5f8;font-synthesis:none;background:#31546b;font-family:Urbanist,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}.portfolio-shell{background:#31546b;position:fixed;inset:0;overflow:hidden}.texture{z-index:2;pointer-events:none;opacity:.28;mix-blend-mode:soft-light;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");position:absolute;inset:0}.desktop-scene-stage{z-index:1;aspect-ratio:1538/1022;perspective:1500px;pointer-events:none;width:min(80vw,1500px,150.5vh - 30.1px);transition:opacity .26s,filter .32s;position:absolute;top:49%;left:55%;transform:translate(-50%,-50%)}.desktop-scene-motion{transform-style:preserve-3d;transform:translate3d(var(--move-x,0),var(--move-y,0),0) rotateX(var(--rotate-x,0)) rotateY(var(--rotate-y,0)) scale(1.018);pointer-events:auto;will-change:transform;transition:filter .36s,transform .68s cubic-bezier(.22,.8,.2,1),opacity .28s;position:absolute;inset:0}.desktop-scene-wrapper{width:100%;height:100%;transform-style:preserve-3d;transition:filter .34s;position:relative}.desktop-scene-image{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 28px 24px #0a192247);width:100%;height:100%;transition:filter .34s,opacity .28s;display:block}.desktop-scene-stage.scene-inactive{opacity:0;pointer-events:none}.desktop-scene-stage.scene-inactive .desktop-scene-motion{pointer-events:none}.desktop-scene-stage.is-loading .desktop-scene-image{animation:1.55s cubic-bezier(.22,.8,.2,1) both sceneReveal}.desktop-scene-stage.is-loading .scene-depth-shadow{animation:1.35s .32s both sceneLayerReveal}.desktop-scene-stage.is-loading .scene-hotspot{pointer-events:none}@keyframes sceneReveal{0%{opacity:0;filter:blur(12px)brightness(.65);clip-path:inset(62% 15% 20%)}36%{opacity:.45;clip-path:inset(36% 8% 12%)}to{opacity:1;filter:blur()brightness();clip-path:inset(0)}}@keyframes sceneLayerReveal{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.desktop-scene-stage.phase-focusing .desktop-scene-image,.desktop-scene-stage.phase-entering .desktop-scene-image,.desktop-scene-stage.phase-exiting .desktop-scene-image{filter:brightness(.76)saturate(.9)}.desktop-scene-stage.phase-focusing .desktop-scene-motion,.desktop-scene-stage.phase-entering .desktop-scene-motion,.desktop-scene-stage.phase-exiting .desktop-scene-motion{filter:brightness(.88);transform:translate3d(var(--focus-x,0),var(--focus-y,0),0) scale(1.24)!important}.desktop-scene-stage.phase-restoring .desktop-scene-motion{transform:translate(0,0)rotateX(0)rotateY(0)scale(1.018)!important}.desktop-scene-stage.target-work{--focus-x:-5vw;--focus-y:13vh}.desktop-scene-stage.target-about{--focus-x:-16vw;--focus-y:-1vh}.desktop-scene-stage.target-contact{--focus-x:5vw;--focus-y:5vh}.desktop-scene-stage.target-work .desktop-scene-motion{transform-origin:56% 20%}.desktop-scene-stage.target-about .desktop-scene-motion{transform-origin:66% 39%}.desktop-scene-stage.target-contact .desktop-scene-motion{transform-origin:49% 33%}.scene-depth-shadow{z-index:1;height:28%;transform:translate3d(var(--shadow-x,0),var(--shadow-y,0),-5px);filter:blur(18px);pointer-events:none;background:radial-gradient(#07182238,#0000 70%);position:absolute;bottom:7%;left:20%;right:10%}.scene-hotspot{z-index:5;cursor:pointer;transform:translate3d(var(--depth-x,0),var(--depth-y,0),8px);background:0 0;border:0;outline:none;padding:0;position:absolute}.scene-hotspot:disabled{cursor:default}.scene-hotspot:focus-visible{outline-offset:3px;outline:1px solid #ffffffe6}.scene-hotspot .object-effect{opacity:0;pointer-events:none;transition:opacity .2s,transform .24s cubic-bezier(.22,.8,.2,1),filter .2s;position:absolute;inset:0}.scene-hotspot:hover .object-effect,.scene-hotspot:focus-visible .object-effect{opacity:1}.hotspot-plant{border-radius:48%;width:19.5%;height:73%;top:6%;left:9%}.hotspot-turntable{border-radius:16% 32% 20% 18%;width:15%;height:21%;top:23%;left:29%}.hotspot-monitor{border-radius:4%;width:21%;height:22%;top:7%;left:46%}.hotspot-mug{border-radius:42%;width:6%;height:9.5%;top:29.5%;left:46%}.hotspot-notebook{width:8.1%;height:10%;transform:translate3d(var(--depth-x,0),var(--depth-y,0),9px) rotate(-3deg);border-radius:8%;top:35%;left:60%}.hotspot-pencil{width:7%;height:5.5%;transform:translate3d(var(--depth-x,0),var(--depth-y,0),10px) rotate(-12deg);border-radius:48%;top:38.5%;left:68.5%}.hotspot-lamp-shade{clip-path:polygon(15% 0,76% 0,100% 100%,0 100%);border-radius:50% 50% 34% 34%;width:15%;height:9%;top:7%;left:72%}.hotspot-lamp-arm{clip-path:polygon(0 0,22% 0,100% 92%,84% 100%);width:10.5%;height:42%;top:16%;left:78.5%}.hotspot-lamp-base{border-radius:50%;width:11%;height:9%;top:73%;left:83%}.monitor-static{opacity:0;mix-blend-mode:screen;filter:contrast(1.6);background:repeating-radial-gradient(circle at 30% 40%,#daebef38 0 1px,#0000 1px 3px),linear-gradient(#acd0dc1f,#ffffff05);animation:.16s steps(2,end) infinite tvNoise;position:absolute;inset:4% 5% 13%}.hotspot-monitor:hover .monitor-static,.hotspot-monitor:focus-visible .monitor-static,.phase-object-focus.target-work .monitor-static{opacity:.75}@keyframes tvNoise{50%{background-position:3px -4px,0 0}}.notebook-pages{background:repeating-linear-gradient(#e9e0cf 0 2px,#aaa395 3px 4px);border-radius:4px;box-shadow:0 4px 7px #0003;inset:16% 7% 5%!important}.notebook-cover-effect{transform-origin:0 100%;background:#2f333147;border-top:1px solid #ffffff3d;border-radius:4px;transition:transform .22s cubic-bezier(.22,.8,.2,1),box-shadow .22s;inset:6% 2% 11%!important}.hotspot-notebook:hover .notebook-cover-effect,.hotspot-notebook:focus-visible .notebook-cover-effect{transform:perspective(180px)rotateX(-8deg)rotateY(-3deg)translateY(-7px);box-shadow:0 8px 10px #0c191c4d}.hotspot-notebook:hover .notebook-pages,.hotspot-notebook:focus-visible .notebook-pages{opacity:.95;transform:translateY(2px)}.mug-steam{filter:blur(2px);width:35%;height:48%;position:absolute;top:-30%;left:38%;opacity:0!important}.mug-steam i{border-left:1px solid #ffffff7a;border-radius:50%;width:5px;height:18px;animation:1.4s ease-in-out infinite mugSteam;position:absolute}.mug-steam i:nth-child(2){animation-delay:-.55s;left:8px}.hotspot-mug:hover .mug-steam,.hotspot-mug:focus-visible .mug-steam,.phase-object-focus.target-contact .mug-steam{opacity:.75!important}@keyframes mugSteam{0%{opacity:0;transform:translateY(7px)scale(.8)}45%{opacity:.8}to{opacity:0;transform:translateY(-10px)translate(3px)}}.pencil-highlight{filter:blur(3px);background:linear-gradient(90deg,#0000,#86c5ff40,#0000);border-radius:50%;inset:-20%!important}.hotspot-pencil:hover .pencil-highlight,.hotspot-pencil:focus-visible .pencil-highlight{transform:translate(3px)}.hotspot-turntable.is-playing .object-effect{opacity:.5;background:radial-gradient(circle,#6ecfe238,#0000 70%)}.turntable-playing-indicator{opacity:0;border:1px solid #c3eef4db;border-radius:50%;width:13px;height:13px;position:absolute;top:55%;left:47%;box-shadow:0 0 9px #73d6e961}.hotspot-turntable.is-playing .turntable-playing-indicator{opacity:.78;animation:2.6s linear infinite recordSpin}.turntable-playing-indicator:after{content:"";background:#dcf6f8e6;width:1px;height:4px;position:absolute;top:1px;left:5px}.turntable-tooltip{z-index:8;bottom:96%;left:50%;color:#f4eee4;letter-spacing:.05em;white-space:nowrap;opacity:0;pointer-events:none;background:#192d39e6;border:1px solid #ffffff3d;border-radius:2px;width:max-content;max-width:120px;padding:5px 7px;font-size:9px;font-weight:500;transition:opacity .18s,transform .18s;position:absolute;inset-inline:auto;transform:translate(-50%,4px);box-shadow:0 5px 14px #0b1c2638}.hotspot-turntable:hover .turntable-tooltip,.hotspot-turntable:focus-visible .turntable-tooltip{opacity:1;transform:translate(-50%)}@keyframes recordSpin{to{transform:rotate(360deg)}}.lamp-warmth{z-index:2;mix-blend-mode:screen;filter:blur(14px);opacity:0;pointer-events:none;width:36%;height:40%;transform:translate3d(var(--lamp-x,0),var(--lamp-y,0),12px);background:radial-gradient(at 76% 12%,#ffe1a640,#ffc26114 32%,#0000 68%);transition:opacity .35s;position:absolute;top:13%;right:18%}.lamp-on .lamp-warmth{opacity:.72}.lamp-on .desktop-scene-image{filter:sepia(.035)saturate(1.025)drop-shadow(0 28px 24px #0a192247)}.plant-sway{z-index:2;opacity:0;pointer-events:none;border-radius:45%;width:25%;height:64%;position:absolute;top:5%;left:7%;box-shadow:-12px 12px 28px #061f122e}.plant-moving .plant-sway{animation:.82s ease-in-out plantSway}.plant-moving .hotspot-plant span{opacity:.3}@keyframes plantSway{0%,to{opacity:0;transform:translate(0)rotate(0)}30%{opacity:.55;transform:translate(-6px)rotate(-1.2deg)}65%{opacity:.28;transform:translate(4px)rotate(.7deg)}}.image-fallback{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:25% 12%}.image-fallback button,.image-fallback a{color:#fff;cursor:pointer;background:#1c3a4eb8;border:1px solid #fff6;padding:10px 14px;text-decoration:none}.hero-copy{z-index:3;text-align:left;pointer-events:none;width:min(680px,52vw);position:absolute;bottom:clamp(30px,4vh,46px);left:clamp(24px,3vw,58px)}.hero-copy h1{letter-spacing:-.025em;margin:0;font-size:clamp(34px,2.55vw,46px);font-weight:300;line-height:1.08}.hero-copy p{color:#f2f5f8c2;margin:12px 0 0;font-size:clamp(14px,1.15vw,18px);font-weight:300}.home-ui{transition:opacity .2s,visibility .2s}.home-ui-hidden{visibility:hidden;opacity:0!important;pointer-events:none!important}.top-controls{z-index:35;pointer-events:none;position:absolute;inset:0}.top-controls>*{pointer-events:auto}.round-control{z-index:20;color:#f2f5f8;cursor:pointer;background:#1c3a4e2e;border:1px solid #f2f5f899;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .2s,transform .2s;display:grid;position:fixed;top:24px}.round-control:hover{background:#f2f5f821;transform:scale(1.04)}.round-control:focus-visible{outline-offset:3px;background:#f2f5f821;outline:1px solid #fff}.sound-control{left:24px}.audio-controls{z-index:40;pointer-events:none;position:fixed;inset:0}.audio-controls .sound-control,.audio-panel{pointer-events:auto}.audio-panel{z-index:41;color:#282a25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:0 0;background:#efe7d7f0;border:1px solid #ffffff94;width:min(310px,100vw - 108px);padding:17px;position:fixed;top:24px;left:84px;box-shadow:0 18px 44px #0f202945}.audio-track-copy{border-bottom:1px solid #36373029;padding:1px 2px 14px}.audio-track-copy small,.audio-volume span{letter-spacing:.16em;text-transform:uppercase;color:#6c6b62;font-size:9px;display:block}.audio-track-copy strong{margin-top:6px;font-family:Georgia,serif;font-size:14px;font-weight:400;line-height:1.35;display:block}.audio-row{color:#292b26;text-align:left;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #36373024;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 2px;font-size:12px;display:flex}.audio-row:hover{color:#31546b}.audio-row:focus-visible,.audio-volume input:focus-visible{outline-offset:3px;outline:2px solid #31546b}.audio-play-icon{border:1px solid #31546b8c;border-radius:50%;flex:none;width:18px;height:18px;position:relative}.audio-play-icon:after{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:5px solid #31546b;position:absolute;top:5px;left:7px}.audio-play-icon.pause:before,.audio-play-icon.pause:after{content:"";background:#31546b;border:0;width:2px;height:7px;position:absolute;top:5px}.audio-play-icon.pause:before{left:6px}.audio-play-icon.pause:after{left:10px}.audio-action:first-of-type{justify-content:flex-start}.audio-action:first-of-type span:last-child{flex:1}.audio-toggle{background:#aaa79c;border-radius:999px;width:30px;height:16px;transition:background .2s;position:relative}.audio-toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.audio-toggle.on{background:#31546b}.audio-toggle.on:after{transform:translate(14px)}.audio-volume{grid-template-columns:1fr auto;align-items:center;gap:8px;padding:13px 2px 1px;display:grid}.audio-volume output{color:#65665e;font-size:10px}.audio-volume input{accent-color:#31546b;cursor:pointer;grid-column:1/-1;width:100%;height:3px;margin:3px 0 2px}.menu-wrap{z-index:30;position:fixed;top:24px;right:24px}.menu-control{position:relative;top:0}.menu-dots{gap:4px;display:flex}.menu-dots i{background:currentColor;border-radius:50%;width:3px;height:3px}.menu-x{width:16px;height:16px;position:relative}.menu-x:before,.menu-x:after{content:"";background:currentColor;width:16px;height:1px;position:absolute;top:7px;left:0;transform:rotate(45deg)}.menu-x:after{transform:rotate(-45deg)}.sound-bars{align-items:center;gap:2px;height:15px;display:flex}.sound-bars i{background:currentColor;width:2px;height:6px;display:block}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:9px}.sound-control.is-playing .sound-bars i{transform-origin:bottom;animation:.72s ease-in-out infinite alternate musicBars}.sound-control.is-playing .sound-bars i:nth-child(2){animation-delay:-.24s}.sound-control.is-playing .sound-bars i:nth-child(3){animation-delay:-.48s}@keyframes musicBars{0%{opacity:.55;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1)}}.steam-transition{z-index:45;filter:blur(12px);pointer-events:none;width:260px;height:260px;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.steam-transition i{border:22px solid #f2f5f85c;border-color:#f2f5f85c #f2f5f85c #0000 #0000;border-radius:50%;width:170px;height:230px;position:absolute}.steam-transition i:nth-child(2){opacity:.7;top:-35px;left:58px;transform:rotate(28deg)}.steam-transition i:nth-child(3){opacity:.5;top:20px;left:-52px;transform:rotate(-26deg)}.notebook-transition{z-index:45;pointer-events:none;background:linear-gradient(90deg,#e7dfcf 0 49.2%,#b7ad9d 49.5% 50.5%,#eee6d8 50.8%);border-radius:7px;position:fixed;inset:17% 24% 12%;box-shadow:0 35px 80px #00000057}.menu-panel{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);transform-origin:100% 0;background:#122b3ad6;border:1px solid #f2f5f833;width:196px;padding:8px;position:absolute;top:58px;right:0;box-shadow:0 15px 34px #0c1d2733}.menu-panel button{color:#fff;text-transform:capitalize;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff21;justify-content:space-between;width:100%;padding:13px 14px;font-weight:300;display:flex}.menu-panel button:last-child{border:0}.menu-panel button b{transition:transform .18s}.menu-panel button:hover b,.menu-panel button:focus-visible b{transform:translate(3px)}.menu-panel button:hover,.menu-panel button:focus-visible{background:#ffffff14;outline:none}.portfolio-shell>footer{z-index:3;color:#f2f5f89e;white-space:nowrap;font-size:13px;font-weight:300;position:absolute;bottom:clamp(24px,3.2vh,38px);right:clamp(24px,3vw,58px)}.loader{z-index:100;text-align:center;pointer-events:none;background:#31546b8a;place-content:center;animation:1.7s forwards loaderClear;display:grid;position:fixed;inset:0}.loader-short{animation-duration:.38s}.loader p{letter-spacing:.04em;font-size:16px;font-weight:300}.loader-track{background:#ffffff2e;width:180px;height:1px;margin-top:10px;display:block}.loader-track i{transform-origin:0;background:#fff;height:1px;display:block}@keyframes loaderClear{0%{background:#31546b}34%{background:#31546bdb}to{background:#31546b1f}}.section-load-error{z-index:60;color:#fff;text-align:center;background:#122b3af0;border:1px solid #ffffff38;width:min(340px,100vw - 40px);padding:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 45px #0919224d}.section-load-error p{margin:0 0 12px}.section-load-error button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;margin:4px;padding:9px 13px}.skip-link{z-index:200;color:#17384c;background:#fff;padding:10px 14px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:12px}.scene-overlay{z-index:50;position:fixed;inset:0;overflow:hidden}.scene-close{top:24px;right:24px}.wood-scene{background:radial-gradient(circle at 50% 25%,#784e2f4d,#0000 38%),repeating-linear-gradient(92deg,#24160f 0 12px,#2c1b12 13px,#26170f 28px);place-items:center;display:grid}.book-stage{filter:drop-shadow(0 34px 34px #00000073);width:min(1080px,84vw);height:min(680px,76vh);transform-style:preserve-3d;perspective:1500px;grid-template-columns:1fr 1fr;display:grid;position:relative}.book-cover{z-index:8;transform-origin:100%;backface-visibility:hidden;pointer-events:none;background:linear-gradient(115deg,#172f34,#0e2328 70%);border:8px solid #0b1d20;border-radius:8px 2px 2px 8px;position:absolute;inset:0 50% 0 0;box-shadow:inset -18px 0 24px #00000059,0 18px 35px #00000059}.book-cover:after{content:"LAHCEN / NOTES";letter-spacing:.2em;color:#e9e4d6b3;font-size:12px;position:absolute;bottom:10%;left:12%}.book-spine{z-index:6;pointer-events:none;background:linear-gradient(90deg,#34261852,#ffffff2e,#34261852);width:18px;height:100%;position:absolute;top:0;left:calc(50% - 9px);box-shadow:0 0 18px #3c2a1a33}.paper-depth{z-index:-1;background:repeating-linear-gradient(#ddd5c5 0 2px,#aaa193 3px,#d3cabb 4px);border-radius:5px;width:49.2%;position:absolute;top:7px;bottom:-11px;box-shadow:0 14px 18px #0003}.paper-depth-left{left:0}.paper-depth-right{right:0}.book-page{color:#292b27;background-color:#e9e3d5;background-image:radial-gradient(circle at 20% 15%,#ffffff47,#0000 34%),linear-gradient(90deg,#5f482a0a 1px,#0000 1px),linear-gradient(#5f482a08 1px,#0000 1px);background-size:auto,24px 24px,24px 24px;padding:clamp(28px,4vw,55px);position:relative;overflow:auto}.left-page{border-radius:6px 0 0 6px;box-shadow:inset -24px 0 28px #3c2a1a29,inset 0 -2px #695b4624}.right-page{border-radius:0 6px 6px 0;box-shadow:inset 24px 0 28px #3c2a1a29,inset 0 -2px #695b4624}.paper-label,.book-page small{text-transform:uppercase;letter-spacing:.18em;color:#6a6d65;font-size:11px}.book-stage h2{margin:30px 0;font-size:clamp(36px,4vw,62px);font-weight:400;line-height:1}.book-stage h2 em{color:#31546b;font-family:Caveat,cursive;font-weight:500}.book-stage p{color:#51534f;line-height:1.65}.book-stage .lead{color:#292b27;font-size:19px}.book-tabs{gap:5px;margin:-18px 0 24px;display:flex}.book-tabs button{color:#565952;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#d7d0c2;border:1px solid #9d988d;border-bottom:0;padding:7px 12px;font-size:10px}.book-tabs button[aria-selected=true]{color:#fff;background:#31546b;border-color:#31546b}.page-turn-zone{transform-origin:0;min-height:210px}.focus-note{background:#fff3;border:1px solid #aca69a;margin-top:16px;padding:18px}.signature{color:#31546b;margin-top:35px;font-family:Caveat;font-size:38px;transform:rotate(-5deg)}.binder-clip{background:#303434;border-radius:4px;width:65px;height:26px;position:absolute;top:-7px;right:45px;box-shadow:0 5px 7px #777}.page-section{margin-bottom:28px}.stack-list{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.stack-list span,.project-stack span{text-transform:uppercase;letter-spacing:.08em;border:1px solid #9c9b92;padding:6px 8px;font-size:11px}.experience{border-left:2px solid #31546b;margin-top:14px;padding-left:14px}.experience b,.experience span{display:block}.experience span{color:#6b6c67;margin-top:3px;font-size:11px}.experience p{margin:7px 0;font-size:12px}.page-footer{border-top:1px solid #b9b3a7;justify-content:space-between;align-items:center;padding-top:18px;font-size:12px;display:flex}.page-footer a,.text-link{color:#31546b;font-weight:600}.work-scene{color:#f4f5f4;perspective:1200px;background:radial-gradient(circle at 55% 35%,#213c4b,#101f28 72%);padding:clamp(65px,7vw,105px) clamp(24px,7vw,110px)}.work-scene:before{content:"";opacity:.15;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 baseFrequency='.75' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");position:absolute;inset:0}.project-copy small{letter-spacing:.18em;text-transform:uppercase;color:#9bb3c0;font-size:11px}.project-copy h2{margin:22px 0;font-size:clamp(38px,5vw,76px);font-weight:300;line-height:.98}.project-copy p{color:#b9c8d0;max-width:500px;line-height:1.7}.project-stack{flex-wrap:wrap;gap:7px;margin:28px 0;display:flex}.project-stack span{border-color:#ffffff3b}.text-link{color:#fff;border-bottom:1px solid #fff;padding-bottom:4px;text-decoration:none;display:inline-block}.cinema-monitor{width:min(61vw,1000px);height:68vh;transform-style:preserve-3d;position:absolute;top:11vh;right:5vw}.monitor-bezel{background:linear-gradient(145deg,#171b1d,#07090a);border-radius:18px;width:100%;height:82%;padding:17px 17px 30px;position:relative;box-shadow:0 45px 80px #0000008c,inset 0 1px 1px #ffffff1f}.monitor-display{background:#020405;border:1px solid #252c2e;width:100%;height:100%;position:relative;overflow:hidden}.monitor-display img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;display:block}.screen-reflection{pointer-events:none;background:linear-gradient(112deg,#ffffff1f,#0000 18% 68%,#85bacf0d);position:absolute;inset:0}.monitor-camera{background:#344247;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:50%}.monitor-brand{letter-spacing:.2em;color:#667277;font-size:8px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.monitor-neck{background:linear-gradient(90deg,#111516,#343a3c,#111516);width:11%;height:12%;margin:auto}.monitor-foot{background:linear-gradient(#363c3e,#0c0f10);border-radius:50%;width:38%;height:3%;margin:auto;box-shadow:0 12px 16px #00000059}.work-floor{transform-origin:bottom;background:linear-gradient(#0000,#00000038),repeating-linear-gradient(92deg,#24160f 0 13px,#2b1a12 14px,#25160f 30px);height:27%;position:absolute;bottom:0;left:0;right:0;transform:perspective(500px)rotateX(62deg)}.cinematic-copy{z-index:3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0d1e27d6;border-left:1px solid #fff3;width:min(31vw,470px);padding:28px;position:absolute;top:23%;left:5.5vw}.project-count{font-size:15px;position:absolute;top:30px;left:4vw}.project-count span{opacity:.45}.project-nav{align-items:center;gap:16px;display:flex;position:absolute;bottom:25px;right:6vw}.project-nav button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:50%;width:42px;height:42px}.project-nav span{text-transform:uppercase;letter-spacing:.12em;opacity:.5;font-size:10px}.contact-scene{background:#284a60;overflow:hidden}.contact-desktop-echo{background:#31546b;place-items:center;display:grid;position:absolute;inset:0 44% 0 0;overflow:hidden}.contact-desktop-echo:after{content:"";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16314133;position:absolute;inset:0}.contact-desktop-echo img{-o-object-fit:contain;object-fit:contain;filter:brightness(.7)saturate(.82);width:120%;height:100%}.contact-panel-shell{z-index:2;background:linear-gradient(145deg,#142631fa,#0d1b23fc);place-items:center;width:46%;padding:clamp(24px,3vw,48px);display:grid;position:absolute;top:0;bottom:0;right:0;box-shadow:-24px 0 55px #07141c52}.contact-card{color:#272821;width:100%;max-height:90vh;transform-style:preserve-3d;background:#e8dfcf;grid-template-columns:1fr;gap:24px;padding:clamp(28px,3.6vw,58px);display:grid;position:relative;overflow:auto;box-shadow:0 28px 60px #0000006b}.contact-card:after{content:"";pointer-events:none;border:1px solid #44392a2e;position:absolute;inset:12px}.contact-copy h2{color:#31546b;margin:20px 0 5px;font-family:Caveat;font-size:68px}.contact-copy small{color:#3b7b58;text-transform:uppercase;letter-spacing:.15em}.contact-copy p{line-height:1.6}.contact-links{flex-direction:column;gap:8px;margin-top:28px;display:flex}.contact-links a{color:#30342d}.contact-card form{z-index:1;flex-direction:column;gap:13px;display:flex;position:relative}.contact-card label{text-transform:uppercase;letter-spacing:.16em;font-size:10px}.contact-card input,.contact-card textarea{color:#20211e;background:linear-gradient(#31546b,#31546b) 0 100%/0 2px no-repeat;border:0;border-bottom:1px solid #777166;outline:none;width:100%;padding:9px 2px;transition:background-size .28s;display:block}.contact-card input:focus,.contact-card textarea:focus{background-size:100% 2px}.contact-card form button{color:#fff;cursor:pointer;background:#31546b;border:0;align-self:flex-start;padding:13px 20px}.contact-stamp{color:#31546b;border:2px solid #31546b;padding:8px;font-size:9px;line-height:1.25;position:absolute;top:28px;right:35px;transform:rotate(7deg)}.sent-stamp{z-index:5;color:#31546b;letter-spacing:.16em;pointer-events:none;border:5px double #31546b;border-radius:8px;padding:9px 15px;font-size:30px;font-weight:600;position:absolute;bottom:20%;right:32%}.form-error{color:#8b2b25;font-size:12px}@media (width<=1100px){.desktop-scene-stage{width:min(90vw,150.5vh - 42.14px);top:47%;left:53%}}@media (width>=801px) and (height<=800px){.contact-panel-shell{padding:24px 30px}.contact-card{gap:12px;max-height:calc(100vh - 56px);padding:26px 30px}.contact-copy h2{margin:8px 0 2px;font-size:52px}.contact-copy p{margin:6px 0;line-height:1.42}.contact-links{gap:5px;margin-top:12px}.contact-card form{gap:8px}.contact-card input,.contact-card textarea{padding:6px 2px}.contact-card textarea{resize:vertical;height:58px}.contact-card form button{padding:10px 17px}.contact-stamp{top:20px;right:22px}}@media (width<=800px){.desktop-scene-stage{width:min(116vw,150.5vh - 180.6px);top:45%;left:52%}.hero-copy{text-align:left;width:82vw;bottom:54px;left:20px}.hero-copy h1{font-size:clamp(30px,8vw,43px)}.hero-copy p{margin-top:10px;font-size:14px}.portfolio-shell>footer{font-size:10px;bottom:14px;right:16px}.book-stage{width:90vw;height:78vh;display:block}.book-page{height:50%;padding:24px}.book-stage h2{margin:15px 0;font-size:32px}.book-stage .lead{font-size:15px}.right-page{border-radius:0 0 6px 6px}.left-page{border-radius:6px 6px 0 0}.project-copy h2{margin:10px 0;font-size:35px}.project-copy p{margin:8px 0;font-size:13px}.project-stack{margin:14px 0}.cinema-monitor{width:88vw;height:43vh;top:12vh;right:6vw}.cinematic-copy{width:88vw;padding:18px;top:49vh;left:6vw}.cinematic-copy h2{margin:8px 0;font-size:30px}.cinematic-copy p{margin:6px 0;font-size:12px}.cinematic-copy .project-stack{margin:10px 0}.monitor-bezel{border-radius:10px;padding:9px 9px 19px}.monitor-brand{font-size:6px;bottom:5px}.project-nav{bottom:15px}.project-nav span{display:none}.contact-card{grid-template-columns:1fr;gap:24px;width:90vw;min-height:0;max-height:82vh;padding:32px;overflow:auto}.contact-panel-shell{width:100%;padding:24px}.contact-desktop-echo{display:none}.contact-copy h2{font-size:48px}.contact-links{grid-template-columns:1fr 1fr;margin-top:14px;font-size:13px;display:grid}.contact-stamp{display:none}.round-control{top:16px}.sound-control{left:16px}.audio-panel{width:min(310px,100vw - 32px);top:72px;left:16px}.menu-wrap{top:16px;right:16px}.scene-close{right:16px}.menu-control{top:0}.work-scene{padding:70px 24px 58px}.project-count{top:24px;left:50%;transform:translate(-50%)}}@media (width<=520px){.desktop-scene-stage{width:151vw;top:57%;left:52%}.hotspot-plant,.hotspot-lamp-shade,.hotspot-lamp-arm,.hotspot-lamp-base{display:none}.hero-copy{width:90vw;top:92px;bottom:auto;left:20px}.hero-copy h1{font-size:clamp(28px,8vw,38px)}.portfolio-shell>footer{bottom:10px}.contact-card{max-height:84vh}.book-stage{height:82vh}.book-page{padding:20px}.experience p{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}