.spotlight{background-color:var(--c-bg);color:var(--c-text)}.spotlight__inner{display:grid;gap:clamp(24px,5vw,56px);align-items:center}.spotlight__media .media{border-radius:var(--radius)}.spotlight__content{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.spotlight__heading{margin:0;max-width:14ch}.spotlight__args{display:flex;flex-direction:column;gap:18px;margin-top:6px}.spotlight__arg{display:flex;align-items:flex-start;gap:14px}.spotlight__icon{width:24px;height:24px;margin-top:1px;flex-shrink:0}.spotlight__arg-title{margin:0;font-size:.9375rem;font-weight:600;letter-spacing:.02em}.spotlight__arg-text{margin:2px 0 0;font-size:.875rem;line-height:1.45;color:var(--c-muted);max-width:42ch}.spotlight__cta{margin-top:8px}@media screen and (min-width:990px){.spotlight__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.spotlight__inner--reverse .spotlight__media{order:2}.spotlight__content{gap:16px;padding-inline:clamp(0px,3vw,40px)}}.spotlight__media--detail .media{aspect-ratio:1 / 1;overflow:hidden;background-color:var(--c-surface)}.spotlight__media--detail .media>img{object-fit:cover;object-position:center var(--spot-y, 35%);transform:scale(var(--spot-zoom, 1.7));transform-origin:center var(--spot-y, 35%)}.spotlight__media--drawing,.spotlight__frame{position:relative}.spotlight__media--drawing{border-radius:var(--radius);background-color:var(--c-surface);background-image:linear-gradient(rgb(var(--c-text-rgb) / 4%) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--c-text-rgb) / 4%) 1px,transparent 1px);background-size:44px 44px;background-position:center center;box-shadow:0 1px 2px rgb(var(--c-text-rgb) / 5%),0 14px 34px -20px rgb(var(--c-text-rgb) / 20%)}.spotlight__drawing .schematic__fill{filter:drop-shadow(0 12px 20px rgb(var(--c-text-rgb) / 12%))}.spotlight__drawing{display:block;width:100%;height:auto}.spotlight__drawing .schematic__garment{stroke-width:2.4;opacity:.85}.spotlight__media--drawing:before,.spotlight__media--drawing:after,.spotlight__frame:before,.spotlight__frame:after{content:"";position:absolute;width:clamp(18px,3vw,30px);height:clamp(18px,3vw,30px);border:0 solid currentColor;opacity:.28;pointer-events:none}.spotlight__media--drawing:before{top:0;left:0;border-block-start-width:1px;border-inline-start-width:1px}.spotlight__media--drawing:after{top:0;right:0;border-block-start-width:1px;border-inline-end-width:1px}.spotlight__frame:before{bottom:0;left:0;border-block-end-width:1px;border-inline-start-width:1px}.spotlight__frame:after{bottom:0;right:0;border-block-end-width:1px;border-inline-end-width:1px}.js .spotlight__media--drawing .schematic__garment path{stroke-dasharray:1;stroke-dashoffset:1}.js .spotlight__media--drawing .schematic__fill,.js .spotlight__media--drawing .schematic__details{opacity:0}.js .spotlight__media--drawing.is-revealed .schematic__garment path{animation:schematic-draw 1.1s var(--ease) forwards}.js .spotlight__media--drawing.is-revealed .schematic__garment path:nth-child(2){animation-delay:.22s}.js .spotlight__media--drawing.is-revealed .schematic__fill{animation:schematic-paper .56s var(--ease) .38s forwards}.js .spotlight__media--drawing.is-revealed .schematic__details{animation:schematic-construction .52s var(--ease) .82s forwards}@keyframes schematic-draw{to{stroke-dashoffset:0}}@keyframes schematic-paper{to{opacity:1}}@keyframes schematic-construction{to{opacity:.6}}.spotlight__leads{fill:none;stroke:currentColor;stroke-width:1;opacity:.3}.spotlight__marks circle{fill:var(--c-bg);stroke:currentColor;stroke-opacity:.55;stroke-width:1.5}.spotlight__marks text{fill:currentColor;font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:.06em;text-anchor:middle;dominant-baseline:central;opacity:.85}.spotlight__arg-num{flex-shrink:0;width:24px;margin-top:3px;font-size:.6875rem;font-weight:600;letter-spacing:.14em;color:var(--c-text);opacity:.45}.js .spotlight__media--drawing .spotlight__leads,.js .spotlight__media--drawing .spotlight__marks{opacity:0}.js .spotlight__media--drawing.is-revealed .spotlight__leads{animation:schematic-leads .46s var(--ease) 1.04s forwards}.js .spotlight__media--drawing.is-revealed .spotlight__marks{animation:schematic-paper .42s var(--ease) 1.16s forwards}@keyframes schematic-leads{to{opacity:.3}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-product-spotlight.css.map */