/* Full-width moving photography behind the existing home-page introduction. */
.hero{display:block;position:relative;min-height:760px;background:#24141d;overflow:hidden}
.hero-visual{position:absolute;inset:0;z-index:0;background:#3b2b29 url('assets/goreme-fresco.jpg') center/cover no-repeat}
.hero-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.02)}
.hero-visual::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#21121df2 0%,#21121dd4 29%,#21121d9e 53%,#21121d45 78%,#21121d28 100%);pointer-events:none}
.hero-visual::after{inset:18px;z-index:2;border-color:#e4c99a85}
.hero-copy-panel{position:relative;z-index:2;min-height:760px;border:0;background:none;display:flex;align-items:center}
.hero-copy-panel::before,.hero-copy-panel::after{content:none}
.hero-inner{width:min(720px,calc(100% - 120px));margin:78px 0 78px clamp(42px,6vw,140px)}
.hero .eyebrow{color:#e4c690;letter-spacing:.22em}
.hero .hero-cross{margin:30px 0 15px}
.hero h1{color:#fff9ee;max-width:760px;font-size:clamp(62px,6vw,94px);text-shadow:0 2px 16px #180c14a3}
.hero h1 em{color:#e6bc80}
.hero-inner>p{color:#f3e9db;font-size:19px;line-height:1.7;max-width:600px;text-shadow:0 2px 8px #180c14a3}
.hero-scripture{color:#ebc895;border-top-color:#e4c99a82;max-width:600px}
@media(max-width:760px){.hero,.hero-copy-panel{min-height:740px}.hero-inner{width:calc(100% - 48px);margin:48px auto 58px}.hero h1{font-size:clamp(50px,10vw,72px)}.hero-inner>p{font-size:16px}.hero-visual::before{background:linear-gradient(180deg,#21121df2 0%,#21121ddb 48%,#21121d91 72%,#21121d57 100%)}.hero .hero-cross{margin:22px 0 10px}.hero-scripture{margin-top:32px}}
@media(max-width:420px){.hero,.hero-copy-panel{min-height:760px}.hero h1{font-size:49px}.hero-inner>p{font-size:15px}.hero .eyebrow{font-size:10px}.hero-scripture{font-size:9px}}
@media(min-width:761px) and (max-width:1100px){.hero-visual video{object-fit:contain;background:#27151b}}
@media(prefers-reduced-motion:reduce){.hero-visual video{display:none}}

/* Keep the portrait film inside the full mobile hero, including below the heading. */
@media(max-width:760px){
  .hero.hero{min-height:680px}
  .hero .hero-copy-panel{min-height:680px;padding:48px 0 58px;align-items:flex-start}
  .hero .hero-inner{margin:0 auto}
  .hero-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0}
  .hero-visual video{width:100%;height:100%;object-fit:cover;object-position:center center}
  .hero .hero-visual::before{background:linear-gradient(180deg,#181419dc 0%,#181419cb 32%,#181419b8 56%,#181419ef 100%)}
}