/* An editorial home with one illustration and three distinct product areas. */
.home-intro{background:#091524;padding-bottom:64px}
.home-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:44px;padding-block:86px 64px}
.home-hero-copy{position:relative;z-index:1;min-width:0}
.home-hero .eyebrow{font-size:.8125rem;letter-spacing:.07em;line-height:1.7;margin-bottom:26px;color:#71f1d1}
.home-hero h1{font-size:clamp(2.9rem,4.4vw,4.5rem);line-height:1.12;letter-spacing:-.045em;font-weight:650}
.home-hero h1 em{color:#65efc7}
.home-lede{font-size:1.125rem;line-height:1.85;color:#fff;margin-top:29px;max-width:520px}
.home-lede strong{font-weight:650}
.home-hero .actions{margin-top:34px;gap:12px 16px}
.home-hero .button{font-size:.9375rem;min-height:54px;padding:14px 20px}
.home-art{margin:0;min-width:0;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.home-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:16px}
.home-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px;padding-top:38px;border-top:1px solid #314557}
.home-overview a{display:block;min-width:0;padding-block:10px}
.home-overview strong{display:block;font-size:1.8rem;line-height:1.35;letter-spacing:-.035em;font-weight:600;color:#fff}
.home-overview span{display:block;margin-top:10px;font-size:.9375rem;line-height:1.65;color:#fff}
.home-overview a:hover strong{color:#73f6d4}
.home-section{padding-block:116px;background:#091524;scroll-margin-top:110px}
.home-energy{background:#102335}
.home-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:110px;align-items:start}
.home-section-copy .eyebrow,.home-contact .eyebrow{font-size:.8125rem;letter-spacing:.08em;line-height:1.7;margin-bottom:24px;color:#71f1d1}
.home-section h2,.home-contact h2{font-size:clamp(2.35rem,3.7vw,3.5rem);line-height:1.16;letter-spacing:-.04em}
.home-section h2 em,.home-contact h2 em{color:#75f4d1}
.home-section-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.9;max-width:500px;margin-top:28px;color:#fff}
.home-link{display:inline-flex;align-items:center;gap:25px;min-height:48px;padding-block:8px;margin-top:24px;font-size:1rem;line-height:1.55;color:#83f8d9;font-weight:600}
.home-link span{font-size:1.25rem;line-height:1}.home-link:hover{text-decoration:underline;text-underline-offset:6px}
.home-feature-list{display:grid;gap:35px;padding-top:10px}
.home-feature-list article{padding-bottom:33px;border-bottom:1px solid #345065;scroll-margin-top:110px}
.home-feature-list article:last-child{padding-bottom:0;border-bottom:0}
.home-feature-list h3,.home-delivery-grid h3{font-size:1.5rem;line-height:1.35;letter-spacing:-.025em;color:#fff}
.home-feature-list p,.home-delivery-grid p{font-size:1rem;line-height:1.9;color:#fff;margin-top:14px;max-width:440px}
.home-delivery{background:#102335}
.home-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:100px;margin-top:62px}
.home-delivery-grid article{border-top:2px solid #54dfbe;padding-top:30px;scroll-margin-top:110px}
.home-delivery-grid article:nth-child(2){border-top-color:#72c8ff}
.home-delivery-grid article:nth-child(2) .home-link{color:#9ad8ff}
.home-contact{padding-block:112px 122px;text-align:center}
.home-contact .eyebrow{justify-content:center}
.home-contact>p:not(.eyebrow){font-size:1.0625rem;line-height:1.8;margin-top:25px;color:#fff}
.home-contact>.button{margin-top:33px;min-height:54px;padding:15px 23px}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .home-hero h1{background:linear-gradient(120deg,#fff 10%,#fff 35%,#c4ffec 58%,#55efbf 95%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.08em}
  .home-hero h1 em{color:transparent;-webkit-text-fill-color:transparent}
}
@media(max-width:1100px){
  .home-hero{gap:24px;padding-block:68px 54px;grid-template-columns:1.2fr 1fr}
  .home-hero h1{font-size:clamp(2.75rem,4.7vw,3.5rem)}
  .home-hero .actions{gap:12px}.home-hero .button{padding-inline:17px;font-size:.875rem}
  .home-split{gap:65px}.home-overview{gap:35px}.home-section{padding-block:95px}
  .home-delivery-grid{gap:65px}.home-contact{padding-block:98px}
}
@media(max-width:850px){
  .home-hero{grid-template-columns:1fr;padding-top:60px;gap:22px}
  .home-hero-copy{max-width:650px}.home-hero h1{font-size:clamp(2.9rem,7.5vw,4.1rem)}
  .home-art{max-width:430px;margin-inline:auto}.home-lede{max-width:550px}
  .home-overview{gap:28px;padding-top:28px}.home-overview strong{font-size:1.55rem}.home-overview span{font-size:.875rem}
  .home-split{grid-template-columns:1fr;gap:48px}.home-section-copy{max-width:610px}
  .home-section-copy>p:not(.eyebrow){max-width:560px}.home-feature-list{gap:26px;max-width:600px}
  .home-feature-list p{max-width:550px}.home-delivery-grid{gap:45px}.home-section{padding-block:82px}
  .home-contact{padding-block:88px}
}
@media(max-width:600px){
  .home-intro{padding-bottom:48px}.home-hero{padding-block:44px 33px;gap:22px}
  .home-hero .eyebrow{font-size:.75rem;letter-spacing:.055em;margin-bottom:24px;max-width:310px}
  .home-hero h1{font-size:clamp(2.65rem,10vw,3.5rem);line-height:1.15;letter-spacing:-.045em}
  .home-hero h1 br{display:none}.home-hero h1 em{display:block}
  .home-lede{font-size:1.0625rem;line-height:1.8;margin-top:25px}.home-lede br{display:none}
  .home-hero .actions{margin-top:29px;gap:12px}.home-hero .button{width:100%;font-size:1rem;min-height:54px}
  .home-art{max-width:330px}.home-art img{border-radius:10px}
  .home-overview{grid-template-columns:1fr;gap:0;padding-top:10px}
  .home-overview a{padding-block:24px}.home-overview a+a{border-top:1px solid #2f4658}
  .home-overview strong{font-size:1.75rem}.home-overview span{font-size:1rem;margin-top:6px}
  .home-section{padding-block:72px}.home-split{gap:43px}
  .home-section-copy .eyebrow,.home-contact .eyebrow{font-size:.75rem;letter-spacing:.075em;margin-bottom:22px}
  .home-section h2,.home-contact h2{font-size:clamp(2.1rem,8.4vw,2.75rem);line-height:1.2}
  .home-section-copy>p:not(.eyebrow){font-size:1rem;line-height:1.85;margin-top:24px}
  .home-link{font-size:1rem;margin-top:21px;gap:16px}
  .home-feature-list{padding-top:0;gap:29px}.home-feature-list article{padding-bottom:28px}
  .home-feature-list h3,.home-delivery-grid h3{font-size:1.45rem}.home-feature-list p,.home-delivery-grid p{font-size:1rem;line-height:1.85}
  .home-delivery-grid{grid-template-columns:1fr;gap:44px;margin-top:43px}.home-delivery-grid article{padding-top:27px}
  .home-contact{padding-block:76px 84px;text-align:left}.home-contact .eyebrow{justify-content:flex-start}
  .home-contact>p:not(.eyebrow){font-size:1rem}.home-contact>.button{width:100%;font-size:1rem;margin-top:28px}
}
@media(forced-colors:active){.home-hero h1,.home-hero h1 em{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
