.scl{--scl-line: 1px solid #0B0B0B;color:#0b0b0b;font-family:var(--FONT-STACK-BODY);--t-h1: clamp(38px, 5vw, 72px);--t-h2: clamp(30px, 3.4vw, 48px);--t-h3: clamp(20px, 1.7vw, 24px);--t-body: clamp(16px, 1.2vw, 18px);--t-small: 15px;--t-label: 13px;--t-btn: 14px}@media(max-width:767px){.scl{--t-small: 14px;--t-label: 12px}}.scl *,.scl *:before,.scl *:after{box-sizing:border-box}.scl-wrap{max-width:1440px;margin:0 auto;padding:clamp(48px,7vw,110px) clamp(20px,5vw,72px)}.scl-label{font-family:var(--FONT-STACK-SUBHEADING);font-size:calc(var(--t-label) * var(--scl-ls, 1));letter-spacing:.12em;text-transform:uppercase;line-height:1.3}.scl-h1,.scl-h2{margin:0;font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING-BOLD, 700);color:inherit}.scl-h1{font-size:calc(var(--t-h1) * var(--scl-hs, 1));line-height:1.05;letter-spacing:var(--LETTER-SPACING-HEADING, 0)}.scl-h2{font-size:calc(var(--t-h2) * var(--scl-hs, 1));line-height:1.1;letter-spacing:var(--LETTER-SPACING-HEADING, 0)}.scl-copy,.scl-copy p{margin:0;font-size:calc(var(--t-body) * var(--scl-ts, 1));line-height:1.5}.scl-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scl-ph{background:#f4ebda}.scl-ph svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border:var(--scl-line);border-radius:999px;background:var(--scl-btn-bg, #FCBA12);color:#0b0b0b;font-family:var(--FONT-STACK-BUTTON, var(--FONT-STACK-BODY));font-size:calc(var(--t-btn) * var(--scl-bs, 1));font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;line-height:1.1;text-align:center}.scl-btn:hover{color:#0b0b0b}@media(hover:hover)and (pointer:fine){.scl-btn{transition:transform .15s ease}.scl-btn:hover{transform:translateY(-2px)}}.scl-dot{width:30px;height:30px;border-radius:999px;border:var(--scl-line);flex:0 0 auto}.scl-hero{background:var(--scl-bg, #F4EBDA);border-bottom:var(--scl-line);transition:background .4s ease}.scl-hero .scl-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(32px,5vw,72px)}.scl-hero__text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:22px}.scl-hero__text .scl-copy{max-width:36ch}.scl-swatches{display:flex;flex-wrap:wrap;gap:12px}.scl-swatch{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px 0 8px;border:var(--scl-line);border-radius:999px;background:transparent;color:#0b0b0b;font-family:var(--FONT-STACK-BODY);font-weight:500;line-height:1;font-size:calc(var(--t-small) * var(--scl-bs, 1));cursor:pointer}.scl-swatch[aria-pressed=true]{background:#fff}.scl-hero__actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:calc(var(--t-small) * var(--scl-ts, 1))}.scl-note--alt{padding-left:4px;font-family:var(--FONT-STACK-SUBHEADING);font-size:calc(var(--t-label) * var(--scl-ts, 1));letter-spacing:.1em;text-transform:uppercase}.scl-review{display:flex;flex-direction:column;gap:4px;max-width:520px;font-size:calc(var(--t-small) * var(--scl-ts, 1));line-height:1.45}.scl-review__stars{font-size:16px;letter-spacing:2px}.scl-review strong{font-weight:600}.scl-stack{flex:1 1 420px;min-width:0;display:flex;justify-content:center}.scl-stack__inner{position:relative;width:min(100%,520px);aspect-ratio:1 / 1.08}.scl-card{position:absolute;top:0;left:21%;width:60%;aspect-ratio:1389 / 1806;border:var(--scl-line);border-radius:18px;overflow:hidden;background:#f4ebda;transition:transform .45s ease,left .45s ease,top .45s ease,opacity .3s ease}.scl-card[data-pos="0"]{z-index:3}.scl-card[data-pos="1"]{z-index:1;left:0;top:8%;width:58%;transform:rotate(-9deg)}.scl-card[data-pos="2"]{z-index:2;left:42%;top:4%;width:58%;transform:rotate(8deg)}.scl-card[data-pos="3"]{z-index:0;opacity:0}.scl-card__pill{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:2;padding:5px 11px;border:var(--scl-line);border-radius:999px;background:#fff;color:#0b0b0b;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.scl-card__pill--yellow{background:#fcba12}.scl-sticker{position:absolute;z-index:4;right:-2%;bottom:4%;width:calc(clamp(96px,12vw,150px) * var(--scl-sts, 1));aspect-ratio:1;border-radius:999px;border:var(--scl-line);background:var(--scl-st-bg, #FCBA12)}.scl-sticker svg{width:100%;height:100%;display:block;animation:scl-spin 16s linear infinite}.scl-sticker text{fill:#0b0b0b;font-family:var(--FONT-STACK-SUBHEADING);font-size:11px;letter-spacing:1px;text-transform:uppercase}@keyframes scl-spin{to{transform:rotate(360deg)}}.scl-ticker{overflow:hidden;background:var(--scl-tk-bg, #FCBA12);color:var(--scl-tk-text, #0B0B0B);border-bottom:var(--scl-line);padding:16px 0}.scl-ticker__track{display:flex;gap:48px;width:max-content;animation:scl-tick var(--scl-tk-speed, 28s) linear infinite;font-family:var(--FONT-STACK-SUBHEADING);font-size:calc(15px * var(--scl-ts, 1));letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.scl-ticker__track span{display:inline-flex;gap:48px}@keyframes scl-tick{to{transform:translate(-50%)}}.scl-ticker--heading .scl-ticker__track{font-family:var(--FONT-STACK-HEADING);font-weight:500;font-size:calc(18px * var(--scl-ts, 1));letter-spacing:var(--LETTER-SPACING-HEADING, 0);text-transform:none}.scl-features .scl-wrap{display:flex;flex-direction:column;gap:clamp(28px,4vw,56px)}.scl-features__head{display:flex;flex-direction:column;gap:12px;max-width:760px}.scl-features__row{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,4vw,56px)}.scl-features__col{flex:1 1 260px;display:flex;flex-direction:column;gap:clamp(20px,4vw,64px)}.scl-features__img{position:relative;flex:1 1 340px;max-width:460px;aspect-ratio:1389 / 1806;border:var(--scl-line);border-radius:24px;overflow:hidden}.scl-feature{display:flex;flex-direction:column;gap:8px;padding:22px;border:var(--scl-line);border-radius:18px;background:var(--scl-f-bg, #FFFFFF)}.scl-feature__title{font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING-BOLD, 700);font-size:calc(var(--t-h3) * var(--scl-cs, 1));line-height:1.1;letter-spacing:var(--LETTER-SPACING-HEADING, 0)}.scl-feature__text{font-size:calc(var(--t-small) * var(--scl-cts, 1));line-height:1.5}.scl-feature__body{display:flex;flex-direction:column;gap:8px}.scl-feature--num{flex-direction:row;align-items:flex-start;gap:18px}.scl-feature__num{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:var(--scl-line);border-radius:999px;background:#fff;font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING-BOLD, 700);font-size:20px}.scl-features--side .scl-features__row{align-items:stretch}.scl-features--side .scl-features__img{flex:1 1 380px;max-width:520px}.scl-features--side .scl-features__col{flex:1 1 420px;justify-content:center;gap:18px}.scl-features__grid{display:grid;grid-template-columns:repeat(var(--scl-cols, 3),minmax(0,1fr));gap:20px}.scl-features--row .scl-feature{padding:28px;border-radius:22px;gap:14px}.scl-features--row .scl-feature--num{flex-direction:column}.scl-features--row .scl-feature__num{width:56px;height:56px;font-size:26px}.scl-colours{background:var(--scl-bg, #F4EBDA);border-top:var(--scl-line);border-bottom:var(--scl-line)}.scl-colours .scl-wrap{display:flex;flex-direction:column;gap:clamp(28px,4vw,56px)}.scl-colours__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px}.scl-colours__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.scl-ccard{display:flex;flex-direction:column;background:var(--scl-c-bg, #FFFFFF);border:var(--scl-line);border-radius:24px;overflow:hidden;color:#0b0b0b;text-decoration:none}.scl-ccard:hover{color:#0b0b0b}.scl-ccard__img{position:relative;aspect-ratio:1389 / 1600;border-bottom:var(--scl-line)}.scl-ccard__body{display:flex;flex-direction:column;gap:10px;padding:24px;flex:1 1 auto}.scl-ccard__name{font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING-BOLD, 700);font-size:calc(var(--t-h3) * var(--scl-cs, 1));letter-spacing:var(--LETTER-SPACING-HEADING, 0);line-height:1.05}.scl-ccard__text{font-size:calc(var(--t-small) * var(--scl-cts, 1));line-height:1.5}.scl-ccard .scl-btn{margin-top:auto}.scl-hint{display:none}.scl-uses .scl-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(28px,5vw,72px)}.scl-uses__text{flex:1 1 380px;display:flex;flex-direction:column;gap:18px}.scl-uses__text .scl-copy{max-width:40ch}.scl-uses__grid{flex:1 1 420px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scl-tile{position:relative;display:block;aspect-ratio:1 / 1.1;border:var(--scl-line);border-radius:18px;overflow:hidden;background:#f4ebda}.scl-tile .scl-btn{position:absolute;left:14px;bottom:14px;z-index:2;min-height:40px;padding:0 16px;font-size:calc(var(--t-label) * var(--scl-bs, 1))}.scl-cta{background:var(--scl-bg, #DCB0E5);border-top:var(--scl-line)}.scl-cta .scl-wrap{display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}.scl-cta .scl-h2{font-size:calc(var(--t-h2) * 1.2 * var(--scl-hs, 1));line-height:1.05;letter-spacing:var(--LETTER-SPACING-HEADING, 0)}.scl-cta__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.scl-cta .scl-btn{padding:0 26px 0 10px;min-height:54px}.scl-cta__note{font-size:calc(var(--t-small) * var(--scl-ts, 1))}.scl-cta__note.scl-note--alt{font-size:calc(var(--t-label) * var(--scl-ts, 1))}.scl-hero[data-follow=always]{background:var(--scl-sel-bg, var(--scl-bg))}@media(max-width:767px){.scl-hero[data-follow=mobile]{background:var(--scl-sel-bg, var(--scl-bg))}.scl-hero .scl-wrap{gap:18px;padding-top:28px;padding-bottom:32px}.scl-hero__text{display:contents}.scl-hero__text>.scl-label{order:1}.scl-hero__text>.scl-h1{order:2}.scl-stack{order:3;flex:1 1 100%}.scl-hero__text>.scl-copy{order:4}.scl-hero__text>.scl-picker{order:5}.scl-hero__text>.scl-hero__actions{order:6}.scl-hero__text>.scl-review{order:7;width:100%;max-width:none}.scl-stack__inner{aspect-ratio:1 / .92}.scl-card__pill{font-size:10px;bottom:8px;padding:4px 9px}.scl-picker,.scl-hero__actions{width:100%}.scl-swatches{display:grid;grid-template-columns:repeat(var(--scl-n, 3),minmax(0,1fr));gap:8px}.scl-swatch{flex-direction:column;justify-content:center;min-height:76px;padding:10px 4px;border-radius:16px;gap:6px}.scl-hero__actions{align-items:stretch;text-align:center}.scl-hero__actions .scl-note--alt{padding-left:0}.scl-hero__actions .scl-btn{width:100%;min-height:54px}.scl-sticker{right:2%;bottom:6%;width:calc(125px * var(--scl-sts, 1))}.scl-ticker{padding:12px 0}.scl-ticker__track{font-size:calc(12px * var(--scl-ts, 1));gap:28px}.scl-ticker__track span{gap:28px}.scl-ticker--heading .scl-ticker__track{font-size:calc(15px * var(--scl-ts, 1))}.scl-features__img{order:-1;flex:1 1 100%;max-width:none;aspect-ratio:4 / 4.4;border-radius:20px}.scl-features__row{gap:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.scl-features__col{display:contents}.scl-features__img{grid-column:1 / -1}.scl-feature{padding:16px;border-radius:16px;gap:6px}.scl-feature__text{line-height:1.4}.scl-features--side .scl-features__row{grid-template-columns:minmax(0,1fr)}.scl-features--side .scl-features__img,.scl-features--side .scl-features__col{max-width:none}.scl-feature--num{gap:12px}.scl-feature__num{width:34px;height:34px;font-size:16px}.scl-features__grid{grid-template-columns:minmax(0,1fr);gap:12px}.scl-features--row .scl-feature{padding:16px;border-radius:16px}.scl-features--row .scl-feature--num{flex-direction:row}.scl-features--row .scl-feature__num{width:38px;height:38px;font-size:18px}.scl-colours .scl-wrap{padding-left:0;padding-right:0}.scl-colours__head{padding:0 20px;flex-direction:column;align-items:flex-start}.scl-hint{display:inline}.scl-colours__grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 4px;scroll-padding-inline:20px;scrollbar-width:none}.scl-colours__grid::-webkit-scrollbar{display:none}.scl-colours__grid:after{content:"";flex:0 0 8px}.scl-ccard{flex:0 0 82%;scroll-snap-align:start;border-radius:20px}.scl-ccard__img{aspect-ratio:1 / 1.05}.scl-ccard__body{padding:18px;gap:8px}.scl-ccard .scl-btn{min-height:46px}.scl-uses__grid{gap:10px;flex-basis:100%}.scl-tile{aspect-ratio:1 / 1.2;border-radius:16px}.scl-tile .scl-btn{left:8px;bottom:8px;min-height:32px;padding:0 12px;letter-spacing:.08em}.scl-cta__buttons{flex-direction:column;width:100%}.scl-cta .scl-btn{width:100%;justify-content:flex-start}.scl{text-align:center}.scl-hero__text>.scl-label,.scl-hero__text>.scl-h1,.scl-hero__text>.scl-copy,.scl-picker{width:100%;max-width:none}.scl-features__head,.scl-uses__text{align-items:center;margin-left:auto;margin-right:auto}.scl-uses__text .scl-copy{margin-left:auto;margin-right:auto}.scl-colours__head{align-items:center}.scl-feature,.scl-feature__body{align-items:center;text-align:center}.scl-feature--num,.scl-features--row .scl-feature--num{flex-direction:column;align-items:center}.scl-cta .scl-btn{justify-content:center}}@media(prefers-reduced-motion:reduce){.scl-sticker svg,.scl-ticker__track{animation:none}.scl-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/sonny-clutch.css.map */