:root{--black: #040506;--panel: #0c0e12;--panel-2: #11151c;--white: #ffffff;--muted: #aab3bd;--cyan: #00f2ff;--magenta: #ff34f5;--gold: #ffd76a;--line: rgba(255,255,255,.13);--shadow: 0 30px 100px rgba(0,0,0,.55);--max: 1160px;--head: "Space Grotesk", system-ui, sans-serif;--body: "Manrope", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{max-width:100%}body{margin:0;color:var(--white);font-family:var(--body);line-height:1.72;background:radial-gradient(circle at 18% 10%,rgba(0,242,255,.14),transparent 24rem),radial-gradient(circle at 88% 18%,rgba(255,52,245,.13),transparent 28rem),linear-gradient(180deg,#020304,var(--black) 42%,#07080b);overflow-x:hidden}.smoke-layer{position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 20% 20%,rgba(255,255,255,.08),transparent 26rem),radial-gradient(ellipse at 82% 72%,rgba(255,255,255,.05),transparent 30rem);filter:blur(18px);animation:slowSmoke 16s ease-in-out infinite alternate}.neon-grid{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(0,242,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,52,245,.1) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);mask-image:linear-gradient(to bottom,#000,transparent 78%)}@keyframes slowSmoke{0%{opacity:.72;filter:blur(18px)}to{opacity:1;filter:blur(24px)}}a{color:inherit}figure{margin:0}img{display:block;width:100%;height:auto;object-fit:contain}.vapers-hero,.section{width:min(var(--max),calc(100% - 40px));margin:0 auto}.vapers-nav{position:relative;z-index:5;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ghost-link,.solid-link,.btn-primary,.btn-secondary{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.ghost-link,.btn-secondary{color:var(--white);background:#ffffff14;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ghost-link:before{content:"<";margin-right:.65rem}.solid-link,.btn-primary{color:#001114;background:linear-gradient(135deg,var(--cyan),var(--magenta));border:1px solid rgba(255,255,255,.24);box-shadow:0 18px 52px #00f2ff38}.ghost-link:hover,.solid-link:hover,.btn-primary:hover,.btn-secondary:hover{transform:translateY(-3px)}.btn-secondary:hover,.ghost-link:hover{color:#001114;background:var(--cyan)}.vapers-hero{position:relative;min-height:100vh}.hero-bg{position:absolute;inset:78px 0 0;z-index:0;background:linear-gradient(180deg,rgba(4,5,6,.24),var(--black)),url(/assets/travel-of-vapers/What-are-the-Dangers-of-Vaping-1080x675-1.jpg) center/cover no-repeat;opacity:.58}.hero-content{position:relative;z-index:2;min-height:calc(100vh - 78px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(2rem,6vw,5rem) 0}.hero-logo{width:min(520px,86vw);margin-bottom:clamp(1.2rem,3vw,2.2rem);filter:drop-shadow(0 0 34px rgba(0,242,255,.72))}.eyebrow{margin:0 0 1rem;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}h1,h2,h3{margin:0;font-family:var(--head);line-height:.98;letter-spacing:0}h1{max-width:980px;font-size:clamp(3rem,7vw,6.8rem);text-transform:uppercase;text-shadow:0 0 26px rgba(0,0,0,.8)}h2{max-width:980px;font-size:clamp(2.2rem,5vw,4.55rem)}h3{font-size:clamp(1.1rem,1.8vw,1.55rem);line-height:1.2}.hero-lead,.section-head p,.split p,.final-card p{color:var(--muted);font-size:clamp(1rem,1.2vw,1.16rem)}.hero-lead{max-width:760px;margin:1.25rem auto 0;color:#ffffffdb;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2rem}.section{padding:clamp(4rem,8vw,7rem) 0;border-top:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.metrics article,.tool-grid article,.identity-card,.image-panel,.final-card{border:1px solid var(--line);background:#11151cd6;box-shadow:var(--shadow)}.metrics article{min-height:126px;display:grid;align-content:space-between;border-radius:22px;padding:1rem}.metrics strong{color:var(--cyan);font-size:clamp(1.5rem,2.5vw,2.35rem);line-height:1}.metrics span,.tool-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.split.reverse{grid-template-columns:minmax(360px,.95fr) minmax(0,1fr)}.image-panel{border-radius:28px;overflow:hidden}.image-panel img{padding:clamp(.45rem,1.2vw,.85rem);border-radius:inherit}.image-panel.vertical img{max-height:820px}.dark-band,.gallery-band{width:100%;max-width:none;padding-left:max(20px,calc((100% - var(--max)) / 2));padding-right:max(20px,calc((100% - var(--max)) / 2))}.dark-band{background:radial-gradient(circle at 20% 0,rgba(0,242,255,.16),transparent 26rem),linear-gradient(135deg,#050607,var(--panel-2))}.gallery-band{background:radial-gradient(circle at 86% 10%,rgba(255,52,245,.16),transparent 26rem),#07080b}.section-head{max-width:920px;margin-bottom:clamp(2rem,4vw,3rem)}.section-head.centered{margin-inline:auto;text-align:center}.identity-card{width:min(var(--max),100%);margin:0 auto;border-radius:34px;padding:clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.identity-card>img{filter:drop-shadow(0 0 30px rgba(0,242,255,.32))}.identity-points{display:grid;gap:.9rem}.identity-points article,.tool-grid article{border-radius:20px;padding:1rem}.identity-points article{background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.identity-points span{color:var(--magenta);font-weight:900}.identity-points strong,.tool-grid strong{display:block;color:var(--white)}.identity-points p{margin:.35rem 0 0;color:var(--muted)}.flavor-atlas{position:relative;overflow:hidden;contain:paint;border:1px solid rgba(255,255,255,.16);border-radius:36px;padding:clamp(1rem,4vw,2rem);background:radial-gradient(circle at 15% 18%,rgba(0,242,255,.22),transparent 24rem),radial-gradient(circle at 85% 78%,rgba(255,52,245,.2),transparent 24rem),linear-gradient(145deg,#11151cf0,#040506f0);box-shadow:0 40px 120px #00000094}.flavor-smoke,.flavor-smoke:before,.flavor-smoke:after{position:absolute;pointer-events:none;border-radius:999px;filter:blur(28px);background:radial-gradient(circle,rgba(255,255,255,.2),transparent 60%),radial-gradient(circle at 70% 35%,rgba(0,242,255,.18),transparent 55%)}.flavor-smoke{inset:auto auto -10% 0;width:40%;aspect-ratio:1.35;opacity:.62;animation:flavorSmokeA 13s ease-in-out infinite alternate}.flavor-smoke:before{content:"";inset:-46% -58% auto auto;width:106%;aspect-ratio:1.4;opacity:.55;animation:flavorSmokeB 16s ease-in-out infinite alternate}.flavor-smoke:after{content:"";inset:-20% auto auto 75%;width:95%;aspect-ratio:1.1;opacity:.42;background:radial-gradient(circle,rgba(255,52,245,.18),transparent 58%),radial-gradient(circle at 20% 70%,rgba(255,255,255,.14),transparent 55%);animation:flavorSmokeC 18s ease-in-out infinite alternate}@keyframes flavorSmokeA{0%{transform:translate3d(-4%,6%,0) scale(1)}to{transform:translate3d(18%,-12%,0) scale(1.2)}}@keyframes flavorSmokeB{0%{transform:translate3d(8%,0,0) scale(.95)}to{transform:translate3d(-14%,12%,0) scale(1.15)}}@keyframes flavorSmokeC{0%{transform:translate3d(0,10%,0) scale(1)}to{transform:translate3d(-20%,-8%,0) scale(1.2)}}.atlas-intro{position:relative;z-index:1;max-width:780px;margin-bottom:clamp(1.5rem,4vw,2.6rem)}.flavor-count{margin:0;color:#ffffffa6;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.flavor-count span{color:var(--cyan);text-shadow:0 0 18px rgba(0,242,255,.7)}.atlas-intro h3{position:relative;z-index:1;margin-top:.45rem;color:var(--cyan);font-size:clamp(2.8rem,8vw,6.2rem);text-transform:uppercase;text-shadow:0 0 22px rgba(0,242,255,.45),0 12px 40px rgba(0,0,0,.8)}.atlas-intro p:not(.flavor-count){max-width:680px;color:#ffffffc2;font-size:clamp(1rem,1.2vw,1.14rem)}.atlas-map{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:.85rem}.stamp{position:relative;min-height:210px;height:210px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:.95rem;background:linear-gradient(160deg,rgba(255,255,255,.065),transparent 32%),linear-gradient(180deg,#ffffff09,#ffffff04),#080a0ec7;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}.stamp:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;pointer-events:none}.stamp:after{content:"";position:absolute;width:110px;height:110px;right:-34px;bottom:-36px;border-radius:50%;background:radial-gradient(circle,var(--stamp-color, var(--cyan)),transparent 64%);opacity:.18;transition:transform .28s ease,opacity .28s ease}.stamp:hover{z-index:4;transform:translateY(-7px);border-color:color-mix(in srgb,var(--stamp-color, var(--cyan)) 70%,white 10%);box-shadow:0 0 34px color-mix(in srgb,var(--stamp-color, var(--cyan)) 28%,transparent),0 28px 80px #0000009e}.stamp:hover:after{opacity:.38;transform:scale(1.2)}.stamp small{position:relative;z-index:1;color:var(--stamp-color, var(--cyan));font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.stamp-visual{position:relative;z-index:1;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:.85rem}.stamp-visual i{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;font-style:normal;line-height:1}.flag-img{width:72px;height:48px;flex:0 0 72px;border-radius:12px;object-fit:cover;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 34px #0000005c,inset 0 0 24px #ffffff0d}.stamp-visual i{color:#001114;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.86),transparent 22%),linear-gradient(135deg,color-mix(in srgb,var(--stamp-color, var(--cyan)) 78%,white 12%),var(--stamp-color, var(--cyan)));font-size:1.35rem;box-shadow:0 0 24px color-mix(in srgb,var(--stamp-color, var(--cyan)) 30%,transparent),inset 0 -10px 18px #0000001f}.stamp strong{position:relative;z-index:1;display:block;color:var(--white);font-family:var(--head);font-size:clamp(1rem,1.8vw,1.35rem);line-height:1;text-transform:uppercase;text-shadow:0 0 18px rgba(0,0,0,.9)}.stamp span{position:relative;z-index:1;display:block;color:#ffffffad;font-size:.78rem;font-weight:800;line-height:1.35}.hero-stamp{grid-column:auto;grid-row:auto;min-height:210px;height:210px;padding:.95rem;background:linear-gradient(160deg,rgba(255,255,255,.08),transparent 32%),radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--stamp-color, var(--cyan)) 28%,transparent),transparent 18rem),#050608c7}.hero-stamp strong{font-size:clamp(1rem,1.8vw,1.35rem)}.hero-stamp .stamp-visual{min-height:70px}.hero-stamp .stamp-visual i{width:42px;height:42px;border-radius:14px;font-size:1.35rem}.hero-stamp span{max-width:none;font-size:.78rem}.cold{--stamp-color: var(--cyan)}.fruit{--stamp-color: #67ff9a}.drink{--stamp-color: #ff34f5}.sweet{--stamp-color: var(--gold)}.tobacco{--stamp-color: #ff8a4c}.atlas-legend{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.atlas-legend span{border:1px solid color-mix(in srgb,var(--stamp-color, var(--cyan)) 52%,rgba(255,255,255,.14));border-radius:999px;padding:.45rem .8rem;color:var(--stamp-color, var(--cyan));background:#ffffff0d;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.poster-grid .wide{grid-column:1 / -1}.check-list{display:grid;gap:.8rem;padding:0;margin:1.5rem 0 0;list-style:none}.check-list li{color:var(--muted);border:1px solid var(--line);border-radius:18px;background:#ffffff0f;padding:.9rem 1rem}.check-list li:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:.7rem}.image-stack,.photo-grid,.tool-grid{display:grid;gap:1rem}.image-panel.light{background:#fff}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolkit{text-align:center}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-grid article{min-height:150px;background:#ffffff0f}.tool-grid strong{color:var(--cyan);font-family:var(--head);font-size:1.15rem}.tool-grid span{margin-top:.7rem;line-height:1.5;text-transform:none;letter-spacing:0;font-size:.94rem}.final-section{padding-bottom:clamp(4rem,8vw,7rem)}.final-card{border-radius:38px;padding:clamp(1.2rem,4vw,3rem);display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}.final-card img{border-radius:24px}.final-card p{max-width:740px}.reveal{opacity:0;transform:translateY(30px);filter:blur(8px);transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1),filter .78s cubic-bezier(.22,1,.36,1)}.reveal.in-view{opacity:1;transform:none;filter:none}@media(max-width:980px){.split,.split.reverse,.identity-card,.final-card{grid-template-columns:1fr}.metrics,.photo-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-map{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-stamp{grid-column:auto}}@media(max-width:640px){.vapers-hero,.section{width:min(var(--max),calc(100vw - 28px))}.vapers-nav{flex-direction:column;align-items:stretch;padding:.9rem 0}.ghost-link,.solid-link,.btn-primary,.btn-secondary{width:100%;padding-inline:14px;text-align:center}.hero-actions{flex-direction:column;width:100%}h1{font-size:clamp(2.45rem,11vw,3.9rem)}h2{font-size:clamp(2rem,10vw,3.1rem)}.metrics,.poster-grid,.photo-grid,.tool-grid{grid-template-columns:1fr}.dark-band,.gallery-band{width:100%;max-width:none}.image-panel,.identity-card,.final-card{border-radius:20px}.flavor-atlas{border-radius:22px;padding:1rem}.atlas-intro h3{font-size:clamp(2.2rem,13vw,3.8rem);overflow-wrap:anywhere}.atlas-map{grid-template-columns:1fr;grid-auto-rows:auto}.stamp,.hero-stamp{grid-column:auto;grid-row:auto;min-height:210px;height:210px;transform:none}.hero-stamp strong{font-size:clamp(1rem,1.8vw,1.35rem)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;filter:none}}html,body{height:auto!important;min-height:100%!important;overflow-x:hidden;overflow-y:auto!important;overscroll-behavior-y:auto;touch-action:pan-y;scrollbar-gutter:stable}