.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);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:600;color:#fff;font-size:12px;padding:6px 14px}.hero-anim .badge:before,.page-hero .badge:before,.service-hero .badge:before,.port-hero .badge:before,.cs-hero .badge:before,.section-dark .badge:before{color:#7fd45a}.hero-left .lede{font-size:clamp(15px,1.6vw,18px)!important;max-width:680px;margin:0 0 26px!important}.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-grid .lede{color:#ffffffd9;font-size:18px}.ps{font-size:12px;color:var(--m)}.service-hero-left .lede{color:#ffffffdb;font-size:18px;margin:0 0 22px;max-width:560px}.port-hero{position:relative;background:linear-gradient(135deg,var(--p) 0%,#1a2c52 50%,var(--p-3) 100%);color:#fff;overflow:hidden;padding:0;border-bottom:1px solid rgba(255,255,255,.05)}.port-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.85}.port-hero-bg:before,.port-hero-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);animation:float 14s ease-in-out infinite}.port-hero-bg:before{width:520px;height:520px;background:radial-gradient(circle,rgba(var(--a-rgb),.55) 0%,transparent 70%);top:-160px;left:-100px}.port-hero-bg:after{width:600px;height:600px;background:radial-gradient(circle,rgba(91,157,220,.45) 0%,transparent 70%);bottom:-200px;right:-120px;animation-delay:-7s}.port-hero-mesh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 20% 30%,rgba(var(--a-rgb),.18) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(91,157,220,.18) 0%,transparent 40%)}.port-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:64px 24px 56px;text-align:center}.port-hero .eyebrow{background:#ffffff24;color:#ffd4b8;border:1px solid rgba(255,255,255,.18);font-size:11px;letter-spacing:.7px;padding:5px 12px}.port-hero h1{color:#fff;font-size:clamp(28px,3.6vw,44px)!important;line-height:1.12!important;letter-spacing:-.5px;font-weight:800;margin:12px auto 14px;max-width:820px}.port-hero h1 em{font-style:normal;color:var(--a)}.port-hero .lede{color:#ffffffdb;font-size:clamp(14px,1.4vw,16px)!important;line-height:1.6;margin:0 auto 28px;max-width:680px}.port-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:720px;margin:0 auto;padding:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.port-stats .ps{text-align:center}.port-stats .ps strong{display:block;font-size:22px;color:var(--a);font-weight:800;line-height:1;letter-spacing:-.3px;font-feature-settings:"tnum"}.port-stats .ps span{display:block;font-size:11px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.7px;margin-top:5px;font-weight:600}@media(max-width:900px){.port-hero-inner{padding:56px 20px 48px}.port-stats{grid-template-columns:1fr 1fr;gap:18px}}@media(max-width:520px){.port-stats{grid-template-columns:1fr;gap:16px}}.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}.hero-fit .service-hero-left .lede{font-size:clamp(15px,1.35vw,17px)!important;line-height:1.55;margin:0 0 20px!important;max-width:52ch}.cs-hero .lede{margin:16px 0 0;max-width:54ch;color:#ffffffd6}.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}[dir=rtl] .port-hero-bg:before{right:-100px;left:auto}[dir=rtl] .port-hero-bg:after{left:-120px;right:auto}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-hero-portfolio.css.map */