.feature-backdrop{display:none}
@media(min-width:801px){
 .featured{position:relative;padding:0;overflow:hidden;border:1px solid #314237;border-radius:12px;background:#0c1410}
 .featured-heading{position:absolute;top:24px;left:34px;right:30px;z-index:4;padding:0;margin:0;border:0;pointer-events:none}
 .featured-heading h1{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#dbede1;display:flex;align-items:center;gap:10px}
 .featured-heading h1:before{content:'';width:7px;height:7px;border-radius:50%;background:#43e879;box-shadow:0 0 15px #43e87980}
 .slide-controls{pointer-events:auto;gap:8px}
 .slide-controls button{width:42px;height:38px;padding:0;background:#101b16ba;border:1px solid #63786b70;border-radius:7px;color:#f1f8f3;font-size:19px;backdrop-filter:blur(12px)}
 .slide-controls button:hover,.slide-controls button:focus-visible{background:#43e879;color:#08190e;border-color:#43e879}
 .feature-body{display:block;padding:0}
 .feature-body>.feature-copy{display:none}
 .feature-body .slides{width:100%}
 .feature-body .feature-slide{position:relative;isolation:isolate;overflow:hidden;max-width:none;width:100%;min-height:450px;margin:0;padding:88px 58px 42px 36px;gap:50px;justify-content:space-between;align-items:center;color:#f5faf6}
 .feature-body .feature-slide[hidden]{display:none}
 .feature-backdrop{display:block;position:absolute;inset:0;z-index:-2;background:#13251a;overflow:hidden}
 .feature-backdrop img{position:absolute;width:72%;height:160%;right:-5%;top:-30%;object-fit:cover;object-position:center 30%;filter:blur(13px) saturate(.8);opacity:.55;transform:scale(1.06)}
 .feature-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1510 0%,#0b1510f5 29%,#0b151098 62%,#0b151030 100%),linear-gradient(0deg,#08110ed9,transparent 65%)}
 .feature-body .feature-cover{order:2;width:210px;aspect-ratio:2/3;border-radius:8px;border:1px solid #ffffff38;box-shadow:0 20px 50px #0009;transform:rotate(3deg);transition:transform .25s ease,box-shadow .25s ease}
 .feature-body .feature-info{order:1;flex:1;max-width:650px;min-width:0;padding:0}
 .feature-body .feature-info>small{display:inline-block;color:#87eda7;font-size:12px;letter-spacing:1.5px;font-weight:700}
 .feature-body .feature-info h2{font-size:clamp(29px,3.1vw,45px);line-height:1.08;letter-spacing:-1.1px;margin:16px 0 19px;max-width:650px;text-wrap:balance;overflow-wrap:anywhere}
 .feature-body .feature-info>p:not(.muted){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.7;color:#c6d2ca;max-width:550px;margin:0 0 18px}
 .feature-body .feature-info .muted{font-size:12px;color:#aac0b2;margin:0 0 25px;line-height:1.7}
 .feature-body .feature-info .button{display:inline-flex;align-items:center;gap:20px;padding:13px 21px;background:#43e879;color:#082514;border:0;border-radius:6px;font-size:13px;font-weight:800;box-shadow:0 5px 24px #43e87915}
 .feature-body .feature-info .button:after{content:'↗';font-size:19px}
 .feature-slide:hover .feature-cover{transform:rotate(0deg) translateY(-3px);box-shadow:0 24px 55px #000b}
 .feature-slide:focus-visible{outline:3px solid #43e879;outline-offset:-4px}
}
@media(min-width:801px) and (max-width:1050px){
 .feature-body .feature-slide{padding:82px 32px 30px;gap:30px;min-height:400px}
 .feature-body .feature-cover{width:175px}
 .feature-body .feature-info h2{font-size:33px}
}
@media(prefers-reduced-motion:reduce){.feature-body .feature-cover{transition:none}}
