@font-face{font-family:Oldschool Grotesk Trial;src:url(/fonts/OldschoolGroteskTrial-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Oldschool Grotesk Trial;src:url(/fonts/OldschoolGroteskTrial-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Oldschool Grotesk Trial;src:url(/fonts/OldschoolGroteskTrial-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Oldschool Grotesk Trial;src:url(/fonts/OldschoolGroteskTrial-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Oldschool Grotesk Trial;src:url(/fonts/OldschoolGroteskTrial-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Oldschool Grotesk Trial;src:url(/fonts/OldschoolGroteskTrial-Book.ttf) format("truetype");font-weight:450;font-style:normal;font-display:swap}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Oldschool Grotesk Trial,sans-serif}.viewer-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.viewer-canvas-container{position:relative;width:100%;height:85%;background:#000;cursor:grab;overflow:hidden;box-shadow:0 4px 20px #00000080}.viewer-canvas-container:active{cursor:grabbing}.viewer-container a{font-size:1.2rem;color:#fff;position:absolute;right:30px;bottom:80px;background:#0009;padding:5px 10px;border-radius:5px;text-decoration:none}.hotspot-popup{position:absolute;top:80px;left:20px;transform:none;width:400px;max-width:calc(100% - 40px);background:#141414f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:16px;box-shadow:0 10px 40px #000000b3;z-index:100;overflow:hidden;display:flex;flex-direction:column;transform-origin:top left;animation:popInCorner .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popInCorner{0%{opacity:0;transform:scale(.9) translate(-10px,-10px)}to{opacity:1;transform:scale(1) translate(0)}}.hotspot-image{width:100%;height:160px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.1)}.hotspot-content{padding:20px;text-align:left}.hotspot-title{margin:0 0 8px;font-size:1.1rem;font-weight:700;color:#fff}.hotspot-description{font-size:.9rem;color:#bbb;margin-bottom:15px;line-height:1.5}.hotspot-actions{display:flex;gap:10px;margin-top:5px}.hotspot-action-btn{flex:2;background-color:#fff;color:#000;border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700;transition:transform .2s ease,background-color .2s}.hotspot-action-btn:hover{transform:scale(1.02);background-color:#f0f0f0}.hotspot-close-btn{flex:1;background-color:#ffffff1a;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:.2s}.hotspot-close-btn:hover{background-color:#fff3}@media(max-width:768px){.viewer-container{padding-top:70px}.viewer-container a{font-size:.9rem;color:#fff;position:absolute;right:5px;bottom:10px;background:#0009;padding:5px 10px;border-radius:5px;text-decoration:none}.viewer-container .viewer-canvas-container{height:100%}.hotspot-popup{top:80px;left:10px;width:250px;max-width:calc(100% - 20px);border-radius:12px}.hotspot-image{height:120px}.hotspot-content{padding:8px}.hotspot-title{font-size:.8rem;margin-bottom:2px}.hotspot-description{font-size:.65rem;line-height:1.2;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hotspot-actions{gap:7px}.hotspot-action-btn,.hotspot-close-btn{padding:6px 10px;font-size:.65rem;border-radius:6px}}.debug-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:15px;border-radius:8px;box-shadow:0 4px 12px #00000080;z-index:20;font-family:monospace;text-align:center}.debug-panel h3{margin-top:0;font-size:1.1em}.debug-panel p{margin:10px 0;font-size:.9em;padding:8px;background:#ffffff1a;border-radius:4px;-webkit-user-select:all;user-select:all}.debug-panel button{background-color:red;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:4px}.viewer-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;pointer-events:none;border-radius:inherit}html{height:auto;overflow-y:scroll}#root,.app-container,.products-section{overflow:visible}body{margin:0;padding:0;font-family:sans-serif;min-height:100vh;overflow-x:hidden;position:static;overflow:visible}#root{width:100%;height:auto}.fixed-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-2;background:#000}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;background:none;display:flex;align-items:center;justify-content:space-between;padding-left:0;padding-right:10px;padding-top:10px;box-sizing:border-box;z-index:1000}.logo{color:#f0f0f0;font-weight:700;font-size:1.2rem}button{color:#fff;background-color:#111;border-width:1px;padding:12px;border-color:#fff;border-radius:5px}.nav-links a{color:#f0f0f0;background:none;border:none;cursor:pointer;font-size:1rem;border-left:1px solid #fff;border-right:1px solid #fff;padding-left:8px;padding-right:8px}.nav-a-left{border-left:2px solid #fff!important}.nav-a-right{border-right:2px solid #fff!important}.viewer-section{width:100vw;height:100vh;position:relative}.products-section{margin:0 auto;color:#f0f0f0;overflow:visible}.footer-parent-container{background-color:#000;color:#fff;width:100%}.about-section{padding:20px 30px;background:linear-gradient(to bottom,transparent,#0a0a0a);min-height:40vh;display:flex;justify-content:center;align-items:center}.about-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%;gap:60px;flex-wrap:wrap}.about-text-column{flex:1;min-width:300px}.about-text-column h2{font-size:2.5rem;margin-bottom:30px;font-weight:200;letter-spacing:-1px}.about-text-column p{font-size:1.1rem;line-height:1.8;color:#ccc;margin-bottom:20px;font-weight:300}.about-text-column strong{color:#fff;font-weight:600}.about-stat-column{flex:.8;min-width:300px;text-align:right;border-left:1px solid #333;padding-left:60px}.about-stat-column h3{font-size:4rem;margin:10px 0;color:#8fd0f0;opacity:.8;line-height:1}.about-tagline{margin-top:30px;font-style:italic;font-size:1.2rem;color:#fff}.footer{padding:20px;text-align:center;border-top:1px solid #222;color:#666;font-size:.8rem}.hero-container{height:100vh;display:flex;justify-content:center;align-items:center;width:100%}.hero-title{color:#fff;font-size:6em;margin:0;line-height:1}.hero-title-primary{font-weight:400;margin-right:1.5rem}.hero-title-secondary{font-weight:200}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;z-index:1001;padding:0}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .3s ease-in-out}.mobile-nav-overlay.active{opacity:1;visibility:visible;transform:translateY(0)}.close-menu-btn{position:absolute;top:0;right:0;background:none;border:none;color:#fff;font-size:3rem;line-height:1;cursor:pointer}.mobile-nav-links{display:flex;flex-direction:column;gap:30px;text-align:center}.mobile-nav-links a{color:#fff;font-size:1.5rem;font-weight:300;text-decoration:none;cursor:pointer;transition:color .2s,transform .2s}.mobile-nav-links a:hover{color:#8fd0f0;transform:scale(1.1)}.blog-section h2{color:#fff;font-size:2rem;margin-bottom:20px;font-weight:500;text-decoration:underline;text-underline-offset:8px}@media(max-width:768px){.desktop-nav{display:none!important}.blog-section h2{font-size:1.75rem;margin-bottom:15px}.hamburger-btn{display:block}.navbar{padding:20px 10px 20px 0}.hero-title{font-size:3em}.hero-title-primary{font-weight:400;margin-right:.75rem}.hero-title-secondary{font-weight:200}.viewer-section{height:70vh}.product-row,.product-row-odd{flex-direction:column;gap:20px}.product-image,.product-info{flex-basis:100%;max-width:100%;text-align:left}.product-row-odd .product-info{text-align:left}.product-row .product-info h4,.product-row .product-info .price{text-align:center}.about-section{padding:10px 30px}.about-content{flex-direction:column;align-items:end;gap:10px}.about-stat-column{text-align:left;border-left:none;border-top:1px solid #333;padding:10px;width:100%}.about-text-column h2{font-size:2rem}.about-text-column p{font-size:1rem}.about-stat-column h3{font-size:2rem}.about-tagline{display:flex;justify-content:end;padding:0 10px;font-size:1rem}}.initial-loader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;z-index:99999;display:flex;justify-content:center;align-items:center;transition:transform .8s cubic-bezier(.77,0,.175,1)}.loader-hidden{transform:translateY(-100%);pointer-events:none}.stack-scroll-track{height:300vh;position:relative}.stack-sticky-stage{height:100vh;position:sticky;top:0;margin-top:90px;display:flex;align-items:start;justify-content:center;overflow:hidden;width:100%}.stack-deck{margin-top:170px;position:relative;width:60vw;max-width:100vw}.card-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center}.card-inner{box-sizing:border-box;width:100%;background-color:#1a1a1a;border-radius:25px;border:1px solid #333;color:#fff;padding:40px;height:fit-content;box-shadow:-10px 10px 40px #00000080;display:flex;flex-direction:column;transform-origin:right center}.card-content h2{font-size:2rem;margin-top:0;margin-bottom:20px;font-weight:700}.card-body{display:flex;gap:30px}.card-body p{flex:1;font-size:1.1rem;line-height:1.6;color:#aaa}.card-desc-and-link{display:flex;flex-direction:column;justify-content:space-between}.card-desc-and-link a{display:inline-block;color:#fff;text-decoration-line:none;border-radius:5px;border:1px solid #fff;cursor:pointer;align-self:flex-start;padding:20px;font-size:1.2rem;background:transparent}.card-desc-and-link a:hover{background-color:#000}.card-body img{width:50%;object-fit:contain;border-radius:12px;background-color:transparent}@media(max-width:768px){.stack-deck{width:85vw}.card-inner{padding:35px 20px}.card-body{flex-direction:column-reverse;gap:15px;height:370px;justify-content:start}.card-body img{width:100%;flex-shrink:0}.card-content h2{font-size:1rem;margin-bottom:20px}.card-body p{font-size:.7rem;overflow-y:auto}.card-desc-and-link{display:flex;flex:1;flex-direction:column;justify-content:space-between;align-items:center}.card-desc-and-link a{padding:10px 20px;font-size:1rem}.card-desc-and-link a:hover{background-color:transparent}}.blog-card{text-decoration:none;background-color:#1a1a1a;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;color:#fff;transition:transform .3s ease-out}.blog-card:hover{transform:translateY(-5px)}.blog-card-img-wrapper{overflow:hidden;height:200px}.blog-card-img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease-out}.blog-card:hover .blog-card-img{transform:scale(1.05)}.blog-card-content{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.blog-card-title{margin:0 0 10px;font-size:1.5rem;transition:text-decoration .3s ease-out}.blog-card:hover .blog-card-title{text-decoration:underline}.blog-card-desc{color:#aaa;font-size:.9rem;margin-bottom:15px}.blog-card-meta{font-size:.8rem;color:#777}.cylinder-scroll-track{position:relative}.cylinder-scroll-sticky-stage{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;perspective:1000px}.cylinder-carousel-area{position:relative;width:100%;height:20vh;display:flex;justify-content:center;align-items:center}.scroll-content-title{position:relative;width:100%;text-align:center;color:#fff;z-index:10;padding-top:50px;margin:0;margin-bottom:2rem}.scroll-content-title a{color:#fff;font-size:2rem;font-weight:500;text-decoration:underline;text-underline-offset:5px}.cylinder-scroll-inner-track{position:relative;width:300px;height:100%;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}.category-card-outer{position:absolute;top:0;left:0;margin:0 auto;width:300px;height:100%;background-color:transparent;box-shadow:none;border:none;backface-visibility:visible}.category-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;will-change:transform,filter;transform:translateZ(.001px)}.category-card-front{position:absolute;width:100%;height:100%;border-radius:15px;backface-visibility:hidden;overflow:visible!important;transform-style:preserve-3d;background-color:#1a1a1a;box-shadow:0 10px 40px #0006;color:#fff;transform:translateZ(1px)}.category-card-content{padding:20px 20px 0;position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;pointer-events:none;transform-style:preserve-3d}.category-card-content h3{text-align:center;font-size:1.25rem;margin-top:0;margin-bottom:0}.category-card-content p{text-align:center;font-size:.8rem;color:#aaa}.category-card-content h3,.category-card-content p{position:relative;z-index:20;pointer-events:auto}.substance-list{margin-top:15px;border-top:1px solid #333;padding-top:10px}.substance-list p{font-size:.85rem;color:#999;margin-bottom:5px}.substance-list ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}.substance-list li{font-size:.75rem;color:#eee;background-color:#333;border-radius:5px;padding:3px 8px;margin-right:5px;margin-bottom:5px;white-space:nowrap}.cylinder-info-area{width:90%;height:40vh;position:relative;padding:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center}.cylinder-info-area h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;font-weight:400}.substance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;width:100%;max-width:1200px}.substance-detail-card{background-color:#1f1f1f;padding:15px;border-radius:10px;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.substance-detail-card h4{font-size:1.2rem;color:#8fd0f0;margin-top:0;margin-bottom:.5rem}.substance-detail-card p{font-size:.9rem;color:#ccc;margin-bottom:0}.substance-detail-card a{color:#8fd0f0;text-decoration:none;font-weight:700;align-self:flex-end;transition:color .3s}.substance-detail-card a:hover{color:#fff}.detail-description{font-size:.9rem;color:#ddd;line-height:1.5;margin-bottom:15px}.risks-container h5{color:#ff6b6b;margin:10px 0 5px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.risks-container ul{margin:0;padding-left:20px}.risks-container li{font-size:.85rem;color:#bbb;margin-bottom:5px;list-style-type:disc}@media(max-width:768px){.cylinder-scroll-sticky-stage{perspective:600px;padding-top:10px}.scroll-content-title{padding-top:40px;margin-bottom:1rem}.scroll-content-title a{font-size:1.5rem}.cylinder-carousel-area{height:12vh;margin-bottom:20px}.category-card-outer{width:320px}.category-card-content{padding:10px}.category-card-content h3{font-size:.9rem;margin-bottom:0}.category-card-content p{font-size:.7rem;line-height:1.3}.cylinder-info-area{width:95%;padding-bottom:100px}.cylinder-info-area h2{font-size:.9rem;margin-top:0}.substance-grid{grid-template-columns:1fr 1fr;gap:5px;padding-bottom:150px}.substance-detail-card{padding:10px}.substance-detail-card h4{font-size:.8rem;margin-bottom:0}.substance-detail-card p{font-size:.65rem;line-height:1.2}.risks-container h5{font-size:.7rem}.risks-container li{font-size:.65rem;line-height:1.2}}