/* Shared imagery for the seven inner pages. Home styles are unchanged. */
.page-image-hero{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;min-height:520px;padding:78px max(40px,calc((100vw - 1120px)/2));color:#fff;background:var(--blue);overflow:hidden}
.page-image-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.page-image-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.60),rgba(0,0,0,.52) 55%,rgba(0,0,0,.45))}
.page-image-copy{width:100%;max-width:960px}
.page-image-hero .eyebrow{color:#fff;letter-spacing:2px;font-size:12px;margin-bottom:24px}
.page-image-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.15;max-width:950px;margin:0 0 28px;color:#fff}
.page-image-hero .lead{font-size:clamp(18px,1.8vw,22px);line-height:1.6;max-width:830px;color:#fff;margin:0}
.page-image-note{max-width:1120px;margin:0 auto;padding:16px 0 0;font-size:11px;line-height:1.6;color:#505656}
.page-photo{margin:0 0 28px;width:100%;min-width:0}
.page-photo img{width:100%;height:auto;aspect-ratio:10/7;object-fit:cover;border-radius:12px;background:var(--surface)}
.page-photo figcaption{font-size:12px;line-height:1.6;color:#505656;margin-top:10px}
.record-row .page-photo{margin-bottom:28px}
.form-layout aside .page-photo+.page-photo{margin-top:28px}
.form-layout aside .page-photo:last-child{margin-top:36px;margin-bottom:0}
@media(min-width:1440px){.page-image-hero{padding-inline:max(40px,calc((100vw - 1200px)/2))}.page-image-note{max-width:1200px}}
@media(max-width:1199px){.page-image-note{margin-inline:40px}}
@media(max-width:959px){.page-image-hero{min-height:460px;padding:62px 40px}.page-image-hero h1{font-size:48px}.page-image-note{margin-inline:40px}}
@media(max-width:639px){.page-image-hero{min-height:460px;padding:58px 24px}.page-image-hero h1{font-size:38px;letter-spacing:-.5px}.page-image-hero h1 br{display:none}.page-image-hero .eyebrow{font-size:11px;letter-spacing:1.6px;margin-bottom:20px}.page-image-hero .lead{font-size:17px;line-height:1.65}.page-image-hero>img{object-position:var(--hero-focus,50%) center}.page-image-note{margin-inline:20px;font-size:10px;padding-top:14px}.page-photo{margin-bottom:24px}.page-photo figcaption{font-size:11px}}

/* Equal photo and text columns in the Workflow editorial pair. */
.editorial.photo-editorial{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.photo-editorial>div{min-width:0}
.photo-editorial .page-photo figcaption{min-height:3.2em}
.photo-editorial h2,.photo-editorial h3{font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-.5px;min-height:2.6em;margin:0 0 24px}
.photo-editorial>div>p{font-size:16px;line-height:1.65}
@media(max-width:959px){.photo-editorial h2,.photo-editorial h3{font-size:28px}}
@media(max-width:639px){.editorial.photo-editorial{grid-template-columns:1fr}.photo-editorial h2,.photo-editorial h3,.photo-editorial .page-photo figcaption{min-height:0}}

/* Each Records guide has its own photograph; field lists keep their natural height. */
.record-guide .record-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.record-guide .record-row>div{min-width:0}
.sample-record-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;text-align:left}
.sample-record-header .page-photo{margin:0}
@media(max-width:639px){.record-guide .record-row,.sample-record-header{grid-template-columns:1fr}}

/* Put each About photograph beside its complete story. */
.editorial.about-photo-story{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.about-photo-story>div{min-width:0}
.about-photo-story h2{font-size:32px;line-height:1.3}
.about-photo-story .callout{margin-top:28px}
.about-photo-story .callout h3{font-size:26px}
/* Forms lead the mobile reading and keyboard order; contextual images follow. */
.form-layout>form{grid-column:2;grid-row:1}
.form-layout>aside{grid-column:1;grid-row:1}
@media(max-width:639px){.editorial.about-photo-story{grid-template-columns:1fr}.about-photo-story h2{font-size:28px}.form-layout>form,.form-layout>aside{grid-column:auto;grid-row:auto}}

/* Stock-photo note removed (Oct 2026): keep the spacing it provided below the hero. */
.page-image-hero{margin-bottom:34px}
@media(max-width:639px){.page-image-hero{margin-bottom:30px}}