.portfolio-hero{background:var(--sand);padding-block:30px 0}.portfolio-breadcrumbs{color:var(--muted);align-items:center;gap:12px;font-size:.75rem;display:flex}.portfolio-breadcrumbs a:hover{color:var(--teal);text-underline-offset:4px;text-decoration:underline}.portfolio-intro{grid-template-columns:1.4fr 1fr;align-items:end;gap:72px;padding-block:68px 70px;display:grid}.portfolio-intro .eyebrow{color:var(--muted);margin-bottom:27px}.portfolio-intro h1{letter-spacing:-.06em;font-size:clamp(3rem,5.4vw,5.25rem);line-height:1.06}.portfolio-intro h1 em{color:var(--teal)}.portfolio-introduction{justify-self:end;max-width:380px;padding-bottom:5px}.portfolio-introduction p{color:var(--muted);font-size:1rem;line-height:1.85}.portfolio-introduction .text-link{margin-top:22px}.portfolio-index{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:.75rem;display:flex}.portfolio-index span:last-child{font-variant-numeric:tabular-nums}.portfolio-projects{background:var(--white);padding-block:64px 96px}.portfolio-list{gap:44px;display:grid}.portfolio-project{border:1px solid var(--line);background:var(--white);border-radius:8px;grid-template-columns:1.08fr 1fr;min-width:0;display:grid;overflow:hidden}.project-identity{background:var(--sand);min-height:440px;color:var(--ink);flex-direction:column;justify-content:space-between;gap:48px;padding:30px 36px;display:flex;position:relative}.portfolio-project-treebo .project-identity{background:var(--accent-soft)}.portfolio-project-fiib .project-identity{background:var(--ink);color:var(--white);--selection-background:var(--white);--selection-color:var(--ink)}.project-identity-top{letter-spacing:.1em;justify-content:space-between;gap:20px;font-size:.625rem;font-weight:750;display:flex}.project-wordmark{letter-spacing:-.07em;padding-block:18px;font-size:clamp(3.5rem,6vw,6rem);font-weight:800;line-height:1.02}.project-wordmark span{letter-spacing:.04em;margin-top:10px;font-size:.9375rem;font-weight:500;line-height:1.6;display:block}.project-identity-bottom{border-top:1px solid;padding-top:20px;font-size:.75rem}.project-preview{gap:30px;margin:0}.project-preview figcaption{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.project-preview figcaption>span{font-size:.625rem}.project-image-link{border-radius:5px;display:block;box-shadow:0 14px 30px #252b3324}.project-image-link img{border-radius:5px;width:100%;height:auto}.portfolio-project-fiib .project-image-link:focus-visible{outline-color:var(--white)}.project-visit{color:var(--teal);align-self:flex-start;align-items:center;gap:10px;margin-top:10px;padding-block:8px;font-size:.8125rem;font-weight:750;display:inline-flex}.project-visit:hover{text-underline-offset:4px;text-decoration:underline}.project-copy{flex-direction:column;justify-content:center;min-width:0;padding:44px 48px;display:flex}.project-category{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.6875rem;font-weight:750}.project-copy h2{margin-top:14px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.15}.project-description{color:var(--muted);margin-top:21px;font-size:.9375rem;line-height:1.85}.project-scope{margin-top:28px}.project-scope h3{letter-spacing:0;font-size:.75rem;font-weight:750}.project-scope ul{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.project-scope li{background:var(--sand);border-radius:3px;padding:6px 11px;font-size:.75rem}.project-services{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.project-services>span{color:var(--muted);margin-bottom:8px;font-size:.6875rem;display:block}.project-services>div{flex-wrap:wrap;gap:4px 22px;display:flex}.project-services a{color:var(--teal);align-items:center;gap:8px;padding-block:7px;font-size:.8125rem;font-weight:750;display:inline-flex}.project-services a:hover{text-underline-offset:4px;text-decoration:underline}.project-services svg{flex:none}@media (width<=1100px){.portfolio-intro{gap:40px}.project-copy{padding:34px}.project-identity{padding:28px}}@media (width<=820px){.portfolio-intro{grid-template-columns:1fr;gap:30px;padding-block:44px}.portfolio-introduction{justify-self:start;max-width:520px}.portfolio-project{grid-template-columns:1fr}.project-identity{gap:25px;min-height:310px}.project-wordmark{font-size:4.5rem}.portfolio-projects{padding-block:40px 64px}.portfolio-list{gap:30px}}@media (width<=480px){.portfolio-hero{padding-top:22px}.portfolio-intro h1{font-size:clamp(2.65rem,11vw,3.8rem)}.portfolio-index{font-size:.6875rem}.project-copy{padding:28px 23px}.project-identity{min-height:280px;padding:23px}.project-wordmark{font-size:3.8rem}.project-wordmark span{font-size:.8125rem}.project-services a{min-height:44px}}.portfolio-jump{flex-wrap:wrap;gap:12px;padding-bottom:28px;display:flex}.portfolio-jump a{border:1px solid var(--line);min-height:44px;color:var(--teal);background:var(--white);border-radius:4px;align-items:center;gap:12px;padding:10px 16px;font-size:.8125rem;font-weight:750;display:inline-flex}.portfolio-jump a:hover{border-color:var(--teal)}.portfolio-jump a>span{color:var(--muted);font-size:.6875rem}.project-scope{border-left:3px solid var(--teal);background:var(--sand);padding:20px}.project-scope h3{font-size:.875rem}.project-scope ul{gap:10px;display:grid}.project-scope li{background:0 0;align-items:center;gap:10px;padding:0;font-size:.875rem;display:flex}.project-scope li svg{color:var(--teal);flex:none}.portfolio-project{scroll-margin-top:90px}