@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/wow/SpaceGrotesk.ttf") format("truetype");
  font-weight: 300 700;
  font-display: swap;
}
:root {
  --w-ink: #12231d;
  --w-dark: #14251e;
  --w-lime: #d5f56a;
  --w-paper: #f2f1e9;
  --w-gray: #616c61;
  --w-line: #d4d7cb;
  --w-gap: clamp(22px, 4.5vw, 80px);
  --w-font: "Space Grotesk", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0; font: 15px/1.5 var(--w-font); background: var(--w-paper); color: var(--w-ink); -webkit-font-smoothing: antialiased; }
body.w-dialog-open { overflow: hidden; }
h1, h2, h3, p { margin: 0; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; color: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
a, button, input { outline-offset: 5px; }
:focus-visible { outline: 2px solid #719622; }
.w-header :focus-visible, .w-footer :focus-visible, .w-hero :focus-visible { outline-color: var(--w-lime); }
::selection { color: var(--w-ink); background: var(--w-lime); }
.w-shell { width: min(100% - var(--w-gap) * 2, 1520px); margin-inline: auto; }
.p-icon { width: 22px; height: 22px; flex-shrink: 0; vertical-align: middle; }
.w-skip { position: absolute; left: 20px; top: -100px; z-index: 100; padding: 15px 24px; background: var(--w-lime); }
.w-skip:focus { top: 20px; }
.w-review { display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #203329; color: #c1cebc; padding: 5px var(--w-gap); font-size: 9px; letter-spacing: .025em; }
.w-review a { display: flex; align-items: center; gap: 12px; }
.w-review .p-icon { width: 12px; height: 12px; }
.w-header { background: var(--w-dark); color: var(--w-paper); position: relative; z-index: 10; }
.w-header-inner { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 32px; border-bottom: 1px solid #435348; }
.w-logo { display: inline-flex; gap: 10px; align-items: center; }
.w-logo img { width: 35px; height: 31px; object-fit: contain; filter: brightness(0) invert(1); }
.w-logo > span { font-size: 32px; font-weight: 600; letter-spacing: -.085em; line-height: 1; }
.w-logo-dot { color: var(--w-lime); }
.w-desktop-nav { display: flex; align-items: center; gap: 35px; font-size: 12px; }
.w-desktop-nav button { padding: 10px 0; border: 0; background: none; font-size: 12px; }
.w-desktop-nav button span { margin-left: 16px; font-size: 16px; }
.w-desktop-nav a:hover, .w-header-contact:hover { color: var(--w-lime); }
.w-header-actions { display: flex; gap: 30px; align-items: center; }
.w-header-contact { display: flex; gap: 18px; align-items: center; font-size: 12px; }
.w-header-contact .p-icon { width: 18px; height: 18px; }
.w-menu-toggle { display: none; align-items: center; gap: 12px; background: none; border: 0; padding: 10px 0; font-size: 12px; }
.w-eyebrow { font-size: 10px; letter-spacing: .09em; font-weight: 500; }
.w-hero { background: var(--w-dark); color: var(--w-paper); overflow: clip; }
.w-hero-stage { position: relative; height: clamp(700px, calc(100svh - 114px), 900px); isolation: isolate; }
.w-hero-topline { position: relative; display: flex; justify-content: space-between; gap: 24px; padding-top: 28px; font-size: 9px; letter-spacing: .045em; color: #b8c4b2; }
.w-hero-topline > span { display: flex; align-items: center; gap: 10px; }
.w-hero-topline .p-icon { width: 14px; height: 14px; }
.w-hero-topline i { width: 5px; height: 5px; background: var(--w-lime); border-radius: 50%; }
.w-hero h1 { position: absolute; left: -.009em; right: 0; top: 70px; display: flex; gap: .14em; z-index: 3; pointer-events: none; font-size: clamp(130px, 14.5vw, 240px); font-weight: 600; line-height: .9; letter-spacing: -.085em; }
.w-hero h1 > span { display: block; position: relative; z-index: 3; }
.w-hero h1 > .w-hero-second { color: var(--w-lime); z-index: 3; white-space: nowrap; margin-top: 0; }
.w-title-dot { color: var(--w-lime); }
.w-hero-art { position: absolute; top: 190px; left: 23%; width: 72%; max-width: 960px; z-index: 2; pointer-events: none; }
.w-hero-art img { width: 100%; transform: rotate(-8deg); filter: drop-shadow(0 22px 26px #07120b2b); }
.w-hero-description { position: absolute; left: 0; bottom: 101px; z-index: 4; }
.w-hero-description .w-eyebrow { color: #a9b9a2; font-size: 8px; }
.w-hero-description p { font-size: 23px; line-height: 1.24; letter-spacing: -.035em; margin-top: 16px; }
.w-hero-description small { display: block; color: #a9b9a2; font-size: 10px; line-height: 1.65; margin-top: 16px; }
.w-hero-cta { position: absolute; right: 14px; bottom: 95px; display: flex; align-items: center; justify-content: space-between; gap: 35px; width: 178px; height: 178px; padding: 34px; border-radius: 50%; background: var(--w-lime); color: var(--w-ink); z-index: 5; transition: transform .25s; }
.w-hero-cta > span { font-size: 20px; line-height: 1.15; font-weight: 500; letter-spacing: -.04em; }
.w-hero-cta .p-icon { width: 33px; height: 33px; }
.w-hero-cta:hover { transform: rotate(-7deg); }
.w-scroll { position: absolute; bottom: 30px; left: 0; display: flex; align-items: center; gap: 28px; font-size: 8px; letter-spacing: .07em; }
.w-scroll > span:last-child { font-size: 19px; }
.w-hero-folio { position: absolute; bottom: 35px; right: 0; color: #a9b9a2; font-size: 8px; letter-spacing: .05em; }
.w-proof-strip { background: var(--w-lime); }
.w-proof-strip .w-shell { display: flex; align-items: center; justify-content: space-between; gap: 26px; padding-block: 24px; }
.w-proof-strip span { display: flex; align-items: center; gap: 44px; font-size: 11px; font-weight: 500; }
.w-proof-strip b { font-size: 30px; line-height: 1; font-weight: 400; }
.w-universe { padding-top: 80px; padding-bottom: 77px; }
.w-section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; margin-bottom: 24px; }
.w-section-head p { font-size: 12px; line-height: 1.7; }
.w-section-head > a { display: inline-flex; align-items: center; gap: 16px; font-size: 11px; }
.w-section-head .p-icon { width: 17px; height: 17px; }
.w-universe > h2 { font-size: clamp(52px, 7.6vw, 110px); line-height: .95; font-weight: 500; letter-spacing: -.07em; margin-bottom: 56px; }
.w-universe > h2 span { color: #75826b; }
.w-editorial-grid { display: grid; grid-template-columns: 1.6fr 1fr; column-gap: 60px; row-gap: 75px; }
.w-product { min-width: 0; }
.w-product-image { position: relative; display: block; overflow: hidden; background: #dfdfd1; }
.w-product-image img { width: 100%; object-fit: cover; transition: transform .6s; }
.w-product-image:hover img { transform: scale(1.035); }
.w-product-tag { position: absolute; top: 21px; left: 23px; font-size: 8px; color: var(--w-ink); letter-spacing: .07em; }
.w-round-arrow { position: absolute; display: grid; place-items: center; width: 47px; height: 47px; border-radius: 50%; bottom: 24px; right: 24px; background: var(--w-paper); }
.w-round-arrow .p-icon { width: 21px; height: 21px; }
.w-product-image:hover .w-round-arrow { background: var(--w-lime); }
.w-product-publication .w-product-image img { aspect-ratio: 1.34; }
.w-product-copy { padding-top: 27px; }
.w-product-copy h3 { font-size: clamp(35px, 4vw, 60px); font-weight: 500; line-height: 1.05; letter-spacing: -.07em; }
.w-product-copy p { margin-top: 15px; color: var(--w-gray); font-size: 12px; line-height: 1.7; }
.w-product-links { display: flex; align-items: center; gap: 26px; margin-top: 21px; flex-wrap: wrap; }
.w-product-links a, .w-underlink { display: inline-flex; align-items: center; gap: 14px; font-size: 11px; border-bottom: 1px solid currentColor; padding-bottom: 5px; }
.w-product-links .p-icon, .w-underlink .p-icon { width: 15px; height: 15px; }
.w-product-cards { padding-top: 117px; }
.w-product-overline { display: flex; justify-content: space-between; gap: 15px; font-size: 7px; letter-spacing: .075em; margin-bottom: 15px; }
.w-product-cards .w-product-image img { aspect-ratio: .9; object-position: 56% center; }
.w-product-cards h3 { font-size: 73px; letter-spacing: -.065em; }
.w-product-cards .w-underlink { margin-top: 21px; }
.w-product-campaign { grid-column: 1 / -1; }
.w-product-campaign .w-product-image img { aspect-ratio: 2.35; object-position: center 58%; }
.w-campaign-caption { display: grid; grid-template-columns: 1fr .8fr 1fr; align-items: center; gap: 28px; margin-top: 27px; }
.w-campaign-caption h3 { font-size: 68px; line-height: 1; font-weight: 500; letter-spacing: -.07em; }
.w-campaign-caption p { font-size: 12px; color: var(--w-gray); }
.w-campaign-caption .w-product-links { justify-content: flex-end; margin: 0; }
.w-all-products { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 57px; padding-top: 28px; border-top: 1px solid var(--w-line); }
.w-all-products > span { font-size: 9px; letter-spacing: .07em; }
.w-pill { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 51px; padding: 15px 22px; border: 1px solid var(--w-ink); border-radius: 40px; background: transparent; font-size: 11px; }
.w-pill-dark { background: var(--w-ink); color: var(--w-paper); }
.w-pill:hover { background: var(--w-lime); color: var(--w-ink); }
.w-pill .p-icon { width: 18px; height: 18px; }
.w-choice { background: #dce7ce; }
.w-choice-inner { display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; padding-top: 74px; padding-bottom: 32px; }
.w-choice-intro h2 { font-size: clamp(45px, 5vw, 72px); line-height: .98; letter-spacing: -.065em; font-weight: 500; margin-top: 38px; }
.w-choice-intro .w-underlink { margin-top: 30px; }
.w-energy { text-align: right; }
.w-energy > strong { font-size: clamp(130px, 18vw, 270px); font-weight: 500; letter-spacing: -.08em; line-height: 1; display: block; }
.w-energy strong span { font-size: .4em; letter-spacing: -.03em; }
.w-energy > span { display: block; font-size: 11px; letter-spacing: .025em; margin-top: 12px; }
.w-energy p { font-size: 11px; color: #637159; margin-top: 8px; }
.w-choice-bottom { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid #a8b89b; margin-top: 18px; padding-top: 24px; font-size: 12px; }
.w-choice-bottom a { display: inline-flex; align-items: center; gap: 20px; font-size: 11px; }
.w-choice-bottom .p-icon { width: 18px; height: 18px; }
.w-how { padding-block: 78px; }
.w-how .w-section-head { margin-bottom: 45px; }
.w-how-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 100px; }
.w-how h2 { font-size: clamp(43px, 4.3vw, 65px); font-weight: 500; letter-spacing: -.06em; line-height: 1.03; }
.w-how ol { list-style: none; margin: 0; padding: 0; }
.w-how li { display: grid; grid-template-columns: 40px 1fr 24px; gap: 18px; padding: 25px 0; border-bottom: 1px solid var(--w-line); }
.w-how li:first-child { border-top: 1px solid var(--w-line); }
.w-how li > span { font-size: 12px; color: #728265; padding-top: 5px; }
.w-how h3 { font-size: 25px; font-weight: 500; letter-spacing: -.04em; }
.w-how li p { font-size: 11px; color: var(--w-gray); margin-top: 9px; }
.w-footer { background: var(--w-dark); color: var(--w-paper); padding-top: 68px; overflow: clip; }
.w-footer-top > .w-eyebrow { color: #a0b198; }
.w-footer-talk { display: block; position: relative; font-size: clamp(55px, 8vw, 125px); font-weight: 500; line-height: .98; letter-spacing: -.07em; margin-top: 28px; }
.w-footer-talk > .p-icon { position: absolute; right: 0; top: 10%; width: 125px; height: 125px; stroke-width: 1; color: var(--w-lime); transition: transform .25s; }
.w-footer-talk:hover > .p-icon { transform: translate(5px, -5px); }
.w-footer-contact { display: flex; align-items: center; gap: 30px; margin-top: 29px; font-size: 12px; flex-wrap: wrap; }
.w-footer-contact > span { margin-left: auto; font-size: 10px; color: #a0b198; }
.w-footer-nav { display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px; border-top: 1px solid #435348; padding-top: 35px; margin-top: 50px; }
.w-footer-nav strong { display: block; color: #a0b198; font-size: 9px; letter-spacing: .05em; margin-bottom: 17px; font-weight: 400; }
.w-footer-nav a, .w-footer-nav button { display: flex; align-items: center; gap: 8px; border: 0; background: none; padding: 5px 0; font-size: 11px; text-align: left; }
.w-footer-nav .p-icon { width: 12px; height: 12px; }
.w-footer-nav a:hover, .w-footer-nav button:hover { color: var(--w-lime); }
.w-footer-wordmark { display: flex; align-items: center; justify-content: center; gap: 28px; margin-top: 45px; padding-bottom: 20px; }
.w-footer-wordmark img { width: 90px; height: 80px; object-fit: contain; filter: brightness(0) invert(1); }
.w-footer-wordmark > span { font-size: clamp(115px, 20vw, 310px); font-weight: 600; line-height: 1; letter-spacing: -.095em; }
.w-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 20px; border-top: 1px solid #435348; color: #a0b198; font-size: 8px; }
dialog { color: var(--w-ink); }
dialog::backdrop { background: #0c1b16b5; backdrop-filter: blur(5px); }
.w-menu { width: 100%; max-width: none; height: 100%; max-height: none; padding: 0; margin: 0; border: 0; background: var(--w-paper); overflow-y: auto; overscroll-behavior: contain; }
.w-dialog-top { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 92px; border-bottom: 1px solid var(--w-line); }
.w-dialog-top .w-logo img { filter: none; }
.w-close { display: inline-flex; align-items: center; justify-content: flex-end; gap: 18px; border: 0; padding: 13px 0; background: none; font-size: 12px; }
.w-close .p-icon { width: 23px; height: 23px; }
.w-menu-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 45px; padding-top: 44px; }
.w-menu-heading h2 { font-size: clamp(48px, 5.3vw, 83px); line-height: .95; letter-spacing: -.07em; font-weight: 500; }
.w-menu-search { width: 280px; padding-bottom: 5px; }
.w-menu-search label { display: block; font-size: 9px; letter-spacing: .04em; margin-bottom: 13px; }
.w-menu-search > div { display: flex; align-items: center; gap: 15px; border-bottom: 1px solid #98a18e; }
.w-menu-search input { width: 100%; border: 0; background: none; padding-block: 12px; font-size: 12px; }
.w-menu-search .p-icon { width: 18px; height: 18px; }
.w-menu-filters { display: flex; gap: 8px; flex-wrap: wrap; padding-block: 27px; }
.w-menu-filters button { border: 1px solid #b9c1b1; border-radius: 40px; padding: 10px 16px; font-size: 11px; background: none; }
.w-menu-filters button[aria-pressed=true] { background: var(--w-ink); color: var(--w-paper); border-color: var(--w-ink); }
.w-menu-products { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 65px; }
.w-menu-products a { display: grid; grid-template-columns: 20px 1fr 30px; align-items: center; gap: 20px; border-top: 1px solid var(--w-line); padding-block: 22px; font-size: 25px; letter-spacing: -.03em; }
.w-menu-products a:hover { color: #53732a; }
.w-menu-number { font-size: 9px; letter-spacing: 0; color: #65705e; }
.w-menu-status { margin-top: 20px; color: var(--w-gray); font-size: 10px; }
.w-menu-help { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; border-top: 1px solid var(--w-line); margin-top: 35px; padding-block: 25px; font-size: 11px; }
.w-menu-help a { display: inline-flex; gap: 16px; align-items: center; }
.w-menu-help .p-icon { width: 16px; height: 16px; }
.w-conditions { width: min(800px, calc(100% - 36px)); max-height: 85dvh; border: 0; padding: 30px; background: var(--w-paper); }
.w-conditions > .w-close { display: flex; margin-left: auto; }
.w-conditions h2 { font-size: 30px; letter-spacing: -.03em; line-height: 1.15; margin-bottom: 25px; }
.w-conditions .conditions { height: auto !important; overflow: visible !important; padding: 0 !important; box-shadow: none !important; font-size: 13px; }
.w-conditions .important { border: 1px solid #adb99e; padding: 20px; margin-bottom: 25px; }
.w-conditions .important h2 { font-size: 23px; margin-bottom: 12px; }
.w-conditions ul { padding-left: 20px; }
.w-conditions li { margin-bottom: 9px; }
.w-conditions h4 { font-size: 16px; }
.w-external { border: 0; width: min(450px, calc(100% - 36px)); padding: 28px; background: var(--w-paper); }
.w-external > .w-close { display: flex; margin-left: auto; }
.w-external h2 { font-size: 30px; line-height: 1.1; letter-spacing: -.04em; margin-top: 14px; }
.w-external p { font-size: 13px; line-height: 1.8; margin-block: 20px; color: var(--w-gray); }
/* One-time entrance, no continuous motion or scroll hijacking. */
@media (prefers-reduced-motion: no-preference) {
  .w-hero h1 { animation: w-enter .65s both; }
  .w-hero-art { animation: w-enter .85s .05s both; }
}
@keyframes w-enter { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }
@media (max-width: 1100px) {
  .w-header-inner { gap: 23px; }
  .w-desktop-nav { gap: 24px; }
  .w-hero-stage { height: 710px; }
  .w-hero h1 { font-size: 14.5vw; top: 89px; }
  .w-hero-art { top: 182px; left: 24%; width: 82%; }
  .w-hero-description { bottom: 95px; }
  .w-hero-description p { font-size: 20px; }
  .w-hero-cta { width: 140px; height: 140px; padding: 24px; bottom: 105px; gap: 20px; }
  .w-hero-cta > span { font-size: 17px; }
  .w-proof-strip span { gap: 22px; font-size: 9px; }
  .w-proof-strip b { font-size: 23px; }
  .w-editorial-grid { column-gap: 38px; }
  .w-product-cards { padding-top: 85px; }
  .w-product-cards h3 { font-size: 60px; }
  .w-campaign-caption h3 { font-size: 55px; }
  .w-campaign-caption { grid-template-columns: 1fr 1fr; }
  .w-campaign-caption .w-product-links { grid-column: 1 / -1; justify-content: flex-start; }
  .w-how-layout { gap: 60px; }
  .w-footer-talk > .p-icon { width: 95px; height: 95px; }
  .w-footer-wordmark img { width: 65px; height: 60px; }
}
@media (max-width: 800px) {
  .w-desktop-nav { display: none; }
  .w-menu-toggle { display: inline-flex; }
  .w-header-inner { min-height: 80px; }
  .w-logo > span { font-size: 30px; }
  .w-header-contact { font-size: 11px; }
  .w-header-actions { gap: 25px; }
  .w-hero-stage { height: 720px; }
  .w-hero-topline { font-size: 8px; }
  .w-hero-topline > span:last-child { display: none; }
  .w-hero h1 { top: 75px; font-size: 14.2vw; }
  .w-hero-art { top: 192px; left: 25%; width: 79%; }
  .w-hero-description { bottom: 114px; }
  .w-hero-cta { bottom: 119px; right: 0; }
  .w-proof-strip .w-shell { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 30px; padding-block: 20px; }
  .w-proof-strip span { justify-content: space-between; }
  .w-proof-strip b { font-size: 21px; }
  .w-universe { padding-top: 58px; padding-bottom: 55px; }
  .w-universe > h2 { font-size: 9vw; margin-bottom: 40px; }
  .w-editorial-grid { column-gap: 27px; row-gap: 48px; grid-template-columns: 1.3fr 1fr; }
  .w-product-cards h3 { font-size: 49px; }
  .w-product-overline { flex-direction: column; gap: 2px; }
  .w-product-copy p { font-size: 10px; }
  .w-product-links { gap: 15px; }
  .w-product-links a { font-size: 10px; }
  .w-round-arrow { width: 38px; height: 38px; right: 17px; bottom: 17px; }
  .w-choice-inner { gap: 40px; padding-top: 53px; }
  .w-choice-intro h2 { font-size: 47px; }
  .w-energy > strong { font-size: 21vw; }
  .w-choice-bottom { gap: 18px; font-size: 10px; }
  .w-choice-bottom a { font-size: 10px; }
  .w-how { padding-block: 55px; }
  .w-how-layout { grid-template-columns: 1fr 1.3fr; gap: 35px; }
  .w-how h2 { font-size: 40px; }
  .w-how li { gap: 12px; grid-template-columns: 25px 1fr 21px; }
  .w-how h3 { font-size: 21px; }
  .w-how li p { font-size: 10px; }
  .w-footer { padding-top: 51px; }
  .w-footer-nav { grid-template-columns: 1fr 1fr; gap: 35px; }
  .w-footer-talk { font-size: 9vw; }
  .w-footer-talk > .p-icon { width: 77px; height: 77px; }
  .w-footer-wordmark { gap: 18px; }
  .w-footer-wordmark img { width: 48px; height: 43px; }
  .w-menu-products { gap: 0 30px; }
  .w-menu-products a { font-size: 20px; gap: 15px; }
}
@media (max-width: 540px) {
  :root { --w-gap: 22px; }
  .w-review { font-size: 7px; padding-block: 6px; gap: 12px; }
  .w-review a { gap: 4px; }
  .w-review a .p-icon { width: 9px; height: 9px; }
  .w-header-inner { min-height: 75px; }
  .w-logo { gap: 8px; }
  .w-logo img { width: 29px; height: 26px; }
  .w-logo > span { font-size: 28px; }
  .w-header-contact { display: none; }
  .w-menu-toggle { font-size: 11px; }
  .w-hero-stage { height: 690px; }
  .w-hero-topline { padding-top: 24px; font-size: 7px; }
  .w-hero h1 { display: block; font-size: 21.3vw; top: 70px; letter-spacing: -.08em; line-height: .9; }
  .w-hero h1 > .w-hero-second { margin-top: 11px; font-size: .78em; }
  .w-hero-art { top: 195px; left: -18%; width: 133%; }
  .w-hero-art img { transform: rotate(-10deg); }
  .w-hero-description { bottom: 100px; }
  .w-hero-description .w-eyebrow { font-size: 7px; }
  .w-hero-description p { font-size: 21px; margin-top: 13px; }
  .w-hero-description small { font-size: 9px; margin-top: 13px; }
  .w-hero-cta { width: 112px; height: 112px; bottom: 121px; right: -2px; gap: 12px; padding: 20px; }
  .w-hero-cta > span { font-size: 15px; }
  .w-hero-cta .p-icon { width: 23px; height: 23px; }
  .w-scroll { font-size: 7px; bottom: 24px; gap: 17px; }
  .w-hero-folio { display: none; }
  .w-proof-strip .w-shell { padding-block: 17px; gap: 10px 20px; }
  .w-proof-strip span { font-size: 9px; gap: 10px; }
  .w-proof-strip b { font-size: 17px; }
  .w-section-head { align-items: flex-start; margin-bottom: 28px; }
  .w-section-head > p { font-size: 9px; line-height: 1.7; }
  .w-eyebrow { font-size: 8px; }
  .w-universe { padding-top: 40px; padding-bottom: 40px; }
  .w-universe > h2 { font-size: 10.25vw; line-height: .99; letter-spacing: -.075em; margin-bottom: 32px; }
  .w-editorial-grid { grid-template-columns: 1fr; row-gap: 38px; }
  .w-product-publication .w-product-image img { aspect-ratio: 1.12; }
  .w-product-tag { top: 14px; left: 16px; font-size: 6px; }
  .w-product-copy { padding-top: 20px; }
  .w-product-copy h3 { font-size: 42px; }
  .w-product-copy p { font-size: 11px; }
  .w-product-links { gap: 22px; margin-top: 16px; }
  .w-product-links a, .w-underlink { font-size: 10px; }
  .w-product-cards { padding-top: 0; margin-left: 18%; }
  .w-product-cards .w-product-image img { aspect-ratio: 1; }
  .w-product-overline { flex-direction: row; gap: 10px; font-size: 6px; }
  .w-product-cards h3 { font-size: 51px; line-height: .97; }
  .w-product-cards .w-underlink { margin-top: 16px; }
  .w-product-campaign .w-product-image img { aspect-ratio: .97; object-position: 48% center; }
  .w-campaign-caption { grid-template-columns: 1fr; gap: 14px; margin-top: 20px; }
  .w-campaign-caption h3 { font-size: 51px; }
  .w-campaign-caption p { font-size: 11px; }
  .w-campaign-caption .w-product-links { grid-column: auto; margin-top: 3px; }
  .w-all-products { align-items: flex-start; flex-direction: column; gap: 19px; margin-top: 31px; padding-top: 24px; }
  .w-all-products > span { font-size: 7px; }
  .w-pill { font-size: 10px; min-height: 47px; padding: 13px 20px; }
  .w-choice-inner { grid-template-columns: 1fr; padding-top: 40px; padding-bottom: 25px; gap: 35px; }
  .w-choice-intro h2 { font-size: 52px; margin-top: 22px; }
  .w-choice-intro .w-underlink { margin-top: 22px; }
  .w-energy { text-align: left; }
  .w-energy > strong { font-size: 44vw; line-height: .95; }
  .w-energy > span { font-size: 9px; margin-top: 14px; }
  .w-energy p { font-size: 10px; max-width: 240px; }
  .w-choice-bottom { grid-column: auto; align-items: flex-start; flex-direction: column; gap: 19px; margin-top: 0; padding-top: 22px; }
  .w-choice-bottom p { font-size: 12px; }
  .w-choice-bottom a { font-size: 10px; }
  .w-how { padding-block: 41px; }
  .w-how .w-section-head { margin-bottom: 29px; }
  .w-section-head > a { font-size: 8px; gap: 9px; }
  .w-how-layout { grid-template-columns: 1fr; gap: 27px; }
  .w-how h2 { font-size: 48px; }
  .w-how li { gap: 12px; padding-block: 23px; }
  .w-how h3 { font-size: 23px; }
  .w-how li p { font-size: 10px; }
  .w-footer { padding-top: 38px; }
  .w-footer-talk { font-size: 11.4vw; margin-top: 25px; line-height: 1.05; }
  .w-footer-talk > .p-icon { position: static; display: block; width: 50px; height: 50px; margin-top: 20px; }
  .w-footer-contact { align-items: flex-start; flex-direction: column; gap: 12px; font-size: 12px; margin-top: 21px; }
  .w-footer-contact > span { margin-left: 0; font-size: 9px; }
  .w-footer-nav { margin-top: 32px; padding-top: 26px; gap: 25px 20px; }
  .w-footer-nav strong { font-size: 7px; margin-bottom: 14px; }
  .w-footer-nav a, .w-footer-nav button { font-size: 9px; min-height: 26px; }
  .w-footer-nav .p-icon { width: 10px; height: 10px; }
  .w-footer-wordmark { gap: 11px; margin-top: 35px; padding-bottom: 18px; }
  .w-footer-wordmark img { width: 32px; height: 28px; }
  .w-footer-wordmark > span { font-size: 20.5vw; }
  .w-footer-bottom { padding-block: 18px; font-size: 7px; gap: 15px; }
  .w-footer-bottom > span:nth-child(2) { display: none; }
  .w-dialog-top { min-height: 75px; }
  .w-menu-heading { flex-direction: column; align-items: flex-start; gap: 25px; padding-top: 31px; }
  .w-menu-heading h2 { font-size: 49px; }
  .w-menu-search { width: 100%; }
  .w-menu-filters { gap: 7px; padding-block: 21px; }
  .w-menu-filters button { font-size: 9px; padding: 8px 11px; }
  .w-menu-products { grid-template-columns: 1fr; gap: 0; }
  .w-menu-products a { font-size: 21px; padding-block: 18px; gap: 15px; }
  .w-menu-products a > .p-icon { width: 20px; height: 20px; }
  .w-menu-help { align-items: flex-start; flex-direction: column; gap: 16px; font-size: 10px; }
  .w-conditions { padding: 22px; }
  .w-conditions h2 { font-size: 25px; }
}
@media (max-width: 350px) {
  :root { --w-gap: 18px; }
  .w-review { font-size: 6px; }
  .w-hero-stage { height: 640px; }
  .w-hero-art { top: 184px; }
  .w-hero-description p { font-size: 18px; }
  .w-hero-description small { font-size: 8px; }
  .w-hero-cta { width: 94px; height: 94px; padding: 17px; bottom: 117px; }
  .w-hero-cta > span { font-size: 12px; }
  .w-hero-cta .p-icon { width: 19px; height: 19px; }
  .w-hero-description .w-eyebrow { font-size: 6px; }
  .w-menu-heading h2 { font-size: 43px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}