.featured-accordion{background:#071d2f;color:#fff;isolation:isolate}
.featured-experience{position:relative}
.featured-mobile{display:none}
.featured-track{height:470px;display:flex;gap:4px;overflow:hidden;background:#fff}
.featured-panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;isolation:isolate;background:#102d43;transition:flex-grow .85s cubic-bezier(.22,.65,.25,1)!important}
.featured-panel.is-active{flex-grow:6.7}
.featured-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 35%;transform:scale(1.035);transition:transform 1.5s cubic-bezier(.2,.65,.25,1)!important}
.featured-panel.is-active .featured-image{transform:scale(1)}
.featured-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#041629ed 0%,#071d2f42 54%,#071d2f20 100%);z-index:1;pointer-events:none}
.featured-panel:before{content:'';position:absolute;inset:0;background:#061b30;opacity:.78;z-index:1;pointer-events:none;transition:opacity .75s ease!important}
.featured-panel.is-active:before{opacity:0}
.featured-autoplay{position:absolute;z-index:5;top:26px;right:26px;visibility:hidden;opacity:0;pointer-events:none}
.featured-panel.is-active .featured-autoplay{visibility:visible;opacity:1;pointer-events:auto}
.featured-trigger{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;background:transparent;color:#fff;border:0;cursor:pointer;text-align:left}
.featured-trigger:focus-visible{outline:3px solid #68d8ff;outline-offset:-6px}
.featured-number{position:absolute;left:50%;top:27px;transform:translateX(-50%);font-size:27px;font-weight:650;letter-spacing:-.05em;line-height:1;background:#102e4566;padding:9px 11px;border:1px solid #ffffff45;border-radius:6px;backdrop-filter:blur(6px);transition:left .65s ease,transform .65s ease!important}
.is-active .featured-number{left:36px;transform:none;background:#078ec7;border-color:#078ec7}
.featured-rail-title{position:absolute;left:50%;bottom:90px;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:280px;max-width:28px;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.4;text-shadow:0 2px 10px #061d3299;transition:opacity .25s ease!important}
.is-active .featured-rail-title{opacity:0}
.featured-open{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);width:36px;height:36px;display:grid;place-items:center;border:1px solid #a5ddf080;border-radius:50%;background:#f3fbfff2;color:#058dc7;box-shadow:0 4px 16px #123f5428;transition:opacity .25s ease!important}
.featured-open svg{width:18px;height:18px}
.is-active .featured-open{opacity:0}
.featured-details{position:absolute;z-index:4;left:36px;right:36px;bottom:34px;pointer-events:none;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .5s ease!important}
.featured-panel.is-active .featured-details{opacity:1;transform:none;transition:opacity .5s ease .18s,transform .65s ease .18s!important}
.featured-eyebrow{display:flex;align-items:center;gap:16px;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.14em;color:#b9eafb;margin-bottom:15px}
.featured-eyebrow>span{font-weight:400;letter-spacing:.06em;color:#d9e7ed}
.featured-title-box{height:142px;display:flex;align-items:flex-end;max-width:670px;overflow:hidden;margin-bottom:15px}
.featured-title-box h2{--featured-title-max:44;font-size:44px;line-height:1.12;letter-spacing:-.035em;width:100%;overflow-wrap:anywhere;text-shadow:0 2px 18px #061d3230}
.featured-meta{display:flex;flex-wrap:wrap;gap:9px 17px;font-size:11px;line-height:1.5;color:#dfebf2;margin-bottom:22px}
.featured-meta>span+span:before{content:' / ';color:#7ca2ba;margin-right:13px}
.featured-details .featured-link{pointer-events:auto;min-height:44px;background:#048ecb;border-color:#048ecb;color:#fff;font-size:12px;box-shadow:0 6px 20px #061d3225}
.featured-details .featured-link:hover{background:#0679ae;border-color:#0679ae;color:#fff}
.featured-panel:not(.is-active) .featured-details{visibility:hidden}
@media(min-width:1600px){.featured-track{height:510px}.featured-title-box h2{--featured-title-max:49;font-size:49px}.featured-title-box{height:160px;max-width:760px}}
@media(max-width:1000px) and (min-width:701px){.featured-track{height:440px}.featured-panel.is-active{flex-grow:6}.featured-details{left:26px;right:26px;bottom:30px}.featured-title-box h2{--featured-title-max:36;font-size:36px}.featured-number{font-size:23px;top:24px;padding:8px 9px}.is-active .featured-number{left:26px}.featured-rail-title{font-size:12px;bottom:80px}.featured-eyebrow{font-size:8px;gap:12px}.featured-meta{font-size:10px;gap:8px 12px}}
@media(max-width:700px){
 .featured-accordion{display:none}
 .featured-mobile{display:block}
 .featured-mobile .hero-thumbs{display:none}
 .featured-track{flex-direction:column;height:570px;gap:4px}
 .featured-panel{min-height:0;min-width:100%;flex:1 1 0}
 .featured-panel.is-active{flex-grow:6.3}
 .featured-image{object-position:50% 38%}
 .featured-number{left:18px;top:50%;transform:translateY(-50%);padding:0;border:0;background:transparent;backdrop-filter:none;font-size:21px;transition:none!important}
 .is-active .featured-number{left:20px;top:18px;transform:none;background:#078ec7;border:1px solid #078ec7;padding:7px 9px;font-size:20px}
 .featured-rail-title{writing-mode:horizontal-tb;left:62px;top:50%;bottom:auto;transform:translateY(-50%);font-size:12px;max-width:calc(100% - 123px);max-height:25px;white-space:nowrap;line-height:1.5}
 .featured-open{left:auto;right:17px;top:50%;bottom:auto;transform:translateY(-50%);width:29px;height:29px}
 .featured-open svg{width:16px;height:16px;transform:rotate(90deg)}
 .featured-details{left:22px;right:22px;bottom:22px}
 .featured-title-box{height:112px;margin-bottom:12px}
 .featured-title-box h2{--featured-title-max:28;font-size:28px;line-height:1.12}
 .featured-eyebrow{font-size:8px;margin-bottom:10px;gap:14px}
 .featured-meta{font-size:10px;margin-bottom:17px;gap:6px 12px}
 .featured-meta>span+span:before{margin-right:9px}
 .featured-details .featured-link{font-size:11px;padding:9px 15px;min-height:42px}
}
@media(max-width:359px){.featured-track{height:550px}.featured-title-box{height:105px}.featured-title-box h2{--featured-title-max:26;font-size:26px}.featured-details{left:18px;right:18px;bottom:20px}.featured-rail-title{font-size:11px}.featured-meta{font-size:9px}}
