.collection-brand-hero{--brand-ink: rgb(var(--text-color, 20 20 20));--brand-muted: rgba(var(--text-color, 20 20 20) / .62);--brand-line: rgba(var(--text-color, 20 20 20) / .12);--brand-olive: #5c6b4a;--brand-panel: color-mix(in srgb, rgb(var(--bg-color, 255 255 255)) 94%, #3d4636 6%);--brand-ease: cubic-bezier(.22, 1, .36, 1);position:relative;padding:clamp(1.5rem,3vw,2.75rem) 0 clamp(1.25rem,2.5vw,2rem);background:linear-gradient(180deg,var(--brand-panel) 0%,rgb(var(--bg-color, 255 255 255)) 100%);color:var(--brand-ink)}.collection-brand-hero__rule{display:block;width:100%;height:1px;margin:0;border:0;background:linear-gradient(90deg,transparent 0%,var(--brand-line) 12%,var(--brand-line) 88%,transparent 100%)}.collection-brand-hero__inner{display:grid;gap:clamp(1.25rem,3vw,2.5rem);align-items:center}.collection-brand-hero__inner--with-media{grid-template-columns:1fr}.collection-brand-hero__meta{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin:0 0 .85rem;color:var(--brand-muted);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.collection-brand-hero__meta-item{display:inline-flex;align-items:center;gap:.4rem}.collection-brand-hero__meta-item:before{content:"";width:.45rem;height:.45rem;border:1px solid var(--brand-olive);border-radius:1px;transform:rotate(45deg)}.collection-brand-hero__meta-link{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .18s var(--brand-ease),color .18s var(--brand-ease)}.collection-brand-hero__meta-link:hover{color:var(--brand-ink);border-bottom-color:rgba(var(--text-color, 20 20 20) / .35)}.collection-brand-hero__logo{display:block;width:auto;max-width:min(220px,55vw);max-height:56px;margin:0 0 1rem;object-fit:contain;object-position:left center}.collection-brand-hero__title{margin:0;font-size:clamp(1.85rem,4.2vw,3rem);font-weight:700;letter-spacing:.04em;line-height:1.05;text-transform:uppercase}.collection-brand-hero__short{max-width:38rem;margin:.9rem 0 0;color:var(--brand-muted);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.55}.collection-brand-hero__short p{margin:0}.collection-brand-hero__short p+p{margin-top:.65rem}.collection-brand-hero__media{position:relative;overflow:hidden;border:1px solid var(--brand-line);border-radius:4px;background:rgba(var(--text-color, 20 20 20) / .04);aspect-ratio:16 / 10}.collection-brand-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff14;background:linear-gradient(145deg,rgba(255,255,255,.08) 0%,transparent 42%,rgba(0,0,0,.12) 100%)}.collection-brand-hero__media img{display:block;width:100%;height:100%;object-fit:cover}.collection-brand-hero__intro{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.25rem;margin-top:clamp(1.25rem,2.5vw,1.75rem);padding-top:1rem;border-top:1px solid var(--brand-line)}.collection-brand-hero__intro-label{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.collection-brand-hero__intro-count{margin:0;color:var(--brand-muted);font-size:.9rem;letter-spacing:.02em}.collection-brand-seo{padding:clamp(2rem,4vw,3.5rem) 0;border-top:1px solid rgba(var(--text-color, 20 20 20) / .1)}.collection-brand-seo__inner{max-width:48rem}.collection-brand-seo__label{margin:0 0 .85rem;color:rgba(var(--text-color, 20 20 20) / .55);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.collection-brand-seo__body{color:rgba(var(--text-color, 20 20 20) / .82);font-size:.98rem;line-height:1.7}.collection-brand-seo__body>*:first-child{margin-top:0}.collection-brand-seo__body>*:last-child{margin-bottom:0}@media(min-width:769px){.collection-brand-hero__inner--with-media{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,4vw,3.5rem)}.collection-brand-hero__logo{max-height:64px}}@media(max-width:768.98px){.collection-brand-hero{padding-top:1.15rem;padding-bottom:1rem}.collection-brand-hero__media{aspect-ratio:16 / 9;max-height:220px}.collection-brand-hero__title{font-size:clamp(1.55rem,7vw,2rem)}.collection-brand-hero__short{font-size:.92rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/collection-brand.css.map */
