.csc-home,.csc-home[data-theme=dark]{--color-bg:#0C0B09;--color-surface:#141310;--color-surface-2:#1A1814;--color-surface-offset:#1F1C17;--color-border:#2C2823;--color-divider:#23201B;--color-text:#F3EFE6;--color-text-muted:#A39B8C;--color-text-faint:#6E675B;--color-accent:#C8A24A;--color-accent-hover:#E0B85A;--color-accent-ink:#0C0B09;--color-danger:#C8553D;--photo-well:#FFFFFF;--photo-ink:#1A1714;--shadow-md:0 8px 30px rgba(0,0,0,.4);--shadow-lg:0 24px 60px rgba(0,0,0,.5)}.csc-home[data-theme=light]{--color-bg:#F3EFE7;--color-surface:#FBF9F4;--color-surface-2:#FFFFFF;--color-surface-offset:#EFEAE0;--color-border:#DDD7C9;--color-divider:#E6E0D4;--color-text:#1A1714;--color-text-muted:#6B6357;--color-text-faint:#9A9183;--color-accent:#9A7A2E;--color-accent-hover:#7C6223;--color-accent-ink:#FBF9F4;--photo-well:#FFFFFF;--photo-ink:#1A1714;--shadow-md:0 8px 30px rgba(40,30,10,.12);--shadow-lg:0 24px 60px rgba(40,30,10,.18)}.csc-home{--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2.25rem,1.3rem + 4vw,4.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--content:1200px;--t:.2s cubic-bezier(.16,1,.3,1);--font-display:"Clash Display","Satoshi",sans-serif;--font-body:"Satoshi",system-ui,sans-serif}.csc-home *,.csc-home *:before,.csc-home *:after{box-sizing:border-box;margin:0;padding:0}.csc-home{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:6rem}.csc-home{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);overflow-x:hidden}.csc-home img{display:block;max-width:100%;height:auto}.csc-home a,.csc-home button{transition:color var(--t),background var(--t),border-color var(--t),box-shadow var(--t),transform var(--t),opacity var(--t)}.csc-home h1,.csc-home h2,.csc-home h3{text-wrap:balance;line-height:1.08;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.csc-home p,.csc-home li{max-width:68ch}.csc-home :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.csc-home button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}.csc-home ::selection{background:var(--color-accent);color:var(--color-accent-ink)}.csc-home .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.csc-home .wrap{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.csc-home .announce{position:sticky;top:0;z-index:60;background:var(--color-bg);border-bottom:1px solid var(--color-divider)}.csc-home .announce__row{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:500}.csc-home .announce__row .spade{color:var(--color-accent);font-size:1.05em}.csc-home .announce__row .dot{width:3px;height:3px;border-radius:50%;background:var(--color-text-faint);display:inline-block}.csc-home .announce__ship{color:var(--color-text-muted)}.csc-home .announce__close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-faint);font-size:1.1rem;line-height:1}.csc-home .announce__close:hover{color:var(--color-text)}.csc-home .header{position:sticky;top:0;z-index:55;background:color-mix(in oklab,var(--color-bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:box-shadow var(--t),border-color var(--t),background var(--t)}.csc-home .header.is-scrolled{box-shadow:0 1px 0 var(--color-divider);background:color-mix(in oklab,var(--color-bg) 92%,transparent)}.csc-home .header__row{display:flex;align-items:center;gap:var(--space-4);height:4.5rem}.csc-home .logo{font-family:var(--font-display);font-weight:600;font-size:1.18rem;letter-spacing:.01em;white-space:nowrap;color:var(--color-text);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.csc-home .logo .mark{color:var(--color-accent);font-size:1.15em}.csc-home .nav{display:flex;gap:var(--space-6);margin-inline-start:var(--space-6)}.csc-home .nav a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;font-weight:500;position:relative;padding-block:.25rem}.csc-home .nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--t)}.csc-home .nav a:hover{color:var(--color-text)}.csc-home .nav a:hover:after{transform:scaleX(1)}.csc-home .header__actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-1)}.csc-home .iconbtn{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:var(--radius-full);color:var(--color-text-muted)}.csc-home .iconbtn:hover{color:var(--color-text);background:var(--color-surface-offset)}.csc-home .iconbtn svg{width:1.2rem;height:1.2rem}.csc-home .cartbtn{position:relative}.csc-home .cartbtn .count{position:absolute;top:.3rem;right:.3rem;min-width:1.1rem;height:1.1rem;padding:0 .2rem;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-accent-ink);font-size:.65rem;font-weight:700;display:grid;place-items:center;line-height:1}.csc-home .menutoggle{display:none}.csc-home .hero{position:relative;min-height:clamp(560px,90vh,860px);display:flex;align-items:center;overflow:hidden;background:#0c0b09}.csc-home .hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.csc-home .hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0c0b09f5,#0c0b09d1,#0c0b0966 52%,#0c0b090d 70%),linear-gradient(180deg,#0c0b098c,#0c0b0900 26% 60%,#0c0b0999)}.csc-home .hero__content{position:relative;z-index:2;width:100%;max-width:680px;padding-block:clamp(3rem,8vw,7rem)}.csc-home .hero__eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--text-xs);letter-spacing:.26em;text-transform:uppercase;font-weight:500;color:var(--color-accent);margin-bottom:var(--space-5)}.csc-home .hero__eyebrow:before{content:"";width:2rem;height:1px;background:var(--color-accent);opacity:.6}.csc-home .hero__title{font-size:var(--text-2xl);font-weight:600;color:#fbf8f0;max-width:13ch}.csc-home .hero__sub{margin-top:var(--space-5);font-size:var(--text-lg);color:#d8d2c4;max-width:42ch;line-height:1.5}.csc-home .hero__cta{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-3)}.csc-home .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.7rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;text-decoration:none;white-space:nowrap;line-height:1}.csc-home .btn--primary{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:0 10px 30px #c8a24a40}.csc-home .btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 14px 36px #c8a24a59}.csc-home .btn--ghost{background:transparent;color:#fbf8f0;border:1.5px solid rgba(251,248,240,.5)}.csc-home .btn--ghost:hover{border-color:#fbf8f0;background:#fbf8f014;transform:translateY(-2px)}.csc-home .btn--dark{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.csc-home .btn--dark:hover{border-color:var(--color-accent);color:var(--color-accent)}.csc-home .hero__scroll{position:absolute;bottom:1.5rem;right:2rem;z-index:2;color:#f3efe699;font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.csc-home .hero__scroll .line{width:1px;height:2.2rem;background:linear-gradient(180deg,rgba(243,239,230,.6),transparent);position:relative;overflow:hidden}.csc-home .hero__scroll .line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-accent);animation:csc-scrollDot 2.4s var(--t) infinite}@keyframes csc-scrollDot{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.csc-home .marquee{border-block:1px solid var(--color-divider);background:var(--color-surface);overflow:hidden}.csc-home .marquee__track{display:flex;gap:0;white-space:nowrap;width:max-content;animation:csc-marq 32s linear infinite}.csc-home .marquee:hover .marquee__track{animation-play-state:paused}.csc-home .marquee__item{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text)}.csc-home .marquee__item .star{color:var(--color-accent);font-size:.8em}@keyframes csc-marq{to{transform:translate(-50%)}}.csc-home section{padding-block:clamp(var(--space-12),7vw,var(--space-24))}.csc-home .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap}.csc-home .shead__kicker{font-size:var(--text-xs);letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent);font-weight:500;margin-bottom:var(--space-3)}.csc-home .shead__title{font-size:var(--text-xl);max-width:18ch}.csc-home .shead__title em{font-style:italic;color:var(--color-accent);font-family:var(--font-display)}.csc-home .shead__link{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;font-weight:500;border-bottom:1px solid var(--color-border);padding-bottom:2px}.csc-home .shead__link:hover{color:var(--color-accent);border-color:var(--color-accent)}.csc-home .trust{padding-block:var(--space-10);border-bottom:1px solid var(--color-divider)}.csc-home .trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.csc-home .trust__item{display:flex;align-items:center;gap:var(--space-3);justify-content:center;text-align:left}.csc-home .trust__icon{flex:none;width:2.5rem;height:2.5rem;color:var(--color-accent)}.csc-home .trust__icon svg{width:100%;height:100%}.csc-home .trust__label{font-size:var(--text-sm);font-weight:600;letter-spacing:.02em}.csc-home .trust__sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.csc-home .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.75rem,1.6vw,1.5rem)}.csc-home .card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.csc-home .card__media{position:relative;border-radius:var(--radius-lg);background:var(--photo-well);overflow:hidden;aspect-ratio:1/1;display:grid;place-items:center}.csc-home .card__img{width:100%;height:100%;object-fit:contain;transition:transform var(--t)}.csc-home .card:hover .card__img{transform:scale(1.04)}.csc-home .card__badge{position:absolute;top:.6rem;left:.6rem;background:var(--color-bg);color:var(--color-accent);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .55rem;border-radius:var(--radius-full);border:1px solid var(--color-border)}.csc-home .card__add{position:absolute;inset:auto .6rem .6rem .6rem;opacity:0;transform:translateY(8px);transition:opacity var(--t),transform var(--t)}.csc-home .card:hover .card__add{opacity:1;transform:translateY(0)}.csc-home .card__add .btn{width:100%;padding:.7rem 1rem;font-size:var(--text-xs)}.csc-home .card__body{padding-top:var(--space-4);display:flex;flex-direction:column;gap:2px}.csc-home .card__type{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.12em}.csc-home .card__title{font-size:var(--text-base);font-weight:600;line-height:1.3;font-family:var(--font-body)}.csc-home .card__meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.csc-home .card__price{font-size:var(--text-base);font-weight:600;color:var(--color-text);font-family:var(--font-display)}.csc-home .card__tag{font-size:var(--text-xs);color:var(--color-text-muted)}.csc-home .cats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.75rem,1.6vw,1.25rem)}.csc-home .cat{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/5;text-decoration:none;background:var(--color-surface)}.csc-home .cat__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.42;transition:opacity var(--t),transform var(--t)}.csc-home .cat:hover .cat__img{opacity:.6;transform:scale(1.05)}.csc-home .cat__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c0b0933,#0c0b09d9)}.csc-home .cat__content{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-6);display:flex;flex-direction:column;justify-content:flex-end;color:#fbf8f0}.csc-home .cat__name{font-size:var(--text-xl);font-weight:600}.csc-home .cat__arrow{display:inline-flex;align-items:center;gap:.4rem;margin-top:var(--space-2);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.csc-home .cat__arrow svg{width:1rem;height:1rem;transition:transform var(--t)}.csc-home .cat:hover .cat__arrow svg{transform:translate(4px)}.csc-home .closeband{position:relative;background:var(--color-surface);border-top:1px solid var(--color-divider);overflow:hidden}.csc-home .closeband__inner{position:relative;z-index:2;text-align:center;max-width:760px;margin-inline:auto}.csc-home .closeband__title{font-size:var(--text-2xl)}.csc-home .closeband__sub{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-lg)}.csc-home .footer{background:var(--color-surface);border-top:1px solid var(--color-divider);padding-block:var(--space-16) var(--space-8)}.csc-home .footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-10)}.csc-home .footer__brand .logo{font-size:1.4rem}.csc-home .footer__tag{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);max-width:34ch}.csc-home .footer__col h4{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-faint);font-weight:600;margin-bottom:var(--space-4);font-family:var(--font-body)}.csc-home .footer__col ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.csc-home .footer__col a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm)}.csc-home .footer__col a:hover{color:var(--color-accent)}.csc-home .footer__bottom{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-divider);display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.04em}.csc-home .footer__social{display:flex;gap:var(--space-2)}.csc-home .footer__social a{width:2.2rem;height:2.2rem;border-radius:var(--radius-full);display:grid;place-items:center;color:var(--color-text-muted);border:1px solid var(--color-border)}.csc-home .footer__social a:hover{color:var(--color-accent);border-color:var(--color-accent)}.csc-home .footer__social svg{width:1rem;height:1rem}.csc-home .theme-toggle{position:fixed;right:1.25rem;bottom:1.25rem;z-index:80;width:3rem;height:3rem;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);color:var(--color-text);display:grid;place-items:center}.csc-home .theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}.csc-home .theme-toggle svg{width:1.2rem;height:1.2rem}.csc-home .mobile-nav{position:fixed;inset:0 0 0 auto;width:min(82vw,340px);background:var(--color-bg);border-left:1px solid var(--color-divider);z-index:70;transform:translate(100%);transition:transform var(--t);padding:5.5rem var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.csc-home .mobile-nav.open{transform:translate(0)}.csc-home .mobile-nav a{font-size:var(--text-lg);padding:var(--space-3) 0;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-divider)}.csc-home .mobile-nav a:hover{color:var(--color-accent)}.csc-home .scrim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:65;opacity:0;pointer-events:none;transition:opacity var(--t)}.csc-home .scrim-overlay.open{opacity:1;pointer-events:auto}@media(max-width:1024px){.csc-home .grid,.csc-home .cats{grid-template-columns:repeat(3,1fr)}.csc-home .trust__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.csc-home .trust__item{justify-content:flex-start}}@media(max-width:860px){.csc-home .nav{display:none}.csc-home .menutoggle{display:inline-flex}.csc-home .grid{grid-template-columns:repeat(2,1fr)}.csc-home .hero__title{max-width:none}.csc-home .hero__scroll{display:none}}@media(max-width:560px){.csc-home .cats{grid-template-columns:1fr;aspect-ratio:auto}.csc-home .cat{aspect-ratio:16/10}.csc-home .footer__grid{grid-template-columns:1fr}.csc-home .card__add{opacity:1;transform:none;position:static;margin-top:var(--space-3)}.csc-home .card__media{aspect-ratio:1/1}}@media(prefers-reduced-motion:reduce){.csc-home *,.csc-home *:before,.csc-home *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/csc-homepage.css.map */