.collection{padding-block:var(--sp-6) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-6);position:relative}.collection__hero{position:relative;display:grid;grid-template-columns:1fr;gap:var(--sp-5);align-items:center;padding-block:var(--sp-6) var(--sp-5)}.collection__hero-bg{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:460px;pointer-events:none;background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(0,212,255,.14),transparent 80%);-webkit-mask-image:linear-gradient(to bottom,#000000 0%,#000000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000000 0%,#000000 60%,transparent 100%);z-index:0}.collection__hero-copy,.collection__hero-count{position:relative;z-index:1}@media(min-width:768px){.collection__hero{grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-7);padding-block:var(--sp-8) var(--sp-6)}}.collection__about{margin-top:var(--sp-8);padding-top:var(--sp-7);border-top:1px solid var(--border)}.collection__about-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);color:var(--text-secondary);transition:color var(--dur-state) var(--ease-state)}.collection__about-summary::-webkit-details-marker{display:none}.collection__about-summary:hover{color:var(--accent)}.collection__about-chevron{display:inline-flex;align-items:center;transition:transform var(--dur-state) var(--ease-state)}.collection__about[open] .collection__about-chevron{transform:rotate(180deg)}.collection__about-body{padding-top:var(--sp-6);max-width:80ch}@media(min-width:768px){.collection__about-body{columns:2;column-gap:var(--sp-7);max-width:none}.collection__about-body>*{break-inside:avoid}.collection__about-body ul,.collection__about-body ol{break-inside:avoid}.collection__about-body>*:first-child{margin-top:0}}.collection__hero-copy{display:flex;flex-direction:column;gap:var(--sp-3);align-items:flex-start}.collection__hero-eyebrow{color:var(--accent)}.collection__hero-title{text-wrap:balance;margin:0}.collection__hero-count{display:flex;flex-direction:column;align-items:flex-end;line-height:1;color:var(--accent);gap:var(--sp-2);opacity:.85}.collection__hero-count-num{font-size:clamp(4rem,9vw,7.5rem);font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 0 32px var(--accent-glow)}.collection__hero-count-label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}@media(max-width:767px){.collection__hero-count{align-items:flex-start;opacity:.7}.collection__hero-count-num{font-size:3.5rem}}.collection__main{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}@media(min-width:1024px){.collection__main{grid-template-columns:240px 1fr;gap:var(--sp-7)}}.collection__filters{display:none}@media(min-width:1024px){.collection__filters{display:block}}.collection__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.collection__count{color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase}.collection__filter-toggle{display:inline-flex}@media(min-width:1024px){.collection__filter-toggle{display:none}}.collection__sort select{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;padding:var(--sp-2) var(--sp-3)}.collection__grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.collection__grid li{position:relative}.collection__grid .quick-add{position:absolute;top:var(--sp-3);right:var(--sp-3)}@media(min-width:768px){.collection__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.collection__grid{grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}}.collection__grid-wrap[data-loading=true]{opacity:.55;pointer-events:none}.collection__pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-6);gap:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs)}.collection__pagination a{color:var(--accent)}.collection-cc{padding-block:var(--sp-3)}.collection-cc__chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-2);padding-block:var(--sp-3)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection.css.map */
