.portfolio-hero,.portfolio-work{font-family:Inter,sans-serif}.portfolio-hero{background:#edf1e9;color:var(--color-heading-strong, #19352c);padding:164px 0 76px}.portfolio-hero-grid{align-items:start;display:grid;gap:clamp(56px,7vw,112px);grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.portfolio-hero-statement{padding-top:8px}.portfolio-hero h1{color:var(--color-heading-strong, #19352c);font-size:clamp(3.2rem,6vw,5.25rem);letter-spacing:-.035em;line-height:.96;margin:0;max-width:10ch;text-wrap:balance}.portfolio-hero-statement>p{color:#465a51;font-size:1.06rem;line-height:1.72;margin:32px 0 22px;max-width:54ch}.portfolio-text-link{align-items:center;color:var(--color-heading-strong, #19352c);display:inline-flex;font-size:1rem;font-weight:800;gap:10px;min-height:44px;text-decoration:none}.portfolio-text-link span{transition:transform var(--motion-duration-fast, .16s) var(--motion-ease-out, cubic-bezier(.16, 1, .3, 1))}.portfolio-ledger ol{border-top:1px solid rgba(25,53,44,.2);list-style:none;margin:0;padding:0}.portfolio-ledger li{border-bottom:1px solid rgba(25,53,44,.14);margin:0}.portfolio-ledger a{align-items:center;color:#19352c;display:grid;gap:16px;grid-template-columns:34px minmax(120px,.7fr) minmax(150px,1fr);min-height:44px;padding:8px 10px 8px 0;text-decoration:none;transition:background-color var(--motion-duration-fast, .16s) var(--motion-ease-out, cubic-bezier(.16, 1, .3, 1)),color var(--motion-duration-fast, .16s) var(--motion-ease-out, cubic-bezier(.16, 1, .3, 1))}.portfolio-ledger-index,.portfolio-ledger-sector,.portfolio-project-meta,.portfolio-project-outcome>strong,.portfolio-media-caption{font-family:IBM Plex Mono,monospace;text-transform:uppercase}.portfolio-ledger-index{color:#58675f;font-size:.72rem}.portfolio-ledger strong{color:inherit;font-size:.92rem;letter-spacing:-.01em}.portfolio-ledger-sector{color:#5f7068;font-size:.68rem;line-height:1.4;text-align:right}.portfolio-work{background:#fff;padding:112px 0 132px}.portfolio-section-heading{display:grid;gap:24px clamp(48px,8vw,120px);grid-template-columns:minmax(0,1fr) minmax(280px,.64fr);margin-bottom:88px}.portfolio-section-heading h2{color:var(--color-heading-strong, #19352c);font-size:clamp(2.25rem,4vw,3.6rem);letter-spacing:-.03em;line-height:1.02;margin:0;max-width:14ch;text-wrap:balance}.portfolio-section-heading p{align-self:end;color:#58665f;font-size:1.03rem;line-height:1.72;margin:0;max-width:46ch}.portfolio-projects{display:grid;gap:104px}.portfolio-project{align-items:start;border-top:1px solid #d9dfdb;display:grid;gap:clamp(48px,7vw,96px);grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);padding-top:28px;scroll-margin-top:112px}.portfolio-project--portrait{grid-template-columns:minmax(0,.92fr) minmax(300px,.7fr)}.portfolio-project:nth-child(2n){grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}.portfolio-project--portrait:nth-child(2n){grid-template-columns:minmax(300px,.7fr) minmax(0,.92fr)}.portfolio-project:nth-child(2n) .portfolio-project-media{grid-column:2;grid-row:1}.portfolio-project:nth-child(2n) .portfolio-project-copy{grid-column:1;grid-row:1}.portfolio-project-media{aspect-ratio:var(--portfolio-cover-ratio, 6/5);background:#e7ece8;border-radius:12px;box-shadow:0 22px 56px #19352c1f;display:block;max-height:780px;overflow:hidden;position:relative}.portfolio-project:nth-child(3n+2) .portfolio-project-media{background:#e8edf0}.portfolio-project:nth-child(3n) .portfolio-project-media{background:#eaeee8}.portfolio-media{display:block;height:100%;position:relative;width:100%}.portfolio-project-media img,.portfolio-media-video{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.portfolio-media-video{inset:0;opacity:0;position:absolute}.portfolio-media-caption{align-items:center;background:#19352c;bottom:0;color:#fff;display:flex;font-size:.72rem;justify-content:space-between;left:0;min-height:48px;padding:0 18px;position:absolute;right:0;transform:translateY(100%);z-index:3}.portfolio-media-caption strong{color:#fff;font-family:Inter,sans-serif;font-size:.78rem;text-transform:none}.portfolio-project-copy{align-self:start;position:sticky;top:128px}.portfolio-project-meta{color:#62716b;display:flex;font-size:.74rem;justify-content:space-between;margin-bottom:28px}.portfolio-project-copy h3{color:var(--color-heading-strong, #19352c);font-size:clamp(2.1rem,3vw,3rem);letter-spacing:-.03em;line-height:1;margin:0 0 18px}.portfolio-project-copy h3 a{color:inherit}.portfolio-project-summary{color:#4e5e57;font-family:"PT Serif",serif;font-size:1.12rem;line-height:1.65;margin:0}.portfolio-project-outcome{border-top:1px solid #d9dfdb;display:grid;gap:14px;grid-template-columns:76px minmax(0,1fr);margin:28px 0 18px;padding-top:18px}.portfolio-project-outcome>strong{color:var(--color-accent, #2f7a44);font-size:.7rem;padding-top:4px}.portfolio-project-outcome p{color:#58665f;font-size:.93rem;line-height:1.65;margin:0}.portfolio-ledger a:focus-visible,.portfolio-text-link:focus-visible,.portfolio-project-media:focus-visible,.portfolio-project-copy h3 a:focus-visible{border-radius:4px;outline:2px solid var(--color-accent, #2f7a44);outline-offset:4px}@media(hover:hover)and (pointer:fine){.portfolio-ledger a:hover{background:#19352c;color:#fff}.portfolio-ledger a:hover .portfolio-ledger-index,.portfolio-ledger a:hover .portfolio-ledger-sector{color:#d3ded8}.portfolio-text-link:hover{color:var(--color-accent, #2f7a44)}.portfolio-text-link:hover span{transform:translate(4px)}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.portfolio-project-media img,.portfolio-media-video,.portfolio-media-caption{transition:opacity var(--motion-duration-standard, .24s) var(--motion-ease-out, cubic-bezier(.16, 1, .3, 1)),transform var(--motion-duration-standard, .24s) var(--motion-ease-out, cubic-bezier(.16, 1, .3, 1))}.portfolio-project-media:hover img,.portfolio-project-media:hover .portfolio-media-video{transform:scale(1.012)}.portfolio-project-media:hover .portfolio-media-caption,.portfolio-project-media:focus-visible .portfolio-media-caption{transform:translateY(0)}}body.active-dark-mode .portfolio-hero{background:#14271f}body.active-dark-mode .portfolio-work{background:#0e1d17}body.active-dark-mode .portfolio-hero-statement>p,body.active-dark-mode .portfolio-section-heading p,body.active-dark-mode .portfolio-project-summary,body.active-dark-mode .portfolio-project-outcome p{color:#c2cec8}body.active-dark-mode .portfolio-ledger ol,body.active-dark-mode .portfolio-ledger li,body.active-dark-mode .portfolio-project,body.active-dark-mode .portfolio-project-outcome{border-color:#eef2ef29}body.active-dark-mode .portfolio-ledger a,body.active-dark-mode .portfolio-text-link{color:#eef2ef}body.active-dark-mode .portfolio-ledger-index,body.active-dark-mode .portfolio-ledger-sector,body.active-dark-mode .portfolio-project-meta{color:#a9b8b0}@media(max-width:991px){.portfolio-hero{padding-top:144px}.portfolio-hero-grid,.portfolio-project,.portfolio-project--portrait,.portfolio-project:nth-child(2n),.portfolio-project--portrait:nth-child(2n){gap:42px;grid-template-columns:1fr}.portfolio-project:nth-child(2n) .portfolio-project-media,.portfolio-project:nth-child(2n) .portfolio-project-copy{grid-column:auto;grid-row:auto}.portfolio-project-copy{position:static}.portfolio-projects{gap:84px}}@media(max-width:767px){.portfolio-hero{padding:120px 0 56px}.portfolio-hero h1{max-width:none}.portfolio-ledger a{gap:10px;grid-template-columns:28px minmax(0,1fr)}.portfolio-ledger-sector{display:none}.portfolio-work{padding:76px 0 92px}.portfolio-section-heading{grid-template-columns:1fr;margin-bottom:56px}.portfolio-project{gap:28px;padding-top:20px}.portfolio-project-media{max-height:none}.portfolio-project-meta{margin-bottom:20px}.portfolio-project-outcome{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.portfolio-ledger a,.portfolio-text-link span,.portfolio-project-media img,.portfolio-media-video,.portfolio-media-caption{transition:none}.portfolio-media-video,.portfolio-media-caption{display:none}}
