.oc-hero{background:#f3f2f0}.oc-hero__intro{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:28px}@media screen and (min-width:750px){.oc-hero__intro{grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:36px}}.oc-hero__logo{display:block;height:30px;width:auto}.oc-hero__logo-text{font-family:var(--oc-ui-font, inherit);font-weight:800;font-size:26px;letter-spacing:.02em;color:var(--oc-ink, #181818)}.oc-hero__tagline{margin:0;font-family:var(--oc-ui-font, inherit);font-weight:700;font-size:clamp(21px,2.6vw,32px);line-height:1.3;color:var(--oc-ink, #181818);word-break:keep-all}.oc-hero__aside{display:flex;flex-direction:column;align-items:flex-start;gap:14px}@media screen and (min-width:750px){.oc-hero__aside{align-items:flex-end;text-align:right}}.oc-hero__count{margin:0;font-family:var(--oc-ui-font, inherit);font-size:14px;color:var(--oc-muted, #888)}.oc-hero__count-num{font-family:var(--oc-mono-font, monospace);font-weight:700;font-size:20px;color:var(--oc-ink, #181818);margin:0 2px;font-variant-numeric:tabular-nums}.oc-hero__cta{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:#fff;border:1px solid #e2e2e2;border-radius:999px;font-family:var(--oc-ui-font, inherit);font-weight:600;font-size:14px;color:var(--oc-ink, #181818);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.oc-hero__cta:hover{border-color:#c9c9c9;box-shadow:0 4px 14px #0f172a14;transform:translateY(-1px)}.oc-hero__cta-arrow{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.oc-hero__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}.oc-hero__card-item{margin:0;padding:0}.oc-hero-card{position:relative;display:block;height:100%;aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;background:#e9e9e9;text-decoration:none;color:#fff;box-shadow:0 2px 10px #0f172a14;transition:box-shadow .22s ease,transform .22s ease}.oc-hero-card:hover,.oc-hero-card:focus-visible{box-shadow:0 14px 32px #0f172a33;transform:translateY(-3px)}.oc-hero-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.oc-hero-card:hover .oc-hero-card__img{transform:scale(1.06)}.oc-hero-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#000000b8,#00000052 32%,#0000 58%)}.oc-hero-card__top{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.oc-hero-card__badge{padding:4px 11px;border-radius:999px;font-family:var(--oc-ui-font, inherit);font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff;box-shadow:0 1px 4px #00000040}.oc-hero-card__badge--sale{background:var(--oc-red, #e2000f)}.oc-hero-card__badge--new{background:var(--oc-blue, #009af0)}.oc-hero-card__disc{padding:4px 10px;border-radius:999px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--oc-mono-font, monospace);font-size:12px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.oc-hero-card__content{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:7px;padding:16px;z-index:1}.oc-hero-card__cat{font-family:var(--oc-ui-font, inherit);font-weight:700;font-size:19px;line-height:1.25;color:#fff;word-break:keep-all;text-shadow:0 1px 3px rgba(0,0,0,.18)}.oc-hero-card__copy{font-size:13px;line-height:1.5;color:#ffffffe0;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.18)}.oc-hero-card__btn{align-self:flex-start;margin-top:6px;padding:8px 16px;border-radius:999px;background:#fff;font-family:var(--oc-ui-font, inherit);font-weight:700;font-size:13px;color:var(--oc-ink, #181818);font-variant-numeric:tabular-nums}@media screen and (max-width:749px){.oc-hero__cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:68%;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}.oc-hero__cards::-webkit-scrollbar{display:none}.oc-hero__card-item{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-hero-oc.css.map */