@import"https://fonts.googleapis.com/css2?family=Anton&family=Yellowtail&family=Barlow+Semi+Condensed:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #05030a;--ink-2: #0d0716;--paper: #fdf7ff;--dim: rgba(253, 247, 255, .55);--money: #4ade80;--gold: #ffb238;--accent: #ff2d9b;--accent-2: #ffb238;--ease-out: cubic-bezier(.16, .84, .44, 1);--ease-pop: cubic-bezier(.2, 1.5, .4, 1)}html,body{height:100%;background:#000;color:var(--paper);font-family:Barlow Semi Condensed,Arial Narrow,sans-serif;overflow:hidden}body{display:grid;place-items:center}[data-screen=hero]{--accent: #ff2d9b;--accent-2: #ffb238}[data-screen=about]{--accent: #e08b3c;--accent-2: #4fb6c9}[data-screen=skills]{--accent: #7fb2d9;--accent-2: #ffb238}[data-screen=projects]{--accent: #0fbfb2;--accent-2: #ff7fb0}[data-screen=experience]{--accent: #9b8cff;--accent-2: #ffa83c}[data-screen=achievements]{--accent: #ff2d9b;--accent-2: #24e0e0}[data-screen=services]{--accent: #e8806e;--accent-2: #1fa8d8}[data-screen=contact]{--accent: #6ea8ff;--accent-2: #ffb238}[data-screen=outro]{--accent: #ffa3bd;--accent-2: #ffd9a8}.stage{position:relative;width:100vw;max-width:calc(100vh * 16 / 9);aspect-ratio:16 / 9;container-type:size;background:var(--ink);overflow:hidden;user-select:none;transition:--accent .5s}.stage:focus-visible{outline:none}.stage:after{content:"";position:absolute;inset:0;z-index:90;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.1) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 50%,transparent 48%,rgba(0,0,0,.5) 100%);mix-blend-mode:multiply}.plates{position:absolute;inset:0;z-index:0}.plate{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .55s var(--ease-out),transform 6s linear;background-size:cover;background-position:center;will-change:opacity,transform}.plate.on{opacity:1;transform:scale(1)}.plate[data-missing=true]{background-image:linear-gradient(to bottom,var(--f0) 0%,var(--f1) 46%,var(--f2) 78%,#0b0616 100%)}.plate[data-missing=true]:after{content:attr(data-label);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.4cqw;letter-spacing:.22em;text-transform:uppercase;color:#fff6;border:1px dashed rgba(255,255,255,.25);padding:1cqw 1.8cqw;text-align:center;background:#00000047}.scrim{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(100deg,rgba(4,2,10,.86) 0%,rgba(4,2,10,.62) 22%,rgba(4,2,10,.16) 42%,transparent 58%)}.scrim.top{background:linear-gradient(to bottom,rgba(4,2,10,.6) 0%,transparent 22%)}.screen{position:absolute;inset:0;z-index:10;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.screen.on{opacity:1;visibility:visible}.title-block{position:absolute;left:3.4cqw;top:4cqh;z-index:12}.gta-title{font-family:Anton,Arial Black,sans-serif;font-size:6.2cqw;line-height:.84;text-transform:uppercase;transform:skew(-6deg);color:#fff;-webkit-text-stroke:.1cqw #17081f;text-shadow:.13cqw .13cqw 0 #17081f,.26cqw .26cqw 0 #17081f,0 0 2.6cqw rgba(0,0,0,.7)}.gta-title.sm{font-size:4.7cqw}.gta-sub{font-family:Yellowtail,cursive;font-size:3cqw;line-height:1;color:var(--accent);margin:-.5cqw 0 0 5.2cqw;transform:rotate(-2deg);text-shadow:.1cqw .13cqw 0 #1c0714,0 0 2.2cqw color-mix(in srgb,var(--accent) 70%,transparent);transition:color .5s ease}.menu{position:absolute;left:3.4cqw;top:36cqh;z-index:12;width:23cqw}.menu-hl{position:absolute;left:0;width:100%;z-index:-1;background:linear-gradient(90deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 55%,transparent) 76%,transparent 100%);box-shadow:0 0 2.4cqw color-mix(in srgb,var(--accent) 55%,transparent),inset 0 0 0 1px #fff3;border-left:.26cqw solid #fff}.menu-item{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:1.85cqw;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:.6cqw 1.1cqw;color:#fffc;cursor:pointer;text-shadow:0 .12cqw .34cqw rgba(0,0,0,.95);transition:color .14s,transform .14s}.menu-item:hover{color:#fff}.menu-item.sel{color:#fff;transform:translate(.35cqw)}.menu-item .chev{opacity:0;transform:translate(-.5cqw);transition:.16s}.menu-item.sel .chev{opacity:1;transform:none}.menu-item.done:before{content:"✓";position:absolute;left:-1.5cqw;color:var(--money);font-size:1.15cqw;text-shadow:0 0 .8cqw rgba(74,222,128,.8)}.hud{position:absolute;inset:0;z-index:40;pointer-events:none}.hud-tr{position:absolute;right:2.4cqw;top:2.6cqh;display:flex;gap:1.1cqw;align-items:flex-start}.hud-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.18cqw}.hud-num{font-family:Anton,sans-serif;line-height:1;transform:skew(-6deg);letter-spacing:.02em;text-shadow:.1cqw .12cqw 0 rgba(0,0,0,.9)}.hud-clock{font-size:2.4cqw;color:#fff}.hud-money{font-size:1.85cqw;color:var(--money)}.hud-health{font-size:1.5cqw;color:#fff;display:flex;align-items:center;gap:.4cqw}.hud-health .heart{color:var(--accent);font-size:1.15cqw;transform:none;transition:color .5s ease;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.hud-avatar{width:4.3cqw;height:4.3cqw;border:.16cqw solid rgba(255,255,255,.75);border-radius:.3cqw;display:grid;place-items:center;font-family:Anton,sans-serif;font-size:2cqw;background:linear-gradient(150deg,color-mix(in srgb,var(--accent-2) 45%,transparent),color-mix(in srgb,var(--accent) 35%,transparent));box-shadow:0 0 1.6cqw color-mix(in srgb,var(--accent) 45%,transparent);transition:background .5s ease,box-shadow .5s ease}.bar-wrap{width:9.4cqw;height:.8cqw;margin-top:.4cqw;background:#0009;border:1px solid rgba(255,255,255,.3)}.bar-fill{height:100%;width:8%;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 1cqw color-mix(in srgb,var(--accent) 80%,transparent);transition:width .6s var(--ease-out),background .5s ease}.stars{display:flex;gap:.2cqw;margin-top:.45cqw}.star{font-size:1.85cqw;line-height:1;color:#0009;text-shadow:0 0 .18cqw rgba(255,255,255,.4);transition:color .3s,text-shadow .3s}.star.lit{color:var(--gold);text-shadow:0 0 1.4cqw rgba(255,178,56,.95)}.minimap{position:absolute;left:2.4cqw;bottom:3cqh;width:10.8cqw;height:7.2cqw;background:#12101c;border:.17cqw solid rgba(255,255,255,.75);border-radius:.3cqw;overflow:hidden;box-shadow:0 .6cqw 2.2cqw #000000bf}.minimap .roads{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.4) .09cqw,transparent .09cqw),linear-gradient(90deg,rgba(255,255,255,.4) .09cqw,transparent .09cqw);background-size:2cqw 2cqw}.minimap .water{position:absolute;right:0;top:0;bottom:0;width:32%;background:#24e0e021;border-left:1px solid rgba(36,224,224,.28)}.blip{position:absolute;width:.9cqw;height:.9cqw;border-radius:50%;background:var(--accent);box-shadow:0 0 0 .19cqw #ffffffe6,0 0 1.6cqw var(--accent);transform:translate(-50%,-50%);transition:left .6s var(--ease-out),top .6s var(--ease-out),background .5s}.blip:after{content:"";position:absolute;inset:-.34cqw;border-radius:50%;border:.11cqw solid var(--accent);animation:ping 1.9s ease-out infinite}@keyframes ping{0%{transform:scale(.6);opacity:.85}to{transform:scale(2.3);opacity:0}}.compass{position:absolute;left:.42cqw;bottom:.28cqw;font-size:.95cqw;font-weight:700;color:#ffffffd9}.objective{position:absolute;left:14.4cqw;bottom:4cqh;max-width:24cqw}.obj-label{font-size:1cqw;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:var(--accent);transition:color .5s ease}.obj-text{font-family:Anton,sans-serif;font-size:1.6cqw;line-height:1.14;text-transform:uppercase;margin-top:.22cqw;text-shadow:.08cqw .09cqw 0 rgba(0,0,0,.85)}.quote{position:absolute;right:2.6cqw;bottom:3.2cqh;text-align:right;font-family:Yellowtail,cursive;font-size:1.55cqw;line-height:1.5;text-shadow:0 .16cqw .7cqw rgba(0,0,0,.95)}.quote span{display:block;color:var(--accent);margin-top:.28cqw;transition:color .5s}.tagline{position:absolute;left:2.6cqw;bottom:1cqh;font-size:1cqw;letter-spacing:.1em;font-weight:600;color:color-mix(in srgb,var(--accent) 85%,white);transition:color .5s ease}.tagline i{font-style:normal;color:#ffffff59;margin:0 .5cqw}.backhint{position:absolute;right:2.6cqw;top:15cqh;z-index:45;font-size:1cqw;letter-spacing:.16em;text-transform:uppercase;color:#fff9;border:1px solid rgba(255,255,255,.22);padding:.28cqw .7cqw;opacity:0;transition:opacity .3s;pointer-events:none}.backhint.on{opacity:1}.panel{position:absolute;left:3.4cqw;top:27cqh;width:31cqw;z-index:12}.panel.wide{width:35cqw}.panel.low{top:50cqh}.body-text{font-size:1.32cqw;line-height:1.55;color:#ffffffe6;text-shadow:0 .1cqw .45cqw rgba(0,0,0,.95)}.card{display:flex;align-items:center;gap:.9cqw;background:linear-gradient(90deg,#08040ee6,#08040e66);border-left:.22cqw solid var(--accent);padding:.6cqw .9cqw;margin-top:.48cqw;cursor:pointer;transition:transform .16s,background .16s}.card:hover{transform:translate(.4cqw);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 40%,transparent),#08040e80)}.card.hot{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent),#08040e73);border-left-color:#fff}.card-ico{flex:none;width:2.15cqw;height:2.15cqw;display:grid;place-items:center;font-size:1.1cqw;border-radius:.24cqw;background:linear-gradient(150deg,var(--accent-2),var(--accent));box-shadow:0 0 1cqw color-mix(in srgb,var(--accent) 50%,transparent)}.card-t{font-size:1.22cqw;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}.card-s{font-size:1.02cqw;color:var(--dim);line-height:1.25}.skill-row{display:flex;align-items:center;gap:.8cqw;margin-top:.58cqw}.skill-n{width:9.4cqw;font-size:1.12cqw;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.skill-t{flex:1;height:.7cqw;background:#ffffff21;position:relative;overflow:hidden}.skill-f{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 .9cqw color-mix(in srgb,var(--accent) 85%,transparent)}.skill-p{width:3.3cqw;text-align:right;font-size:1.08cqw;font-weight:700;color:var(--accent);transition:color .5s}.tl{position:relative;padding-left:1.7cqw;margin-top:.8cqw}.tl:before{content:"";position:absolute;left:.33cqw;top:.6cqw;bottom:.6cqw;width:.09cqw;background:linear-gradient(var(--accent),transparent)}.tl-item{position:relative;margin-bottom:1cqw}.tl-item:before{content:"";position:absolute;left:-1.55cqw;top:.42cqw;width:.72cqw;height:.72cqw;border-radius:50%;border:.16cqw solid var(--accent);background:var(--ink);box-shadow:0 0 1cqw var(--accent)}.tl-y{font-size:1cqw;font-weight:700;letter-spacing:.14em;color:var(--accent);transition:color .5s}.tl-h{font-size:1.3cqw;font-weight:700}.tl-b{font-size:1.05cqw;color:var(--dim);line-height:1.35}.stat-row{display:flex;gap:.8cqw;margin-top:1cqw}.stat{flex:1;text-align:center;padding:.68cqw;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:#08040eb8}.stat b{display:block;font-family:Anton,sans-serif;font-size:2.1cqw;line-height:1;color:var(--accent);transition:color .5s}.stat span{font-size:.92cqw;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.cx{display:flex;align-items:center;gap:.85cqw;margin-top:.68cqw}.cx-ico{flex:none;width:2.05cqw;height:2.05cqw;display:grid;place-items:center;font-size:1cqw;background:var(--accent);border-radius:.22cqw;box-shadow:0 0 1cqw color-mix(in srgb,var(--accent) 60%,transparent);transition:background .5s}.cx-l{font-size:.9cqw;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);line-height:1.3;transition:color .5s}.cx-v{font-size:1.2cqw;line-height:1.25}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:1.4cqw;margin-top:1.2cqw;padding:.58cqw 1cqw;min-width:13cqw;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 45%,transparent));border-left:.2cqw solid #fff;font-size:1.22cqw;font-weight:700;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 1.8cqw color-mix(in srgb,var(--accent) 45%,transparent);transition:transform .16s,box-shadow .16s,background .5s}.btn:hover{transform:translate(.35cqw);box-shadow:0 0 3cqw color-mix(in srgb,var(--accent) 80%,transparent)}.outro{position:absolute;inset:0;display:grid;place-items:center;text-align:center;z-index:12}.outro-kicker{font-size:1.15cqw;letter-spacing:.38em;text-transform:uppercase;color:#fffc}.outro .gta-sub{margin-left:0}.toast{position:absolute;right:3cqw;top:32cqh;z-index:70;text-align:right;opacity:0;pointer-events:none}.toast-t{font-family:Anton,sans-serif;font-size:3cqw;line-height:.95;text-transform:uppercase;transform:skew(-6deg);color:#fff;text-shadow:.12cqw .12cqw 0 #17081f,0 0 2.4cqw rgba(255,178,56,.9)}.toast-s{font-family:Yellowtail,cursive;font-size:1.65cqw;color:var(--gold);margin-top:.18cqw}.toast-c{font-size:1cqw;letter-spacing:.2em;font-weight:700;color:var(--money);margin-top:.3cqw}.wheel{position:absolute;inset:0;z-index:80;display:grid;place-items:center;background:#030108bd;backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.wheel.on{opacity:1;visibility:visible}.wheel-in{position:relative;width:34cqw;height:34cqw}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.wheel-hub b{display:block;font-family:Anton,sans-serif;font-size:2cqw;transform:skew(-6deg)}.wheel-hub span{font-size:.95cqw;letter-spacing:.2em;color:var(--dim);text-transform:uppercase}.seg{position:absolute;left:50%;top:50%;width:9.4cqw;margin:-2.3cqw 0 0 -4.7cqw;padding:.55cqw;text-align:center;background:#08040eeb;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);cursor:pointer;transition:.18s}.seg:hover{background:var(--accent);border-color:#fff;box-shadow:0 0 2.4cqw color-mix(in srgb,var(--accent) 70%,transparent)}.seg b{display:block;font-size:1.12cqw;letter-spacing:.08em;text-transform:uppercase}.seg span{font-size:.9cqw;color:var(--dim)}.seg:hover span{color:#ffffffeb}.screen.on .anim{animation:riseIn .5s var(--ease-out) backwards}.screen.on .anim:nth-child(1){animation-delay:.04s}.screen.on .anim:nth-child(2){animation-delay:.1s}.screen.on .anim:nth-child(3){animation-delay:.16s}.screen.on .anim:nth-child(4){animation-delay:.22s}.screen.on .anim:nth-child(5){animation-delay:.28s}.screen.on .anim:nth-child(6){animation-delay:.34s}@keyframes riseIn{0%{opacity:0;transform:translateY(1.3cqw)}to{opacity:1;transform:none}}.keys{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:200;font-size:11px;letter-spacing:.09em;color:#fff6;text-transform:uppercase;display:flex;gap:10px;align-items:center;pointer-events:none}.keys kbd{background:#ffffff17;border:1px solid rgba(255,255,255,.18);border-radius:3px;padding:1px 6px;font-family:inherit;font-size:10.5px;color:#fff}@media(max-aspect-ratio:16/9){.keys{bottom:.4rem}}@media(max-width:700px){.keys{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.plate{transition:opacity .2s!important;transform:none!important}}.scrim.corner{background:radial-gradient(ellipse 42% 38% at 100% 100%,rgba(4,2,10,.78) 0%,rgba(4,2,10,.42) 45%,transparent 78%)}.quote,.tagline{text-shadow:0 .16cqw .8cqw rgba(0,0,0,.98),0 0 2cqw rgba(0,0,0,.7)}.splash{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:linear-gradient(to bottom,#1b0a3a,#7d1f5c 45%,#e85a2b 78%,#2a0f1f);container-type:size}.splash-in{text-align:center;width:44cqw;max-width:90vw}.splash-kicker{font-size:1.05cqw;letter-spacing:.44em;text-transform:uppercase;color:#ffffff9e;margin-bottom:1cqw}.splash-title{font-family:Anton,sans-serif;font-size:5.4cqw;line-height:.9;text-transform:uppercase;transform:skew(-6deg);color:#fff;text-shadow:.14cqw .14cqw 0 rgba(0,0,0,.4)}.splash-sub{font-family:Yellowtail,cursive;font-size:2.4cqw;color:#ffd9a8;margin-top:-.2cqw}.splash-bar{height:.5cqw;margin-top:2.4cqw;background:#00000059;border-radius:.25cqw;overflow:hidden}.splash-fill{height:100%;width:0;background:linear-gradient(90deg,#ffd9a8,#ff2d9b);box-shadow:0 0 1.4cqw #ff2d9bcc}.splash-tips{display:flex;justify-content:space-between;align-items:center;margin-top:.8cqw;font-size:1cqw;color:#ffffffb8}.splash-pct{font-weight:700;color:#fff}@media(prefers-reduced-motion:reduce){.splash{display:none}}.plate video{width:100%;height:100%;object-fit:cover;display:block}.plate:has(video){transform:none!important;will-change:opacity}a.card,a.cx{text-decoration:none;color:inherit}a.card:focus-visible,a.cx:focus-visible,.menu-item:focus-visible{outline:.16cqw solid var(--accent);outline-offset:.2cqw}[data-s=projects] .panel{top:18cqh}[data-s=projects] .card{padding:.36cqw .8cqw;margin-top:.34cqw}[data-s=projects] .card-ico{width:1.8cqw;height:1.8cqw;font-size:.95cqw}[data-s=projects] .card-t{font-size:1.05cqw}[data-s=projects] .card-s{font-size:.9cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:27cqw}[data-s=experience] .panel{top:20cqh}[data-s=experience] .tl-item{margin-bottom:.55cqw}[data-s=experience] .tl-h{font-size:1.14cqw}[data-s=experience] .tl-b{font-size:.92cqw;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30cqw}.drive-stage{position:absolute;inset:0;z-index:42;background:#000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.drive-stage.on{opacity:1;visibility:visible}.drive-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.drive-exit{position:absolute;right:2.4cqw;top:2.6cqh;z-index:10;font:inherit;font-size:1cqw;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.3);padding:.4cqw .9cqw;cursor:pointer}.drive-card,.drive-complete,.drive-fallback{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;text-align:center;padding:4cqw;background:#030108d1;backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}.drive-card.on,.drive-complete.on,.drive-fallback.on{opacity:1;visibility:visible}.drive-card-ico{width:4cqw;height:4cqw;display:grid;place-items:center;font-size:2cqw;border-radius:.4cqw;background:linear-gradient(150deg,var(--accent-2),var(--accent));box-shadow:0 0 1.6cqw color-mix(in srgb,var(--accent) 55%,transparent)}.drive-card-fact{max-width:34cqw;font-size:1.5cqw;line-height:1.4}.drive-fallback{overflow-y:auto}.drive-fallback .card{width:30cqw;max-width:80vw;text-align:left;cursor:default}.drive-fallback .card:hover{transform:none}@media(prefers-reduced-motion:reduce){.drive-stage,.drive-card,.drive-complete,.drive-fallback{transition:opacity .05s!important}}