.hero-variant{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:#233329;margin-bottom:56px}.variant-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.hero-variant::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,24,20,.88),rgba(10,24,20,.62) 52%,rgba(10,24,20,.08))}.hero-variant .home-hero-copy{position:relative;padding:64px 48px 40px;max-width:none;color:white}.hero-variant .hero-eyebrow{font-size:13px;letter-spacing:.13em;font-weight:700;color:#f0f3ed;margin:0 0 20px}.hero-variant h1{max-width:760px;margin:0!important;color:white}.hero-variant .hero-intro{color:#f0f3ed;font-size:19px;line-height:1.6;max-width:560px;margin:24px 0 32px}.hero-variant .portfolio-hero{margin:0;max-width:none;box-shadow:0 12px 35px #0002;border-radius:12px;padding:24px;display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(110px,.65fr) minmax(190px,1fr);gap:16px 24px;align-items:end}.hero-variant .portfolio-hero legend{font-size:16px;margin:0 0 10px;font-weight:600}.hero-variant .portfolio-billing{display:block;margin:0}.hero-variant .portfolio-billing label{display:block;font-size:16px;font-weight:600;margin-bottom:10px}.hero-variant .portfolio-billing select{width:100%;height:48px;border-color:#b9c1c9;border-radius:7px}.hero-variant .portfolio-hero .button{margin:0;min-height:48px;gap:12px;font-size:16px;white-space:nowrap}.hero-variant .portfolio-choice span{font-size:18px;font-weight:600;min-height:48px}.hero-variant .portfolio-choice input:checked+span{background:#eaf1ff;color:#1645a3;border:2px solid #2563eb;box-shadow:inset 0 -3px #2563eb}.hero-variant .portfolio-hero p.portfolio-help{grid-column:1/-1;margin:0;color:#52565d;font-size:14px}.hero-variant .portfolio-hero :focus-visible{outline:3px solid #151515;outline-offset:3px}.hero-variant .portfolio-choice input:focus-visible+span{outline:3px solid #151515;outline-offset:3px}
.variant-b{display:grid;grid-template-columns:1.05fr 1fr;background:#f0f2ee;border:1px solid #e1e5de}.variant-b::before{display:none}.variant-b .variant-image{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:0;min-height:640px;object-position:67% center}.variant-b .home-hero-copy{grid-column:1;grid-row:1;padding:48px 36px;color:#171717}.variant-b .hero-eyebrow{color:#535b54}.variant-b h1{color:#171717;font-size:clamp(2rem,3.6vw,3.1rem)!important}.variant-b .hero-intro{color:#4a534c;font-size:18px;margin:22px 0 28px}.variant-b .portfolio-hero{padding:0;background:transparent;box-shadow:none;grid-template-columns:1fr;gap:18px}.variant-b .portfolio-billing{display:flex;align-items:center;justify-content:space-between}.variant-b .portfolio-billing label{margin:0}.variant-b .portfolio-billing select{width:160px}.variant-b .portfolio-hero .button{width:100%;margin-top:4px}.variant-b .portfolio-hero p.portfolio-help{text-align:center}.variant-b .portfolio-hero legend{font-size:17px}
.variant-c::before{background:linear-gradient(90deg,rgba(9,23,19,.95),rgba(9,23,19,.76) 57%,rgba(9,23,19,.1))}.variant-c .home-hero-copy{padding:64px 48px;max-width:740px}.variant-c .hero-intro{margin-bottom:30px}.variant-c .portfolio-hero{background:transparent;box-shadow:none;padding:0;grid-template-columns:1fr;gap:24px;color:white}.variant-c .portfolio-hero legend{color:white;font-size:16px}.variant-c .portfolio-choice span{min-height:70px;font-size:26px;border-color:#a6b5ac;background:#ffffff0d;color:white}.variant-c .portfolio-choice input:checked+span{background:white;color:#151f19;border-color:white;box-shadow:inset 0 -4px #2563eb}.variant-c .portfolio-billing{display:flex;gap:18px;align-items:center}.variant-c .portfolio-billing label{color:white;margin:0}.variant-c .portfolio-billing select{width:170px}.variant-c .portfolio-hero .button{max-width:320px;min-height:54px}.variant-c .portfolio-hero p.portfolio-help{color:#e1e8e2}.variant-c .portfolio-choice input:focus-visible+span{outline-color:#fff;outline-offset:5px}
@media(max-width:950px) and (min-width:761px){.variant-a .portfolio-hero{grid-template-columns:1.4fr .8fr}.variant-a .portfolio-hero .button{grid-column:1/-1}.variant-b .home-hero-copy{padding:36px 25px}.variant-b h1{font-size:36px!important}}
@media(max-width:760px){.hero-variant{border-radius:14px;display:flex;flex-direction:column;margin-bottom:40px}.hero-variant .variant-image{position:relative;inset:auto;height:220px;min-height:0;object-position:center;order:0;z-index:0}.hero-variant::before{display:none}.hero-variant .home-hero-copy{order:1;padding:28px 22px 30px;max-width:none}.hero-variant h1,.variant-b h1{font-size:34px!important;line-height:1.12!important}.hero-variant .hero-eyebrow{font-size:12px;margin-bottom:16px}.hero-variant .hero-intro{font-size:17px;margin:18px 0 26px}.desktop-break{display:none}.hero-variant .portfolio-hero{padding:20px;grid-template-columns:minmax(0,1fr);gap:18px}.hero-variant .portfolio-hero legend{font-size:16px;line-height:1.4}.hero-variant .portfolio-billing{display:flex;align-items:center;justify-content:space-between}.hero-variant .portfolio-billing label{margin:0}.hero-variant .portfolio-billing select{width:140px}.hero-variant .portfolio-hero .button{white-space:normal;max-width:none;width:100%}.hero-variant .portfolio-hero p.portfolio-help{font-size:14px}.variant-b .portfolio-hero,.variant-c .portfolio-hero{padding:0}.variant-c .portfolio-choice span{min-height:60px}.variant-c{background:#182a22}.variant-b .variant-image{height:220px}.variant-b .home-hero-copy{padding:28px 22px}.hero-variant .portfolio-choices{gap:6px}.hero-variant .portfolio-choice span{min-width:0}}
@media(max-width:360px){.hero-variant .home-hero-copy{padding:25px 16px}.hero-variant .portfolio-hero{padding:16px}.variant-b .portfolio-hero,.variant-c .portfolio-hero{padding:0}.hero-variant h1,.variant-b h1{font-size:30px!important}}

.hero-variant.variant-a .portfolio-hero{margin-top:24px}