.hero h1{font-size:clamp(48px,5.6vw,88px);letter-spacing:-4px}.scene{overflow:visible}.scene:after{z-index:-1}.portrait-stage{position:absolute;inset:14% 23% 14% 22%;perspective:1000px;z-index:3}.portrait-card{position:relative;width:100%;height:100%;display:block;padding:0;overflow:hidden;border:1px solid #abf9db77;border-radius:100px 100px 20px 20px;background:#102c35;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .22s ease-out,box-shadow .4s;box-shadow:0 0 0 8px #9edbce06,0 0 65px #63eac71a,0 30px 65px #0009;isolation:isolate}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:grayscale(1) contrast(1.12);mix-blend-mode:luminosity;transition:filter .7s,scale .7s;display:block}.portrait-card:hover img{scale:1.035}.portrait-card.color img{mix-blend-mode:normal;filter:none}.portrait-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14566918,transparent 40%,#08111b 98%);pointer-events:none}.portrait-gloss{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--light-x,35%) var(--light-y,20%),#dcffef55,transparent 50%);mix-blend-mode:soft-light}.portrait-scan{position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#122b3430 3px 4px);opacity:.5}.portrait-scan:before{content:'';position:absolute;left:0;right:0;top:-30%;height:25%;background:linear-gradient(transparent,#b2ffdd20,transparent);border-bottom:1px solid #a3ffdb40;animation:portrait-sweep 6s linear infinite}.portrait-caption{position:absolute;bottom:22px;left:22px;right:22px;z-index:3;text-align:left}.portrait-caption small{display:block;font:6px var(--mono);letter-spacing:1.5px;color:#9ac6bd}.portrait-caption strong{display:flex;justify-content:space-between;font:500 24px var(--heading);color:#f1fff7;margin:8px 0 13px}.portrait-caption i{font-style:normal;color:var(--lime)}.portrait-caption .portrait-hint{font-size:6px;color:#739892;letter-spacing:.8px}.portrait-marker{position:absolute;left:-28px;top:40%;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:3px;color:#75c6bc}.chip-python,.chip-js,.chip-ai{z-index:4}.chip-python{left:13%;top:22%}.chip-js{right:12%;top:49%}.chip-ai{left:18%;bottom:17%}.scene-coordinate{right:23%;top:35px}.scene-bottom{bottom:28px}.portrait-card:focus-visible{outline:3px solid var(--lime);outline-offset:7px}@keyframes portrait-sweep{to{top:110%}}@media(max-width:1000px){.hero h1{font-size:60px}.portrait-stage{inset:17% 20% 17% 24%}.portrait-caption strong{font-size:20px}.scene{opacity:1}}@media(max-width:700px){.hero h1{font-size:clamp(43px,9.7vw,65px);letter-spacing:-2.5px}.scene{height:430px;margin-top:12px}.portrait-stage{inset:10% 23% 13% 23%}.portrait-card{border-radius:85px 85px 18px 18px}.portrait-caption strong{font-size:22px}.scene-coordinate{top:10px;right:12%}.scene-bottom{bottom:14px}.chip-ai{bottom:17%}.portrait-caption{bottom:20px;left:16px;right:16px}}@media(prefers-reduced-motion:reduce){.portrait-card,.portrait-card img{transition:none;transform:none}.portrait-scan:before{animation:none}}body.paused .portrait-card{transform:none}