/* Kinetic art direction: a cinematic hero, moving campaign ribbon and restrained reveals. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
.site-top{position:relative;z-index:10}.header{height:96px;border-bottom-color:#ffffff15}.hero-stage{position:relative;overflow:hidden;background:#101411}.hero{width:100%;max-width:none;margin:0;display:block;min-height:710px;isolation:isolate}.hero-scenes{position:absolute;inset:0;z-index:-1}.hero-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.25s ease;overflow:hidden}.hero-scene.is-active{opacity:1}.hero-scene img{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:50% 60%;transform:scale(1.015);transform-origin:65% 60%}.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101411 0%,#101411 28%,#101411ed 37%,#10141145 53%,transparent 74%),linear-gradient(0deg,#101411dc,transparent 24%,transparent 87%,#10141140)}.scene-kitchen img{width:100%;object-position:63% 60%;filter:brightness(.72)}.scene-kitchen:after{background:linear-gradient(90deg,#101411f5,#101411d9 30%,#10141150 61%,#10141115),linear-gradient(0deg,#101411db,transparent 45%)}.hero-grid{position:relative;min-height:710px;display:flex;align-items:center;padding-bottom:76px}.hero-copy{width:61%;padding:44px 0 20px}.hero .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:25px;color:#d8e1d0}.hero h1{white-space:normal;font-size:clamp(78px,7.5vw,116px);font-weight:550;letter-spacing:-6.5px;line-height:1.025}.hero h1 .hero-line{display:block;color:#f6f7f1}.hero h1 .hero-accent{color:var(--lime);font-weight:500}.hero-description{font-size:14px;margin-top:28px;line-height:1.9;color:#b9c5af;max-width:430px;min-height:54px}.hero-actions{margin-top:27px;gap:29px;flex-direction:row;align-items:center}.hero-actions .button{min-height:54px;padding:0 25px;font-size:12px;gap:33px}.hero-actions .button>svg{width:21px;height:21px}.hero-actions .plain-link{font-size:12px;color:#e4eadf}.hero-scroll{margin-top:34px;display:flex;align-items:center;gap:12px;width:fit-content;font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#84917a}.scroll-disc{width:28px;height:28px;border:1px solid #536349;border-radius:50%;display:grid;place-items:center}.scroll-disc svg{width:14px;height:14px;transform:rotate(90deg);color:#bdcbaa}.hero-scroll:hover{color:var(--lime)}.hero-float{position:absolute;right:0;top:46%;display:flex;align-items:center;gap:17px;padding:18px 23px;border:1px solid #ffffff3b;background:#ffffff0d;border-radius:14px;backdrop-filter:blur(18px);box-shadow:0 10px 45px #0c120a20;color:#f4f8ec;transform:translateY(-50%)}.hero-float>svg{width:32px;height:27px;color:var(--lime)}.hero-float>span:not(.float-dot){font-size:9px;color:#bdc7b4;line-height:1.5}.hero-float strong{display:block;color:white;font-size:15px;letter-spacing:-.3px;font-weight:650;margin:4px 0}.hero-float small{font-size:9px}.float-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);align-self:flex-start;margin-top:3px;margin-left:10px}.hero-bottom{position:absolute;left:0;right:0;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.scene-controls{display:none;gap:29px}.motion-ready .scene-controls{display:flex}.scene-button{position:relative;padding:10px 0 15px;text-align:left;background:transparent;border:0;border-bottom:1px solid #ffffff30;min-width:158px;font-size:10px;color:#97a28e;overflow:hidden}.scene-button>span{font-size:9px;margin-right:12px;color:#718465}.scene-button.is-active{color:#f7faef}.scene-button.is-active>span{color:var(--lime)}.scene-button i{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;opacity:0}.scene-button.is-active i{opacity:1}.scene-button:hover{color:var(--lime)}.hero-caption{position:static;left:auto;right:auto;bottom:auto;text-transform:uppercase;font-size:8px;letter-spacing:1.2px;color:#99a38f;display:block}.hero-caption:before{content:'';display:inline-block;width:4px;height:4px;background:#829375;border-radius:50%;margin-right:7px;vertical-align:middle}
.energy-banner{position:relative;background:var(--lime);color:#14200d;overflow:hidden;padding:22px 0;isolation:isolate}.marquee-window{overflow:hidden;display:flex;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 94%,transparent)}.marquee-track{display:flex;width:max-content;flex-shrink:0;will-change:transform}.motion-ready .marquee-track{animation:marquee-move 34s linear infinite}.marquee-group{display:flex;align-items:center;flex-shrink:0;gap:30px;padding-right:30px;font-size:43px;font-weight:650;letter-spacing:-2px;line-height:1.15;white-space:nowrap}.marquee-outline{-webkit-text-stroke:1px #263816;color:transparent}.marquee-spark{font-size:50px;font-weight:400;line-height:1}.motion-toggle{display:none;position:absolute;right:19px;top:50%;transform:translateY(-50%);border-radius:50%;width:38px;height:38px;place-items:center;color:var(--lime);background:#1a2511;box-shadow:0 0 0 10px var(--lime);border:1px solid #1a2511;z-index:2}.motion-ready .motion-toggle{display:grid}.motion-toggle svg{width:17px;height:17px;stroke-width:2}.motion-toggle .play-icon{display:none}.motion-paused .motion-toggle .pause-icon{display:none}.motion-paused .motion-toggle .play-icon{display:block}.motion-toggle:hover{background:#3b4a2b;transform:translateY(-50%) scale(1.06)}.motion-ready .hero-scene.is-active img{animation:scene-drift 10s ease-out both}.motion-ready:not(.motion-paused) .hero-copy.is-entering .hero-line{animation:line-in .9s var(--ease) both}.motion-ready:not(.motion-paused) .hero-copy.is-entering .hero-line:nth-child(2){animation-delay:.09s}.motion-ready:not(.motion-paused) .hero-copy.is-entering .hero-description{animation:line-in .9s .16s var(--ease) both}.hero-copy.is-entering{pointer-events:auto}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.motion-paused .hero-scene{transition:none}.motion-paused .hero-line,.motion-paused .hero-description{opacity:1!important;transform:none!important}.heading-muted{color:#8e9982}.section-index{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #b8c4aa;border-radius:50%;font-size:9px;letter-spacing:0;margin-right:3px}.products .section-heading-row{margin-bottom:36px}.products h2{font-size:55px;letter-spacing:-2.7px}.product{border-radius:3px;border:0;border-bottom:2px solid #dce2d4;box-shadow:0 0 0 1px #e5e8df;position:relative}.product:before{content:'';height:3px;position:absolute;top:0;left:0;right:0;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.product:hover:before,.product:focus-within:before{transform:scaleX(1)}.product:hover{transform:translateY(-5px);border-bottom-color:#7ca747}.product-art img{transition:transform .55s var(--ease)}.product:hover .product-art img{transform:translateY(-7px) rotate(-3deg) scale(1.06)}.product-select{background:var(--lime);width:44px;height:44px;flex-basis:44px}.product-select:hover{background:#d0f792;transform:rotate(8deg)}.product-select:hover svg{transform:translate(1px,-1px)}.story-image{border-radius:3px}.story-image img{transition:transform 1.2s var(--ease)}.story-image:hover img{transform:scale(1.035)}.image-note{font-size:12px}.values{gap:40px}.values>div{padding-left:18px;border-left:2px solid #c6d7b2}.value-number{color:#5d7848}.order{position:relative;overflow:hidden}.order:before{content:'ClearGas';position:absolute;left:-24px;bottom:-62px;font-size:280px;letter-spacing:-17px;font-weight:650;line-height:1;color:transparent;-webkit-text-stroke:1px #b4ee4f0e;white-space:nowrap;pointer-events:none}.order-grid{position:relative}.order-form-wrap{border-radius:6px}.footer-statement{font-size:clamp(48px,7.5vw,108px);letter-spacing:-5px}.footer-cta{width:88px;height:88px;background:var(--lime);border:0}.footer-cta svg{color:#141c0c;width:36px;height:36px}.footer-cta:hover{background:#c7f67a;transform:rotate(6deg) scale(1.03)}.reveal-item{transition:opacity .8s var(--ease),transform .85s var(--ease);transition-delay:var(--reveal-delay,0ms)}.reveal-item.is-pending{opacity:0;transform:translateY(26px)}.motion-paused .reveal-item{opacity:1;transform:none}
@keyframes marquee-move{to{transform:translateX(-50%)}}@keyframes scene-drift{from{transform:scale(1.015)}to{transform:scale(1.085)}}@keyframes line-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero,.hero-grid{min-height:770px}.hero-float{right:8px;top:43%}}
@media(max-width:1100px){.hero,.hero-grid{min-height:650px}.hero-copy{width:68%;padding-top:30px}.hero h1{font-size:86px;letter-spacing:-5px}.hero-scene img{width:70%;right:-4%;object-position:50% 60%}.scene-kitchen img{width:100%;right:0}.hero-float{top:50%;right:0;padding:13px 15px;gap:11px}.hero-float strong{font-size:13px}.hero-float>svg{width:25px}.float-dot{margin-left:2px}.hero-description{font-size:13px;max-width:350px}.hero-caption{font-size:7px;max-width:180px;text-align:right}.hero-bottom{bottom:24px}.scene-controls{gap:23px}.scene-button{min-width:145px;font-size:9px}.energy-banner{padding:20px 0}.marquee-group{font-size:37px;gap:25px;padding-right:25px}.marquee-spark{font-size:42px}.products h2{font-size:49px}}
@media(max-width:800px){.header{height:88px}.hero,.hero-grid{min-height:620px}.hero h1{font-size:77px;letter-spacing:-4.6px}.hero-copy{width:76%;padding-top:20px}.hero-description{font-size:12px;max-width:330px}.hero-scene:after{background:linear-gradient(90deg,#101411 5%,#101411eb 30%,#10141180 50%,#10141110 80%),linear-gradient(0deg,#101411dc,transparent 30%)}.hero-scene img{width:78%;right:-8%}.scene-kitchen img{width:100%;right:0}.hero-float{right:-6px;top:54%;padding:12px;gap:7px}.hero-float>svg{display:none}.hero-float strong{font-size:12px}.hero-float small{font-size:8px}.hero-float>span:not(.float-dot){font-size:8px}.hero-actions .button{padding:0 20px;min-height:50px;gap:24px}.hero-actions{gap:23px}.hero-actions .plain-link{font-size:11px}.hero-scroll{margin-top:28px}.scene-controls{gap:20px}.scene-button{min-width:130px}.hero-caption{font-size:6px;max-width:130px}.products h2{font-size:42px}.marquee-group{font-size:34px}.product-select{width:40px;height:40px;flex-basis:40px}.footer-cta{width:70px;height:70px}}
@media(max-width:650px){.header{height:82px}.hero,.hero-grid{min-height:720px}.hero-grid{width:calc(100% - 40px);padding:0 0 85px;display:block}.hero-copy{width:100%;padding:35px 0 0;position:relative}.hero .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:19px}.hero h1{font-size:63px;letter-spacing:-3.7px;line-height:1.02}.hero-description{font-size:11px;max-width:285px;line-height:1.8;min-height:40px;margin-top:21px}.hero-actions{margin-top:22px;gap:23px}.hero-actions .button{min-height:47px;padding:0 17px;gap:22px;font-size:11px}.hero-actions .plain-link{font-size:10px;gap:8px}.hero-scroll{display:none}.hero-scenes{inset:0}.hero-scene img{right:0;top:auto;bottom:27px;width:100%;height:415px;object-fit:cover;object-position:50% 61%;transform-origin:50% 60%;mask-image:linear-gradient(0deg,#000 85%,transparent)}.hero-scene:after{background:linear-gradient(0deg,#101411 0%,#10141100 14%,#10141100 46%,#10141199 52%,#101411 72%)}.scene-kitchen img{width:100%;height:460px;bottom:30px;object-position:38%;filter:brightness(.78)}.scene-kitchen:after{background:linear-gradient(0deg,#101411 0%,#10141140 18%,transparent 42%,#101411 73%)}.hero-float{right:0;top:auto;bottom:101px;padding:10px 13px;gap:9px;transform:none;border-color:#ffffff48;background:#17231166;border-radius:9px}.hero-float>svg{display:block;width:20px;height:20px}.hero-float>span:not(.float-dot){font-size:7px}.hero-float strong{font-size:11px;margin:2px 0}.hero-float small{font-size:7px}.float-dot{display:none}.hero-bottom{bottom:16px;display:block}.scene-controls{gap:22px;justify-content:space-between}.scene-button{min-width:0;width:50%;font-size:9px;padding-bottom:12px}.scene-button>span{font-size:8px;margin-right:9px}.hero-caption{font-size:6px;max-width:none;text-align:left;margin-top:12px;letter-spacing:1px}.hero-caption:before{width:3px;height:3px;margin-right:6px}.energy-banner{padding:17px 0}.marquee-group{font-size:31px;letter-spacing:-1.4px;gap:20px;padding-right:20px}.marquee-spark{font-size:36px}.motion-toggle{right:13px;width:31px;height:31px;box-shadow:0 0 0 8px var(--lime)}.motion-toggle svg{width:14px;height:14px}.products h2{font-size:39px;letter-spacing:-1.8px}.products h2 br{display:none}.products h2 .heading-muted{display:block}.section-index{width:23px;height:23px;font-size:8px;margin-right:2px}.products .eyebrow{font-size:9px}.products .section-heading-row{margin-bottom:28px}.product{border-radius:3px}.product-select{width:35px;height:35px;flex-basis:35px}.story-image{height:350px;border-radius:3px}.image-note{font-size:10px}.values{gap:24px}.values>div{padding-left:12px}.order-form-wrap{border-radius:5px}.order:before{font-size:150px;letter-spacing:-8px;bottom:-30px}.footer-statement{font-size:38px;letter-spacing:-2.3px}.footer-cta{width:50px;height:50px}.footer-cta svg{width:24px;height:24px}}
@media(max-width:360px){.hero-grid{width:calc(100% - 32px)}.hero h1{font-size:57px;letter-spacing:-3.4px}.hero-description{font-size:10px}.hero-actions{gap:18px}.hero-actions .button{padding:0 14px;gap:17px;font-size:10px}.hero,.hero-grid{min-height:680px}.hero-scene img{height:385px;width:100%;right:0}.scene-kitchen img{height:420px}.hero-float{bottom:96px}.hero-caption{font-size:5.5px}.products h2{font-size:36px}.footer-statement{font-size:32px}.product-select{width:31px;height:31px;flex-basis:31px}}
.hero-float{background:#142010d9;box-shadow:0 12px 45px #0b120a30}
@media(min-width:801px){.hero,.hero-grid{min-height:clamp(560px,calc(100svh - 190px),700px)}.hero-scene:not(.scene-kitchen) img{object-fit:contain;object-position:right bottom;width:69%;right:0}.hero-copy{padding-top:24px}.hero h1{font-size:clamp(76px,7.15vw,108px)}.hero-scroll{margin-top:25px}.hero-description{margin-top:23px}.hero-actions{margin-top:24px}.hero-float{top:48%}}
@media(min-width:801px){.hero-scene:not(.scene-kitchen) img{mask-image:linear-gradient(90deg,transparent 28%,#000 48%)}.hero-float{top:24%}}
.hero{padding:0}
@media(max-width:650px){.hero,.hero-grid{min-height:670px}.hero-scene img{height:360px;mask-image:linear-gradient(0deg,#000 78%,transparent)}.scene-kitchen img{height:395px}.hero-float{bottom:99px}}
@media(max-width:360px){.hero,.hero-grid{min-height:645px}.hero-scene img{height:345px}.scene-kitchen img{height:380px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene{transition:none}.hero-scene img,.hero-line,.hero-description,.marquee-track{animation:none!important;transform:none!important}.reveal-item{opacity:1!important;transform:none!important}.hero-copy{opacity:1}.product:hover .product-art img{transform:none}}

/* Actual supplied cylinder brand, presented on a charcoal studio background. */
.hero-scene-product{background:radial-gradient(ellipse at 78% 40%,#5e82452e,transparent 43%),#101411}.hero-scene-product:before{content:'';position:absolute;right:2%;bottom:6%;width:48%;height:8%;background:radial-gradient(ellipse,#0009,transparent 68%);filter:blur(7px)}.hero-scene-product img{object-fit:contain!important;object-position:center bottom!important;mask-image:none!important;top:auto;bottom:8%;right:5%!important;width:41%!important;height:86%;filter:drop-shadow(12px 15px 22px #0009);transform-origin:50% 75%}.hero-scene-product:after{background:linear-gradient(90deg,#101411 5%,#101411d9 31%,transparent 67%),linear-gradient(0deg,#10141170,transparent 20%)}
@media(min-width:801px){.hero-scene-product img{width:40%!important;height:88%;bottom:7%;right:4%!important}.hero-float{top:21%;right:0}}
@media(min-width:651px) and (max-width:800px){.hero-scene-product img{width:41%!important;height:74%;bottom:9%;right:0!important}.hero-float{top:19%;right:0}}
@media(max-width:650px){.hero-scene-product img{width:61%!important;height:320px;right:20%!important;bottom:68px;filter:drop-shadow(10px 14px 15px #0008)}.hero-scene-product{background:radial-gradient(ellipse at 50% 75%,#5e82452e,transparent 43%),#101411}.hero-scene-product:before{width:75%;right:13%;bottom:8%;height:6%}.hero-scene-product:after{background:linear-gradient(0deg,#101411b3,transparent 18%,transparent 48%,#101411e6 70%)}.hero-float{top:auto;bottom:106px}}
@media(max-width:360px){.hero-scene-product img{height:290px;bottom:70px;width:63%!important;right:20%!important}}

.hero-float{background:#172311ed}
@media(max-width:650px){.hero,.hero-grid{min-height:760px}}