body:has(.cap-preview){background:#090909}body:has(.cap-preview:not(.cap-integrated))>footer{display:none}body:has(.cap-preview:not(.cap-integrated)) .site-footer{display:none}.cap-preview{color:#fff;background:#090909;min-height:100svh;padding:130px 0 60px}.cap-preview>header{padding:0 5vw 35px}.cap-preview header p{letter-spacing:.16em;color:#fff200;margin:0 0 18px;font-size:11px}.cap-preview h2{letter-spacing:-.055em;margin:0 0 16px;font-family:Archivo,Arial,sans-serif;font-size:clamp(40px,6vw,92px);font-weight:900;line-height:1}.cap-preview header>span{color:#aaa;font-size:15px}.cap-panels{gap:4px;width:100%;height:560px;padding:0 4px;display:flex}.cap-panel{color:#fff;text-align:left;cursor:pointer;background:#141414;border:0;border-radius:0;flex:1;min-width:0;padding:0;transition:flex .65s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.cap-art{width:100%;height:100%;transition:opacity .45s,transform .65s;display:block;position:absolute;inset:0}.cap-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000b);position:absolute;inset:45% 0 0}.cap-label{z-index:2;letter-spacing:-.04em;justify-content:space-between;align-items:center;gap:4px;font-size:clamp(12px,1.45vw,24px);font-weight:900;transition:bottom .5s;display:flex;position:absolute;bottom:22px;left:14px;right:14px}.cap-label>span{font-size:21px;font-weight:400}.cap-copy{z-index:2;opacity:0;pointer-events:none;gap:12px;transition:opacity .3s,transform .45s;display:grid;position:absolute;bottom:28px;left:26px;right:26px;transform:translateY(12px)}.cap-copy strong{font-size:29px;line-height:1.05}.cap-copy>span{max-width:340px;font-size:16px;line-height:1.5}.cap-panel[data-active=true]{flex:3.1}.cap-panel[data-active=true] .cap-art{opacity:.58}.cap-panel[data-active=true] .cap-label{color:#fff200;bottom:220px;left:26px}.cap-panel[data-active=true] .cap-copy{opacity:1;transition-delay:.2s;transform:none}.cap-panel:focus-visible{outline-offset:-5px;z-index:3;outline:3px solid #fff200}.cap-mobile-hint{display:none}@media (max-width:699px){.cap-preview{padding-top:104px}.cap-preview>header{padding:0 24px 28px}.cap-panels{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;height:510px;padding:0 24px;scroll-padding:24px;overflow-x:auto}.cap-panel,.cap-panel[data-active=true]{scroll-snap-align:start;flex:0 0 80vw}.cap-label{font-size:24px;left:24px;right:24px}.cap-copy{left:24px;right:24px}.cap-panel[data-active=true] .cap-label{bottom:224px}.cap-mobile-hint{color:#aaa;padding:18px 24px;font-size:12px;display:block}}@media (prefers-reduced-motion:reduce){.cap-panel,.cap-art,.cap-label,.cap-copy{transition:none}}.cap-preview.cap-integrated{min-height:0;padding-top:58px;padding-bottom:44px}.cap-integrated>header{padding-bottom:32px}@media (max-width:699px){.cap-preview.cap-integrated{padding-top:44px;padding-bottom:24px}}.cap-preview h2{letter-spacing:-.065em;font-size:clamp(44px,6.5vw,100px);font-weight:900;line-height:.96}@keyframes capability-enter{0%{opacity:0;clip-path:inset(15% 0 0);transform:translateY(38px)}to{opacity:1;clip-path:inset(0);transform:none}}html[data-motion=on] .cap-preview[data-entered=true] .cap-panel{animation:.85s cubic-bezier(.22,1,.36,1) both capability-enter}@media (prefers-reduced-motion:reduce){.cap-preview[data-entered=true] .cap-panel{animation:none!important}}