/* Two photographic chapters beneath the film. */
.home-page .residence-introduction{padding:96px 0 94px;margin:0;background:var(--paper)}
.introduction-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:52px}
.home-page .residence-introduction .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:25px;color:var(--clay)}
.home-page .residence-introduction h2{font-size:clamp(60px,6.5vw,96px);line-height:1.02;letter-spacing:-2px;margin:0;max-width:560px}
.home-page .residence-introduction h2 em{font-size:1em;white-space:normal;font-style:italic}
.introduction-copy .intro-copy{font-size:13px;line-height:1.95;color:var(--muted);margin:0 0 19px;max-width:475px}
.introduction-copy .text-link{font-size:10px}
.introduction-gallery{display:grid;grid-template-columns:1.6fr 1fr;gap:7%;align-items:end}
.introduction-gallery figure,.approach-photo{margin:0;min-width:0}
.journal-image.photo-window{display:block;position:relative;overflow:hidden;min-height:0;flex:none;background:var(--soft)}
.introduction-photo-main .journal-image{height:clamp(350px,31vw,460px)}
.introduction-photo-detail .journal-image{height:clamp(270px,24vw,350px)}
.journal-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--motion-ease);object-position:center}
.introduction-photo-main .journal-image img{object-position:center 45%}
.journal-image:hover img,.journal-image:focus-visible img{transform:scale(1.035)}
.introduction-gallery figcaption,.approach-photo figcaption{display:flex;justify-content:space-between;gap:16px;font-size:7px;line-height:1.7;letter-spacing:.8px;color:var(--muted);padding-top:17px}
.introduction-gallery figcaption>span:last-child,.approach-photo figcaption>span:last-child{white-space:nowrap;color:var(--clay)}
.approach-story{background:var(--soft);color:var(--ink)}
.approach-layout{padding-block:96px;display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}
.approach-copy>.eyebrow{font-size:8px;color:var(--clay);margin-bottom:27px}
.approach-copy h2{font-size:clamp(44px,4.6vw,65px);line-height:1.06;letter-spacing:-1.5px;margin:0 0 33px;max-width:520px}
.approach-copy h2 em{font-size:1em;letter-spacing:-1.5px;font-style:italic}
.approach-points{margin:0 0 25px}
.approach-points article{padding:18px 0;border-top:1px solid #c8c1b4}
.approach-points article:last-child{border-bottom:1px solid #c8c1b4}
.approach-points h3{font-size:26px;line-height:1.15;letter-spacing:-.25px;margin:0 0 9px}
.approach-points p{font-size:11px;line-height:1.9;color:var(--muted);margin:0;max-width:430px}
.approach-copy>.text-link{font-size:10px}
.approach-photo .journal-image{height:clamp(530px,46vw,660px)}
.approach-photo .journal-image img{object-position:57% center}
.approach-story>.agency-band{padding-top:38px}
@media(max-width:1100px){.introduction-heading{gap:7%}.home-page .residence-introduction h2{font-size:70px}.introduction-gallery{gap:5%}.approach-layout{gap:7%}.approach-copy h2{font-size:48px}.approach-points h3{font-size:24px}.approach-photo .journal-image{height:590px}}
@media(max-width:820px){.home-page .residence-introduction{padding-block:72px}.introduction-heading{grid-template-columns:1fr 1.1fr;gap:7%;margin-bottom:38px}.home-page .residence-introduction h2{font-size:62px}.introduction-copy .intro-copy{font-size:12px;line-height:1.9}.introduction-photo-main .journal-image{height:340px}.introduction-photo-detail .journal-image{height:265px}.introduction-gallery figcaption,.approach-photo figcaption{font-size:6px;gap:10px;letter-spacing:.5px}.approach-layout{padding-block:75px;gap:6%;grid-template-columns:1fr 1fr}.approach-copy h2{font-size:40px;letter-spacing:-1px}.approach-copy h2 em{letter-spacing:-1px}.approach-points h3{font-size:24px}.approach-points p{font-size:10px}.approach-photo .journal-image{height:600px}.approach-copy>.eyebrow{font-size:7px}}
@media(max-width:620px){.home-page .residence-introduction{padding:58px 0 55px}.introduction-heading{display:block;margin-bottom:32px}.home-page .residence-introduction .eyebrow{font-size:6.5px;margin-bottom:20px}.home-page .residence-introduction h2{font-size:58px;line-height:1.02;letter-spacing:-1.3px;margin-bottom:24px;max-width:none}.introduction-copy .intro-copy{font-size:12px;line-height:1.95;max-width:none;margin-bottom:17px}.introduction-copy .text-link{font-size:10px}.introduction-gallery{grid-template-columns:1fr;gap:28px}.introduction-photo-main .journal-image{height:auto;aspect-ratio:1.22}.introduction-photo-detail{width:76%;justify-self:end}.introduction-photo-detail .journal-image{height:auto;aspect-ratio:1.28}.introduction-gallery figcaption{font-size:5.8px;letter-spacing:.45px;padding-top:12px;gap:8px}.approach-layout{padding-block:57px;display:flex;flex-direction:column;gap:35px}.approach-copy{width:100%}.approach-copy>.eyebrow{font-size:7px;margin-bottom:22px}.approach-copy h2{font-size:44px;line-height:1.05;letter-spacing:-1px;margin-bottom:26px}.approach-copy h2 em{letter-spacing:-1px}.approach-points{margin-bottom:23px}.approach-points article{padding:19px 0}.approach-points h3{font-size:27px;line-height:1.12;margin-bottom:10px}.approach-points p{font-size:11px;line-height:1.9;max-width:none}.approach-photo{width:100%}.approach-photo .journal-image{height:auto;aspect-ratio:.9}.approach-photo figcaption{font-size:6px;padding-top:13px}.approach-story>.agency-band{padding-top:30px}}
@media(max-width:360px){.home-page .residence-introduction h2{font-size:51px}.approach-copy h2{font-size:39px}.approach-points h3{font-size:25px}.introduction-photo-detail{width:85%}.introduction-gallery figcaption{font-size:5.3px}.approach-photo figcaption{font-size:5.5px}}