.hero-section .hero-overlay{pointer-events:none;background:linear-gradient(90deg,#061632e8 0%,#061632aa 38%,#06163230 75%)!important}
.hero-section .hero-content{pointer-events:none;z-index:3!important;width:calc(100% - 120px);max-width:1200px}
.hero-section .hero-content h1{max-width:660px!important;font-size:clamp(2.2rem,4.6vw,4.5rem)!important;line-height:1.1!important}
.hero-section .hero-content .hero-copy{max-width:570px;line-height:1.85}
#heroCarousel .hero-slide{object-fit:cover!important;object-position:center 52%!important}
#heroCarousel .carousel-control-prev,#heroCarousel .carousel-control-next{z-index:5;width:48px;height:48px;top:50%;bottom:auto;transform:translateY(-50%);border:1px solid #ffffff66;border-radius:50%;background:#071b3f80;opacity:1}
#heroCarousel .carousel-control-prev{left:16px}#heroCarousel .carousel-control-next{right:16px}
.hero-photo-controls{position:absolute;z-index:6;bottom:24px;right:28px;display:flex;align-items:center;gap:16px;padding:10px 14px;background:#061633c9;border:1px solid #ffffff33;border-radius:7px;color:#fff}
.hero-photo-controls>button{background:transparent;border:1px solid #e3c57199;border-radius:4px;color:#f2d88d;font:700 12px/1.5 Arial,sans-serif;padding:5px 9px}
.hero-photo-controls .carousel-indicators{position:static;margin:0;gap:7px;align-items:center}
.hero-photo-controls .carousel-indicators [data-bs-target]{width:7px;height:7px;border:0;border-radius:50%;margin:0;background:#fff;opacity:.5}
.hero-photo-controls .carousel-indicators .active{background:#edce76;opacity:1;width:20px;border-radius:5px}
#hero-photo-count{font:12px/1.5 Arial,sans-serif;white-space:nowrap;color:#ead38e}
.hero-section button:focus-visible{outline:3px solid #d6af3d;outline-offset:4px}
.hero-section .hero-scroll{z-index:5}
@media(max-width:767px){.hero-section .hero-content{width:calc(100% - 80px)}.hero-section .hero-content h1{font-size:clamp(1.8rem,6.5vw,2.8rem)!important;max-width:100%!important}.hero-section .hero-content .hero-copy{font-size:.85rem;line-height:1.6}.hero-section .hero-content .eyebrow{font-size:.6rem}#heroCarousel .carousel-control-prev,#heroCarousel .carousel-control-next{width:30px;height:36px;border-radius:4px}#heroCarousel .carousel-control-prev{left:5px}#heroCarousel .carousel-control-next{right:5px}.hero-photo-controls{bottom:12px;right:12px;left:12px;justify-content:center;gap:10px;padding:7px}.hero-photo-controls .carousel-indicators{gap:5px}.hero-photo-controls .carousel-indicators [data-bs-target]{width:5px;height:5px}.hero-photo-controls .carousel-indicators .active{width:12px}.hero-section .hero-scroll{display:none}}
@media(prefers-reduced-motion:reduce){#heroCarousel .carousel-item{transition:none!important}}
/* Smaller, clean sans-serif hero headline. */
.hero-section .hero-content h1{font-family:'DM Sans','Segoe UI',Arial,sans-serif!important;font-size:clamp(2rem,3.5vw,3.4rem)!important;font-weight:700;line-height:1.18!important;letter-spacing:-.025em;max-width:680px!important;text-wrap:balance}
@media(max-width:767px){.hero-section .hero-content h1{font-size:clamp(1.65rem,5.5vw,2.35rem)!important;line-height:1.2!important;letter-spacing:-.02em;max-width:100%!important}}
/* Compact gold supporting text in the homepage hero. */
.hero-section .hero-content .hero-copy{color:#f0d27d!important;font-size:14px!important;line-height:1.75;max-width:550px;font-weight:500}
@media(max-width:767px){.hero-section .hero-content .hero-copy{font-size:12px!important;line-height:1.7;max-width:100%}}
.hero-section .hero-content h1{font-size:clamp(1.75rem,2.9vw,2.8rem)!important;line-height:1.2!important}
@media(max-width:767px){.hero-section .hero-content h1{font-size:clamp(1.45rem,4.8vw,2rem)!important;line-height:1.22!important}}
/* Subtle warm gold finish on the hero panel. */
.hero-section{border:1px solid #d6af3d55}
.hero-section .hero-overlay{background:linear-gradient(90deg,#061632e8 0%,#061632aa 38%,#86651d24 100%)!important}
.hero-section .hero-scroll{color:#f0d27d}
/* Richer gold with a deeper hero overlay. */
.hero-section{border:1px solid #d6af3d99;box-shadow:0 8px 26px #081b4b18}
.hero-section .hero-overlay{background:linear-gradient(90deg,#041127f2 0%,#091a32d4 38%,#60461385 75%,#8a651b80 100%)!important}
.hero-section .hero-scroll{color:#f4d375}
/* Preserve section colours while keeping photos clear. */
.hero-section .hero-overlay{background:linear-gradient(90deg,rgba(4,17,39,.78) 0%,rgba(9,26,50,.5) 35%,rgba(96,70,19,.12) 70%,rgba(138,101,27,.08) 100%)!important}
#heroCarousel .hero-slide{filter:none!important}
/* Gold is confined to the right-hand side of the hero. */
.hero-section .hero-overlay{background:linear-gradient(90deg,rgba(4,17,39,.78) 0%,rgba(9,26,50,.5) 35%,rgba(96,70,19,.12) 60%,rgba(183,139,35,.4) 78%,rgba(214,175,61,.72) 100%)!important}
/* Deep navy reference colour on the left; preserve the gold right side. */
.hero-section .hero-overlay{background:linear-gradient(90deg,#101d32 0%,#1c293d 32%,rgba(28,41,61,.86) 45%,rgba(96,70,19,.12) 60%,rgba(183,139,35,.4) 78%,rgba(214,175,61,.72) 100%)!important}
/* Navy reading panel; photograph area stays free of colour overlays. */
.hero-section .hero-overlay{background:linear-gradient(90deg,#081b4b 0%,#081b4b 34%,rgba(8,27,75,.9) 40%,transparent 58%)!important}
#heroCarousel .hero-slide{filter:none!important;mix-blend-mode:normal;opacity:1}
@media(max-width:767px){.hero-section .hero-overlay{background:linear-gradient(0deg,#081b4b 0%,rgba(8,27,75,.95) 35%,transparent 70%)!important}}
/* Narrower navy panel and shorter fade reveal more of each photograph. */
.hero-section .hero-overlay{background:linear-gradient(90deg,#081b4b 0%,#081b4b 27%,rgba(8,27,75,.92) 32%,rgba(8,27,75,.35) 39%,transparent 45%)!important}
.hero-section .hero-content h1{max-width:470px!important}
.hero-section .hero-content .hero-copy{max-width:440px}
@media(max-width:767px){.hero-section .hero-overlay{background:linear-gradient(0deg,rgba(8,27,75,.95) 0%,rgba(8,27,75,.7) 25%,transparent 55%)!important}.hero-section .hero-content h1,.hero-section .hero-content .hero-copy{max-width:100%!important}}
/* Pull the shading closer to the left edge. */
.hero-section .hero-overlay{background:linear-gradient(90deg,rgba(8,27,75,.94) 0%,rgba(8,27,75,.82) 16%,rgba(8,27,75,.48) 26%,rgba(8,27,75,.15) 33%,transparent 38%)!important}
@media(max-width:767px){.hero-section .hero-overlay{background:linear-gradient(0deg,rgba(8,27,75,.85) 0%,rgba(8,27,75,.5) 20%,transparent 45%)!important}}
/* Slightly deeper surrounding background, separate from the slideshow images. */
.hero-section{background:#e3e7ee!important}
/* Gold on the right surrounding surface only, behind the image layer. */
.hero-section{background:linear-gradient(90deg,#e3e7ee 0%,#e3e7ee 55%,#e6d7ad 78%,#d6b65e 100%)!important}