:root{color-scheme:dark;background:#05070c;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#05070c;color:#f3f0e7}button,a{font:inherit}.experience{min-height:100svh;padding:clamp(10px,2vw,26px);background:radial-gradient(circle at 50% 10%,#172039 0,#05070c 48%)}.scene{--px: 0px;--py: 0px;position:relative;isolation:isolate;overflow:hidden;min-height:100svh;border:1px solid #ffffff1c;background:#060912;box-shadow:0 32px 100px #000b}.scene:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,#070b13a6 0%,transparent 32%,transparent 58%,#02050de6 100%)}.scene-video{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:50% 52%;filter:saturate(.86) contrast(1.15) brightness(.68);transform:translate(var(--px),var(--py)) scale(1.025);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.tone,.rain,.mist,.reflection{position:absolute;inset:0;z-index:2;pointer-events:none}.tone{background:linear-gradient(110deg,#071a35a8,transparent 42%,#47102037 70%,#052a3159);mix-blend-mode:screen}.rain{opacity:.14;background-image:repeating-linear-gradient(104deg,transparent 0 38px,#c4eaff18 39px 40px,transparent 41px 75px);background-size:170px 210px;animation:rain 10s linear infinite}.mist{inset:auto -12% 0;height:32%;opacity:.24;background:radial-gradient(ellipse at 16% 80%,#829cb32e 0 16%,transparent 45%),radial-gradient(ellipse at 70% 66%,#5ab6cb25 0 8%,transparent 35%);filter:blur(13px);animation:mist 14s ease-in-out infinite alternate}.reflection{top:63%;background:linear-gradient(180deg,transparent,#00e5ff14 9%,#ff2bbd1c 27%,transparent 70%);mix-blend-mode:screen}.masthead,.scene-footer{position:absolute;z-index:6}.masthead{top:clamp(18px,3vw,42px);left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);display:flex;justify-content:space-between;align-items:flex-start}.wordmark{color:#fff;text-decoration:none;letter-spacing:.17em;font-size:clamp(11px,1.25vw,15px);font-weight:600}.wordmark span{display:block;color:#88d8e4;margin-top:3px}.local-time,.scene-footer,.eyebrow{margin:0;color:#e8e5d9a8;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}.local-time{display:flex;gap:.55em}.hotspot{position:absolute;z-index:5;border:0;background:transparent;color:#fff;padding:0;outline:0;cursor:pointer}.scene-region{overflow:hidden;clip-path:polygon(3% 7%,97% 0,100% 92%,6% 100%)}.region-image,.region-image:before,.region-image:after{position:absolute;inset:0;display:block;background-image:url(/scene/alley-source.png);background-repeat:no-repeat;background-size:calc(var(--crop-background-size-x) * 1%) calc(var(--crop-background-size-y) * 1%);background-position:calc(var(--crop-background-position-x) * 1%) calc(var(--crop-background-position-y) * 1%);opacity:0;pointer-events:none}.region-image{mix-blend-mode:screen;transition:opacity .1s linear}.region-image:before,.region-image:after{content:""}.region-image:before{filter:sepia(1) saturate(10) hue-rotate(135deg);transform:translate(-5px);clip-path:polygon(0 6%,100% 0,100% 35%,0 48%)}.region-image:after{filter:sepia(1) saturate(12) hue-rotate(275deg);transform:translate(5px);clip-path:polygon(0 58%,100% 43%,100% 94%,0 100%)}.region-shards{position:absolute;inset:0;opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 13%,#b7faff 14% 15%,transparent 16% 31%),linear-gradient(90deg,transparent 0 40%,#ff2bbd99 41% 43%,transparent 44%);mix-blend-mode:screen}.region-label{position:absolute;left:50%;bottom:11%;transform:translate(-50%);opacity:0;color:#fff;padding:2px 5px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase;text-shadow:-2px 0 #00e5ff,2px 0 #ff2bbd,0 0 12px #ffb000;pointer-events:none;transition:opacity .1s linear}.scene-region:hover .region-image,.scene-region:focus-visible .region-image{opacity:.88;animation:region-burst .16s steps(2,end),region-hold 1.8s steps(3,end) .16s infinite}.scene-region:hover .region-image:before,.scene-region:focus-visible .region-image:before,.scene-region:hover .region-image:after,.scene-region:focus-visible .region-image:after{opacity:.85;animation:region-tear .16s steps(2,end),region-hold 1.8s steps(3,end) .16s infinite}.scene-region:hover .region-shards,.scene-region:focus-visible .region-shards{opacity:.7;animation:shard-flash .16s steps(2,end),shard-hold 1.8s steps(2,end) .16s infinite}.scene-region:hover .region-label,.scene-region:focus-visible .region-label{opacity:1}.scene-region:focus-visible{box-shadow:inset 0 0 0 2px #fff,0 0 18px #00e5ff,0 0 28px #ff2bbd}.portfolio{--region-left: 5;--region-top: 30;--region-width: 28;--region-height: 52;--crop-background-size-x: 357.1429;--crop-background-size-y: 192.3077;--crop-background-position-x: 6.9444;--crop-background-position-y: 62.5;left:5%;top:30%;width:28%;height:52%}.about{--region-left: 73;--region-top: 30;--region-width: 23;--region-height: 43;--crop-background-size-x: 434.7826;--crop-background-size-y: 232.5581;--crop-background-position-x: 94.8052;--crop-background-position-y: 52.6316;right:4%;top:30%;width:23%;height:43%}.contact{--region-left: 79;--region-top: 6;--region-width: 19;--region-height: 25;--crop-background-size-x: 526.3158;--crop-background-size-y: 400;--crop-background-position-x: 97.5309;--crop-background-position-y: 8;right:2%;top:6%;width:19%;height:25%}.scene-footer{z-index:7;bottom:18px;left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);display:flex;justify-content:space-between;font-size:8px}.fallback{max-width:1200px;margin:0 auto;padding:20px 18px 3px;display:flex;justify-content:space-between;gap:25px;align-items:center}.fallback p{margin:0;color:#92a0ae;font:10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}.fallback div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.fallback button,.inquiry-form button{border:1px solid #ffffff2e;border-radius:999px;background:transparent;color:#dce6e8;padding:8px 11px;font-size:12px;cursor:pointer}.fallback button:hover,.fallback button:focus-visible,.inquiry-form button:hover,.inquiry-form button:focus-visible{background:#00e5ff1c;border-color:#00e5ff;outline:2px solid transparent}.drawer{position:absolute;z-index:10;right:clamp(14px,4vw,60px);top:50%;transform:translateY(-50%);width:min(460px,calc(100% - 30px));max-height:calc(100svh - 30px);overflow:auto;padding:34px 35px 31px;background:#080c14f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #cae3e633;box-shadow:0 18px 65px #000b}.drawer-rule{height:2px;width:58px;background:#00e5ff;margin-bottom:28px;box-shadow:0 0 20px #00e5ff}.drawer h2{margin:10px 0 20px;font-size:clamp(32px,5vw,54px);line-height:.94;letter-spacing:-.06em}.drawer>p:not(.eyebrow){max-width:36ch;color:#d7dcdf;line-height:1.55}.drawer small{display:block;margin-top:31px;color:#a4b3b7;font:9px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.09em}.drawer-close{position:absolute;right:13px;top:9px;border:0;background:none;color:#fff;font-size:29px;line-height:1;cursor:pointer}.drawer-close:focus-visible{outline:2px solid #fff;outline-offset:3px}.portfolio-list h3{font-size:15px;color:#00e5ff;margin:24px 0 12px}.portfolio-list figure{margin:0 0 18px}.video-frame{aspect-ratio:16/9;background:#111;box-shadow:0 0 0 1px #ffffff24}.video-frame iframe{width:100%;height:100%;border:0}.portfolio-list figcaption{margin-top:5px;color:#a4b3b7;font-size:11px}.inquiry-form{display:grid;gap:13px;margin-top:20px}.inquiry-form label{display:grid;gap:6px;color:#dce6e8;font-size:12px}.inquiry-form input,.inquiry-form textarea{width:100%;border:1px solid #ffffff42;background:#05070c;color:#fff;padding:9px;font:inherit}.inquiry-form input:focus-visible,.inquiry-form textarea:focus-visible{outline:2px solid #00e5ff;outline-offset:2px}.form-notice,.form-success{padding:9px;font-size:12px;line-height:1.4}.form-notice{border-left:3px solid #ffb000;color:#ffe1a2;background:#ffb00018}.form-success{border-left:3px solid #00e5ff;color:#baf7ff;background:#00e5ff18}@keyframes rain{to{background-position:-20px 220px}}@keyframes mist{to{transform:translate(8%) scale(1.12)}}@keyframes region-burst{0%{transform:translate(0);clip-path:inset(0)}35%{transform:translate(-9px);clip-path:inset(13% 0 61% 0)}70%{transform:translate(8px);clip-path:inset(54% 0 16% 0)}to{transform:translate(0);clip-path:inset(0)}}@keyframes region-tear{0%,to{transform:translate(0)}40%{transform:translate(-10px)}72%{transform:translate(8px)}}@keyframes region-hold{0%,86%,to{transform:translate(0)}90%{transform:translate(2px)}}@keyframes shard-flash{0%,to{transform:translate(0)}50%{transform:translate(12px)}}@keyframes shard-hold{0%,92%,to{opacity:.42}94%{opacity:.7}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.has-atmosphere *,.has-atmosphere *:before,.has-atmosphere *:after{animation:none!important;transition:none!important}.scene-region:hover,.scene-region:focus-visible{box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #00e5ff,0 0 14px #ff2bbd}.scene-region:hover .region-image,.scene-region:focus-visible .region-image{opacity:.45;animation:none}.scene-region:hover .region-shards,.scene-region:focus-visible .region-shards{opacity:.34;animation:none}.scene-region:hover .region-label,.scene-region:focus-visible .region-label{opacity:1}}@media(max-width:600px){.experience{padding:0}.scene{min-height:100svh;border:0}.scene-video{object-position:48% 50%}.local-time{font-size:9px}.scene-footer{bottom:13px}.scene-footer span:last-child{display:none}.fallback{padding:16px;align-items:flex-start;flex-direction:column;gap:10px}.fallback div{justify-content:flex-start}.drawer{top:auto;bottom:12px;transform:none;padding:26px}.drawer h2{font-size:38px}}