.zk-use-cases{overflow:hidden;background:var(--zk-surface-light);color:var(--zk-text-dark)}.zk-use-cases__intro{max-width:820px;margin-bottom:var(--zk-space-8)}.zk-use-cases__eyebrow{margin:0 0 var(--zk-space-4);color:var(--zk-blue);font-family:var(--font-body-family);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.zk-use-cases__heading{max-width:760px;margin:0;color:var(--zk-text-dark);font-family:var(--font-heading-family);font-size:clamp(36px,9vw,54px);font-weight:700;line-height:.98;letter-spacing:-.045em}.zk-use-cases__body{max-width:560px;margin-top:var(--zk-space-5);color:var(--zk-text-dark-muted);font-size:15px;line-height:1.65}.zk-use-cases__body p{margin:0}.zk-use-cases__mosaic{display:grid;grid-template-columns:1fr;gap:var(--zk-space-4)}.zk-use-cases__tile{min-width:0}.zk-use-cases__media{position:relative;overflow:hidden;min-height:360px;border-radius:var(--zk-radius-lg);background:var(--zk-surface);isolation:isolate}.zk-use-cases__tile--feature .zk-use-cases__media{min-height:500px}.zk-use-cases__tile--wide .zk-use-cases__media{min-height:420px}.zk-use-cases__image,.zk-use-cases__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.zk-use-cases__image{display:block;object-fit:cover;transform:scale(1);transition:transform .85s var(--zk-ease-out)}.zk-use-cases__placeholder{display:grid;place-items:center;color:#ffffff47;background:var(--zk-surface)}.zk-use-cases__placeholder svg{width:62%;height:auto}.zk-use-cases__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07090d0d 15%,#07090d38 48%,#07090dc7)}.zk-use-cases__content{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:var(--zk-space-5);color:var(--zk-white);transition:transform .42s var(--zk-ease-standard)}.zk-use-cases__label{display:block;margin-bottom:var(--zk-space-3);color:#ffffffb8;font-family:var(--font-body-family);font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.zk-use-cases__title{max-width:520px;margin:0;color:var(--zk-white);font-family:var(--font-heading-family);font-size:clamp(26px,7vw,40px);font-weight:700;line-height:1;letter-spacing:-.04em}.zk-use-cases__text{max-width:480px;margin:var(--zk-space-3) 0 0;color:#ffffffc2;font-size:13px;line-height:1.55}@media(hover:hover)and (pointer:fine){.zk-use-cases__tile:hover .zk-use-cases__image{transform:scale(1.035)}.zk-use-cases__tile:hover .zk-use-cases__content{transform:translateY(-4px)}}@media screen and (min-width:750px){.zk-use-cases__intro{max-width:900px;margin-bottom:var(--zk-space-9)}.zk-use-cases__heading{max-width:820px;font-size:clamp(48px,6.5vw,72px)}.zk-use-cases__body{max-width:600px;margin-top:var(--zk-space-6);font-size:16px}.zk-use-cases__mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--zk-space-5)}.zk-use-cases__tile--feature,.zk-use-cases__tile--wide{grid-column:1 / -1}.zk-use-cases__media{min-height:420px}.zk-use-cases__tile--feature .zk-use-cases__media{min-height:560px}.zk-use-cases__tile--wide .zk-use-cases__media{min-height:460px}.zk-use-cases__content{padding:var(--zk-space-6)}.zk-use-cases__title{font-size:clamp(30px,4vw,46px)}.zk-use-cases__text{font-size:14px}}@media screen and (min-width:990px){.zk-use-cases__intro{display:block;max-width:940px;margin-bottom:clamp(56px,6vw,88px)}.zk-use-cases__heading{max-width:900px;font-size:clamp(58px,5vw,80px)}.zk-use-cases__body{max-width:580px;margin-top:var(--zk-space-6);padding-bottom:0}.zk-use-cases__mosaic{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"feature standard-one" "feature standard-two" "wide wide";gap:var(--zk-space-5)}.zk-use-cases__tile:nth-child(1){grid-area:feature}.zk-use-cases__tile:nth-child(2){grid-area:standard-one}.zk-use-cases__tile:nth-child(3){grid-area:standard-two}.zk-use-cases__tile:nth-child(4){grid-area:wide}.zk-use-cases__tile--feature .zk-use-cases__media{min-height:100%;height:100%}.zk-use-cases__tile:nth-child(2) .zk-use-cases__media,.zk-use-cases__tile:nth-child(3) .zk-use-cases__media{min-height:360px}.zk-use-cases__tile--wide .zk-use-cases__media{min-height:480px}.zk-use-cases__content{padding:var(--zk-space-7)}.zk-use-cases__tile--feature .zk-use-cases__title{max-width:620px;font-size:clamp(44px,4vw,64px)}.zk-use-cases__tile--wide .zk-use-cases__title{max-width:700px;font-size:clamp(38px,3.5vw,54px)}}@media screen and (min-width:1400px){.zk-use-cases__intro{max-width:980px}.zk-use-cases__heading{max-width:940px}.zk-use-cases__tile:nth-child(2) .zk-use-cases__media,.zk-use-cases__tile:nth-child(3) .zk-use-cases__media{min-height:390px}.zk-use-cases__tile--wide .zk-use-cases__media{min-height:520px}}@media(prefers-reduced-motion:reduce){.zk-use-cases__image,.zk-use-cases__content{transition:none}.zk-use-cases__tile:hover .zk-use-cases__image,.zk-use-cases__tile:hover .zk-use-cases__content{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/zerokit-use-cases.css.map */