:root{--ink:#070707;--paper:#f8f7f2;--purple:#9127ff;--lime:#9aff19;--orange:#ff8a00;--muted:#727272}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.site-header{height:92px;padding:0 clamp(24px,5vw,88px);display:flex;align-items:center;gap:42px;background:#050505;color:white;position:relative;z-index:30}.brand{align-self:flex-start;width:175px;height:118px;display:grid;place-items:center;background:#050505;clip-path:polygon(3% 0,97% 0,94% 85%,75% 91%,63% 87%,50% 100%,38% 87%,20% 94%,5% 85%)}.brand img{width:142px;height:auto}.site-nav{display:flex;gap:clamp(28px,5vw,78px);margin-left:auto}.site-nav a,.footer-links a{color:white;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.08em}.site-nav a:hover{color:var(--lime)}.locator{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;text-transform:uppercase;font-weight:1000;letter-spacing:.02em;color:#050505;transform:rotate(-1deg)}.locator--header{min-width:215px;padding:17px 24px;background:var(--orange);clip-path:polygon(2% 13%,7% 5%,15% 9%,23% 3%,33% 8%,44% 2%,54% 8%,67% 3%,78% 8%,90% 2%,98% 15%,94% 30%,99% 47%,94% 64%,98% 81%,90% 95%,78% 91%,66% 98%,53% 92%,42% 97%,31% 91%,17% 96%,6% 90%,2% 72%,5% 54%,1% 37%,5% 25%)}.menu-toggle{display:none}.hero{min-height:760px;position:relative;display:grid;grid-template-columns:45% 55%;align-items:center;overflow:hidden;padding:80px clamp(26px,6vw,110px) 130px;background:linear-gradient(90deg,rgba(246,246,241,.95),rgba(246,246,241,.5)),linear-gradient(135deg,#b9d3d7 0 45%,#55787c 46% 48%,#d6a56b 49% 100%)}.hero:after,.flavors:before,.quality:before{content:"";position:absolute;left:-2%;right:-2%;bottom:-1px;height:96px;background:var(--paper);clip-path:polygon(0 54%,3% 42%,6% 54%,10% 40%,14% 49%,18% 35%,22% 52%,27% 39%,31% 50%,36% 34%,40% 49%,44% 39%,49% 55%,54% 40%,59% 51%,64% 37%,70% 55%,75% 42%,81% 52%,87% 38%,92% 50%,96% 41%,100% 53%,100% 100%,0 100%)}.hero-copy{position:relative;z-index:3;max-width:660px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:1000;font-size:13px}.hero h1,.quality h2,.faq h2,.good-times strong,.section-heading,.flavor-card h2{font-family:Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:.88;margin:18px 0;transform:skew(-4deg)}.hero h1{font-size:clamp(58px,6vw,108px)}.hero h1 span,.faq h2 span{display:inline-block;position:relative;z-index:0}.hero h1 span:before,.faq h2 span:before{content:"";position:absolute;z-index:-1;left:-.08em;right:-.08em;top:.12em;bottom:.02em;background:var(--lime);transform:rotate(-2deg);clip-path:polygon(2% 10%,100% 0,96% 91%,0 100%)}.hero-intro{font-size:19px;line-height:1.5;max-width:480px}.paint-button{display:inline-flex;align-items:center;gap:28px;padding:18px 28px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:1000;font-style:italic;margin-top:20px;clip-path:polygon(2% 12%,8% 5%,19% 10%,29% 2%,39% 8%,53% 2%,67% 9%,79% 3%,97% 11%,94% 28%,100% 44%,96% 62%,99% 82%,91% 94%,77% 90%,65% 98%,49% 91%,34% 98%,22% 91%,7% 97%,2% 81%,6% 64%,1% 45%,6% 28%)}.paint-button--purple{background:var(--purple)}.paint-button--black{background:#050505}.paint-button b{font-size:24px}.hero-art{position:relative;height:570px;z-index:2}.pack{position:absolute;bottom:62px;width:230px;height:430px;border:15px solid #f6f3eb;border-radius:4px;box-shadow:0 17px 28px #0006;display:flex;flex-direction:column;justify-content:center;padding:24px;color:white;transform-origin:bottom center;clip-path:polygon(5% 0,95% 0,100% 3%,96% 100%,3% 100%,0 4%)}.pack:before{content:"SMOKE\A SYNDICATE";white-space:pre;position:absolute;left:15px;right:15px;top:17px;font:900 35px/26px Impact,'Arial Black';text-align:center;color:white;text-shadow:-4px -4px 0 #111,4px -4px 0 #111,-4px 4px 0 #111,4px 4px 0 #111}.pack small{margin-top:70px;text-transform:uppercase;font-weight:1000}.pack strong{font:50px/.82 Impact,'Arial Black';text-transform:uppercase;font-style:italic;text-shadow:3px 3px #111}.pack--purple{left:2%;background:linear-gradient(#6842a0,#972465 46%,#491b3e)}.pack--green{left:31%;background:linear-gradient(#b8e2e6,#3b9371 45%,#262037);transform:rotate(4deg)}.pack--orange{left:59%;background:linear-gradient(#86d7ef,#e26921 54%,#1f568e);transform:rotate(10deg)}.cartridge{position:absolute;width:320px;height:58px;background:#171717;bottom:130px;left:25%;z-index:8;border-radius:9px;transform:rotate(37deg);box-shadow:0 12px 20px #0007}.cartridge:before{content:"";position:absolute;width:74px;height:74px;right:-30px;top:-8px;border-radius:13px;background:#090909}.cartridge i{position:absolute;width:80px;height:36px;left:-68px;top:11px;background:linear-gradient(90deg,#c3a73e,#f4de72);border-radius:4px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);max-width:1380px;margin:auto;padding:85px 40px 105px;background:var(--paper)}.benefits article{text-align:center;padding:0 40px;border-right:3px solid #111}.benefits article:last-child{border:0}.benefits img{width:78px;height:78px}.benefits h2{font:italic 24px/1 Impact,'Arial Black';text-transform:uppercase;margin:10px 0 0}.flavors{position:relative;padding:30px max(24px,6vw) 150px;background:white;overflow:hidden}.section-heading{text-align:center;font-size:clamp(60px,8vw,130px);margin-bottom:3px}.section-heading span{position:relative;z-index:1}.section-heading span:after{content:"";position:absolute;left:45%;right:-3%;height:35%;top:54%;background:var(--lime);z-index:-1;transform:rotate(-3deg);clip-path:polygon(0 20%,100% 0,96% 90%,4% 100%)}.section-kicker{text-align:center;text-transform:uppercase;letter-spacing:.22em;font-weight:900;margin-bottom:50px}.flavor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1300px;margin:auto}.flavor-card{min-height:480px;padding:48px 38px;color:white;position:relative;overflow:hidden;box-shadow:0 20px 32px #0003;transform:rotate(-2deg);border:10px solid #f2eee7}.flavor-card:nth-child(2){transform:translateY(25px) rotate(2deg)}.flavor-card:nth-child(3){transform:rotate(3deg)}.flavor-card:after{content:"";position:absolute;width:280px;height:280px;border:3px solid #fff3;border-radius:50%;right:-70px;bottom:-70px}.flavor-card>span{position:absolute;right:25px;top:18px;font:70px Impact;opacity:.22}.flavor-card small{font-weight:1000;text-transform:uppercase;letter-spacing:.2em}.flavor-card h2{font-size:clamp(55px,6vw,92px);margin-top:120px;text-shadow:5px 5px #111}.flavor-card p{text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.05em}.flavor-card--purple{background:linear-gradient(145deg,#5b3f96,#ab256d 55%,#412136)}.flavor-card--green{background:linear-gradient(145deg,#a4d8dd,#439375 55%,#293c3d)}.flavor-card--orange{background:linear-gradient(145deg,#7bcce6,#f08328 58%,#395173)}.good-times{height:560px;position:relative;background:linear-gradient(#8ab1bb99,#8ab1bb99),url('../images/smoke-syndicate-premiumPhoto.webp') center/cover fixed;clip-path:polygon(0 7%,5% 4%,10% 8%,16% 3%,22% 8%,29% 4%,36% 7%,42% 2%,49% 6%,55% 3%,62% 8%,69% 4%,75% 7%,82% 2%,89% 7%,95% 4%,100% 8%,100% 94%,95% 97%,89% 93%,83% 98%,76% 94%,69% 98%,61% 93%,54% 97%,47% 94%,40% 99%,33% 94%,26% 98%,19% 93%,12% 98%,6% 94%,0 97%)}.good-times:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 17%,#1115 17.3% 17.8%,transparent 18% 25%);mix-blend-mode:multiply}.good-times-copy{position:absolute;right:9%;top:23%;color:#fff;text-transform:uppercase;transform:rotate(-5deg)}.good-times-copy span{display:block;font-weight:1000;font-style:italic;font-size:28px}.good-times strong{font-size:90px}.quality{position:relative;display:grid;grid-template-columns:43% 57%;min-height:680px;padding-top:20px;background:var(--paper);overflow:hidden}.quality:before{bottom:auto;top:-1px;transform:rotate(180deg);z-index:2}.quality-copy{padding:120px 8vw 100px;align-self:center}.quality h2{font-size:clamp(70px,7vw,112px);margin:15px 0 25px}.quality-copy>p:not(.eyebrow){font-size:19px;line-height:1.55;max-width:580px}.quality-photo{min-height:660px;clip-path:polygon(8% 4%,100% 0,100% 100%,0 96%,6% 80%,1% 64%,8% 47%,2% 30%)}.quality-photo img{width:100%;height:100%;object-fit:cover}.faq{background:var(--lime);padding:110px max(24px,8vw);display:grid;grid-template-columns:1fr 1fr;gap:70px}.faq>.eyebrow{grid-column:1/-1;margin:0}.faq h2{font-size:clamp(60px,7vw,110px);margin:0}.faq-list details{border-top:3px solid #111;padding:22px 0}.faq-list details:last-child{border-bottom:3px solid #111}.faq-list summary{font-weight:1000;text-transform:uppercase;cursor:pointer;font-size:18px}.faq-list p{line-height:1.6}.site-footer{min-height:510px;background:#050505 url('../images/smoke-syndicate-footer.webp') bottom center/cover no-repeat;color:white;text-align:center;padding:70px 20px 28px}.footer-inner{min-height:405px;display:flex;flex-direction:column;align-items:center}.footer-logo{width:310px}.site-footer p{font:italic 38px Impact,'Arial Black';text-transform:uppercase;margin:-20px 0 12px}.locator--footer{padding:17px 35px;background:#fff;clip-path:polygon(3% 5%,97% 1%,94% 14%,99% 29%,96% 47%,100% 64%,95% 83%,98% 96%,3% 99%,6% 83%,1% 67%,5% 48%,1% 30%,5% 16%)}.footer-links{display:flex;gap:25px;margin-top:auto;align-items:center;color:#bbb;font-size:11px;text-transform:uppercase}.footer-links a{font-size:11px}.menu-toggle{background:none;border:0;padding:8px}.menu-toggle span{width:28px;height:3px;background:white;margin:5px;display:block}
@media(max-width:900px){.site-header{height:74px;padding:0 18px}.brand{width:125px;height:91px}.brand img{width:105px}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;position:absolute;left:0;right:0;top:74px;background:#050505;flex-direction:column;padding:28px;text-align:center}.site-nav.is-open{display:flex}.locator--header{display:none}.hero{grid-template-columns:1fr;padding:100px 24px 100px}.hero-art{height:460px;margin-top:20px}.pack{width:42%;height:360px;padding:14px}.pack:before{font-size:24px;line-height:20px}.pack strong{font-size:35px}.pack--purple{left:0}.pack--green{left:29%}.pack--orange{left:57%}.cartridge{width:230px;left:18%}.benefits{grid-template-columns:1fr 1fr;padding:60px 15px}.benefits article{padding:25px 10px;border-right:0;border-bottom:2px solid #111}.flavor-grid{grid-template-columns:1fr}.flavor-card,.flavor-card:nth-child(2),.flavor-card:nth-child(3){transform:none}.good-times{height:420px;background-attachment:scroll}.good-times strong{font-size:65px}.quality{grid-template-columns:1fr}.quality-copy{padding:100px 30px 50px}.quality-photo{min-height:430px}.faq{grid-template-columns:1fr;gap:35px}.site-footer{min-height:440px}.footer-logo{width:230px}}@media(max-width:520px){.hero h1{font-size:54px}.hero-art{height:390px;margin-inline:-12px}.pack{height:315px;border-width:9px}.pack:before{font-size:18px;line-height:16px}.pack strong{font-size:28px}.cartridge{width:180px;height:44px;bottom:100px}.benefits h2{font-size:19px}.benefits img{width:58px;height:58px}.section-heading{font-size:53px}.flavor-card{min-height:400px}.flavor-card h2{margin-top:85px}.good-times-copy{right:5%}.good-times strong{font-size:56px}.footer-links{flex-wrap:wrap;justify-content:center}}
.hero-spray{position:absolute;inset:auto;pointer-events:none}.hero-spray--one{width:430px;height:430px;left:-170px;top:80px;border:70px solid #ffffff55;border-radius:50%;filter:blur(2px)}
.hero-art{height:620px;display:flex;align-items:center;justify-content:center}.hero-product-image{display:block;width:min(100%,780px);height:100%;object-fit:cover;object-position:center;-webkit-mask-image:url('../images/header_vector_mask.svg');mask-image:url('../images/header_vector_mask.svg');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:drop-shadow(0 18px 24px #0004)}
@media(max-width:900px){.hero-art{height:520px}.hero-product-image{width:100%;height:100%}}
@media(max-width:520px){.hero-art{height:390px}.hero-product-image{object-position:center}}

/* Reference-led hero and handwritten display typography */
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
.site-header{height:76px;padding-inline:clamp(24px,4vw,70px)}.brand{width:155px;height:100px}.brand img{width:128px}.site-nav{gap:clamp(30px,5vw,68px)}.locator--header{background:var(--lime);min-width:205px;padding-block:14px}
.hero{display:block;min-height:700px;padding:0;background:#d9e3df;isolation:isolate}.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(232,239,235,.12) 0%,rgba(232,239,235,0) 50%),linear-gradient(0deg,rgba(241,231,211,.7) 0%,rgba(241,231,211,0) 45%);pointer-events:none}.hero-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block}.hero-product-image{width:100%;max-width:none;height:100%;object-fit:cover;object-position:center 50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;filter:none}.hero-copy{position:absolute;z-index:3;left:clamp(30px,7vw,130px);top:47%;transform:translateY(-18%);width:min(39vw,570px);max-width:none}.hero .eyebrow{display:none}.hero h1,.quality h2,.faq h2,.good-times strong,.section-heading,.flavor-card h2{font-family:'Permanent Marker','Segoe Print',cursive;font-weight:400;letter-spacing:0;transform:rotate(-2deg)}.hero h1{font-size:clamp(50px,5vw,84px);line-height:.9;margin:0 0 18px}.hero-intro{display:none}.paint-button{font-family:'Permanent Marker','Segoe Print',cursive;font-style:normal}.paint-button--purple{background:var(--orange);color:#080808}.benefits h2,.site-footer p{font-family:'Permanent Marker','Segoe Print',cursive;font-style:normal;font-weight:400}.section-heading{font-size:clamp(58px,7vw,112px)}.quality h2,.faq h2{font-size:clamp(60px,6vw,100px)}
@media(max-width:900px){.site-header{height:74px}.hero{min-height:780px;padding:0}.hero-art{height:100%;margin:0}.hero-product-image{height:100%;object-position:58% center}.hero-copy{left:25px;top:auto;bottom:100px;transform:none;width:min(88%,520px);padding:24px;background:#f4eee0cc;clip-path:polygon(1% 4%,98% 0,100% 95%,3% 100%)}.hero h1{font-size:clamp(45px,10vw,68px)}.site-nav{top:74px}}
@media(max-width:520px){.hero{min-height:680px}.hero-art{height:100%;margin:0}.hero-copy{bottom:80px}.hero h1{font-size:43px}.paint-button{margin-top:8px}}
.hero:after,.hero-spray{display:none}
.locator--header,.locator--footer{min-width:0;padding:0;background:none;clip-path:none;transform:none}.locator img{display:block;width:100%;height:auto}.locator--header{width:230px}.locator--footer{width:min(310px,82vw)}
@media(max-width:900px){.locator--header{display:none}}
.brand{align-self:center;height:76px;background:transparent;clip-path:none}.brand img{max-height:72px;object-fit:contain}
@media(max-width:900px){.brand{height:70px}.brand img{max-height:66px}}
.hero{background:var(--paper)}.hero:before{display:none}.hero-explore-button{display:block;width:min(310px,75vw);margin-top:24px}.hero-explore-button img{display:block;width:100%;height:auto}
.hero,.benefits{background:#fff}
.hero-copy{top:43%}
@media(max-width:900px){.hero-copy{top:auto;bottom:125px}}
@media(max-width:520px){.hero-copy{bottom:105px}}
html,body{max-width:100%;overflow-x:hidden}.hero,.hero-art,.benefits,.flavors,.good-times,.quality,.faq,.site-footer{max-width:100%}
@media(max-width:520px){.hero-copy{left:18px;width:calc(100% - 36px)}.hero-explore-button{max-width:100%}}
.section-heading--image{transform:none;margin-inline:auto;width:min(821px,82vw)}.section-heading--image img{display:block;width:100%;height:auto}.section-heading--image span{display:none}
@media(min-width:901px){.hero{min-height:clamp(820px,78vh,980px)}}
.hero-copy-logo{display:block;width:min(330px,75%);height:auto;margin:0 0 18px -12px;transform:rotate(-7deg);filter:drop-shadow(0 7px 0 #0005)}
.flavor-grid--graphics{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:clamp(22px,4vw,70px);padding-block:35px 65px}.flavor-grid--graphics img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 9px #0002)}.flavor-grid--graphics img:nth-child(odd){transform:rotate(-3deg)}.flavor-grid--graphics img:nth-child(even){transform:rotate(3deg)}
@media(max-width:900px){.hero-copy-logo{width:min(240px,65%);margin-bottom:12px}.flavor-grid--graphics{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}.flavor-grid--graphics img{max-height:180px}}
@media(max-width:520px){.hero-copy-logo{width:190px}.flavor-grid--graphics{grid-template-columns:1fr;gap:32px}.flavor-grid--graphics img{width:min(330px,88%);max-height:none;margin:auto}}

/* Middle photo band: supplied artwork inside the supplied splatter mask */
.good-times{
  height:clamp(500px,38.6vw,741px);
  position:relative;
  background:url('../images/middle-smoke-syndicate-bg.webp') center/cover no-repeat;
  clip-path:none;
  -webkit-mask-image:url('../images/middle_vector_mask.svg');
  mask-image:url('../images/middle_vector_mask.svg');
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
.good-times:before{display:none}
@media(max-width:900px){.good-times{height:clamp(390px,56vw,500px)}}
@media(max-width:520px){
  .good-times{height:390px;background-position:center}
  .good-times-copy{top:27%;right:7%}
}

/* Pure-white page canvas */
:root{--paper:#fff}
html,body,main,.benefits,.flavors,.quality{background-color:#fff}
body:before{display:none}

/* Hero foreground product lineup and compact logo placement */
.hero-art{
  -webkit-mask-image:url('../images/header_vector_mask.svg');
  mask-image:url('../images/header_vector_mask.svg');
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
.hero-product-image{
  -webkit-mask-image:none;
  mask-image:none;
}
.hero--home .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:opacity}
.hero--home .hero-slide--one{animation:home-hero-slide-one 12s ease-in-out infinite}
.hero--home .hero-slide--two{opacity:0;animation:home-hero-slide-two 12s ease-in-out infinite}
@keyframes home-hero-slide-one{
  0%,42%,100%{opacity:1}
  50%,92%{opacity:0}
}
@keyframes home-hero-slide-two{
  0%,42%,100%{opacity:0}
  50%,92%{opacity:1}
}
.hero-products-foreground{
  position:absolute;
  z-index:2;
  right:clamp(18px,3vw,58px);
  bottom:clamp(30px,4vw,70px);
  width:min(53vw,850px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 20px 18px rgba(0,0,0,.28));
}
@media(min-width:901px){
  .hero-copy-logo{
    position:absolute;
    left:-10px;
    bottom:calc(100% + 8px);
    margin:0;
    width:min(300px,72%);
  }
}
@media(max-width:900px){
  .hero-copy-logo{margin-top:-38px;margin-bottom:4px}
  .hero-products-foreground{right:-6%;bottom:35px;width:min(76vw,610px)}
}
@media(max-width:520px){
  .hero-copy-logo{width:165px;margin-top:-30px;margin-bottom:2px}
  .hero-products-foreground{right:-13%;bottom:26px;width:92vw}
}

/* Keep hero content centered on wide screens while the artwork remains full bleed */
@media(min-width:901px){
  .hero-copy{
    left:max(5vw,calc((100vw - 1500px)/2 + 70px));
    width:min(520px,38vw);
  }
  .hero-products-foreground{
    right:max(3vw,calc((100vw - 1500px)/2 + 45px));
    width:min(760px,50vw);
  }
}

/* Consistent centered content width across the remaining sections */
@media(min-width:901px){
  .site-header{padding-inline:max(32px,calc((100vw - 1500px)/2 + 40px))}
  .benefits{
    width:calc(100% - 64px);
    max-width:1320px;
    padding-inline:20px;
  }
  .flavors{padding-inline:max(32px,calc((100vw - 1500px)/2 + 50px))}
  .flavor-grid--graphics{max-width:1280px}
  .quality-copy{padding-left:max(50px,calc((100vw - 1500px)/2 + 70px));padding-right:5vw}
  .faq{padding-inline:max(50px,calc((100vw - 1500px)/2 + 70px))}
  .footer-inner{width:min(100%,1320px);margin-inline:auto}
}

/* Clearer hero text and a larger desktop product lineup */
.hero h1 span:before{display:none}
.hero-art:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 34% 55% at 19% 48%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.58) 43%,rgba(255,255,255,0) 100%),
    radial-gradient(ellipse 35% 52% at 73% 56%,rgba(255,255,255,.48) 0%,rgba(255,255,255,.2) 52%,rgba(255,255,255,0) 100%);
}
@media(min-width:901px){
  .hero-products-foreground{
    width:min(900px,59vw);
    right:max(1.5vw,calc((100vw - 1500px)/2 + 8px));
    bottom:clamp(18px,2.5vw,48px);
  }
}

@media(min-width:901px){.hero{min-height:clamp(720px,68vh,840px)}}
.quality-title-line{white-space:nowrap}
@media(min-width:901px){.hero-copy{top:50%;transform:translateY(-50%)}}

/* Pull Quality beneath the masked band and crossfade its product photography */
.quality{margin-top:-70px;padding-top:0;z-index:2}
.quality:before{display:none}
.quality-photo{position:relative;overflow:hidden}
.quality-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.quality-photo img:first-child{animation:quality-photo-a 10s ease-in-out infinite}
.quality-photo img:last-child{opacity:0;animation:quality-photo-b 10s ease-in-out infinite}
@keyframes quality-photo-a{
  0%,42%,100%{opacity:1}
  50%,92%{opacity:0}
}
@keyframes quality-photo-b{
  0%,42%,100%{opacity:0}
  50%,92%{opacity:1}
}
@media(max-width:900px){.quality{margin-top:-35px}}
@media(prefers-reduced-motion:reduce){
  .quality-photo img{animation:none!important}
  .quality-photo img:last-child{display:none}
  .hero--home .hero-slide{animation:none!important}
  .hero--home .hero-slide--two{display:none}
  .coming-soon-background{animation:none!important}
  .coming-soon-background--two{display:none}
}
.good-times{z-index:3}
.quality{z-index:1}

/* Flavor product links */
.flavor-graphic-link{display:block;transform:rotate(-3deg);transition:transform .2s ease,filter .2s ease}
.flavor-graphic-link img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 9px #0002)}
.flavor-graphic-link:hover,.flavor-graphic-link:focus-visible{transform:rotate(-3deg) scale(1.06);filter:brightness(1.05)}
.flavor-graphic-link:focus-visible{outline:3px solid var(--lime);outline-offset:8px}
@media(max-width:900px){.flavor-graphic-link img{max-height:180px}}
@media(max-width:520px){.flavor-graphic-link{width:min(330px,88%);margin:auto}.flavor-graphic-link img{max-height:none}}

/* Footer artwork keeps its transparent torn edge over the white page */
.site-footer{
  position:relative;
  min-height:clamp(460px,32.76vw,629px);
  padding:clamp(82px,6vw,116px) 20px 24px;
  background-color:#fff;
  background-image:url('../images/smoke-syndicate-footer.webp');
  background-position:center bottom;
  background-size:100% 100%;
  background-repeat:no-repeat;
  color:#fff;
}
.footer-inner{position:relative;z-index:1;min-height:calc(clamp(460px,32.76vw,629px) - 120px)}
.footer-logo{width:clamp(280px,22vw,410px)}
.site-footer p{font-size:clamp(34px,3vw,52px);margin:-24px 0 12px}
.locator--footer{width:clamp(250px,18vw,330px)}
@media(max-width:700px){
  .site-footer{min-height:500px;padding-top:100px;background-size:auto 100%}
  .footer-inner{min-height:380px}
  .footer-logo{width:min(300px,76vw)}
  .site-footer p{font-size:36px}
}

/* Good Vibes flavor-notes band */
.flavor-notes-band{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:49% 51%;
  height:clamp(400px,38vw,590px);
  overflow:hidden;
  background:#050505;
  -webkit-mask-image:url('../images/middle_vector_mask.svg');
  mask-image:url('../images/middle_vector_mask.svg');
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
.flavor-notes-message{
  position:relative;
  display:grid;
  place-items:center;
  background:url('../images/middle-smoke-syndicate-bg.webp') center/cover no-repeat;
}
.flavor-splatter-copy{position:relative;width:min(72%,520px);transform:rotate(-4deg)}
.flavor-splatter-copy img{display:block;width:100%;height:auto}
.flavor-splatter-copy p{
  position:absolute;
  inset:18% 14% 15% 15%;
  display:grid;
  place-content:center;
  margin:0;
  color:#050505;
  text-align:center;
  text-transform:uppercase;
  font-family:'Permanent Marker','Segoe Print',cursive;
  font-size:clamp(25px,2.6vw,46px);
  line-height:.83;
  transform:rotate(-4deg);
}
.flavor-notes-panel{display:flex;flex-direction:column;justify-content:center;padding:55px clamp(32px,4vw,76px);background:#050505;color:#fff}
.flavor-notes-panel h2{margin:0 0 28px;width:min(300px,48%)}
.flavor-notes-panel h2 img{display:block;width:100%;height:auto}
.flavor-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,52px)}
.flavor-note-grid figure{margin:0}
.flavor-note-image{width:100%;aspect-ratio:1.12/1;background:#d9d9d9}
.flavor-note-grid figcaption{margin-top:10px;font-family:'Permanent Marker','Segoe Print',cursive;font-size:clamp(18px,1.5vw,28px);text-transform:uppercase}
@media(max-width:800px){
  .flavor-notes-band{grid-template-columns:1fr;height:780px}
  .flavor-notes-message{min-height:350px}
  .flavor-splatter-copy{width:min(390px,72%)}
  .flavor-splatter-copy p{font-size:clamp(26px,7vw,40px)}
  .flavor-notes-panel{padding:45px 24px 65px}
  .flavor-notes-panel h2{width:min(260px,62%)}
}
@media(max-width:520px){
  .flavor-notes-band{height:690px}
  .flavor-notes-message{min-height:310px}
  .flavor-note-grid{gap:12px}
  .flavor-note-grid figcaption{font-size:16px}
}
.js-hover-zoom{will-change:transform;cursor:zoom-in;transform-origin:center center}
.js-hover-zoom:focus-visible{outline:4px solid #9331fc;outline-offset:8px}
.product-page-hero-title{display:block;width:100%;max-width:560px;height:auto;filter:drop-shadow(0 12px 10px rgba(0,0,0,.18))}
.product-blurb strong{color:#9331FC}
@media(max-width:900px){
  .hero--product .hero-copy{padding:0;background:none;clip-path:none}
  .product-page-hero-title{width:min(520px,88vw)}
}

/* Footer artwork is 1920x629: match the box aspect so wide screens stop cropping its top band */
.site-footer{aspect-ratio:1920/629}

/* Goodvibes Only product detail (reference mock: info left, product shot right) */
.product-detail{background:#fff;padding:clamp(54px,6vw,86px) max(32px,calc((100vw - 1500px)/2 + 40px))}
.product-detail-inner{max-width:1280px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,96px);align-items:center}
.product-strain{margin:0;text-transform:uppercase;letter-spacing:.24em;font-weight:900;font-size:14px;color:#8b3fc6}
.product-title{font-family:'Permanent Marker','Segoe Print',cursive;font-weight:400;font-size:clamp(42px,4.6vw,68px);line-height:1;margin:10px 0 16px;transform:rotate(-2deg)}
.product-stars{display:flex;gap:6px}
.product-stars svg{width:22px;height:22px;fill:#8b3fc6}
.product-blurb{font-size:17px;line-height:1.65;max-width:520px;margin:22px 0 0}
.product-effects{list-style:none;display:flex;gap:clamp(28px,4.5vw,60px);margin:36px 0 0;padding:0}
.product-effects li{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.effect-icon{display:grid;place-items:center}
.effect-icon img{height:54px;width:auto;display:block}
.product-shot img{display:block;width:100%;max-width:580px;height:auto;margin-inline:auto}
@media(max-width:900px){
  .product-detail{padding:48px 24px}
  .product-detail-inner{display:flex;flex-direction:column;gap:36px}
  .product-shot{order:-1}
  .product-shot img{max-width:390px}
  .product-blurb{max-width:none}
}
@media(max-width:520px){
  .product-effects{gap:22px}
  .effect-icon img{height:40px}
  .product-effects li{gap:9px;font-size:11px}
}

/* Dedicated FAQ page */
.site-nav a[aria-current="page"]{color:var(--lime)}
.faq-hero{position:relative;display:grid;place-items:center;min-height:500px;padding:90px 24px 130px;overflow:hidden;background:#9331FC;color:#fff;text-align:center;-webkit-mask-image:url('../images/header_vector_mask.svg');mask-image:url('../images/header_vector_mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.faq-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 30%,rgba(255,255,255,.18),transparent 26%),radial-gradient(circle at 85% 70%,rgba(154,255,25,.22),transparent 30%)}
.faq-hero-inner{position:relative;z-index:1;max-width:1050px}
.faq-hero .eyebrow{margin:0;color:var(--lime)}
.faq-hero h1{margin:18px 0 24px;font-family:'Permanent Marker','Segoe Print',cursive;font-size:clamp(58px,7.4vw,118px);font-weight:400;line-height:.88;text-transform:uppercase;transform:rotate(-2deg)}
.faq-hero h1 span{color:var(--lime)}
.faq-hero-inner>p:last-child{max-width:650px;margin:0 auto;font-size:clamp(17px,1.5vw,22px);line-height:1.5}
.faq-page{padding:clamp(70px,8vw,130px) max(24px,calc((100vw - 1500px)/2 + 70px));background:#fff}
.faq-page-inner{display:grid;grid-template-columns:minmax(260px,390px) minmax(0,780px);justify-content:space-between;gap:clamp(50px,8vw,130px);max-width:1360px;margin:auto}
.faq-intro{align-self:start;position:sticky;top:115px}
.faq-intro .eyebrow{color:#9331FC;margin:0}
.faq-intro h2{margin:12px 0 24px;font-family:'Permanent Marker','Segoe Print',cursive;font-size:clamp(52px,5vw,78px);font-weight:400;line-height:.9;text-transform:uppercase;transform:rotate(-2deg)}
.faq-intro>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:360px}
.faq-locator{display:block;width:min(270px,100%);margin-top:28px}
.faq-locator img{display:block;width:100%;height:auto}
.faq-accordion h3{margin:0 0 8px;padding-top:28px;color:#9331FC;font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.faq-accordion h3:first-child{padding-top:0}
.faq-accordion details{border-bottom:2px solid #111}
.faq-accordion summary{position:relative;padding:25px 55px 25px 0;cursor:pointer;list-style:none;font-family:'Permanent Marker','Segoe Print',cursive;font-size:clamp(21px,2vw,29px);line-height:1.15;text-transform:uppercase}
.faq-accordion summary::-webkit-details-marker{display:none}
.faq-accordion summary:after{content:"+";position:absolute;right:8px;top:50%;color:#9331FC;font:400 38px/1 Arial,sans-serif;transform:translateY(-50%) rotate(0);transition:transform .2s ease}
.faq-accordion details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.faq-accordion details p{max-width:700px;margin:-4px 55px 25px 0;font-size:16px;line-height:1.7}
.faq-accordion summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
@media(max-width:800px){
  .faq-hero{min-height:390px;padding-top:75px}
  .faq-page-inner{grid-template-columns:1fr;gap:45px}
  .faq-intro{position:static}
  .faq-intro>p:not(.eyebrow){max-width:620px}
}
@media(max-width:520px){
  .faq-hero{min-height:340px;padding-inline:18px}
  .faq-hero h1{font-size:49px}
  .faq-page{padding:58px 20px 75px}
  .faq-accordion summary{padding-block:22px;font-size:20px}
  .faq-accordion details p{margin-right:12px}
}

/* Full-screen Coming Soon page */
.coming-soon-page{min-height:100%;background:#050505;overflow:hidden}
.coming-soon-page:before{display:none}
.coming-soon{position:relative;display:grid;place-items:center;min-height:100vh;min-height:100svh;padding:40px 24px;isolation:isolate;overflow:hidden}
.coming-soon-background{position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;will-change:opacity}
.coming-soon-background--one{background-image:url('../images/smoke-syndicate-header_slider_1.webp');animation:coming-soon-slide-one 12s ease-in-out infinite}
.coming-soon-background--two{opacity:0;background-image:url('../images/smoke-syndicate-header_slider_2.webp');animation:coming-soon-slide-two 12s ease-in-out infinite}
.coming-soon-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,rgba(5,5,5,.82),rgba(52,6,88,.72) 52%,rgba(5,5,5,.76)),radial-gradient(circle at center,rgba(147,49,252,.18),transparent 52%)}
@keyframes coming-soon-slide-one{
  0%,42%,100%{opacity:1}
  50%,92%{opacity:0}
}
@keyframes coming-soon-slide-two{
  0%,42%,100%{opacity:0}
  50%,92%{opacity:1}
}
.coming-soon-content{position:relative;z-index:2;width:min(760px,100%);padding:clamp(35px,5vw,70px);text-align:center;color:#fff;background:radial-gradient(ellipse at center,rgba(5,5,5,.72),rgba(5,5,5,.22) 58%,transparent 74%)}
.coming-soon-logo{display:block;width:clamp(220px,25vw,380px);height:auto;margin:0 auto clamp(12px,2vw,28px);filter:drop-shadow(0 12px 16px rgba(0,0,0,.5))}
.coming-soon-kicker{margin:0;color:var(--lime);font-size:clamp(11px,1.1vw,15px);font-weight:900;letter-spacing:.23em;text-transform:uppercase}
.coming-soon h1{width:min(88%,340px);margin:15px auto 0;font-family:'Permanent Marker','Segoe Print',cursive;font-size:clamp(42px,4.8vw,72px);font-weight:400;line-height:.76;text-transform:uppercase;transform:rotate(-2deg);text-shadow:0 8px 0 rgba(0,0,0,.28)}
.coming-soon h1 span{color:#9331FC;-webkit-text-stroke:2px #fff;text-shadow:5px 7px 0 rgba(0,0,0,.48)}
.coming-soon-note{margin:0;font-family:'Permanent Marker','Segoe Print',cursive;font-size:clamp(19px,2vw,30px);text-transform:uppercase}
@media(max-width:520px){
  .coming-soon{padding-inline:14px}
  .coming-soon-background{background-position:60% center}
  .coming-soon-content{padding:32px 8px}
  .coming-soon-logo{width:min(260px,72vw)}
  .coming-soon h1{width:min(230px,72vw);font-size:clamp(42px,13vw,58px)}
  .coming-soon h1 span{-webkit-text-stroke:1px #fff}
}

/* Temporary sibling product pages */
.product-page-hero-title--flavor{max-width:480px;filter:drop-shadow(0 12px 8px rgba(0,0,0,.25))}
.product-page-hero-text{margin:0!important;color:#9331FC;font-size:clamp(62px,7vw,112px)!important;line-height:.8!important;text-shadow:4px 4px 0 #fff,8px 8px 0 rgba(0,0,0,.28)}
.temporary-art-note{margin:8px 0 0;text-align:center;color:#777;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.product-page .product-strain{color:var(--product-accent,#9331FC)}
.product-page .product-stars svg{fill:var(--product-accent,#9331FC)}
.product-page .product-blurb strong{color:var(--product-accent,#9331FC)}
.product-page .js-hover-zoom:focus-visible{outline-color:var(--product-accent,#9331FC)}
.product-page .site-footer{background-image:var(--product-footer,url('../images/smoke-syndicate-footer.webp'))}
.flavor-graphic-link--cloud{display:grid;place-items:center;min-height:170px;text-decoration:none}
.flavor-graphic-link--cloud span{color:#9331FC;font-family:'Permanent Marker','Segoe Print',cursive;font-size:clamp(45px,5vw,76px);font-weight:400;line-height:.72;text-align:center;text-transform:uppercase;text-shadow:3px 3px 0 #111;transform:rotate(-5deg)}
@media(max-width:520px){
  .product-page-hero-text{font-size:clamp(54px,18vw,78px)!important}
  .flavor-graphic-link--cloud{min-height:130px}
}