:root{
  --black:#050505;
  --black-2:#0b0b0b;
  --bone:#e8e2d5;
  --bone-2:#f5f0e7;
  --ash:#8b8982;
  --metal:#c9c9c3;
  --ink:#111111;
  --blood:#4a0d0d;
  --line:rgba(232,226,213,.22);
  --shadow:0 30px 100px rgba(0,0,0,.45);
  --hero-can-opacity:0;
  --hero-can-scale:.88;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--black);
  color:var(--bone);
  overflow-x:hidden;
  cursor:none;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--bone);color:var(--black)}
.noise{
  position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.12;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");
}
.mouse-light{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,.03) 38%,transparent 70%);transform:translate(-50%,-50%);z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.8}
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:2000;transform:translate(-50%,-50%);border-radius:999px}
.cursor-dot{width:6px;height:6px;background:var(--bone)}
.cursor-ring{width:34px;height:34px;border:1px solid rgba(232,226,213,.55);transition:width .2s,height .2s,border-color .2s,background .2s}
.cursor-ring.is-hover{width:58px;height:58px;background:rgba(232,226,213,.08);border-color:var(--bone)}
#particles{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.8}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px 34px;background:linear-gradient(180deg,rgba(5,5,5,.82),rgba(5,5,5,0));backdrop-filter:blur(10px)}
.brand-mark{display:flex;align-items:center;gap:10px;filter:invert(1) grayscale(1) contrast(1.35);mix-blend-mode:screen}
.brand-mark img{width:92px;height:42px;object-fit:contain;border-radius:2px}
.main-nav{display:flex;gap:24px;color:rgba(232,226,213,.78);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.main-nav a,.header-cta{transition:color .25s,opacity .25s}.main-nav a:hover,.header-cta:hover{color:white}
.header-cta{border:1px solid var(--line);padding:11px 14px;border-radius:999px;color:var(--bone);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;background:rgba(255,255,255,.03)}
.section-dark{background:var(--black);color:var(--bone);position:relative;isolation:isolate}
.section-inner{width:min(1180px,calc(100% - 48px));margin:0 auto;position:relative;z-index:4}
.hero{min-height:100svh;display:grid;place-items:center;padding:120px 24px 80px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(232,226,213,.11),transparent 28%),linear-gradient(180deg,#020202,#0c0c0c 50%,#050505)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(circle at center,black 0,transparent 72%);opacity:.5;z-index:0}
.hero-content{position:relative;z-index:6;text-align:center;max-width:880px;margin-top:20px;transform:translateY(-35px)}
.eyebrow{font-size:12px;line-height:1.3;text-transform:uppercase;letter-spacing:.24em;color:var(--metal);font-weight:900;margin:0 0 20px}.eyebrow.dark{color:#302e2a}
h1,h2,h3,p{margin-top:0}h1{font-family:Cinzel,serif;font-size:clamp(54px,8vw,126px);line-height:.86;letter-spacing:-.06em;text-transform:uppercase;margin-bottom:28px;text-shadow:0 0 40px rgba(255,255,255,.16)}h1 span{font-family:UnifrakturCook,Cinzel,serif;letter-spacing:.005em;text-transform:none;font-size:.82em}
.hero-copy{max-width:610px;margin:0 auto 30px;color:rgba(232,226,213,.76);font-size:clamp(16px,2vw,20px);line-height:1.55}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;text-transform:uppercase;font-size:12px;letter-spacing:.15em;font-weight:950;transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;border:1px solid transparent}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-120%);transition:transform .55s}.btn:hover:before{transform:translateX(120%)}.btn-primary{background:var(--bone);color:var(--black);box-shadow:0 16px 44px rgba(232,226,213,.16)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(232,226,213,.26)}.btn-ghost{border-color:var(--line);color:var(--bone);background:rgba(255,255,255,.03)}.btn-ghost:hover{background:rgba(232,226,213,.08);transform:translateY(-3px)}.btn-dark{background:var(--black);color:var(--bone)}
.can-stage{position:absolute;left:50%;top:52%;width:min(430px,52vw);transform:translate(-50%,-40%) scale(var(--hero-can-scale));z-index:3;pointer-events:none;opacity:var(--hero-can-opacity);transition:none;will-change:transform,opacity;backface-visibility:hidden;mix-blend-mode:normal}.can-glow{position:absolute;inset:3% -22%;background:radial-gradient(circle,rgba(255,255,255,.32),rgba(255,255,255,.08) 32%,transparent 67%);filter:blur(24px);z-index:-1;opacity:.7}.hero-can{width:100%;margin:auto;filter:drop-shadow(0 38px 70px rgba(0,0,0,.75)) saturate(.95);animation:floatCan 5.8s ease-in-out infinite;will-change:transform;transform:translateZ(0)}.shine{position:absolute;top:8%;left:20%;width:28%;height:82%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);filter:blur(10px);transform:skewX(-12deg);animation:shine 6s ease-in-out infinite;opacity:.7}
.halo{position:absolute;width:min(620px,82vw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(232,226,213,.18);box-shadow:inset 0 0 80px rgba(232,226,213,.05),0 0 90px rgba(232,226,213,.08);z-index:3;animation:slowSpin 44s linear infinite}.halo:before,.halo:after{content:"";position:absolute;inset:9%;border:1px dashed rgba(232,226,213,.15);border-radius:50%}.halo:after{inset:22%;border-style:solid;opacity:.35}
.hero-bg-symbol{position:absolute;z-index:2;opacity:.17;filter:invert(1) grayscale(1);mix-blend-mode:screen}.hero-bg-symbol img{width:100%}.symbol-left{left:-90px;bottom:-90px;width:min(510px,48vw)}.symbol-right{right:-110px;top:80px;width:min(470px,42vw)}
.fog{position:absolute;width:70vw;height:28vh;left:15vw;bottom:-4vh;background:radial-gradient(ellipse,rgba(255,255,255,.16),transparent 68%);filter:blur(38px);z-index:4;opacity:.35;animation:fogMove 13s ease-in-out infinite}.fog-two{left:35vw;bottom:2vh;animation-duration:18s;opacity:.22}
.scroll-cue{position:absolute;bottom:26px;z-index:8;display:flex;align-items:center;gap:12px;color:rgba(232,226,213,.65);font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:900}.scroll-cue i{width:42px;height:1px;background:var(--line);display:block;position:relative}.scroll-cue i:after{content:"";position:absolute;left:0;top:0;width:10px;height:1px;background:var(--bone);animation:lineRun 1.6s linear infinite}
.manifesto{background:var(--bone-2);color:var(--black);padding:125px 0;position:relative;overflow:hidden}.manifesto:after{content:"PURO";position:absolute;right:-4vw;bottom:-8vw;font-family:UnifrakturCook,serif;font-size:27vw;color:rgba(0,0,0,.035);line-height:1}.manifesto-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:70px;align-items:center}
.stamp{position:relative;overflow:hidden;isolation:isolate;z-index:2}
.stamp:before{content:"";position:absolute;left:-12%;right:-12%;bottom:-54%;height:72%;z-index:-1;background:radial-gradient(70% 38% at 24% 0%,rgba(5,5,5,.13),transparent 58%),radial-gradient(82% 42% at 72% 6%,rgba(5,5,5,.10),transparent 60%),linear-gradient(180deg,rgba(5,5,5,.015),rgba(5,5,5,.12));border-radius:48% 52% 0 0/30% 32% 0 0;animation:waterBoxFill 7.5s ease-in-out infinite;opacity:.68;}
.stamp:after{content:"";position:absolute;left:-20%;right:-20%;bottom:22%;height:18px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(5,5,5,.13),transparent);filter:blur(6px);animation:waterShimmer 4.4s linear infinite;opacity:.55;}
@keyframes waterBoxFill{0%,100%{transform:translateY(10%) skewY(-1.5deg)}50%{transform:translateY(-6%) skewY(1.5deg)}}
@keyframes waterShimmer{0%{transform:translateX(-18%)}100%{transform:translateX(18%)}}
.stamp{border:2px solid var(--black);min-height:360px;display:grid;place-items:center;text-align:center;font-family:Archivo Black,sans-serif;font-size:clamp(36px,6vw,76px);line-height:.9;letter-spacing:-.06em;transform:rotate(-3deg);background:linear-gradient(135deg,rgba(0,0,0,.03),transparent);box-shadow:14px 14px 0 #111}.manifesto h2,.section-heading h2,.detail-copy h2,.dia h2,.contact h2{font-family:Cinzel,serif;font-size:clamp(36px,5vw,72px);line-height:.94;letter-spacing:-.055em;text-transform:uppercase}.manifesto p{font-size:20px;line-height:1.55;color:#282723}.quote{font-family:UnifrakturCook,serif!important;font-size:36px!important;line-height:1!important;color:#050505!important;margin-top:30px}
.ritual{padding:130px 0;background:radial-gradient(circle at 50% 20%,rgba(232,226,213,.08),transparent 38%),#050505}.section-heading{text-align:center;max-width:780px;margin:0 auto 60px}.section-heading p:not(.eyebrow){font-size:19px;line-height:1.6;color:rgba(232,226,213,.7)}.community .section-heading p:not(.eyebrow){color:#3c3a35}.ritual-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ritual-card{min-height:330px;padding:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));position:relative;overflow:hidden}.ritual-card:after{content:"✦";position:absolute;right:22px;bottom:14px;font-size:58px;color:rgba(232,226,213,.08)}.card-number{font-family:Cinzel,serif;color:rgba(232,226,213,.44);font-weight:900}.ritual-card h3{font-family:Archivo Black,sans-serif;text-transform:uppercase;letter-spacing:-.04em;font-size:27px;line-height:.95;margin:24px 0 12px}.card-kicker{font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--metal);font-size:11px}.ritual-card p:last-child{color:rgba(232,226,213,.72);line-height:1.55}.legal-note{max-width:780px;margin:42px auto 0;text-align:center;color:rgba(232,226,213,.56);font-size:13px;line-height:1.6}
.can-detail{background:var(--bone-2);color:var(--black);padding:130px 0;overflow:hidden}.detail-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.detail-can{position:sticky;top:120px;align-self:start;background:radial-gradient(circle at 50% 42%,rgba(0,0,0,.08),transparent 52%);border:1px solid rgba(0,0,0,.08);padding:10px;box-shadow:none}.detail-can img{max-height:740px;margin:auto;filter:drop-shadow(0 36px 60px rgba(0,0,0,.35))}.detail-list{display:grid;gap:14px;margin-top:35px}.detail-item{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px;border:1px solid rgba(0,0,0,.13);background:rgba(255,255,255,.35)}.detail-item span{font-family:Cinzel,serif;font-weight:900;color:#5a554b}.detail-item h3{font-family:Archivo Black,sans-serif;text-transform:uppercase;margin-bottom:6px}.detail-item p{color:#34312c;line-height:1.5;margin-bottom:0}
.dia{padding:130px 0;overflow:hidden;background:linear-gradient(135deg,#050505,#111 55%,#050505)}.dia-symbol{position:absolute;right:-9vw;bottom:-10vw;width:60vw;opacity:.08;filter:invert(1);z-index:0}.dia-grid{display:grid;grid-template-columns:1fr .78fr;gap:40px;align-items:center}.dia-copy p:not(.eyebrow){font-size:20px;line-height:1.6;color:rgba(232,226,213,.72);max-width:650px}.dia-card{background:var(--bone);color:var(--black);min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:2px;transform:rotate(2deg);box-shadow:18px 18px 0 rgba(232,226,213,.08);padding:38px}.dia-card span{text-transform:uppercase;letter-spacing:.22em;font-weight:950;font-size:12px}.dia-logo{width:min(360px,80%);margin:30px auto 24px;filter:saturate(1.1)}.dia-card p{max-width:320px;line-height:1.5}
.community{background:var(--bone-2);color:var(--black);padding:125px 0}.community a{text-decoration:underline;text-underline-offset:5px}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.social-card{aspect-ratio:1;background:#0b0b0b;color:var(--bone);position:relative;overflow:hidden;padding:18px;display:flex;align-items:flex-end;border:1px solid rgba(0,0,0,.12)}.social-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.5;filter:grayscale(1) contrast(1.25);padding:16px}.social-card:nth-child(1) img{object-fit:cover;padding:0}.social-card:nth-child(3) img{object-fit:contain;padding:10px 32px;opacity:.78}.social-card:nth-child(2) img,.social-card:nth-child(4) img{filter:invert(1) grayscale(1) contrast(1.4);opacity:.25;object-fit:cover}.social-card span{position:relative;z-index:2;text-transform:uppercase;letter-spacing:.12em;font-weight:950;font-size:13px}.center{text-align:center;margin-top:38px}
.contact{padding:130px 0;background:radial-gradient(circle at 15% 20%,rgba(232,226,213,.09),transparent 30%),#050505}.contact-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px}.contact-copy p:not(.eyebrow){color:rgba(232,226,213,.72);font-size:20px;line-height:1.6}.contact-tag{font-family:UnifrakturCook,serif!important;color:var(--bone)!important;font-size:34px!important;line-height:1.05!important}.contact-form{display:grid;gap:16px;padding:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))}.contact-form label{display:grid;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:11px;color:rgba(232,226,213,.72)}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.36);color:var(--bone);padding:16px;font:inherit;border-radius:0;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--bone);box-shadow:0 0 0 4px rgba(232,226,213,.06)}
.footer{display:flex;justify-content:space-between;gap:20px;padding:28px 34px;background:#000;color:rgba(232,226,213,.58);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.footer p{margin:0}.footer a{text-decoration:underline;text-underline-offset:4px}

.floating-cans{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.mini-can{position:absolute;width:92px;opacity:.18;filter:blur(1.5px) grayscale(.35) drop-shadow(0 18px 34px rgba(0,0,0,.65));animation:driftCan 12s ease-in-out infinite}.mini-can-1{left:9vw;top:58%;transform:rotate(-14deg);animation-duration:13s}.mini-can-2{right:12vw;top:62%;width:116px;opacity:.26;filter:blur(.2px) grayscale(.2) drop-shadow(0 22px 44px rgba(0,0,0,.72));transform:rotate(10deg);animation-duration:15s;animation-delay:-4s}.mini-can-3{left:70vw;top:24%;width:72px;opacity:.12;filter:blur(3px) grayscale(1);transform:rotate(-24deg);animation-duration:17s;animation-delay:-8s}
.section-ghost,.detail-ghost{position:absolute;pointer-events:none;user-select:none;z-index:1}.skull-sketch{filter:invert(1) grayscale(1);mix-blend-mode:screen;opacity:.065}.skull-left{left:-150px;bottom:-130px;width:min(540px,48vw);transform:rotate(-8deg)}.skull-right{right:-120px;top:30px;width:min(460px,40vw);transform:rotate(8deg)}.detail-ghost{right:-100px;top:40px;width:min(480px,42vw);opacity:.055;filter:grayscale(1);transform:rotate(7deg)}.contact-skull{left:-120px;bottom:-150px;width:min(560px,50vw);filter:invert(1) grayscale(1);opacity:.075;mix-blend-mode:screen}.can-detail{position:relative}.ritual,.contact{overflow:hidden}

.reveal{opacity:0;transform:translateY(34px);filter:blur(10px);transition:opacity .8s ease,transform .8s ease,filter .8s ease}.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}
@keyframes driftCan{0%,100%{translate:0 0}50%{translate:0 -34px}}@keyframes floatCan{0%,100%{transform:translateY(0) rotate(-.7deg)}50%{transform:translateY(-18px) rotate(.7deg)}}@keyframes shine{0%,55%{transform:translateX(-80%) skewX(-12deg);opacity:0}70%{opacity:.68}100%{transform:translateX(270%) skewX(-12deg);opacity:0}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes fogMove{0%,100%{transform:translateX(-6vw) scale(1)}50%{transform:translateX(6vw) scale(1.15)}}@keyframes lineRun{to{left:100%}}
@media (max-width:980px){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}.site-header{padding:16px 18px}.main-nav{display:none}.header-cta{font-size:10px}.brand-mark img{width:78px}.can-stage{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%) scale(var(--hero-can-scale));width:min(285px,70vw);margin:0;order:2;opacity:var(--hero-can-opacity)}.hero{display:flex;flex-direction:column;justify-content:center;padding:104px 20px 64px}.hero-content{order:1;transform:none}.hero h1{font-size:clamp(46px,14vw,82px)}.hero-copy{font-size:16px}.symbol-left{left:-110px;width:70vw}.symbol-right{right:-135px;width:65vw}.manifesto-grid,.detail-grid,.dia-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.manifesto,.ritual,.can-detail,.dia,.community,.contact{padding:86px 0}.stamp{min-height:240px;box-shadow:9px 9px 0 #111}.ritual-cards,.social-grid{grid-template-columns:1fr 1fr}.detail-can{position:relative;top:auto}.dia-card{transform:rotate(0);min-height:280px}.footer{flex-direction:column;padding:24px 20px}.mouse-light{display:none}}
@media (max-width:620px){.section-inner{width:min(100% - 32px,1180px)}.hero-actions{flex-direction:column}.btn{width:100%}.scroll-cue{display:none}.ritual-cards,.social-grid{grid-template-columns:1fr}.ritual-card{min-height:auto}.manifesto h2,.section-heading h2,.detail-copy h2,.dia h2,.contact h2{font-size:39px}.manifesto p,.dia-copy p:not(.eyebrow),.contact-copy p:not(.eyebrow){font-size:17px}.contact-form{padding:18px}.hero-bg-symbol{opacity:.1}.halo{width:92vw}.can-stage{width:min(255px,78vw)}.mini-can{display:none}.section-ghost,.detail-ghost{opacity:.045!important}.hero{min-height:auto}.social-card{aspect-ratio:1.18}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none}}

/* Ajustes v3 · scroll hero extendido, latas flotantes inferiores y cierre cementerio */
.hero{min-height:165svh;align-items:start;padding-top:120px;}
.hero-content{position:sticky;top:28vh;}
.can-stage{position:fixed;top:54%;z-index:4;}
.hero .scroll-cue{position:fixed;}
.stamp{line-height:.86;}
.dia-card{position:relative;overflow:hidden;}
.dia-can-link{display:block;width:min(170px,42%);margin:-8px auto 16px;transition:transform .25s ease,filter .25s ease;}
.dia-can-link img{width:100%;filter:drop-shadow(0 20px 32px rgba(0,0,0,.32));}
.dia-can-link:hover{transform:translateY(-5px) rotate(-2deg);filter:brightness(1.05);}
.community{position:relative;overflow:hidden;}
.lower-floating-cans{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.community .section-inner{position:relative;z-index:2;}
.lower-can{position:absolute;width:clamp(88px,10vw,150px);opacity:.34;filter:blur(.8px) grayscale(.15) drop-shadow(0 24px 36px rgba(0,0,0,.35));animation:driftCan 13s ease-in-out infinite;}
.lower-can-1{left:5vw;top:16%;transform:rotate(-13deg);}
.lower-can-2{right:7vw;top:38%;width:clamp(96px,12vw,170px);opacity:.42;filter:blur(.25px) grayscale(.12) drop-shadow(0 26px 42px rgba(0,0,0,.42));animation-delay:-5s;}
.lower-can-3{left:72vw;bottom:8%;opacity:.24;filter:blur(2.2px) grayscale(.6);transform:rotate(17deg);animation-delay:-8s;}
.social-card{text-decoration:none;}
.contact{position:relative;min-height:760px;}
.graveyard{position:absolute;left:0;right:0;bottom:0;height:265px;pointer-events:none;z-index:0;overflow:hidden;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 58%,rgba(0,0,0,.92) 100%);}
.graveyard:before{content:"";position:absolute;left:-5%;right:-5%;bottom:-36px;height:118px;background:#020202;border-radius:50% 50% 0 0/38% 38% 0 0;box-shadow:0 -35px 70px rgba(232,226,213,.06);}
.tree{position:absolute;bottom:38px;width:12px;height:185px;background:#010101;filter:drop-shadow(0 0 18px rgba(232,226,213,.06));opacity:.98;}
.tree:before,.tree:after{content:"";position:absolute;bottom:60px;width:120px;height:12px;background:#010101;transform-origin:left center;border-radius:999px;}
.tree:before{left:3px;transform:rotate(-35deg);box-shadow:22px -42px 0 -3px #010101,48px -78px 0 -5px #010101;}
.tree:after{right:3px;transform-origin:right center;transform:rotate(34deg);box-shadow:-26px -39px 0 -3px #010101,-55px -76px 0 -5px #010101;}
.tree-left{left:4vw;transform:rotate(-5deg) scale(1.05);}
.tree-right{right:7vw;transform:rotate(5deg) scale(.9);}
.grave{position:absolute;bottom:42px;background:#010101;opacity:.95;}
.grave-1{left:28vw;width:42px;height:70px;border-radius:28px 28px 3px 3px;transform:rotate(-4deg);}
.grave-2{left:42vw;width:58px;height:82px;border-radius:34px 34px 4px 4px;transform:rotate(3deg);}
.grave-3{right:30vw;width:38px;height:62px;border-radius:26px 26px 3px 3px;transform:rotate(6deg);}
.cross-1,.cross-2{width:14px;height:78px;border-radius:2px;}
.cross-1{left:55vw;transform:rotate(-5deg);}
.cross-2{right:18vw;height:92px;transform:rotate(4deg);}
.cross-1:before,.cross-2:before{content:"";position:absolute;width:54px;height:12px;background:#010101;left:50%;top:22px;transform:translateX(-50%);border-radius:2px;}
.contact .section-inner{position:relative;z-index:2;}
@media (max-width:980px){.hero{min-height:150svh;}.hero-content{position:sticky;top:24vh;}.can-stage{position:fixed;top:58%;}.dia-can-link{width:min(145px,40%)}.lower-can{opacity:.22}.graveyard{height:220px}.contact{min-height:720px}}
@media (max-width:620px){.hero{min-height:145svh}.hero-content{top:20vh}.can-stage{top:59%;}.lower-floating-cans{display:none}.graveyard{height:180px}.tree-left{left:-16vw}.tree-right{right:-14vw}.grave-1{left:24vw}.grave-2{left:48vw}.cross-2{right:13vw}}

.hero .scroll-cue{position:absolute;}

/* Ajustes v4 · logo PNG, profundidad en lata hero y detalles secuenciales */
.brand-mark{filter:none;mix-blend-mode:normal;position:relative;isolation:isolate;}
.brand-mark:after{content:"";position:absolute;inset:-10px -14px;background:radial-gradient(circle,rgba(232,226,213,.12),transparent 62%);z-index:-1;opacity:.75;filter:blur(10px);}
.brand-mark img{width:118px;height:54px;object-fit:contain;border-radius:0;filter:drop-shadow(0 0 12px rgba(232,226,213,.18));}
.can-stage{transition:opacity .08s linear,transform .08s linear;will-change:transform,opacity;}
.can-stage:before{content:"";position:absolute;inset:-7% -10%;background:url('assets/lata-puro-exorcismo.png') center/contain no-repeat;opacity:calc(var(--hero-can-opacity) * .36);transform:scale(var(--hero-can-depth-scale,1.18)) translateY(1.5%);filter:blur(10px) contrast(1.08) brightness(1.18);z-index:-2;mix-blend-mode:screen;pointer-events:none;}
.can-stage:after{content:"";position:absolute;left:50%;top:50%;width:88%;height:74%;transform:translate(-50%,-50%) scale(var(--hero-can-depth-scale,1.18));background:radial-gradient(circle,rgba(232,226,213,.18),rgba(232,226,213,.06) 36%,transparent 70%);filter:blur(30px);z-index:-3;opacity:calc(var(--hero-can-opacity) * .75);}
.hero-can{transform:translateZ(0);}
.hero-content{z-index:6;}
.hero:after{content:"✦   ✧   ✦";position:absolute;left:50%;bottom:18%;transform:translateX(-50%);font-family:'Cinzel',serif;letter-spacing:28px;color:rgba(232,226,213,.16);font-size:18px;pointer-events:none;animation:sigilPulse 4.5s ease-in-out infinite;}
@keyframes sigilPulse{0%,100%{opacity:.15;filter:blur(.2px)}50%{opacity:.38;filter:blur(0)}}
.ritual-card,.detail-item,.social-card,.dia-card,.contact-form{transition-delay:var(--reveal-delay,0s)!important;}
.ritual-card:after{content:"";position:absolute;left:22px;right:22px;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(232,226,213,.3),transparent);transform:scaleX(0);transform-origin:left;transition:transform .9s ease .25s;}
.ritual-card.is-visible:after{transform:scaleX(1);}
.detail-item{position:relative;}
.detail-item:before{content:"";position:absolute;left:0;top:-1px;width:0;height:1px;background:linear-gradient(90deg,#111,transparent);transition:width .8s ease .12s;}
.detail-item.is-visible:before{width:100%;}
.community:after{content:"☩";position:absolute;right:8vw;bottom:11%;font-family:'Cinzel',serif;font-size:clamp(44px,7vw,96px);color:rgba(5,5,5,.065);transform:rotate(9deg);pointer-events:none;}
.contact:before{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:radial-gradient(circle at 50% 100%,rgba(232,226,213,.08),transparent 55%);pointer-events:none;z-index:1;}
@media (max-width:980px){.brand-mark img{width:92px;height:46px}.hero:after{bottom:12%;letter-spacing:18px}.can-stage:before{filter:blur(8px)}}
@media (max-width:620px){.brand-mark img{width:82px;height:42px}.can-stage:before,.can-stage:after{display:none}.hero:after{display:none}}


/* Ajustes v5 · hero más centrado, latas extra en ritual y optimización móvil */
html,body{width:100%;max-width:100%;overflow-x:hidden;}
main,section,footer{max-width:100vw;}
.hero{padding-top:96px;}
.hero-content{top:18vh;transform:translateY(-54px);}
.ritual{position:relative;overflow:hidden;}
.ritual-floating-cans{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;}
.ritual-mini-can{position:absolute;width:clamp(58px,7vw,118px);opacity:.26;filter:grayscale(.25) blur(.8px) drop-shadow(0 24px 42px rgba(0,0,0,.74));animation:ritualCanFloat 14s ease-in-out infinite;}
.ritual-mini-can-1{left:8vw;top:18%;transform:rotate(-13deg);opacity:.22;filter:grayscale(.4) blur(1.8px) drop-shadow(0 20px 38px rgba(0,0,0,.7));animation-delay:-2s;}
.ritual-mini-can-2{right:9vw;top:42%;width:clamp(70px,8vw,138px);opacity:.32;filter:grayscale(.15) blur(.4px) drop-shadow(0 28px 48px rgba(0,0,0,.78));transform:rotate(11deg);animation-delay:-6s;}
.ritual-mini-can-3{left:74vw;bottom:10%;width:clamp(50px,5vw,90px);opacity:.18;filter:grayscale(.8) blur(2.5px) drop-shadow(0 16px 32px rgba(0,0,0,.65));transform:rotate(-22deg);animation-delay:-9s;}
.ritual .section-inner{position:relative;z-index:4;}
@keyframes ritualCanFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -28px;rotate:2deg}}
@media (max-width:980px){
  .site-header{padding:14px 16px;gap:12px;}
  .header-cta{font-size:9px;padding:9px 10px;letter-spacing:.08em;white-space:nowrap;}
  .hero{padding-top:92px;min-height:142svh;}
  .hero-content{top:17vh;transform:none;}
  .can-stage{max-width:82vw;}
  .ritual-mini-can{opacity:.18;}
}
@media (max-width:620px){
  body{cursor:auto;}
  .site-header{padding:12px 12px;}
  .brand-mark img{width:70px!important;height:36px!important;}
  .header-cta{font-size:8px;padding:8px 9px;max-width:48vw;overflow:hidden;text-overflow:ellipsis;}
  .hero{min-height:136svh;padding-left:16px;padding-right:16px;}
  .hero-content{top:15vh;width:100%;max-width:100%;}
  h1{font-size:clamp(42px,13vw,68px);line-height:.9;}
  .hero-copy{max-width:100%;}
  .hero-actions{width:100%;}
  .can-stage{width:min(230px,72vw)!important;left:50%;}
  .ritual-floating-cans{display:none;}
  .section-inner{width:calc(100% - 28px);}
  .manifesto,.ritual,.can-detail,.dia,.community,.contact{overflow:hidden;}
}

/* Ajustes v6 · modal de lata completa */
.detail-can{appearance:none;border:1px solid rgba(0,0,0,.08);cursor:none;text-align:inherit;width:100%;color:inherit;transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;}
.detail-can:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(0,0,0,.16);border-color:rgba(0,0,0,.18)}
.tap-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:11px 14px;border-radius:999px;background:rgba(5,5,5,.82);color:var(--bone);font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;border:1px solid rgba(232,226,213,.18);backdrop-filter:blur(10px);opacity:.86;transition:opacity .25s, transform .25s;}
.detail-can:hover .tap-hint{opacity:1;transform:translateX(-50%) translateY(-3px)}
.can-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;}
.can-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.can-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(18px);}
.can-modal-panel{position:relative;z-index:1;width:min(1180px,100%);max-height:min(860px,92vh);display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:center;padding:28px;border:1px solid rgba(232,226,213,.18);background:radial-gradient(circle at 72% 30%,rgba(232,226,213,.12),transparent 38%),linear-gradient(180deg,rgba(20,20,20,.96),rgba(5,5,5,.96));box-shadow:0 40px 140px rgba(0,0,0,.72);overflow:hidden;}
.can-modal-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(232,226,213,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(232,226,213,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,black,transparent 78%);pointer-events:none;}
.modal-copy{position:relative;z-index:2;align-self:end;padding:18px 0 18px 8px;}
.modal-copy h2{font-family:Cinzel,serif;font-size:clamp(32px,4vw,64px);line-height:.94;text-transform:uppercase;letter-spacing:-.055em;margin-bottom:18px;}
.modal-copy p:not(.eyebrow){color:rgba(232,226,213,.72);font-size:17px;line-height:1.6;max-width:440px;}
.modal-close{position:absolute;right:18px;top:18px;z-index:5;width:44px;height:44px;border-radius:999px;border:1px solid rgba(232,226,213,.22);background:rgba(255,255,255,.04);color:var(--bone);font-size:30px;line-height:1;cursor:none;}
.modal-gallery{position:relative;z-index:2;min-height:620px;display:grid;place-items:center;overflow:hidden;}
.modal-can-view{grid-area:1/1;margin:0;opacity:0;transform:translateY(18px) scale(.96);pointer-events:none;transition:opacity .35s ease,transform .35s ease;display:grid;place-items:center;gap:12px;width:100%;}
.modal-can-view.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.modal-can-view img{max-height:72vh;max-width:min(460px,88%);object-fit:contain;filter:drop-shadow(0 38px 80px rgba(0,0,0,.7));}
.modal-can-view figcaption{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:rgba(232,226,213,.64);text-align:center;}
.gallery-nav{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:48px;height:48px;border-radius:999px;border:1px solid rgba(232,226,213,.2);background:rgba(255,255,255,.05);color:var(--bone);font-size:36px;line-height:1;cursor:none;backdrop-filter:blur(10px);transition:background .25s, transform .25s;}
.gallery-nav:hover{background:rgba(232,226,213,.12);transform:translateY(-50%) scale(1.04)}
.gallery-prev{left:0}.gallery-next{right:0}
.modal-tabs{position:absolute;left:28px;bottom:24px;z-index:5;display:flex;gap:8px;flex-wrap:wrap;}
.modal-tab{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(232,226,213,.22);background:rgba(255,255,255,.04);color:rgba(232,226,213,.72);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950;cursor:none;}
.modal-tab.is-active{background:var(--bone);color:var(--black);border-color:var(--bone)}
body.modal-lock{overflow:hidden;}
@media (max-width:980px){
  .detail-can,.modal-close,.gallery-nav,.modal-tab{cursor:auto;}
  .can-modal{padding:12px;}
  .can-modal-panel{grid-template-columns:1fr;gap:12px;max-height:94vh;overflow:auto;padding:22px 16px 76px;}
  .modal-copy{padding:38px 4px 0;text-align:center;}
  .modal-copy p:not(.eyebrow){margin-left:auto;margin-right:auto;font-size:15px;}
  .modal-gallery{min-height:520px;}
  .modal-can-view img{max-height:58vh;max-width:82vw;}
  .modal-tabs{left:50%;transform:translateX(-50%);bottom:18px;justify-content:center;width:calc(100% - 32px);}
  .gallery-prev{left:4px}.gallery-next{right:4px}
}
@media (max-width:620px){
  .tap-hint{font-size:8px;bottom:14px;max-width:90%;white-space:normal;text-align:center;line-height:1.25;}
  .modal-copy h2{font-size:34px;}
  .modal-gallery{min-height:430px;}
  .modal-can-view img{max-height:52vh;}
  .gallery-nav{width:40px;height:40px;font-size:30px;}
  .modal-close{right:12px;top:12px;width:40px;height:40px;}
}

/* Ajuste v7 · cursor cruz sobre el popup de lata */
body.modal-lock .cursor-dot,
body.modal-lock .cursor-ring{
  z-index:9999;
}
body.modal-lock .cursor-ring{
  width:42px;
  height:42px;
  border-color:rgba(232,226,213,.38);
  background:rgba(5,5,5,.16);
  mix-blend-mode:screen;
}
body.modal-lock .cursor-ring.is-hover{
  width:54px;
  height:54px;
  border-color:var(--bone);
  background:rgba(232,226,213,.08);
}
body.modal-lock .cursor-dot{
  width:28px;
  height:28px;
  background:transparent;
  border-radius:0;
  filter:drop-shadow(0 0 8px rgba(232,226,213,.34));
}
body.modal-lock .cursor-dot::before,
body.modal-lock .cursor-dot::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:24px;
  height:2px;
  background:var(--bone);
  transform:translate(-50%,-50%);
}
body.modal-lock .cursor-dot::after{
  width:2px;
  height:24px;
}
.can-modal,
.can-modal *{
  cursor:none;
}
@media (max-width:980px){
  .can-modal,
  .can-modal *{
    cursor:auto;
  }
}


/* Ajustes v8 · cruz cristiana, popup nutricional y cursor invertido */
.ritual-info-action{display:flex;justify-content:center;margin:28px auto 0;position:relative;z-index:5;}
.ritual-info-action .btn{width:auto;min-width:260px;}

body.light-cursor:not(.modal-lock):not(.nutrition-lock) .cursor-dot{background:var(--black);}
body.light-cursor:not(.modal-lock):not(.nutrition-lock) .cursor-ring{border-color:rgba(5,5,5,.62);background:rgba(5,5,5,.025);}
body.light-cursor:not(.modal-lock):not(.nutrition-lock) .cursor-ring.is-hover{border-color:var(--black);background:rgba(5,5,5,.08);}
body.light-cursor:not(.modal-lock):not(.nutrition-lock) .mouse-light{background:radial-gradient(circle,rgba(0,0,0,.10),rgba(0,0,0,.03) 38%,transparent 70%);mix-blend-mode:multiply;}

.nutrition-modal{position:fixed;inset:0;z-index:3100;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;}
.nutrition-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.nutrition-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(18px);}
.nutrition-panel{position:relative;z-index:1;width:min(1040px,100%);max-height:min(820px,92vh);overflow:auto;padding:34px;border:1px solid rgba(232,226,213,.2);background:radial-gradient(circle at 80% 18%,rgba(232,226,213,.13),transparent 34%),linear-gradient(180deg,rgba(19,19,18,.98),rgba(5,5,5,.98));box-shadow:0 40px 140px rgba(0,0,0,.76);}
.nutrition-panel:before{content:"☩";position:absolute;right:34px;bottom:18px;font-family:Cinzel,serif;font-size:124px;color:rgba(232,226,213,.045);pointer-events:none;}
.nutrition-header{max-width:760px;margin-bottom:26px;}
.nutrition-header h2{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:-.055em;line-height:.94;font-size:clamp(34px,5vw,70px);margin-bottom:14px;}
.nutrition-header p:not(.eyebrow){color:rgba(232,226,213,.72);font-size:17px;line-height:1.55;}
.nutrition-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:22px;align-items:start;}
.ingredients-card,.nutrition-table-wrap{border:1px solid rgba(232,226,213,.18);background:rgba(255,255,255,.045);padding:22px;backdrop-filter:blur(10px);}
.ingredients-card h3{font-family:Archivo Black,sans-serif;text-transform:uppercase;letter-spacing:-.04em;font-size:28px;line-height:.95;margin-bottom:14px;}
.ingredients-card p{color:rgba(232,226,213,.74);line-height:1.55;}
.ingredients-card .mini-note{font-size:13px;color:rgba(232,226,213,.54);margin-top:22px;}
.nutrition-table{width:100%;border-collapse:collapse;color:var(--bone);font-size:14px;margin:0 0 18px;}
.nutrition-table:last-child{margin-bottom:0;}
.nutrition-table caption{text-align:left;font-family:Archivo Black,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--metal);margin-bottom:10px;}
.nutrition-table th,.nutrition-table td{border-bottom:1px solid rgba(232,226,213,.16);padding:12px 10px;text-align:left;vertical-align:top;}
.nutrition-table th{font-weight:900;color:rgba(232,226,213,.94);}
.nutrition-table td{color:rgba(232,226,213,.72);}
.vitamins-table thead th{color:var(--bone);background:rgba(232,226,213,.06);}
.nutrition-footnote{margin:22px 0 0;color:rgba(232,226,213,.56);font-size:12px;line-height:1.6;max-width:900px;}
body.nutrition-lock{overflow:hidden;}
body.nutrition-lock .cursor-dot,body.nutrition-lock .cursor-ring{z-index:9999;}
body.nutrition-lock .cursor-ring{width:42px;height:42px;border-color:rgba(232,226,213,.38);background:rgba(5,5,5,.16);mix-blend-mode:screen;}
body.nutrition-lock .cursor-ring.is-hover{width:54px;height:54px;border-color:var(--bone);background:rgba(232,226,213,.08);}
body.nutrition-lock .cursor-dot{width:26px;height:34px;background:transparent;border-radius:0;filter:drop-shadow(0 0 8px rgba(232,226,213,.36));}
body.nutrition-lock .cursor-dot::before,body.nutrition-lock .cursor-dot::after{content:"";position:absolute;left:50%;background:var(--bone);transform:translateX(-50%);}
body.nutrition-lock .cursor-dot::before{top:0;width:2px;height:34px;}
body.nutrition-lock .cursor-dot::after{top:9px;width:24px;height:2px;}
.nutrition-modal,.nutrition-modal *{cursor:none;}

/* Cruz cristiana también para el popup de lata */
body.modal-lock .cursor-dot{width:26px;height:34px;background:transparent;border-radius:0;filter:drop-shadow(0 0 8px rgba(232,226,213,.36));}
body.modal-lock .cursor-dot::before,body.modal-lock .cursor-dot::after{content:"";position:absolute;left:50%;background:var(--bone);transform:translateX(-50%);}
body.modal-lock .cursor-dot::before{top:0;width:2px;height:34px;}
body.modal-lock .cursor-dot::after{top:9px;width:24px;height:2px;}

@media (max-width:980px){
  .nutrition-modal{padding:12px;}
  .nutrition-panel{padding:24px 16px;max-height:94vh;}
  .nutrition-grid{grid-template-columns:1fr;}
  .nutrition-modal,.nutrition-modal *{cursor:auto;}
}
@media (max-width:620px){
  .ritual-info-action .btn{width:100%;min-width:0;}
  .nutrition-header h2{font-size:34px;}
  .nutrition-table{font-size:12px;}
  .nutrition-table th,.nutrition-table td{padding:10px 7px;}
}

/* Ajustes v9 · móvil con lata protagonista, símbolos más visibles y letras-hechizo en movimiento */
/* Bandas de letras casi invisibles, como hechizos que cruzan la pantalla */
.manifesto::before,
.ritual::before,
.can-detail::before,
.dia::before,
.contact::after{
  content:"PURO EXORCISMO · PURIFICA · HIDRATA · CERO DEMONIOS · ";
  position:absolute;
  left:-35vw;
  width:190vw;
  pointer-events:none;
  user-select:none;
  white-space:nowrap;
  font-family:UnifrakturCook,Cinzel,serif;
  font-size:clamp(90px,15vw,220px);
  line-height:1;
  letter-spacing:.035em;
  opacity:.045;
  z-index:0;
  will-change:transform;
}
.manifesto::before{top:12%;color:#050505;animation:spellMoveLeft 28s linear infinite;}
.ritual::before{top:12%;color:var(--bone);opacity:.035;animation:spellMoveRight 34s linear infinite;}
.can-detail::before{bottom:7%;color:#050505;animation:spellMoveRight 32s linear infinite;}
.dia::before{bottom:10%;color:var(--bone);opacity:.032;animation:spellMoveLeft 36s linear infinite;}
.contact::after{top:18%;color:var(--bone);opacity:.032;animation:spellMoveRight 38s linear infinite;}
.manifesto .section-inner,.can-detail .section-inner,.ritual .section-inner,.dia .section-inner,.contact .section-inner{position:relative;z-index:2;}

@keyframes spellMoveLeft{0%{transform:translateX(0)}100%{transform:translateX(-42vw)}}
@keyframes spellMoveRight{0%{transform:translateX(-42vw)}100%{transform:translateX(0)}}

@media (max-width:620px){
  /* La lata entra antes, más grande y con más presencia, pero sigue por detrás del titular */
  .hero{min-height:152svh;padding-top:92px;}
  .hero-content{top:13vh;z-index:7;}
  .can-stage{
    position:fixed;
    top:45%;
    width:min(320px,82vw)!important;
    z-index:5;
    filter:drop-shadow(0 0 34px rgba(232,226,213,.16));
  }
  .can-stage:before,.can-stage:after{display:block;}
  .can-stage:before{filter:blur(9px) contrast(1.05) brightness(1.14);opacity:calc(var(--hero-can-opacity) * .42);}
  .can-stage:after{opacity:calc(var(--hero-can-opacity) * .85);filter:blur(26px);}
  .hero-can{filter:drop-shadow(0 30px 64px rgba(0,0,0,.82)) saturate(.98) contrast(1.02);}
  .halo{width:108vw;opacity:.8;}

  /* En móvil los grabados laterales entran más en pantalla */
  .hero-bg-symbol{opacity:.16;}
  .symbol-right{right:-34px;top:118px;width:64vw;opacity:.18;}
  .symbol-left{left:-76px;bottom:10%;width:67vw;opacity:.18;}
  .skull-right{right:-34px;top:36px;width:72vw;opacity:.085!important;}
  .skull-left{left:-92px;bottom:-64px;width:75vw;opacity:.075!important;}

  /* Las letras de fondo se notan más en móvil, sin generar scroll horizontal */
  .manifesto::before,
  .ritual::before,
  .can-detail::before,
  .dia::before,
  .contact::after{
    left:-55vw;
    width:240vw;
    font-size:clamp(92px,32vw,160px);
    opacity:.052;
  }
  .ritual::before,.dia::before,.contact::after{opacity:.04;}
  .manifesto::before{top:6%;}
  .ritual::before{top:6%;}

  /* Un poco de chicha extra sin romper la lectura vertical */
  .ritual-floating-cans{display:block;}
  .ritual-mini-can{opacity:.20;}
  .ritual-mini-can-1{left:-24px;top:5%;width:82px;filter:blur(1.6px) grayscale(.35) drop-shadow(0 18px 34px rgba(0,0,0,.7));}
  .ritual-mini-can-2{right:-28px;top:22%;width:92px;opacity:.24;filter:blur(.7px) grayscale(.18) drop-shadow(0 22px 42px rgba(0,0,0,.76));}
  .ritual-mini-can-3{display:none;}
}


/* Ajustes v10 · móvil fino: textos, fluidez, conjuros y caja con agua */
.can-stage{transform:translate3d(-50%,-40%,0) scale(var(--hero-can-scale));contain:layout paint style;}
@media (max-width:980px){
  .can-stage{transform:translate3d(-50%,-50%,0) scale(var(--hero-can-scale));}
}
@media (max-width:620px){
  /* 1) En ritual, el bloque baja un poco y los conjuros pasan más al fondo para no pisar el texto */
  .ritual{padding-top:112px;}
  .ritual .section-heading{margin-top:38px;margin-bottom:52px;}
  .ritual::before{top:20%;opacity:.032;z-index:0;}
  .ritual .section-inner{z-index:4;}

  /* 2) Lata hero más fluida y sin tirones: transform acelerado y sin transición de scroll */
  .can-stage{top:46%;will-change:transform,opacity;transition:none!important;transform:translate3d(-50%,-50%,0) scale(var(--hero-can-scale));}
  .hero-can{animation:floatCan 7.2s ease-in-out infinite;transform:translate3d(0,0,0);}

  /* 3) Grabado/calavera izquierda: un poco más abajo para que la cara respire */
  .symbol-left{left:-64px;bottom:-3%;width:72vw;opacity:.22;}
  .btn-ghost{background:rgba(255,255,255,.065);border-color:rgba(232,226,213,.32);}

  /* 4) Conjuros de la caja: arriba, atrás y por debajo del sello */
  .manifesto::before{top:0.4%;z-index:0;opacity:.045;}
  .manifesto .section-inner{z-index:3;}
  .stamp{z-index:3;}
}


/* Ajustes v11 · limpieza móvil y lata hero más natural */
/* Quitamos el espíritu/grabado del bloque ritual: cargaba demasiado visualmente */
.ritual .skull-right{display:none!important;}

/* La lata ya no se duplica con fantasmas/blur: solo se acerca y gana opacidad */
.can-stage{contain:none!important;}
@media (max-width:620px){
  .can-stage:before,
  .can-stage:after{display:none!important;}
  .can-stage{
    top:47%;
    width:min(335px,84vw)!important;
    z-index:5;
    transition:none!important;
    transform:translate3d(-50%,-50%,0) scale(var(--hero-can-scale));
    will-change:transform,opacity;
    filter:drop-shadow(0 30px 70px rgba(0,0,0,.72));
  }
  .hero-can{
    animation:none!important;
    transform:translate3d(0,0,0);
    filter:drop-shadow(0 28px 62px rgba(0,0,0,.78)) saturate(.98) contrast(1.02);
  }
  .hero-content{z-index:7;}
  .hero h1,.hero-copy,.hero-actions{position:relative;z-index:8;}
  .hero-actions{margin-top:28px;}
  .btn-ghost{background:rgba(255,255,255,.075);border-color:rgba(232,226,213,.36);}
}


/* Ajustes v12 · conjuros al fondo, splash líquido y cierre de la sección lata */
.manifesto{isolation:isolate;}
.manifesto::before{
  z-index:0!important;
  top:0!important;
  opacity:.038!important;
}
.manifesto:after{z-index:0;}
.manifesto .section-inner{z-index:3!important;}
.stamp{
  z-index:5!important;
  background:linear-gradient(135deg,rgba(0,0,0,.025),rgba(255,255,255,.035)), var(--bone-2)!important;
  overflow:hidden;
}
.stamp-text{position:relative;z-index:4;display:block;}
.liquid-burst{
  position:absolute;
  left:50%;
  top:0;
  width:12px;
  height:12px;
  transform:translate(-50%,-28px) scale(.4);
  z-index:3;
  pointer-events:none;
  opacity:0;
}
.liquid-burst:before,
.liquid-burst:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(5,5,5,.28);
  filter:blur(.1px);
  transform:translate(-50%,-50%);
  box-shadow:
    -72px 14px 0 -2px rgba(5,5,5,.18),
    -48px 34px 0 -1px rgba(5,5,5,.22),
    -26px 20px 0 0 rgba(5,5,5,.25),
    -12px 48px 0 -2px rgba(5,5,5,.18),
    18px 26px 0 -1px rgba(5,5,5,.24),
    42px 44px 0 -2px rgba(5,5,5,.18),
    68px 18px 0 -2px rgba(5,5,5,.20),
    5px 62px 0 -3px rgba(5,5,5,.15);
}
.liquid-burst:after{
  width:70px;
  height:28px;
  border-radius:50%;
  background:radial-gradient(circle at 50% 45%,rgba(5,5,5,.16),transparent 62%);
  filter:blur(7px);
  box-shadow:none;
}
.stamp.is-visible .liquid-burst{animation:liquidBurstMobile 1.15s cubic-bezier(.16,.84,.24,1) .16s both;}
.stamp.is-visible .liquid-burst:before{animation:liquidDropsMobile 1.15s cubic-bezier(.16,.84,.24,1) .16s both;}
.stamp.is-visible .liquid-burst:after{animation:liquidMistMobile 1.15s ease-out .14s both;}
@keyframes liquidBurstMobile{
  0%{opacity:0;transform:translate(-50%,-26px) scale(.4)}
  18%{opacity:.9;transform:translate(-50%,2px) scale(1)}
  100%{opacity:0;transform:translate(-50%,92px) scale(1.15)}
}
@keyframes liquidDropsMobile{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}
  20%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,62px) scale(.78)}
}
@keyframes liquidMistMobile{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}
  28%{opacity:.7;transform:translate(-50%,8px) scale(1.25)}
  100%{opacity:0;transform:translate(-50%,82px) scale(1.8)}
}

@media (max-width:620px){
  .manifesto::before{
    top:-1.8%!important;
    z-index:0!important;
    opacity:.034!important;
  }
  .stamp{
    background:linear-gradient(135deg,rgba(0,0,0,.018),rgba(255,255,255,.045)), var(--bone-2)!important;
  }
  .stamp:before{opacity:.62;}
  .stamp:after{opacity:.48;}
  .liquid-burst{
    top:3px;
  }
}

/* Ajustes v13 · móvil: lata solo zoom, burbujas finas y calaveras proporcionadas */
.hero-can-bubbles{
  position:absolute;
  left:50%;
  top:4%;
  width:10px;
  height:10px;
  transform:translateX(-50%);
  pointer-events:none;
  z-index:-1;
  opacity:0;
}
.hero-can-bubbles::before,
.hero-can-bubbles::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:4px;
  height:4px;
  border:1px solid rgba(232,226,213,.34);
  border-radius:999px;
  background:rgba(232,226,213,.035);
  box-shadow:
    -18px -4px 0 -1px rgba(232,226,213,.30),
    16px -8px 0 -1px rgba(232,226,213,.24),
    -34px 10px 0 -1px rgba(232,226,213,.22),
    32px 8px 0 -1px rgba(232,226,213,.20),
    -8px -24px 0 -1px rgba(232,226,213,.28),
    8px -36px 0 -1px rgba(232,226,213,.18),
    -48px -18px 0 -1px rgba(232,226,213,.16),
    48px -22px 0 -1px rgba(232,226,213,.16);
  animation:heroBubblesRise 3.8s ease-in-out infinite;
}
.hero-can-bubbles::after{
  transform:translate(-50%,-50%) scale(.72);
  opacity:.55;
  animation-duration:5.2s;
  animation-delay:-1.7s;
}
@keyframes heroBubblesRise{
  0%{opacity:0;transform:translate(-50%,8px) scale(.65)}
  22%{opacity:.65}
  76%{opacity:.35}
  100%{opacity:0;transform:translate(-50%,-82px) scale(1.08)}
}

/* Partículas del splash más finas y elegantes */
.liquid-burst:before{
  width:3px!important;
  height:3px!important;
  background:rgba(5,5,5,.20)!important;
  box-shadow:
    -74px 12px 0 -1px rgba(5,5,5,.12),
    -51px 29px 0 -1px rgba(5,5,5,.14),
    -28px 16px 0 -1px rgba(5,5,5,.17),
    -12px 42px 0 -1px rgba(5,5,5,.12),
    14px 23px 0 -1px rgba(5,5,5,.16),
    36px 38px 0 -1px rgba(5,5,5,.12),
    62px 15px 0 -1px rgba(5,5,5,.13),
    4px 56px 0 -1px rgba(5,5,5,.10)!important;
}
.liquid-burst:after{
  opacity:.55;
  filter:blur(10px)!important;
}

@media (max-width:620px){
  /* En móvil, la lata queda clavada en el centro: no se desplaza, solo escala y gana opacidad por JS */
  .can-stage{
    position:fixed!important;
    left:50vw!important;
    top:50svh!important;
    right:auto!important;
    bottom:auto!important;
    width:min(335px,84vw)!important;
    transform:translate3d(-50%,-50%,0) scale(var(--hero-can-scale))!important;
    transform-origin:50% 50%!important;
    translate:none!important;
    transition:none!important;
    will-change:transform,opacity;
    contain:none!important;
    filter:drop-shadow(0 30px 70px rgba(0,0,0,.72));
  }
  .can-stage[data-depth]{translate:none!important;}
  .hero-can{
    animation:none!important;
    transform:none!important;
    will-change:auto;
  }
  .shine{display:none!important;}
  .hero-can-bubbles{opacity:calc(var(--hero-can-opacity) * .9);}

  /* Calavera con flor arriba a la izquierda, proporcional a la figura derecha */
  .symbol-left{
    left:-20px!important;
    top:132px!important;
    bottom:auto!important;
    width:58vw!important;
    max-width:250px;
    opacity:.20!important;
    transform:rotate(-7deg)!important;
  }
  .symbol-right{
    right:-34px!important;
    top:124px!important;
    width:60vw!important;
    max-width:260px;
    opacity:.19!important;
    transform:rotate(5deg)!important;
  }
}


/* Ajustes v14 · móvil full-bleed, partículas mínimas y burbujas más finas */
@media (max-width:620px){
  html,body{
    width:100%;
    min-width:0;
    max-width:none;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:#050505;
  }
  body{position:relative;}
  main,section,footer{
    width:100%;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0!important;
  }
  .site-header{
    left:0!important;
    right:0!important;
    top:0!important;
    width:100%!important;
    padding-top:calc(12px + env(safe-area-inset-top,0px));
    padding-left:calc(12px + env(safe-area-inset-left,0px));
    padding-right:calc(12px + env(safe-area-inset-right,0px));
  }
  .hero{
    width:100%;
    max-width:none!important;
    min-height:150svh;
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden;
  }
  .hero-content{
    width:100%;
    padding-left:22px;
    padding-right:22px;
  }
  .section-inner{
    width:100%!important;
    max-width:none!important;
    padding-left:22px;
    padding-right:22px;
  }
  .manifesto .section-inner,
  .can-detail .section-inner,
  .community .section-inner,
  .ritual .section-inner,
  .dia .section-inner,
  .contact .section-inner{
    width:100%!important;
  }
  .stamp{width:100%;}

  /* Calavera con rosa: más pequeña y más a la izquierda para dejar respirar la lata */
  .symbol-left{
    left:-58px!important;
    top:138px!important;
    width:48vw!important;
    max-width:190px!important;
    opacity:.18!important;
    transform:rotate(-7deg)!important;
  }
  .symbol-right{
    right:-34px!important;
    top:124px!important;
    width:58vw!important;
    max-width:250px!important;
    opacity:.19!important;
  }

  /* En móvil la lata queda 100% estable: solo zoom + opacidad */
  .can-stage{
    left:50%!important;
    top:50svh!important;
    translate:none!important;
    transform:translate3d(-50%,-50%,0) scale(var(--hero-can-scale))!important;
    transform-origin:50% 50%!important;
  }
  .hero-can{animation:none!important;transform:none!important;}

  /* Burbujas salen antes de la aparición completa de la lata */
  .hero-can-bubbles{
    top:-3%;
    opacity:var(--hero-bubble-opacity,.38)!important;
  }
  .hero-can-bubbles::before,
  .hero-can-bubbles::after{
    width:3px;
    height:3px;
    border-color:rgba(232,226,213,.26);
    box-shadow:
      -14px -2px 0 -1px rgba(232,226,213,.20),
      14px -7px 0 -1px rgba(232,226,213,.18),
      -25px 9px 0 -1px rgba(232,226,213,.16),
      26px 7px 0 -1px rgba(232,226,213,.14),
      -6px -20px 0 -1px rgba(232,226,213,.20),
      7px -31px 0 -1px rgba(232,226,213,.13),
      -38px -13px 0 -1px rgba(232,226,213,.10),
      38px -18px 0 -1px rgba(232,226,213,.10);
  }
}

/* Canvas de partículas general: casi polvo, mucho menos protagonista */
#particles{opacity:.28!important;}

/* Burbujitas al entrar en la sección blanca, como si siguieran saliendo de la lata */
.manifesto-bubbles{
  position:absolute;
  left:50%;
  top:-18px;
  width:8px;
  height:8px;
  transform:translateX(-50%);
  z-index:1;
  pointer-events:none;
  opacity:.42;
}
.manifesto-bubbles::before,
.manifesto-bubbles::after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:3px;
  height:3px;
  border-radius:999px;
  border:1px solid rgba(5,5,5,.16);
  background:rgba(5,5,5,.025);
  box-shadow:
    -18px 18px 0 -1px rgba(5,5,5,.11),
    18px 26px 0 -1px rgba(5,5,5,.10),
    -32px 46px 0 -1px rgba(5,5,5,.08),
    34px 54px 0 -1px rgba(5,5,5,.08),
    -6px 78px 0 -1px rgba(5,5,5,.09),
    8px 106px 0 -1px rgba(5,5,5,.07);
  animation:manifestoBubbleFall 4.8s ease-in-out infinite;
}
.manifesto-bubbles::after{opacity:.55;animation-delay:-2.1s;transform:scale(.72);}
@keyframes manifestoBubbleFall{
  0%{opacity:0;transform:translate(-50%,-6px) scale(.7)}
  18%{opacity:.55}
  70%{opacity:.34}
  100%{opacity:0;transform:translate(-50%,122px) scale(1)}
}

/* Popup nutricional: título simple pedido */
.nutrition-header h2{text-transform:uppercase;}

@media (max-width:620px){
  .manifesto-bubbles{top:-8px;opacity:.34;}
  .manifesto{padding-top:92px;}
  .nutrition-panel{width:100%;max-width:none;border-left:0;border-right:0;border-radius:0;}
  .nutrition-header h2{font-size:40px;}
}


/* Ajustes v15 · cruces hero, palabra gótica móvil y popup limpio */
.hero-cross{
  position:absolute;
  top:34%;
  left:50%;
  width:14px;
  height:108px;
  border-radius:3px;
  background:linear-gradient(180deg,rgba(232,226,213,.85),rgba(232,226,213,.52));
  box-shadow:0 0 24px rgba(232,226,213,.14);
  opacity:calc(var(--hero-can-opacity) * .92);
  z-index:-1;
  pointer-events:none;
  transform-origin:center center;
}
.hero-cross::before{
  content:"";
  position:absolute;
  left:50%;
  top:26px;
  width:52px;
  height:12px;
  border-radius:3px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,rgba(232,226,213,.84),rgba(232,226,213,.50));
  box-shadow:0 0 22px rgba(232,226,213,.12);
}
.hero-cross-left{
  transform:translate(-50%,-50%) translateX(calc(-66px - (var(--hero-can-opacity) * 34px))) scale(calc(.72 + (var(--hero-can-opacity) * .28))) rotate(-4deg);
}
.hero-cross-right{
  transform:translate(-50%,-50%) translateX(calc(66px + (var(--hero-can-opacity) * 34px))) scale(calc(.72 + (var(--hero-can-opacity) * .28))) rotate(4deg);
}

.manifesto:after{
  right:auto;
  left:0;
  bottom:-8vw;
  width:160vw;
  white-space:nowrap;
  opacity:.032;
  animation:manifestoWordDrift 30s linear infinite;
  pointer-events:none;
}
@keyframes manifestoWordDrift{
  0%{transform:translateX(18vw)}
  100%{transform:translateX(-28vw)}
}

.modal-copy h2{display:none!important;}
.modal-copy{padding-bottom:4px;}
.modal-copy .eyebrow{margin-bottom:10px;}
.modal-gallery{padding-bottom:108px;}
.modal-can-view{gap:18px;}
.modal-can-view figcaption{
  max-width:min(520px,78%);
  margin:0 auto;
  line-height:1.38;
  padding:0 8px;
}
.modal-tabs{bottom:26px;}

@media (max-width:980px){
  .modal-gallery{padding-bottom:120px;min-height:500px;}
  .modal-can-view img{max-height:54vh;}
}

@media (max-width:620px){
  .hero-cross{
    top:31%;
    width:10px;
    height:84px;
    opacity:calc(var(--hero-can-opacity) * .88);
  }
  .hero-cross::before{width:40px;height:9px;top:21px;}
  .hero-cross-left{transform:translate(-50%,-50%) translateX(calc(-54px - (var(--hero-can-opacity) * 28px))) scale(calc(.74 + (var(--hero-can-opacity) * .24))) rotate(-5deg);}
  .hero-cross-right{transform:translate(-50%,-50%) translateX(calc(54px + (var(--hero-can-opacity) * 28px))) scale(calc(.74 + (var(--hero-can-opacity) * .24))) rotate(5deg);}

  .manifesto:after{
    bottom:-3vw;
    width:220vw;
    font-size:clamp(84px,28vw,150px);
    opacity:.03;
    animation:manifestoWordDriftMobile 26s linear infinite;
    z-index:0;
  }
  @keyframes manifestoWordDriftMobile{
    0%{transform:translateX(10vw)}
    100%{transform:translateX(-38vw)}
  }

  .can-modal-panel{padding-bottom:108px;}
  .modal-copy{padding:34px 6px 0;text-align:center;}
  .modal-copy p:not(.eyebrow){font-size:14px;max-width:unset;}
  .modal-gallery{min-height:0;padding-bottom:122px;}
  .modal-can-view img{max-height:46vh;max-width:80vw;}
  .modal-can-view figcaption{max-width:82%;font-size:10px;line-height:1.32;padding:0 4px 2px;}
  .modal-tabs{bottom:18px;gap:10px;row-gap:8px;}
  .modal-tab{font-size:10px;padding:0 16px;}
}


/* Ajustes v16 · cruces más separadas, caja que se vacía y titular lata */
/* Las cruces del hero salen un poco más desde detrás de la lata */
.hero-cross-left{
  transform:translate(-50%,-50%) translateX(calc(-82px - (var(--hero-can-opacity) * 58px))) scale(calc(.72 + (var(--hero-can-opacity) * .30))) rotate(-5deg);
}
.hero-cross-right{
  transform:translate(-50%,-50%) translateX(calc(82px + (var(--hero-can-opacity) * 58px))) scale(calc(.72 + (var(--hero-can-opacity) * .30))) rotate(5deg);
}

/* El agua de la caja empieza llena y se va vaciando, como si se bebiese */
.stamp:before{
  bottom:-6%!important;
  height:64%!important;
  animation:waterBoxDrink 6.8s ease-in-out infinite!important;
  transform-origin:50% 100%;
}
.stamp:after{
  bottom:40%!important;
  animation:waterDrinkLine 6.8s ease-in-out infinite!important;
}
@keyframes waterBoxDrink{
  0%,12%{transform:translateY(0) scaleY(1);opacity:.70;}
  58%{transform:translateY(36%) scaleY(.42);opacity:.46;}
  82%{transform:translateY(58%) scaleY(.18);opacity:.26;}
  100%{transform:translateY(0) scaleY(1);opacity:.70;}
}
@keyframes waterDrinkLine{
  0%,12%{transform:translateY(0);opacity:.52;}
  58%{transform:translateY(84px);opacity:.34;}
  82%{transform:translateY(128px);opacity:.16;}
  100%{transform:translateY(0);opacity:.52;}
}

@media (max-width:620px){
  .hero-cross-left{transform:translate(-50%,-50%) translateX(calc(-72px - (var(--hero-can-opacity) * 44px))) scale(calc(.74 + (var(--hero-can-opacity) * .24))) rotate(-5deg);}
  .hero-cross-right{transform:translate(-50%,-50%) translateX(calc(72px + (var(--hero-can-opacity) * 44px))) scale(calc(.74 + (var(--hero-can-opacity) * .24))) rotate(5deg);}
  .stamp:before{height:62%!important;bottom:-5%!important;}
  .stamp:after{bottom:39%!important;}
}


/* Ajustes v17 · favicon y aparición suave del botón nutricional */
.ritual-info-action.reveal{
  opacity:0;
  transform:translateY(32px) scale(.985);
  filter:blur(10px);
  transition:opacity 1.05s cubic-bezier(.16,.84,.24,1), transform 1.05s cubic-bezier(.16,.84,.24,1), filter 1.05s ease;
}
.ritual-info-action.reveal.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
}
.ritual-info-action .btn{
  opacity:0;
  transform:translateY(14px) scale(.97);
}
.ritual-info-action.is-visible .btn{
  animation:nutritionButtonIn .95s cubic-bezier(.16,.84,.24,1) .14s both;
}
@keyframes nutritionButtonIn{
  0%{opacity:0;transform:translateY(16px) scale(.96);filter:blur(8px)}
  58%{opacity:.72;transform:translateY(2px) scale(1.01);filter:blur(1px)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@media (max-width:620px){
  .ritual-info-action{margin-top:34px;}
  .ritual-info-action .btn{transform:translateY(18px) scale(.965);}
}


/* Ajustes v18 · móvil verdaderamente full-bleed para iPhone */
html{
  margin:0!important;
  padding:0!important;
  width:100%;
  min-height:100%;
  background:#050505;
}
body{
  margin:0!important;
  padding:0!important;
  min-height:100vh;
  min-height:100dvh;
  background:#050505;
}
@supports (-webkit-touch-callout:none){
  html{min-height:-webkit-fill-available;}
  body{min-height:-webkit-fill-available;}
}
@media (max-width:620px){
  html,body{
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding:0!important;
    overflow-x:clip!important;
    background:#050505!important;
  }
  body{
    min-height:100dvh!important;
    min-height:-webkit-fill-available!important;
  }
  main{
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding:0!important;
    overflow-x:clip!important;
    background:#050505!important;
  }
  .site-header{
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    margin:0!important;
    padding-top:12px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    padding-bottom:12px!important;
    border-radius:0!important;
  }
  .hero{
    margin-top:0!important;
    padding-top:0!important;
    padding-left:0!important;
    padding-right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    min-height:150dvh!important;
    min-height:150svh!important;
    border-radius:0!important;
    background-color:#050505!important;
  }
  .hero-content{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  section,.manifesto,.ritual,.can-detail,.dia,.community,.contact,.footer{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0!important;
  }
  .footer{
    padding-bottom:max(28px,env(safe-area-inset-bottom,0px))!important;
    background:#000!important;
  }
  .noise,#particles{
    width:100vw!important;
    max-width:100vw!important;
    inset:0!important;
  }
}