/* ==========================================================================
   99SEEDS v3 chrome – layout, palette and motion follow the reference the
   owner chose. Fonts: Instrument Sans (OFL, self-hosted), no copied assets.
   ========================================================================== */

@font-face {
	font-family: 'Instrument Sans';
	src: url('../assets/fonts/instrument-sans-var.woff2') format('woff2-variations'), url('../assets/fonts/instrument-sans-var.woff2') format('woff2');
	font-weight: 400 700; font-stretch: 75% 100%; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Rubik';
	src: url('../assets/fonts/rubik-var.woff2') format('woff2-variations'), url('../assets/fonts/rubik-var.woff2') format('woff2');
	font-weight: 300 900; font-style: normal; font-display: swap;
}

:root {
	--h-black: #000;
	--h-cyan: #24D4FE;
	--h-mint: #B2F3B3;
	--h-teal: #8ECDC1;
	--h-pink: #FCB4D9;
	--h-pink2: #FA91A2;
	--h-pink3: #FE94B8;
	--h-yellow: #FED301;
	--h-yellow2: #FFE359;
	--h-yellow3: #FFEA23;
	--h-cream: #FBEDD6;
	--h-beige: #F3EDE1;
	--h-red: #FB4328;
	--h-lime: #D0FC6D;
	--h-lilac: #D0B0E7;
	--h-blue: #65BDE6;
	--h-grey: #F5F5F5;
	/* Outer margin of the reference's container: 1600 px max with 40 px gutters, i.e. 1520 px of content. */
	--h-pad: max(calc((100vw - 1520px) / 2), 40px);
	--h-ann-h: 37px;
	--h-head-h: 115px;
	--h-font: 'Instrument Sans', 'Afacad', system-ui, sans-serif;
	--h-ease: cubic-bezier(.2, .8, .2, 1);
}
@media (max-width: 999px) { :root { --h-pad: 20px; --h-ann-h: 33px; --h-head-h: 76px; } }

body { font-family: var(--h-font); color: #000; }
/* Astra paints a flat colour over a full-size background photo; skip the hidden photo request. */
html body, html body.ast-separate-container { background-image: none; background-color: var(--ast-global-color-4); }
body h1, body h2, body h3, body h4, body .entry-title { font-family: var(--h-font); }
#simple-banner, .simple-banner { display: none !important; }

/* Display type: condensed and heavy (Instrument Sans at 75 % width, thickened). */
.h-display {
	font-family: var(--h-font) !important; font-weight: 700 !important; font-stretch: 75%; font-variation-settings: 'wdth' 75;
	-webkit-text-stroke: .03em currentColor; paint-order: stroke fill;
	letter-spacing: -.01em; line-height: 1; color: #000; margin: 0; text-transform: none;
}

/* ---------- Buttons ---------- */
.h-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 16px 32px;
	border: 0; border-radius: 99px; background: var(--h-yellow); color: #000 !important; text-decoration: none !important;
	font: 700 16px/1 var(--h-font); cursor: pointer; white-space: nowrap; text-transform: none; letter-spacing: 0; box-shadow: none; transition: box-shadow .25s ease, transform .2s var(--h-ease);
}
.h-btn:hover { box-shadow: inset 0 0 0 99px rgba(255, 255, 255, .2); }
.h-btn:active { transform: scale(.97); }
.h-btn--pink { background: var(--h-pink); }
.h-btn--mint { background: var(--h-mint); }
.h-btn--black { background: #000; color: #fff !important; }
.h-btn--black:hover { box-shadow: inset 0 0 0 99px rgba(255, 255, 255, .15); }
.h-btn--small { min-height: 40px; padding: 10px 18px; font-size: 14px; }
.h-btn--block { width: 100%; }

.h-round {
	display: grid; place-items: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; color: #000; overflow: hidden;
}
.h-round--red { background: var(--h-red); }
.h-round--white { width: 44px; height: 44px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); transition: background .2s, color .2s; }
.h-round--white:hover { background: #000; color: #fff; }
.h-round .h-arrow { width: 14px; height: 14px; }
.h-round--white .h-arrow { width: 18px; height: 18px; }
@media (pointer: fine) {
	.h-round:hover .h-arrow--right { animation: h-arrow-next .3s ease-in-out forwards; }
	.h-round:hover .h-arrow--left { animation: h-arrow-prev .3s ease-in-out forwards; }
}
@keyframes h-arrow-next { 0% { transform: none; } 50% { transform: translateX(110%); opacity: 0; } 51% { transform: translateX(-110%); opacity: 0; } 100% { transform: none; opacity: 1; } }
@keyframes h-arrow-prev { 0% { transform: none; } 50% { transform: translateX(-110%); opacity: 0; } 51% { transform: translateX(110%); opacity: 0; } 100% { transform: none; opacity: 1; } }

/* Astra paints every hovered or focused <button> orange (button:hover beats a single class), so v3 buttons restate their own colours. */
button:is(.h-ann__btn, .h-iconbtn, .h-chevbtn, .h-tab):is(:hover, :focus) { background: none; color: #000; }
button.h-pause:is(:hover, :focus) { background: none; color: #555; }
button.h-dot:is(:hover, :focus) { background: rgba(0, 0, 0, .15); }
button.h-dot.is-active:is(:hover, :focus) { background: rgba(0, 0, 0, .5); }
button.h-round--red:is(:hover, :focus) { background: var(--h-red); color: #000; }
button.h-round--white:focus { background: #fff; color: #000; }
button.h-round--white:hover { background: #000; color: #fff; }
button.h-btn:is(:hover, :focus) { background: var(--h-yellow); color: #000; }
button.h-btn--pink:is(:hover, :focus) { background: var(--h-pink); }
button.h-btn--mint:is(:hover, :focus) { background: var(--h-mint); }
button.h-btn--black:is(:hover, :focus) { background: #000; color: #fff; }

/* Five stars from one mask: --fill (set inline) paints the rated share, the rest stays at 25 %. */
.h-stars {
	--size: 15px;
	--star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.6 2.9 6 6.5.8-4.8 4.5 1.2 6.5L12 17.3l-5.8 3.1 1.2-6.5-4.8-4.5 6.5-.8Z'/%3E%3C/svg%3E");
	display: inline-block; flex: none; width: calc(var(--size) * 5 + 4px); height: var(--size); vertical-align: -2px;
	background: linear-gradient(90deg, currentColor var(--fill, 100%), color-mix(in srgb, currentColor 25%, transparent) 0);
	-webkit-mask: var(--star) 0 0 / calc(var(--size) + 1px) var(--size) repeat-x;
	mask: var(--star) 0 0 / calc(var(--size) + 1px) var(--size) repeat-x;
}

/* ---------- Announcement bar ---------- */
.h-ann {
	position: sticky; top: 0; z-index: 510; display: grid; grid-template-columns: auto minmax(0, 560px) auto; justify-content: center; align-items: center; gap: 0 60px;
	height: var(--h-ann-h); padding: 0 var(--h-pad); background: var(--h-teal); color: #000;
}
.h-ann__track { position: relative; height: 100%; }
.h-ann__track p { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; margin: 0; font-size: 16px; text-align: center; white-space: nowrap; opacity: 0; transform: translateY(6px); transition: opacity .4s ease, transform .4s ease; pointer-events: none; }
.h-ann__track p.is-on { opacity: 1; transform: none; pointer-events: auto; }
.h-ann__track a { color: #000 !important; text-decoration: underline; text-underline-offset: 3px; }
.h-ann__btn { display: grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; color: #000; }
.h-ann__btn .h-arrow { width: 16px; height: 16px; }
@media (max-width: 999px) {
	.h-ann { grid-template-columns: 24px minmax(0, 1fr) 24px; gap: 0 10px; }
	.h-ann__track p { font-size: 14.5px; }
}

/* ---------- Header ---------- */
.h-header { position: sticky; top: var(--h-ann-h); z-index: 500; background: var(--h-cream); transition: background-color .3s ease; }
.h-header--over { background: transparent; margin-bottom: calc(-1 * var(--h-head-h)); }
.h-header--over.is-solid, .h-header--over.is-open { background: var(--h-cream); }
/* Plain pages: the reference floats the header as a rounded bar inside the container. */
.h-header--contained { background: transparent; padding: 16px var(--h-pad) 0; }
.h-header--contained .h-header__inner { height: 83px; padding: 0 16px; border-radius: 16px; background: #FFF0DD; }
.h-header--contained .h-search { padding: 12px 0 0; }
@media (max-width: 999px) {
	.h-header--contained { padding: 8px 12px 0; }
	.h-header--contained .h-header__inner { height: 60px; padding: 0 12px; border-radius: 12px; }
}
.h-header__inner { display: flex; align-items: center; gap: 24px; height: var(--h-head-h); padding: 0 var(--h-pad); }
.h-logo { display: inline-flex; color: #000 !important; text-decoration: none !important; flex: none; }
/* Header size: about a quarter smaller than the base lockup. */
.h-header .h-wordmark { --wm: clamp(44px, 3.1vw, 60px); }
/* Logo: flower + "99SEEDS" in Rubik Black, white with the flower's black sticker outline (lab combo S11 · Weiß · E1 · D1 · H2).
   --wm sets the size: the flower is --wm tall, the type .6 × --wm. Letters exist twice (ink under fill) with the same --i. */
.h-wordmark { --wm: clamp(56px, 4.2vw, 80px); --h-spring: linear(0, 0.086, 0.143, 0.283, 0.361, 0.521, 0.601, 0.751, 0.819, 0.939, 1.034, 1.071, 1.128, 1.147, 1.169, 1.174, 1.171, 1.165, 1.146, 1.134, 1.107, 1.079, 1.065, 1.039, 1.028, 1.008, 0.999, 0.986, 0.981, 0.973, 0.971, 0.97, 0.971, 0.972, 0.975, 0.977, 0.982, 0.985, 0.989, 0.992, 0.996, 0.999, 1.001, 1.003, 1.004, 1.005, 1.005, 1.005, 1.005, 1.005, 1.004, 1.004, 1.003, 1.003, 1.002, 1.001, 1.001, 1, 1, 1, 1); display: inline-flex; align-items: center; gap: calc(var(--wm) * .1); }
.h-wordmark__mark { flex: none; width: var(--wm); height: var(--wm); --m-ease: var(--h-spring); }
.h-wm { position: relative; display: inline-block; padding: .12em .1em; white-space: nowrap; font: 900 calc(var(--wm) * .6) / 1 'Rubik', var(--h-font); letter-spacing: .01em; }
.h-wm__ink, .h-wm__fill { display: block; }
.h-wm__ink { position: absolute; inset: .12em .1em; color: #050607; -webkit-text-stroke: .11em #050607; }
.h-wm__fill { position: relative; color: #fff; }
/* The hover wave is a Web Animation on `translate` (seeds-v3.js), so it never touches the CSS entrance animation. */
.h-wm .l { display: inline-block; }
.h-wordmark--enter .h-wm .l { animation: h-wm-rise .6s var(--h-spring) both; animation-delay: calc(.55s + var(--i) * .055s); }
@keyframes h-wm-rise { from { opacity: 0; transform: translateY(.55em); } }
.h-nav { flex: 1; }
/* Desktop: logo left, menu centred on the page, tools right. */
@media (min-width: 1000px) {
	.h-header__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
	.h-header__inner > .h-logo { justify-self: start; }
	.h-header__inner > .h-nav { justify-self: center; }
	.h-header__inner > .h-tools { justify-self: end; margin-left: 0; }
}
.h-nav > ul { display: flex; align-items: center; gap: 24px; list-style: none; margin: 0; padding: 0; }
.h-nav__item { position: relative; }
.h-nav__item > a, .h-nav__item > button {
	display: inline-flex; align-items: center; gap: 4px; padding: 10px 0; border: 0; background: none; cursor: pointer;
	font: 700 14px/1 var(--h-font); color: #000 !important; text-decoration: none !important; text-transform: none; letter-spacing: 0;
}
.h-nav__item > a { background-image: linear-gradient(#000, #000); background-size: 0 2px; background-repeat: no-repeat; background-position: 0 calc(100% - 4px); transition: background-size .3s var(--h-ease); }
.h-nav__item > a:hover { background-size: 100% 2px; }
.h-chev { width: 11px; height: 11px; transition: transform .25s ease; }
.h-nav__item.is-open .h-chev, .h-nav__item:hover .h-chev { transform: rotate(180deg); }
.h-drop {
	position: absolute; top: 100%; left: -24px; min-width: 240px; padding: 18px 24px; border-radius: 0 0 14px 14px; background: var(--h-cream);
	box-shadow: 0 14px 30px rgba(0, 0, 0, .08); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .2s ease, transform .2s ease, visibility 0s .2s;
}
.h-nav__item:hover .h-drop, .h-nav__item.is-open .h-drop { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.h-drop ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.h-drop a { font-size: 15px; color: #000 !important; text-decoration: none !important; background-image: linear-gradient(#000, #000); background-size: 0 1.5px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size .3s var(--h-ease); }
.h-drop a:hover { background-size: 100% 1.5px; }
.h-tools { display: flex; align-items: center; gap: 16px; margin-left: auto; }
.h-iconbtn { position: relative; display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; background: none; color: #000 !important; cursor: pointer; }
.h-iconbtn svg { width: 22px; height: 22px; }
.h-cart__count {
	position: absolute; top: -4px; right: -6px; display: grid; place-items: center; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 99px;
	background: #000; color: #fff; font: 700 10px/1 var(--h-font);
}
.h-cart.is-bumped .h-cart__count { animation: h-bump .5s var(--h-ease); }
.h-cart__count[data-count="0"] { background: transparent; color: #000; border: 1.5px solid #000; }
@keyframes h-bump { 40% { transform: scale(1.5); } }
.h-burger { display: none; gap: 4px; align-content: center; }
.h-burger span:not(.screen-reader-text) { display: block; width: 18px; height: 2px; background: #000; border-radius: 2px; }
.h-search { padding: 0 var(--h-pad) 18px; }
.h-search__inner { max-width: 640px; margin: 0 auto; }
.h-search .dgwt-wcas-sf-wrapp { border-radius: 99px !important; border: 2px solid #000 !important; background: #fff !important; padding: 0 !important; }
.h-search .dgwt-wcas-search-input { height: 48px !important; border: 0 !important; border-radius: 99px !important; padding-left: 48px !important; background: transparent !important; font: 16px var(--h-font) !important; }
.h-search .dgwt-wcas-ico-magnifier { left: 18px !important; }
.h-search .dgwt-wcas-search-submit { display: none !important; }
@media (max-width: 1100px) { .h-nav > ul { gap: 16px; } .h-mail { display: none; } }
@media (max-width: 999px) {
	.h-header__inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; }
	.h-nav, .h-account, .h-mail { display: none; }
	.h-burger { display: grid; justify-self: start; }
	.h-logo { justify-self: center; }
	.h-tools { justify-self: end; gap: 12px; }
	.h-header .h-wordmark { --wm: 34px; }
}

/* ---------- Drawer ---------- */
.h-drawer {
	position: fixed; inset: 0 auto 0 0; width: min(420px, 92vw); height: 100dvh; max-height: none; margin: 0; padding: 0 var(--h-pad) 28px; border: 0;
	background: var(--h-cream); color: #000; overflow-y: auto; transform: translateX(-100%); transition: transform .35s var(--h-ease);
}
.h-drawer[open] { transform: none; }
.h-drawer.is-closing { transform: translateX(-100%); }
.h-drawer::backdrop { background: rgba(0, 0, 0, .35); }
.h-drawer__head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: var(--h-head-h); }
.h-drawer__list { list-style: none; margin: 8px 0 24px; padding: 0; }
.h-drawer__list > li { border-bottom: 1px solid rgba(0, 0, 0, .12); }
.h-drawer__list a, .h-drawer__list summary { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; font: 700 20px/1.1 var(--h-font); color: #000 !important; text-decoration: none !important; cursor: pointer; list-style: none; }
.h-drawer__list summary::-webkit-details-marker { display: none; }
.h-drawer__list details[open] .h-chev { transform: rotate(180deg); }
.h-drawer__list details ul { list-style: none; margin: 0 0 12px; padding: 0 0 0 4px; }
.h-drawer__list details a { padding: 9px 0; font: 400 16px var(--h-font); }
.h-drawer__account { width: 100%; }

/* ---------- Toast (add to cart) ---------- */
.h-toast {
	position: fixed; z-index: 1000; right: 20px; top: calc(var(--h-ann-h) + var(--h-head-h) + 10px); display: flex; align-items: center; gap: 14px;
	max-width: min(400px, calc(100vw - 40px)); padding: 14px 16px; border-radius: 14px; background: #fff; box-shadow: 0 16px 40px rgba(0, 0, 0, .14); animation: h-toast .35s var(--h-ease);
}
.h-toast[hidden] { display: none; }
.h-toast p { margin: 0; line-height: 1.3; }
.h-toast p span { display: block; color: #555; font-size: 14px; }
@keyframes h-toast { from { opacity: 0; transform: translateY(-10px); } }

/* ---------- Checker separator ---------- */
.h-checker { height: 40px; background: repeating-conic-gradient(#000 0 25%, #fff 0 50%) 0 0 / 40px 40px; }
@media (max-width: 999px) { .h-checker { height: 25px; background-size: 25px 25px; } }

/* ---------- Footer ---------- */
.h-footer { background: var(--h-pink); color: #000; margin: 0 !important; }
.h-footer a { color: #000 !important; text-decoration: none !important; }
/* Reference grid: brand 218 / menus 446 / club 684, spread across the container. */
.h-footer__inner { display: grid; grid-template-columns: minmax(0, 218px) minmax(0, 446px) minmax(0, 684px); justify-content: space-between; gap: 40px 24px; align-items: start; padding: 72px var(--h-pad) 50px; }
.h-footer__logo { display: inline-block; margin-bottom: 24px; }
.h-wordmark--badge { --wm: 44px; padding: 8px 18px 8px 10px; border: 3px solid #000; border-radius: 99px; background: var(--h-yellow2); transform: rotate(-6deg); }
.h-footer__title { margin: 0 0 19px; font: 700 18px/1.32 var(--h-font); }
.h-footer__social { display: flex; flex-wrap: wrap; margin-bottom: 26px; }
.h-footer__social a { display: grid; place-items: center; width: 55px; height: 55px; border: 1.5px solid #000; margin: 0 -1.5px -1.5px 0; transition: background .2s; }
.h-footer__social a:hover { background: rgba(255, 255, 255, .4); }
.h-footer__social svg { width: 20px; height: 20px; }
.h-footer__pay { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.h-footer__pay li { padding: 5px 8px; border-radius: 4px; background: #fff; font-size: 11px; font-weight: 700; }
.h-footer__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 223px)); gap: 40px 0; }
.h-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.h-footer__col a { font-size: 16px; line-height: 22px; background-image: linear-gradient(#000, #000); background-size: 0 1.5px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size .3s var(--h-ease); }
.h-footer__col a:hover { background-size: 100% 1.5px; }
.h-club { min-height: 500px; padding: 60px 30px 30px; border: 3px solid #000; background: var(--h-yellow2); }
.h-club__head { display: flex; align-items: center; gap: 0; margin-bottom: 16px; }
.h-club__art { width: 123px; height: auto; flex: none; }
.h-club__title { margin: 0; font: 700 clamp(34px, 4.4vw, 60px)/1.3 var(--h-font); font-stretch: 75%; -webkit-text-stroke: .03em #000; }
.h-club input[type=email] { width: 100%; height: 50px; margin: 0 0 16px; padding: 0 18px; border: 1.5px solid #000 !important; border-radius: 8px !important; background: #fff !important; font: 16px var(--h-font); color: #000; }
.h-club__fine { margin: 16px 20px 0; font-size: 11px; line-height: 1.45; text-align: center; }
.h-club__fine a { text-decoration: underline !important; }
.h-footer__legal { margin: 0; padding: 0 var(--h-pad) 26px; font-size: 13px; }
.h-bigtext { display: flex; align-items: center; justify-content: center; padding: 41px 20px; background: var(--h-cream); }
.h-bigtext p { margin: 0; padding: 0 35px; text-align: center; font: 700 clamp(40px, 7vw, 110px)/.85 var(--h-font); font-stretch: 75%; -webkit-text-stroke: .03em #000; text-transform: uppercase; letter-spacing: -.01em; }
.h-bigtext__icon { flex: none; width: clamp(50px, 7.5vw, 120px); height: auto; }
@media (max-width: 999px) {
	.h-footer__inner { grid-template-columns: 1fr; padding-top: 0; gap: 30px; }
	.h-club { order: -1; min-height: 0; margin: 0 calc(-1 * var(--h-pad)); padding: 24px var(--h-pad); border: 0; }
	.h-club__head { justify-content: center; }
	.h-club__art { width: 77px; }
	.h-club__title { font-size: 30px; }
	.h-bigtext { padding: 20px; }
	.h-bigtext p { padding: 0 12px; font-size: 45.8px; }
	.h-footer__cols { grid-template-columns: 1fr 1fr; gap: 26px 16px; }
	.h-footer__brand { display: grid; }
	.h-footer__logo { order: -1; }
}

/* ---------- Reveal on scroll ---------- */
.h-motion [data-reveal] { opacity: 0; transform: translateY(60px); }
.h-motion [data-reveal].is-in { opacity: 1; transform: none; transition: opacity .6s ease, transform .6s ease; }
.h-motion [data-reveal-lines] .h-lines { display: inline-flex; align-items: center; gap: inherit; clip-path: inset(0 0 100% 0); transform: translateY(40%); }
.h-motion [data-reveal-lines].is-in .h-lines { clip-path: inset(-10% -5% -25% -5%); transform: none; transition: clip-path .8s cubic-bezier(.3, .9, .3, 1), transform .8s cubic-bezier(.3, .9, .3, 1); }

/* ---------- Cookie banner and age gate in the same look ---------- */
body .cmplz-cookiebanner {
	border: 0 !important; border-radius: 14px !important; background: var(--h-yellow3) !important; box-shadow: 0 20px 50px rgba(0, 0, 0, .25) !important;
	font-family: var(--h-font) !important; color: #000 !important;
}
body .cmplz-cookiebanner .cmplz-title { font-family: var(--h-font) !important; font-weight: 700 !important; }
body .cmplz-cookiebanner .cmplz-message { color: #000 !important; }
body .cmplz-cookiebanner .cmplz-btn { border: 0 !important; border-radius: 99px !important; box-shadow: none !important; background: #fff !important; color: #000 !important; font: 700 15px/1 var(--h-font) !important; }
body .cmplz-cookiebanner .cmplz-btn.cmplz-accept { background: #000 !important; color: #fff !important; }
body .cmplz-cookiebanner .cmplz-links a { color: #000 !important; }
.age-gate { border: 0 !important; border-radius: 20px !important; background: var(--h-yellow3) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, .3) !important; font-family: var(--h-font) !important; }
.age-gate__headline { font-family: var(--h-font) !important; font-stretch: 75%; -webkit-text-stroke: .03em #000; font-size: clamp(2.4rem, 1.8rem + 2vw, 3.2rem) !important; }
.s-ag-eyebrow { color: #000; }
.age-gate__subheadline { color: #000 !important; }
.age-gate__submit { border: 0 !important; box-shadow: none !important; font-family: var(--h-font) !important; }
.age-gate__submit--yes { background: #000 !important; color: #fff !important; }
.age-gate__submit--yes:hover { transform: none; box-shadow: inset 0 0 0 99px rgba(255, 255, 255, .15); }
.age-gate__submit--no { background: #fff !important; }
.age-gate__remember { color: #000; }
.age-gate__remember-field { accent-color: #000; }

@media (prefers-reduced-motion: reduce) {
	.h-wm .l { animation: none !important; }
	.h-motion [data-reveal], .h-motion [data-reveal-lines] .h-lines { opacity: 1; transform: none; clip-path: none; }
}