/* Complete compositions, no forced image crop. */
.domain-photo{position:relative;margin:0;overflow:hidden;border-radius:3px;min-width:0}
.domain-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.domain-photo figcaption{position:absolute;right:7px;bottom:7px;max-width:calc(100% - 14px);padding:3px 6px;background:#203547c9;color:white;font:400 10px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:0}
.hero-grid:has(.hero-photo){grid-template-columns:1.1fr 1fr;gap:48px}
.hero-grid:has(.hero-photo) h1{font-size:clamp(40px,4.3vw,59px)}
.hero-photo{min-width:0}.hero-photo .domain-photo{box-shadow:none}
.hero-notes.observation-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:25px 0 0;border-top:1px solid #d0d6cb;background:none;margin-top:27px}
.observation-strip>.eyebrow{display:block;grid-column:1/-1;margin:0 0 -10px}.observation-strip .hero-note{border:0;padding:0;gap:13px}.observation-strip .hero-note h2{font-size:25px}.observation-strip .hero-note p{font-size:14px}
.page-photo-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:45px;align-items:center}
.page-photo-grid>*{min-width:0}.page-photo-grid h1{font-size:clamp(35px,3.6vw,50px)}.page-photo-grid .lead{font-size:18px;line-height:1.65}
@media(max-width:980px){.hero-grid:has(.hero-photo){gap:30px}.page-photo-grid{gap:30px}.hero-notes.observation-strip{gap:18px}.observation-strip .hero-note{gap:8px}.observation-strip .hero-note h2{font-size:23px}}
@media(max-width:760px){.hero-grid:has(.hero-photo),.page-photo-grid{grid-template-columns:1fr;gap:28px}.hero-grid:has(.hero-photo) h1{font-size:46px}.page-photo-grid h1{font-size:42px}.hero-notes.observation-strip{grid-template-columns:1fr;gap:20px}.observation-strip .hero-note{padding-bottom:15px;border-bottom:1px solid #d0d6cb}.observation-strip .hero-note:last-child{padding-bottom:0;border:0}.observation-strip .hero-note h2{font-size:26px}.observation-strip .hero-note p{font-size:16px}.domain-photo figcaption{font-size:9px;right:6px;bottom:6px}}
@media(max-width:520px){.hero-grid:has(.hero-photo) h1{font-size:41px}.page-photo-grid h1{font-size:37px}.page-photo-grid .lead{font-size:18px}}
@media(max-width:359px){.hero-grid:has(.hero-photo) h1{font-size:37px}.page-photo-grid h1{font-size:34px}}
