.brand-hero{position:relative;color:var(--brand-hero-text, #1d1d1d);width:100vw;max-width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;display:grid;grid-template-columns:minmax(0,1fr)}.brand-hero:before{content:"";grid-area:1 / 1;align-self:start;aspect-ratio:8 / 3;min-height:var(--brand-hero-min-height, 560px);max-height:900px;pointer-events:none}#MainContent:has(>.shopify-section:first-child .brand-hero){padding-top:0}.brand-hero__media{grid-area:1 / 1;position:relative;overflow:hidden;background:#e8e4dd}.brand-hero__layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease}.brand-hero__layer.is-active{opacity:1;z-index:1}.brand-hero__media{isolation:isolate}.brand-hero__overlay,.brand-hero__caption{z-index:2}@media(prefers-reduced-motion:reduce){.brand-hero__layer{transition:none}}.brand-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.brand-hero--panel-right .brand-hero__image{object-position:left center}.brand-hero--panel-left .brand-hero__image{object-position:right center}.brand-hero__image--mobile{display:none}.brand-hero__placeholder,.brand-hero__placeholder-svg{width:100%;height:100%;display:block}.brand-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.brand-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.brand-hero__caption{position:absolute;left:clamp(20px,4vw,64px);bottom:clamp(20px,4vw,56px);margin:0;max-width:40%;font-size:clamp(1.4rem,3vw,2.6rem);line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.35);pointer-events:none}.brand-hero__panel{grid-area:1 / 1;position:relative;z-index:1;width:38%;min-width:380px;max-width:560px;display:flex;align-items:center;background:var(--brand-hero-panel-bg, #f4f1ec);font-family:Montserrat,Helvetica,Arial,sans-serif}.brand-hero--panel-right .brand-hero__panel{justify-self:end}.brand-hero--panel-left .brand-hero__panel{justify-self:start}.brand-hero--fade .brand-hero__panel:before{content:"";position:absolute;top:0;bottom:0;width:clamp(80px,11vw,220px);pointer-events:none}.brand-hero--fade.brand-hero--panel-right .brand-hero__panel:before{right:100%;background:linear-gradient(to right,transparent,var(--brand-hero-panel-bg, #f4f1ec))}.brand-hero--fade.brand-hero--panel-left .brand-hero__panel:before{left:100%;background:linear-gradient(to left,transparent,var(--brand-hero-panel-bg, #f4f1ec))}.brand-hero__panel-inner{position:relative;width:100%;padding:clamp(24px,3vw,48px)}.brand-hero__logo{display:block;width:auto;height:auto;margin-bottom:18px}.brand-hero__eyebrow{margin:0 0 10px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.brand-hero__heading{margin:0 0 16px;font-size:clamp(1.9rem,2.8vw,2.9rem);font-weight:800;line-height:1.05;letter-spacing:-.01em}.brand-hero__text{margin:0 0 20px;font-size:.98rem;line-height:1.6;opacity:.85}.brand-hero__text p{margin:0 0 8px}.brand-hero__price{margin:0 0 18px;font-size:1.6rem;font-weight:800}.brand-hero__option{margin-bottom:18px}.brand-hero__option-label{margin:0 0 10px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.brand-hero__option-label strong{font-weight:700}.brand-hero__option-value{font-weight:400;opacity:.75}.brand-hero__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.brand-hero__swatch{all:unset;cursor:pointer;width:2.3rem;height:2.3rem;border-radius:999px;display:inline-grid;place-items:center;position:relative}.brand-hero__swatch-inner{width:1.7rem;height:1.7rem;border-radius:999px;background:#e5e5e5;background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.18);box-shadow:none;box-sizing:border-box;transition:box-shadow .15s ease;position:relative;overflow:hidden}.brand-hero__swatch.is-selected .brand-hero__swatch-inner,.brand-hero__swatch:hover .brand-hero__swatch-inner,.brand-hero__swatch:focus-visible .brand-hero__swatch-inner{box-shadow:0 0 0 2px #c9cdd3}.brand-hero__swatch:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px);padding:6px 10px;border-radius:999px;background:#111;color:#fff;font-size:12px;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:6}.brand-hero__swatch:before{content:"";position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%) translateY(4px) rotate(45deg);width:10px;height:10px;background:#111;border-radius:2px;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:5}.brand-hero__swatch:hover:after,.brand-hero__swatch:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.brand-hero__swatch:hover:before,.brand-hero__swatch:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0) rotate(45deg)}.brand-hero__swatch[data-tooltip=""]:before,.brand-hero__swatch[data-tooltip=""]:after{display:none}@media(hover:none),(max-width:768px){.brand-hero__swatch:before,.brand-hero__swatch:after{display:none}}.brand-hero__sizes{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.brand-hero__size{min-width:38px;height:38px;padding:0 8px;border:1px solid rgba(0,0,0,.2);border-radius:2px;background:#fff;color:inherit;font-family:inherit;font-size:.85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.brand-hero__size:hover:not(:disabled){border-color:currentColor}.brand-hero__size.is-selected{background:var(--brand-hero-text, #1d1d1d);border-color:var(--brand-hero-text, #1d1d1d);color:#fff;font-weight:600}.brand-hero__size:disabled{opacity:.32;cursor:not-allowed;text-decoration:line-through}.brand-hero__size-guide{display:inline-flex;align-items:center;gap:6px;margin-left:6px;font-size:.82rem;color:inherit;text-decoration:none;white-space:nowrap}.brand-hero__size-guide span{text-decoration:underline;text-underline-offset:3px}.brand-hero__size-guide:hover span{text-decoration-thickness:2px}.brand-hero__add{display:block;width:100%;margin-top:8px;padding:16px 20px;border:0;border-radius:6px;background:var(--brand-hero-button-bg, #3f7d3f);color:var(--brand-hero-button-text, #fff);font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .15s ease}.brand-hero__add:hover{opacity:.9}.brand-hero__add:disabled{opacity:.5;cursor:not-allowed}.brand-hero__form-note{margin:8px 0 0;font-size:.8rem;min-height:1em;opacity:.8}.brand-hero__footnote{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:.85rem}.brand-hero__footnote svg{flex:0 0 auto}.brand-hero__footnote strong{font-weight:700}@media(max-width:900px){.brand-hero{grid-template-rows:auto auto}.brand-hero:before{aspect-ratio:4 / 3;min-height:0;max-height:none}.brand-hero__image--desktop{display:none}.brand-hero__image--mobile{display:block}.brand-hero--panel-right .brand-hero__image,.brand-hero--panel-left .brand-hero__image{object-position:center}.brand-hero--panel-right .brand-hero__panel,.brand-hero--panel-left .brand-hero__panel{grid-area:2 / 1;justify-self:stretch;width:auto;min-width:0;max-width:none}.brand-hero--fade .brand-hero__panel:before{display:none}.brand-hero__panel-inner{padding:24px var(--page-margin, 20px) 32px}.brand-hero__caption{max-width:70%;font-size:clamp(1.2rem,6vw,1.8rem)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/brand-hero-product.css.map */