.portfolio-section{background:var(--paper);scroll-margin-top:16px}
.portfolio-section .section-heading{align-items:flex-end;margin-bottom:40px}
.portfolio-section h2{line-height:1.035}
.portfolio-gesture{display:inline-flex;gap:9px;align-items:center;font-size:12px;font-weight:600;color:var(--teal)}
.portfolio-gesture svg{width:18px;height:18px}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 36px}
.portfolio-grid--single{grid-template-columns:1fr;max-width:1050px;margin-inline:auto}
.project-card{min-width:0}
.project-card--wide{grid-column:1/-1}
.project-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ccd5d9;padding:16px 0;font-size:10px;letter-spacing:.11em;font-weight:700;color:var(--muted)}
.project-meta>span:last-child{font-size:13px;font-weight:500;letter-spacing:0;color:var(--teal)}
.project-card--wide .comparison-stage{aspect-ratio:2/1}
.portfolio-grid--single .project-card:not(.project-card--wide){max-width:880px;width:100%;margin-inline:auto}
.comparison-stage{border-radius:8px}
.project-card--wide .comparison-description{max-width:70ch}
.comparison-caption h3{font-size:27px;line-height:1.08}
.project-source{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-top:13px;min-height:36px;text-decoration:underline;text-underline-offset:4px}
.project-source:hover{color:var(--teal)}
.project-source svg{width:16px;height:16px;transform:rotate(-35deg)}
.about-image--real img{height:auto;width:100%;aspect-ratio:1;object-fit:contain}
.inner-hero .real-photo img{height:auto;aspect-ratio:auto;object-fit:contain;background:var(--mist)}
.inner-hero .real-photo--square img{aspect-ratio:1;max-height:480px;background:transparent}
.team-section{background:var(--mist)}
.team-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.team-photo img{width:100%;height:auto;aspect-ratio:1;border-radius:8px}
.team-photo figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:12px}
.team-copy h2{line-height:1.035}
.team-copy p{font-size:16px;line-height:1.75;margin-top:24px;max-width:440px}
.team-copy p+p{margin-top:16px}
.team-copy .text-link{margin-top:26px}
@media(max-width:950px){.portfolio-grid{gap:38px 24px}.team-layout{gap:40px}.comparison-caption h3{font-size:25px}}
@media(max-width:760px){
  .portfolio-section .section-heading{align-items:flex-start;margin-bottom:26px;gap:20px}
  .portfolio-section .section-heading>div:last-child>p{font-size:15px;margin-bottom:12px}
  .portfolio-grid{grid-template-columns:1fr;gap:34px}
  .project-meta{padding-block:14px;font-size:9px;letter-spacing:.08em}
  .project-card--wide{grid-column:auto}
  .comparison-stage{border-radius:16px}
  .comparison-caption h3{font-size:24px}
  .comparison-caption .comparison-description{font-size:15px;line-height:1.65}
  .project-source{min-height:44px;font-size:12px;margin-top:8px}
  .about-image--real img{height:auto;border-radius:18px}
  .team-layout{grid-template-columns:1fr;gap:30px}
  .team-photo img{border-radius:18px}
  .team-copy h2{font-size:34px}
  .team-copy p{font-size:15px}
  .inner-hero .real-photo--square img{max-height:none;border-radius:18px}
}