.view#v-home{padding-top:54px}
.feature-showcase{max-width:1360px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(28px,3vw,42px);margin:40px auto 36px}
.feature-showcase .hero{padding:0;text-align:left}
.feature-showcase .hero h1{max-width:24ch;margin:0;color:#fff;font-size:clamp(24px,2.5vw,30px);line-height:1.4;font-weight:500;letter-spacing:-.015em;white-space:normal}
.feature-showcase .hero h1 em{color:var(--blue);font-style:normal}
.feature-showcase .hcta{justify-content:flex-start;margin-top:28px}
.feature-carousel{width:100%;min-width:0;transform:translateX(clamp(12px,2.5vw,36px))}
.feature-art{position:relative;min-width:0;overflow:hidden;border-radius:12px;background:transparent}
.feature-art{touch-action:pan-y}
.feature-track{display:flex;width:200%;transition:transform .36s cubic-bezier(.22,.68,0,1);will-change:transform}
.feature-slide{position:relative;flex:0 0 50%;width:50%}
.feature-slide img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
.feature-art img.vulkan-art{background:#101820}
.feature-copy{position:absolute;z-index:1;right:clamp(18px,4vw,52px);bottom:clamp(18px,4vw,42px);left:clamp(18px,4vw,52px);max-width:560px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.feature-copy h2{margin:0 0 8px;font-size:clamp(23px,3vw,36px);line-height:1.15;letter-spacing:-.035em}
.feature-copy p{max-width:54ch;margin:0;color:rgba(255,255,255,.86);font-size:clamp(14px,1.4vw,17px);line-height:1.55}
.feature-controls{display:flex;align-items:center;justify-content:center;gap:15px;min-height:42px;margin-top:10px}
.feature-controls>button{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.52);font:inherit;font-size:34px;font-weight:300;line-height:1;cursor:pointer;transition:color .18s,background .18s}
.feature-controls>button:hover,.feature-controls>button:focus-visible{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);outline:none}
.feature-dots{display:flex;align-items:center;justify-content:center;gap:10px}
.feature-dots button{width:9px;height:9px;flex:0 0 9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;transition:background .18s,box-shadow .18s}
.feature-dots button[aria-current=true]{background:rgba(255,255,255,.88);box-shadow:0 0 0 2px rgba(255,255,255,.18)}
@media(max-width:760px){.view#v-home{padding-top:30px}.feature-showcase{grid-template-columns:1fr;gap:32px;margin-top:18px}.feature-showcase .hero h1{max-width:24ch;font-size:clamp(24px,6vw,30px)}.feature-carousel{transform:none}.feature-showcase .hcta{margin-top:20px}.feature-art{border-radius:9px}.feature-copy{right:18px;bottom:16px;left:18px}.feature-copy h2{margin-bottom:5px}.feature-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.feature-track,.feature-controls>button,.feature-dots button{transition:none}}
