.clothing-showcase{border-top:1px solid var(--color-rule);max-width:76rem;margin-inline:auto;padding:3.5rem 1.25rem 4rem}.showcase-intro{gap:1.25rem;display:grid}.showcase-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--color-oxide);font-size:1rem;font-weight:700}.showcase-intro h2{margin-top:.75rem;font-size:clamp(2.25rem,4.8vw,3.75rem);line-height:1.08}.showcase-title-break{display:none}.showcase-intro-copy{max-width:24rem;color:var(--color-ink-soft)}.showcase-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.showcase-garments{flex-wrap:wrap;gap:.5rem;display:flex}.showcase-garments button{border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;background:0 0;align-items:center;gap:.5rem;min-height:3rem;padding:.55rem .8rem;font-size:1rem;font-weight:700;display:flex}.showcase-garments button span{opacity:.7;font-variant-numeric:tabular-nums;font-size:1rem}.showcase-garments button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.showcase-garments button:hover:not([aria-pressed=true]){background:var(--brand-sage)}.showcase-arrows{gap:.5rem;display:flex}.showcase-arrows button{border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;width:3rem;min-height:3rem;font-size:1.25rem}.showcase-arrows button:hover{background:var(--brand-sage)}.showcase-scene{border:1px solid var(--ink);border-radius:var(--radius-card);background:var(--color-card);margin-top:1rem;display:grid;overflow:hidden}.showcase-figure{background:var(--brand-sage);min-width:0;margin:0}.showcase-figure-topline{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:.9rem 1rem;font-size:1rem;font-weight:700;display:flex}.showcase-figure-topline span:last-child{font-variant-numeric:tabular-nums}.showcase-view-controls{flex-wrap:wrap;gap:.35rem;padding:1rem 1rem 0;display:flex}.showcase-view-controls button{border:1px solid var(--ink);border-radius:var(--radius-button);cursor:pointer;background:0 0;min-height:2.75rem;padding:.4rem .65rem;font-size:1rem}.showcase-view-controls button[aria-pressed=true]{background:var(--paper)}.showcase-view-controls button:disabled{opacity:.5;cursor:not-allowed}.showcase-diagram{width:100%;height:auto;color:var(--ink);display:block}.showcase-registration,.showcase-leader{stroke:var(--ink);stroke-width:1px;fill:none}.showcase-leader{stroke-dasharray:4 4}.showcase-shadow{fill:var(--ink);opacity:.1}.showcase-cloth{fill:var(--ink);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.showcase-shirt{fill:var(--color-navy-soft)}.showcase-lining{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.showcase-seam{fill:none;stroke:var(--paper);stroke-width:1.3px;stroke-linejoin:round}.showcase-stitch{stroke:var(--paper);stroke-width:1.3px;stroke-dasharray:3 4;fill:none;opacity:.7}.showcase-zip{stroke:var(--paper);stroke-width:3px;stroke-dasharray:2 4;fill:none}.showcase-metal{fill:var(--brand-sage);stroke:var(--paper);stroke-width:1.5px}.showcase-added-ring{fill:none;stroke:var(--paper);stroke-width:8px}.showcase-button-cover{fill:var(--paper);stroke:var(--brand-sage);stroke-width:2px}.showcase-eyelet{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.showcase-lace{stroke:var(--paper);stroke-width:4px;fill:none;stroke-linecap:round}.showcase-elastic{stroke:var(--brand-sage);stroke-width:5px;fill:none;stroke-linecap:round}.showcase-lock{fill:var(--paper);stroke:var(--ink);stroke-width:2px}.showcase-belt{stroke:var(--paper);stroke-width:9px;fill:none}.showcase-loop{stroke:var(--paper);stroke-width:7px;fill:none}.showcase-buckle{fill:var(--ink);stroke:var(--brand-sage);stroke-width:5px}.showcase-strap{fill:var(--brand-sage);stroke:var(--paper);stroke-width:2px}.showcase-hook-loop{fill:none;stroke:var(--ink);stroke-width:2px;stroke-dasharray:2 2}.showcase-detail-disc{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.showcase-detail-zip{stroke:var(--ink);stroke-width:4px;stroke-dasharray:3 4;fill:none}.showcase-detail-solid{fill:var(--ink);stroke:var(--ink);stroke-width:2px}.showcase-detail-hole{fill:var(--paper);stroke:var(--paper);stroke-width:1px}.showcase-detail-ring{fill:none;stroke:var(--ink);stroke-width:12px}.showcase-detail-fabric{fill:var(--brand-sage);stroke:var(--ink);stroke-width:1.5px}.showcase-detail-arrow{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.showcase-detail-cord{fill:none;stroke:var(--ink);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.showcase-detail-loop{stroke:var(--ink);stroke-width:6px;fill:none}.showcase-detail-texture{fill:none;stroke:var(--paper);stroke-width:4px;stroke-dasharray:2 3}.showcase-diagram-label{fill:var(--ink);font-family:var(--font-body);letter-spacing:.8px;font-size:11px}.showcase-diagram-number{fill:var(--ink);font-family:var(--font-display);font-size:23px}.showcase-visual-label{align-items:center;gap:.6rem;padding:0 1rem 1rem;font-size:1rem;font-weight:700;display:flex}.showcase-visual-dot{background:var(--ink);border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem}.showcase-figure figcaption{background:var(--paper);border-top:1px solid var(--ink);color:var(--color-ink-soft);padding:1rem;font-size:1rem;line-height:1.5}.showcase-copy{min-width:0;padding:1.5rem}.showcase-copy h3{margin-top:.75rem;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.1}.showcase-story{color:var(--color-ink-soft);margin-top:.9rem}.showcase-tasks{border:0;gap:.5rem;margin-top:1.5rem;padding:0;display:grid}.showcase-tasks legend{margin-bottom:.65rem;font-size:1rem;font-weight:700}.showcase-tasks label{border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--paper);cursor:pointer;align-items:center;gap:.7rem;min-height:3rem;padding:.55rem .75rem;font-size:1rem;display:flex}.showcase-tasks label:has(input:checked){border-color:var(--ink)}.showcase-tasks input{width:1rem;height:1rem;accent-color:var(--ink);flex-shrink:0}.showcase-explanation{margin-top:1.5rem}.showcase-explanation h4{font-weight:700}.showcase-explanation p{color:var(--color-ink-soft);margin-top:.45rem;font-size:1rem}.showcase-check{border-left:2px solid var(--color-oxide);margin-top:1rem;padding-left:.85rem}.showcase-check>span{text-transform:uppercase;letter-spacing:.06em;color:var(--color-oxide);font-size:1rem;font-weight:700}.showcase-check p{color:var(--color-ink-soft);margin-top:.35rem;font-size:1rem;line-height:1.5}.showcase-product{border-top:1px solid var(--color-rule);align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.showcase-product-picture{background:var(--paper);flex-shrink:0;justify-content:center;align-items:center;width:6rem;height:4rem;display:flex;overflow:hidden}.showcase-product-picture svg{width:5rem;height:4rem}.showcase-product>div:last-child{gap:.15rem;min-width:0;display:grid}.showcase-product span{color:var(--color-ink-soft);font-size:1rem}.showcase-product strong{font-size:1rem;font-weight:700}.showcase-product .showcase-product-link{color:var(--ink);text-underline-offset:.2em;text-decoration:underline}.showcase-cta{text-underline-offset:.2em;justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;margin-top:1.5rem;font-size:1rem;font-weight:700;text-decoration:underline;display:flex}.showcase-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.showcase-box-overview{margin-top:1rem}.showcase-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.showcase-overview-piece{text-align:left;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;flex-direction:column;align-items:stretch;min-width:0;display:flex;overflow:hidden}.showcase-overview-piece:hover{border-color:var(--ink)}.showcase-overview-picture{aspect-ratio:1.3;background:var(--paper);width:100%;overflow:hidden}.showcase-overview-render{width:100%;height:100%}.showcase-overview-picture .showcase-overview-render{object-fit:contain}.showcase-overview-number{font-variant-numeric:tabular-nums;color:var(--color-oxide);padding:.8rem .8rem 0;font-size:1rem;display:block}.showcase-overview-piece strong{font-family:var(--font-display);padding:.35rem .8rem .8rem;font-size:1.125rem;font-weight:700;line-height:1.2;display:block}.showcase-overview-action{color:var(--color-ink-soft);text-underline-offset:.2em;margin-top:auto;padding:.2rem .8rem .8rem;font-size:1rem;text-decoration:underline;display:block}.showcase-overview-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.showcase-overview-footer p{max-width:44rem;color:var(--color-ink-soft);font-size:1rem}.showcase-overview-footer a{text-underline-offset:.2em;align-items:center;gap:.75rem;min-height:3rem;font-size:1rem;font-weight:700;text-decoration:underline;display:inline-flex}.showcase-piece-figure{background:var(--paper);flex-direction:column;min-width:0;margin:0;display:flex}.showcase-piece-render{aspect-ratio:1.6;width:100%;height:auto;margin-block:auto}.showcase-video-wrap{aspect-ratio:1.6;background:var(--paper);width:100%;margin-block:auto;position:relative}.showcase-product-video{object-fit:contain;width:100%;height:100%}.showcase-video-control{border:1px solid var(--ink);border-radius:var(--radius-card);background:var(--paper);min-height:2.75rem;color:var(--ink);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .8rem;font-size:1rem;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem}.showcase-video-control span{font-size:1.1rem}.showcase-piece-figure figcaption{color:var(--color-ink-soft);border-top:1px solid var(--color-rule);padding:1rem;font-size:1rem}.showcase-piece-role{color:var(--color-ink-soft);margin-top:1rem}.showcase-magnet-note{border:1px solid var(--color-border);border-radius:var(--radius-button);margin-top:1.25rem;padding:.3rem .6rem;font-size:1rem;display:table}.showcase-piece-limit{color:var(--color-ink-soft);margin-top:1rem;font-size:1rem}.showcase-piece-match{text-underline-offset:.2em;align-items:center;gap:.75rem;min-height:3rem;font-size:1rem;text-decoration:underline;display:inline-flex}.showcase-optional{border-top:1px solid var(--color-rule);margin-top:1rem}.showcase-optional>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;font-size:1rem;font-weight:700;display:flex}.showcase-optional>summary span{font-size:1.5rem}.showcase-optional[open]>summary span{transform:rotate(45deg)}.showcase-optional>.clothing-showcase{border:0;padding:1rem 0 0}@media (min-width:640px){.clothing-showcase{padding-block:4.5rem 5rem}.showcase-garments button{padding-inline:1rem}.showcase-copy{padding:2rem}.showcase-title-break{display:block}.showcase-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (min-width:1024px){.showcase-intro{grid-template-columns:1.3fr 1fr;align-items:end;gap:3rem}.showcase-intro-copy{margin-bottom:.25rem}.showcase-scene{grid-template-columns:1.13fr 1fr;align-items:stretch}.showcase-figure{border-right:1px solid var(--ink);flex-direction:column;display:flex}.showcase-diagram{margin-block:auto}.showcase-figure figcaption{margin-top:auto}.showcase-overview-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.showcase-overview-picture{aspect-ratio:1.1}.showcase-piece-figure{border-right:1px solid var(--ink)}}@media (prefers-reduced-motion:reduce){.clothing-showcase *,.clothing-showcase :before,.clothing-showcase :after{scroll-behavior:auto;transition:none;animation:none}}