:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#050509;--foreground:#f6f1ff;--primary:#ae69ff;--primary-foreground:#100921;--secondary:#221334;--secondary-foreground:#efe2ff;--muted:#15101e;--muted-foreground:#bcb0d0;--accent:#dfff55;--accent-foreground:#170e29;--border:#4c326a;--ring:#26f9dc;--laser-teal:#26f9dc;--laser-purple:#ae69ff;--ink-orange:#ff843a;--radius:.7rem}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--foreground);margin:0;font-family:Trebuchet MS,Avenir Next,Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--ring);outline-offset:5px}::selection{color:#302748;background:#ffe580}.theatre-site{isolation:isolate;flex-direction:column;max-width:1800px;min-height:100dvh;margin:auto;padding:32px 4vw 22px;display:flex;position:relative}.site-masthead{justify-content:space-between;align-items:center;gap:24px;padding:0 0 20px;display:flex}.wordmark{color:var(--laser-purple);text-shadow:3px 3px #7137bb;letter-spacing:-.08em;white-space:nowrap;background:0 0;border:0;align-items:baseline;padding:0;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:clamp(2.4rem,4.2vw,4.4rem);font-weight:900;line-height:1;display:inline-flex;transform:rotate(-3deg)}.wordmark-pro{color:#38d9f5}.masthead-credit{text-align:right;letter-spacing:.045em;flex-direction:column;align-items:flex-end;gap:7px;font-size:.875rem;display:flex}.masthead-credit:before{content:"";aspect-ratio:3/2;flex-shrink:0;width:clamp(120px,15vw,180px);display:block}.masthead-credit span:last-child{color:var(--muted-foreground);font-size:.75rem}.theatre-workspace{background:radial-gradient(#05050990 5%,#05050900 70%);flex-direction:column;flex:1;justify-content:center;width:100%;display:flex;position:relative}.theatre-canvas{width:100%;max-width:1600px;margin:0 auto;position:relative}.theatre-drawing{width:100%;height:auto;display:block;overflow:visible}.map-room{transition:filter .25s}.room-outline{opacity:0;stroke:var(--laser-teal);stroke-width:3px;transition:opacity .25s}.theatre-drawing[data-active=lobby] .map-room-lobby .room-outline,.theatre-drawing[data-active=booth] .map-room-booth .room-outline,.theatre-drawing[data-active=auditorium] .map-room-auditorium .room-outline,.theatre-drawing[data-active=stage] .map-room-stage .room-outline,.theatre-drawing[data-active=office] .map-room-office .room-outline,.theatre-drawing[data-active=darkroom] .map-room-darkroom .room-outline{opacity:1}.room-label{color:#302748;white-space:nowrap;background:#fffdf4;border:1.5px solid #302748;border-radius:7px;justify-content:flex-start;align-items:center;gap:9px;padding:5px 10px 5px 5px;font-size:clamp(.75rem,1.15vw,1rem);line-height:1.2;transition:transform .18s,background .18s,box-shadow .18s;display:flex;position:absolute;box-shadow:2px 3px #302748}:is(.room-label:hover,.room-label[aria-pressed=true],.room-label:focus-visible){background:var(--room-color);transform:translateY(-3px);box-shadow:3px 6px #302748}.room-number{background:var(--room-color);border:1px solid #302748;border-radius:4px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-family:Courier New,monospace;font-size:.8125rem;font-weight:700;display:grid}.room-plus{padding-left:4px;font-size:1.05em}.label-lobby{top:90.5%;left:10%}.label-booth{top:90.5%;left:26%}.label-auditorium{top:90.5%;left:49%}.label-stage{top:90.5%;left:77%}.label-office{top:6.4%;left:10%}.label-darkroom{top:6.4%;left:26%}.drawing-corner{opacity:.4;pointer-events:none;z-index:1;border:solid #7e6a8e;width:15px;height:15px;position:absolute}.corner-tl{border-width:1px 0 0 1px;top:0;left:0}.corner-tr{border-width:1px 1px 0 0;top:0;right:0}.corner-bl{border-width:0 0 1px 1px;bottom:0;left:0}.corner-br{border-width:0 1px 1px 0;bottom:0;right:0}.drawing-key{letter-spacing:.08em;color:var(--muted-foreground);align-items:center;gap:10px;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:25px;right:24px}.key-swatch{border:1px solid var(--laser-teal);background:var(--laser-teal);width:10px;height:10px;transform:rotate(45deg);box-shadow:3px 3px #7137bb}.drawing-fraction{margin-left:20px}.site-footer{color:var(--muted-foreground);border-top:1px solid #62418070;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:16px;font-size:.8125rem;display:flex}.site-footer a:hover{color:var(--laser-teal);text-decoration:underline}@media (max-width:700px){.theatre-site{padding:24px 18px}.site-masthead{align-items:flex-start}.masthead-credit{gap:5px;padding-top:7px}.masthead-credit:before{width:clamp(90px,30vw,120px)}.masthead-credit span:last-child{max-width:120px;font-size:.6875rem;line-height:1.5}.theatre-workspace{padding:55px 0 25px}.theatre-drawing{min-height:330px}.room-labels{grid-template-columns:1fr 1fr;gap:14px;padding:15px;display:grid}.room-label{white-space:normal;min-height:45px;font-size:.875rem;position:relative;top:auto;left:auto}.room-plus{margin-left:auto}.drawing-key{top:16px;right:14px}.drawing-fraction{margin-left:8px}.site-footer{flex-direction:column;align-items:flex-start;gap:12px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}.theatre-canvas{width:min(100%,181.25svh - 371.563px)}.theatre-drawing{aspect-ratio:1450/800;min-height:0;overflow:hidden}.map-room{cursor:pointer;transition:opacity .3s}.room-label{min-height:40px;font-size:.875rem}.room-label:hover .room-plus{transform:translate(1px,-1px)}.room-plus{transition:transform .2s}.focus-heading{z-index:2;align-items:center;gap:20px;display:flex;position:absolute;top:16px;left:20px}.back-control{color:#302748;background:var(--laser-teal);border:2px solid #170e29;border-radius:8px 5px 10px 4px;align-items:center;gap:7px;padding:8px 12px;font-size:.875rem;font-weight:800;display:flex;box-shadow:3px 3px #9850e0}.back-control:hover{background:var(--accent)}.focused-name{font-size:1rem;font-weight:800}.is-focused{padding-top:55px}.is-focused .theatre-canvas{width:100%}.is-focused .theatre-drawing{width:100%;height:clamp(300px,100svh - 320px,620px)}.is-focused .room-labels{flex-wrap:wrap;justify-content:center;gap:12px;padding:15px 55px 20px;display:flex}.is-focused .room-label{position:relative;top:auto;left:auto}.is-focused .room-plus{display:none}.theatre-drawing:not([data-selected=""]) .map-room{opacity:.07}.theatre-drawing[data-selected=lobby] .map-room-lobby,.theatre-drawing[data-selected=booth] .map-room-booth,.theatre-drawing[data-selected=auditorium] .map-room-auditorium,.theatre-drawing[data-selected=stage] .map-room-stage,.theatre-drawing[data-selected=office] .map-room-office,.theatre-drawing[data-selected=darkroom] .map-room-darkroom{opacity:1}.theatre-drawing:not([data-selected=""]) .roof-drawing{opacity:.04}.theatre-drawing:not([data-selected=""]) .building-foundation,.theatre-drawing:not([data-selected=""]) .service-floor-slab{opacity:.05}.theatre-site[data-focused=true] .laser-backdrop{opacity:.24}.fixture-controls{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:100px;right:18px}.fixture-control{color:#302748;background:#fffcf0;border:1.5px solid #302748;border-radius:9px;place-items:center;width:44px;height:44px;display:grid;box-shadow:2px 3px #302748}.fixture-control:hover,.fixture-control[aria-pressed=true]{background:#ffe580}.fixture-control:active{box-shadow:none;transform:translateY(2px)}.stage-beams,.stage-pool,.safelight-glow{transition:opacity .4s}.theatre-drawing[data-lights=false] .stage-beams,.theatre-drawing[data-lights=false] .stage-pool,.theatre-drawing[data-safelight=false] .safelight-glow{opacity:0}.side-drape{transform-origin:1340px 270px;transition:transform .6s}.theatre-drawing[data-curtains=false] .side-drape{transform:scaleX(6)}.popping-kernels{opacity:0;pointer-events:none}.theatre-drawing[data-popcorn=true] .popping-kernels{opacity:1}.theatre-drawing[data-popcorn=true] .kernel{animation:1s ease-out both popcorn-hop}.kernel-0{--hop:-20px;animation-delay:0s!important}.kernel-1{--hop:15px;animation-delay:.12s!important}.kernel-2{--hop:-9px;animation-delay:.22s!important}.kernel-3{--hop:22px;animation-delay:50ms!important}.kernel-4{--hop:-16px;animation-delay:.17s!important}.kernel-5{--hop:12px;animation-delay:.27s!important}.kernel-6{--hop:27px;animation-delay:70ms!important}@keyframes popcorn-hop{0%{opacity:0;transform:translate(0)}20%{opacity:1}50%{transform:translate(var(--hop), -42px)}to{opacity:0;transform:translate(var(--hop), 15px)}}@media (max-width:1050px){.room-label{gap:6px;padding-right:7px}.room-number{flex-basis:24px;width:24px;height:24px}.label-darkroom{left:27%}.drawing-key{font-size:.75rem}}@media (max-width:700px){.theatre-site{padding:22px 16px 20px}.site-masthead{gap:12px}.masthead-credit span:last-child{font-size:.75rem}.theatre-canvas{width:100%}.theatre-drawing{aspect-ratio:1.55}.theatre-workspace{flex:initial;margin-top:18px;padding:48px 0 12px}.room-labels{padding:8px 13px 16px}.room-label{min-height:46px;font-size:.875rem;top:auto;left:auto}.room-number{flex-basis:27px;width:27px;height:27px}.focus-heading{gap:12px;top:10px;left:10px}.focused-name{font-size:.875rem}.is-focused{padding-top:62px}.is-focused .drawing-key{display:none}.is-focused .theatre-drawing{aspect-ratio:auto;height:350px}.is-focused .room-labels{grid-template-columns:1fr 1fr;gap:12px;padding:15px 13px;display:grid}.fixture-controls{flex-direction:row;top:405px;bottom:auto;right:15px}.is-focused .room-labels{margin-top:45px}.site-footer{margin-top:auto;padding-top:18px;font-size:.8125rem}}@media (max-width:380px){.wordmark{font-size:2.1rem}.masthead-credit span:last-child{max-width:110px}.room-label{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.theatre-drawing[data-popcorn=true] .kernel{animation:none!important}}.object-control{cursor:pointer;touch-action:manipulation;outline:none}.object-hit{fill:#0000;stroke:none;pointer-events:all}.object-control:focus-visible{filter:drop-shadow(0 0 3px #fff9c9)drop-shadow(0 0 2px #604187)}.object-control:focus-visible .object-hit{stroke:#fff8b6;stroke-width:2px;stroke-dasharray:4 3}.object-control:hover{filter:brightness(1.07)}.seat-pan{transform-origin:12px 33px;transition:transform .32s cubic-bezier(.2,.75,.3,1)}.individual-beam{transition:opacity .25s}.curtain-left,.curtain-right{transition:transform .8s cubic-bezier(.2,.75,.3,1)}.levels-on .meter{animation:.5s ease-in-out infinite alternate meter-dance}@keyframes meter-dance{to{stroke:#ffe49e;stroke-width:4px}}.is-focused .theatre-drawing{height:clamp(350px,100svh - 250px,690px)}.is-focused{padding-bottom:18px}.room-nameplates .object-control:hover text{text-decoration:underline}@media (max-width:700px){.theatre-drawing{aspect-ratio:1.4}.is-focused .theatre-drawing{height:430px}.room-nameplates text{font-size:19px}}.lobby-shaker{transform-box:fill-box;transform-origin:bottom}.is-shaking{animation:.65s ease-in-out machine-shake}.burst-particle{animation:1.25s ease-out both object-burst}@keyframes machine-shake{0%,to{transform:rotate(0)}15%,45%,75%{transform:rotate(-3deg)translate(-1px)}30%,60%,90%{transform:rotate(3deg)translate(1px)}}@keyframes object-burst{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}55%{opacity:1;transform:translate(var(--dx), var(--dy)) rotate(var(--spin))}to{opacity:0;transform:translate(var(--dx), 12px) rotate(var(--spin))}}.working-print{cursor:grab;touch-action:none}.working-print.is-picked{cursor:grabbing;filter:drop-shadow(1px 2px 2px #30274855)}:is(.working-print:focus-visible rect:not(.object-hit),.working-print.is-picked rect:not(.object-hit)){stroke:#ffe580;stroke-width:2px}.next-destination .object-hit{stroke:#ffe580;stroke-width:2px;stroke-dasharray:4 3;fill:#ffe58012}.print-photo{transition:opacity 1.8s}.print-photo.developing{animation:3.5s ease-out both print-develop}.hung-photo{animation:1.8s ease-out hung-reveal}@keyframes print-develop{0%{opacity:0}to{opacity:.4}}@keyframes hung-reveal{0%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion:reduce){.seat-pan,.curtain-left,.curtain-right{transition:none}.is-shaking,.burst-particle,.developing,.hung-photo,.meter{animation:none!important}.burst-particle{opacity:0}}.print-sheet{transition:transform .18s}@media (max-width:620px){.theatre-canvas{overscroll-behavior-x:contain;scrollbar-color:#a35aea #15101e;overflow-x:auto}.theatre-workspace:not(.is-focused) .theatre-drawing{aspect-ratio:1450/800;width:720px;max-width:none}.room-nameplates text{font-size:28px}.is-focused .room-nameplates text{font-size:17px}.is-focused .theatre-canvas{overflow:visible}.is-focused .theatre-drawing{width:100%}}.laser-backdrop{z-index:-1;pointer-events:none;background:#050509;width:100%;height:100dvh;position:fixed;inset:0}.focused-name{color:var(--accent);text-shadow:2px 2px #432067}.site-footer a{color:#d5c7e7}.site-footer a span{color:var(--laser-teal)}@media (max-width:700px){.laser-backdrop .ink-accents{display:none}.drawing-key{letter-spacing:.035em}}.opening-bumper{z-index:100;background:var(--background);touch-action:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.opening-logo{transform-origin:50%;will-change:transform, opacity}.opening-bumper .opening-wordmark{pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(2.6rem,9vw,7.5rem)}.opening-bumper[data-phase=breathing] .opening-logo{animation:logo-breathe var(--bumper-breath) ease-in-out infinite}.opening-bumper[data-phase=revealing]{animation:bumper-reveal var(--bumper-reveal) ease-in-out both}.opening-bumper[data-phase=revealing] .opening-logo{animation:logo-expand var(--bumper-reveal) cubic-bezier(.4, 0, .85, .4) both}.theatre-site[data-opening=pending] .site-masthead>.wordmark,.theatre-site[data-opening=breathing] .site-masthead>.wordmark{opacity:0}.theatre-site[data-opening=revealing] .site-masthead>.wordmark{animation:.25s ease-out .45s both wordmark-return}@keyframes logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.085)}}@keyframes logo-expand{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(5)}}@keyframes bumper-reveal{0%,12%{background-color:var(--background)}to{background-color:#0000}}@keyframes wordmark-return{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.opening-bumper{display:none}.theatre-site[data-opening] .site-masthead>.wordmark{opacity:1}}@media (min-width:621px) and (max-width:700px){.theatre-workspace:not(.is-focused) .theatre-drawing{aspect-ratio:1450/800}.room-nameplates text{font-size:28px}}.theatre-drawing .map-room-auditorium{filter:brightness();transition:filter 1.8s,opacity .25s}.theatre-drawing[data-performance=true] .map-room-auditorium{filter:brightness(.24)}.stage-light-output{transition:opacity 1.8s}.house-lights{cursor:pointer}.theatre-drawing .individual-light{filter:none}@media (prefers-reduced-motion:reduce){.theatre-drawing .map-room-auditorium,.stage-light-output{transition:none}}.seat-pan-spatial{transition:d .28s}.room-nameplates .object-control{filter:none}.is-focused .room-nameplates text{font-size:17px}@media (prefers-reduced-motion:reduce){.seat-pan-spatial{transition:none}}.theatre-drawing:not([data-selected=""]) .map-room{pointer-events:none}.theatre-drawing[data-selected=lobby] .map-room-lobby,.theatre-drawing[data-selected=booth] .map-room-booth,.theatre-drawing[data-selected=auditorium] .map-room-auditorium,.theatre-drawing[data-selected=stage] .map-room-stage,.theatre-drawing[data-selected=office] .map-room-office,.theatre-drawing[data-selected=darkroom] .map-room-darkroom{pointer-events:auto}.painted-site .theatre-canvas{max-width:1774px;overflow:hidden}.painted-site .laser-backdrop{opacity:.16}.mobile-explore-hint{display:none}.painted-theatre{width:100%;height:auto;display:block;overflow:hidden}.painted-room-target,.painted-object-target{cursor:pointer}.painted-room-target>path,.painted-room-target>rect,.painted-object-target>path,.painted-object-target>rect{fill:#0000;stroke:#0000;stroke-width:2px}.painted-theatre .object-control{filter:none}.painted-theatre .object-control[data-outside-room=true]:not(.painted-room-target){pointer-events:none}:is(.painted-room-target:hover>rect,.painted-room-target:focus-visible>rect,.painted-object-target:focus-visible>path,.painted-object-target:focus-visible>rect){stroke:#f0dfa7;fill:#ffefb610;outline:none}.painted-lighting-state{transition:opacity 1.8s}.painted-theatre .object-control:focus-visible{outline:none}.painted-theatre .painted-lens{transition:fill .3s,opacity .3s}.painted-drop-target>rect{stroke:#ffe4a8;stroke-width:1.4px;stroke-dasharray:3 2;fill:#ffedb217}.painted-print{cursor:grab;touch-action:none}.painted-print[aria-pressed=true]{cursor:grabbing}.painted-print:focus-visible>rect{stroke:#ffe4a8;stroke-width:1.2px}.painted-paper{filter:drop-shadow(0 1px 1px #10072090);transition:transform .2s}.painted-safelight-shade{transition:opacity .4s}.painted-pocket-door{transition:opacity .2s}@media (prefers-reduced-motion:reduce){.painted-pocket-door{transition:none}}.painted-seat-state{transition:opacity .22s,filter 1.8s}.curtain-fabric-panel{transform-origin:0 0;transition:transform 1.25s cubic-bezier(.25,.7,.2,1)}.painted-counter-shake{transform-origin:320px 555px;animation:.5s painted-counter-shake}.painted-popcorn-shake{transform-origin:416px 567px;animation:.5s painted-counter-shake}@keyframes painted-counter-shake{25%{transform:rotate(-.5deg)}60%{transform:rotate(.5deg)}to{transform:rotate(0)}}.painted-site .is-focused .painted-theatre{width:100%;height:clamp(340px,100svh - 280px,730px)}@media (max-width:700px){.painted-site .theatre-canvas{overflow-x:auto}.painted-site .is-focused .theatre-canvas{overflow:hidden}.painted-site .is-focused .painted-theatre{width:100%;height:auto}}@media (max-width:500px){.painted-site .painted-theatre{width:1000px;max-width:none}.mobile-explore-hint{text-align:center;color:#c1babf;margin:12px 0 0;font-size:12px;display:block}}@media (prefers-reduced-motion:reduce){.painted-lighting-state,.painted-paper,.painted-seat-state,.painted-safelight-shade,.curtain-fabric-panel,.painted-lens{transition:none}.painted-counter-shake,.painted-popcorn-shake{animation:none}}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-scene-stack{flex:1;display:grid}.portfolio-scene-stack>*{grid-area:1/1;min-width:0}.portfolio-scene-stack .theatre-workspace{transition:opacity .6s,visibility .6s}.show-projects .theatre-workspace{opacity:0;visibility:hidden;pointer-events:none}.painted-site .laser-backdrop{transition:opacity .8s}.painted-site.show-projects .laser-backdrop{opacity:.55}.laser-lattice{opacity:0;transition:opacity 1s}.laser-backdrop-intricate .laser-lattice{opacity:1}.site-footer nav{justify-content:center;align-items:center;gap:clamp(24px,7vw,100px);width:100%;display:flex}.site-footer nav a{letter-spacing:.06em;color:#dbc1fb;padding:14px 8px;font-size:clamp(1rem,1.6vw,1.2rem);transition:color .2s}.site-footer nav a:hover,.site-footer nav a[aria-current]{color:#38d9f5}.drawing-key:empty{min-height:28px}.projects-view{z-index:1;align-self:start;width:min(1140px,100%);margin:0 auto;padding:12px 0 52px;animation:.9s both projects-arrive}.projects-view h1{letter-spacing:-.045em;color:#eadfff;margin:0 0 28px;font-size:clamp(1.8rem,4vw,3.4rem)}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;display:grid}.project-square{aspect-ratio:1;letter-spacing:-.035em;text-align:center;background:#1e1136ed;border:1px solid #a569e479;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:0;padding:30px;font-size:clamp(1.2rem,2.4vw,2rem);font-weight:700;line-height:1.2;transition:transform .2s,border-color .2s;display:flex;position:relative;box-shadow:0 14px 60px #0008}.project-square-1{background:#072d36ed;border-color:#38d9f579}.project-square:hover{border-color:#38d9f5;transform:translateY(-5px)}.project-logo{object-fit:contain;width:75%;height:48%}.project-visit{color:#38d9f5;font-size:24px;font-weight:400;position:absolute;top:14px;right:18px}.project-coming{color:#c5bbd5;letter-spacing:0;background:#0b0b16e8;border-style:dashed;font-size:1.15rem;font-weight:400;line-height:1.6}.project-coming:hover{transform:none}.content-warning{text-align:center;color:#eac58c;font-size:14px}.content-warning button{color:inherit;background:0 0;border:0;text-decoration:underline}.office-drawer{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.office-original-wall-objects{filter:drop-shadow(3px 5px 3px #1e0f056e)}.office-rolltop-cover{transition:transform .7s cubic-bezier(.4,0,.2,1);transform:translateY(-215px)}.office-rolltop-cover[data-closed=true]{transform:translateY(0)}.office-drawer[data-open=true]{filter:drop-shadow(0 10px 5px #0009);transform:translate(-10px,43px)}.drying-photo{cursor:zoom-in}.drying-photo:focus-visible image{outline:2px solid #38d9f5}.resume-paper-flight{color:#252131;z-index:80;pointer-events:none;background:#fffdf5;width:min(80vw,680px);height:min(88vh,900px);padding:8%;animation:.8s cubic-bezier(.2,.8,.2,1) both resume-paper-emerge;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 90px #000a}.resume-paper-flight strong{font-size:clamp(22px,5vw,44px);display:block}.resume-paper-flight span{margin-top:15px;display:block}@keyframes resume-paper-emerge{0%{transform:translate(calc(-50% + var(--paper-x,0px)), calc(-50% + var(--paper-y,0px))) scale(var(--paper-scale,.05)) rotate(-4deg)}to{transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes projects-arrive{0%,35%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}[data-slot=dialog-overlay]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;background:#050509b8;position:fixed;inset:0}.portfolio-modal{z-index:121;color:#f4edff;background:#0e0b18;border:1px solid #764b9b;border-radius:12px;outline:none;flex-direction:column;gap:18px;width:min(600px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);padding:28px;font-size:16px;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 100px #0009}.portfolio-modal [data-slot=dialog-title]{margin:0;font-size:1.25rem}.portfolio-modal [data-slot=dialog-description]{color:#c8bed9;margin:0}.viewer-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.viewer-toolbar>div{align-items:center;gap:20px;display:flex}.viewer-toolbar a{color:#38d9f5;font-size:14px}.plain-control{color:inherit;background:0 0;border:1px solid #85719d;border-radius:5px;height:auto;padding:9px 15px;font-size:14px}.portfolio-modal.resume-viewer,.portfolio-modal.photo-viewer{border:0;border-radius:0;gap:14px;width:100vw;height:100dvh;max-height:100dvh;padding:16px;inset:0;transform:none}.resume-viewer iframe{background:#f4f2ef;border:0;flex:1;width:100%;min-height:0}.photo-viewer{background:#050509f5}.photo-viewer>img{object-fit:contain;flex:1;width:100%;min-height:0}.photo-countdown{transform-origin:0;background:#38d9f5;width:100%;height:2px;animation:5s linear forwards photo-countdown}@keyframes photo-countdown{to{transform:scaleX(0)}}.portfolio-form{flex-direction:column;gap:20px;display:flex}.portfolio-form label{flex-direction:column;gap:8px;font-size:15px;display:flex}.portfolio-form input,.portfolio-form textarea{font:inherit;width:100%;min-height:44px;color:inherit;background:#090710;border:1px solid #60467a;border-radius:5px;padding:11px 12px;font-size:16px}.portfolio-form textarea{resize:vertical}.portfolio-form input:focus,.portfolio-form textarea:focus{outline-offset:2px;outline:2px solid #38d9f5}.action-button{color:#120b1f;background:#ae69ff;border:1px solid #b68cea;border-radius:5px;height:auto;min-height:44px;padding:12px 22px;font-size:16px;font-weight:700}.action-button:disabled{opacity:.5}.contact-trap{width:1px;height:1px;left:-10000px;overflow:hidden;position:absolute!important}.form-error{color:#ffa6b1;background:#3d142233;border:1px solid #9e4860;padding:12px;line-height:1.5}.form-error button{color:inherit;background:0 0;border:0;text-decoration:underline}.message-sent{padding:24px 0}.message-sent h2{color:#38d9f5}.message-sent p{margin-bottom:30px}.retro-screen{z-index:110;color:#69fa83;text-shadow:0 0 7px #54ef6b80;letter-spacing:.08em;image-rendering:pixelated;background:#020904;padding:clamp(22px,4vw,60px);font-family:Courier New,monospace;font-weight:700;position:fixed;inset:0;overflow:auto}.retro-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#0004 4px);position:fixed;inset:0;box-shadow:inset 0 0 150px #000}.retro-header{border-bottom:2px solid;justify-content:space-between;align-items:center;padding-bottom:18px;font-size:clamp(22px,3vw,38px);display:flex}.retro-exit{color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:0;height:auto;padding:8px 16px;font-size:16px}.pixel-boot{justify-content:center;align-items:center;gap:20px;min-height:80vh;display:flex}.pixel-boot i{background:#69fa83;width:12px;height:12px;animation:1.1s steps(2,end) infinite pixel-pulse;box-shadow:0 0 14px #69fa83a0}.pixel-boot i:nth-child(2){animation-delay:.2s}.pixel-boot i:nth-child(3){animation-delay:.4s}@keyframes pixel-pulse{50%{opacity:.2}}.pixel-cursor{font-size:.75em;animation:1s steps(2,end) infinite pixel-pulse}.retro-menu{border:2px solid;width:min(620px,100%);margin:clamp(45px,12vh,140px) auto;padding:24px;font-size:clamp(18px,2vw,26px)}.retro-menu>p:first-child{text-align:center;margin:0 0 20px;font-size:16px}.retro-menu-rule{border-top:2px solid;margin-bottom:24px}.retro-menu>a,.retro-menu>button{text-align:left;width:100%;color:inherit;font:inherit;text-shadow:inherit;background:0 0;border:0;border-radius:0;gap:24px;padding:14px;display:flex}.retro-menu .is-highlighted{color:#020904;text-shadow:none;background:#69fa83}:is(.retro-menu>a:focus-visible,.retro-menu>button:focus-visible){outline-offset:5px;outline:2px solid #69fa83}.retro-note{text-align:center;margin:28px 0 0;font-size:14px}.retro-footer{flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px;display:flex}.admin-screen{color:#e1efe4;background:#07100b;min-height:100dvh;padding:28px max(24px,50vw - 620px);font-size:16px}.admin-header{border-bottom:1px solid #315442;align-items:baseline;gap:22px;padding-bottom:24px;font-family:Courier New,monospace;display:flex}.admin-header>a:first-child{color:#69fa83;font-size:28px;font-weight:700}.admin-header>span{font-size:18px}.admin-return{color:#96d0ab;margin-left:auto;font-size:14px}.admin-nav{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.admin-nav button,.admin-actions button,.admin-photo-grid button,.admin-image-preview button{color:#c2e7cd;background:0 0;border:1px solid #315442;border-radius:4px;height:auto;padding:10px 16px;font-size:15px}.admin-nav button[aria-pressed=true]{color:#07100b;background:#69fa83;border-color:#69fa83}.admin-feedback{color:#8af5a0;min-height:50px;padding:16px 0}.admin-content{border:0;min-width:0;margin:0;padding:0}.admin-content h1{margin:0 0 24px;font-size:32px}.admin-content h2{font-size:20px}.admin-empty{color:#a9bdae;padding:40px 0}.inbox-list{gap:18px;display:grid}.inbox-message{background:#0d1a12;border:1px solid #294836;border-radius:8px;padding:24px}.inbox-message.unread{border-left:4px solid #69fa83}.inbox-message header{justify-content:space-between;gap:20px;display:flex}.inbox-message h2{margin:0 0 6px}.inbox-message a{color:#82d99a}.inbox-message time{color:#93ac9b;font-size:14px}.inbox-message>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-project-layout{grid-template-columns:1fr 1fr;gap:50px;display:grid}.admin-project-list{flex-direction:column;gap:24px;display:flex}.admin-project-list article{border:1px solid #315442;gap:20px;padding:20px;display:flex}.admin-project-list article>img{object-fit:contain;width:90px;height:90px}.admin-project-list h2{margin:0 0 10px}.admin-project-list a{color:#82d99a;font-size:14px}.admin-project-list p{color:#93ac9b;font-size:14px}.admin-screen .portfolio-form input,.admin-screen .portfolio-form textarea{background:#041008;border-color:#315442}.admin-screen .action-button{color:#06100a;background:#69fa83;border-color:#69fa83}.field-hint{color:#a1b9a9;font-size:14px;font-weight:400;display:block}.admin-image-preview{align-items:center;gap:20px;display:flex}.admin-image-preview img{object-fit:contain;width:120px;height:100px}.upload-zone{border:1px dashed #508864;flex-direction:column;align-items:flex-start;gap:14px;margin:24px 0;padding:26px;display:flex}.upload-zone span{color:#a1b9a9;font-size:14px}.upload-zone input{font:inherit;max-width:100%}.admin-document-link{color:#8af5a0;margin:12px 0;display:inline-block}.admin-photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.admin-photo-grid article{background:#0d1a12;border:1px solid #315442;padding:15px}.admin-photo-grid img{aspect-ratio:1;object-fit:cover;width:100%}.admin-photo-grid h2{overflow-wrap:anywhere;font-size:16px}.marquee-preview{color:#f3d793;letter-spacing:.16em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;border:3px double #b78545;margin-bottom:28px;padding:30px;font-family:monospace;font-size:20px}@media (max-width:700px){.admin-project-layout{grid-template-columns:1fr;gap:32px}.inbox-message header{flex-direction:column}.admin-header{flex-wrap:wrap}.admin-return{margin-left:0}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.projects-view{padding-top:0}.portfolio-modal{padding:20px}.viewer-toolbar{gap:10px}.viewer-toolbar>div{gap:12px}.viewer-toolbar [data-slot=dialog-title]{font-size:16px}.resume-viewer .viewer-toolbar{flex-wrap:wrap}.retro-menu{padding:16px}.retro-footer{font-size:12px}}@media (prefers-reduced-motion:reduce){.portfolio-scene-stack .theatre-workspace,.laser-lattice,.painted-site .laser-backdrop,.office-rolltop-cover,.office-drawer{transition:none}.projects-view,.resume-paper-flight,.pixel-boot i,.pixel-cursor{animation:none}.project-square:hover{transform:none}}.resume-pdf-scroll{background:#25232c;flex:1;min-height:0;padding:20px;overflow:auto}.resume-pdf-page{background:#fff;max-width:1000px;min-height:100px;margin:0 auto 20px;box-shadow:0 2px 20px #0006}.resume-pdf-page canvas{display:block}.resume-pdf-scroll>p{text-align:center;padding:40px 0}.resume-pdf-scroll a{color:#38d9f5}@media (max-width:700px){.resume-pdf-scroll{padding:8px}.resume-pdf-page{margin-bottom:8px}}
