.home-page .accordion-hero { display:block; min-height:0; height:auto; padding:16px 24px 0; background:#f7f8f7; color:#252b2a; }
.accordion-track { display:flex; gap:10px; height:min(620px,70svh); min-height:480px; }
.accordion-panel { flex:1 1 0; min-width:0; position:relative; overflow:hidden; border-radius:6px; transition:flex-grow 850ms cubic-bezier(.22,.7,.2,1); isolation:isolate; }
.accordion-panel.is-active { flex-grow:7; }
.accordion-panel > img,.accordion-panel > video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.panel-video-control { position:absolute; right:20px; bottom:24px; z-index:3; width:40px; height:40px; display:none; place-items:center; border:1px solid #ffffff90; border-radius:50%; background:#252b2a80; color:#fff; cursor:pointer; }
.is-active .panel-video-control { display:grid; }
.accordion-panel:has(video) .action-link { max-width:calc(100% - 48px); }
.accordion-panel { background:#536b60; }
.accordion-panel:nth-child(2) { background:#777b74; }
.accordion-panel:nth-child(3) { background:#444d4b; }
.accordion-panel:nth-child(4) { background:#a8adb1; }
.accordion-panel::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(37,43,42,.62),rgba(37,43,42,.08)); z-index:0; pointer-events:none; }
.panel-select { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:flex-start; padding:24px 16px; border:0; color:white; background:transparent; cursor:pointer; text-align:left; }
.panel-number { font-size:12px; margin-bottom:24px; }
.panel-label { font-size:12px; line-height:1.4; font-weight:600; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.panel-select > i { margin-top:auto; border:1px solid #ffffff90; border-radius:50%; width:40px; height:40px; display:grid; place-items:center; }
.is-active .panel-select { inset:0 auto auto 0; padding:24px 36px; }
.is-active .panel-select .panel-label,.is-active .panel-select > i { display:none; }
.panel-copy { position:absolute; inset:64px 30px 24px; z-index:1; display:flex; flex-direction:column; align-items:flex-start; opacity:0; transform:translateY(18px); visibility:hidden; transition:opacity 180ms,transform 180ms; color:white; }
.is-active .panel-copy { opacity:1; transform:none; visibility:visible; transition:opacity 450ms 350ms,transform 550ms 300ms; }
.home-page .panel-copy h1,.home-page .panel-copy h2 { color:white; font-size:40px; line-height:1.1; font-weight:750; margin:0 0 16px; white-space:pre-line; }
.home-page .hero-carousel .panel-copy .eyebrow { color:#fff; font-size:13px; margin-bottom:16px; }
.panel-copy p { font-size:16px; line-height:1.65; max-width:480px; margin:0; white-space:pre-line; }
.panel-copy .action-link { margin-top:auto; background:white; color:#252b2a; font-size:14px; padding:16px 20px; }
.accordion-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 0; font-size:12px; }
.accordion-nav { display:flex; gap:8px; }
.accordion-nav button { border:0; border-bottom:2px solid transparent; padding:8px 12px; background:transparent; color:#626d68; cursor:pointer; }
.accordion-nav button[aria-pressed=true] { border-color:#536b60; color:#536b60; }
.accordion-hero button:focus-visible,.accordion-hero a:focus-visible { outline:2px solid #a6b8b0; outline-offset:-3px; }
@media(max-width:1000px) { .home-page .panel-copy h1,.home-page .panel-copy h2 { font-size:38px; } .panel-copy { inset:74px 24px 24px; } .panel-label { font-size:13px; } }
@media(max-width:700px) {
 .home-page .accordion-hero { padding:10px 12px 0; }
 .accordion-track { position:relative; height:650px; min-height:0; display:block; }
 .accordion-panel > img,.accordion-panel > video { top:0; height:100%; object-fit:cover; }
 .accordion-panel::after { background:linear-gradient(180deg,rgba(37,43,42,.25),rgba(37,43,42,.7)); }
 .accordion-panel { position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity 500ms; }
 .accordion-panel.is-active { opacity:1; pointer-events:auto; }
 .panel-select { visibility:hidden; }
 .is-active .panel-select { visibility:visible; }
 .panel-copy { inset:90px 24px 28px; }
 .home-page .panel-copy h1,.home-page .panel-copy h2 { font-size:36px; }
 .panel-copy p { font-size:15px; }
 .accordion-footer { flex-wrap:wrap; gap:4px; }
}
@media(prefers-reduced-motion:reduce) { .accordion-panel,.panel-copy,.is-active .panel-copy { transition:none; transform:none; } }