@layer components{.heading-water-canvas{pointer-events:none;z-index:3;width:100%;height:100%;position:fixed;inset:0}.heading-water-canvas[hidden]{display:none}@media (prefers-reduced-motion:reduce),(forced-colors:active),(hover:none),(pointer:coarse){.heading-water-canvas{display:none}}.hero-prism-surface{position:absolute;inset:0}.prism-fallback{z-index:1;pointer-events:none;opacity:1}.hero-prism-surface:has(.hero-canvas [data-presented=true]) .prism-fallback{opacity:0;transition:opacity 1.6s ease-in-out}@media (prefers-reduced-motion:reduce){.hero-prism-surface:has(.hero-canvas [data-presented=true]) .prism-fallback{transition:none}}.hero-canvas{touch-action:pan-y;place-items:center;display:grid;position:absolute;inset:0;container-type:size}.hero-scene-frame{width:min(100cqw,110.769cqh);height:min(100cqh,90.2778cqw)}.hero-canvas canvas{touch-action:pan-y!important}.hero-note{width:calc(11ch + 1.98em);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.18em;color:var(--color-muted);pointer-events:none;font-size:10px;line-height:1.6;position:absolute;top:26%;right:0}.hero-slogan-line{white-space:nowrap;display:block}.project-visual{isolation:isolate;cursor:pointer;touch-action:pan-y pinch-zoom;background:0 0;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-image{aspect-ratio:2.05;object-fit:cover;background:#eeedf0;width:100%;height:auto;display:block}.project-2 .project-image{aspect-ratio:2.65}.project-3 .project-image{aspect-ratio:2.55}.project-preview{object-fit:fill;opacity:0;transition:opacity .5s var(--ease-interaction)}.project-visual[data-shader-ready] .project-preview{transition:none}.project-video{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.project-video:not([data-frame-ready]){visibility:hidden}.project-transition{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.project-transition[hidden]{display:none}.project-visual:focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px}:is(.project-visual[data-tap-preview][data-preview-ready]:not([data-shader-pending]) .project-preview,.project:has(:focus-visible) .project-visual[data-preview-ready]:not([data-shader-pending]) .project-preview){opacity:1}@media (hover:hover) and (pointer:fine){.project:hover .project-visual[data-preview-ready]:not([data-shader-pending]) .project-preview{opacity:1}}@media (prefers-reduced-motion:reduce),(forced-colors:active){.project-preview{transition:none}.project-transition{display:none}}.capability-art{isolation:isolate;justify-content:center;align-items:center;height:230px;display:flex;position:relative}.capability-art:after{content:"";filter:blur(9px);z-index:-1;background:#b4a9c335;border-radius:50%;width:85%;height:22px;position:absolute;bottom:12px}.browser-object{background:#faf9f7;border:1px solid #d6d1d6;border-radius:3px;width:76%;height:175px;padding:12px;position:relative;overflow:hidden;box-shadow:0 15px 25px #44324612}.browser-object>i{background:#c7c1c9;width:22px;height:3px;margin-bottom:12px;display:block}.interface-orb{background:#f0edf2;height:135px;overflow:hidden}.interface-orb:after{content:"";background:linear-gradient(135deg,#e5dcf5,#baa6de 65%,#8c7caf);border-radius:50%;width:180px;height:180px;margin:22px auto 0;display:block;transform:skewY(20deg)}.phone-object{--phone-width:59px;width:var(--phone-width);background:#faf9f7;border:2px solid #29252d;border-radius:8px;height:111px;padding:7px 4px;position:absolute;bottom:12px;right:5%;box-shadow:0 5px 12px #35253d25}.phone-object>i{background:#c7c1c9;width:17px;height:2px;margin-bottom:15px;display:block}.phone-object>div{background:radial-gradient(circle at 50% 100%,#b6a1d7 60%,#ebe6f0 61%);height:55px}.glass-ring{z-index:1;background:linear-gradient(110deg,#fff8,#e6ddf12b);border:5px solid #d2c6e3;border-radius:50%;width:149px;height:185px;transform:rotate(-18deg);box-shadow:inset 3px 1px 4px #fff,inset -3px -2px 5px #8e78b5,3px 5px 5px #a998bb45}.dimension-orb{background:radial-gradient(circle at 25% 20%,#eee7f8,#b5a2d6 65%,#8d77ad);border-radius:50%;width:115px;height:115px;position:absolute;bottom:24px;left:45%}.motion-art i{transform-origin:90%;width:142px;height:52px;transform:rotate(var(--petal-angle));background:linear-gradient(160deg,#efebef,#b5a7bc);border-radius:50%;position:absolute;bottom:50px;right:22%;box-shadow:0 4px 5px #71617620}@media (min-width:701px){.hero-note{top:27%;right:3%}.capability-art{height:260px}}@media (min-width:1000px){.capability-art{height:300px}.browser-object{height:210px}.interface-orb{height:170px}.phone-object{--phone-width:72px;height:140px;bottom:25px;right:4%}.phone-object>div{height:83px}.glass-ring{width:175px;height:220px}.dimension-orb{width:145px;height:145px;bottom:35px}.motion-art i{width:175px;height:64px;bottom:65px}}.hero-prism-surface:after{content:"";pointer-events:none;background:linear-gradient(to right, var(--color-background), transparent 7%, transparent 93%, var(--color-background)), linear-gradient(to bottom, var(--color-background), transparent 7%, transparent 93%, var(--color-background));position:absolute;inset:0}}
@layer components{.portrait-section{padding-block:64px 28px}.portrait-instruction{align-items:center;gap:10px;display:flex}.portrait-instruction>span{color:var(--color-accent);font-size:24px}.portrait-stage{isolation:isolate;margin-top:28px;padding-top:12px;position:relative}.portrait-person{z-index:1;pointer-events:none;mix-blend-mode:multiply;width:280px;margin:0 auto;position:relative}.portrait-media{aspect-ratio:5/6;position:relative;-webkit-mask-image:linear-gradient(#000 87%,#0000);mask-image:linear-gradient(#000 87%,#0000)}.portrait-still,.portrait-video{object-fit:contain;width:100%;height:100%}.portrait-pose{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portrait-pose[data-previous]{opacity:1;z-index:0}.portrait-media[data-pose=idle] .portrait-pose[data-pose=idle],.portrait-media[data-pose=left] .portrait-pose[data-pose=left],.portrait-media[data-pose=middle] .portrait-pose[data-pose=middle],.portrait-media[data-pose=right] .portrait-pose[data-pose=right],.portrait-media[data-pose=left-in] .portrait-pose[data-pose=left-in],.portrait-media[data-pose=left-out] .portrait-pose[data-pose=left-out],.portrait-media[data-pose=middle-in] .portrait-pose[data-pose=middle-in],.portrait-media[data-pose=middle-out] .portrait-pose[data-pose=middle-out],.portrait-media[data-pose=right-in] .portrait-pose[data-pose=right-in],.portrait-media[data-pose=right-out] .portrait-pose[data-pose=right-out]{opacity:1;z-index:1;transition:opacity 80ms}.portrait-video{opacity:0;position:absolute;inset:0}.portrait-video[data-ready]{opacity:1}.portrait-pose:has(.portrait-video[data-ready]) .portrait-still{visibility:hidden}.portrait-orbit{border:1px solid var(--color-line);background:radial-gradient(circle, var(--color-surface), transparent 70%);z-index:-1;border-radius:50%;width:280px;height:280px;position:absolute;top:50px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 65%,#0000 82%);mask-image:linear-gradient(#000 65%,#0000 82%)}.portrait-skills{gap:12px;margin-top:20px;display:grid}.portrait-skill{border:1px solid var(--color-line);background:var(--color-background);border-radius:14px;transition:border-color .18s,background .18s}.portrait-skill[data-selected=true]{border-color:var(--color-surface-border);background:var(--color-surface)}.portrait-trigger{text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:28px 1fr 28px;gap:8px;width:100%;padding:18px 20px;display:grid;position:relative}.portrait-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.portrait-skill-number{font-size:var(--text-tiny);color:var(--color-subtle);padding-top:4px}.portrait-skill-title{letter-spacing:-.04em;font-size:22px;line-height:1.2}.portrait-skill-icon{color:var(--color-accent);place-items:center;font-size:23px;display:grid}.portrait-tools{font-family:var(--font-geist-mono), monospace;color:var(--color-subtle);grid-column:2/4;font-size:11px}.portrait-detail{padding:0 20px 20px 56px}.portrait-skill-description{letter-spacing:-.025em;font-size:14px}.portrait-skill-copy{color:var(--color-subtle);margin-top:6px;font-size:12px;line-height:1.6}.portrait-signature{font-family:var(--font-geist-mono), monospace;letter-spacing:.02em;justify-content:center;align-items:center;gap:10px;margin-top:28px;font-size:10px;display:flex}.portrait-status{background:var(--color-accent);border-radius:50%;width:6px;height:6px}@media (min-width:701px){.portrait-section{padding-block:72px 36px}.portrait-stage{height:640px;margin-top:34px;padding-top:0}.portrait-person{width:380px;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.portrait-orbit{width:440px;height:440px;top:155px}.portrait-skills{display:contents}.portrait-skill{z-index:2;background:color-mix(in srgb, var(--color-background) 94%, transparent);width:clamp(205px,24%,280px);position:absolute}.portrait-skill-left{top:140px;left:0}.portrait-skill-middle{top:0;left:50%;transform:translate(-50%)}.portrait-skill-right{top:140px;right:0}.portrait-detail{visibility:hidden;opacity:0;max-height:0;transition:opacity .3s ease, max-height .4s var(--ease-interaction), padding .4s var(--ease-interaction), visibility .3s;grid-template-rows:0fr;padding:0 20px;display:grid;overflow:hidden}.portrait-skill[data-selected=true] .portrait-detail{visibility:visible;opacity:1;max-height:140px;padding:0 20px 20px}.portrait-signature{width:100%;margin:0;position:absolute;bottom:0}}@media (prefers-reduced-motion:reduce){.portrait-skill,.portrait-detail,.portrait-video{transition:none}.portrait-skill[data-selected=true]{transform:none}.portrait-skill-middle[data-selected=true]{transform:translate(-50%)}.portrait-video{display:none}.portrait-pose{transition:none}.portrait-pose:has(.portrait-video[data-ready]) .portrait-still{visibility:visible}}@media (forced-colors:active){.portrait-person{mix-blend-mode:normal}.portrait-orbit{display:none}.portrait-skill[data-selected=true]{border-color:highlight}}}