/* Approved-reference refinement. The original stylesheet remains recoverable.
   Shared identity, type, grid and tonal rules; no content or asset substitutions. */
:root {
  --gutter: clamp(24px, 5.4vw, 104px);
  --display: clamp(72px, 9.1vw, 148px);
  --section-title: clamp(48px, 5.3vw, 86px);
  --body-size: clamp(17px, 1.3vw, 20px);
  --rule: 1px solid var(--neutral);
}
body { font-size: var(--body-size); line-height: 1.6; }
h1, h2, h3 { letter-spacing: -.018em; font-weight: 400; }
h2 { font-size: var(--section-title); line-height: 1.04; }
.eyebrow { font-size: 13px; letter-spacing: .115em; font-weight: 500; }
.section-pad { padding-block: clamp(74px, 7.5vw, 116px); }
.text-link { font-size: 13px; letter-spacing: .09em; gap: 26px; }

/* Identity: the C silhouette is traced from the supplied Studio reference. */
.site-header { min-height: 108px; padding-block: 17px; gap: 32px; }
.identity { display: inline-flex; align-items: center; gap: 20px; padding: 0; }
.brand-mark { display: block; flex: none; width: 58px; height: 60px; }
.brand-type { display: flex; flex-direction: column; gap: 3px; }
.wordmark { font-size: clamp(18px, 1.6vw, 24px); letter-spacing: .19em; }
.brand-tagline { font-size: 13px; letter-spacing: .105em; }
.site-header nav { gap: clamp(22px, 2.5vw, 40px); }
.site-header nav a { font-size: 13px; letter-spacing: .095em; }
.site-header nav .header-cta {
  position: relative; border: 0; padding: 16px 24px; margin-left: 22px;
  background: var(--green); color: var(--ivory);
}
.header-cta::before { content: ''; position: absolute; left: -23px; top: 0; bottom: 0; border-left: var(--rule); }
.header-cta:focus-visible { outline-color: var(--ink); }

/* Home: a cinematic opening, then deliberate image / text compositions. */
.page-home .site-header { position: absolute; inset: 0 0 auto; background: transparent; padding-top: 0; align-items: flex-start; }
.page-home .identity { background: var(--ivory); padding: 19px 26px; }
.page-home .site-header nav { background: var(--ivory); padding: 18px 22px; }
.home-hero { height: 100svh; min-height: 750px; max-height: 1100px; }
.home-hero::after { background: rgba(0,0,0,.38); }
.home-hero .hero-image { object-position: 50% 52%; }
.hero-copy { bottom: 12%; max-width: calc(100% - 2 * var(--gutter)); }
.hero-copy h1 { font-size: var(--display); line-height: .99; letter-spacing: -.025em; margin-block: 25px 23px; }
.hero-copy > p:not(.eyebrow) { font-size: clamp(19px, 1.65vw, 25px); margin-bottom: 30px; }
.hero-copy .text-link { background: var(--green); border: 1px solid var(--neutral); padding: 15px 22px; }
.hero-credit { font-size: 12px; letter-spacing: .08em; }
.intro { grid-template-columns: 1.35fr 1fr; gap: 16px 11%; padding-block: 90px; }
.intro > .eyebrow { grid-column: 1 / -1; }
.intro h2 { font-size: clamp(52px, 5.3vw, 86px); }
.intro-note { grid-column: 2; align-self: center; margin: 0; font-size: var(--body-size); }
.selected-work { padding: 0 0 90px; }
.selected-work > .section-heading { margin: 0; padding: 28px var(--gutter); border-top: var(--rule); }
.selected-work .project-feature { display: grid; grid-template-columns: 34% 66%; margin: 0 0 12px; width: 100%; border-top: var(--rule); }
.selected-work .image-link { grid-column: 2; grid-row: 1; }
.selected-work .image-link img { aspect-ratio: 1.65; height: 100%; max-height: none; }
.selected-work .project-caption { grid-column: 1; grid-row: 1; margin: 0; padding: 48px 11% 48px 16%; flex-direction: column; align-items: flex-start; justify-content: center; gap: 26px; }
.selected-work .project-caption h3 { font-size: clamp(34px, 3.45vw, 56px); line-height: 1.02; margin: 22px 0 16px; }
.selected-work .project-caption .eyebrow { font-size: 12px; letter-spacing: .09em; }
.selected-work .location { font-size: 16px; }
.selected-work .project-arrow { border-bottom: 1px solid currentColor; width: 70px; justify-content: start; font-size: 28px; }
.selected-work .feature-offset { grid-template-columns: 61% 39%; }
.selected-work .feature-offset .image-link { grid-column: 1; }
.selected-work .feature-offset .project-caption { grid-column: 2; padding-inline: 12%; }
.selected-work .feature-offset .image-link img { aspect-ratio: 1.5; }
.selected-work .feature-portrait { grid-template-columns: 42% 58%; }
.selected-work .feature-portrait .image-link img { aspect-ratio: 1.05; object-position: center; max-height: 800px; }
.selected-work .feature-portrait .project-caption { padding-left: 13%; }
.philosophy { text-align: left; padding: 95px var(--gutter); border: 0; }
.philosophy .eyebrow { margin: 0 0 33px; }
.philosophy h2 { font-size: clamp(52px, 6vw, 98px); line-height: 1.09; max-width: 1100px; }
.philosophy-rule { margin: 38px 0 0; height: 50px; }
.additional { padding-block: 68px 88px; }
.additional-grid { gap: 28px; }
.additional-grid .image-link img { aspect-ratio: 1.35; }
.additional-grid .project-caption h3 { font-size: clamp(26px, 2.3vw, 37px); line-height: 1.08; }
.additional-grid .project-caption .eyebrow { font-size: 12px; }
.studio-preview { gap: 7%; padding-block: 0 90px; align-items: stretch; }
.studio-copy { align-self: center; padding-block: 32px; }
.studio-copy h2 { font-size: clamp(44px, 4.6vw, 74px); }
.studio-copy > p:not(.eyebrow) { font-size: var(--body-size); line-height: 1.7; }
.portrait-placeholder { background: var(--stone); color: var(--green); min-height: 540px; aspect-ratio: 1; max-height: none; border: 0; }
.asset-placeholder .eyebrow { max-width: 28ch; }

/* Typographic capability list: separators, not service cards. */
.capabilities { grid-template-columns: 1fr 1fr; gap: 25px 8%; }
.capabilities h2 { font-size: clamp(42px, 4.6vw, 74px); max-width: 850px; grid-column: 1 / -1; }
.capabilities ol { grid-column: 1 / -1; grid-row: auto; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 34px; }
.capabilities li { display: block; border: 0; border-left: var(--rule); padding: 14px 24px; font-family: var(--serif); font-size: clamp(24px, 2.2vw, 34px); line-height: 1.15; }
.capabilities li:first-child { border-left: 0; padding-top: 14px; padding-left: 0; }
.capabilities .item-number { display: block; font-family: var(--sans); font-size: 13px; margin-bottom: 20px; }

/* A substantial shared close and a quiet, unmistakable signature. */
.project-cta { display: grid; grid-template-columns: 1.1fr 1fr; gap: 28px 12%; text-align: left; padding-block: 95px; }
.project-cta > .eyebrow { grid-column: 1 / -1; margin: 0; }
.project-cta h2 { grid-column: 1; grid-row: 2 / span 2; font-size: clamp(65px, 7vw, 112px); margin: 0; line-height: 1.02; }
.project-cta > p:not(.eyebrow) { grid-column: 2; align-self: end; margin: 0; max-width: 31ch; font-size: 18px; }
.project-cta .text-link { grid-column: 2; justify-self: start; align-self: start; margin: 0; background: var(--green); border: 1px solid var(--neutral); padding: 16px 26px; }
.site-footer { padding-top: 66px; border-color: var(--green); }
.footer-top { grid-template-columns: 1.8fr 1fr 1fr auto; align-items: center; gap: 40px; }
.footer-brand { font-size: clamp(34px, 3.5vw, 55px); }
.footer-brand span { font-size: 14px; margin-top: 14px; }
.footer-top nav a { min-height: 44px; font-size: 15px; }
.footer-top > p { font-size: 15px; }
.footer-signature .brand-mark { width: 112px; height: 118px; }
.footer-bottom { padding-top: 60px; font-size: 13px; }

/* Portfolio grid retains its six projects and alternating rhythm. */
.page-intro { padding-block: 80px 65px; }
.page-intro h1 { font-size: var(--display); line-height: 1.02; }
.project-index { column-gap: 5%; row-gap: 100px; padding-top: 10px; }
.project-index .index-right { padding-top: 150px; }
.project-index .image-link img { aspect-ratio: 1.05; }
.project-index .project-caption h3 { font-size: clamp(35px, 3.5vw, 56px); line-height: 1.04; }
.project-index .project-caption { border-bottom: var(--rule); padding-bottom: 30px; align-items: flex-start; }
.project-index .project-caption .eyebrow { font-size: 12px; }

/* Case studies: the same chapter sequence, styled as aligned editorial rails. */
.page-case main { display: grid; grid-template-columns: 34% 66%; }
.page-case main > * { grid-column: 1 / -1; min-width: 0; }
.page-case .project-intro { grid-column: 1; grid-row: 1; padding: 52px 11% 48px 16%; display: flex; flex-direction: column; justify-content: center; }
.project-intro h1 { font-size: clamp(44px, 4.35vw, 72px); line-height: 1.03; margin-block: 35px 28px; letter-spacing: -.015em; }
.project-meta { display: flex; flex-direction: column; gap: 12px; font-size: 17px; }
.project-meta p:last-child { margin: 20px 0 0; font-size: 13px; letter-spacing: .08em; }
.page-case .project-opening { grid-column: 2; grid-row: 1; padding: 0; position: relative; }
.project-opening .editorial-figure { height: 100%; }
.project-opening img { width: 100%; height: 100%; min-height: 660px; max-height: 820px; object-fit: cover; }
.project-opening .editorial-figure figcaption { position: absolute; bottom: 18px; right: 20px; max-width: calc(100% - 40px); margin: 0; padding: 6px 11px; background: var(--ivory); color: var(--ink); }
.case-section { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 2fr); gap: 40px 6%; padding-block: 65px; border-bottom: var(--rule); }
.case-section + .case-section { padding-top: 65px; }
.chapter-copy { display: block; margin: 0; grid-column: 1; grid-row: auto; }
.chapter-title { font-size: clamp(30px, 2.85vw, 45px); line-height: 1.11; letter-spacing: .01em; margin-bottom: 25px; }
.chapter-title .eyebrow { display: block; font-family: var(--sans); margin-bottom: 20px; }
.chapter-title > span:last-child { display: block; }
.chapter-text { font-family: var(--sans); font-size: var(--body-size); line-height: 1.65; max-width: 34ch; }
.case-section > :not(.chapter-copy) { grid-column: 2; min-width: 0; }
.case-section:has(.chapter-copy:only-child) { display: block; padding-block: 65px; }
.case-section:has(.chapter-copy:only-child) .chapter-copy { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 2fr); gap: 6%; }
.case-section:has(.chapter-copy:only-child) .chapter-text { max-width: 40ch; font-family: var(--serif); font-size: clamp(28px, 3.1vw, 49px); line-height: 1.28; }
.drawing-panel { background: var(--ivory); padding: 24px; }
.secondary-drawing { margin: 0 auto; max-width: 700px; }
.editorial-figure figcaption { font-size: 13px; line-height: 1.5; letter-spacing: .015em; margin-top: 14px; }
.editorial-pair { gap: 24px; grid-template-columns: 1.2fr 1fr; }
.editorial-pair figure:nth-child(2) { padding-top: 65px; }
.pair-offset { grid-template-columns: 1.2fr .8fr; gap: 24px; }
.narrow-figure { width: 75%; margin: 30px 0 0 auto; }
.material-study { grid-template-columns: minmax(0, .85fr) minmax(0, 2fr); gap: 6%; background: var(--ivory); padding-block: 65px; border-bottom: var(--rule); }
.material-study h2 { font-size: clamp(34px, 3.1vw, 49px); line-height: 1.08; }
.material-study p:not(.eyebrow) { font-size: var(--body-size); }
.project-navigation { padding-block: 58px; border-top: 0; gap: 50px; }
.project-navigation a { font-size: clamp(28px, 2.7vw, 43px); }

/* Studio: typographic weight and a two-column opening, same existing content. */
.page-studio main { display: grid; grid-template-columns: 50% 50%; }
.page-studio main > * { grid-column: 1 / -1; min-width: 0; }
.page-studio .page-intro { grid-column: 2; grid-row: 1; padding: 65px 9% 0; }
.page-studio .page-intro h1 { font-size: clamp(48px, 4.7vw, 79px); text-transform: uppercase; margin: 24px 0 0; line-height: 1.02; }
.page-studio .page-intro h1 span { display: block; white-space: nowrap; }
.page-studio .studio-main { display: contents; }
.page-studio .studio-main > .portrait-placeholder { grid-column: 1; grid-row: 1 / span 2; height: 100%; aspect-ratio: auto; min-height: 780px; }
.page-studio .studio-main > div:not(.portrait-placeholder) { grid-column: 2; grid-row: 2; padding: 45px 9% 65px; }
.studio-main h2 { font-size: clamp(34px, 3vw, 49px); margin-block: 24px; }
.studio-main > div > p:not(.eyebrow) { font-size: var(--body-size); line-height: 1.65; }
.page-studio .philosophy { background: var(--green); padding-block: 90px; }
.page-studio .philosophy h2 { font-size: clamp(62px, 7.3vw, 116px); }

/* Contact: a full-width tonal opening, with the existing form untouched. */
.contact-intro { background: var(--green); color: var(--ivory); padding-block: 85px; }
.contact-intro h1 { font-size: clamp(65px, 8.3vw, 134px); line-height: 1.03; margin-block: 28px 32px; }
.contact-intro > p:last-child { font-size: 21px; }
.contact-layout { padding-top: 90px; grid-template-columns: .8fr 1.5fr; gap: 10%; }
.field label { font-size: 16px; margin-bottom: 12px; }
.field input, .field select, .field textarea { border-color: var(--sage); }
.form-grid { row-gap: 35px; }
.collaborative { background: var(--stone); }
.collaborative h2 { font-size: clamp(52px, 5.5vw, 88px); }

@media (max-width: 1100px) and (min-width: 801px) {
  .site-header { padding-inline: 28px; gap: 20px; }
  .brand-mark { width: 44px; height: 48px; }
  .identity { gap: 13px; }
  .wordmark { font-size: 17px; }
  .brand-tagline { font-size: 11px; }
  .site-header nav { gap: 17px; }
  .site-header nav a { font-size: 12px; }
  .site-header nav .header-cta { padding-inline: 15px; margin-left: 10px; }
  .header-cta::before { left: -15px; }
  .page-home .identity { padding-inline: 17px; }
  .page-home .site-header nav { padding-inline: 16px; }
  .selected-work .project-caption { padding-inline: 12%; }
  .project-intro h1 { font-size: 42px; }
  .page-studio .page-intro h1 { font-size: 4.6vw; }
}

@media (max-width: 800px) {
  :root { --display: clamp(46px, 10.2vw, 80px); --section-title: clamp(43px, 7.2vw, 62px); --body-size: 17px; }
  .site-header { min-height: 93px; padding: 18px var(--gutter); gap: 16px; align-items: center; }
  .identity { gap: 12px; }
  .brand-mark { width: 39px; height: 42px; }
  .wordmark { font-size: clamp(13px, 3.6vw, 20px); letter-spacing: .14em; }
  .brand-tagline { font-size: clamp(10px, 2.5vw, 13px); letter-spacing: .045em; }
  .menu-toggle { font-size: 12px; padding: 4px 0 4px 8px; }
  .site-header nav { gap: 15px; }
  .site-header nav a { font-size: 14px; }
  .site-header nav .header-cta { margin-left: 0; padding: 15px 20px; }
  .header-cta::before { display: none; }
  .page-home .site-header { position: relative; padding: 18px var(--gutter); background: var(--ivory); align-items: center; }
  .page-home .identity { padding: 0; background: transparent; }
  .page-home .site-header nav { padding: 20px 0 0; }
  .home-hero { height: calc(100svh - 93px); min-height: 610px; max-height: 1000px; }
  .hero-copy { bottom: 15%; }
  .hero-copy h1 { font-size: clamp(34px, 10.15vw, 80px); margin-block: 24px; }
  .hero-copy .eyebrow { font-size: 11px; letter-spacing: .075em; }
  .hero-copy > p:not(.eyebrow) { font-size: 18px; max-width: 27ch; }
  .hero-credit { font-size: 11px; }
  .intro { grid-template-columns: 1fr; padding-block: 75px; gap: 25px; }
  .intro h2 { font-size: clamp(43px, 7.7vw, 65px); }
  .intro-note { grid-column: 1; max-width: 42ch; }
  .selected-work { padding-bottom: 60px; }
  .selected-work .project-feature, .selected-work .feature-offset, .selected-work .feature-portrait { display: flex; flex-direction: column; margin-bottom: 30px; border-top: 0; }
  .selected-work .project-caption, .selected-work .feature-offset .project-caption, .selected-work .feature-portrait .project-caption { padding: 30px var(--gutter) 25px; gap: 15px; }
  .selected-work .project-caption { display: grid; grid-template-columns: 1fr auto; align-items: end; }
  .selected-work .project-caption h3 { font-size: clamp(34px, 6.3vw, 51px); margin-block: 17px 13px; }
  .selected-work .project-caption .eyebrow { font-size: 12px; }
  .selected-work .project-arrow { width: 38px; min-width: 38px; }
  .selected-work .image-link img { aspect-ratio: 1.1; height: auto; object-position: center; }
  .selected-work .feature-offset .image-link img { aspect-ratio: 1.2; }
  .selected-work .feature-portrait .image-link img { aspect-ratio: 1; max-height: 750px; }
  .philosophy { padding-block: 75px; }
  .philosophy h2 { font-size: clamp(34px, 6.7vw, 56px); line-height: 1.15; }
  .additional { padding-block: 65px; }
  .additional-grid { gap: 48px; }
  .additional-grid .project-caption h3 { font-size: 33px; }
  .studio-preview { grid-template-columns: 1fr; gap: 30px; padding-bottom: 70px; }
  .studio-copy h2 { font-size: clamp(43px, 7.8vw, 64px); }
  .portrait-placeholder { min-height: 410px; aspect-ratio: 4/5; padding: 32px; }
  .capabilities { grid-template-columns: 1fr; }
  .capabilities h2 { font-size: clamp(40px, 7.2vw, 61px); }
  .capabilities ol { display: block; margin-top: 12px; }
  .capabilities li, .capabilities li:first-child { display: flex; align-items: baseline; gap: 26px; border-left: 0; border-bottom: var(--rule); padding: 20px 0; font-size: 29px; }
  .capabilities .item-number { margin: 0; min-width: 20px; }
  .project-cta { grid-template-columns: 1fr; gap: 28px; padding-block: 75px; }
  .project-cta h2 { grid-column: 1; grid-row: auto; font-size: clamp(55px, 10vw, 80px); }
  .project-cta > p:not(.eyebrow), .project-cta .text-link { grid-column: 1; }
  .footer-top { grid-template-columns: 1fr auto; gap: 36px; }
  .footer-brand { grid-column: 1; font-size: clamp(30px, 5.5vw, 43px); }
  .footer-brand span { font-size: 12px; }
  .footer-signature { grid-column: 2; grid-row: 1; }
  .footer-signature .brand-mark { width: 62px; height: 68px; }
  .footer-top nav { grid-column: 1; grid-row: 2; }
  .footer-top > p { grid-column: 2; grid-row: 2; }
  .page-intro { padding-block: 60px 45px; }
  .project-index { gap: 70px; }
  .project-index .index-right { padding-top: 0; }
  .project-index .project-caption h3 { font-size: 36px; }
  .page-case main, .page-studio main { display: block; }
  .page-case .project-intro { padding: 35px var(--gutter) 45px; }
  .project-intro h1 { font-size: clamp(43px, 8.8vw, 68px); max-width: 12ch; }
  .project-meta { font-size: 16px; }
  .project-meta p:last-child { margin-top: 12px; }
  .project-opening img { height: auto; min-height: 0; max-height: none; aspect-ratio: 1.08; }
  .project-opening .editorial-figure figcaption { font-size: 11px; bottom: 12px; right: 12px; padding: 5px 8px; }
  .case-section, .case-section:has(.chapter-copy:only-child) { display: block; padding-block: 50px; }
  .case-section + .case-section { padding-top: 50px; }
  .chapter-copy, .case-section:has(.chapter-copy:only-child) .chapter-copy { display: block; margin-bottom: 35px; }
  .chapter-title { font-size: 35px; margin-bottom: 22px; }
  .chapter-title .eyebrow { margin-bottom: 13px; }
  .chapter-text { max-width: 42ch; }
  .case-section:has(.chapter-copy:only-child) .chapter-text { font-size: 29px; }
  .case-section:has(.chapter-copy:only-child) .chapter-copy { margin-bottom: 0; }
  .case-section > :not(.chapter-copy) + :not(.chapter-copy) { margin-top: 30px; }
  .editorial-pair, .pair-offset { grid-template-columns: 1fr; gap: 30px; }
  .editorial-pair figure:nth-child(2) { padding: 0; }
  .editorial-pair img { aspect-ratio: auto; }
  .drawing-panel { padding: 12px 0; }
  .narrow-figure { width: 100%; margin-top: 30px; }
  .material-study { display: block; padding-block: 55px; }
  .material-study > figure { margin-top: 35px; }
  .material-study h2 { font-size: 40px; }
  .project-navigation { gap: 25px; padding-block: 40px; }
  .project-navigation a { font-size: clamp(21px, 4vw, 29px); }
  .page-studio .page-intro { padding: 55px var(--gutter) 45px; }
  .page-studio .page-intro h1 { font-size: clamp(34px, 8.45vw, 65px); margin-bottom: 0; }
  .page-studio .studio-main { display: block; padding: 0; }
  .page-studio .studio-main > .portrait-placeholder { min-height: 480px; height: auto; aspect-ratio: 4/5; }
  .page-studio .studio-main > div:not(.portrait-placeholder) { padding: 45px var(--gutter) 60px; }
  .studio-main h2 { font-size: 43px; }
  .page-studio .philosophy { padding-block: 75px; }
  .page-studio .philosophy h2 { font-size: clamp(41px, 8.2vw, 69px); }
  .contact-intro { padding-block: 65px; }
  .contact-intro h1 { font-size: clamp(42px, 8.9vw, 70px); }
  .contact-intro > p:last-child { font-size: 18px; }
  .contact-layout { display: block; padding-top: 55px; }
  .contact-layout form { margin-top: 50px; }
  .collaborative h2 { font-size: 48px; }
}
@media (max-width: 380px) {
  .site-header { gap: 7px; }
  .identity { gap: 9px; }
  .brand-mark { width: 31px; height: 36px; }
  .wordmark { font-size: 12px; }
  .brand-tagline { font-size: 9px; }
  .menu-toggle { font-size: 11px; }
  .footer-top { gap: 24px; }
  .footer-brand { font-size: 29px; }
  .footer-signature .brand-mark { width: 44px; height: 50px; }
  .footer-top > p { font-size: 13px; }
  .hero-copy .eyebrow { font-size: 10px; }
}

/* Shared case-study pairs: a single visual unit, independent of source ratios. */
.page-case .editorial-pair {
  container-type: inline-size;
  display: grid;
  grid-template-columns: minmax(0, 57fr) minmax(0, 43fr);
  gap: 24px;
  align-items: start;
}
.page-case .editorial-pair > figure {
  min-width: 0;
  margin: 0;
  padding: 0;
}
.page-case .editorial-pair img {
  display: block;
  width: 100%;
  height: clamp(280px, 48cqw, 520px);
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}
.page-case .editorial-pair img[src*="garden-door-"] {
  object-position: 45% 48%;
}
.page-case .editorial-pair figcaption {
  width: 100%;
  margin-top: 14px;
}
@media (max-width: 1000px) {
  .page-case .editorial-pair {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }
  .page-case .editorial-pair img {
    height: auto;
    aspect-ratio: auto;
  }
}

/* Contact: reserved photographic detail beside the existing editorial copy. */
.page-contact .collaborative {
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding: 0;
  background: var(--ivory);
}
.page-contact .collaborative-image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 480px;
  padding: 60px var(--gutter);
  background: var(--stone);
  border-block: var(--rule);
  text-align: center;
}
.page-contact .collaborative-image-placeholder .eyebrow { margin: 0; }
.page-contact .collaborative-copy {
  min-width: 0;
  align-self: center;
  padding: 80px var(--gutter);
}
@media (max-width: 800px) {
  .page-contact .collaborative { grid-template-columns: minmax(0, 1fr); }
  .page-contact .collaborative-image-placeholder { min-height: 0; aspect-ratio: 4 / 3; padding: 40px var(--gutter); }
  .page-contact .collaborative-copy { padding: 60px var(--gutter); }
}

/* Contact hierarchy polish, scoped to the opening and inquiry composition. */
.page-contact .contact-intro { padding-block: 72px; }
.page-contact .contact-intro h1 { font-size: clamp(53.3px, 6.806vw, 109.88px); }
.page-contact .contact-layout { padding-top: 76px; column-gap: 6%; }
@media (max-width: 800px) {
  .page-contact .contact-intro { padding-block: 56px; }
  .page-contact .contact-intro h1 { font-size: clamp(34.44px, 7.298vw, 57.4px); }
  .page-contact .contact-layout { padding-top: 48px; }
  .page-contact .contact-layout form { margin-top: 38px; }
}