.gases-page-container{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}.gases-main-stage{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width:1400px){.gases-main-stage{max-width:1400px}}.gases-main-stage{display:grid;width:100%;max-width:1536px;align-items:center;gap:1rem;padding-left:1.25rem;padding-right:1.25rem}@media (min-width:768px){.gases-main-stage{grid-template-columns:1fr 1.6fr 1fr}}.gases-title-col{--tw-translate-y:-6rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gases-title-col h1{font-family:Syne,sans-serif;font-size:1.875rem;line-height:2.25rem;font-weight:800;text-transform:uppercase;line-height:1.25;letter-spacing:-.025em;color:hsl(var(--foreground))}@media (min-width:640px){.gases-title-col h1{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.gases-title-col h1{font-size:3.75rem;line-height:1;letter-spacing:-2px}}@media (max-width:768px){.gases-page-container{width:100%;max-width:100%;overflow-x:hidden}.gases-main-stage{width:100%;max-width:100%;grid-template-columns:repeat(1,minmax(0,1fr));gap:0;padding-left:1rem;padding-right:1rem;text-align:center}@media (min-width:1024px){.gases-main-stage{gap:1.5rem}}.gases-info-col{align-items:center}@media (min-width:1024px){.gases-info-col{align-items:flex-start}}.center-column{order:-9999;margin-top:0}.gases-title-col h1{font-size:1.875rem;line-height:2.25rem}.gases-product-stage{height:300px}@media (min-width:1024px){.gases-product-stage{margin-bottom:.5rem}}.cylinder-img{height:16rem;width:auto}}@media (max-width:640px){.c-card{height:4rem;width:130px;padding:.5rem}.card-title{font-size:.75rem;line-height:1rem}.card-bg-text{font-size:1.5rem;line-height:2rem}.c-card.prev{transform:translateX(-90%) rotateY(25deg) scale(.9)}.c-card.next{transform:translateX(90%) rotateY(-25deg) scale(.9)}}.gases-center-col{position:relative;display:flex;flex-direction:column;align-items:center}@media (min-width:769px){.gases-center-col{min-width:300px}}.gases-product-stage{position:relative;display:flex;height:280px;width:100%;align-items:center;justify-content:center}@media (min-width:1024px){.gases-product-stage{margin-bottom:1.25rem;height:450px}}.cylinder-img{z-index:10;height:16rem;width:auto;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.5s;animation-timing-function:cubic-bezier(.23,1,.32,1)}@media (min-width:1024px){.cylinder-img{height:24rem}}.cylinder-img{filter:drop-shadow(0 25px 40px rgba(0,0,0,.25))}.dark .cylinder-img{filter:drop-shadow(0 25px 40px hsla(var(--primary)/.25))}.holo-swap{transform:scale(.9) translateY(-10px);opacity:0;filter:blur(10px) grayscale(100%)}.pedestal{bottom:0;height:2.25rem;width:13rem;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;background:radial-gradient(closest-side,hsla(var(--primary)/.3),transparent);border:1px solid hsla(var(--primary)/.1);transform:scaleY(.4);box-shadow:0 0 30px hsla(var(--primary)/.5)}.holo-ring,.pedestal{position:absolute;z-index:0}.holo-ring{border-radius:9999px;border:1px solid hsla(var(--primary)/.25);box-shadow:0 0 30px hsla(var(--primary)/.15)}.ring-1{height:13rem;width:13rem}@media (min-width:1024px){.ring-1{height:18rem;width:18rem}}.ring-1{animation:spin 20s linear infinite;border-style:dashed;opacity:.6}.ring-2{height:16rem;width:16rem}@media (min-width:1024px){.ring-2{height:24rem;width:24rem}}.ring-2{animation:spin 30s linear infinite reverse;opacity:.4}.carousel-container{position:relative;display:flex;height:80px;width:100%;align-items:center;justify-content:center}@media (min-width:1024px){.carousel-container{height:110px}}.carousel-container{perspective:1000px}.c-card{position:absolute;display:flex;height:3rem;width:120px;cursor:pointer;user-select:none;flex-direction:column;justify-content:center;overflow:hidden;border-radius:1rem;border-width:1px;padding:.625rem;--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s}@media (min-width:1024px){.c-card{height:5rem;width:170px}}.c-card{background:hsl(var(--muted)/.8);border-color:hsl(var(--border));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition-timing-function:cubic-bezier(.23,1,.32,1)}.dark .c-card{background:hsl(var(--muted)/.5)}.card-title{z-index:10;font-family:Syne,sans-serif;font-size:.875rem;line-height:1.25rem;font-weight:700;color:hsl(var(--foreground))}.card-bg-text{position:absolute;right:.25rem;bottom:-.5rem;z-index:0;font-family:JetBrains Mono,monospace;font-size:2.25rem;line-height:2.5rem;font-weight:800;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:hsl(var(--foreground)/.03)}.dark .card-bg-text{color:hsl(var(--foreground)/.08)}.c-card.active{transform:translateZ(50px) scale(1.1);background:hsl(var(--card));border-color:hsl(var(--primary));box-shadow:0 20px 50px hsla(var(--primary)/.25);z-index:10}.c-card.active .card-title{color:hsl(var(--primary))}.c-card.active .card-bg-text{color:hsla(var(--primary)/.08)}.c-card.prev{transform:translateX(-110%) rotateY(25deg) scale(.9)}.c-card.next,.c-card.prev{opacity:1;z-index:5;background:hsl(var(--muted))}.c-card.next{transform:translateX(110%) rotateY(-25deg) scale(.9)}.c-card.hide-left{transform:translateX(-250%) scale(.5);opacity:0}.c-card.hide-right{transform:translateX(250%) scale(.5);opacity:0}.progress-line{position:absolute;bottom:0;left:0;height:.25rem;background-color:hsl(var(--primary));width:0;box-shadow:0 0 10px hsl(var(--primary))}.c-card.active .progress-line{width:100%;transition:width 3s linear}.c-card:not(.active) .progress-line{width:0;transition:none}.gases-info-col{display:flex;flex-direction:column;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.info-fade{--tw-translate-x:0.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.btn-glass{display:inline-flex;width:fit-content;align-items:center;gap:.625rem;border-radius:9999px;border-width:1px;border-color:hsl(var(--primary));padding:.75rem 2rem;font-weight:600;color:hsl(var(--primary));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:hsla(var(--background)/.5);backdrop-filter:blur(5px)}.btn-glass:hover{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 10px 25px hsla(var(--primary)/.3)}@media (min-width:769px) and (max-width:1440px){.gases-main-stage{max-width:100%;gap:.5rem;padding-left:1rem;padding-right:1rem}.gases-title-col h1{font-size:2.25rem;line-height:2.5rem}.cylinder-img{height:16rem;width:auto}.gases-product-stage{height:320px}.ring-1{height:14rem;width:14rem}.ring-2{height:18rem;width:18rem}.gases-center-col{min-width:280px}.carousel-container{transform:scale(.75)}.gases-info-col h2{font-size:1.5rem;line-height:2rem}.gases-info-col .text-xl{font-size:1rem;line-height:1.5rem}}