[id^=IPStainShowcase-]{--stain-bg: var(--ip-stain-showcase-liquid-2);--stain-panel: var(--ip-stain-showcase-liquid-3);--stain-text: var(--ip-stain-showcase-liquid-4);--stain-muted: var(--ip-stain-showcase-liquid-5);--stain-burgundy: var(--ip-stain-showcase-liquid-6);--stain-gold: var(--ip-stain-showcase-liquid-7);--stain-border: rgba(26, 26, 26, .12);--stain-border-strong: rgba(26, 26, 26, .2);--stain-side-padding: clamp(24px, 4.5vw, 64px);box-sizing:border-box;min-height:100vh;background:var(--stain-bg);color:var(--stain-text);padding:var(--ip-stain-showcase-liquid-8) var(--stain-side-padding) var(--ip-stain-showcase-liquid-9)}[id^=IPStainShowcase-] *{box-sizing:border-box}[id^=IPStainShowcase-] .stain-showcase__inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1fr);gap:clamp(36px,6vw,96px);align-items:center;width:100%;max-width:1440px;min-height:calc(100vh - var(--ip-stain-showcase-liquid-10));margin:0 auto}[id^=IPStainShowcase-] .stain-showcase__copy{max-width:650px}[id^=IPStainShowcase-] .stain-showcase__heading{margin:0;color:var(--stain-text);font-family:var(--ip-font-heading);font-size:var(--ip-title-desktop);font-weight:700;letter-spacing:.045em;line-height:1.05;text-transform:uppercase}[id^=IPStainShowcase-] .stain-showcase__subtitle{max-width:570px;margin:24px 0 0;color:var(--stain-muted);font-family:var(--ip-font-body);font-size:var(--ip-main-text-size);font-weight:300;letter-spacing:0;line-height:1.58}[id^=IPStainShowcase-] .stain-showcase__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:clamp(34px,4vw,52px)}[id^=IPStainShowcase-] .stain-showcase__tab{position:relative;display:inline-flex;min-height:58px;align-items:center;justify-content:flex-start;padding:0 16px;border:1px solid var(--stain-border);border-radius:0;color:var(--stain-text);background:transparent;cursor:pointer;font-family:var(--ip-font-heading);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.25;text-align:left;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,color .18s ease}[id^=IPStainShowcase-] .stain-showcase__tab:after{position:absolute;right:14px;bottom:10px;left:14px;height:3px;background:var(--stain-gold);opacity:0;transform:scaleX(.72);transform-origin:left center;transition:opacity .18s ease,transform .18s ease;content:""}[id^=IPStainShowcase-] .stain-showcase__tab:hover,[id^=IPStainShowcase-] .stain-showcase__tab:focus-visible{border-color:var(--stain-border-strong);outline:none}[id^=IPStainShowcase-] .stain-showcase__tab.is-active{border-color:var(--stain-burgundy);color:#fbfbf9;background:var(--stain-burgundy)}[id^=IPStainShowcase-] .stain-showcase__tab.is-active:after{opacity:1;transform:scaleX(1)}[id^=IPStainShowcase-] .stain-showcase__stage{position:relative;min-width:0}[id^=IPStainShowcase-] .stain-showcase__panel{display:none;min-height:0;grid-template-rows:auto auto;overflow:hidden;border:1px solid var(--stain-border);background:var(--stain-panel);box-shadow:0 28px 80px #1a1a1a0f}[id^=IPStainShowcase-] .stain-showcase__panel.is-active{display:grid;animation:ip-fade-panel .22s ease both}[id^=IPStainShowcase-] .stain-showcase__media{position:relative;display:flex;min-height:0;aspect-ratio:4 / 3;align-items:stretch;justify-content:stretch;overflow:hidden;padding:0;border-bottom:1px solid rgba(26,26,26,.08);background:linear-gradient(180deg,#fbfbf9e6,#f4f4f0b8),radial-gradient(circle at 74% 22%,rgba(247,181,56,.18),transparent 34%)}[id^=IPStainShowcase-] .stain-showcase__image{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:saturate(108%) contrast(1.03)}[id^=IPStainShowcase-] .stain-showcase__render{position:relative;width:100%;height:100%;min-height:0}[id^=IPStainShowcase-] .stain-showcase__fabric{position:absolute;right:0;bottom:8%;width:78%;height:44%;border:1px solid rgba(26,26,26,.1);background:linear-gradient(135deg,#ffffffd1,#e8e8e1a3),repeating-linear-gradient(90deg,rgba(26,26,26,.035) 0 1px,transparent 1px 14px);box-shadow:0 20px 50px #1a1a1a14}[id^=IPStainShowcase-] .stain-showcase__bucket{position:absolute;top:4%;left:4%;width:45%;height:74%;border:1px solid rgba(26,26,26,.18);background:linear-gradient(180deg,#fffffff0,#eae8e0e0),linear-gradient(90deg,transparent,rgba(26,26,26,.08),transparent);box-shadow:0 26px 56px #1a1a1a24}[id^=IPStainShowcase-] .stain-showcase__bucket:before{position:absolute;top:-11%;left:8%;width:84%;height:18%;border:1px solid rgba(26,26,26,.16);background:#fbfbf9;content:""}[id^=IPStainShowcase-] .stain-showcase__bucket-label{position:absolute;top:38%;left:0;width:100%;padding:14px 8px;color:#fbfbf9;background:var(--stain-burgundy);font-family:var(--ip-font-heading);font-size:clamp(11px,1.4vw,15px);font-weight:700;letter-spacing:.14em;line-height:1.2;text-align:center;text-transform:uppercase}[id^=IPStainShowcase-] .stain-showcase__molecule{position:absolute;right:11%;top:14%;width:86px;height:86px;border:1px solid rgba(120,1,22,.22);background:#f7b5381f}[id^=IPStainShowcase-] .stain-showcase__molecule:before,[id^=IPStainShowcase-] .stain-showcase__molecule:after{position:absolute;width:22px;height:22px;border:1px solid rgba(120,1,22,.42);background:#fbfbf9;content:""}[id^=IPStainShowcase-] .stain-showcase__molecule:before{top:14px;left:14px}[id^=IPStainShowcase-] .stain-showcase__molecule:after{right:14px;bottom:14px}[id^=IPStainShowcase-] .stain-showcase__panel-copy{padding:clamp(26px,3vw,38px)}[id^=IPStainShowcase-] .stain-showcase__stain-label{display:block;margin:0 0 16px;color:var(--stain-burgundy);font-family:var(--ip-font-heading);font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.25;text-transform:uppercase}[id^=IPStainShowcase-] .stain-showcase__description{max-width:720px;margin:0;color:var(--stain-text);font-family:var(--ip-font-body);font-size:var(--ip-main-text-size);font-weight:300;letter-spacing:0;line-height:1.32}@media(max-width:989px){[id^=IPStainShowcase-]{min-height:auto}[id^=IPStainShowcase-] .stain-showcase__inner{grid-template-columns:1fr;min-height:auto}[id^=IPStainShowcase-] .stain-showcase__copy{max-width:none}[id^=IPStainShowcase-] .stain-showcase__stage{width:100%}[id^=IPStainShowcase-] .stain-showcase__panel{min-height:0}}@media(max-width:749px){[id^=IPStainShowcase-]{--stain-side-padding: 24px;padding-top:var(--ip-stain-showcase-liquid-11);padding-bottom:var(--ip-stain-showcase-liquid-12)}[id^=IPStainShowcase-] .stain-showcase__inner{gap:14px}[id^=IPStainShowcase-] .stain-showcase__heading{font-size:var(--ip-title-mobile);letter-spacing:.04em}[id^=IPStainShowcase-] .stain-showcase__copy{display:contents}[id^=IPStainShowcase-] .stain-showcase__stage{order:3;width:100%}[id^=IPStainShowcase-] .stain-showcase__heading{order:1;margin-top:0}[id^=IPStainShowcase-] .stain-showcase__subtitle{order:2;margin-top:16px}[id^=IPStainShowcase-] .stain-showcase__tabs{order:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}[id^=IPStainShowcase-] .stain-showcase__tab{min-height:58px;justify-content:center;padding:0 10px;border-color:#1a1a1a38;background:#ffffff8c;font-size:9px;letter-spacing:.06em;text-align:center}[id^=IPStainShowcase-] .stain-showcase__tab:after{right:10px;bottom:8px;left:10px;height:2px}[id^=IPStainShowcase-] .stain-showcase__media{min-height:0;aspect-ratio:1 / 1}[id^=IPStainShowcase-] .stain-showcase__image{max-height:none}[id^=IPStainShowcase-] .stain-showcase__panel-copy{padding:24px}[id^=IPStainShowcase-] .stain-showcase__description{font-size:20px;line-height:1.38}}[id^=IPStainShowcase-]{padding-top:var(--ip-section-padding-y);padding-bottom:var(--ip-section-padding-y)}@media(min-width:750px){[id^=IPStainShowcase-] .stain-showcase__heading{max-width:none;font-size:var(--ip-title-desktop);line-height:1.08;text-wrap:balance}}[id^=IPStainShowcase-] .stain-showcase__subtitle,[id^=IPStainShowcase-] .stain-showcase__description{color:var(--ip-main-text-color);font-size:var(--ip-main-text-size);line-height:1.56}[id^=IPStainShowcase-] .stain-showcase__heading{color:var(--ip-heading-color)}@media(max-width:749px){[id^=IPStainShowcase-]{padding-top:var(--ip-section-padding-y-mobile);padding-bottom:var(--ip-section-padding-y-mobile)}[id^=IPStainShowcase-] .stain-showcase__heading{width:100%;max-width:none;font-size:var(--ip-title-mobile);line-height:1.1;white-space:normal;text-wrap:balance}[id^=IPStainShowcase-] .stain-showcase__subtitle,[id^=IPStainShowcase-] .stain-showcase__description{max-width:none;font-size:var(--ip-main-text-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ip-stain-showcase.css.map */