.m-vision-hero{position:relative;overflow:hidden}.m-vision-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,#f8fafc,#fff)}.m-vision-hero__grid{display:grid;gap:40px;align-items:center}@media(min-width:1024px){.m-vision-hero__grid{grid-template-columns:5fr 7fr}}.m-vision-hero__badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;padding:4px 12px;font-size:12px;font-weight:600;color:#334155}.m-vision-hero__badge-dot{width:8px;height:8px;border-radius:999px;background:#2563eb}.m-vision-hero__heading{margin:16px 0 0;font-size:40px;font-weight:600;letter-spacing:-.025em;line-height:1.1}@media(min-width:640px){.m-vision-hero__heading{font-size:48px}}.m-vision-hero__lead{margin:16px 0 0;font-size:16px;line-height:1.75;color:#475569;max-width:36em}.m-vision-hero__actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.m-vision-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:16px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}.m-vision-hero__btn--primary{background:#0f172a;color:#fff;border:1px solid #0f172a}.m-vision-hero__btn--primary:hover{background:#1e293b}.m-vision-hero__btn--ghost{background:transparent;color:#0f172a;border:1px solid #cbd5e1}.m-vision-hero__btn--ghost:hover{background:#f8fafc}.m-vision-hero__pillars{margin-top:24px;display:grid;gap:12px}@media(min-width:640px){.m-vision-hero__pillars{grid-template-columns:repeat(3,1fr)}}.m-vision-hero__pillar{border-radius:16px;border:1px solid #e2e8f0;background:#fff;padding:16px;box-shadow:0 12px 30px #0f172a14}.m-vision-hero__pillar-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.m-vision-hero__pillar-title{margin-top:4px;font-size:14px;font-weight:600}.m-vision-hero__pillar-desc{margin-top:8px;font-size:12px;color:#475569}.m-vision-hero__tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.m-vision-hero__tag{padding:4px 12px;border-radius:999px;background:#f1f5f9;font-size:12px;color:#475569}.m-vision-hero__mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(min-width:640px){.m-vision-hero__mosaic{gap:16px}}.m-vision-hero__tile{position:relative;overflow:hidden;border-radius:24px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px #0000001a;display:block;text-align:left;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.m-vision-hero__tile:hover{transform:translateY(-2px);box-shadow:0 18px 50px #0f172a1a}.m-vision-hero__tile--wide{grid-column:span 2}.m-vision-hero__tile-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .3s}.m-vision-hero__tile:hover .m-vision-hero__tile-img{transform:scale(1.02)}.m-vision-hero__tile--wide .m-vision-hero__tile-img{aspect-ratio:16/7}.m-vision-hero__tile-overlay{position:absolute;inset-x:0;bottom:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.m-vision-hero__tile-title{font-size:14px;font-weight:600;color:#fff}.m-vision-hero__tile-sub{font-size:12px;color:#fffc}.m-vision-hero__tip{margin-top:12px;font-size:12px;color:#64748b}.m-vision-hero__tile-ctas{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.m-vision-hero__tile-btn{padding:10px 18px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;line-height:1}.m-vision-hero__tile-btn--primary{background:#00bfd8;color:#fff;border:1px solid #00bfd8}.m-vision-hero__tile-btn--primary:hover{background:#00a8bf;border-color:#00a8bf;color:#fff}.m-vision-hero__tile-btn--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.85)}.m-vision-hero__tile-btn--secondary:hover{background:#ffffff1f;color:#fff}.vs-mosaic .m-vision-hero:before{display:none}.vs-mosaic .m-vision-hero__grid{grid-template-columns:1fr!important;gap:0}.vs-mosaic .m-vision-hero__grid>div:first-child:empty,.vs-mosaic .m-vision-hero__grid>div:first-child:not(:has(*:not(:empty))){display:none}.vs-mosaic .m-vision-hero__mosaic{gap:16px}.vs-mosaic .m-vision-hero__tile{border-radius:0;border:none;box-shadow:none}.vs-mosaic .m-vision-hero__tile-img{aspect-ratio:4 / 3}.vs-mosaic .m-vision-hero__tile--wide .m-vision-hero__tile-img{aspect-ratio:16 / 6}.vs-mosaic .m-vision-hero__tile-overlay{background:none;padding:24px 24px 22px}.vs-mosaic .m-vision-hero__tile-title{font-size:26px;font-weight:700;line-height:1.15;margin:0;color:#fff}.vs-mosaic .m-vision-hero__tile-sub{font-size:14px;color:#ffffffeb;margin:6px 0 0;line-height:1.4;font-weight:400}@media(max-width:768px){.vs-mosaic .m-vision-hero__tile-title{font-size:20px}.vs-mosaic .m-vision-hero__tile-sub{font-size:13px}.vs-mosaic .m-vision-hero__tile-btn{padding:8px 14px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vision-hero-mosaic.css.map */