.portfolio-page{--portfolio-accent:var(--service-text,var(--brand-text));padding-top:4rem}.portfolio-intro{padding-bottom:7rem}.portfolio-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:5rem;font-size:.82rem;display:flex}.portfolio-breadcrumb a:hover{color:var(--ink)}.portfolio-eyebrow{color:var(--portfolio-accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.73rem;font-weight:600}.portfolio-intro h1{letter-spacing:-.055em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(2.8rem,5.1vw,4.6rem);font-weight:450;line-height:1.03}.portfolio-intro h1 em{color:var(--portfolio-accent);font-style:normal}.portfolio-intro-copy{max-width:24rem;margin-left:auto;padding-bottom:.35rem}.portfolio-intro-copy>p,.portfolio-detail-lead{color:var(--muted);font-size:1.12rem;line-height:1.65}.portfolio-text-link{align-items:center;gap:.7rem;margin-top:1.2rem;font-size:.88rem;display:inline-flex}.portfolio-filters{padding:0}.portfolio-filters a{min-height:2.75rem;color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;padding:.65rem 1.2rem;font-size:.88rem;display:inline-flex}.portfolio-filters a:hover{background:var(--service-soft,var(--soft));color:var(--service-text,var(--ink))}.portfolio-filters a[aria-current=page]{background:var(--service-soft,var(--ink));color:var(--service-text,white)}.portfolio-draft-note{color:var(--muted);align-items:baseline;gap:.65rem;margin:1.5rem 0 4rem;font-size:.8rem;line-height:1.6;display:flex}.portfolio-draft-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:.4rem;height:.4rem}.portfolio-card-link{border-radius:1.5rem;height:100%;display:block}.portfolio-card-cover{min-height:28rem;color:var(--service-deep);background:radial-gradient(ellipse at 80% 0%,#ffffffd9,transparent 65%),linear-gradient(140deg,var(--service-soft),color-mix(in srgb,var(--service-accent) 35%,var(--service-soft)));border:0;border-radius:1.4rem;flex-direction:column;justify-content:space-between;padding:2rem 2.25rem;display:flex;box-shadow:inset 0 2px #ffffffb0}.portfolio-cover-meta,.portfolio-cover-foot{justify-content:space-between;align-items:center;gap:1rem;font-size:.73rem;display:flex}.portfolio-cover-meta>:last-child{white-space:nowrap}.portfolio-project-name{letter-spacing:-.065em;max-width:9ch;margin:2.5rem 0;font-size:clamp(2.7rem,4.2vw,4rem);font-weight:500;line-height:1}.portfolio-project-name>span,.portfolio-banner-inner>p>span{color:var(--service-accent)}.portfolio-circle{border:1px solid color-mix(in srgb,var(--service-deep) 20%,transparent);background:#ffffff60;border-radius:50%;flex-shrink:0;place-items:center;width:2.8rem;height:2.8rem;transition:background-color .18s;display:grid}.portfolio-card-link:is(:hover,:focus-visible) .portfolio-circle{background:#fff}.portfolio-grid{gap:5rem 3rem}.portfolio-card-copy{padding:1.6rem .15rem 0}.portfolio-card-copy>p{letter-spacing:-.02em;max-width:38ch;margin:0 0 .65rem;font-size:1.1rem;line-height:1.5}.portfolio-disciplines{color:var(--muted);font-size:.78rem;line-height:1.6}.portfolio-contact{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;margin-top:8rem;padding-block:5rem 7rem;display:flex}.portfolio-contact h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.7vw,3.6rem);font-weight:450;line-height:1.1}.portfolio-contact>a{align-items:center;gap:1.25rem;min-height:2.75rem;font-size:1.05rem;display:inline-flex}.portfolio-contact>a:is(:hover,:focus-visible){color:var(--portfolio-accent)}.portfolio-story h2,.portfolio-evaluation h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:450;line-height:1.1}.portfolio-detail .portfolio-intro h1{max-width:22ch}.portfolio-detail-lead{max-width:52ch;margin-top:1.5rem}.portfolio-detail .portfolio-intro{padding-bottom:1rem}.portfolio-banner-inner{background:radial-gradient(ellipse at 85% 5%,#ffffffc0,transparent 65%),linear-gradient(125deg,var(--service-soft),color-mix(in srgb,var(--service-accent) 35%,var(--service-soft)));min-height:26rem;color:var(--service-deep);border-radius:1.5rem;flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex;box-shadow:inset 0 2px #fff}.portfolio-banner-inner>span{font-size:.8rem}.portfolio-banner-inner>p{letter-spacing:-.065em;margin:3rem 0;font-size:clamp(3rem,8vw,7rem);line-height:1}.portfolio-story{border-bottom:1px solid var(--line);padding-block:6rem}.portfolio-story-copy>p,.portfolio-choices p,.portfolio-evaluation>p{color:var(--muted);margin:0;line-height:1.8}.portfolio-story h3{letter-spacing:-.025em;margin:1.5rem 0 .65rem;font-size:1.15rem;font-weight:500}.portfolio-choices{margin-top:2.5rem}.portfolio-step{color:var(--service-text);border-bottom:1px solid var(--line);padding-bottom:1rem;font-size:.8rem;display:block}.portfolio-deliverables{margin:0;padding:0;list-style:none}.portfolio-deliverables li{border-bottom:1px solid var(--line);padding:1rem 0}.portfolio-deliverables li:first-child{padding-top:0}.portfolio-deliverables li:last-child{border:0}.portfolio-evaluation{grid-template-columns:1fr 1fr;gap:3rem;margin-top:4rem;padding-block:3rem;display:grid}.portfolio-next{justify-content:space-between;align-items:center;gap:2rem;padding-block:2rem 4rem;display:flex}.portfolio-next>a{align-items:center;gap:1rem;font-size:.85rem;display:flex}.portfolio-next strong{margin-top:.4rem;font-size:1.2rem;font-weight:500;display:block}@media (width>=768px){.portfolio-grid--single{grid-template-columns:minmax(0,50rem)}.portfolio-grid--single .portfolio-card-cover{min-height:31rem}}@media (width<=820px){.portfolio-page{padding-top:8rem}.portfolio-intro-copy{margin-left:0}}@media (width<=600px){.portfolio-breadcrumb{margin-bottom:3.5rem}.portfolio-intro{padding-bottom:4.5rem}.portfolio-card-cover{min-height:23rem;padding:1.5rem}.portfolio-cover-meta{font-size:.65rem}.portfolio-filters a{padding-inline:.75rem;font-size:.8rem}.portfolio-draft-note{margin-bottom:3rem}.portfolio-grid{row-gap:3.5rem}.portfolio-contact{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:5rem;padding-block:3rem 5rem}.portfolio-banner-inner{min-height:20rem;padding:1.5rem}.portfolio-story{padding-block:3.5rem}.portfolio-evaluation{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.portfolio-next{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.portfolio-circle{transition:none}}
