/* Full-bleed image layer; foreground copy and controls overlay one continuous scene. */
.hero-inner{position:relative;display:block;min-height:670px;max-width:none;padding:0;isolation:isolate}
.hero-art{position:absolute;inset:0;width:100%;height:100%;padding:0;display:block;background:#fff;z-index:0}
.wyd-hero-scenes{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#fff}
.wyd-hero-scene{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}
.wyd-hero-scene.is-active{opacity:1;visibility:visible;transition:opacity .5s ease}
.hero-art .wyd-hero-scene img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:75% center;padding:0}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,35,24,.98) 0%,rgba(4,35,24,.90) 25%,rgba(4,35,24,.52) 46%,rgba(4,35,24,.04) 72%);pointer-events:none;z-index:1}
.hero-content{position:relative;z-index:3;width:auto;max-width:570px;padding:100px 0 160px;margin-left:var(--gutter);color:white}
.hero-content h1{color:#fff}.hero-content .overline{color:#bbf1ce}.hero-content>p{color:#e6f4eb}.hero-content .text-link{color:#fff}.hero-content .text-link:hover{color:#d1f5dd}.hero-content .text-link:focus-visible{outline-color:#fff}
.wyd-hero-scene figcaption{position:absolute;z-index:2;left:var(--gutter);right:auto;top:auto;bottom:110px;padding:6px 10px;background:#0b2c20db;color:#fff;font-size:13px;line-height:1.4;font-weight:700}
.wyd-hero-controls{position:absolute;z-index:3;bottom:18px;left:var(--gutter);right:auto;display:none;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.wyd-hero[data-ready] .wyd-hero-controls{display:flex}.wyd-hero-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:#0b2c20df;color:white;font:700 14px/1.2 Instrument,Arial,sans-serif;cursor:pointer}
.wyd-hero-controls button:hover{background:#086141}.wyd-hero-controls button:focus-visible{outline:3px solid #fff;outline-offset:2px}.wyd-hero-count{font-size:13px;font-weight:700;color:#fff;background:#0b2c20df;padding:12px;font-variant-numeric:tabular-nums}.wyd-hero-dots{display:flex}.wyd-hero-dot{position:relative}.wyd-hero-dot:before{content:"";display:block;width:19px;height:4px;background:#a8c9b3}.wyd-hero-dot[aria-pressed=true]:before{background:#32c882}.wyd-hero-toggle{padding:0 12px!important;min-width:72px!important;border:1px solid #91bc9f!important}.wyd-hero-prev,.wyd-hero-next{font-size:23px!important}
.wyd-hero-note{position:absolute;z-index:3;left:var(--gutter);bottom:74px;margin:0;color:#e6f4eb;font-size:13px;line-height:1.45;max-width:450px}.wyd-hero-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:850px){.hero-inner{min-height:650px}.hero-content{padding:90px 0 150px;max-width:460px}.hero-art .wyd-hero-scene img{object-position:76% center}.hero-art:after{background:linear-gradient(90deg,rgba(4,35,24,.97) 0%,rgba(4,35,24,.84) 39%,rgba(4,35,24,.18) 78%)}}
@media(max-width:600px){.hero-inner{min-height:850px}.hero-art .wyd-hero-scene img{object-position:center top}.hero-art:after{background:linear-gradient(180deg,rgba(4,35,24,.03) 0%,rgba(4,35,24,.10) 25%,rgba(4,35,24,.78) 38%,rgba(4,35,24,.93) 47%,rgba(4,35,24,.98) 63%)}.hero-content{max-width:none;margin:0 var(--gutter);padding:380px 0 155px}.hero-content>p{font-size:16px}.wyd-hero-scene figcaption{left:var(--gutter);right:auto;top:auto;bottom:110px;font-size:12px}.wyd-hero-controls{left:var(--gutter);right:auto;bottom:14px;justify-content:flex-start;gap:2px}.wyd-hero-count{display:none}.wyd-hero-note{left:var(--gutter);right:var(--gutter);bottom:68px;font-size:12px}.wyd-hero-toggle{min-width:68px!important}}
@media(prefers-reduced-motion:reduce){.wyd-hero-scene,.wyd-hero-scene.is-active{transition:none}}
/* Transparent copy padding must not block controls on the image beneath. */
.hero-content{pointer-events:none}.hero-content>*{pointer-events:auto}
@media(min-width:601px) and (max-width:850px){.hero-content{max-width:310px}.hero-art .wyd-hero-scene img{padding-left:38vw;object-position:right center}}

/* Predeployment: keep wrapped controls clear of the reference note on narrow phones. */
@media (max-width: 359px) {
  .wyd-hero .wyd-hero-controls { right: var(--gutter); max-width: 264px; }
  .wyd-hero .wyd-hero-note { bottom: 118px; }
  .wyd-hero .wyd-hero-scene figcaption { bottom: 168px; }
  .wyd-hero .hero-content { padding-bottom: 240px; }
}