.campaign-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 76% 48%,rgba(0,139,255,.3) 0,rgba(0,83,177,.15) 29%,transparent 53%),radial-gradient(circle at 18% 100%,rgba(18,82,140,.2),transparent 33%),linear-gradient(118deg,#01060e 0%,#020d1c 48%,#031a33 100%)}
.campaign-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.42;background-image:radial-gradient(circle at 76% 16%,rgba(86,202,255,.65) 0 1px,transparent 2px),radial-gradient(circle at 65% 31%,rgba(86,202,255,.46) 0 1px,transparent 2px),radial-gradient(circle at 86% 57%,rgba(86,202,255,.38) 0 1px,transparent 2px),radial-gradient(circle at 57% 72%,rgba(86,202,255,.32) 0 1px,transparent 2px);background-size:190px 170px,250px 220px,170px 210px,230px 190px}
.campaign-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 48%,rgba(0,0,0,.06)),linear-gradient(0deg,rgba(0,0,0,.26),transparent 28%)}
.campaign-reference-art{display:none}
.campaign-hero__grid{display:grid;grid-template-columns:45% 55%;grid-template-areas:"eyebrow product" "title product" "text product" "cta product";grid-template-rows:auto auto auto auto;column-gap:20px;align-content:center;min-height:640px;padding-block:22px}
.campaign-hero__eyebrow{grid-area:eyebrow;align-self:end;margin:0 0 14px;color:#43b5ff;font-size:12px;line-height:1.45;font-weight:900;letter-spacing:.14em}
.campaign-hero__eyebrow:before{content:"✦";margin-right:8px;font-size:11px}
.campaign-hero__title{grid-area:title;margin:0;font-size:clamp(48px,4.25vw,66px);line-height:.93;letter-spacing:-.055em;font-weight:900;text-wrap:balance}
.campaign-hero__title span,.campaign-hero__title em{display:block;font-style:normal}
.campaign-hero__title em{width:max-content;max-width:100%;background:linear-gradient(100deg,#ffad37 0%,#ff7560 62%,#ff5c68 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.campaign-hero__text{grid-area:text;max-width:535px;margin:22px 0 23px;color:#c4d4e5;font-size:16px;line-height:1.62}
.campaign-hero__cta{grid-area:cta;display:inline-flex;width:min(100%,430px);min-height:84px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:13px 24px;border-radius:15px;color:#fff;background:linear-gradient(110deg,#ff8b2f 0%,#ff5a63 100%);box-shadow:0 18px 46px rgba(255,83,82,.25),inset 0 1px rgba(255,255,255,.28);transition:transform .2s ease,box-shadow .2s ease}
.campaign-hero__cta:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(255,83,82,.34),inset 0 1px rgba(255,255,255,.3)}
.campaign-hero__cta:focus-visible{outline:3px solid #79cdff;outline-offset:4px}
.campaign-hero__cta span{font-size:11px;line-height:1.3;font-weight:900;letter-spacing:.08em;text-align:center}
.campaign-hero__cta strong{font-size:31px;line-height:1;font-weight:900;letter-spacing:-.025em}
.campaign-product{grid-area:product;position:relative;align-self:stretch;min-height:605px;margin-left:-34px;margin-right:calc(-1 * max(24px,(100vw - 1180px)/2));background:url('assets/nutre-men-reference-hero-clean-v6.webp') right center/auto 100% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 100%)}
.campaign-product__aura,.campaign-product__orbit,.campaign-product__surface,.campaign-product img{display:none}
@media(max-width:1100px){.campaign-hero__grid{grid-template-columns:47% 53%;min-height:620px}.campaign-hero__title{font-size:clamp(44px,5vw,56px)}.campaign-product{min-height:575px;margin-right:-24px}.campaign-hero__text{font-size:15px}.campaign-hero__cta{max-width:390px}}
@media(max-width:820px){.campaign-hero__grid{grid-template-columns:50% 50%;column-gap:8px;min-height:590px}.campaign-hero__title{font-size:43px}.campaign-hero__text{font-size:14px;line-height:1.55}.campaign-product{min-height:545px;margin-left:-18px}.campaign-hero__cta strong{font-size:27px}}
@media(max-width:760px){.header__inner{gap:12px;justify-content:space-between}.header nav{display:none}.header .phone{display:inline-flex;margin-left:auto;padding:7px 10px;border-radius:8px;font-size:12px;box-shadow:0 8px 20px rgba(255,93,87,.2)}.header .phone span{font-size:7px}.brand{width:142px}.campaign-hero__grid{display:grid;grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "text" "product" "cta";min-height:0;width:100%;padding:26px 20px 34px;row-gap:0}.campaign-hero__eyebrow{margin:0 0 12px;font-size:10px;line-height:1.45;letter-spacing:.11em}.campaign-hero__title{font-size:clamp(38px,10.6vw,45px);line-height:.94;letter-spacing:-.05em}.campaign-hero__text{max-width:560px;margin:18px 0 10px;font-size:14px;line-height:1.55}.campaign-product{min-height:0;width:calc(100% + 40px);aspect-ratio:836/865;margin:4px -20px 8px;background:url('assets/nutre-men-reference-hero-clean-v6.webp') right center/200% auto no-repeat;-webkit-mask-image:none;mask-image:none}.campaign-hero__cta{width:100%;max-width:none;min-height:76px;margin-top:5px;border-radius:13px}.campaign-hero__cta span{font-size:10px}.campaign-hero__cta strong{font-size:29px}}
@media(max-width:430px){.campaign-hero__title{font-size:clamp(37px,10.8vw,43px)}}
@media(max-width:390px){.campaign-hero__grid{padding-inline:20px}.campaign-hero__title{font-size:clamp(35px,10.6vw,41px)}.campaign-hero__text{font-size:13.5px}.campaign-hero__cta strong{font-size:27px}}
@media(max-width:375px){.brand{width:132px}.header .phone{font-size:11px}.campaign-hero__grid{padding-top:23px}.campaign-hero__eyebrow{font-size:9px}.campaign-hero__title{font-size:38px}.campaign-hero__cta{min-height:72px}.campaign-hero__cta strong{font-size:26px}}
@media(min-width:1440px){.campaign-hero__grid{min-height:660px}.campaign-product{min-height:630px}.campaign-hero__title{font-size:66px}}
@media(prefers-reduced-motion:reduce){.campaign-hero__cta{transition:none}}