.zoball .z-custom-work{background:var(--z-ink);color:#fff}.zoball .z-work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:42px}.zoball .z-work-heading .z-eyebrow,.zoball .z-work-design-heading .z-eyebrow{color:#b5b8ad;margin-bottom:15px}.zoball .z-work-heading>p{max-width:370px;color:#c9ccc2;font-size:15px;line-height:1.6}.zoball .z-work-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.zoball .z-work-clip{margin:0;min-width:0}.zoball .z-work-video-frame{background:#252721;aspect-ratio:9/16;max-height:570px;overflow:hidden}.zoball .z-work-clip figcaption{padding-top:20px}.zoball .z-work-clip .z-eyebrow{font-size:10px;color:#acb0a4}.zoball .z-work-clip h3{font-size:23px;letter-spacing:-.04em;margin:7px 0}.zoball .z-work-clip figcaption p{font-size:13px;color:#b5b9ad;line-height:1.5;max-width:300px}.zoball .z-work-designs{border-top:1px solid #43473d;margin-top:60px;padding-top:40px}.zoball .z-work-design-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:28px}.zoball .z-work-design-heading h3{font:700 clamp(28px,3vw,43px)/1.08 var(--z-body);letter-spacing:-.045em}.zoball .z-work-design-heading>p{font-size:14px;max-width:410px;color:#b9bdb1;line-height:1.6}.zoball .z-work-mockups{display:flex;gap:20px;list-style:none;margin:0 calc(-1 * var(--z-space)) 0 0;padding:5px var(--z-space) 18px 0;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#797f70 transparent}.zoball .z-work-mockups>li{width:280px;flex:0 0 280px;scroll-snap-align:start}.zoball .z-work-mockups figure{margin:0}.zoball .z-work-mockup-image{position:relative;background:#fff;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;padding:16px}.zoball .z-work-mockup-image img{max-width:100%;width:100%;height:100%;object-fit:contain;transition:transform .3s}.zoball .z-work-zoom-mark{position:absolute;right:12px;bottom:9px;color:#151711;font:22px var(--z-body)}.zoball .z-work-mockups figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;font-size:12px}.zoball .z-work-mockups figcaption .z-eyebrow{font-size:9px;color:#a8ad9f}.zoball .z-work-gallery-hint{font-size:11px;color:#a9ad9f;margin-top:18px}.zoball .z-work-dialog{width:min(880px,94vw);padding:25px;background:var(--z-paper)}.zoball .z-work-dialog>img{display:block;max-height:65dvh;width:100%;height:auto;object-fit:contain;background:#fff}.zoball .z-work-dialog h3{font-size:20px;margin-top:18px}.zoball .z-work-dialog>p{font-size:12px;margin-top:7px;color:var(--z-muted)}.zoball .z-work-dialog .z-dialog-top{margin-bottom:18px}.zoball .z-custom-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;background:var(--z-paper)}.zoball .z-custom-faq-intro>.z-eyebrow{margin-bottom:20px}.zoball .z-custom-faq-intro>p:not(.z-eyebrow){margin:25px 0;color:var(--z-muted);max-width:280px;font-size:15px}.zoball .z-custom-faq-items{border-top:1px solid #9ea293}.zoball .z-custom-faq-items details{border-bottom:1px solid var(--z-line)}.zoball .z-custom-faq-items summary{display:grid;grid-template-columns:24px 1fr 22px;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:23px 0;font-size:16px;line-height:1.45}.zoball .z-custom-faq-items summary::-webkit-details-marker{display:none}.zoball .z-custom-faq-items summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}.zoball .z-faq-index{font:10px var(--z-mono);color:var(--z-muted)}.zoball .z-faq-toggle{width:18px;height:18px;position:relative}.zoball .z-faq-toggle:before,.zoball .z-faq-toggle:after{content:"";position:absolute;left:2px;right:2px;top:8px;height:1px;background:currentColor}.zoball .z-faq-toggle:after{transform:rotate(90deg);transition:transform .2s}.zoball details[open] .z-faq-toggle:after{transform:rotate(0)}.zoball .z-custom-faq-answer{padding:0 32px 24px 40px;font-size:14px;color:var(--z-muted);line-height:1.65}.zoball .z-custom-faq-answer p+p{margin-top:12px}.zoball .z-custom-faq-answer a{text-decoration:underline;text-underline-offset:3px}@media(hover:hover){.zoball a.z-work-mockup-image:hover img{transform:scale(1.03)}}@media(max-width:800px){.zoball .z-work-heading,.zoball .z-work-design-heading{align-items:flex-start;flex-direction:column;gap:22px}.zoball .z-work-heading{margin-bottom:30px}.zoball .z-work-heading h2{font-size:44px}.zoball .z-work-heading>p{font-size:14px}.zoball .z-work-videos{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#797f70 transparent;margin-right:calc(-1 * var(--z-space));padding-right:var(--z-space);padding-bottom:15px}.zoball .z-work-clip{width:min(75vw,315px);flex:0 0 min(75vw,315px);scroll-snap-align:start}.zoball .z-work-video-frame{max-height:none}.zoball .z-work-clip h3{font-size:21px}.zoball .z-work-designs{margin-top:40px;padding-top:30px}.zoball .z-work-mockups>li{width:245px;flex-basis:245px}.zoball .z-custom-faq{grid-template-columns:1fr;gap:32px}.zoball .z-custom-faq h2{font-size:44px}.zoball .z-custom-faq-items summary{grid-template-columns:20px 1fr 18px;gap:12px;font-size:15px;padding:21px 0}.zoball .z-custom-faq-answer{padding-left:32px;padding-right:10px}.zoball .z-work-dialog{padding:18px}.zoball .z-work-dialog .z-eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){.zoball .z-work-mockup-image img,.zoball .z-faq-toggle:after{transition:none}.zoball a.z-work-mockup-image:hover img{transform:none}}.zoball .z-work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-top:1px solid #43473d;margin-bottom:20px}.zoball .z-work-toolbar>.z-eyebrow{font-size:10px;color:#b5b8ad;display:flex;gap:15px;flex-wrap:wrap}.zoball .z-work-controls,.zoball .z-work-navigation{display:flex;align-items:center;gap:10px}.zoball .z-work-motion{background:transparent;border:1px solid #63695c;padding:10px 15px;min-height:44px;font-size:12px;color:#fff;white-space:nowrap}.zoball .z-work-navigation button{border:1px solid #63695c;background:transparent;width:44px;height:44px;border-radius:50%;color:#fff;font-size:20px}.zoball .z-work-navigation button:disabled{opacity:.28;cursor:default}.zoball .z-work-videos{display:flex;align-items:stretch;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#6f7568 transparent;margin:0;padding:0 0 18px;scroll-padding-inline:0}.zoball .z-work-clip{flex:0 0 calc((100% - 40px)/3);width:calc((100% - 40px)/3);min-width:0;scroll-snap-align:start;background:#1a1d18;border:1px solid #3a4035;display:flex;flex-direction:column}.zoball .z-work-clip-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #3a4035;min-height:46px}.zoball .z-work-clip-label .z-eyebrow{font-size:9px;color:#c3c8bc;letter-spacing:.03em}.zoball .z-work-sound-label{font:8px var(--z-mono);color:#92998a;letter-spacing:.06em;white-space:nowrap}.zoball .z-work-video-frame{position:relative;background:#0a0c09;aspect-ratio:4/5;max-height:none;margin:0 12px;overflow:hidden}.zoball .z-work-video-frame video{display:block;width:100%;height:100%;object-fit:contain}.zoball .z-work-clip figcaption{padding:19px 18px 23px;flex:1;min-height:126px;border-top:1px solid #3a4035}.zoball .z-work-clip h3{font-size:22px;line-height:1.14;letter-spacing:-.04em;margin:0 0 11px}.zoball .z-work-clip figcaption p{font-size:12px;line-height:1.55;margin:0;color:#b7bdae}.zoball .z-work-play{position:absolute;right:12px;bottom:12px;min-height:40px;min-width:86px;border:1px solid #ffffff80;background:#111211de;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;font-size:11px;cursor:pointer}.zoball .z-work-play:hover,.zoball .z-work-motion:hover{background:#f4f4f0;color:#111211}.zoball .z-work-play .z-work-icon-pause,.zoball .z-work-play[data-playing=true] .z-work-icon-play{display:none}.zoball .z-work-play[data-playing=true] .z-work-icon-pause{display:block}.zoball .z-work-play:focus-visible{outline:2px solid #fff;outline-offset:3px}.zoball .z-work-video-hint{font-size:11px;color:#a9ad9f;margin:14px 0 0}@media(max-width:1000px){.zoball .z-work-clip{flex-basis:calc((100% - 20px)/2.35);width:calc((100% - 20px)/2.35)}.zoball .z-work-sound-label{display:none}}@media(max-width:700px){.zoball .z-work-toolbar{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:16px}.zoball .z-work-controls{width:100%;justify-content:space-between}.zoball .z-work-videos{gap:16px;margin-right:calc(-1 * var(--z-space));padding-right:var(--z-space);scroll-snap-type:x proximity}.zoball .z-work-clip{flex-basis:min(80vw,340px);width:min(80vw,340px)}.zoball .z-work-sound-label{display:block}.zoball .z-work-clip h3{font-size:21px}.zoball .z-work-clip figcaption{min-height:119px}.zoball .z-work-video-frame{margin:0 10px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/z-custom-content.css.map */