/* Full-width photographic cover. Scoped to the home hero. */
.hero.hero--panoramic{position:relative;isolation:isolate;display:block;width:100%;margin:0;padding:0;overflow:hidden;background:#14251d;color:#fffdf5}
.hero--panoramic .hero-picture{position:absolute;inset:0;display:block}
.hero--panoramic .hero-visual{position:absolute;inset:0;min-height:0;aspect-ratio:auto;background:#14251d}
.hero--panoramic .hero-photo{width:100%;height:100%;object-fit:cover;object-position:76% 42%;opacity:1;visibility:visible}
.hero--panoramic::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,24,17,.91) 0%,rgba(10,24,17,.84) 30%,rgba(10,24,17,.68) 55%,rgba(10,24,17,.25) 76%,rgba(10,24,17,.08) 100%),linear-gradient(0deg,rgba(10,24,17,.42),transparent 30%)}
.hero--panoramic .hero-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:clamp(640px,calc(100svh - 92px),780px)}
.hero--panoramic .hero-content{width:min(100%,640px);padding:64px 0 72px}
.hero--panoramic .eyebrow{color:#f5edda;margin-bottom:26px;font-size:12px;letter-spacing:.16em}
.hero--panoramic .location-mark{color:#e7c98d}
.hero--panoramic h1{color:#fffdf5;font-size:clamp(68px,7.2vw,104px);line-height:1;letter-spacing:-.035em;margin:0 0 23px;text-shadow:0 2px 24px #08170e55}
.hero--panoramic h1>span:first-child{font-size:.37em;letter-spacing:.025em;margin-bottom:12px;line-height:1.2}
.hero--panoramic .title-period{color:#e7c98d}
.hero--panoramic .hero-subtitle{color:#fffdf5;font-size:clamp(29px,2.8vw,39px);line-height:1.2;margin-bottom:19px}
.hero--panoramic .hero-copy{max-width:445px;color:#f0f1e9;font-size:16px;line-height:1.8}
.hero--panoramic .hero-actions{gap:14px;margin-top:30px}
.hero--panoramic .hero-actions .button{font-size:14px;min-height:56px}
.hero--panoramic .button-primary{background:#f5edda;color:#172b23;border-color:#f5edda;box-shadow:0 4px 20px #09160f26}
.hero--panoramic .button-primary>span{border-left-color:#172b2333}
.hero--panoramic .button-primary:hover{background:#fffdf5;border-color:#fffdf5}
.hero--panoramic .hero-whatsapp{color:#fffdf5;background:#14251da6;border-color:#e8eddfbf}
.hero--panoramic .hero-whatsapp:hover{background:#172b23;border-color:#fffdf5}
.hero--panoramic .hero-litter-note{max-width:430px;border-color:#e8eddf55;margin-top:32px;padding-top:22px}
.hero--panoramic .hero-litter-note strong{color:#fffdf5}
.hero--panoramic .hero-litter-note p{color:#e8ecdf}
.hero--panoramic .hero-photo-caption{position:absolute;z-index:2;right:max(var(--gutter),calc((100% - 1320px)/2));bottom:30px;margin:0;padding:8px 13px;border-left:1px solid #e8eddf99;background:#102218b3;color:#f5edda;font-size:10px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase}
.hero--panoramic :focus-visible{outline-color:#f6dca3;outline-offset:5px}
@media(min-width:1600px){.hero--panoramic .hero-content{width:690px}.hero--panoramic .hero-copy{max-width:475px}}
@media(max-width:1100px){.hero--panoramic .hero-content{width:580px}.hero--panoramic h1{font-size:76px}.hero--panoramic .hero-copy{max-width:405px}.hero--panoramic .hero-actions{gap:12px}.hero--panoramic .hero-actions .button{font-size:13px;gap:16px;padding-left:18px;padding-right:14px}}
@media(max-width:900px) and (min-width:741px){.hero--panoramic .hero-inner{min-height:650px}.hero--panoramic .hero-content{width:500px}.hero--panoramic h1{font-size:67px}.hero--panoramic .hero-copy{max-width:350px}.hero--panoramic .hero-actions{max-width:480px}.hero--panoramic .hero-photo-caption{display:none}}
@media(max-width:740px){
  .hero--panoramic .hero-inner{min-height:760px;align-items:flex-end}
  .hero--panoramic .hero-content{width:100%;padding:285px 0 42px}
  .hero--panoramic .hero-photo{object-position:88% top}
  .hero.hero--panoramic::after{background:linear-gradient(180deg,rgba(10,24,17,.08) 0%,rgba(10,24,17,.12) 18%,rgba(10,24,17,.62) 31%,rgba(10,24,17,.9) 43%,rgba(10,24,17,.96) 100%)}
  .hero--panoramic .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:20px}
  .hero--panoramic h1{font-size:clamp(48px,11.8vw,76px);margin:0 0 20px;white-space:normal}
  .hero--panoramic h1>span:first-child{font-size:.45em;margin-bottom:9px}
  .hero--panoramic .hero-subtitle{font-size:29px;max-width:340px;margin-bottom:16px}
  .hero--panoramic .hero-copy{max-width:480px;font-size:15px;line-height:1.75}
  .hero--panoramic .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:25px;max-width:380px}
  .hero--panoramic .hero-actions .button{font-size:14px;min-height:54px}
  .hero--panoramic .hero-litter-note,.hero--panoramic .hero-photo-caption{display:none}
}
@media(max-width:380px){.hero--panoramic .hero-content{padding-top:245px}.hero--panoramic h1{font-size:clamp(43px,12.3vw,47px)}.hero--panoramic .hero-subtitle{font-size:26px}.hero--panoramic .hero-inner{min-height:730px}}
