.home-feature{min-inline-size:0}.feature-track{gap:16px;min-width:0;height:clamp(360px,31vw,480px);display:flex}.feature-card{flex:1 1 0;order:var(--feature-order);color:#fff;isolation:isolate;background:#302b29;border-radius:20px;min-width:0;transition:flex-grow .55s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.feature-card[data-active=true]{flex-grow:2.25}.feature-card-link{color:#fff;height:100%;display:block;position:relative}.feature-card-link:focus-visible{outline:3px solid var(--brand);outline-offset:-5px;border-radius:inherit}.feature-card-art{z-index:-2;position:absolute;inset:0}.feature-card-art>:is(img,.cover-fallback){object-fit:cover;object-position:var(--feature-position,center);width:100%;height:100%}.feature-card-art:after{content:"";background:linear-gradient(#171c2400 35%,#171c2426 54%,#171c2470 79%,#171c248f 100%);position:absolute;inset:0}.feature-card-callout{inset-inline:22px;position:absolute;bottom:112px}.feature-card-badge{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#ffffff26;border:1px solid #ffffff20;border-radius:30px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:650;line-height:1.4;display:inline-flex}.feature-card-description{-webkit-line-clamp:2;opacity:0;text-shadow:0 1px 12px #0005;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-height:0;margin-top:0;font-size:clamp(18px,1.6vw,25px);font-weight:750;line-height:1.4;transition:opacity .3s,max-height .3s,margin-top .3s;display:-webkit-box;overflow:hidden}.feature-card[data-active=true] .feature-card-description{opacity:1;max-height:2.8em;margin-top:10px}.feature-card-footer{bottom:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff16;border-top:1px solid #ffffff18;align-items:center;gap:12px;min-height:94px;padding:18px 22px;display:flex;position:absolute;inset-inline:0}.feature-card-icon{background:#ffffff20;border:1px solid #ffffff30;border-radius:13px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.feature-card-icon img{object-fit:cover;width:100%;height:100%}.feature-card-identity{flex:1;gap:5px;min-width:0;display:grid}.feature-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,1.35vw,20px);font-weight:750;line-height:1.35;overflow:hidden}.feature-card-subtitle{text-overflow:ellipsis;white-space:nowrap;color:#ffffffe0;font-size:12px;overflow:hidden}.feature-card-arrow{flex:none;display:none}.feature-card[data-active=true] .feature-card-arrow{display:block}.feature-controls{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.feature-control{color:#79747a;background:#eeece8;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:grid}.feature-control:hover{color:var(--brand-ink);background:var(--brand-soft-hover)}.feature-previous svg{rotate:180deg}.feature-pagination{background:#eeece8;border-radius:30px;align-items:center;height:40px;padding-inline:8px 2px;display:flex}.feature-dots{align-items:center;display:flex}.feature-dots button{place-items:center;width:26px;height:40px;padding:0;display:grid}.feature-dots button>span{background:#c6c2bf;border-radius:8px;width:5px;height:5px;transition:width .25s,background .25s}.feature-dots button[aria-pressed=true]>span{background:var(--brand);width:22px}.feature-pagination .feature-playback{background:0 0;border-inline-start:1px solid #d9d4ce;border-radius:0 24px 24px 0;width:36px;height:30px;margin-inline-start:7px}[dir=rtl] .feature-pagination .feature-playback{border-radius:24px 0 0 24px}@media (min-width:761px) and (max-width:1100px){.feature-track{gap:12px}.feature-card{border-radius:16px}.feature-card-callout{inset-inline:16px}.feature-card-footer{gap:9px;padding-inline:16px}.feature-card-icon{border-radius:10px;width:40px;height:40px}.feature-card-subtitle{font-size:10px}}@media (max-width:760px){.feature-track{touch-action:pan-y;gap:0;height:clamp(350px,96vw,440px)}.feature-card{border-radius:16px;order:0;display:none}.feature-card[data-active=true]{flex:1;animation:.25s ease-out feature-reveal;display:block}.feature-card-callout{inset-inline:20px;bottom:108px}.feature-card-description{font-size:21px}.feature-card-footer{min-height:90px;padding:16px 20px}.feature-card-icon{width:48px;height:48px}.feature-card-title{font-size:18px}.feature-card-subtitle{font-size:11px}.feature-controls{gap:6px;margin-top:12px}.feature-control{width:44px;height:44px}.feature-pagination{height:44px;padding-inline-start:5px}.feature-dots button{width:24px;height:44px}.feature-pagination .feature-playback{width:36px;height:40px;margin-inline-start:4px}}@media (max-width:359px){.feature-controls{gap:4px}.feature-dots button{width:20px}.feature-control{width:40px;height:44px}}@keyframes feature-reveal{0%{opacity:.5}to{opacity:1}}@media (prefers-reduced-motion:reduce){.feature-card,.feature-card-description,.feature-dots button>span{transition:none;animation:none}}
