.portfolio-hero{isolation:isolate;background:var(--color-forest);color:var(--color-on-forest);padding-block:clamp(3rem,7vw,7rem);position:relative}.portfolio-hero__backdrop{z-index:-1;object-fit:cover;object-position:50% 50%;opacity:.42;width:100%;height:100%;position:absolute;inset:0}.portfolio-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,4vw,4rem);min-height:32rem;display:grid}.portfolio-hero__intro{min-width:0}.portfolio-hero .product-breadcrumb{color:var(--color-on-forest-muted);flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem;font-size:.875rem;line-height:1.6;display:flex}.portfolio-hero .product-breadcrumb a{color:var(--color-on-forest-link);text-underline-offset:4px;text-decoration:underline}.portfolio-hero h1{letter-spacing:-.055em;text-wrap:pretty;max-width:12ch;font-size:clamp(2.75rem,4.9vw,4.75rem);line-height:1.07}.portfolio-hero__description{max-width:30ch;color:var(--color-on-forest);margin-top:1.5rem;font-size:clamp(1.125rem,1.7vw,1.5rem);line-height:1.55}.portfolio-hero .product-actions .action--text,.portfolio-hero .product-capture__caption svg{color:var(--color-on-forest-link)}.portfolio-hero .product-capture__caption{color:var(--color-on-forest)}.portfolio-tracked{padding-block:var(--section-space);scroll-margin-top:2rem}.portfolio-tracked__intro{max-width:48rem;margin-bottom:2.5rem}.portfolio-tracked h2{text-wrap:pretty;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.12}.portfolio-tracked__intro>p{color:var(--color-muted);max-width:48ch;margin-top:1.25rem;font-size:1.25rem;line-height:1.65}.portfolio-stages{border-top:1px solid var(--color-line);color:var(--color-muted);flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.75rem;padding:1.5rem 0 0;font-size:.875rem;line-height:1.6;list-style:none;display:flex}@media (width<=719px){.portfolio-hero{padding-block:1.5rem 3rem}.portfolio-hero__grid{grid-template-columns:minmax(0,1fr);gap:2.5rem;min-height:0}.portfolio-hero__backdrop{object-position:40% 50%}.portfolio-hero .product-breadcrumb{margin-bottom:2.5rem}.portfolio-hero h1{font-size:clamp(2.6rem,10.6vw,3.75rem)}.portfolio-hero__description,.portfolio-tracked__intro>p{font-size:1.125rem}}.portfolio-hero :is(.product-actions a,.product-breadcrumb a,.product-capture__link):focus-visible{outline-color:var(--color-on-forest-link)}