/* Motion and doodle enhancement. The original portfolio theme stays intact. */
.studio-locked{overflow:hidden!important}.studio-intro{--studio-bg:#2C3531;--studio-fg:#D1E8E2;--studio-primary:#FFCB9A;--studio-muted:#D9B08C;--studio-border:rgba(202,213,255,.18);position:fixed;z-index:1000;inset:0;overflow:hidden;background:var(--studio-bg);color:var(--studio-fg);font-family:"JetBrains Mono",monospace;transition:opacity .65s,transform .65s cubic-bezier(.7,0,.2,1)}.studio-intro.is-leaving{opacity:0;transform:translateY(-4%);pointer-events:none}.studio-stars{position:absolute;inset:0;opacity:.42;background-image:radial-gradient(circle,#D1E8E2 0 1px,transparent 1.5px),linear-gradient(rgba(170,184,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(170,184,255,.09) 1px,transparent 1px);background-size:83px 71px,110px 110px,110px 110px;animation:studio-drift 22s linear infinite}.studio-intro__hud{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.23);font-size:9px;letter-spacing:.24em}.studio-screen{position:absolute;inset:58px 0 34px;display:grid;opacity:0;visibility:hidden;transform:translateY(20px);transition:.7s cubic-bezier(.2,.8,.2,1)}.studio-screen.is-active{opacity:1;visibility:visible;transform:none}.studio-screen--welcome{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;padding:clamp(32px,6vw,92px)}.studio-copy{position:relative;z-index:2}.studio-copy>p:first-child,.studio-dialog small{color:var(--studio-primary);font-size:10px;letter-spacing:.2em}.studio-copy h1{margin:18px 0;font-family:Archivo,sans-serif;font-size:clamp(66px,9.3vw,150px);font-weight:900;line-height:.78;letter-spacing:-.075em}.studio-lede{max-width:600px;color:var(--studio-muted);font:400 clamp(14px,1.5vw,20px)/1.65 Inter,sans-serif}.studio-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.studio-actions button{min-height:50px;padding:0 22px;border:1px solid rgba(255,255,255,.48);background:transparent;color:#fff;font:700 9px/1 "JetBrains Mono",monospace;letter-spacing:.16em;cursor:pointer;transition:.25s}.studio-actions button:first-child,.studio-actions button:hover{background:var(--studio-fg);color:var(--studio-bg);transform:translateY(-3px);box-shadow:8px 8px 0 var(--studio-primary)}.studio-avatar{position:relative;display:grid;place-items:center;justify-self:center;width:min(38vw,520px);aspect-ratio:1}.studio-avatar__halo{position:absolute;inset:3%;border:1px dashed rgba(255,255,255,.45);border-radius:50%;animation:doodle-spin 28s linear infinite}.studio-avatar__halo:before,.studio-avatar__halo:after{content:"";position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#116466}.studio-avatar__halo:before{top:7%;left:13%}.studio-avatar__halo:after{right:8%;bottom:17%}.studio-avatar img{position:relative;width:78%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid #f4f2e8;box-shadow:20px 20px 0 rgba(97,119,235,.6)}.studio-avatar b{position:absolute;right:-3%;bottom:12%;padding:13px 16px;background:var(--studio-fg);color:var(--studio-bg);font-size:9px;line-height:1.5;letter-spacing:.14em;box-shadow:7px 7px 0 #D9B08C}.studio-screen--journey{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:center;gap:clamp(24px,5vw,80px);padding:clamp(24px,5vw,70px)}.studio-room{position:relative;height:min(62vh,580px);border:1px solid rgba(255,255,255,.28);background:linear-gradient(180deg,#116466 0 66%,#203F3B 66%);box-shadow:18px 18px 0 rgba(2,8,35,.45);overflow:hidden}.room-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:48px 48px}.room-door{position:absolute;bottom:23%;display:grid;place-items:center;width:20%;height:40%;border:2px solid #D9B08C;background:#2C3531;color:#fff;font:700 10px/1 "JetBrains Mono",monospace;letter-spacing:.15em;font-style:normal}.door-design{left:8%}.door-unity{left:40%}.door-unreal{right:8%}.player-token{--step:0;position:absolute;z-index:3;left:calc(12% + var(--step)*22%);bottom:8%;width:72px;height:72px;transition:left .75s cubic-bezier(.2,.8,.2,1),transform .35s}.player-token img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #f4f2e8}.studio-dialog h2{margin:16px 0;font-family:Archivo,sans-serif;font-size:clamp(42px,5.5vw,84px);font-weight:900;line-height:.86;letter-spacing:-.06em}.studio-dialog>p{color:rgba(255,255,255,.7);font:400 16px/1.6 Inter,sans-serif}.studio-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.studio-tags span{padding:8px 10px;border:1px solid rgba(255,255,255,.25);font-size:8px;letter-spacing:.12em}.studio-intro__progress{position:absolute;z-index:6;left:28px;right:28px;bottom:16px;height:2px;background:rgba(255,255,255,.15)}.studio-intro__progress span{display:block;width:25%;height:100%;background:#FFCB9A;transition:width .5s}.studio-intro__progress b{position:absolute;right:0;bottom:8px;font-size:8px;letter-spacing:.18em}@keyframes studio-drift{to{background-position:83px 71px,110px 110px,110px 110px}}
.motion-ready{scroll-behavior:smooth}.motion-ready body{overflow-x:hidden}.motion-ready #top{padding-top:142px!important}.motion-ready header.fixed{z-index:120!important}
.motion-top-tools{position:fixed;z-index:119;left:0;right:0;top:75px;display:flex;justify-content:center;min-height:43px;padding:0 24px;border-bottom:1px solid rgba(255,203,154,.28);background:rgba(17,100,102,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.motion-top-tools :is(button,a){display:flex;align-items:center;justify-content:center;min-height:43px;padding:0 clamp(14px,1.7vw,28px);border:0;border-left:1px solid rgba(255,203,154,.18);background:transparent;color:rgba(255,255,255,.72);font:700 8px/1 "JetBrains Mono",monospace;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transform:translate(var(--mx,0),var(--my,0));transition:color .22s,background .22s,transform .18s cubic-bezier(.2,.8,.2,1)}
.motion-top-tools :is(button,a):last-child{border-right:1px solid rgba(255,203,154,.18)}.motion-top-tools :is(button,a):hover,.motion-top-tools :is(button,a):focus-visible{color:#2C3531;background:#D1E8E2;outline:none}
.motion-ready #jaikar-park-entry,.motion-ready .jp-journey-launch,.motion-ready #jp01-launch,.motion-ready body>div.fixed.bottom-5.right-5{display:none!important}
.motion-doodles{position:absolute;z-index:3;inset:0 0 auto;pointer-events:none;height:100%;min-height:760vh;overflow:hidden;color:rgba(209,232,226,.34);mix-blend-mode:screen}.motion-doodle{position:absolute;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(17,100,102,.2))}.motion-doodle .fill{fill:currentColor;stroke:none}.motion-doodle .dash{stroke-dasharray:7 9}
.doodle-path{top:135px;right:-35px;width:min(34vw,430px);stroke-dasharray:760;stroke-dashoffset:760;animation:draw-line 2.3s .45s ease-out forwards}.doodle-cube{top:690px;left:3vw;width:130px;animation:doodle-float 8s ease-in-out infinite}.doodle-pad{top:1780px;right:-35px;width:180px;animation:doodle-float 10s -3s ease-in-out infinite}.doodle-window{top:3350px;left:-35px;width:175px;animation:doodle-float 11s -6s ease-in-out infinite}.doodle-orbit{top:5000px;right:-30px;width:190px;animation:doodle-spin 24s linear infinite}.doodle-cursor{top:1060px;right:2.5vw;width:clamp(88px,9vw,138px);color:rgba(255,203,154,.48);transform:rotate(-8deg);animation:doodle-float 9s -2s ease-in-out infinite}.doodle-flow{top:2520px;left:1.5vw;width:clamp(145px,15vw,225px);color:rgba(217,176,140,.43);animation:doodle-float 12s -5s ease-in-out infinite}.doodle-pencil{top:4240px;right:1vw;width:clamp(150px,16vw,230px);color:rgba(255,203,154,.42);transform:rotate(-7deg);animation:doodle-float 13s -7s ease-in-out infinite}.doodle-ship{top:6100px;left:1vw;width:clamp(140px,15vw,220px);color:rgba(209,232,226,.38);animation:doodle-float 11s -4s ease-in-out infinite}
.motion-progress{position:fixed;z-index:121;top:0;left:0;width:100%;height:2px;background:rgba(255,255,255,.08);pointer-events:none}.motion-progress span{display:block;width:var(--read,0);height:100%;background:#9cabff;box-shadow:0 0 12px rgba(156,171,255,.8)}.motion-progress b{position:fixed;right:8px;bottom:8px;color:rgba(255,255,255,.48);font:500 8px/1 "JetBrains Mono",monospace;letter-spacing:.18em}
.motion-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--reveal-order,0)*45ms)}.motion-reveal.is-visible{opacity:1;transform:none}.motion-tilt{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes doodle-float{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-18px,0) rotate(3deg)}}@keyframes doodle-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.motion-top-tools{justify-content:flex-start;padding:0;overflow-x:auto;scrollbar-width:none}.motion-top-tools::-webkit-scrollbar{display:none}.motion-top-tools :is(button,a){padding:0 17px}.motion-doodles{opacity:.72}.doodle-cube,.doodle-flow,.doodle-ship{left:-52px}.doodle-pad,.doodle-orbit,.doodle-cursor,.doodle-pencil{right:-58px}}
@media(max-width:560px){.motion-doodle{stroke-width:2}.doodle-cursor{top:980px}.doodle-flow{top:2300px}.doodle-pencil{top:3900px}.doodle-ship{top:5600px}.doodle-path{opacity:.7}}

/* Recruiter snapshot: communicate the core hiring case before the first input. */
.studio-quick-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px;margin-top:20px;border:1px solid rgba(209,232,226,.28);background:rgba(17,100,102,.24)}
.studio-quick-proof span{display:flex;min-height:58px;flex-direction:column;justify-content:center;gap:6px;padding:9px 12px;border-right:1px solid rgba(209,232,226,.2);color:#fff;font:700 8px/1.25 "JetBrains Mono",monospace;letter-spacing:.08em}
.studio-quick-proof span:last-child{border-right:0}.studio-quick-proof b{color:#FFCB9A;font-size:7px;letter-spacing:.18em}
.studio-actions button em{display:inline-grid;place-items:center;margin-left:9px;padding:4px 7px;border:1px solid currentColor;border-radius:2px;font-style:normal;font-size:7px;animation:space-pulse 1.8s ease-in-out infinite}
.studio-space-prompt{position:absolute;z-index:5;left:50%;bottom:16%;display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(255,203,154,.7);background:rgba(44,53,49,.88);color:#D1E8E2;font:700 8px/1 "JetBrains Mono",monospace;letter-spacing:.12em;transform:translateX(-50%);box-shadow:5px 5px 0 rgba(17,100,102,.55);animation:space-pulse 1.8s ease-in-out infinite}
.studio-space-prompt b{padding:5px 7px;background:#FFCB9A;color:#2C3531;font-size:7px}.studio-space-prompt span{white-space:nowrap}
@keyframes space-pulse{0%,100%{opacity:.72}50%{opacity:1}}
@media(max-width:900px){.studio-quick-proof{grid-template-columns:1fr 1fr}.studio-quick-proof span:nth-child(2){border-right:0}.studio-quick-proof span:nth-child(-n+2){border-bottom:1px solid rgba(209,232,226,.2)}}
@media(max-width:760px){.studio-quick-proof{margin-top:13px}.studio-quick-proof span{min-height:43px;padding:6px 8px;font-size:6.5px}.studio-actions button em{display:none}.studio-space-prompt{bottom:23%}}
@media(max-width:430px){.studio-quick-proof{display:none}.studio-space-prompt{padding:5px 7px;font-size:6.5px}}
@media(max-height:620px) and (min-width:431px){.studio-quick-proof{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:9px}.studio-quick-proof span{min-height:38px;padding:5px 8px;font-size:6px}.studio-quick-proof span:nth-child(-n+2){border-bottom:0}.studio-quick-proof span:nth-child(2){border-right:1px solid rgba(209,232,226,.2)}.studio-actions{margin-top:8px}.studio-space-prompt{padding:5px 7px;font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.studio-actions button em,.studio-space-prompt{animation:none}}
@media(max-width:760px){.studio-intro__hud{padding:17px}.studio-intro__hud span:last-child{display:none}.studio-screen--welcome,.studio-screen--journey{grid-template-columns:1fr;padding:24px;align-content:center}.studio-screen--welcome{padding-top:60px}.studio-copy h1{font-size:clamp(54px,18vw,86px)}.studio-avatar{position:absolute;right:-70px;top:16%;width:250px;opacity:.36}.studio-avatar b{display:none}.studio-room{height:34vh;min-height:230px}.studio-dialog h2{font-size:40px}.studio-dialog>p{font-size:13px}.studio-actions{margin-top:18px}.studio-actions button{min-height:46px;padding:0 14px}.player-token{width:54px;height:54px}.studio-intro__progress{left:17px;right:17px}}
@media(prefers-reduced-motion:reduce){.motion-ready{scroll-behavior:auto}.motion-reveal{opacity:1;transform:none;transition:none}.motion-doodle,.motion-tilt{animation:none!important;transform:none!important}}
.studio-room canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.studio-game-hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;color:#e7eaff;font-size:8px;letter-spacing:.12em;pointer-events:none}.studio-touch{position:absolute;left:12px;right:12px;bottom:12px;display:none;grid-template-columns:repeat(5,42px);gap:5px}.studio-touch button{height:40px;border:1px solid rgba(255,255,255,.55);background:rgba(5,13,48,.75);color:#fff;font:700 10px/1 "JetBrains Mono",monospace}.studio-touch button:last-child{margin-left:8px;width:54px;background:#f4f1df;color:#116466}
@media(max-width:760px){.studio-room{height:38vh;min-height:250px}.studio-game-hud span{display:none}.studio-touch{display:grid}.studio-dialog h2{font-size:36px}.studio-dialog>p{font-size:13px}.studio-actions{margin-top:14px}.studio-actions button{min-height:44px;padding:0 12px}}

/* Responsive opening world: TV, desktop, tablet, phone, watch and immersive displays. */
.studio-intro{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.studio-room{aspect-ratio:16/9;height:auto;max-height:min(62vh,580px)}
.studio-room canvas{object-fit:contain;object-position:center;background:#2C3531}
@media(min-width:1800px){.studio-screen--welcome,.studio-screen--journey{width:min(1760px,92vw);margin-inline:auto}.studio-copy h1{font-size:clamp(130px,8vw,184px)}.studio-lede{max-width:760px;font-size:22px}.studio-actions button{min-height:60px;padding-inline:30px;font-size:11px}.studio-intro__hud{padding-inline:max(32px,calc((100vw - 1760px)/2))}.studio-room{max-height:670px}.studio-dialog>p{font-size:19px}}
@media(min-aspect-ratio:21/9){.studio-screen--welcome{grid-template-columns:1fr .72fr;padding-block:34px}.studio-avatar{width:min(31vw,500px)}.studio-copy h1{font-size:clamp(80px,7.2vw,150px)}.studio-screen--journey{grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);padding-block:28px}.studio-room{max-height:70vh}}
@media(min-width:761px) and (max-width:1100px){.studio-screen--welcome{grid-template-columns:1.05fr .75fr;padding:clamp(28px,5vw,58px)}.studio-copy h1{font-size:clamp(70px,9vw,104px)}.studio-avatar{width:min(36vw,400px)}.studio-screen--journey{grid-template-columns:1.15fr .85fr;gap:28px;padding:28px}.studio-dialog h2{font-size:clamp(40px,5vw,58px)}}
@media(max-width:760px){.studio-intro__hud{padding-top:max(17px,env(safe-area-inset-top));padding-inline:max(17px,env(safe-area-inset-left))}.studio-screen--welcome{display:flex;flex-direction:column;justify-content:center;padding:64px 20px 28px}.studio-copy{width:100%}.studio-copy h1{font-size:clamp(50px,17vw,82px);line-height:.82}.studio-lede{max-width:92%;font-size:14px;line-height:1.55}.studio-avatar{right:-58px;top:12%;width:min(54vw,260px);opacity:.26}.studio-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.studio-actions button{width:100%;min-height:52px;padding:0 10px}.studio-actions button:first-child{grid-column:1/-1}.studio-screen--journey{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:54px 14px 24px}.studio-room{width:100%;min-height:0;max-height:none}.studio-dialog{min-height:210px}.studio-dialog h2{margin:10px 0;font-size:clamp(29px,9vw,42px)}.studio-tags{margin-top:12px}.studio-touch{grid-template-columns:repeat(5,minmax(38px,1fr));padding-bottom:env(safe-area-inset-bottom)}.studio-touch button{min-width:0;height:44px}.studio-intro__progress{bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-width:430px){.studio-copy h1{font-size:clamp(45px,16.5vw,68px)}.studio-lede{font-size:13px}.studio-actions{gap:7px}.studio-actions button{font-size:8px;letter-spacing:.1em}.studio-screen--journey{padding-inline:9px}.studio-game-hud{font-size:7px}.studio-dialog>p{line-height:1.45}}
@media(max-width:340px),(max-height:360px){.studio-intro__hud{padding:8px 10px;font-size:7px}.studio-screen{inset:30px 0 8px}.studio-screen--welcome{padding:20px 10px 10px;justify-content:flex-start}.studio-copy>p:first-child{font-size:7px}.studio-copy h1{margin:8px 0;font-size:clamp(33px,15vw,48px);line-height:.83}.studio-lede{font-size:10px;line-height:1.35}.studio-avatar{display:none}.studio-actions{margin-top:10px;gap:4px}.studio-actions button{min-height:38px;font-size:6.5px;padding:0 5px}.studio-intro__progress{left:10px;right:10px;bottom:5px}.studio-screen--journey{padding:34px 6px 8px;gap:6px}.studio-room{max-height:50vh}.studio-dialog small,.studio-tags{display:none}.studio-dialog{min-height:0}.studio-dialog h2{font-size:20px;margin:4px 0}.studio-dialog>p{font-size:9px;line-height:1.3}.studio-dialog .studio-actions{display:none}.studio-touch{left:6px;right:6px;bottom:5px;grid-template-columns:repeat(5,32px)}.studio-touch button{height:30px;font-size:8px}}
@media(pointer:coarse){.studio-actions button{min-height:52px}.studio-touch{display:grid}.studio-room{touch-action:none}}
@media(display-mode:fullscreen),(display-mode:standalone){.studio-intro{background:radial-gradient(circle at 50% 35%,#10266e 0,var(--studio-bg) 52%)}.studio-screen--journey{max-width:1800px;margin:auto}.studio-actions button:focus-visible{outline:3px solid var(--studio-primary);outline-offset:5px}}
.xr-capable .studio-screen--welcome,.xr-capable .studio-screen--journey{max-width:1600px;margin-inline:auto}.xr-capable .studio-actions button{border-color:color-mix(in srgb,var(--studio-primary) 64%,transparent)}.xr-capable .studio-room{box-shadow:0 28px 80px rgba(0,0,0,.45),0 0 0 1px var(--studio-border)}

/* Keep the complete hero and every action visible on common laptop heights. */
@media(min-width:761px) and (max-height:850px){.studio-screen--welcome{padding:38px clamp(44px,6vw,88px);align-items:center}.studio-copy h1{margin:12px 0;font-size:clamp(64px,8.2vw,112px);line-height:.78}.studio-lede{font-size:clamp(13px,1.3vw,17px);line-height:1.45}.studio-actions{margin-top:18px}.studio-actions button{min-height:46px}.studio-avatar{width:min(34vw,410px)}.studio-avatar b{bottom:7%}.studio-intro__progress{bottom:10px}}
@media(min-width:761px) and (max-height:700px){.studio-screen{inset:45px 0 24px}.studio-screen--welcome{padding-block:18px}.studio-copy h1{font-size:clamp(56px,7.2vw,92px)}.studio-lede{max-width:560px;font-size:13px}.studio-actions{margin-top:12px}.studio-actions button{min-height:42px;padding-inline:16px}.studio-avatar{width:min(30vw,340px)}}

/* Visible game cursor above the full-screen opening layer. */
.studio-intro,.studio-intro *{cursor:default}.studio-intro :is(button,a){cursor:pointer}.studio-cursor{--cursor-x:50vw;--cursor-y:50vh;position:fixed;z-index:1400;left:0;top:0;width:28px;height:28px;pointer-events:none;opacity:1;transform:translate3d(calc(var(--cursor-x) - 14px),calc(var(--cursor-y) - 14px),0);transition:opacity .18s}.studio-cursor.is-visible{opacity:1}.studio-cursor i{position:absolute;inset:5px;border:1px solid #D1E8E2;border-radius:50%;background:rgba(145,167,255,.2);box-shadow:0 0 0 1px rgba(7,22,79,.65),0 0 18px rgba(145,167,255,.75);transition:inset .16s,background .16s}.studio-cursor:before,.studio-cursor:after{content:"";position:absolute;background:#D1E8E2}.studio-cursor:before{left:13px;top:0;width:1px;height:28px}.studio-cursor:after{left:0;top:13px;width:28px;height:1px}.studio-cursor b{position:absolute;left:25px;top:22px;padding:4px 6px;border:1px solid rgba(202,213,255,.34);background:#2C3531;color:#D1E8E2;font:700 7px/1 "JetBrains Mono",monospace;letter-spacing:.12em;opacity:0;transition:opacity .16s}.studio-cursor.is-action i{inset:1px;background:rgba(145,167,255,.42)}.studio-cursor.is-action b{opacity:1}
@media(pointer:coarse){.studio-cursor{display:none}}

/* The portfolio retains the single visual theme used by the live site. */
button[aria-label^="Switch to light mode"],button[aria-label^="Switch to dark mode"]{display:none!important}

/* Laptop and cross-browser fit: sized by usable viewport rather than physical inches. */
@media(min-width:1111px) and (max-width:1450px){.studio-screen--welcome{grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);padding-inline:clamp(34px,5.4vw,78px)}.studio-copy h1{font-size:clamp(68px,8.15vw,112px)}.studio-avatar{width:min(33vw,405px)}.studio-actions{max-width:680px}.studio-screen--journey{padding-inline:clamp(28px,4vw,58px)}}
@media(min-width:1451px) and (max-width:1799px){.studio-screen--welcome{padding-inline:clamp(70px,6vw,110px)}.studio-copy h1{font-size:clamp(102px,8.4vw,142px)}.studio-avatar{width:min(35vw,480px)}}
@media(min-width:761px) and (max-height:620px){.studio-intro__hud{padding-block:12px}.studio-screen{inset:38px 0 18px}.studio-screen--welcome{padding-block:10px}.studio-copy>p:first-child{font-size:8px}.studio-copy h1{margin:7px 0;font-size:clamp(48px,6.6vw,78px)}.studio-lede{font-size:12px;line-height:1.35}.studio-actions{margin-top:9px}.studio-actions button{min-height:38px}.studio-avatar{width:min(27vw,285px)}.studio-avatar b{padding:8px 10px}.studio-intro__progress{bottom:6px}}
@supports not (aspect-ratio:1){.studio-avatar{height:min(38vw,520px)}.studio-avatar img{height:78%}.studio-room{height:min(62vh,580px)}}
@supports not (backdrop-filter:blur(1px)){.motion-top-tools{background:#116466}}
@supports not (color:color-mix(in srgb,#fff 50%,transparent)){.xr-capable .studio-actions button{border-color:rgba(145,167,255,.64)}}
@media(prefers-reduced-motion:reduce){.studio-stars,.studio-avatar__halo{animation:none}.studio-screen,.studio-intro,.studio-actions button,.player-token{transition-duration:.01ms!important}}

/* Keep the existing portfolio hero complete inside shorter laptop browser windows. */
@media(min-width:1024px) and (max-width:1450px) and (max-height:850px){.motion-ready #top .type-display{font-size:clamp(3.8rem,5vw,4rem);line-height:.86}.motion-ready #top{padding-bottom:4px!important}.motion-ready #top .mt-7{margin-top:18px}.motion-ready #top .gap-10{gap:24px}.motion-ready #top .mt-12{margin-top:8px}}

/* Permanent charcoal, teal, sand, peach and aqua portfolio palette. */
:root,.dark{--background:#2C3531;--foreground:#D1E8E2;--card:#243C38;--card-foreground:#D1E8E2;--popover:#243C38;--popover-foreground:#D1E8E2;--primary:#FFCB9A;--primary-foreground:#2C3531;--secondary:#116466;--secondary-foreground:#D1E8E2;--muted:#203F3B;--muted-foreground:#D9B08C;--accent:#D9B08C;--accent-foreground:#2C3531;--border:rgba(209,232,226,.24);--input:rgba(209,232,226,.3);--ring:#FFCB9A;--surface:#243C38;--grid-line:rgba(209,232,226,.1);--chassis:#116466;--chassis-hi:#247F79;--chassis-lo:#18312E;--screen:#102B29;--phosphor:#FFCB9A;--sidebar:#243C38;--sidebar-foreground:#D1E8E2;--sidebar-primary:#FFCB9A;--sidebar-primary-foreground:#2C3531;--sidebar-accent:#116466;--sidebar-accent-foreground:#D1E8E2;--sidebar-border:rgba(209,232,226,.24);--sidebar-ring:#FFCB9A}

/* Give the hero metadata and fixed coordinate readout their own clear lanes. */
.motion-ready #top>div.relative>div:first-child{padding-top:2px;margin-bottom:4px}
.motion-ready body>div[aria-hidden="true"].pointer-events-none>div[class*="bottom-16"][class*="right-8"]{right:clamp(170px,15vw,240px)!important;bottom:12px!important}
@media(max-width:1023px){.motion-ready #top{padding-top:134px!important}}
@media(max-width:760px){.motion-ready #top{padding-top:126px!important}}