

.wpf-concept-label { position:relative; z-index:30; text-align:center; background:#17354f; color:#fff; padding:7px 15px; font:600 11px/1.4 Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }

.wpf-hero .wpf-slides-viewport { height:775px!important; }
.wpf-hero .wpf-slides { transform:none!important; position:relative; display:block; height:100%; }
.wpf-hero .wpf-slide { display:block!important; position:absolute; inset:0; width:100%!important; height:100%!important; opacity:0; pointer-events:none; transition:opacity .6s ease!important; }
.wpf-hero .wpf-slide.wpf-active { opacity:1; pointer-events:auto; z-index:1; }
.wpf-hero .elementor-swiper-button { display:none!important; }
.wpf-expansion { position:absolute; inset:0; z-index:4; color:#fff; background:linear-gradient(90deg,rgba(3,31,62,.96) 0%,rgba(3,36,72,.88) 38%,rgba(3,36,72,.24) 72%,rgba(3,36,72,.06) 100%); padding:45px 5.6% 200px; text-align:left; }
.wpf-expansion * { box-sizing:border-box; }
.wpf-expansion .campaign-label { display:flex; align-items:center; gap:12px; color:#f6c66b; font:700 12px/1.4 Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.campaign-label::before { content:''; height:2px; width:28px; background:#e8b557; }
.wpf-expansion h1 { color:#fff; font:700 clamp(32px,3.35vw,50px)/1.1 Arial,sans-serif; letter-spacing:-.025em; max-width:660px; margin:18px 0 15px; }
.wpf-expansion .intro { color:#ecf4fb; font:400 17px/1.5 Arial,sans-serif; max-width:590px; margin:0; }
.wpf-phases { display:flex; gap:28px; margin:24px 0; max-width:650px; }
.wpf-phase { padding-left:13px; border-left:3px solid #e8b557; }
.wpf-phase:last-child { border-color:#a3c1dc; }
.wpf-phase strong { display:block; color:#fff; font:700 16px/1.4 Arial,sans-serif; }
.wpf-phase span { display:block; color:#e1ebf5; font:400 14px/1.45 Arial,sans-serif; margin-top:2px; }
.wpf-phase small { display:block; color:#c4d7e9; font:400 12px/1.4 Arial,sans-serif; margin-top:3px; }
.wpf-actions { display:flex; flex-wrap:wrap; align-items:center; gap:13px; }
.wpf-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 20px; border-radius:3px; text-decoration:none!important; font:700 14px/1.4 Arial,sans-serif; }
.wpf-actions .primary { color:#073969; background:#efb749; }
.wpf-actions .secondary { color:#fff; border:1px solid #bed2e5; background:#093f751f; }
.wpf-actions a:hover { filter:brightness(1.1); }
.wpf-countdown { position:absolute; right:5.5%; top:48px; background:rgba(255,255,255,.97); color:#064681; border-top:4px solid #eab343; box-shadow:0 8px 30px #00162c25; width:172px; text-align:center; padding:18px 14px 17px; border-radius:3px; }
.wpf-countdown strong { display:block; font:700 58px/1 Arial,sans-serif; letter-spacing:-.05em; }
.wpf-countdown span { display:block; font:700 11px/1.5 Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; margin-top:7px; }
.wpf-countdown small { display:block; font:400 12px/1.4 Arial,sans-serif; margin-top:8px; color:#506579; }
.wpf-slider-toolbar { position:absolute; left:5.6%; right:5.6%; bottom:225px; z-index:7; background:#062e55ed; color:#fff; border:1px solid #8ba9c344; border-radius:4px; min-height:58px; padding:10px 15px; display:flex; justify-content:space-between; align-items:center; gap:18px; font:400 13px/1.4 Arial,sans-serif; }
.wpf-expansion-notice a { color:#fff; text-decoration:none; display:flex; flex-wrap:wrap; gap:4px 12px; align-items:center; }
.wpf-expansion-notice strong { font-size:13px; }
.wpf-expansion-notice span { color:#e4bb6c; font-size:12px; font-weight:700; white-space:nowrap; }
.wpf-hero-controls { display:flex; align-items:center; gap:7px; flex-shrink:0; }
.wpf-hero-controls button { border:1px solid #8aa8c4; color:#fff; background:transparent; border-radius:3px; cursor:pointer; padding:0; min-width:32px; height:32px; font:700 18px/1 Arial,sans-serif; }
.wpf-hero-controls button:hover { background:#ffffff20; }
.wpf-hero-controls button:focus-visible,.wpf-expansion-notice a:focus-visible,.wpf-actions a:focus-visible { outline:3px solid #f5c369; outline-offset:3px; }
.wpf-hero-controls [data-rotation] { min-width:67px; padding:0 9px; font-size:12px; }
.wpf-slide-dots { display:flex; gap:1px; }
.wpf-slide-dots button { min-width:19px; width:19px; height:32px; border:0; display:grid; place-items:center; }
.wpf-slide-dots button::before { content:''; width:6px; height:6px; background:#a9bed1; border-radius:50%; }
.wpf-slide-dots button[aria-current="true"]::before { background:#f1bd59; width:8px; height:8px; }
.wpf-slider-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.wpf-hero { touch-action:pan-y; }
.wpf-detail { padding:55px 30px 75px; max-width:1120px; margin:auto; font-family:Arial,sans-serif; color:#17324c; }
.wpf-detail > a { color:#064681; font-size:14px; }
.wpf-detail h1 { font-size:44px; line-height:1.15; color:#064681; margin:25px 0 15px; }
.wpf-detail .lead { font-size:19px; line-height:1.6; max-width:820px; }
.wpf-detail .date { color:#60748a; font-size:13px; }
.wpf-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:32px 0; }
.wpf-detail-card { padding:27px; background:#f0f6fb; border-top:4px solid #075199; }
.wpf-detail-card h2 { font-size:24px; color:#064681; margin:8px 0; }
.wpf-detail-card p { line-height:1.6; }
.wpf-detail details { border-bottom:1px solid #d6e2ec; padding:20px 0; }
.wpf-detail summary { font-size:19px; font-weight:700; cursor:pointer; color:#064681; }
.wpf-detail details p { margin:14px 0 0; line-height:1.7; max-width:900px; }
.wpf-detail .ward-button { display:inline-block; margin:0 0 30px; padding:13px 20px; background:#064681; color:#fff; font-weight:700; border-radius:3px; }
@media(max-width:1024px) { .wpf-expansion { padding:38px 5% 200px; } .wpf-expansion h1 { max-width:560px; } .wpf-countdown { right:4%; width:135px; padding:14px 8px; } .wpf-countdown strong { font-size:45px; } .wpf-expansion .intro { max-width:550px; } }
@media(max-width:767px) { .wpf-concept-label { font-size:9px; letter-spacing:.07em; } .wpf-hero .wpf-slide { height:650px!important; } .wpf-expansion { padding:30px 23px 40px; background:linear-gradient(90deg,#03244fee,#03244fa8); } .wpf-expansion h1 { font-size:35px; margin-top:16px; padding-right:0; } .wpf-expansion .intro { font-size:16px; } .wpf-countdown { position:static; display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; margin-top:22px; padding:10px 14px; border-top:0; border-left:3px solid #eab343; text-align:left; } .wpf-countdown strong { font-size:32px; } .wpf-countdown span { margin:0; font-size:10px; } .wpf-countdown small { display:none; } .wpf-phases { flex-direction:column; gap:15px; margin:20px 0; } .wpf-actions { gap:10px; } .wpf-actions a { padding:11px 14px; font-size:13px; } .wpf-detail { padding:30px 22px; } .wpf-detail h1 { font-size:33px; } .wpf-detail-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { *, .wpf-hero .wpf-slide { animation:none!important; transition:none!important; } }
@media(max-width:1024px) and (min-width:768px) { .wpf-slider-toolbar { left:5%; right:5%; gap:10px; } .wpf-expansion-notice a { max-width:280px; } .wpf-slide-dots button { min-width:16px; width:16px; } }
@media(max-width:767px) { .wpf-hero .wpf-slides-viewport { height:770px!important; } .wpf-hero .wpf-slide { height:100%!important; } .wpf-slider-toolbar { left:23px; right:23px; bottom:22px; padding:12px; flex-direction:column; align-items:stretch; gap:10px; } .wpf-expansion-notice a { display:block; } .wpf-expansion-notice strong { display:block; font-size:12px; } .wpf-expansion-notice span { display:block; margin-top:3px; font-size:11px; } .wpf-hero-controls { justify-content:space-between; gap:3px; } .wpf-slide-dots { gap:0; } .wpf-slide-dots button { min-width:15px; width:15px; } .wpf-hero-controls [data-rotation] { min-width:55px; padding:0 5px; font-size:11px; } .wpf-hero-controls button { min-width:28px; height:30px; } .wpf-slide-dots button { min-width:15px; } }

.wpf-hero { position:relative; width:100%; overflow:hidden; font-family:Arial,sans-serif; }
.wpf-hero .elementor-widget-container { height:100%; }
.wpf-hero .wpf-slides-viewport { position:relative; width:100%; overflow:hidden; }
.wpf-hero .wpf-slide-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.wpf-hero .wpf-slide-inner { position:relative; z-index:2; }
.wpf-hero .wpf-expansion-notice:hover { color:#fff; }

/* Match the original header's 1350px container and 10px column gutters. */
@media (min-width:1025px) {
  .wpf-hero { --wpf-content-inset:max(10px,calc((100% - 1350px)/2 + 10px)); }
  .wpf-expansion { padding-left:var(--wpf-content-inset); padding-right:var(--wpf-content-inset); }
  .wpf-countdown { right:var(--wpf-content-inset); }
  .wpf-slider-toolbar { left:var(--wpf-content-inset); right:var(--wpf-content-inset); }
}
