.showcase{--_height:min(-3.5rem + 50svh, 33.75rem);padding-inline:var(--site-margin);padding-block:var(--section-space-m)}@media not (min-width:50.625rem){.showcase{padding-block:var(--section-space-s)}}.showcase__layout{align-items:start;gap:var(--space-l);max-width:var(--site-width);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}@media (min-width:75rem){.showcase__layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3.75rem}}.showcase__visual{isolation:isolate;height:var(--_height);border-radius:var(--radius-xl);background:radial-gradient(60% 60% at 60% 40%, color-mix(in srgb, var(--brand-deep) 55%, var(--ink-dark)), transparent 70%), var(--black);min-height:16rem;position:relative;overflow:hidden}@media (min-width:75rem){.showcase__visual{top:calc(50svh - var(--_height) / 2);position:sticky}}.showcase__panel{opacity:0;transition:opacity .9s var(--ease-out), scale 1.2s var(--ease-out);position:absolute;inset:0;scale:1.04}.showcase__panel.is-active{opacity:1;scale:1}.showcase__bar{inset:auto var(--space-s) var(--space-s);z-index:1;justify-content:space-between;align-items:center;gap:var(--gap-base);padding:.75rem var(--space-s);border-radius:var(--radius-m);background-color:var(--glass);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);color:var(--text-on-dark-muted);display:flex;position:absolute}.showcase__count{gap:.25rem;display:flex}.showcase__current{color:var(--brand)}.showcase__pips{gap:var(--gap-tight);display:flex}.showcase__pip{background-color:var(--paper-30);width:.375rem;height:.375rem;transition:background-color .5s var(--ease-out), scale .5s var(--ease-out);border-radius:50%}.showcase__pip.is-active{background-color:var(--paper-light);scale:1.35}.showcase__items{gap:var(--section-space-s);display:grid}.showcase__item{align-content:center;justify-items:start;gap:1.375rem;display:grid}@media (min-width:75rem){.showcase__item{min-height:var(--_height)}}.showcase__rule{width:100%;height:var(--border-width);background-color:var(--border-primary);position:relative}.showcase.is-stepping .showcase__rule{transition:opacity .7s var(--ease-out)}.showcase.is-stepping .showcase__item:not(.is-active) .showcase__rule{opacity:.28}.showcase__rule:after{content:"";background-color:var(--ink);transform-origin:0;transition:scale .9s var(--ease-out);position:absolute;inset:0;scale:0 1}.showcase__item.is-active .showcase__rule:after{scale:1}.showcase__title{font-size:var(--text-3xl)}.showcase.is-stepping .showcase__title{transition:opacity .7s var(--ease-out)}.showcase.is-stepping .showcase__item:not(.is-active) .showcase__title{opacity:.5}.showcase__text{max-width:55ch;color:var(--text-muted)}.showcase.is-stepping .showcase__text{transition:opacity .7s var(--ease-out)}.showcase.is-stepping .showcase__item:not(.is-active) .showcase__text{opacity:.85}.showcase__points{border-top:var(--border-width) solid var(--border-primary);width:100%;display:grid}.showcase.is-stepping .showcase__points{transition:opacity .7s var(--ease-out)}.showcase.is-stepping .showcase__item:not(.is-active) .showcase__points{opacity:.65}.showcase__point{border-bottom:var(--border-width) solid var(--border-primary);align-items:center;gap:.75rem;padding-block:.75rem;display:flex}.showcase__point:before{content:"";background-color:var(--brand-deep);border-radius:.0625rem;flex:none;width:.375rem;height:.375rem}.faq{padding-inline:var(--site-margin);padding-block:var(--section-space-m)}@media not (min-width:50.625rem){.faq{padding-block:var(--section-space-s)}}.faq__layout{align-items:start;gap:var(--space-l);max-width:var(--site-width);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}@media (min-width:75rem){.faq__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6.25rem}}.faq__intro{justify-items:start;gap:var(--space-s);display:grid}@media (min-width:75rem){.faq__intro{position:sticky;top:6.875rem}}.faq__text{max-width:36ch;color:var(--text-muted)}.faq__list{border-top:var(--border-width) solid var(--border-primary)}.faq__item{interpolate-size:allow-keywords;border-bottom:var(--border-width) solid var(--border-primary)}.faq__item::details-content{content-visibility:hidden;block-size:0;transition:block-size var(--duration-open) var(--ease-in-out), content-visibility var(--duration-open) var(--ease-in-out) allow-discrete;overflow:hidden}.faq__item[open]::details-content{content-visibility:visible;block-size:auto}.faq__toggle{padding-block:var(--space-m);cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;list-style:none;display:flex}.faq__toggle::-webkit-details-marker{display:none}.faq__question{font-size:var(--text-xl)}.faq__mark{width:2.25rem;height:2.25rem;box-shadow:inset 0 0 0 var(--border-width) var(--border-primary);color:var(--ink);transition:background-color var(--duration-hover), box-shadow var(--duration-hover), color var(--duration-hover);border-radius:50%;flex:none;position:relative}@media (hover:hover){.faq__toggle:hover .faq__mark{box-shadow:inset 0 0 0 var(--border-width) var(--ink)}}.faq__item[open] .faq__mark{box-shadow:none;background-color:var(--black);color:var(--text-on-dark)}.faq__mark:before,.faq__mark:after{content:"";width:.75rem;height:.09375rem;transition:rotate var(--duration-open) var(--ease-in-out);background-color:currentColor;margin:-.046875rem 0 0 -.375rem;position:absolute;top:50%;left:50%}.faq__mark:after{rotate:90deg}.faq__item[open] .faq__mark:after{rotate:0deg}.faq__answer{padding-bottom:var(--space-m)}.faq__item[open] .faq__answer{animation:faq-answer-in .6s var(--ease-in-out) .12s both}.faq__answer-text{max-width:60ch;color:var(--text-muted)}@keyframes faq-answer-in{0%{opacity:0;translate:0 -.375rem}}