.work-page,.work-hero{background:var(--professional-canvas)}.work-hero__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.55fr);gap:clamp(2.5rem,8vw,8rem);align-items:end;padding-block:clamp(3.5rem,8vw,7rem)}.work-hero h1{max-width:11ch;margin:0;font-family:var(--display);font-size:clamp(3.5rem,9vw,7.5rem);font-variation-settings:"wdth" 96;font-weight:760;letter-spacing:-.035em;line-height:.98}.work-hero h1 span,.work-hero h1 em{display:inline}.work-hero h1 em{margin-left:.18em;color:var(--professional-accent-ink);font-style:normal;font-weight:inherit}.work-hero__inner>p{max-width:39ch;margin:0;color:var(--professional-muted);font-size:clamp(1.12rem,1rem + .42vw,1.4rem);line-height:1.55}.work-projects{display:grid;gap:clamp(5rem,11vw,10rem);width:min(100%,90rem);margin-inline:auto;padding:clamp(5rem,10vw,9rem) var(--gutter);border-top:1px solid var(--professional-line);background:var(--professional-surface)}.project-feature{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.75rem,5vw,5rem);align-items:center;min-width:0}.project-feature__media{min-width:0;margin:0}.project-feature__media img{width:100%;border-radius:.7rem;background:var(--professional-canvas);object-fit:cover}.project-feature__media figcaption{margin-top:.7rem;color:var(--professional-muted);font-size:.8rem}.project-feature__copy{min-width:0}.project-feature__copy h2{max-width:15ch;margin:0;font-family:var(--display);font-size:clamp(2.3rem,4.5vw,4.6rem);font-variation-settings:"wdth" 96;font-weight:720;letter-spacing:-.035em;line-height:1.06;overflow-wrap:break-word;text-wrap:balance}.project-feature__copy>p{max-width:43ch;margin:1.2rem 0 0;color:var(--professional-muted);font-size:clamp(1.05rem,1rem + .25vw,1.22rem);line-height:1.55}.project-feature__tags,.project-feature__links{display:flex;flex-wrap:wrap;margin:1.3rem 0 0;padding:0;list-style:none}.project-feature__tags{gap:.4rem 1rem;color:var(--professional-accent-ink);font-size:.86rem;font-weight:670}.project-feature__links{gap:.6rem 1.3rem}.project-feature__link{display:inline-flex;min-height:2.75rem;align-items:center;gap:.45rem;color:var(--professional-ink);font-weight:690;text-decoration-thickness:.1rem}.project-feature__link span{transition:transform .18s var(--ease-out)}.project-feature__link:is(:hover,:focus-visible) span{transform:translate(.15rem,-.1rem)}.project-feature--feature .project-feature__media{grid-column:1 / 8}.project-feature--feature .project-feature__media img{aspect-ratio:4 / 3}.project-feature--feature .project-feature__copy{grid-column:8 / 13}.project-feature--offset .project-feature__media{grid-column:5 / 13;grid-row:1}.project-feature--offset .project-feature__media img{aspect-ratio:1.35;object-fit:contain}.project-feature--offset .project-feature__copy{grid-column:1 / 5;grid-row:1}.project-feature--statement{padding-block:clamp(2.5rem,5vw,4rem);border-block:1px solid var(--professional-line)}.project-feature--statement .project-feature__copy{grid-column:2 / 12}.project-feature--statement .project-feature__copy h2{max-width:18ch}.project-feature--split-start .project-feature__copy,.project-feature--split-end .project-feature__copy{padding:clamp(2rem,5vw,4rem);border-radius:.75rem;background:var(--professional-canvas)}.project-feature--split-start .project-feature__copy{grid-column:1 / 8}.project-feature--split-end .project-feature__copy{grid-column:6 / 13}.project-feature--closing{--focus: var(--sun);padding:clamp(2.5rem,6vw,5rem);border-radius:.8rem;color:var(--cream-100);background:var(--professional-dark)}.project-feature--closing .project-feature__copy{grid-column:1 / 10}.project-feature--closing .project-feature__copy>p{color:var(--professional-dark-muted)}.project-feature--closing .project-feature__tags{color:var(--shell-orange)}.project-feature--closing .project-feature__link{color:var(--cream-100)}.work-invitation{padding-block:clamp(5rem,10vw,8rem);background:var(--professional-canvas)}.work-invitation__inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(17rem,.65fr);gap:2rem clamp(3rem,8vw,8rem);align-items:end}.work-invitation h2{grid-row:span 2;max-width:10ch;margin:0;font-size:clamp(3rem,7vw,6rem)}.work-invitation p{margin:0;color:var(--professional-muted)}.work-invitation a{display:inline-flex;min-height:2.75rem;align-items:center;justify-self:start;gap:.55rem;font-weight:690;text-decoration-thickness:.1rem}@media(max-width:64rem){.work-hero__inner,.project-feature,.work-invitation__inner{grid-template-columns:minmax(0,1fr)}.project-feature :is(.project-feature__media,.project-feature__copy),.project-feature--statement .project-feature__copy,.project-feature--closing .project-feature__copy{grid-column:1;grid-row:auto}.project-feature--offset .project-feature__media{order:-1}.project-feature--split-start .project-feature__copy,.project-feature--split-end .project-feature__copy{padding:clamp(1.5rem,5vw,3rem)}.work-invitation h2{grid-row:auto}}@media(max-width:37rem){.work-hero__inner{padding-block:2.8rem 3.8rem}.work-hero h1{font-size:clamp(3.2rem,16vw,4.5rem)}.work-projects{gap:5.5rem}.project-feature--closing,.project-feature--split-start .project-feature__copy,.project-feature--split-end .project-feature__copy{padding:1.5rem}.project-feature__links{display:grid}}@media(prefers-reduced-motion:reduce){.project-feature__link:is(:hover,:focus-visible) span{transform:none}}