.ss-cpage{--ss-cp-hi: var(--ss-cp-hover, var(--ss-accent, #D30000));background:var(--ss-cp-bg);color:var(--ss-cp-text)}.ss-cpage__head{position:relative;isolation:isolate;overflow:hidden;background:var(--ss-cp-head-bg);color:var(--ss-cp-head-text);padding-block:calc(var(--ss-cp-pt) * var(--ss-space, 1)) 2rem}.ss-cpage__head-inner{position:relative;z-index:1}.ss-cpage__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.ss-cpage__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 120% at 100% 0%,color-mix(in srgb,var(--ss-accent, #D30000) 24%,transparent) 0%,transparent 65%)}.ss-cpage__photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.ss-cpage__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--ss-cp-veil) 0%,var(--ss-cp-veil) 30%,var(--ss-cp-veil-soft) 100%)}.ss-cpage--center .ss-cpage__veil{background:radial-gradient(60% 110% at 50% 50%,var(--ss-cp-veil) 0%,var(--ss-cp-veil-mid) 60%,var(--ss-cp-veil-soft) 100%)}.ss-cpage__collage{--ss-cp-cw: 10rem;--ss-cp-ch: 7.5rem;--ss-cp-cg: .5rem;position:absolute;top:50%;left:50%;width:140%;translate:-50% -50%;rotate:-8deg;display:flex;flex-direction:column;gap:var(--ss-cp-cg);filter:saturate(.7)}.ss-cpage__collage-row:nth-child(2){margin-inline-start:calc(var(--ss-cp-cw) * -.5)}.ss-cpage__collage-track{display:flex;width:max-content}.ss-cpage__collage-tile{flex:none;width:var(--ss-cp-cw);height:var(--ss-cp-ch);margin-inline-end:var(--ss-cp-cg);overflow:hidden;border-radius:var(--ss-cp-radius);background:color-mix(in srgb,var(--ss-cp-head-text) 6%,transparent)}.ss-cpage__collage-tile img{display:block;width:100%;height:100%;object-fit:cover}@keyframes ss-cpage-drift{to{translate:-50% 0}}@media(prefers-reduced-motion:no-preference){.ss-cpage__collage--drift .ss-cpage__collage-track{animation:ss-cpage-drift 180s linear infinite}.ss-cpage__collage--drift .ss-cpage__collage-row:nth-child(2) .ss-cpage__collage-track{animation-duration:220s;animation-direction:reverse}}@media(max-width:749px){.ss-cpage__veil,.ss-cpage--center .ss-cpage__veil{background:linear-gradient(90deg,var(--ss-cp-veil) 0%,var(--ss-cp-veil) 55%,var(--ss-cp-veil-mid) 100%)}}@media(min-width:750px){.ss-cpage__collage{--ss-cp-cw: 15rem;--ss-cp-ch: 10.625rem;--ss-cp-cg: .75rem}}.ss-cpage__head:after{content:"";position:absolute;inset-inline:0;bottom:0;height:4px;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--ss-accent, #D30000) 0 38%,transparent 38% 39.5%,var(--ss-accent, #D30000) 39.5% 44%,transparent 44%)}.ss-cpage__eyebrow{margin:0 0 .75rem;display:flex;align-items:center;gap:.625rem;font-size:.6875rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.85}.ss-cpage__eyebrow:before{content:"";width:1.75rem;height:2px;background:var(--ss-accent, #D30000)}.ss-cpage__h1{margin:0;color:inherit;padding-inline-end:.08em;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(2.25rem,9vw,5rem);line-height:.95;letter-spacing:-.01em;text-wrap:balance}.ss-cpage__intro{margin-top:.875rem;max-width:36rem;font-size:.9375rem;line-height:1.5;opacity:.8}.ss-cpage__intro>:first-child{margin-top:0}.ss-cpage__intro>:last-child{margin-bottom:0}.ss-cpage--center .ss-cpage__head-inner{text-align:center}.ss-cpage--center .ss-cpage__eyebrow{justify-content:center}.ss-cpage--center .ss-cpage__intro{margin-inline:auto}.ss-cpage__jump{margin-top:1.5rem}.ss-cpage__pills{list-style:none;margin:0;padding:0;display:flex;gap:.5rem}.ss-cpage__pill-link{display:inline-flex;align-items:center;gap:.25rem;min-height:44px;padding:0 .75rem 0 1rem;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;color:inherit;text-decoration:none;white-space:nowrap;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em;line-height:1}.ss-cpage__pill-icon{width:1rem;height:1rem;flex:none;color:var(--ss-cp-hi)}.ss-cpage__pill-link:focus-visible{outline:2px solid var(--ss-cta);outline-offset:2px}@media(hover:hover){.ss-cpage__pill-link:hover{border-color:var(--ss-cp-hi);background:color-mix(in srgb,var(--ss-cp-hi) 16%,transparent)}}@media(max-width:749px){.ss-cpage__pills{overflow-x:auto;contain:inline-size;scrollbar-width:none;scroll-snap-type:x proximity;margin-inline:calc(var(--page-margin, 16px) * -1);padding-inline:var(--page-margin, 16px);scroll-padding-inline:var(--page-margin, 16px);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.ss-cpage__pills::-webkit-scrollbar{display:none}.ss-cpage__pills>li{flex:none;scroll-snap-align:start}}@media(min-width:750px){.ss-cpage__head{padding-bottom:2.75rem}.ss-cpage__pills{flex-wrap:wrap}.ss-cpage--center .ss-cpage__pills{justify-content:center}.ss-cpage__pill-link{min-height:40px}.ss-cpage__intro{font-size:1.0625rem}}.ss-cpage__body{padding-block:1.5rem calc(var(--ss-cp-pb) * var(--ss-space, 1))}.ss-cpage__frame{container-type:inline-size}.ss-cpage__grid{--cols: 2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-flow:row dense;gap:var(--ss-cp-gap);grid-auto-rows:9rem;grid-auto-rows:calc(((100cqi - (var(--cols) - 1) * var(--ss-cp-gap)) / var(--cols) * var(--ss-cp-ratio) - var(--ss-cp-gap)) / 2)}.ss-cpage__item{min-width:0;grid-row:span 2}.ss-cpage__item--wide{grid-column:span 2}.ss-cpage__item--tall{grid-row:span 4}@media(max-width:749px){.ss-cpage__item--tall{grid-row:span 2}.ss-cpage__item:first-child,.ss-cpage__item--large{grid-column:span 2;grid-row:span 3}}@media(min-width:750px){.ss-cpage__body{padding-top:2.5rem}.ss-cpage__grid{--cols: 3}.ss-cpage__item--large{grid-column:span 2;grid-row:span 4}}@media(min-width:1100px){.ss-cpage__grid{--cols: var(--ss-cp-cols, 4)}}.ss-cpage__tile{position:relative;display:block;height:100%;overflow:hidden;isolation:isolate;border-radius:var(--ss-cp-radius);background:var(--ss-cp-tile-bg);color:var(--ss-cp-tile-text);text-decoration:none}.ss-cpage__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.ss-cpage__img{display:block;width:100%;height:100%;object-fit:cover}.ss-cpage__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,var(--ss-cp-scrim) 0%,var(--ss-cp-scrim-mid) 32%,transparent 64%)}.ss-cpage__tile--empty .ss-cpage__media{background:radial-gradient(110% 90% at 85% 5%,color-mix(in srgb,var(--ss-cp-hi) 30%,transparent) 0%,transparent 60%),var(--ss-cp-tile-bg)}.ss-cpage__tag{position:absolute;top:.75rem;left:.75rem;max-width:calc(100% - 1.5rem);overflow:hidden;text-overflow:ellipsis}.ss-cpage__tag--pill{background:var(--ss-cp-pill);color:var(--ss-cp-pill-text);border-radius:999px;padding:.4375rem .625rem;white-space:nowrap;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:.6875rem;letter-spacing:.04em;line-height:1}.ss-cpage__info{position:absolute;inset-inline:.75rem;bottom:.75rem;display:grid;gap:.5rem}.ss-cpage__title{position:relative;margin:0;padding:0 .08em .4rem 0;color:inherit;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1rem,4.4vw,1.375rem);line-height:1;letter-spacing:.01em;text-wrap:balance}.ss-cpage__title:after{content:"";position:absolute;left:0;bottom:0;width:2rem;max-width:100%;height:3px;border-radius:2px;background:var(--ss-cp-hi)}.ss-cpage__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .5rem;min-height:1.75rem}.ss-cpage__count{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.8;white-space:nowrap}.ss-cpage__shop{margin-inline-start:auto;display:inline-flex;align-items:center;gap:.125rem;padding:.3125rem .375rem .3125rem .625rem;border-radius:999px;background:color-mix(in srgb,currentColor 16%,transparent);font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:.6875rem;letter-spacing:.04em;line-height:1}.ss-cpage__shop-icon{width:.9375rem;height:.9375rem;flex:none}.ss-cpage__item--wide .ss-cpage__title,.ss-cpage__item--large .ss-cpage__title{font-size:clamp(1.5rem,6vw,2.75rem)}@media(max-width:749px){.ss-cpage__item:first-child .ss-cpage__title{font-size:clamp(1.75rem,8vw,2.5rem)}}@media(min-width:750px){.ss-cpage__info{inset-inline:1.125rem;bottom:1.125rem;gap:.625rem}.ss-cpage__tag{top:1rem;left:1rem}.ss-cpage__title{font-size:clamp(1.125rem,1.7vw,1.625rem)}.ss-cpage__item--wide .ss-cpage__title,.ss-cpage__item--large .ss-cpage__title{font-size:clamp(1.75rem,3vw,2.75rem)}.ss-cpage__count,.ss-cpage__shop{font-size:.75rem}}.ss-cpage__tile:focus-visible{outline:3px solid var(--ss-cta);outline-offset:3px}@media(hover:hover){.ss-cpage__tile:hover{box-shadow:0 0 0 2px var(--ss-cp-hi),0 18px 40px -16px color-mix(in srgb,var(--ss-cp-hi) 70%,transparent)}.ss-cpage__tile:hover .ss-cpage__title:after{width:100%}.ss-cpage__tile:hover .ss-cpage__shop{background:var(--ss-cp-hi);color:#fff}}@media(prefers-reduced-motion:no-preference){.ss-cpage__img{transition:transform .6s var(--ss-ease, ease)}.ss-cpage__tile{transition:box-shadow .3s ease}.ss-cpage__title:after{transition:width .35s var(--ss-ease, ease)}.ss-cpage__shop{transition:background-color .25s ease,color .25s ease}.ss-cpage__shop-icon{transition:translate .25s ease}.ss-cpage__pill-link{transition:border-color .2s ease,background-color .2s ease}@media(hover:hover){.ss-cpage__tile:hover .ss-cpage__img{transform:scale(1.06)}.ss-cpage__tile:hover .ss-cpage__shop-icon{translate:2px 0}}}
/*# sourceMappingURL=/cdn/shop/t/388/assets/ss-collections-page.css.map */