/* Decorative, automatic photography behind the existing hero title and controls. */
.hero .hero__backdrop{background:#101021 url('assets/optimized/lore-1280.webp') center/cover no-repeat;transform:none;overflow:hidden;pointer-events:none;user-select:none}
.hero__backdrop .hero-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.8s ease;pointer-events:none;user-select:none}
.hero__backdrop .hero-photo.is-active{opacity:1}
.about-section{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(35px,5vw,90px)}
.about-section .about-copy{display:block;max-width:510px}.photobook-column{min-width:0}
@media(min-width:1001px){
 html:not(.is-create) .about-section{align-items:start}
 html:not(.is-create) .about-section .about-copy{margin-top:20px}
 html:not(.is-create) .about-copy>.eyebrow{margin-top:0}
 html:not(.is-create) .about-copy h2{font-size:clamp(36px,3.5vw,54px);line-height:1.05}
 html:not(.is-create) .about-copy>p:last-child{margin-bottom:0}
}
@media(max-width:1000px){.about-section{grid-template-columns:1fr}.about-section .about-copy{max-width:680px}.photobook-column{width:100%;max-width:1040px;margin:auto}}
@media(prefers-reduced-motion:reduce){.hero__backdrop .hero-photo{transition:none}}