.sj-col-head{--sj-col-ink: #0b0d10;--sj-col-band: #f1f2f4;--sj-col-tile: #f4f5f6;--sj-col-gutter: var(--page-margin, 16px);--sj-col-gap: 8px;--sj-col-max: calc(var(--page-content-width, 90rem) + 2 * var(--sj-col-gutter));color:var(--sj-col-ink);background:#fff}.sj-col-head,.sj-col-head *,.sj-col-head *:before,.sj-col-head *:after{box-sizing:border-box}.sj-col-head__banner{position:relative;display:flex;align-items:center;min-height:84px;overflow:hidden;background-color:var(--sj-col-band);background-image:linear-gradient(90deg,#fff0 30%,#fff9)}.sj-col-head__media{position:absolute;inset:0 0 0 auto;width:72%;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 58%);mask-image:linear-gradient(90deg,transparent 0%,#000 58%)}.sj-col-head__img{display:block;width:100%;height:100%;object-fit:cover}.sj-col-head__inner{position:relative;z-index:1;width:100%;max-width:var(--sj-col-max);margin-inline:auto;padding:12px var(--sj-col-gutter)}.sj-col-head__title{margin:0;max-width:100%;font-family:var(--sj-font-display, "Anton", "Arial Narrow", Impact, sans-serif);font-size:clamp(2.5rem,11.5vw,3.5rem);font-style:normal;font-weight:400;line-height:.98;letter-spacing:.005em;text-transform:none;text-wrap:balance;overflow-wrap:anywhere;color:var(--sj-col-ink)}.sj-col-head--caps .sj-col-head__title{text-transform:uppercase}.sj-col-head--long .sj-col-head__title{font-size:clamp(1.9rem,8.2vw,2.6rem);line-height:1.02}.sj-col-head--xlong .sj-col-head__title{font-size:clamp(1.5rem,6.4vw,2.1rem);line-height:1.05}.sj-col-head--has-image .sj-col-head__title{max-width:78%;text-shadow:0 0 14px rgb(255 255 255 / .7)}.sj-col-tiles{background:#fff;border-bottom:1px solid rgb(11 13 16 / .07)}.sj-col-tiles__list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * var(--sj-col-gap)) / 4);gap:var(--sj-col-gap);max-width:var(--sj-col-max);margin:0 auto;padding:8px var(--sj-col-gutter);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--sj-col-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.sj-col-tiles__list::-webkit-scrollbar{display:none}.sj-col-tiles--scroll .sj-col-tiles__list{grid-auto-columns:max(72px,calc((100% - 4 * var(--sj-col-gap)) / 4.35))}.sj-col-tiles__item{min-width:0;margin:0;padding:0;scroll-snap-align:start}.sj-col-tile{container-type:inline-size;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;min-height:44px;padding:3px 3px 9px;border-radius:8px;background:var(--sj-col-tile);color:var(--sj-col-ink);text-decoration:none;-webkit-tap-highlight-color:transparent}.sj-col-tile:focus-visible{outline:2px solid var(--sj-col-ink);outline-offset:2px}.sj-col-tile__media{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:6px}.sj-col-tile__img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .25s ease}.sj-col-tile__label{position:relative;display:block;max-width:100%;padding-bottom:6px;font-family:var(--sj-font-accent, "Chakra Petch", "Space Grotesk", sans-serif);font-size:9px;font-size:clamp(8.5px,calc((100cqi - 6px) / (var(--sj-col-chars, 11) * .72)),11px);font-weight:600;line-height:1.1;letter-spacing:.06em;text-align:center;text-transform:uppercase;white-space:nowrap}.sj-col-tile__label:after{content:"";position:absolute;left:50%;bottom:0;width:22px;max-width:100%;height:1.5px;background:currentColor;opacity:.5;transform:translate(-50%);transition:width .2s ease,opacity .2s ease}.sj-col-tile[aria-current=page] .sj-col-tile__label:after{width:100%;opacity:1}@media(hover:hover){.sj-col-tile:hover .sj-col-tile__label:after{width:100%;opacity:1}.sj-col-tile:hover .sj-col-tile__img{transform:scale(1.04)}}@media screen and (min-width:750px){.sj-col-head{--sj-col-gap: 12px}.sj-col-head__banner{min-height:132px}.sj-col-head__media{width:58%}.sj-col-head__inner{padding-block:20px}.sj-col-head__title{font-size:clamp(3.25rem,5.2vw,4.75rem)}.sj-col-head--long .sj-col-head__title{font-size:clamp(2.6rem,4.2vw,3.75rem)}.sj-col-head--xlong .sj-col-head__title{font-size:clamp(2.1rem,3.4vw,3rem)}.sj-col-head--has-image .sj-col-head__title{max-width:60%}.sj-col-tiles__list,.sj-col-tiles--scroll .sj-col-tiles__list{grid-auto-columns:clamp(96px,8.5vw,120px);padding-block:12px}.sj-col-tile{gap:8px;padding:6px 6px 11px;border-radius:10px}.sj-col-tile__label{font-size:11px;font-size:clamp(10px,calc((100cqi - 12px) / (var(--sj-col-chars, 11) * .76)),12px);letter-spacing:.1em}}.sj-loadmore{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px var(--page-margin, 16px) 0;text-align:center}.sj-loadmore .sj-loadmore__btn{--button-color: #0b0d10;--button-background-color: #fff;--button-border-color: rgb(11 13 16 / .85);display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:min(100%,22rem);min-height:48px;padding:0 24px;font-family:var(--sj-font-accent, "Chakra Petch", "Space Grotesk", sans-serif);font-size:13px;font-weight:600;line-height:1;letter-spacing:.16em;text-transform:uppercase;-webkit-tap-highlight-color:transparent}@media(hover:hover){.sj-loadmore .sj-loadmore__btn:hover{--button-color: #fff;--button-background-color: #0b0d10;--button-border-color: #0b0d10}}.sj-loadmore .sj-loadmore__btn:focus-visible{outline:2px solid #0b0d10;outline-offset:3px}.sj-loadmore .sj-loadmore__btn[hidden]{display:none}.sj-loadmore__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:14px;height:14px}.sj-loadmore .sj-loadmore__btn[aria-busy=true]{pointer-events:none;cursor:progress;opacity:.6}.sj-loadmore__btn[aria-busy=true] .sj-loadmore__icon svg{display:none}.sj-loadmore__btn[aria-busy=true] .sj-loadmore__icon:before{content:"";display:block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sj-loadmore-spin .7s linear infinite}@keyframes sj-loadmore-spin{to{transform:rotate(360deg)}}.sj-loadmore__count{margin:0;font-size:12px;line-height:1.4;letter-spacing:.02em;color:#0b0d108c}.sj-loadprev{display:flex;justify-content:center;margin:0;padding:0 var(--page-margin, 16px) 12px}.sj-loadprev__link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-family:var(--sj-font-accent, "Chakra Petch", "Space Grotesk", sans-serif);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;color:#0b0d10}.sj-loadprev__link:focus-visible{outline:2px solid #0b0d10;outline-offset:2px}.sj-col-about-wrap{position:relative;box-sizing:border-box;width:100%;max-width:calc(var(--page-content-width, 90rem) + 2 * var(--page-margin, 16px));margin-inline:auto;padding:0 var(--page-margin, 16px) 28px;background:transparent}.sj-col-about{max-width:70ch;border-top:1px solid rgb(11 13 16 / .1);border-bottom:1px solid rgb(11 13 16 / .1)}.sj-col-about__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-family:var(--sj-font-accent, "Chakra Petch", "Space Grotesk", sans-serif);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0b0d10b3;list-style:none;cursor:pointer}.sj-col-about__summary::-webkit-details-marker{display:none}.sj-col-about__summary:focus-visible{outline:2px solid #0b0d10;outline-offset:2px}.sj-col-about__icon{flex:none;transition:transform .2s ease}.sj-col-about[open] .sj-col-about__icon{transform:rotate(180deg)}.sj-col-about__body{padding:0 0 16px;font-size:13px;line-height:1.6;color:#0b0d109e}.sj-col-about__body>:first-child{margin-top:0}.sj-col-about__body>:last-child{margin-bottom:0}.sj-col-about__body :is(h1,h2,h3,h4,h5,h6){font-family:var(--sj-font-accent, "Chakra Petch", "Space Grotesk", sans-serif);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:none;color:#0b0d10bf}@media screen and (min-width:750px){.sj-loadmore{padding-top:28px}.sj-col-about-wrap{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){.sj-col-tile__img,.sj-col-tile__label:after,.sj-col-about__icon{transition:none}.sj-col-tile:hover .sj-col-tile__img{transform:none}.sj-loadmore__btn[aria-busy=true] .sj-loadmore__icon:before{animation:none;border-right-color:currentColor;opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/sj-collection.css.map */