.cap-preview{border:1px solid var(--beige-line);background:var(--beige);border-radius:1.25rem;overflow:hidden}.cap-preview__stage{block-size:clamp(23rem,min(44vw,58svh),35rem);position:relative}.cap-preview__canvas{pointer-events:none;opacity:0;block-size:100%;inline-size:100%;transition:opacity var(--motion-standard);display:block}.cap-preview--ready .cap-preview__canvas{opacity:1;pointer-events:auto;touch-action:none;cursor:grab}.cap-preview__canvas:active{cursor:grabbing}.cap-preview__canvas:focus-visible{outline:2px solid var(--forest);outline-offset:-5px;box-shadow:none}.cap-preview__fallback{place-items:center;display:grid;position:absolute;inset:0 1rem 3rem}.cap-preview__fallback .cap-drawing{inline-size:100%;padding:0}.cap-preview__fallback .cap-drawing svg{max-block-size:22rem}.cap-preview__status{text-align:center;color:var(--muted);font-size:.74rem;position:absolute;inset-block-end:.6rem;inset-inline:.5rem}.cap-preview__status:empty{display:none}.cap-preview__states{border:1px solid var(--beige-line);background:var(--cream);border-radius:99px;grid-template-columns:repeat(3,1fr);margin:0 1rem .85rem;padding:.25rem;display:grid}.cap-preview__states button{min-block-size:2.75rem;color:var(--muted);font:inherit;cursor:pointer;transition:color var(--motion-fast), background var(--motion-fast);background:0 0;border:0;border-radius:99px;padding:.4rem .5rem;font-size:.77rem;font-weight:600}.cap-preview__states button[aria-pressed=true]{color:var(--on-dark);background:var(--forest)}.cap-preview button:focus-visible{box-shadow:var(--focus);outline:none}.cap-preview__caption{border-block-start:1px solid var(--beige-line);background:var(--cream);color:var(--muted);padding:1rem 1.25rem;font-size:.72rem}.cap-preview__caption p:first-child{color:var(--forest);font-weight:600}.cap-preview__caption p+p{margin-block-start:.35rem}.cap-preview__retry{margin:.5rem 1.25rem 1rem}.closure-head{padding-block-end:2rem}.closure-head .page-title{letter-spacing:-.055em;max-inline-size:18ch;font-size:clamp(2.6rem,5.5vw,5.1rem);line-height:1.04}.closure-head .lead{max-inline-size:45rem}.closure-head .page-title__ref{margin-inline-start:.16em}.closure-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.closure-hero__body{padding-block-start:.75rem}.closure-hero .feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.closure-hero .feature-list li{display:block}.closure-hero .feature-list .icon{margin-block-end:.65rem}.closure-hero .feature__title{font-size:1.05rem}.closure-hero .feature-list p{font-size:.88rem}.closure-hero__body .actions{margin-block:1.75rem}.closure-fit{background:var(--selection);border:1px solid var(--beige-line);border-radius:var(--radius);grid-template-columns:auto 1fr;gap:1rem;margin-block-start:1.5rem;padding:1.25rem;display:grid}.closure-fit .icon{color:var(--forest);margin-block-start:.15rem}.closure-fit h2{margin-block-end:.35rem;font-size:1rem}.closure-fit p{color:var(--muted);font-size:.85rem}.closure-specs{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.closure-specs__drawing{border:1px solid var(--beige-line);border-radius:var(--radius);background:var(--beige)}.closure-specs__drawing .cap-drawing{min-block-size:0}.closure-specs__drawing .cap-drawing svg{max-block-size:20rem}@media (width<=60rem){.closure-hero{grid-template-columns:minmax(0,1fr);gap:2rem}.closure-hero .feature-list{gap:1.25rem}}@media (width<=46rem){.closure-hero,.closure-specs{grid-template-columns:minmax(0,1fr);gap:2rem}.closure-head .page-title{font-size:clamp(2.4rem,10vw,4rem)}.cap-preview__stage{block-size:clamp(20rem,48svh,27rem)}.cap-preview__states{margin-inline:.6rem}.cap-preview__states button{font-size:.68rem}.closure-hero__body{padding-block-start:0}}@media (prefers-reduced-motion:reduce){.cap-preview__canvas,.cap-preview__states button{transition:none}}