:root{--sp-ink:#17191D;--sp-cream:#FAF8F5;--sp-orange:#FF4B16;--sp-warm:#FF8A24;--sp-line:#EDEAE6}.sp-wrap{width:min(100% - 40px,1240px);margin-inline:auto;color:var(--sp-ink)}.sp-wrap h1,.sp-wrap h2,.sp-wrap h3,.sp-wrap p{margin:0;color:inherit}.sp-wrap h1,.sp-wrap h2{font-family:system-ui,sans-serif;font-weight:850;line-height:1.02;letter-spacing:-.06em;text-wrap:balance}.sp-wrap h2{font-size:clamp(2rem,5vw,4.4rem)}.sp-wrap a,.sp-foot a{color:inherit;text-decoration:none}.sp-wrap :focus-visible,.sp-foot :focus-visible{outline:2px solid var(--sp-ink);outline-offset:4px}.sp-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(24px,6vw,92px);min-height:72px}.sp-header img{display:block;width:168px;height:auto}.sp-nav,.sp-actions,.sp-foot nav{display:flex;gap:24px;align-items:center}.sp-actions a,.sp-menu summary{display:grid;place-items:center;min-width:44px;min-height:44px;position:relative}.sp-actions{gap:4px}.sp-actions span{position:absolute;top:0;right:0;background:var(--sp-orange);color:var(--sp-ink);font-size:11px;border-radius:20px;padding:0 5px}.sp-menu{display:none;position:relative}.sp-menu summary{list-style:none;cursor:pointer}.sp-menu nav{position:absolute;z-index:20;top:100%;left:0;min-width:180px;background:#fff;border:1px solid var(--sp-line);padding:12px;display:grid;gap:8px}.sp-menu nav a{padding:8px}.sp-band{text-align:center;background:var(--sp-ink);color:#fff;padding:7px 16px;font-size:.8rem}.sp-hero{display:block;background:radial-gradient(ellipse at 77% 50%,#ffeadb 0%,var(--sp-cream) 57%)}.sp-slide,.sp-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,78px);align-items:center}.sp-slide{min-height:clamp(480px,45vw,650px);padding-block:38px 22px}.sp-slide[hidden],.sp-controls[hidden]{display:none}.sp-slide h1,.sp-slide h2{font-size:clamp(2.8rem,6.8vw,7rem)}.sp-copy,.sp-story .sp-split>div:last-child{display:grid;justify-items:start;gap:22px}.sp-wrap .sp-kicker{font-size:.75rem;font-weight:750;letter-spacing:.18em}.sp-kicker:before{content:"";display:inline-block;vertical-align:middle;width:22px;height:2px;margin-inline-end:8px;background:var(--sp-orange)}.sp-copy>p:not(.sp-kicker),.sp-story p:not(.sp-kicker){font-size:clamp(1rem,1.6vw,1.25rem);max-width:38ch}.sp-wrap .sp-button{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:10px 20px;background:var(--sp-orange);color:var(--sp-ink);border-radius:999px;font-size:.84rem;font-weight:800;transition:background .2s,transform .2s}.sp-button:hover{background:var(--sp-warm);transform:translateY(-2px)}.sp-media{overflow:hidden;background:#f1eae3;border-radius:14px;aspect-ratio:5/4;display:grid;place-items:center;min-width:0}.sp-hero .sp-media{background:transparent}.sp-media picture{display:block;width:100%;height:100%;min-height:0}.sp-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}.sp-media:hover img{transform:scale(1.025)}.sp-placeholder{display:block;width:65%;height:70%;opacity:.25}.sp-controls{min-height:76px;display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-size:.8rem}.sp-controls button{background:transparent;color:inherit;min-width:44px;height:44px;border:1px solid #ded3ca;border-radius:50%;cursor:pointer;font-size:1.25rem}.sp-dots{display:flex;margin-right:auto}.sp-dots button{border:0;position:relative;min-width:34px}.sp-dots button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:#b9aaa0}.sp-dots button[aria-pressed=true]:before{background:var(--sp-orange)}.sp-section{padding-block:clamp(46px,7vw,100px)}.sp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;margin-top:28px}.sp-card{width:100%;max-width:540px;display:grid;justify-items:start;gap:12px}.sp-card>a:first-child{width:100%}.sp-features{list-style:none;margin:26px 0 0;padding:0}.sp-features li{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:16px 0;border-top:1px solid var(--sp-line)}.sp-features li>span{color:#a53111;font-weight:750}.sp-features p{margin-top:4px;color:#4d4844}.sp-split h2{margin-top:10px}.sp-story{background:var(--sp-cream)}.sp-info h2{margin-bottom:24px}.sp-info details{border-top:1px solid var(--sp-line)}.sp-info details:last-child{border-bottom:1px solid var(--sp-line)}.sp-info summary{display:flex;justify-content:space-between;gap:12px;list-style:none;font-weight:700;cursor:pointer;padding:17px 0}.sp-info summary::-webkit-details-marker,.sp-menu summary::-webkit-details-marker{display:none}.sp-info details[open] summary span{transform:rotate(45deg)}.sp-info details>div{padding-bottom:18px}.sp-foot{background:var(--sp-cream);border-top:1px solid var(--sp-line);padding-block:35px}.sp-foot>.sp-wrap{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.sp-foot nav{flex-wrap:wrap;font-size:.87rem}.sp-foot strong{font-size:1.4rem}.sp-foot p{font-size:.8rem;margin-top:6px}.product-information .add-to-cart-button{background:var(--sp-orange);color:var(--sp-ink);border-color:var(--sp-orange)}@keyframes sp-in{0%{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.sp-slide:not([hidden]),.sp-enter{animation:sp-in .42s ease-out both}}@media(prefers-reduced-motion:reduce){.sp-wrap *{transition:none!important;animation:none!important}}@media(max-width:799px){.sp-header{grid-template-columns:44px 1fr auto;gap:6px;min-height:62px}.sp-header img{width:124px}.sp-nav{display:none}.sp-menu{display:block}.sp-slide,.sp-split{grid-template-columns:1fr}.sp-slide{min-height:0;padding-block:30px 8px;gap:14px}.sp-slide .sp-media{aspect-ratio:4/3}.sp-copy{gap:12px}.sp-copy h1,.sp-copy h2{font-size:clamp(2.35rem,9.5vw,4rem)}.sp-controls{min-height:58px}.sp-story .sp-media{order:1}}body,.sp-wrap,.sp-foot,.sp-band{font-family:var(--sp-body-font, sans-serif)}.sp-wrap h1,.sp-wrap h2,.sp-wrap h3{font-family:var(--sp-heading-font, sans-serif);font-weight:var(--sp-heading-weight, 700);font-style:normal}.sp-wrap h1,.sp-wrap h2{letter-spacing:-.035em;line-height:1.08;overflow-wrap:anywhere}.sp-slide h1,.sp-slide h2{font-size:clamp(2.25rem,5.4vw,5.25rem)}.sp-section h2{font-size:clamp(1.9rem,3.8vw,3.5rem)}.sp-wrap h3{font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.3}.sp-wrap p{line-height:1.65}.sp-wrap .sp-kicker{letter-spacing:.12em;font-size:.72rem}.sp-nav,.sp-button,.sp-info summary{font-family:var(--sp-body-font, sans-serif)}.sp-wrap .sp-button{font-weight:700;letter-spacing:.025em}.sp-copy,.sp-split>div{min-width:0}@keyframes sp-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-photo-in{0%{opacity:.2;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:no-preference){.sp-slide:not([hidden]){animation:none}.sp-slide:not([hidden]) .sp-copy>*{animation:sp-rise .6s cubic-bezier(.2,.7,.2,1) both}.sp-slide:not([hidden]) .sp-copy>:nth-child(2){animation-delay:.06s}.sp-slide:not([hidden]) .sp-copy>:nth-child(3){animation-delay:.12s}.sp-slide:not([hidden]) .sp-copy>:nth-child(4){animation-delay:.18s}.sp-slide:not([hidden]) .sp-media{animation:sp-photo-in .8s ease-out both}.sp-enter{animation:sp-rise .65s cubic-bezier(.2,.7,.2,1) both}.sp-info details[open]>div{animation:sp-rise .25s ease-out both}.sp-info summary span{transition:transform .2s ease}.sp-button span{transition:transform .2s ease}}@media(hover:hover)and (pointer:fine){.sp-button:hover span{transform:translate(2px,-2px)}}@media(max-width:799px){.sp-copy h1,.sp-copy h2{font-size:clamp(2rem,8.2vw,3.6rem)}.sp-copy>p:not(.sp-kicker){font-size:1rem}.sp-section h2{font-size:clamp(1.85rem,7vw,2.7rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/supplay.css.map */
