.zl{--zl-gutter: clamp(1.25rem, 5vw, 3.5rem);--zl-max: 1240px;--zl-fg-70: color-mix(in srgb, var(--zl-fg) 70%, transparent);--zl-fg-45: color-mix(in srgb, var(--zl-fg) 45%, transparent);--zl-fg-12: color-mix(in srgb, var(--zl-fg) 12%, transparent);--zl-rule: 1px dashed var(--zl-fg-45);position:relative;display:block;background:var(--zl-bg);color:var(--zl-fg);font-family:var(--font-body--family);font-synthesis-weight:none}.zl *,.zl *:before,.zl *:after{box-sizing:border-box}:where(.zl) :where(p,h2,h3,ul,ol,figure,blockquote){margin:0}:where(.zl) :where(ul,ol){padding:0;list-style:none}.zl-wrap{position:relative;z-index:2;max-width:var(--zl-max);margin-inline:auto;padding-inline:var(--zl-gutter)}.zl-micro{font-size:.6875rem;font-weight:700;letter-spacing:.22em;line-height:1;text-transform:uppercase}.zl-eyebrow{--zl-eyebrow-accent: var(--zl-lime);display:inline-flex;align-items:center;gap:.5rem;color:var(--zl-eyebrow-accent);margin-bottom:clamp(.875rem,2vw,1.25rem)}.zl:not(.zl--dark) .zl-eyebrow{background:var(--zl-eyebrow-accent);color:var(--zl-on-accent);padding:.45em .75em}.zl--brand .zl-eyebrow,.zl--lime .zl-eyebrow,.zl--yellow .zl-eyebrow{background:var(--zl-fg);color:var(--zl-bg)}.zl-eyebrow__burst{width:.75rem;height:.75rem;flex:0 0 auto}.zl-h2{font-size:clamp(2rem,6.4vw,4rem);font-weight:900;letter-spacing:-.04em;line-height:.92;text-transform:uppercase;text-wrap:balance;max-width:18ch}.zl-h3{font-size:clamp(1.125rem,2.2vw,1.5rem);font-weight:900;letter-spacing:-.02em;line-height:1.05;text-transform:uppercase}.zl-accent{color:var(--zl-pink)}.zl-lede{font-size:clamp(1rem,1.7vw,1.1875rem);font-weight:500;line-height:1.5;max-width:54ch;color:var(--zl-fg-70);text-wrap:pretty;margin-top:clamp(1rem,2.4vw,1.5rem)}.zl-note{font-size:.75rem;line-height:1.5;letter-spacing:.02em;color:var(--zl-fg-70)}.zl-head{margin-bottom:clamp(2rem,5vw,3.25rem)}.zl-head--center{text-align:center}.zl-head--center .zl-h2,.zl-head--center .zl-lede{margin-inline:auto}.page-wrapper:has(.zl){overflow-x:clip}.zl-burst{position:absolute;z-index:1;pointer-events:none;transform-origin:50% 50%}.zl-burst--tr{color:var(--zl-lime);width:clamp(120px,17vw,220px);top:-6%;right:-6%}.zl-burst--bl{color:var(--zl-yellow);width:clamp(110px,15vw,195px);bottom:-7%;left:-6%}.zl-burst--ml{color:var(--zl-blue);width:clamp(90px,12vw,160px);top:46%;left:-5%}.zl-burst--mr{color:var(--zl-pink);width:clamp(90px,12vw,165px);top:38%;right:-4%}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.zl-burst{animation:zl-turn linear both;animation-timeline:view(block);animation-range:cover 0% cover 100%}.zl-burst--br,.zl-burst--ml{animation-name:zl-turn-reverse}.zl-burst--tr{animation-name:zl-turn-wide}.zl-burst--bl{animation-name:zl-turn-reverse-wide}.zl-burst--mr{animation-name:zl-turn-slight}}.zl-mark-float{animation:zl-float 7s ease-in-out infinite}.zl-mark-float:nth-of-type(2n){animation-duration:9s;animation-delay:-3s}}@keyframes zl-turn{0%{rotate:0deg}to{rotate:180deg}}@keyframes zl-turn-reverse{0%{rotate:0deg}to{rotate:-140deg}}@keyframes zl-turn-wide{0%{rotate:-30deg}to{rotate:210deg}}@keyframes zl-turn-reverse-wide{0%{rotate:25deg}to{rotate:-215deg}}@keyframes zl-turn-slight{0%{rotate:-12deg}to{rotate:68deg}}@keyframes zl-float{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -.18em;rotate:12deg}}.zl-burst--tl{color:var(--zl-pink);width:clamp(140px,20vw,260px);top:-4%;left:-7%}.zl-burst--br{color:var(--zl-blue);width:clamp(110px,15vw,200px);bottom:-6%;right:-5%}.zl-mark{width:1.375rem;height:1.375rem;flex:0 0 auto}.zl-mark--yes{color:var(--zl-mark)}.zl--dark .zl-mark--yes{color:var(--zl-lime)}.zl-mark--no{color:var(--zl-fg-45)}.zl-panel{border:2px solid var(--zl-fg);background:var(--zl-bg)}.zl-panel__cap{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.125rem;background:var(--zl-pink);color:var(--zl-black)}.zl-panel__cap-burst{width:.875rem;height:.875rem;flex:0 0 auto}.zl-panel__body{padding:clamp(1.125rem,3vw,1.75rem)}.zl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:var(--minimum-touch-target, 44px);padding:1rem 2rem;border:2px solid var(--zl-lime);border-radius:0;background:var(--zl-lime);color:var(--zl-black);font-family:inherit;font-size:1rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer}.zl-btn:hover{background:var(--zl-white);border-color:var(--zl-white);color:var(--zl-black)}.zl-btn:focus-visible{outline:2px solid var(--zl-fg);outline-offset:3px}.zl-btn[disabled]{opacity:var(--disabled-opacity, .5);cursor:not-allowed}.zl-grid{display:grid;gap:clamp(.75rem,2vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}@media screen and (max-width:749px){.zl-burst--tl{width:120px;left:-12%}.zl-burst--br{width:96px;right:-10%}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/zoet-landing.css.map */