.oc-hero{position:relative;background:#fff;overflow:hidden}.oc-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.oc-hero>.page-width{position:relative;z-index:1}.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(23px,2.9vw,38px);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,#00000029,#0000 34%)}.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:6px;padding:14px 16px 16px;z-index:1;background:#ffffffc7;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}@supports not (backdrop-filter: blur(1px)){.oc-hero-card__content{background:#fffffff2}}.oc-hero-card--sale .oc-hero-card__content{border-top:2px solid var(--oc-red, #e2000f)}.oc-hero-card--new .oc-hero-card__content{border-top:2px solid var(--oc-blue, #0077c8)}.oc-hero-card__cat{font-family:var(--oc-ui-font, inherit);font-weight:700;font-size:19px;line-height:1.25;color:var(--oc-ink, #181818);word-break:keep-all}.oc-hero-card__copy{font-size:12.5px;line-height:1.5;color:var(--oc-muted, #6e6e6e);word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oc-hero-card__btn{align-self:flex-start;margin-top:6px;padding:7px 15px;border-radius:999px;font-family:var(--oc-ui-font, inherit);font-weight:700;font-size:12.5px;color:#fff;font-variant-numeric:tabular-nums}.oc-hero-card--sale .oc-hero-card__btn{background:var(--oc-red, #e2000f)}.oc-hero-card--new .oc-hero-card__btn{background:var(--oc-blue, #0077c8)}@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/37/assets/component-hero-oc.css.map */