.portfolio-hero.svelte-1vpkq1s{min-height:42rem;padding:calc(var(--header-height) + 5rem) var(--page-pad) 6rem;background:linear-gradient(90deg, #03141ff2, #03141f4d), var(--portfolio-image) center / cover;color:#fff;justify-content:space-between;align-items:end;gap:3rem;display:flex;position:relative}.portfolio-hero.svelte-1vpkq1s>div:where(.svelte-1vpkq1s){max-width:65rem}.portfolio-hero.svelte-1vpkq1s h1:where(.svelte-1vpkq1s){font-family:var(--font-display);letter-spacing:-.052em;margin:1rem 0 1.6rem;font-size:clamp(3.4rem,7.5vw,7.5rem);font-weight:500;line-height:.91}.portfolio-hero.svelte-1vpkq1s h1:where(.svelte-1vpkq1s) em:where(.svelte-1vpkq1s){color:var(--aqua);font-style:normal}.portfolio-hero.svelte-1vpkq1s div:where(.svelte-1vpkq1s)>p:where(.svelte-1vpkq1s):last-child{color:#ffffffad;max-width:38rem;line-height:1.7}.project-count.svelte-1vpkq1s{color:#ffffff9e;letter-spacing:.16em;writing-mode:vertical-rl;flex:none;font-size:.65rem}.portfolio-list.svelte-1vpkq1s{padding:clamp(5rem, 10vw, 9rem) var(--page-pad);background:#f8fbfa}.list-heading.svelte-1vpkq1s{grid-template-columns:minmax(0,1fr) minmax(19rem,.6fr);align-items:end;gap:1rem 5rem;margin-bottom:clamp(4rem,8vw,7rem);display:grid}.list-heading.svelte-1vpkq1s .eyebrow:where(.svelte-1vpkq1s){grid-column:1/-1}.list-heading.svelte-1vpkq1s>p:where(.svelte-1vpkq1s):last-child{color:var(--muted);margin:0;line-height:1.7}.project-grid.svelte-1vpkq1s{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(3rem,7vw,7rem) clamp(1rem,3vw,3rem);display:grid}.project-grid.svelte-1vpkq1s article:where(.svelte-1vpkq1s):nth-child(2n){margin-top:7rem}.project-grid.svelte-1vpkq1s a:where(.svelte-1vpkq1s){color:inherit;text-decoration:none}.project-image.svelte-1vpkq1s{aspect-ratio:1.32;border-radius:var(--radius-lg);background:#dce7e6;position:relative;overflow:hidden}.project-image.svelte-1vpkq1s:after{content:"";opacity:0;background:#05212b59;transition:opacity .28s;position:absolute;inset:0}.project-image.svelte-1vpkq1s img:where(.svelte-1vpkq1s){object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1)}.project-image.svelte-1vpkq1s>span:where(.svelte-1vpkq1s){z-index:1;color:var(--ink);letter-spacing:.08em;opacity:0;background:#fff;border-radius:999px;padding:.85rem 1rem;font-size:.67rem;font-weight:800;transition:opacity .25s,transform .25s;position:absolute;bottom:1.5rem;right:1.5rem;transform:translateY(.75rem)}.project-grid.svelte-1vpkq1s a:where(.svelte-1vpkq1s):hover .project-image:where(.svelte-1vpkq1s) img:where(.svelte-1vpkq1s){transform:scale(1.045)}.project-grid.svelte-1vpkq1s a:where(.svelte-1vpkq1s):hover .project-image:where(.svelte-1vpkq1s):after,.project-grid.svelte-1vpkq1s a:where(.svelte-1vpkq1s):hover .project-image:where(.svelte-1vpkq1s)>span:where(.svelte-1vpkq1s){opacity:1}.project-grid.svelte-1vpkq1s a:where(.svelte-1vpkq1s):hover .project-image:where(.svelte-1vpkq1s)>span:where(.svelte-1vpkq1s){transform:translateY(0)}.project-meta.svelte-1vpkq1s{justify-content:space-between;align-items:start;gap:1rem;margin-top:1.5rem;display:flex}.project-meta.svelte-1vpkq1s p:where(.svelte-1vpkq1s){color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-size:.62rem;font-weight:800}.project-meta.svelte-1vpkq1s h3:where(.svelte-1vpkq1s){font-family:var(--font-display);margin:0;font-size:clamp(1.5rem,2.7vw,2.35rem);font-weight:500;line-height:1.1}.project-meta.svelte-1vpkq1s>span:where(.svelte-1vpkq1s){color:#9aabad;font-size:.68rem}.description.svelte-1vpkq1s{max-width:34rem;color:var(--muted);margin:.9rem 0 0;font-size:.86rem;line-height:1.65}.principles.svelte-1vpkq1s{background:#24404c;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px 0;display:grid}.principles.svelte-1vpkq1s div:where(.svelte-1vpkq1s){color:#fff;background:#071b2b;min-height:22rem;padding:clamp(2rem,5vw,5rem)}.principles.svelte-1vpkq1s span:where(.svelte-1vpkq1s){color:var(--aqua);font-size:.68rem}.principles.svelte-1vpkq1s h3:where(.svelte-1vpkq1s){font-family:var(--font-display);margin:5rem 0 1rem;font-size:clamp(1.4rem,2.3vw,2rem);font-weight:500}.principles.svelte-1vpkq1s p:where(.svelte-1vpkq1s){color:#ffffff8a;margin:0;font-size:.85rem;line-height:1.65}@media (width<=760px){.list-heading.svelte-1vpkq1s,.project-grid.svelte-1vpkq1s,.principles.svelte-1vpkq1s{grid-template-columns:1fr}.project-grid.svelte-1vpkq1s article:where(.svelte-1vpkq1s):nth-child(2n){margin-top:0}.project-count.svelte-1vpkq1s{display:none}.principles.svelte-1vpkq1s div:where(.svelte-1vpkq1s){min-height:18rem}}