/* Full-width opening, scoped so the original design stays intact elsewhere. */
.photographic-hero{position:relative;min-height:650px;display:flex;align-items:center;isolation:isolate;background:#30251f;overflow:hidden}
.photographic-hero>.slide{z-index:-2}
.photographic-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.photographic-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,25,23,.82),rgba(24,25,23,.56) 40%,rgba(24,25,23,.05) 72%);z-index:-1;pointer-events:none}
.photographic-hero-content{width:100%;max-width:1600px;margin:auto;padding:70px max(6vw,24px) 100px}
.photographic-hero h1{color:#fffdf8;font-size:clamp(52px,4.8vw,76px);line-height:1.06;letter-spacing:-.025em;margin:0 0 28px;max-width:620px}
.photographic-hero .eyebrow{color:#eee6dd;margin-bottom:26px}
.photographic-hero .photographic-intro{color:#fff9f2;font-size:20px;line-height:1.6;max-width:470px;margin-bottom:30px}
.photographic-hero .button{background:#fffdf8;border-color:#fffdf8;color:#30251f;font-weight:600;box-shadow:inset 0 0 0 3px #fffdf8,inset 0 0 0 4px #806344,0 4px 18px #0003;transition:background .3s,color .3s,box-shadow .3s}
.photographic-hero .button:hover,.photographic-hero .button:focus-visible{background:#30251f;color:#fffdf8;border-color:#fffdf8;box-shadow:inset 0 0 0 3px #30251f,inset 0 0 0 4px #d3b58f,0 4px 18px #0004}
.photographic-hero .button:focus-visible{outline:2px solid #fffdf8;outline-offset:4px}
.photographic-hero .slider-controls{left:auto;right:30px;bottom:25px;width:310px;max-width:calc(100% - 48px);box-sizing:border-box;display:grid;grid-template-columns:38px 52px 38px 1fr;gap:6px;background:#30251fd9;padding:7px 10px;border:1px solid #ead5b84d;border-radius:30px;font-variant-numeric:tabular-nums}
.photographic-hero .slider-controls button{min-width:38px;min-height:38px;display:grid;place-items:center;padding:0;border:0}
.photographic-hero .slider-controls .slide-pause{font-size:12px;margin:0;padding:0 4px;white-space:nowrap}
.photographic-hero .slide-count{font-size:12px;letter-spacing:.04em;text-align:center;display:grid;place-items:center;height:38px;line-height:1}
.photographic-hero .slider-controls button{height:38px;line-height:1}
.photographic-hero .slider-controls svg{display:block}
.photographic-hero .slider-controls button{border-radius:50%;background:transparent;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}
.photographic-hero .slider-controls .slide-pause{border-radius:22px}
.photographic-hero .slider-controls button:hover{background:#ead5b81c;color:#fffdf8;box-shadow:inset 0 0 0 1px #ead5b82b}
.photographic-hero .slider-controls button:focus-visible{outline:1px solid #ead5b8;outline-offset:2px;background:#ead5b81c}
@media(prefers-reduced-motion:reduce){.photographic-hero .slider-controls button{transition:none}}
@media(min-width:761px) and (max-width:1100px){.photographic-hero h1{font-size:52px;max-width:470px}.photographic-hero .photographic-intro{max-width:400px;font-size:18px}}
@media(max-width:760px){
 .photographic-hero{min-height:0;align-items:flex-end;background:#30251f}
 .photographic-hero-image{height:420px;object-position:54% 30%}
 .photographic-hero:after{background:linear-gradient(180deg,transparent 150px,rgba(48,37,31,.2) 240px,#30251f 420px)}
 .photographic-hero-content{padding:350px 26px 100px}
 .photographic-hero h1{font-size:clamp(40px,10.5vw,55px);margin-bottom:22px}
 .photographic-hero .eyebrow{display:none}
 .photographic-hero .photographic-intro{font-size:18px}.photographic-hero .photographic-intro br{display:none}.photographic-hero .photographic-intro br:after{content:" "}
 .photographic-hero .slider-controls{bottom:22px;left:26px;right:auto;max-width:calc(100% - 52px)}
}
@media(prefers-reduced-motion:reduce){.photographic-hero .slide{transition:none}}
