/* Elementor-free brand pages. Shares tokens and product cards with arte-product.css. */
.ab{font-family:"DM Sans",sans-serif}

/* hero: full-bleed image or looping video, no copy on it */
.ab-hero{position:relative;min-height:clamp(560px,42vw,680px);overflow:hidden;background:#111}
/* `.woocommerce img{height:auto}` (0,1,1) would stop the image filling the hero, so these are kept above it. */
.ab .ab-hero picture,.ab .ab-hero .ab-hero__media{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.ab .ab-hero .ab-hero__media{display:block;object-fit:cover;object-position:var(--ab-pos,50% 50%)}
@media(max-width:767px){.ab .ab-hero .ab-hero__media{object-position:var(--ab-pos-m,var(--ab-pos,50% 50%))}}
.ab-hero--bare{display:grid;place-items:center;min-height:260px}
.ab-hero .ab-hero__title{margin:0;color:#fff;font:500 clamp(2rem,1.4rem + 2vw,3rem)/1.1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:767px){.ab-hero{min-height:min(75svh,640px)}.ab-hero--bare{min-height:200px}}

/* headings: outrank Elementor's kit h2 (32px/600) */
.ap h2.ab-heading{margin:0 0 24px;font-size:clamp(1.375rem,1.1rem + .8vw,1.75rem);font-weight:500;line-height:1.3;letter-spacing:.005em;text-wrap:balance}
.ap h2.ab-heading--center{text-align:center;margin-bottom:32px}

/* story */
.ap.ab-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(3rem,7vw,6rem)}
.ab-story--text{grid-template-columns:minmax(0,760px);justify-content:center}
.ab-story__text p{margin:0 0 1.1em;font-size:16px;line-height:1.8;color:#333}
.ab-story__text p:last-child{margin-bottom:0}
.ab-story__image img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover}
@media(max-width:991px){.ap.ab-story{grid-template-columns:1fr;gap:2rem}.ab-story--text{grid-template-columns:1fr}}

/* products */
.ap.ab-products{padding-top:clamp(2rem,5vw,4rem);background:linear-gradient(var(--ap-line),var(--ap-line)) center top/calc(100% - 40px) 1px no-repeat}
@media(max-width:991px){.ap.ab-products{background-size:calc(100% - 32px) 1px}}
.ab-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 36px}
.ap .ab-filter a{padding:9px 18px;background:#f1f1f1;color:var(--ap-ink);font-size:13px;letter-spacing:.06em;text-decoration:none;transition:background .2s,color .2s}
.ap .ab-filter a:hover,.ap .ab-filter a:focus{background:#e2e2e2;color:var(--ap-ink);text-decoration:none}
.ap .ab-filter a[aria-current]{background:#111;color:#fff}
@media(max-width:767px){.ab-filter{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.ab-filter::-webkit-scrollbar{display:none}.ap .ab-filter a{flex:none}}
.ab-grid:not([hidden]){padding-top:0}
.ab-empty{text-align:center;padding:48px 0;color:var(--ap-muted)}
.ab-products.is-loading .ab-grid{opacity:.45;transition:opacity .2s}