.portfolio-site{--section-y:clamp(3.5rem, 6.5vw, 6.5rem);--surface-radius:1.5rem;--color-muted:#9aa4b3}.portfolio-site .display-mixed{text-wrap:balance;line-height:1.12}.portfolio-site .eyebrow{line-height:1.6}.portfolio-site .btn{justify-content:center;min-height:3rem}.portfolio-site .btn:focus-visible{border-radius:999px}.portfolio-site .public-surface{border:1px solid var(--color-line);border-radius:var(--surface-radius);background:var(--color-bg-3)}.portfolio-site .section-divider{border-top:1px solid var(--color-line)}.portfolio-site .expertise-chip{border:1px solid var(--color-line);background:#ffffff06;border-radius:999px;padding:.5rem .85rem}.portfolio-site .contact-field{background:var(--color-bg-2);border-width:1px;border-radius:.75rem;min-height:3.25rem;margin-top:.6rem;padding:.85rem 1rem;line-height:1.5}.portfolio-site .contact-field::placeholder{color:var(--color-muted);opacity:.8}.portfolio-site .contact-field:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.portfolio-site .contact-field[aria-invalid=true]{background:#f8717109}.portfolio-site .project-point{border-radius:var(--surface-radius)}.portfolio-site .project-card:focus-visible h3{color:var(--color-accent)}.portfolio-site .project-gallery-thumbnail[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--color-accent)}.portfolio-site .site-footer a{align-items:center;min-height:2.75rem}.portfolio-site .public-surface:focus-within{border-color:#2de2d04d}.portfolio-site .hero-portrait{isolation:isolate;aspect-ratio:4/5;width:100%;position:relative}.portfolio-site .portrait-entrance,.portfolio-site .portrait-image{position:absolute;inset:0}.portfolio-site .portrait-image{z-index:2;-webkit-mask-image:linear-gradient(#000 82%,#0000 100%);mask-image:linear-gradient(#000 82%,#0000 100%)}.portfolio-site .portrait-glow{z-index:-1;background:radial-gradient(at 28% 45%,#2de2d021,#0000 62%),radial-gradient(at 80% 38%,#8b9bff17,#0000 57%);position:absolute;inset:12% -3% 4%}.portfolio-site .portrait-frame{z-index:-1;border:1px solid #2de2d033;position:absolute;inset:18% 8% 11% 9%;transform:rotate(-9deg);-webkit-mask-image:linear-gradient(140deg,#000,#0000 70%);mask-image:linear-gradient(140deg,#000,#0000 70%)}.portfolio-site .portrait-marker{border-top:1px solid #8b9bff8c;border-right:1px solid #8b9bff8c;width:2rem;height:2rem;position:absolute;top:24%;right:6%}.portfolio-site .portrait-journey{height:280svh;position:relative}.portfolio-site .journey-stage{isolation:isolate;background:linear-gradient(90deg,#050505d9,#05050573);height:100svh;position:sticky;top:0;overflow:clip}.portfolio-site .journey-layout{--portrait-width:min(43cqw, calc((100svh - 10rem) * .8), 600px);height:100%;position:relative;container-type:inline-size}.portfolio-site .journey-panel{z-index:2;position:absolute;inset:0}.portfolio-site .journey-hero-copy{left:var(--gutter);width:calc(52% - var(--gutter));padding-block:1rem;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-site .journey-role{font-family:var(--f-display);color:var(--color-muted);margin-top:.75rem;font-size:clamp(.8rem,1.3vw,1.15rem)}.portfolio-site .journey-title{margin-top:2rem;font-size:clamp(3rem,7.8vw,8rem)}.portfolio-site .journey-cta{margin-top:2.5rem}.portfolio-site .journey-portrait{left:var(--gutter);width:var(--portrait-width);z-index:3;transform-origin:0;transform:translate3d(calc((100cqw - var(--portrait-width)) * (1 - var(--portrait-progress,0))), -50%, 0) scale(calc(1 - var(--portrait-progress,0) * .2));position:absolute;top:50%}.portfolio-site .journey-about-copy{right:var(--gutter);width:calc(51% - var(--gutter));scrollbar-width:thin;max-height:calc(100svh - 9rem);position:absolute;top:50%;overflow-y:auto;transform:translateY(-50%)}.portfolio-site .journey-about-title{margin-top:1.25rem;font-size:clamp(2rem,4.3vw,4.5rem)}.portfolio-site .journey-introduction{margin-top:1.5rem;font-size:clamp(.95rem,1.2vw,1.2rem);line-height:1.7}.portfolio-site .journey-expertise-copy{color:var(--color-muted);margin-top:1.25rem;line-height:1.7}.portfolio-site .journey-expertise{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.portfolio-site .journey-expertise li{border:1px solid var(--color-line);border-radius:999px;padding:.4rem .75rem;font-size:.75rem}.portfolio-site .journey-about-link{min-height:2.75rem;color:var(--color-accent);align-items:center;gap:.75rem;margin-top:1rem;font-size:.9rem;display:inline-flex}.portfolio-site .journey-scroll{bottom:1.5rem;left:var(--gutter);z-index:1;color:var(--color-muted);font-size:.65rem;position:absolute}.portfolio-site #qa-lab .grid>*{min-width:0}@media (max-width:767px){.portfolio-site .journey-layout{--portrait-width:min(45cqw, calc((100svh - 8rem) * .8))}.portfolio-site .journey-hero-copy{width:calc(50% - var(--gutter) - .75rem)}.portfolio-site .journey-title{margin-top:1.5rem;font-size:clamp(1.5rem,7.3vw,3.5rem)}.portfolio-site .journey-hero-copy .eyebrow{letter-spacing:.08em;font-size:.65rem}.portfolio-site .journey-cta{gap:.5rem;margin-top:1.5rem;padding:.85rem 1rem;font-size:.8rem}.portfolio-site .journey-about-copy{width:calc(58% - var(--gutter) - .5rem);max-height:calc(100svh - 8rem)}.portfolio-site .journey-about-title{margin-top:.75rem;font-size:clamp(1.35rem,5.8vw,2.5rem)}.portfolio-site .journey-introduction,.portfolio-site .journey-expertise-copy{margin-top:1rem;font-size:.8rem;line-height:1.6}.portfolio-site .journey-expertise li{padding:.3rem .5rem;font-size:.65rem}.portfolio-site .journey-about-link{font-size:.8rem}}.portfolio-site .portrait-journey[data-reduced]{height:200svh}.portfolio-site .portrait-journey[data-reduced] .journey-about-copy{left:var(--gutter);right:auto}@media (prefers-reduced-motion:reduce){.portfolio-site .journey-portrait{--portrait-progress:0!important}}.portfolio-site .journey-portrait{--portrait-progress:clamp(0, calc((var(--journey-progress,0) - .16) / .66), 1)}.portfolio-site .journey-hero{opacity:clamp(0, calc((.26 - var(--journey-progress,0)) / .2), 1);transform:translateY(calc(clamp(0, calc((var(--journey-progress,0) - .06) / .2), 1) * -32px))}.portfolio-site .journey-heading-reveal{opacity:clamp(0, calc((var(--journey-progress,0) - .6) / .18), 1);transform:translateY(calc((1 - clamp(0, calc((var(--journey-progress,0) - .6) / .18), 1)) * 24px))}.portfolio-site .journey-introduction{opacity:clamp(0, calc((var(--journey-progress,0) - .66) / .18), 1)}.portfolio-site .journey-expertise-reveal{opacity:clamp(0, calc((var(--journey-progress,0) - .72) / .2), 1)}.portfolio-site .portrait-journey[data-reduced] .journey-portrait{--portrait-progress:0}.portfolio-site .portrait-journey[data-reduced] .journey-hero{opacity:clamp(0, calc((.5 - var(--journey-progress,0)) * 1000), 1);transform:none}.portfolio-site .portrait-journey[data-reduced] :is(.journey-heading-reveal,.journey-introduction,.journey-expertise-reveal){opacity:clamp(0, calc((var(--journey-progress,0) - .499) * 1000), 1);transform:none}@media (max-height:580px){.portfolio-site .journey-hero-copy{padding-block:0;top:calc(50% + 2rem)}.portfolio-site .journey-title{margin-top:1rem;font-size:min(7.3vw,11svh)}.portfolio-site .journey-role{margin-top:.35rem;font-size:.8rem}.portfolio-site .journey-cta{min-height:2.75rem;margin-top:1rem;padding-block:.6rem}.portfolio-site .journey-about-copy{max-height:calc(100svh - 8rem);top:calc(50% + 2rem)}.portfolio-site .journey-portrait{top:calc(50% + 2rem)}}