.yarn-showcase{padding-block:26px 64px;scroll-margin-top:24px}
.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.showcase-heading .eyebrow{margin-bottom:8px}.showcase-heading h2{font-size:clamp(24px,3vw,38px)}
.showcase-heading .text-link{white-space:nowrap;margin-bottom:7px}
.showcase-track{display:flex;direction:rtl;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:18px;background:#153e39}
.showcase-track::-webkit-scrollbar{display:none}
.showcase-slide{--show-bg:#163e39;--show-ink:#fff7de;--show-accent:#ebc775;direction:rtl;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;background:var(--show-bg);color:var(--show-ink)}
.theme-smart-yarn-cicibebe{--show-bg:#dfe9ed;--show-ink:#243e62;--show-accent:#537096}
.theme-oxford-cotton-makrome{--show-bg:#ece0cc;--show-ink:#65432e;--show-accent:#986143}
.theme-mercerized{--show-bg:#e6e2ed;--show-ink:#443f65;--show-accent:#706196}
.theme-acryl{--show-bg:#f0e5cc;--show-ink:#243a52;--show-accent:#8a633b}
.showcase-copy{align-self:center;padding:42px clamp(28px,5vw,72px);min-width:0}
.showcase-kicker{font-size:12px;letter-spacing:.03em;color:var(--show-accent);display:flex;align-items:center;gap:12px}
.showcase-kicker:before{content:'';width:28px;height:1px;background:currentColor}
.showcase-copy h3{font-size:clamp(38px,4.8vw,66px);font-weight:850;line-height:1.6;margin:16px 0 0;letter-spacing:-1.8px}
.showcase-line{font-size:clamp(17px,1.7vw,23px);font-weight:500;margin-top:3px}
.showcase-description{font-size:14px;line-height:2.2;opacity:.77;max-width:350px;margin-top:20px}
.showcase-details{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;margin-top:26px}
.showcase-details span+span{border-inline-start:1px solid currentColor;padding-inline-start:20px;opacity:.75}
.showcase-details b{font-size:30px;font-weight:500;vertical-align:-3px;margin-inline-end:6px}
.showcase-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid var(--show-accent);padding:13px 0;margin-top:26px;max-width:290px;font-size:14px;font-weight:650}
.showcase-cta span{font-size:25px;transition:transform .2s}.showcase-cta:hover span{transform:translateX(-5px)}
.showcase-art{position:relative;width:100%;display:flex;justify-content:center;align-items:center;min-width:0;background:rgba(0,0,0,.06);height:580px}
.showcase-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.showcase-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px}
.showcase-picks{display:flex;align-items:center;gap:6px;min-width:0;overflow:auto;scrollbar-width:thin;padding:4px}
.showcase-picks button{display:flex;align-items:center;gap:9px;white-space:nowrap;flex-shrink:0;border:1px solid transparent;border-radius:8px;padding:5px 9px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px}
.showcase-picks button[aria-pressed=true]{background:#fffef9;border-color:#bac3b8;color:var(--ink)}
.showcase-picks button:hover{color:var(--ink);background:#efece3}
.showcase-picks img{width:29px;height:40px;object-fit:contain;border-radius:3px}
.showcase-controls{display:flex;align-items:center;gap:15px;flex-shrink:0}
.showcase-controls button{border:1px solid #bcc6bc;border-radius:50%;width:44px;height:44px;background:transparent;color:var(--ink);cursor:pointer;font-size:23px;line-height:1}
.showcase-controls button:hover{background:var(--ink);color:var(--paper)}
.showcase-controls>span{font-size:12px;min-width:36px;text-align:center}
.showcase-track:focus-visible{outline:3px solid #c37853;outline-offset:5px}
/* Portrait campaign artwork remains fully visible throughout the shop. */
.product-card-image img{aspect-ratio:2/3;object-fit:contain;background:#eee9df}
@media(max-width:1050px){.showcase-art{height:510px}.showcase-copy{padding:30px}.showcase-footer{align-items:start}.showcase-picks button{padding:5px}.showcase-picks span{display:none}}
@media(max-width:640px){.yarn-showcase{padding-block:12px 40px}.showcase-heading{display:block;margin-bottom:20px}.showcase-heading h2{font-size:25px}.showcase-heading .text-link{display:inline-block;margin-top:14px;font-size:12px}.showcase-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.showcase-art{grid-row:1;height:auto;aspect-ratio:2/3;max-height:480px}.showcase-copy{padding:23px 26px 27px;align-self:stretch}.showcase-kicker{font-size:10px}.showcase-copy h3{font-size:34px;line-height:1.5;margin-top:6px}.showcase-line{font-size:16px}.showcase-description{display:none}.showcase-details{margin-top:9px;font-size:11px;gap:14px}.showcase-details b{font-size:23px}.showcase-cta{margin-top:10px;padding:8px 0;font-size:13px;max-width:none}.showcase-footer{flex-direction:column;gap:12px;padding-top:12px}.showcase-picks{width:100%;justify-content:center}.showcase-picks button{padding:5px 8px}.showcase-picks img{width:28px;height:38px}.showcase-controls{width:100%;justify-content:space-between;padding-inline:4px}.product-card-image img{aspect-ratio:2/3}}
@media(prefers-reduced-motion:reduce){.showcase-cta span{transition:none}}