:root{--site-header-h:86px;--site-header-mobile:68px;--site-max:1280px} #homePage>header,.subPage>header{ position:absolute!important;top:0;left:0;right:0;z-index:900!important; background:linear-gradient(180deg,rgba(7,20,13,.96),rgba(7,20,13,.78))!important; border-bottom:1px solid rgba(255,255,255,.12)!important; box-shadow:none!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); color:#fff!important } #homePage>header .nav,.subPage>header .nav{ height:var(--site-header-h)!important;min-height:var(--site-header-h)!important; width:min(calc(100% - 48px),var(--site-max));margin:auto;padding:0!important; border-bottom:0!important;gap:22px } #homePage>header .logo img,.subPage>header .logo img{filter:none!important;opacity:1!important} #homePage>header .husky-logo img,.subPage>header .husky-logo img{filter:none!important} #homePage>header .links,.subPage>header .links{gap:22px;align-items:center} #homePage>header .links a,.subPage>header .links a{color:#fff!important;font-size:13px;font-weight:700;white-space:nowrap} #homePage>header .links a:hover,.subPage>header .links a:hover{color:#b6ec52!important} #homePage>header .links .pill,.subPage>header .links .pill{background:#a8e83f!important;color:#0b160e!important;padding:12px 20px!important} #homePage .hero{padding-top:var(--site-header-h)} :is(#whyPage,#realizationPage) .v6-hero{padding-top:var(--site-header-h);min-height:430px;background-position:center 46%} :is(#whyPage,#realizationPage) .v6-hero-inner{min-height:344px;padding-top:18px;padding-bottom:18px} :is(#whyPage,#realizationPage) .v6-hero-copy{max-width:560px} :is(#whyPage,#realizationPage) .v6-hero h1{font-size:56px;margin-bottom:12px} :is(#whyPage,#realizationPage) .v6-hero h2{margin-bottom:7px} :is(#whyPage,#realizationPage) .v6-actions{margin-top:14px} :is(#whyPage,#realizationPage) .v6-benefit-intro{padding-top:20px;padding-bottom:18px} :is(#whyPage,#realizationPage) .v6-benefit-grid article{min-height:138px;padding-top:19px;padding-bottom:18px} :is(#whyPage,#realizationPage) .v6-flow{padding:26px 0 24px} :is(#whyPage,#realizationPage) .v6-section-head{margin-bottom:12px} :is(#whyPage,#realizationPage) .v6-photo,:is(#whyPage,#realizationPage) .v6-exhaust .v6-exhaust-icon{height:116px} :is(#whyPage,#realizationPage) .v6-result{margin-top:9px} :is(#whyPage,#realizationPage) .v6-story,:is(#whyPage,#realizationPage) .v6-story-grid{min-height:248px} :is(#whyPage,#realizationPage) .v6-story-copy{padding-top:22px;padding-bottom:21px} :is(#whyPage,#realizationPage) .v6-final{padding:18px 0} @media(max-width:1180px){ #homePage>header .nav,.subPage>header .nav{width:min(calc(100% - 32px),var(--site-max));gap:14px} #homePage>header .links,.subPage>header .links{gap:13px} #homePage>header .links a,.subPage>header .links a{font-size:11px} #homePage>header .logo img,.subPage>header .logo img{width:88px} #homePage>header .husky-logo img,.subPage>header .husky-logo img{width:136px} } @media(max-width:900px){ :root{--site-header-h:76px} #homePage>header .links a:not(.pill),.subPage>header .links a:not(.pill){display:none!important} #homePage>header .nav,.subPage>header .nav{width:min(calc(100% - 28px),var(--site-max))} :is(#whyPage,#realizationPage) .v6-hero{min-height:410px;background-position:56% center} :is(#whyPage,#realizationPage) .v6-hero-inner{min-height:334px} :is(#whyPage,#realizationPage) .v6-hero h1{font-size:50px} :is(#whyPage,#realizationPage) .v6-benefit-grid{grid-template-columns:1fr 1fr} :is(#whyPage,#realizationPage) .v6-benefit-intro{grid-column:1/-1;padding-right:0} :is(#whyPage,#realizationPage) .v6-flow-grid{grid-template-columns:1fr 1fr;gap:10px} :is(#whyPage,#realizationPage) .v6-arrow{display:none} } @media(max-width:600px){ :root{--site-header-h:68px} #homePage>header .nav,.subPage>header .nav{width:calc(100% - 22px);gap:8px} #homePage>header .brand-lockup,.subPage>header .brand-lockup{gap:7px} #homePage>header .logo img,.subPage>header .logo img{width:66px} #homePage>header .brand-sep,.subPage>header .brand-sep{height:28px} #homePage>header .husky-logo,.subPage>header .husky-logo{padding:0;background:transparent} #homePage>header .husky-logo img,.subPage>header .husky-logo img{width:108px} #homePage>header .links .pill,.subPage>header .links .pill{padding:10px 13px!important;font-size:10px!important} :is(#whyPage,#realizationPage) .v6-hero{min-height:390px;background-image:linear-gradient(90deg,rgba(8,20,14,.94),rgba(8,20,14,.72)),var(--hero);background-position:62% center} :is(#whyPage,#realizationPage) .v6-hero-inner{min-height:322px;padding-top:15px;padding-bottom:15px} :is(#whyPage,#realizationPage) .v6-hero-copy{max-width:96%} :is(#whyPage,#realizationPage) .v6-hero h1{font-size:42px;line-height:.9;margin-bottom:10px} :is(#whyPage,#realizationPage) .v6-hero h2{font-size:15px} :is(#whyPage,#realizationPage) .v6-hero p{font-size:12px} :is(#whyPage,#realizationPage) .v6-benefit-grid{grid-template-columns:1fr} :is(#whyPage,#realizationPage) .v6-benefit-grid article{min-height:auto} :is(#whyPage,#realizationPage) .v6-flow{padding:22px 0 20px} :is(#whyPage,#realizationPage) .v6-section-head h2{font-size:30px} :is(#whyPage,#realizationPage) .v6-flow-grid{grid-template-columns:1fr} :is(#whyPage,#realizationPage) .v6-photo,:is(#whyPage,#realizationPage) .v6-exhaust .v6-exhaust-icon{height:145px} :is(#whyPage,#realizationPage) .v6-story,:is(#whyPage,#realizationPage) .v6-story-grid{min-height:235px} :is(#whyPage,#realizationPage) .v6-story-copy h2{font-size:31px} }