/* SJS: architecture, products and visual systems. Extends the existing studio type system. */
.studio-home{background:var(--paper)}
.studio-home .site-header{background:var(--paper);backdrop-filter:none}
.studio-home .text-link{font-size:.875rem;letter-spacing:0;text-transform:none}
.studio-home .site-nav a{border-radius:0}
.studio-home .section-marker{font-size:.75rem;letter-spacing:.07em}
.practice-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:end;padding-top:clamp(38px,5vw,72px);padding-bottom:48px}
.practice-intro h1{font-size:clamp(2.75rem,4.8vw,4.7rem);line-height:1.05;max-width:21ch;letter-spacing:-.04em;text-wrap:balance}
.practice-intro-copy{display:grid;gap:24px;max-width:48ch}
.practice-intro-copy>p:first-child{font-size:1.0625rem;line-height:1.55;color:var(--ink-soft)}
.practice-intro-copy .practice-location{font-size:.8125rem;line-height:1.6;color:var(--muted)}
.selected-work{padding-top:0;padding-bottom:80px}
.work-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding-top:14px;margin-bottom:24px}
.work-heading h2{font-family:var(--sans);font-size:.875rem;letter-spacing:0;line-height:1.4}
.work-heading .text-link{padding:0 0 6px;min-height:0}
.featured-work{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start}
.work-entry{min-width:0}
.work-media{display:block;overflow:hidden;background:var(--paper-2)}
.work-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
/* Keep the skylights and joinery visible in the portrait laneway photograph. */
.laneway-media img{object-fit:contain}
.pigment-media{background:#efefed}
.pigment-media img{aspect-ratio:2048/1139;object-fit:contain}
.bloc-entry .work-media img{aspect-ratio:4/3}
.identity-media img{aspect-ratio:16/9;object-fit:contain}
.work-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;border-top:1px solid var(--line);padding-top:13px;margin-top:18px;color:var(--muted);font-size:.75rem;line-height:1.5}
.work-entry h3{font-size:clamp(1.7rem,2.5vw,2.5rem);margin:10px 0 13px;line-height:1.12}
.work-entry p{max-width:61ch;font-size:1rem;line-height:1.6;color:var(--ink-soft)}
.work-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:12px}
.work-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px clamp(24px,4vw,64px);margin-top:64px}
.studio-scope{border-top:1px solid var(--line);position:relative}
.studio-scope .section-head{margin-bottom:36px;gap:32px}
.scope-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.scope-columns article{border-top:1px solid var(--line);padding-top:22px}
.scope-columns h3{font-size:1.5rem;line-height:1.2;margin-bottom:16px}
.scope-columns p{color:var(--ink-soft);line-height:1.6}
.research-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(32px,5vw,80px);border-top:1px solid var(--line);align-items:start}
.research-copy{display:grid;gap:20px}
.research-copy p{max-width:42ch;line-height:1.6}
.research-copy .research-note{font-size:.875rem;color:var(--muted)}
.research-images{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:20px;align-items:end}
.research-images figure{margin:0;min-width:0}
.research-images img{width:100%;height:auto}
.research-images figcaption{display:block;padding:10px 0 0;font-size:.75rem;line-height:1.5;border:0;background:none;letter-spacing:0;text-transform:none;color:var(--muted)}
.studio-home .about{position:relative;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}
.studio-home .about-image{border:0;border-radius:0}
.studio-home .about-image img{min-height:0;aspect-ratio:3/4;object-fit:cover}
.studio-home .about-copy p{font-family:var(--sans);font-size:1rem;line-height:1.65;letter-spacing:0}
.studio-home .about-copy .scope-note{font-size:.875rem;color:var(--muted)}
.studio-home .about-copy .text-link{display:inline;min-height:0;padding:0}
.studio-home .contact-card{background:none;border:0;padding:0;border-radius:0}
.studio-home .contact-card p{font-size:1rem;line-height:1.6}
.studio-home .email-link{font-size:clamp(1.2rem,2.6vw,2.25rem);overflow-wrap:anywhere}
.studio-home .footer-nav a{font-size:.8125rem}
.anchor-alias{position:absolute;top:0;scroll-margin-top:96px}
.studio-home section,.work-entry{scroll-margin-top:96px}
@media(max-width:1024px){.practice-intro{grid-template-columns:1fr;gap:24px;padding-bottom:36px}.practice-intro h1{max-width:24ch}.practice-intro-copy{max-width:65ch;gap:14px}.featured-work{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.research-feature{grid-template-columns:1fr}.research-copy{max-width:65ch}.studio-home .about{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media(max-width:720px){.practice-intro{padding-top:32px}.practice-intro h1{font-size:clamp(2.5rem,9.5vw,3.5rem);max-width:18ch;text-wrap:initial}.featured-work,.work-pairs,.scope-columns,.studio-home .about{grid-template-columns:1fr}.featured-work{gap:40px}.work-pairs{gap:40px;margin-top:40px}.bloc-entry .work-media img{aspect-ratio:3/2}.selected-work{padding-bottom:52px}.work-heading{align-items:center}.work-entry h3{font-size:2rem}.work-meta{font-size:.75rem}.studio-scope .section-head{grid-template-columns:1fr;gap:18px}.scope-columns{gap:26px}.research-images{grid-template-columns:1fr 1.35fr;gap:14px}.research-copy{gap:16px}.studio-home .about-image{max-width:420px}.studio-home .about-copy p{line-height:1.6}.studio-home .contact-inner{gap:30px}.studio-home .site-footer{gap:20px}}
@media(prefers-reduced-motion:reduce){.work-media img{transition:none}}