.vox-logo{align-items:center;line-height:1;text-decoration:none;display:inline-flex}.vox-logo-img{transition:opacity var(--duration-base) var(--ease-default);display:block}.vox-logo:hover .vox-logo-img{opacity:.85}
.header-bar{transition:transform .4s var(--ease-out-quart), background .32s var(--ease-out-quart), border-color .32s var(--ease-out-quart), backdrop-filter .32s var(--ease-out-quart);background:0 0;border-bottom:1px solid #0000}.header-bar.is-scrolled{background:color-mix(in oklch, var(--surface-0) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.05);border-bottom-color:color-mix(in oklch, var(--color-text) 8%, transparent)}.header-bar.is-hidden{transform:translateY(-100%)}.header-bar--embedded{background:color-mix(in oklch, var(--surface-0) 72%, transparent);border-bottom:1px solid color-mix(in oklch, var(--color-text) 8%, transparent);position:relative}.header-inner{gap:36px;max-width:1320px;margin:0 auto;padding:15px 28px}@media (max-width:960px){.header-inner{gap:20px;padding:14px 20px}}.header-logo{align-items:center;display:inline-flex}.header-nav{scrollbar-width:none;flex:1;gap:26px;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.header-link{font-family:var(--font-body);letter-spacing:.005em;color:var(--color-text-dim);white-space:nowrap;transition:color .2s var(--ease-out-quart);padding:6px 0;font-size:13px;font-weight:500;position:relative}.header-link:hover,.header-link.is-active{color:var(--color-text)}.header-link.is-active:after{content:"";background:color-mix(in oklch, var(--color-text) 32%, transparent);border-radius:1px;height:1px;position:absolute;bottom:-3px;left:0;right:0}.header-right{gap:18px}.header-login{font-family:var(--font-body);color:var(--color-text-muted);text-decoration:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:4px;font-size:13px;text-decoration-thickness:1px;transition:color .16s,text-decoration-color .16s}.header-login:hover{color:var(--color-text);-webkit-text-decoration-color:var(--color-text);text-decoration-color:var(--color-text)}.header-cta{background:color-mix(in oklch, var(--color-text) 5%, transparent);height:34px;color:var(--color-text);font-family:var(--font-body);letter-spacing:.002em;white-space:nowrap;border:1px solid color-mix(in oklch, var(--color-text) 14%, transparent);transition:background .2s var(--ease-out-quart), border-color .2s var(--ease-out-quart), color .2s var(--ease-out-quart);border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:600;display:inline-flex}.header-cta:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.header-cta svg{transition:transform .2s var(--ease-out-quart)}.header-cta:hover svg{transform:translate(2px)}.header-link--accent{color:var(--color-accent-light);text-shadow:0 0 14px color-mix(in oklch, var(--color-accent) 45%, transparent)}.header-link--accent:hover,.header-link--accent.is-active{color:var(--color-accent-light);text-shadow:0 0 18px color-mix(in oklch, var(--color-accent) 70%, transparent)}.header-burger{cursor:pointer;width:40px;height:40px;color:var(--color-text);background:0 0;border:none;justify-content:center;align-items:center;margin-left:6px;display:none}@media (max-width:767px){.header-burger{display:inline-flex}}.header-burger__icon{width:20px;height:14px;position:relative}.header-burger__icon i{width:100%;height:2px;transition:transform .28s var(--ease-out-quart), opacity .2s var(--ease-out-quart), top .28s var(--ease-out-quart);background:currentColor;border-radius:2px;position:absolute;left:0}.header-burger__icon i:first-child{top:0}.header-burger__icon i:nth-child(2){top:6px}.header-burger__icon i:nth-child(3){top:12px}.header-burger__icon.is-open i:first-child{top:6px;transform:rotate(45deg)}.header-burger__icon.is-open i:nth-child(2){opacity:0}.header-burger__icon.is-open i:nth-child(3){top:6px;transform:rotate(-45deg)}.header-mobile{z-index:40;background:color-mix(in oklch, var(--surface-0) 96%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .24s var(--ease-out-quart), transform .24s var(--ease-out-quart);flex-direction:column;justify-content:space-between;padding:84px 24px 32px;display:flex;position:fixed;inset:0;transform:translateY(-8px)}.header-mobile.is-open{opacity:1;pointer-events:auto;transform:none}@media (min-width:768px){.header-mobile{display:none}}.header-mobile__nav{flex-direction:column;gap:4px;display:flex}.header-mobile__link{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);border-bottom:1px solid color-mix(in oklch, var(--color-text) 8%, transparent);padding:12px 0;font-size:26px;font-weight:500;text-decoration:none}.header-mobile__link.is-active,.header-mobile__link--accent{color:var(--color-accent-light)}.header-mobile__foot{flex-direction:column;gap:12px;display:flex}.header-mobile__login{text-align:center;color:var(--color-text-muted);padding:14px;font-weight:600;text-decoration:none}.header-mobile__cta{text-align:center;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-background);padding:16px;font-weight:600;text-decoration:none}
.ed-footer{background:var(--color-background-sunken,var(--color-bg-secondary));color:var(--color-text);font-family:var(--font-body);border-top:1px solid var(--color-accent-border);padding:88px 28px 36px;position:relative}@media (max-width:720px){.ed-footer{padding:64px 20px 28px}}.ed-footer__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px;max-width:1240px;margin:0 auto;display:grid}@media (max-width:960px){.ed-footer__inner{grid-template-columns:1fr;gap:48px}}.ed-footer__masthead{flex-direction:column;gap:22px;display:flex;position:relative}.ed-footer__logo{align-items:center;display:inline-flex}.ed-footer__tagline{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.018em;max-width:22ch;margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:600;line-height:1.18}.ed-footer__cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}@media (max-width:720px){.ed-footer__cols{grid-template-columns:repeat(2,1fr);gap:28px 20px}}@media (max-width:420px){.ed-footer__cols{grid-template-columns:1fr}}.ed-footer__col ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ed-footer__col-h{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim);margin:0 0 14px;font-size:11px;font-weight:500}.ed-footer__link{color:var(--color-text-muted);border-bottom:1px solid #0000;padding-bottom:1px;font-size:14px;text-decoration:none;transition:color .16s,border-color .16s}.ed-footer__link:hover{color:var(--color-accent-light);border-bottom-color:var(--color-accent)}.ed-footer__rule{background:var(--color-border);max-width:1240px;height:1px;margin:56px auto 22px}.ed-footer__base{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:18px;max-width:1240px;margin:0 auto;display:grid}@media (max-width:720px){.ed-footer__base{text-align:center;grid-template-columns:1fr;gap:10px}}.ed-footer__copy{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);margin:0;font-size:11px}.ed-footer__colophon{color:var(--color-text-muted);text-align:center;font-size:12px;font-family:var(--font-body);margin:0}@media (max-width:720px){.ed-footer__copy,.ed-footer__colophon{text-align:center}}.ed-footer__social{justify-content:flex-end;gap:18px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:720px){.ed-footer__social{justify-content:center}}.ed-footer__sociallink{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim);border-bottom:1px solid #0000;padding-bottom:1px;font-size:11px;text-decoration:none;transition:color .16s,border-color .16s}.ed-footer__sociallink:hover{color:var(--color-accent-light);border-bottom-color:var(--color-accent)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
article.voice-card{aspect-ratio:5/6;isolation:isolate;overflow:hidden}.voice-card .media{z-index:0;position:absolute;inset:0;overflow:hidden}.voice-card .media img{object-fit:cover;object-position:50% 28%;width:100%;height:100%;transition:transform .7s var(--ease-out-quart);display:block}.voice-card:hover .media img{transform:scale(1.04)}.voice-card .media-fallback{background:radial-gradient(70% 50% at 50% 30%, color-mix(in oklch, var(--color-accent) 18%, transparent), transparent 70%), var(--color-background-sunken);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.voice-card .initials{font-family:var(--font-display);color:color-mix(in oklch, var(--color-text) 78%, transparent);font-size:clamp(3rem,8vw,4.5rem);font-weight:700}.voice-card .scrim{z-index:1;pointer-events:none;background:linear-gradient(#00000059 0%,#0000 18% 45%,#0000004d 68%,#000000a6 84%,#000000d9 100%);background:linear-gradient(lab(0% 0 0/.35) 0%,#0000 18% 45%,lab(0% 0 0/.3) 68%,lab(0% 0 0/.65) 84%,lab(0% 0 0/.85) 100%);position:absolute;inset:0}.voice-card .ai-tag{z-index:4;border-radius:var(--radius-full);border:1px solid color-mix(in oklch, var(--color-accent) 38%, transparent);background:color-mix(in oklch, var(--color-accent) 20%, var(--color-background-sunken));min-height:1.75rem;color:var(--color-accent-light);letter-spacing:.08em;align-items:center;padding:0 .75rem;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 8px 22px #00000047;box-shadow:0 8px 22px lab(0% 0 0/.28)}.voice-card .favorite{z-index:4;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);color:#ffffffd9;color:lab(100% 0 0/.85);cursor:pointer;width:32px;height:32px;transition:background .18s var(--ease-out-quart), border-color .18s var(--ease-out-quart), color .18s var(--ease-out-quart), transform .18s var(--ease-out-quart);background:#00000061;background:lab(0% 0 0/.38);border:1px solid #ffffff2e;border:1px solid lab(100% 0 0/.18);border-color:oklch(100% 5.96046e-8 none/.18) oklch(100% 5.96046e-8 none/.18) oklch(100% 5.96046e-8 none/.18) oklch(100% 5.96046e-8 none/.18);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.voice-card .favorite:hover{color:#fff;background:#0000008c;background:lab(0% 0 0/.55);border-color:#ffffff47;border-color:lab(100% 0 0/.28);transform:scale(1.06)}.voice-card .favorite.is-active{color:var(--color-accent);border-color:color-mix(in oklch, var(--color-accent) 45%, transparent)}.voice-card .caption{z-index:2;color:#fff;align-items:flex-end;gap:12px;padding:16px 16px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.voice-card .caption-text{text-align:left;text-shadow:0 1px 4px #0009;text-shadow:0 1px 4px lab(0% 0 0/.6);flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.voice-card .name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);color:#fff;margin:0;font-size:18px;font-weight:700;line-height:1.2;overflow:hidden}.voice-card .meta{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body);color:#ffffffc7;color:lab(100% 0 0/.78);font-size:11px;font-weight:500;line-height:1.2;overflow:hidden}.voice-card .play{z-index:4;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:0 6px 18px color-mix(in oklch, var(--color-accent) 45%, transparent), 0 0 0 1px #ffffff38 inset;transition:transform .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart), background .18s var(--ease-out-quart);border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}@supports (color:lab(0% 0 0)){.voice-card .play{box-shadow:0 6px 18px color-mix(in oklch, var(--color-accent) 45%, transparent), 0 0 0 1px lab(100% 0 0/.22) inset}}.voice-card .play:after{content:none}.voice-card .play:hover{background:var(--color-accent-hover);box-shadow:0 8px 22px color-mix(in oklch, var(--color-accent) 55%, transparent), 0 0 0 1px #ffffff4d inset;transform:scale(1.06)}@supports (color:lab(0% 0 0)){.voice-card .play:hover{box-shadow:0 8px 22px color-mix(in oklch, var(--color-accent) 55%, transparent), 0 0 0 1px lab(100% 0 0/.3) inset}}.voice-card .play:active{transform:scale(.96)}.voice-card .play .hidden{display:none}.voice-card .play-icon{margin-left:1px}.voice-card .play .play-icon[data-pause-icon]{margin-left:0}.voice-card--feature{aspect-ratio:4/5}.voice-card--feature .name{font-size:22px}.voice-card--feature .play{width:48px;height:48px}
.vdc{max-width:320px;margin:0 auto}.ds-grid .vdc,.ds-card-grid .vdc{max-width:none;margin:0}.vdc__frame{aspect-ratio:3/4;border-radius:var(--radius-lg);background:var(--mauve-2);border:1px solid var(--color-border);isolation:isolate;position:relative;overflow:hidden}.ds-grid .vdc__frame,.ds-card-grid .vdc__frame{aspect-ratio:16/9}.vdc__poster,.vdc__video{object-fit:cover;width:100%;height:100%;display:block}.vdc__poster{transition:transform .6s var(--ease-out-quart), filter .3s var(--ease-out-quart);filter:saturate(.94)}.vdc:hover .vdc__poster{filter:saturate(1.04);transform:scale(1.04)}.vdc__ph{background:radial-gradient(60% 60% at 50% 40%, color-mix(in oklch, var(--color-accent) 12%, transparent), transparent 70%), var(--mauve-2);position:absolute;inset:0}.vdc__empty{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;background:var(--mauve-2);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;inset:0}.vdc__empty svg{opacity:.7}.vdc:hover .vdc__frame{border-color:color-mix(in oklch, var(--color-text) 22%, transparent);box-shadow:0 16px 34px -16px #0009}.vdc__play{width:56px;height:56px;color:var(--mauve-1);background:var(--color-accent);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff4d, 0 8px 24px color-mix(in oklch, var(--color-accent) 45%, transparent);opacity:0;transition:opacity .24s var(--ease-out-quart), transform .24s var(--ease-out-quart);border:none;border-radius:50%;justify-content:center;align-items:center;margin:auto;display:inline-flex;position:absolute;inset:0;transform:scale(.9)}.vdc__play svg{margin-left:2px}.vdc:hover .vdc__play,.vdc__play:focus-visible{opacity:1;transform:scale(1)}@media (hover:none){.vdc__play{opacity:1;transform:scale(1)}}.vdc__meta{flex-direction:column;gap:2px;margin-top:12px;display:flex}.vdc__name{letter-spacing:-.01em;color:var(--color-text);font-size:16px;font-weight:500}.vdc__sub{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px}.ds-grid--tiers:has(.vdc){margin-top:28px}.vdc-modal{z-index:1000;background:color-mix(in oklch, var(--mauve-1) 72%, transparent);-webkit-backdrop-filter:blur(22px)saturate(.9);animation:vdcModalIn .22s var(--ease-out-quart);justify-content:center;align-items:center;padding:clamp(16px,4vw,56px);display:flex;position:fixed;inset:0}@keyframes vdcModalIn{0%{opacity:0}to{opacity:1}}.vdc-modal__stage{width:min(960px,100%);animation:vdcStageIn .26s var(--ease-out-quart);position:relative}@keyframes vdcStageIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.vdc-modal__video{aspect-ratio:16/9;object-fit:contain;border-radius:var(--radius-lg);border:1px solid color-mix(in oklch, var(--mauve-12) 16%, transparent);background:#000;width:100%;max-height:80vh;display:block;box-shadow:0 40px 120px -24px #000c}.vdc-modal__caption{align-items:baseline;gap:12px;margin-top:14px;display:flex}.vdc-modal__name{letter-spacing:-.01em;color:var(--color-text);font-size:17px;font-weight:600}.vdc-modal__sub{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px}.vdc-modal__close{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:color-mix(in oklch, var(--mauve-3) 80%, transparent);border:1px solid color-mix(in oklch, var(--mauve-12) 20%, transparent);border-radius:50%;justify-content:center;align-items:center;transition:background .16s,transform .16s;display:inline-flex;position:absolute;top:clamp(14px,3vw,28px);right:clamp(14px,3vw,28px)}.vdc-modal__close:hover{background:color-mix(in oklch, var(--mauve-4) 90%, transparent);transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.vdc-modal,.vdc-modal__stage{animation:none}}
.blogcard{color:inherit;flex-direction:column;text-decoration:none;display:flex}.blogcard__media{aspect-ratio:3/2;border-radius:var(--radius-lg);background:var(--mauve-2);border:1px solid var(--color-border);position:relative;overflow:hidden}.blogcard__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out-quart);filter:saturate(.96);display:block}.blogcard:hover .blogcard__media img{transform:scale(1.04)}.blogcard__ph{background:radial-gradient(70% 70% at 50% 30%, color-mix(in oklch, var(--color-accent) 12%, transparent), transparent 70%), var(--mauve-2);position:absolute;inset:0}.blogcard__body{flex-direction:column;gap:8px;padding-top:18px;display:flex}.blogcard__meta{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.blogcard__cat{color:var(--color-accent-light)}.blogcard__dot{opacity:.5}.blogcard__title{letter-spacing:-.015em;color:var(--color-text);text-wrap:balance;transition:color .18s var(--ease-out-quart);margin:0;font-size:clamp(18px,1.5vw,22px);font-weight:500;line-height:1.2}.blogcard:hover .blogcard__title{color:var(--color-accent-light)}.blogcard__excerpt{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.blogcard__more{color:var(--color-accent-light);align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:600;display:inline-flex}.blogcard__more svg{transition:transform .2s var(--ease-out-quart)}.blogcard:hover .blogcard__more svg{transform:translate(4px)}@media (min-width:860px){.ds-card-grid .blogcard:first-child{grid-column:1/-1;grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;display:grid}.ds-card-grid .blogcard:first-child .blogcard__media{aspect-ratio:16/9;height:100%}.ds-card-grid .blogcard:first-child .blogcard__body{gap:12px;padding-top:0}.ds-card-grid .blogcard:first-child .blogcard__title{font-size:clamp(24px,2.4vw,34px)}.ds-card-grid .blogcard:first-child .blogcard__excerpt{-webkit-line-clamp:3;font-size:16px}}
.dv{background:var(--color-background);width:100%;padding:128px 24px}@media (max-width:720px){.dv{padding:96px 20px}}.dv-shell{max-width:1132px;margin:0 auto}.dv-head{max-width:640px;margin:0 0 48px}.dv-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent-light);margin:0 0 16px;font-size:11px}.dv-heading{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-text);text-wrap:balance;margin:0;font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.06}.dv-lede{font-family:var(--font-body);color:var(--color-text-muted);max-width:52ch;margin:18px 0 0;font-size:16px;line-height:1.6}.dv-frame{max-width:860px;margin:0 auto}.dv-caption{letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim);margin:16px 0 0;font-size:10px}
.vpl{aspect-ratio:16/9;border-radius:var(--radius-lg);background:radial-gradient(110% 120% at 85% -10%, color-mix(in oklch, var(--color-accent) 14%, transparent), transparent 55%), var(--color-surface-code);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);isolation:isolate;position:relative;overflow:hidden}.vpl-idle{cursor:none}.vpl-full{border:none;border-radius:0}.vpl-video{object-fit:cover;background:var(--color-surface-code);width:100%;height:100%;display:block;position:absolute;inset:0}.vpl-full .vpl-video{object-fit:contain}.vpl-cover{cursor:pointer;transition:background .24s var(--ease-out-quart);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vpl-cover:hover{background:linear-gradient(180deg, color-mix(in oklch, var(--mauve-1) 8%, transparent) 0%, color-mix(in oklch, var(--mauve-1) 38%, transparent) 100%)}.vpl-cover:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-4px;border-radius:var(--radius-lg)}.vpl-play{background:var(--color-accent);color:#fff;width:72px;height:72px;box-shadow:inset 0 0 0 1px #ffffff4d, 0 0 32px color-mix(in oklch, var(--color-accent) 50%, transparent);opacity:0;transition:opacity .24s var(--ease-out-quart), transform .24s var(--ease-out-quart);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;transform:scale(.92)}.vpl-play svg{margin-left:3px}.vpl-cover:hover .vpl-play,.vpl-cover:focus-visible .vpl-play{opacity:1;transform:scale(1)}@media (hover:none){.vpl-play{opacity:1;transform:scale(1)}}.vpl-spinner{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vpl-spinner span{border:3px solid color-mix(in oklch, var(--color-accent) 25%, transparent);border-top-color:var(--color-accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite vpl-spin}@keyframes vpl-spin{to{transform:rotate(360deg)}}.vpl-error{background:color-mix(in oklch, var(--mauve-1) 70%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.vpl-error p{color:var(--color-text);margin:0;font-size:14px}.vpl-error button{font:inherit;cursor:pointer;background:var(--color-accent);color:#fff;border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600}.vpl-bar{background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--mauve-1) 75%, transparent));opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out-quint);align-items:center;gap:10px;padding:28px 14px 10px;display:flex;position:absolute;inset:auto 0 0}.vpl-bar-on{opacity:1;pointer-events:auto}.vpl-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.vpl-btn:hover{background:#ffffff24}.vpl-btn:focus-visible{outline:2px solid var(--color-focus-ring)}.vpl-time{letter-spacing:.06em;color:#ffffffd9;font-variant-numeric:tabular-nums;flex:none;font-size:11px}.vpl-scrub{flex:1;align-items:center;height:20px;display:flex;position:relative}.vpl-scrub:before{content:"";background:#ffffff2e;border-radius:999px;position:absolute;inset:8px 0}.vpl-scrub-buffered,.vpl-scrub-played{pointer-events:none;border-radius:999px;position:absolute;inset:8px auto 8px 0}.vpl-scrub-buffered{background:#ffffff52}.vpl-scrub-played{background:var(--color-accent)}.vpl-scrub-input{appearance:none;cursor:pointer;background:0 0;width:100%;margin:0;position:absolute;inset:0}.vpl-scrub-input::-webkit-slider-thumb{appearance:none;background:#fff;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 0 6px #00000073}.vpl-scrub-input::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 0 6px #00000073}.vpl-scrub-input:focus-visible{outline:2px solid var(--color-focus-ring);border-radius:999px}@media (max-width:720px){.vpl-time{display:none}.vpl-btn{width:40px;height:40px}}
.tstrip{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1024px){.tstrip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.tstrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.tstrip__card{margin:0}.tstrip__photo{aspect-ratio:3/4;border-radius:var(--radius-lg);background:var(--mauve-2);border:1px solid var(--color-border);isolation:isolate;position:relative;overflow:hidden}.tstrip__photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out-quart), filter .3s var(--ease-out-quart);filter:saturate(.92);display:block}.tstrip__photo:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg, transparent 45%, color-mix(in oklch, var(--color-background) 70%, transparent) 100%);position:absolute;inset:0}.tstrip__card:hover .tstrip__photo img{filter:saturate(1.05);transform:scale(1.05)}.tstrip__card:hover .tstrip__photo,.tstrip__card.is-playing .tstrip__photo{border-color:color-mix(in oklch, var(--color-text) 22%, transparent);box-shadow:0 16px 34px -16px #0009}.tstrip__card.is-playing .tstrip__photo{border-color:color-mix(in oklch, var(--color-accent) 45%, transparent)}.tstrip__play{z-index:2;width:38px;height:38px;color:var(--mauve-1);background:var(--color-accent);cursor:pointer;opacity:0;transition:opacity .22s var(--ease-out-quart), transform .22s var(--ease-out-quart), box-shadow .22s var(--ease-out-quart);box-shadow:0 6px 20px color-mix(in oklch, var(--color-accent) 45%, transparent);border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:10px;right:10px;transform:translateY(6px)scale(.9)}.tstrip__card:hover .tstrip__play,.tstrip__card.is-playing .tstrip__play{opacity:1;transform:none}.tstrip__play:focus-visible{opacity:1;outline:2px solid var(--color-accent-light);outline-offset:3px;transform:none}.tstrip__eq{z-index:2;align-items:flex-end;gap:3px;height:16px;display:inline-flex;position:absolute;bottom:16px;left:12px}.tstrip__eq i{background:var(--color-accent-light);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite tstripEq}.tstrip__eq i:nth-child(2){animation-delay:.15s}.tstrip__eq i:nth-child(3){animation-delay:.3s}.tstrip__eq i:nth-child(4){animation-delay:.45s}@keyframes tstripEq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.tstrip__eq i{animation:none;transform:scaleY(.6)}}.tstrip__meta{flex-direction:column;gap:2px;margin-top:12px;display:flex}.tstrip__name{letter-spacing:-.01em;color:var(--color-text);font-size:16px;font-weight:500}.tstrip__spec{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px}
.cparticles{width:100%;display:block;position:relative;overflow:hidden}.cparticles__canvas{width:100%;height:100%;display:block}.cparticles__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cparticles__static,.cparticles.is-reduced .cparticles__canvas{display:none}.cparticles.is-reduced .cparticles__static{place-items:center;display:grid;position:absolute;inset:0}.cparticles.is-reduced .cparticles__static span{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-accent-light);opacity:0;transition:opacity .6s var(--ease-out-quart);grid-area:1/1;font-size:clamp(28px,6vw,76px);font-weight:700;line-height:1}.cparticles.is-reduced .cparticles__static span.is-active{opacity:1}