.hero-left .lede{color:#ffffffd9;font-size:20px;max-width:640px}.hero-anim .badge,.page-hero .badge,.service-hero .badge,.port-hero .badge,.cs-hero .badge,.section-dark .badge{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:6px 14px}.hero-left .lede{font-size:clamp(15px,1.6vw,18px)!important;max-width:680px}.blog-head p.lede{margin:0;color:var(--m, var(--m));font-size:17px;max-width:640px}.page-hero-inner .lede{color:#ffffffdb;font-size:18px;max-width:720px;margin:0}.service-hero-left .lede{color:#ffffffd9;font-size:18px;margin:0 0 22px}.page>section .lede{color:var(--m);font-size:17px;margin:0 0 28px;max-width:760px}.cs-hero{background:var(--grad);padding:0}.cs-hero-grid{padding:0 24px;grid-template-columns:1.3fr 1fr}.cs-hero-grid h1{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:14px 0 12px}.cs-hero-grid .lede{color:#ffffffd9;font-size:18px}.cs-hero-img{border:1px solid rgba(255,255,255,.12);border-radius:18px}@media(max-width:900px){.cs-hero-grid{grid-template-columns:1fr}}.service-hero-left .lede{color:#ffffffdb;font-size:18px;margin:0 0 22px;max-width:560px}.port-hero .lede{color:#ffffffdb;font-size:clamp(14px,1.4vw,16px)!important;line-height:1.6;margin:0 auto 28px;max-width:680px}.hero-left h1,.port-hero h1,.port-hero-inner h1,.service-hero-left h1,.page-hero-inner h1,.cs-hero-grid h1,.post-hero h1{font-size:clamp(22px,2.8vw,36px)!important;line-height:1.15!important;letter-spacing:-.4px!important}.port-hero .lede,.hero-left .lede,.section-head-center .lede,.page-hero-inner .lede,.cs-hero-grid .lede{font-size:clamp(13px,1.3vw,15px)!important;line-height:1.6!important}.cs-shot{border:0;border-radius:14px;box-shadow:0 30px 70px -22px rgba(var(--p-rgb),.55),0 0 0 1px #ffffff24}.cs-shot .chrome{padding:9px 12px}.cs-shot .dots i{border-radius:50%;background:#d3d9e3}.cs-shot .url{border-radius:5px;padding:3px 10px}.cs-shot img{width:100%;height:auto}.comment-form .btn-p{font:inherit;font-weight:600}.cs-hero{background:linear-gradient(135deg,var(--p-deep) 0%,var(--p-2) 55%,#1d4a82 100%)}.cs-hero>.container>.cs-hero-grid{padding:0}.cs-hero h1{margin:16px 0 0}.cs-hero .lede{margin:16px 0 0;max-width:54ch;color:#ffffffd6}@media(max-width:760px){.cs-hero h1{max-width:none}}.pm-head .lede{margin:14px auto 0}.vs-copy .lede{margin:14px 0 0;max-width:46ch}@media(max-width:900px){.vs-copy .lede{max-width:none}}.mt-head .lede{margin:14px auto 0}.lt-head .lede{color:#ffffffb8;margin:14px 0 0}.pa-head .lede,.hv-head .lede{margin:14px auto 0}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-hero-case.css.map */
