/* One fixed scene, with a reversible, scroll-controlled reveal. */
.home-page .main{position:relative;display:block;--scene-progress:0;--identity-x:0px;--identity-y:0px;--identity-scale:1}
.home-page .identity{position:absolute;left:50%;top:50%;width:min(900px,100%);transform:translate(-50%,-50%) translate(var(--identity-x),var(--identity-y)) scale(var(--identity-scale));transform-origin:center;will-change:transform}
.home-page .work{position:absolute;right:0;top:50%;width:45%;max-width:540px;height:min(66svh,580px);margin:0;transform:translateY(-50%);visibility:hidden;pointer-events:none}
.home-page .work.is-visible{visibility:visible;pointer-events:auto}
.home-page .vertical-carousel{margin:0;padding:16px 20px;width:100%}
.home-page .project-card{opacity:var(--arrival,0);transform:translateY(calc((1 - var(--arrival,0)) * 48px)) translateZ(calc(var(--wave-depth,0px) * var(--wave-factor,1))) rotateX(calc((1 - var(--arrival,0)) * -15deg + var(--wave-tilt,0deg) * var(--tilt-factor,1)));transition:scale .3s cubic-bezier(.22,1,.36,1),flex-grow .34s cubic-bezier(.22,1,.36,1)}
.home-page .main.is-settled .project-card{transition:transform .34s cubic-bezier(.22,1,.36,1),scale .3s cubic-bezier(.22,1,.36,1),flex-grow .34s cubic-bezier(.22,1,.36,1)}
.scene-toggle{position:fixed;z-index:5;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:transparent;color:#a59ba2;font-size:10px;padding:10px 14px;border-radius:20px;transition:color .2s,background .2s}
.scene-toggle svg{width:16px;height:16px;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.scene-toggle:hover{color:var(--pink);background:#f586c30a}.scene-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
@media(max-width:700px){
 .home-page .identity{width:100%}
 .home-page .work{top:34%;right:0;width:100%;max-width:none;height:58%;max-height:none;transform:none}
 .home-page .vertical-carousel{padding:8px 5px}
 .home-page .project-track{gap:10px}
 .scene-toggle{bottom:42px;font-size:9px;padding:6px 12px}
 .home-page .project-card.is-open{scale:1.015}
}
@media(max-height:600px) and (min-width:701px){.home-page .work{height:90%}.scene-toggle{bottom:12px}}
@media(prefers-reduced-motion:reduce){.home-page .identity{will-change:auto}.home-page .project-card{transform:none!important}.scene-toggle svg{transition:none}}

/* Clear hierarchy: a quiet greeting, plush name, and a legible professional title. */
.home-page .intro{left:13%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:clamp(18px,1.65vw,23px);font-weight:400;letter-spacing:0;line-height:1.25;color:#aaa}
.identity-role{position:absolute;left:13%;top:calc(100% - var(--word-top,30%) - 8px);z-index:2;margin:0;color:#efefeb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:clamp(22px,3vw,38px);font-weight:500;line-height:1.2;letter-spacing:-.035em;pointer-events:none}
@media(max-width:700px){.home-page .intro{font-size:18px}.identity-role{font-size:20px;letter-spacing:-.035em}}