/* Full-bleed, RTL slideshow. All copy remains editable HTML. */
.hp-slider{position:relative;isolation:isolate;background:#072d53;color:#fff;width:100%;height:clamp(500px,calc(100vh - var(--hp-header-height,124px)),760px);height:clamp(500px,calc(100svh - var(--hp-header-height,124px)),760px);overflow:hidden}
.hp-stage,.hp-slide,.hp-photo{position:absolute;inset:0}.hp-slide{opacity:0;visibility:hidden;z-index:0;transition:opacity .85s ease,visibility .85s;pointer-events:none}.hp-slide.is-active{opacity:1;visibility:visible;z-index:1;pointer-events:auto}.hp-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform 5s ease-out}.hp-slide.is-active .hp-photo img{transform:scale(1)}.hp-position-left img{object-position:left 68%}.hp-position-center img{object-position:center 68%}.hp-position-right img{object-position:right 68%}
.hp-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(4,28,54,.95) 0%,rgba(6,39,71,.87) 31%,rgba(6,39,71,.38) 55%,rgba(6,39,71,.05) 77%,rgba(6,39,71,.08) 100%);pointer-events:none}.hp-slide.hp-text-left::after{background:linear-gradient(to right,rgba(4,28,54,.95) 0%,rgba(6,39,71,.87) 31%,rgba(6,39,71,.38) 55%,rgba(6,39,71,.05) 77%,rgba(6,39,71,.08) 100%)}
.hp-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding-block:40px 110px}.hp-copy{width:49%;max-width:650px;max-height:100%;overflow:auto;scrollbar-width:thin;transform:translateY(14px);opacity:0;transition:opacity .7s .1s ease,transform .7s .1s ease}.is-active .hp-copy{opacity:1;transform:translateY(0)}.hp-text-left .hp-content{justify-content:flex-end}.hp-eyebrow{display:block;color:#e6bd7d;font-size:.85rem;font-weight:700;margin-bottom:18px;letter-spacing:.04em}.hp-copy :is(h1,h2){color:#fff;font-size:clamp(2.2rem,4vw,4.1rem);line-height:1.5;margin:0 0 20px;white-space:pre-line;text-shadow:0 2px 18px #05234255}.hp-subtitle{font-size:clamp(.95rem,1.25vw,1.1rem);line-height:2;color:#e4edf6;margin:0 0 24px}.hp-copy .btn.outline{background:#ffffff0a;color:#fff;border-color:#ffffff70}.hp-copy .btn.gold{background:#c7a16b;color:#17324d}.hp-copy .actions{margin-block:22px}.hp-note{padding-top:20px;border-top:1px solid #ffffff30;font-size:.82rem;color:#d8e3ee;margin:24px 0 0}
.hp-controls{position:absolute;bottom:28px;inset-inline:0;z-index:3;display:none;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.hp-slider.is-enhanced .hp-controls{display:flex}.hp-controls button{pointer-events:auto}.hp-dots{display:flex;gap:7px;flex-wrap:wrap;max-width:68%}.hp-dot{width:36px;height:36px;background:transparent;color:white;border:0;padding:8px;display:grid;place-items:center;border-radius:50%;position:relative}.hp-dot::before{content:"";width:9px;height:9px;border-radius:50%;background:#ffffff75;transition:background .3s,transform .3s}.hp-dot.is-active::before{background:#e5bd80;transform:scale(1.35)}.hp-dot.is-active{box-shadow:inset 0 0 0 1px #dfba7c99}.hp-dot span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hp-control-buttons{display:flex;align-items:center;gap:7px}.hp-control-buttons button{height:42px;min-width:42px;padding:0 12px;border:1px solid #ffffff50;border-radius:10px;background:#052b50bb;color:white;font-size:1.05rem;backdrop-filter:blur(8px)}.hp-control-buttons [data-play]{font-size:.8rem;min-width:63px}.hp-controls button:hover{background:#ffffff20}.hp-progress{position:absolute;inset-inline:0;bottom:0;height:3px;z-index:3;display:none;background:#ffffff18}.hp-slider.is-enhanced .hp-progress{display:block}.hp-progress span{display:block;width:100%;height:100%;background:#d8b47d;transform:scaleX(0);transform-origin:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.hp-copy{width:53%}.hp-copy :is(h1,h2){font-size:2.7rem}.hp-subtitle{font-size:.94rem}}
@media(max-width:700px){.hp-slider{height:clamp(590px,calc(100svh - var(--hp-header-height,112px)),800px)}.hp-content{align-items:flex-end;padding-block:30px 100px}.hp-copy{width:100%;max-width:none;max-height:74%}.hp-copy :is(h1,h2){font-size:clamp(1.85rem,6vw,2.7rem);margin-bottom:12px;line-height:1.5}.hp-eyebrow{margin-bottom:10px}.hp-subtitle{font-size:.9rem;line-height:1.9;margin-bottom:12px}.hp-copy .actions{margin-block:16px;gap:9px}.hp-copy .btn{font-size:.82rem;padding:10px 14px}.hp-note{font-size:.72rem;padding-top:12px;margin-top:16px}.hp-slide::after,.hp-slide.hp-text-left::after{background:linear-gradient(to top,rgba(4,26,50,.98) 0%,rgba(4,26,50,.92) 24%,rgba(4,26,50,.7) 46%,rgba(4,26,50,.10) 77%,rgba(4,26,50,.15) 100%)}.hp-controls{bottom:24px;gap:8px}.hp-control-buttons{gap:4px}.hp-control-buttons button{min-width:36px;height:38px;padding:0 9px}.hp-control-buttons [data-play]{min-width:52px}.hp-dots{max-width:50%;gap:2px}.hp-dot{width:30px;height:30px}.hp-position-left img{object-position:24% top}.hp-position-center img{object-position:center top}.hp-position-right img{object-position:76% top}}
@media(prefers-reduced-motion:reduce){.hp-slide,.hp-photo img,.hp-copy,.hp-dot::before{transition:none!important;transform:none!important}.hp-progress span{transition:none!important}}
@media print{.hp-slider{height:auto;min-height:0;overflow:visible;background:#fff;color:#000}.hp-slide{display:none;position:relative}.hp-slide.is-active{display:block}.hp-content{padding-block:20px}.hp-copy{width:100%;max-height:none}.hp-photo,.hp-slide::after,.hp-controls,.hp-progress{display:none!important}.hp-copy :is(h1,h2),.hp-subtitle,.hp-note{color:#000}}

/* Keep controls usable even with twenty slides on a narrow screen. */
.hp-dots{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;min-width:0;pointer-events:auto}.hp-dot{flex-shrink:0}

/* Full-size touch controls fit alongside a horizontally scrollable dot list. */
.hp-copy{min-width:0;overflow-wrap:anywhere;overscroll-behavior:contain}
.hp-dots{flex:1 1 auto;padding:3px;scroll-padding-inline:3px}
.hp-dot{width:44px;height:44px}
.hp-control-buttons{flex-shrink:0}
.hp-control-buttons button{min-width:44px;height:44px}
.hp-control-buttons [data-play]{min-width:58px}
@media(max-width:700px){
  .hp-dots{max-width:none;gap:2px}
  .hp-dot{width:44px;height:44px}
  .hp-control-buttons button{min-width:44px;height:44px}
  .hp-control-buttons [data-play]{min-width:58px}
  .hp-copy{max-height:100%}
}