.cpu-showcase{--_line:color-mix(in srgb,var(--cpu-ink) 10%,transparent);--_off:var(--cpu-sp-5)}.cpu-showcase__head{margin-bottom:var(--cpu-sp-6)}.cpu-section.cpu-showcase--bg-none{background:transparent}.cpu-section.cpu-showcase--flush{padding-bottom:0;padding-top:0}@media (min-width:981px){.cpu-split.cpu-showcase__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.cpu-showcase__stage{grid-column:1;grid-row:1}.cpu-showcase__copy{grid-column:2;grid-row:1}.cpu-showcase--media-right .cpu-split.cpu-showcase__grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.cpu-showcase--media-right .cpu-showcase__stage{grid-column:2}.cpu-showcase--media-right .cpu-showcase__copy{grid-column:1}.cpu-showcase--media-right .cpu-showcase__tab[aria-selected=true]:before{left:auto;right:0}}.cpu-showcase__tabs{display:none}.cpu-js .cpu-showcase__tabs{display:grid;gap:var(--cpu-sp-2);grid-template-columns:repeat(2,minmax(0,1fr))}.cpu-showcase__tab{align-items:center;background:transparent;border:1px solid var(--_line);border-radius:var(--cpu-r-lg);border-radius:var(--cpu-r-xs);color:var(--cpu-text-muted);cursor:pointer;display:flex;font:700 15px/1.25 var(--cpu-font-body);gap:var(--cpu-sp-3);margin:0;padding:var(--cpu-sp-3);position:relative;text-align:left;transition:background-color var(--cpu-dur) var(--cpu-ease),color var(--cpu-dur) var(--cpu-ease),border-color var(--cpu-dur) var(--cpu-ease);width:100%}.cpu-showcase__tab:hover{color:var(--cpu-text)}.cpu-showcase__tab-icon{align-items:center;background:var(--cpu-surface-tint);border-radius:var(--cpu-r-sm);color:var(--cpu-teal);display:flex;flex:none;height:36px;justify-content:center;transition:background-color var(--cpu-dur) var(--cpu-ease),color var(--cpu-dur) var(--cpu-ease);width:36px}.cpu-showcase__tab-icon svg{height:18px;width:18px}.cpu-showcase__tab[aria-selected=true]{background:var(--cpu-surface-tint);border-color:color-mix(in srgb,var(--cpu-bright) 55%,transparent);color:var(--cpu-text)}.cpu-showcase__tab[aria-selected=true] .cpu-showcase__tab-icon{background:var(--cpu-teal);color:var(--cpu-text-invert)}.cpu-section--tint .cpu-showcase__tab-icon,.cpu-section--tint .cpu-showcase__tab[aria-selected=true]{background:var(--cpu-surface)}.cpu-section--tint .cpu-showcase__tab[aria-selected=true] .cpu-showcase__tab-icon{background:var(--cpu-teal)}@media (max-width:620px){.cpu-showcase__tab{align-items:flex-start;flex-direction:column;font-size:14px;gap:var(--cpu-sp-2)}.cpu-showcase__tab-icon{height:32px;width:32px}}@media (min-width:981px){.cpu-js .cpu-showcase__tabs{gap:var(--cpu-sp-1);grid-template-columns:minmax(0,1fr)}.cpu-showcase__tab{border-color:transparent;font:600 21px/1.2 var(--cpu-font-display);letter-spacing:-.01em;padding:var(--cpu-sp-3) var(--cpu-sp-4)}.cpu-showcase__tab-icon{height:42px;width:42px}.cpu-showcase__tab:not([aria-selected=true]):hover{background:color-mix(in srgb,var(--cpu-surface-tint) 60%,transparent)}.cpu-showcase__tab[aria-selected=true]{border-color:transparent}.cpu-showcase__tab[aria-selected=true]:before{background:var(--cpu-bright);border-radius:var(--cpu-r-xs);bottom:var(--cpu-sp-2);content:"";left:0;position:absolute;top:var(--cpu-sp-2);width:3px}}.cpu-showcase__stage{display:grid;grid-template-rows:auto auto;padding:0 var(--_off) 0 0;position:relative}.cpu-showcase__panel{display:grid;grid-area:1/1/3/2;grid-template-rows:subgrid;min-width:0;position:relative}.cpu-showcase__panel:focus-visible{border-radius:var(--cpu-r-lg);outline-offset:4px}.cpu-showcase__media{grid-row:1;isolation:isolate;position:relative}.cpu-showcase__media:before{background:linear-gradient(150deg,color-mix(in srgb,var(--cpu-bright) 38%,var(--cpu-surface-tint)),var(--cpu-surface-tint));border-radius:var(--cpu-r-xs);content:"";inset:var(--cpu-sp-6) calc(var(--_off)*-1) calc(var(--_off)*-1) var(--cpu-sp-6);position:absolute;z-index:-1}.cpu-section--tint .cpu-showcase__media:before{background:linear-gradient(150deg,color-mix(in srgb,var(--cpu-bright) 45%,var(--cpu-surface)),var(--cpu-surface))}.cpu-showcase__shot{background:var(--cpu-surface);border-radius:var(--cpu-r-xs);box-shadow:0 0 0 1px var(--_line),var(--cpu-sh-lg);overflow:hidden;position:relative}.cpu-showcase__img{display:block;height:auto;width:100%}.cpu-showcase__placeholder{aspect-ratio:16/10;border-radius:0}.cpu-showcase__toast{left:calc(var(--_off)*-1);max-width:240px;position:absolute;top:var(--cpu-sp-5);width:max-content;z-index:3}.cpu-showcase__toast-txt{display:grid;gap:2px}.cpu-showcase__caption{grid-row:2;margin-top:var(--cpu-sp-7);max-width:46ch}.cpu-showcase__title{align-items:center;display:flex;gap:var(--cpu-sp-2);margin-bottom:var(--cpu-sp-1)}.cpu-showcase__title:before{background:var(--cpu-bright);border-radius:var(--cpu-r-pill);content:"";flex:none;height:3px;width:18px}.cpu-showcase--media-right .cpu-showcase__stage{padding:0 0 0 var(--_off)}.cpu-showcase--media-right .cpu-showcase__media:before{inset:var(--cpu-sp-6) var(--cpu-sp-6) calc(var(--_off)*-1) calc(var(--_off)*-1)}.cpu-showcase--media-right .cpu-showcase__toast{left:auto;right:calc(var(--_off)*-1)}.cpu-showcase--no-backdrop .cpu-showcase__media:before{display:none}.cpu-showcase--no-backdrop .cpu-showcase__stage{padding:0}.cpu-showcase--no-backdrop .cpu-showcase__caption{margin-top:var(--cpu-sp-5)}.cpu-js .cpu-showcase__panel{opacity:0;transition:opacity .4s var(--cpu-ease),visibility 0s linear .4s;visibility:hidden}.cpu-js .cpu-showcase__panel.is-active{opacity:1;transition:opacity .4s var(--cpu-ease),visibility 0s;visibility:visible}.cpu-js .cpu-showcase__img{transform:scale(1.03);transition:transform .8s var(--cpu-ease)}.cpu-js .cpu-showcase__panel.is-active .cpu-showcase__img{transform:none}.cpu-js .cpu-showcase__toast{opacity:0;transform:translateY(10px);transition:opacity .5s var(--cpu-ease) .2s,transform .5s var(--cpu-ease) .2s}.cpu-js .cpu-showcase__panel.is-active .cpu-showcase__toast{opacity:1;transform:none}html:not(.cpu-js) .cpu-showcase__stage{grid-template-rows:none;row-gap:var(--cpu-sp-8)}html:not(.cpu-js) .cpu-showcase__panel{grid-area:auto;grid-template-rows:auto auto}@media (max-width:980px){.cpu-showcase__toast{left:var(--cpu-sp-3)}.cpu-showcase--media-right .cpu-showcase__toast{left:auto;right:var(--cpu-sp-3)}}@media (max-width:620px){.cpu-showcase{--_off:var(--cpu-sp-3)}.cpu-showcase__media:before{inset:var(--cpu-sp-4) calc(var(--_off)*-1) calc(var(--_off)*-1) var(--cpu-sp-4)}.cpu-showcase--media-right .cpu-showcase__media:before{inset:var(--cpu-sp-4) var(--cpu-sp-4) calc(var(--_off)*-1) calc(var(--_off)*-1)}.cpu-showcase__toast{padding:8px 12px 8px 8px;top:calc(var(--cpu-sp-3)*-1)}.cpu-showcase__toast .cpu-float-card__icon{height:28px;width:28px}.cpu-showcase__toast .cpu-float-card__sub{display:none}.cpu-showcase__caption{margin-top:var(--cpu-sp-6)}}@media (prefers-reduced-motion:reduce){.cpu-js .cpu-showcase__img,.cpu-js .cpu-showcase__panel,.cpu-js .cpu-showcase__toast,.cpu-showcase__tab,.cpu-showcase__tab-icon{transition:none}.cpu-js .cpu-showcase__img{transform:none}}