html[data-shop]{--primary-foreground:#fff;--secondary:#e8f2f2;--secondary-foreground:#18352f;--accent:#e8f2f2;--accent-foreground:#18352f;--brand-footer:#9dcaca;--radius:.375rem;--color-primary-600:var(--primary);--color-primary-200:#9dcaca}html[data-shop=terpentijn]{--primary:#2f6f60;--ring:#2f6f60;--brand-paper:#f4f6f2;--brand-ink:#18352f}html[data-shop=bvz]{--primary:#d70000;--ring:#d70000;--brand-paper:#f5f7f8;--brand-ink:#252525}html[data-shop] .store-header{border-top:5px solid var(--brand-ink);height:6.5rem}.brand-header-logo{object-fit:contain;width:auto;max-width:240px;height:4.25rem}html[data-shop=bvz] .brand-header-logo{height:5rem}.brand-hero{background:var(--brand-paper);grid-template-columns:45% 55%;display:grid}.brand-hero-copy{align-self:center;padding:clamp(2rem,5vw,5.5rem)}.brand-eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:650;line-height:1.7}.brand-hero h1{color:var(--brand-ink);letter-spacing:-.045em;text-wrap:balance;max-width:12ch;margin-top:1.5rem;font-size:clamp(2.5rem,4.2vw,4.75rem);font-weight:550;line-height:1.05}.brand-hero-description{color:#46524d;max-width:36ch;margin-top:1.5rem;font-size:1rem;line-height:1.8}.brand-hero-signature{color:var(--brand-ink);margin-top:2rem;font-size:.75rem}.brand-hero-image{min-height:31rem;position:relative;overflow:hidden}html[data-shop=terpentijn] .brand-hero-image img{object-position:55% center}html[data-shop=bvz] .brand-hero-image img{object-position:center}.brand-intro-strip{background:var(--brand-footer);color:#18352f;letter-spacing:.02em;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.1rem 2rem;font-size:.75rem;display:flex}.brand-footer{background:var(--brand-footer);color:#18352f;isolation:isolate}.brand-footer a:hover{text-underline-offset:4px;text-decoration:underline}.brand-footer-logo{object-fit:contain;mix-blend-mode:multiply;width:auto;max-width:220px;height:4rem}html[data-shop=bvz] .brand-footer-logo{height:5.5rem}@media (max-width:767px){html[data-shop] .store-header{height:5.5rem}.brand-header-logo{width:150px;max-width:36vw;height:auto}html[data-shop=bvz] .brand-header-logo{width:auto;max-width:30vw;height:4rem}.brand-hero{grid-template-columns:1fr}.brand-hero-copy{padding:2.5rem 1.5rem}.brand-hero h1{max-width:15ch;margin-top:1rem;font-size:2.8rem}.brand-hero-image{min-height:15rem}.brand-intro-strip{gap:.5rem 1.5rem;padding:1rem 1.5rem}}html[data-shop] .brand-categories{max-width:1440px;margin:0 auto;padding:64px 32px 40px}html[data-shop] .brand-categories-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}html[data-shop] .brand-categories-heading h2{letter-spacing:-.035em;margin-top:8px;font-size:clamp(1.6rem,2.4vw,2.25rem);font-weight:600}html[data-shop] .brand-categories-heading>a{white-space:nowrap;text-underline-offset:5px;align-items:center;gap:8px;font-size:14px;text-decoration:underline;display:flex}html[data-shop] .brand-category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}html[data-shop] .brand-category-card{min-width:0}html[data-shop] .brand-category-image{aspect-ratio:1.4;background:var(--brand-paper);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}html[data-shop] .brand-category-image img{transition:transform .2s}html[data-shop] .brand-category-card:hover img{transform:scale(1.035)}html[data-shop] .brand-category-card>span{margin-top:14px;font-size:16px;font-weight:500;line-height:1.4;display:block}html[data-shop] .brand-category-card:focus-visible{outline:2px solid var(--primary);outline-offset:6px;border-radius:12px}@media (max-width:1023px){html[data-shop] .brand-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:639px){html[data-shop] .brand-categories{padding:40px 20px 24px}html[data-shop] .brand-categories-heading{flex-direction:column;align-items:start;gap:16px}html[data-shop] .brand-category-grid{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;margin:-6px;padding:6px 6px 18px;overflow-x:auto}html[data-shop] .brand-category-card{scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){html[data-shop] .brand-category-image img{transition:none}}