.c9cap .cap{background:var(--plum-950);color:var(--lilac-100);padding:var(--s-block) 0}.c9cap .cap-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}.c9cap .cap-fig{margin:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(61,44,110,.55),transparent 72%)}.c9cap .cap-media{position:relative;aspect-ratio:1200/1090;-webkit-mask-image:radial-gradient(closest-side,#000 84%,transparent);mask-image:radial-gradient(closest-side,#000 84%,transparent)}.c9cap .cap-still,.c9cap .cap-vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.c9cap .cap-still.k3,.c9cap .cap-vid{opacity:0}.c9cap .cap-fig.playing .cap-vid,.c9cap .cap-fig.done .cap-still.k3{opacity:1}.c9cap .cap-fig.done .cap-vid{display:none}.c9cap .cap-pin{position:absolute;z-index:2;display:grid;place-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:var(--lilac-100);color:var(--plum-950);font-family:var(--mono);font-size:var(--t-label);font-weight:600;box-shadow:0 0 0 4px #f1edfc2e;opacity:0;transition:opacity .4s}.c9cap .cap-fig.done .cap-pin{opacity:1}.c9cap .cap-pin.p1{left:30%;top:13%}.c9cap .cap-pin.p2{left:82%;top:43%}.c9cap .cap-pin.p3{left:32%;top:61%}.c9cap .cap-copy .h-k{color:var(--lilac-300)}.c9cap .cap-copy .h-h2{color:var(--paper);margin-bottom:20px}.c9cap .cap-grp{padding:16px 0;border-top:1px solid var(--plum-line)}.c9cap .cap-gh{display:flex;align-items:baseline;gap:12px;margin:0 0 8px;font-family:var(--serif);font-size:var(--t-quote);color:var(--paper)}.c9cap .cap-gh span{font-family:var(--mono);font-size:var(--t-label);color:var(--dawn)}.c9cap .cap-grp ul{list-style:none;margin:0;padding:0 0 0 32px}.c9cap .cap-grp li{padding:4px 0;font-size:var(--t-small);line-height:1.4;color:var(--lilac-300)}.c9cap .cap-grp li b{color:var(--lilac-100);font-weight:600}.c9cap .cap-note{margin-top:16px;padding-top:16px;border-top:1px solid var(--plum-line);font-size:var(--t-small);line-height:1.5;color:var(--lilac-300)}.c9cap .cap-note a{color:var(--lilac-100)}.c9cap .cap-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}@media(max-width:900px){.c9cap .cap-grid{grid-template-columns:minmax(0,1fr);gap:16px}.c9cap .cap-fig{max-width:480px;margin-inline:auto;width:100%}}@media(prefers-reduced-motion:reduce){.c9cap .cap-pin{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/c9-capsule.css.map */