@layer components{.about-portfolio{--_letter-rule:#bfc7ba;background:var(--portfolio-surface);width:100%;color:var(--dark-900);padding:clamp(1.25rem,4%,3.5rem);container-type:inline-size}@container (width<38rem){.about-portfolio .about-portfolio__layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.about-portfolio .about-portfolio__portrait{max-width:28rem}}.about-portfolio__header{justify-content:space-between;align-items:center;gap:var(--space-3);border-block-end:.0625rem solid var(--_letter-rule);padding-block-end:var(--space-4);display:flex}.about-portfolio__mark{font-size:2rem;line-height:1}.about-portfolio__eyebrow{align-items:center;gap:var(--space-2);font-size:.75rem;font-weight:500;display:flex}.about-portfolio__eyebrow:before{content:"";background:currentColor;flex:0 0 .5rem;height:.5rem}.about-portfolio__layout{align-items:center;gap:var(--space-8);padding-block:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid}.about-portfolio__copy{align-items:start;gap:var(--space-4);flex-direction:column;min-width:0;max-width:57ch;display:flex}.about-portfolio__title{letter-spacing:-.065em;max-width:10ch;font-size:clamp(2.75rem,6.2cqw,6rem);font-weight:500;line-height:.99}.about-portfolio__lead{letter-spacing:-.02em;font-size:clamp(1.0625rem,1.55cqw,1.375rem);line-height:1.5}.about-portfolio__body{color:var(--portfolio-muted);line-height:1.65}.about-portfolio__signoff{gap:var(--space-1);margin-block-start:var(--space-1);display:grid}.about-portfolio__name{letter-spacing:-.04em;font-size:1.375rem;font-weight:500}.about-portfolio__role{color:var(--portfolio-muted);font-size:.75rem}.about-portfolio__portrait{width:100%;min-width:0;max-width:32rem;margin-inline:auto;padding:1.25rem;position:relative}.about-portfolio__portrait:before{content:"";background:var(--brand-500);position:absolute;inset:1.25rem;transform:rotate(-5deg)}.about-portfolio__print{padding:.75rem .75rem var(--space-3);background:var(--light-300);box-shadow:0 .75rem 1.5rem -.75rem color-mix(in srgb, var(--dark-900) 20%, transparent);position:relative;transform:rotate(4deg)}.about-portfolio__caption{padding:var(--space-3) .25rem 0;font-size:.75rem}.about-portfolio__footer{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);border-block-start:.0625rem solid var(--_letter-rule);flex-wrap:wrap;padding-block-start:var(--space-4);display:flex}.about-portfolio__note{letter-spacing:-.025em;font-size:.9375rem;font-weight:500}.about-portfolio__actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.process-portfolio{--_step-border:#cad0c4;--_direction-surface:#d5ddce;gap:var(--space-4);flex-direction:column;width:100%;display:flex;container-type:inline-size}@container (width<36rem){.process-portfolio .process-portfolio__heading{align-items:start;gap:var(--space-4);flex-direction:column;margin-block-end:var(--space-5)}.process-portfolio .process-portfolio__title{max-width:10ch}.process-portfolio .process-portfolio__list{grid-template-columns:minmax(0,1fr)}.process-portfolio .process-portfolio__phase{min-height:0}.process-portfolio .process-portfolio__phase--direction{margin-block-start:0;margin-inline-start:.75rem}.process-portfolio .process-portfolio__phase--launch{margin-block-start:0;margin-inline-start:1.5rem}.process-portfolio .process-portfolio__number{margin-block:var(--space-3) var(--space-4);font-size:4rem}.process-portfolio .process-portfolio__description{max-width:29ch}}.process-portfolio__eyebrow{align-items:center;gap:var(--space-1);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:500;display:flex}.process-portfolio__eyebrow:before{content:"";background:currentColor;border-radius:50%;flex:0 0 .4rem;height:.4rem}.process-portfolio__heading{justify-content:space-between;align-items:end;gap:var(--space-5);margin-block-end:var(--space-4);display:flex}.process-portfolio__title{letter-spacing:-.065em;max-width:9ch;font-size:clamp(2.8rem,6.6cqw,6rem);line-height:.99}.process-portfolio__intro{max-width:23ch;font-size:clamp(.875rem,1.25cqw,1.125rem);line-height:1.5}.process-portfolio__list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin:0;padding:0;list-style:none;display:grid}.process-portfolio__phase{background:var(--portfolio-surface);min-width:0;min-height:21rem;color:var(--dark-900);border:var(--border-width) solid var(--_step-border);flex-direction:column;padding:1.25rem;display:flex}.process-portfolio__phase--direction{background:var(--_direction-surface);margin-block-start:3.5rem}.process-portfolio__phase--launch{background:var(--brand-500);border-color:color-mix(in srgb, var(--brand-500) 80%, var(--dark-900));margin-block-start:7rem}.process-portfolio__phase-heading{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.process-portfolio__label{letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem}.process-portfolio__mark{flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.process-portfolio__number{font-variant-numeric:lining-nums;letter-spacing:-.09em;margin-block:var(--space-4) 2.5rem;font-size:clamp(4.5rem,9cqw,9rem);font-weight:400;line-height:1}.process-portfolio__phase-title{letter-spacing:-.045em;font-size:clamp(1.25rem,2.2cqw,2rem);line-height:1.12}.process-portfolio__description{font-size:var(--text-main);color:var(--portfolio-muted);margin-block-start:.875rem;line-height:1.6}.process-portfolio__baseline{justify-content:end;align-items:center;gap:var(--space-3);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;display:flex}.process-portfolio__baseline:before{content:"";height:var(--border-width);background:var(--_step-border);flex:1}}