:root{
  --black:#070707;--ink:#101010;--cream:#f1eee7;--muted:#aaa69f;
  --yellow:#f4c914;--yellow2:#ffdc3e;--line:rgba(255,255,255,.16);
  --pad:clamp(18px,4vw,62px);--head:clamp(62px,8.2vw,142px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;color:var(--cream);background:var(--black);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.045;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='.7'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.progress{position:fixed;right:12px;top:25%;height:50%;width:2px;background:rgba(255,255,255,.08);z-index:40}.progress i{display:block;width:100%;height:0;background:var(--yellow);box-shadow:0 0 12px rgba(244,201,20,.4)}

.topbar{position:fixed;left:18px;right:18px;top:16px;z-index:50;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:10px 10px 10px 16px;border-radius:999px;background:rgba(5,5,5,.68);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(18px);transition:.35s}.topbar.scrolled{top:8px;background:rgba(5,5,5,.9);box-shadow:0 14px 50px rgba(0,0,0,.35)}.logo{display:flex;flex-direction:column;line-height:1}.logo strong{font-family:var(--ultra);font-size:24px;font-weight:800;letter-spacing:-.06em}.logo strong span{color:var(--yellow)}.logo small{margin-top:4px;font-family:var(--mono);font-size:6px;letter-spacing:.12em;color:#a9a9a9}.nav-orbit{justify-self:center;display:flex;gap:4px;padding:4px;border-radius:999px;background:#111;border:1px solid rgba(255,255,255,.08)}.nav-orbit a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700;color:#aaa;transition:.25s}.nav-orbit a b{font-family:var(--mono);font-size:8px;color:#666}.nav-orbit a:hover,.nav-orbit a.active{background:var(--cream);color:#090909}.nav-orbit a.active b{color:#a77f00}.nav-cta{display:flex;align-items:center;gap:12px;padding:13px 17px;border-radius:999px;background:var(--yellow);color:#090909;font-family:var(--mono);font-size:9px;font-weight:700}.nav-cta span{font-size:17px}.menu-btn{display:none;width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#111;padding:13px;cursor:pointer}.menu-btn i{display:block;height:2px;background:#fff;margin:5px 0;transition:.3s}.menu-btn i:nth-child(2){width:60%;margin-left:auto}.topbar.open .menu-btn i:first-child{transform:translateY(3.5px) rotate(45deg)}.topbar.open .menu-btn i:nth-child(2){width:100%;transform:translateY(-3.5px) rotate(-45deg)}body.menu-open{overflow:hidden}

.panel{position:relative;min-height:100svh;padding:clamp(100px,11vh,138px) var(--pad) clamp(56px,7vh,88px);overflow:hidden}.micro{font-family:var(--mono);font-size:clamp(9px,.7vw,12px);font-weight:700;letter-spacing:.17em;color:var(--yellow);text-transform:uppercase;margin:0 0 16px}.micro.dark{color:#141414}h1,h2,h3{font-family:var(--ultra);margin:0;letter-spacing:-.055em}h2{font-size:var(--head);line-height:.79;font-weight:800}h2 span{color:var(--yellow)}p{line-height:1.55}.action{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.04em}.action.primary{padding:18px 22px;background:var(--yellow);color:#090909;border-radius:3px 26px 26px 26px;clip-path:polygon(0 0,94% 0,100% 30%,100% 100%,8% 100%,0 72%);transition:.25s}.action.primary:hover{transform:translateY(-3px) rotate(-1deg);background:var(--yellow2)}.action.text{padding:16px 0;border-bottom:1px solid #666}.dark-action{padding:17px 20px;background:#0b0b0b;color:#fff;border-radius:3px 24px 24px 24px;clip-path:polygon(0 0,94% 0,100% 30%,100% 100%,8% 100%,0 72%)}

.hero{height:100svh;min-height:680px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;background:radial-gradient(circle at 73% 46%,rgba(244,201,20,.16),transparent 27%),linear-gradient(135deg,#0b0b0b,#050505 64%)}.hero-copy{position:relative;z-index:6;align-self:center;max-width:760px}.hero h1{font-size:clamp(72px,9.5vw,168px);font-weight:800;line-height:.75;max-width:7.4ch}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:var(--yellow);margin-left:.42em}.hero-desc{font-size:clamp(16px,1.28vw,21px);max-width:630px;color:#bbb;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-facts{display:flex;gap:30px;margin-top:36px;font-family:var(--mono);font-size:8px;letter-spacing:.07em;color:#999}.hero-facts b{font-family:var(--ultra);font-size:25px;color:#fff;margin-right:4px}.hero-product{position:relative;height:78svh;min-height:520px;display:grid;place-items:center;z-index:4}.hero-bottle{position:relative;z-index:5;max-height:92%;width:auto;filter:drop-shadow(0 45px 55px rgba(0,0,0,.5));animation:bottleFloat 7s ease-in-out infinite}.orb{position:absolute;width:62%;aspect-ratio:1;border-radius:42% 58% 64% 36% / 35% 42% 58% 65%;background:var(--yellow);transform:rotate(21deg);filter:drop-shadow(0 0 60px rgba(244,201,20,.15));animation:morph 12s ease-in-out infinite}.orbit-line{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%;transform:rotate(-22deg)}.orbit-1{width:88%;height:36%}.orbit-2{width:72%;height:27%;transform:rotate(38deg)}.round-stamp{position:absolute;right:-2%;top:21%;z-index:7;width:145px;height:145px;border-radius:50%;background:#080808;border:1px solid var(--yellow);display:grid;place-items:center;text-align:center;padding:18px;color:var(--yellow);transform:rotate(10deg)}.round-stamp span{font-family:var(--mono);font-size:7px;letter-spacing:.16em}.round-stamp strong{font-family:var(--ultra);font-size:21px;line-height:.9}.hero-word{position:absolute;z-index:1;font-family:var(--ultra);font-weight:800;font-size:clamp(100px,18vw,320px);white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);letter-spacing:-.08em}.word-a{left:-3vw;top:3vh}.word-b{right:-6vw;bottom:8vh}.hero-shape{position:absolute;background:var(--yellow);opacity:.9}.shape-one{width:90px;height:18px;left:46%;top:25%;transform:rotate(-36deg)}.shape-two{width:28px;height:155px;right:12%;bottom:10%;transform:rotate(28deg);opacity:.18}.vertical-note{position:absolute;right:22px;top:50%;transform:rotate(90deg) translateY(-50%);transform-origin:center;font-family:var(--mono);font-size:7px;letter-spacing:.18em;color:#777}.vertical-note span{color:var(--yellow)}.ticker{position:absolute;left:0;right:0;bottom:0;height:42px;background:var(--yellow);color:#0a0a0a;overflow:hidden;display:flex;align-items:center;transform:rotate(-.7deg) scale(1.01)}.ticker div{font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:.1em;white-space:nowrap;animation:ticker 28s linear infinite}

.process{background:#0b0b0b;display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:center}.process-title h2{font-size:clamp(66px,8vw,132px);max-width:7ch}.steps-flow{position:relative;border-top:1px solid #333}.flow-step{display:grid;grid-template-columns:92px 1fr 48px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #333;transition:.25s}.flow-step:hover{padding-left:18px;color:var(--yellow)}.flow-step b{font-family:var(--mono);font-size:9px;color:var(--yellow)}.flow-step h3{font-size:clamp(35px,3.8vw,65px);line-height:.92}.flow-step p{color:#969696;margin:7px 0 0;max-width:520px;font-size:14px}.flow-step i{font-style:normal;font-size:32px;color:#555}.process-side{position:absolute;right:-178px;top:50%;transform:rotate(90deg);font-family:var(--mono);font-size:9px;letter-spacing:.25em;color:#444}

.packs{background:#e9e5db;color:#0b0b0b;display:grid;grid-template-columns:.55fr 1.45fr;gap:4vw;align-items:center}.packs .micro{color:#5d541b}.packs-heading{align-self:center}.packs-heading h2{font-size:clamp(64px,8vw,128px);max-width:5ch}.packs-heading h2 span{color:#0b0b0b;-webkit-text-stroke:1px #0b0b0b;color:transparent}.pack-columns{height:70svh;min-height:560px;display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #b9b5ab;border-right:1px solid #b9b5ab}.pack{position:relative;padding:20px;border-right:1px solid #b9b5ab;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.pack:last-child{border-right:0}.pack:hover img{transform:translateX(-50%) translateY(-12px) rotate(2deg)}.pack-number{position:absolute;left:12px;top:-24px;font-family:var(--ultra);font-weight:800;font-size:clamp(110px,11vw,190px);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.22)}.pack img{position:absolute;left:50%;top:8%;transform:translateX(-50%);max-height:53%;transition:.5s;filter:drop-shadow(0 28px 22px rgba(0,0,0,.17))}.pack-info{position:relative;z-index:4}.pack-info small{font-family:var(--mono);font-size:7px;letter-spacing:.1em}.pack-info strong{display:block;font-family:var(--ultra);font-size:clamp(30px,3vw,48px);margin:8px 0}.pack-info p{font-size:13px;max-width:220px;color:#4b4a47}.pack-info a{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:8px;border-bottom:1px solid #111;padding-bottom:5px}.pack-50{background:var(--yellow)}.pack-50 .pack-number{-webkit-text-stroke-color:rgba(0,0,0,.32)}.popular{position:absolute;top:12px;right:12px;font-family:var(--mono);font-size:7px;background:#080808;color:#fff;padding:8px 10px;border-radius:999px;z-index:6}.pack-foot{position:absolute;left:var(--pad);right:var(--pad);bottom:22px;text-align:center;font-family:var(--mono);font-size:7px;letter-spacing:.12em;color:#777}.pack-foot span{color:#111;margin:0 16px}

.business{background:var(--yellow);color:#0b0b0b;display:grid;grid-template-columns:.92fr .6fr .8fr;gap:3vw;align-items:center}.business-cut{position:absolute;right:0;top:0;bottom:0;width:48%;background:#090909;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}.business-copy{position:relative;z-index:5}.business-copy h2{font-size:clamp(58px,7vw,116px);max-width:8ch}.business-copy h2 span{color:#0b0b0b}.business-copy p:not(.micro){font-size:clamp(17px,1.4vw,22px);max-width:620px;color:#373008}.business-bottle{position:relative;z-index:6;height:72svh;min-height:520px;display:grid;place-items:center}.business-bottle img{max-height:94%;filter:drop-shadow(0 35px 35px rgba(0,0,0,.35));transform:rotate(6deg)}.included-rail{position:relative;z-index:5;color:#fff;align-self:center}.included-rail div{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:16px 0;border-bottom:1px solid #2b2b2b}.included-rail b{font-family:var(--mono);font-size:7px;color:var(--yellow)}.included-rail span{font-family:var(--ultra);font-size:clamp(19px,2vw,30px);font-weight:700;letter-spacing:-.03em}

.events{background:#080808;display:grid;grid-template-columns:1fr 1fr;align-items:center}.events-copy{position:relative;z-index:5;max-width:740px}.events-copy h2{font-size:clamp(60px,7vw,120px);max-width:8ch}.events-copy p:not(.micro){font-size:clamp(16px,1.3vw,21px);color:#aaa;max-width:650px}.events-bottles{height:75svh;min-height:520px;display:flex;align-items:flex-end;justify-content:center;position:relative}.events-bottles:before{content:"";position:absolute;width:70%;height:60%;background:var(--yellow);clip-path:polygon(15% 0,100% 8%,82% 100%,0 88%);opacity:.98}.events-bottles img{position:relative;z-index:2;height:72%;width:auto;filter:drop-shadow(0 30px 30px #000)}.events-bottles img:nth-child(1){transform:translateX(46px) rotate(-14deg) scale(.82)}.events-bottles img:nth-child(2){transform:translateY(-34px) scale(1.08);z-index:4}.events-bottles img:nth-child(3){transform:translateX(-46px) rotate(14deg) scale(.82)}.event-type{position:absolute;right:-25px;bottom:24px;font-family:var(--ultra);font-weight:800;font-size:clamp(62px,10vw,170px);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);white-space:nowrap}

.marketplace{background:var(--yellow);color:#090909;display:grid;grid-template-columns:.9fr 1.1fr;gap:4vw;align-items:center}.market-loop{position:absolute;left:-2%;top:11%;font-family:var(--ultra);font-size:clamp(62px,10vw,180px);font-weight:800;white-space:nowrap;color:rgba(0,0,0,.065);letter-spacing:-.06em}.market-copy{position:relative;z-index:5}.market-copy h2{font-size:clamp(60px,7.5vw,122px);max-width:8ch}.market-copy h2 span{color:#090909}.market-copy p{font-size:clamp(16px,1.3vw,21px);max-width:620px;color:#39320c}.market-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;padding:0;list-style:none;margin:26px 0 34px;font-weight:700}.market-copy li:before{content:"↗";margin-right:8px}.market-device{position:relative;height:76svh;min-height:540px;display:grid;place-items:center}.phone{width:min(330px,64%);aspect-ratio:.51;border-radius:42px;padding:42px 18px 20px;background:#0b0b0b;color:#fff;border:7px solid #252525;box-shadow:0 40px 75px rgba(0,0,0,.28);transform:rotate(5deg);position:relative;overflow:hidden}.speaker{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:36%;height:18px;border-radius:999px;background:#000}.phone-logo{font-family:var(--ultra);font-weight:800;font-size:24px;letter-spacing:-.06em}.phone-logo span{color:var(--yellow)}.phone-hero{height:67%;display:grid;grid-template-columns:1fr .9fr;align-items:center}.phone-hero img{max-height:84%;justify-self:center;filter:drop-shadow(0 16px 15px rgba(0,0,0,.5))}.phone-hero strong{font-family:var(--ultra);font-size:24px;line-height:.9}.phone button{width:100%;border:0;background:var(--yellow);color:#080808;border-radius:999px;padding:13px;font-weight:800}.market-bottle{position:absolute;height:64%;right:4%;bottom:4%;transform:rotate(-12deg);filter:drop-shadow(0 30px 30px rgba(0,0,0,.3))}

.extras{background:#090909;display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center}.extras-intro h2{font-size:clamp(65px,8vw,130px);max-width:6ch}.extra-list{border-top:1px solid #2a2a2a}.extra-row{display:grid;grid-template-columns:54px 1.1fr 1fr 36px;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #2a2a2a;transition:.3s}.extra-row:hover{padding-left:16px;background:linear-gradient(90deg,rgba(244,201,20,.08),transparent)}.extra-row b{font-family:var(--mono);font-size:7px;color:var(--yellow)}.extra-row h3{font-size:clamp(28px,3vw,50px);line-height:.9}.extra-row p{margin:0;color:#999;font-size:13px}.extra-row i{font-style:normal;color:#777;font-size:25px}

.final-cta{height:100svh;min-height:680px;background:radial-gradient(circle at 73% 50%,rgba(244,201,20,.15),transparent 28%),#060606;display:grid;grid-template-columns:1fr .85fr;align-items:center}.final-copy{position:relative;z-index:5}.final-copy h2{font-size:clamp(67px,8.5vw,145px);max-width:8ch}.final-copy p:not(.micro){font-size:clamp(17px,1.4vw,22px);color:#aaa;max-width:620px}.final-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}.mail{font-family:var(--mono);font-size:9px;border-bottom:1px solid #555;padding-bottom:6px}.final-bottle{height:78svh;min-height:500px;display:grid;place-items:center;position:relative}.final-bottle img{position:relative;z-index:3;max-height:94%;filter:drop-shadow(0 40px 44px #000);animation:bottleFloat 7.5s ease-in-out infinite}.final-orb{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:var(--yellow);filter:blur(.2px);animation:morph 14s ease-in-out infinite}.final-word{position:absolute;right:-4vw;top:13%;font-family:var(--ultra);font-size:clamp(110px,19vw,320px);font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);letter-spacing:-.08em}

.footer{position:relative;z-index:5;min-height:120px;padding:25px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#050505;border-top:1px solid #1e1e1e;color:#777;font-size:11px}.footer>div{display:flex;gap:20px}.footer a:hover{color:var(--yellow)}

.reveal{opacity:0;transition:opacity .75s cubic-bezier(.22,.8,.2,1),transform .9s cubic-bezier(.22,.8,.2,1)}.from-left{transform:translateX(-60px)}.from-right{transform:translateX(60px)}.from-bottom{transform:translateY(60px)}.pop{transform:scale(.9) rotate(-2deg)}.reveal.visible{opacity:1;transform:none}.flow-step:nth-child(2),.pack:nth-child(2),.extra-row:nth-child(2){transition-delay:.08s}.flow-step:nth-child(3),.pack:nth-child(3),.extra-row:nth-child(3){transition-delay:.16s}.flow-step:nth-child(4),.extra-row:nth-child(4){transition-delay:.24s}.extra-row:nth-child(5){transition-delay:.32s}.extra-row:nth-child(6){transition-delay:.4s}
@keyframes bottleFloat{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-17px) rotate(2deg)}}@keyframes morph{0%,100%{border-radius:42% 58% 64% 36% / 35% 42% 58% 65%;transform:rotate(17deg) scale(.98)}50%{border-radius:60% 40% 42% 58% / 58% 68% 32% 42%;transform:rotate(30deg) scale(1.05)}}@keyframes ticker{to{transform:translateX(-50%)}}

@media(min-width:981px){.panel{scroll-snap-align:start}body{scroll-snap-type:y proximity}}
@media(max-width:1180px){.nav-orbit{display:none}.topbar{grid-template-columns:auto 1fr auto}.menu-btn{display:block}.nav-cta{justify-self:end}.topbar.open .nav-orbit{display:flex;position:fixed;top:82px;left:18px;right:18px;padding:18px;flex-direction:column;border-radius:24px;background:#0a0a0a}.topbar.open .nav-orbit a{font-size:16px;padding:16px}.hero{grid-template-columns:1fr .85fr}.round-stamp{display:none}.process,.packs,.extras{grid-template-columns:1fr}.packs-heading h2{max-width:none}.packs-heading{margin-bottom:25px}.pack-columns{height:60svh}.business{grid-template-columns:1fr .65fr}.included-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.included-rail div{padding:12px}.business-cut{width:42%}.events,.marketplace,.final-cta{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.progress{display:none}.nav-cta{display:none}.topbar{grid-template-columns:auto 1fr auto}.panel{min-height:auto;padding-top:106px;padding-bottom:62px}.hero{height:100svh;min-height:700px;display:block;padding-top:116px}.hero-copy{max-width:100%;position:relative;z-index:10}.hero h1{font-size:clamp(64px,17vw,112px);max-width:6.2ch}.hero h1 em{margin-left:.18em}.hero-desc{font-size:15px;max-width:82%;margin:16px 0}.hero-facts{gap:18px;font-size:7px;margin-top:20px}.hero-facts b{font-size:20px}.hero-product{position:absolute;right:-22%;bottom:18px;width:78%;height:56%;min-height:0;opacity:.78}.hero-bottle{max-height:100%}.orb{width:72%}.hero-word,.vertical-note,.shape-one,.shape-two{display:none}.ticker{height:34px}.ticker div{font-size:8px}.process{gap:32px}.process-title h2{font-size:clamp(58px,15vw,90px)}.steps-flow{margin-top:12px}.flow-step{grid-template-columns:42px 1fr 30px;padding:16px 0}.flow-step h3{font-size:clamp(31px,9vw,48px)}.flow-step p{font-size:12px}.process-side{display:none}.packs{padding-bottom:78px}.pack-columns{height:auto;min-height:0;grid-template-columns:1fr;border:0;gap:0}.pack{height:280px;display:block;border:0;border-bottom:1px solid #aaa;padding:16px}.pack img{left:auto;right:3%;top:50%;transform:translateY(-50%);max-height:85%}.pack:hover img{transform:translateY(-50%) rotate(0)}.pack-number{font-size:110px;top:-12px}.pack-info{position:absolute;left:16px;bottom:20px;max-width:52%}.pack-info strong{font-size:30px}.pack-info p{font-size:12px}.pack-50{background:var(--yellow)}.pack-foot{font-size:6px;bottom:24px;white-space:nowrap;overflow:hidden}.business{grid-template-columns:1fr;padding-bottom:0}.business-cut{top:auto;bottom:0;height:47%;width:100%;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}.business-copy h2{font-size:clamp(55px,14vw,85px)}.business-bottle{height:52svh;min-height:400px;z-index:6}.business-bottle img{max-height:95%}.included-rail{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;padding-bottom:40px}.included-rail span{font-size:16px}.events{grid-template-columns:1fr;padding-bottom:0}.events-copy h2{font-size:clamp(54px,14vw,84px)}.events-bottles{height:50svh;min-height:370px;margin-top:20px}.event-type{display:none}.marketplace{grid-template-columns:1fr;padding-bottom:0}.market-copy h2{font-size:clamp(54px,14vw,84px)}.market-copy ul{grid-template-columns:1fr}.market-device{height:52svh;min-height:390px}.phone{width:min(270px,65%)}.market-bottle{height:55%;right:0}.extras{gap:26px}.extras-intro h2{font-size:clamp(58px,15vw,90px)}.extra-row{grid-template-columns:35px 1fr 30px}.extra-row p{display:none}.extra-row h3{font-size:clamp(28px,8vw,42px)}.final-cta{height:100svh;min-height:700px;display:block;padding-top:118px}.final-copy h2{font-size:clamp(62px,16vw,100px)}.final-copy p:not(.micro){font-size:15px;max-width:75%}.final-bottle{position:absolute;right:-22%;bottom:15px;width:78%;height:58%;min-height:0;opacity:.8}.final-word{display:none}.footer{flex-direction:column;align-items:flex-start}.footer>div{flex-wrap:wrap}}
@media(max-width:520px){.topbar{left:8px;right:8px;top:8px}.logo strong{font-size:21px}.logo small{font-size:5px}.menu-btn{width:40px;height:40px}.panel{padding-left:17px;padding-right:17px}.hero h1{font-size:clamp(60px,18vw,94px)}.hero-desc{max-width:92%}.hero-actions{gap:14px}.action{font-size:8px}.action.primary{padding:16px 18px}.hero-facts span:last-child{display:none}.hero-product{right:-36%;width:95%;bottom:10px}.packs-heading h2{font-size:70px}.included-rail{grid-template-columns:1fr}.events-bottles img{height:66%}.market-loop{display:none}.final-bottle{right:-35%;width:95%}}

/* =========================================================
   V7 — ULTRA BLACK + EDITORIAL TYPOGRAPHIC SYSTEM
   Montserrat Alternates 900 + Bodoni Moda italic + Manrope
   ========================================================= */
:root{
  --ultra:"Montserrat Alternates",sans-serif;
  --editorial:"Bodoni Moda",serif;
  --body:"Manrope",sans-serif;
  --mono:"IBM Plex Mono",monospace;
  --yellow:#f5ca18;
  --yellow2:#ffe14d;
}
body{font-family:var(--body);font-weight:500}
.logo strong{font-family:var(--ultra);font-weight:900;letter-spacing:-.055em}
.logo small,.micro,.nav-cta,.nav-orbit a b,.hero-facts,.action,.mail,.ticker div,.round-stamp span,.extra-row b{font-family:var(--mono)}
.nav-orbit a{font-family:var(--body);font-weight:800;letter-spacing:.01em}
h1,h2,h3,.hero-word,.event-type,.market-loop,.final-word,.phone-logo,.phone-hero strong,.pack-number,.included-rail span{font-family:var(--ultra);font-weight:900}
.hero h1,.process-title h2,.packs-heading h2,.business-copy h2,.events-copy h2,.market-copy h2,.extras-intro h2,.final-copy h2{letter-spacing:-.065em}
.hero h1 em,h2 span,.packs-heading h2 span,.business-copy h2 span,.events-copy h2 span,.market-copy h2 span,.extras-intro h2 span,.final-copy h2 span{
  font-family:var(--editorial);font-style:italic;font-weight:900;letter-spacing:-.06em;text-transform:none;
}
.hero h1 em{line-height:.66;margin-top:.08em}
.micro{font-size:clamp(9px,.72vw,12px);font-weight:700;letter-spacing:.19em}
.hero-desc,.business-copy>p:not(.micro),.events-copy>p:not(.micro),.market-copy>p:not(.micro),.final-copy>p:not(.micro){font-weight:500;line-height:1.62}

/* full-screen rhythm */
@media(min-width:981px){
  .panel{height:100svh;min-height:720px;padding-top:clamp(94px,10vh,124px);padding-bottom:clamp(42px,5.2vh,68px);scroll-snap-align:start}
  body{scroll-snap-type:y mandatory}
  .process,.packs,.business,.events,.marketplace,.extras,.final-cta{min-height:100svh;height:100svh}
}

/* NAV — more graphic, lighter visual footprint */
.topbar{padding:8px 8px 8px 17px;border-radius:22px;background:rgba(5,5,5,.76);border-color:rgba(255,255,255,.13)}
.nav-orbit{background:transparent;border:0;gap:2px}
.nav-orbit a{position:relative;padding:11px 15px;border:1px solid transparent}
.nav-orbit a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:.28s ease}
.nav-orbit a:hover,.nav-orbit a.active{background:transparent;color:#fff;border-color:rgba(255,255,255,.09)}
.nav-orbit a:hover::after,.nav-orbit a.active::after{transform:scaleX(1)}
.nav-orbit a b{font-size:7px;color:var(--yellow)}
.nav-cta{border-radius:16px 4px 16px 4px;padding:14px 18px;transition:.25s ease}
.nav-cta:hover{border-radius:4px 16px 4px 16px;transform:translateY(-2px)}

/* HERO */
.hero{background:
 radial-gradient(circle at 70% 45%,rgba(245,202,24,.18),transparent 25%),
 linear-gradient(118deg,#0b0b0b 0%,#070707 58%,#0b0902 100%)}
.hero h1{font-size:clamp(70px,9vw,158px);line-height:.76;max-width:7.5ch}
.hero-desc{max-width:660px;color:#c0beb9}
.hero-word{font-family:var(--ultra);font-weight:900;-webkit-text-stroke:1px rgba(255,255,255,.045)}
.word-a{font-size:clamp(100px,16vw,280px);transform:rotate(-2deg)}
.word-b{font-family:var(--editorial);font-style:italic;font-size:clamp(110px,17vw,300px);font-weight:900}
.orb{border-radius:10% 90% 62% 38% / 54% 28% 72% 46%;background:linear-gradient(135deg,#f7d52e,#e9b800);animation:morphV7 10s ease-in-out infinite}
.action.primary,.dark-action{clip-path:none;border-radius:16px 4px 16px 4px;transition:.28s ease}
.action.primary:hover,.dark-action:hover{border-radius:4px 16px 4px 16px;transform:translateY(-3px)}
.round-stamp strong{font-family:var(--ultra);font-weight:900}

/* PROCESS — editorial split screen */
.process{grid-template-columns:.72fr 1.28fr;gap:5vw;background:
 linear-gradient(90deg,rgba(245,202,24,.035) 0 34%,transparent 34%),#0a0a0a}
.process::before{content:"04";position:absolute;left:-.025em;bottom:-.13em;font-family:var(--ultra);font-size:min(44vw,620px);font-weight:900;line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);pointer-events:none}
.process-title{position:relative;z-index:2}.process-title h2{font-size:clamp(64px,7.5vw,125px);line-height:.78}
.process-title h2 span{display:inline-block;color:var(--yellow);font-size:1.08em}
.steps-flow{border-top:0;position:relative;z-index:2}
.flow-step{position:relative;grid-template-columns:74px 1fr 40px;padding:clamp(14px,2vh,24px) 12px;border-top:1px solid #303030;transition:.28s ease}
.flow-step:last-child{border-bottom:1px solid #303030}
.flow-step::before{content:"";position:absolute;inset:0;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:.32s cubic-bezier(.2,.8,.2,1);z-index:-1}
.flow-step:hover::before{transform:scaleX(1)}
.flow-step:hover{color:#080808;padding-left:22px}.flow-step:hover p,.flow-step:hover b{color:#222}.flow-step:hover i{color:#080808;transform:rotate(45deg)}
.flow-step b{font-family:var(--mono);font-size:10px;color:var(--yellow)}
.flow-step h3{font-size:clamp(34px,3.8vw,62px);letter-spacing:-.055em;line-height:.9}
.flow-step p{font-family:var(--body);font-size:clamp(12px,.95vw,15px)}
.flow-step i{transition:.3s ease}

/* PACKS — oversized typography and less card-like */
.packs{background:#efede7;color:#090909}
.packs::before{content:"PACKS";position:absolute;left:-1.5vw;top:10%;font-family:var(--ultra);font-size:clamp(130px,20vw,340px);line-height:.7;color:rgba(0,0,0,.035);letter-spacing:-.09em}
.packs .micro{color:#745e00}.packs-heading{position:relative;z-index:2}.packs-heading h2{line-height:.72;font-size:clamp(66px,7.8vw,130px)}
.packs-heading h2 span{color:#080808}
.pack-columns{position:relative;z-index:3;border-color:#b9b5aa}
.pack{border-color:#b9b5aa;background:transparent;transition:.35s ease}
.pack:hover{background:#fff}.pack-50{background:var(--yellow);color:#090909}
.pack-number{font-size:clamp(105px,10vw,175px);letter-spacing:-.09em;opacity:.92}
.pack-info small{font-family:var(--mono);font-weight:700;letter-spacing:.1em}.pack-info strong{font-family:var(--ultra);font-weight:900;letter-spacing:-.04em}.pack-info a{font-family:var(--mono);font-weight:700}
.popular{font-family:var(--mono);font-weight:700}

/* BUSINESS — full-screen diagonal composition */
.business{background:#080808;grid-template-columns:1.02fr .65fr .85fr;gap:2vw}
.business-cut{width:46%;background:var(--yellow);clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.business::after{content:"SIN\A FÁBRICA";white-space:pre;position:absolute;right:-.05em;top:5%;font-family:var(--editorial);font-style:italic;font-weight:900;font-size:clamp(100px,15vw,270px);line-height:.65;color:rgba(255,255,255,.035);pointer-events:none}
.business-copy h2{font-size:clamp(60px,7vw,118px);line-height:.75}.business-copy h2 span{color:var(--yellow)}
.business-bottle img{filter:drop-shadow(0 42px 38px rgba(0,0,0,.5))}
.included-rail{position:relative;z-index:3}.included-rail div{border-color:rgba(255,255,255,.16)}.included-rail b{font-family:var(--mono)}.included-rail span{font-size:clamp(16px,1.45vw,24px);letter-spacing:-.035em}

/* EVENTS */
.events{background:radial-gradient(circle at 77% 50%,rgba(245,202,24,.18),transparent 25%),#0a0a0a}
.events::before{content:"EDICIÓN";position:absolute;right:-3vw;top:5%;font-family:var(--editorial);font-style:italic;font-size:clamp(100px,16vw,280px);font-weight:900;color:rgba(245,202,24,.06);white-space:nowrap}
.events-copy h2{font-size:clamp(58px,6.8vw,112px);line-height:.77}.events-copy h2 span{color:var(--yellow)}
.events-bottles::before{content:"";position:absolute;width:64%;aspect-ratio:1;border-radius:50%;background:var(--yellow);filter:blur(.2px);opacity:.9;z-index:0}
.events-bottles img{position:relative;z-index:2;filter:drop-shadow(0 36px 30px #000)}
.event-type{font-family:var(--ultra);font-weight:900;-webkit-text-stroke:1px rgba(255,255,255,.065)}

/* MARKETPLACE */
.marketplace{background:var(--yellow);grid-template-columns:.9fr 1.1fr}
.market-loop{font-family:var(--editorial);font-style:italic;font-weight:900;color:rgba(0,0,0,.06)}
.market-copy h2{font-size:clamp(62px,7vw,118px);line-height:.75}.market-copy h2 span{font-family:var(--editorial);font-style:italic;color:#090909}
.market-copy ul{font-family:var(--body);font-weight:800}.phone-logo{font-family:var(--ultra)}.phone-hero strong{font-family:var(--ultra)}

/* EXTRAS — each service behaves as a typographic stripe */
.extras{grid-template-columns:.7fr 1.3fr;background:linear-gradient(112deg,#080808,#0c0c0c)}
.extras::before{content:"+";position:absolute;left:2%;bottom:-.2em;font-family:var(--editorial);font-style:italic;font-size:clamp(260px,38vw,650px);line-height:.7;color:rgba(245,202,24,.035)}
.extras-intro{position:relative;z-index:2}.extras-intro h2{font-size:clamp(65px,7.7vw,128px);line-height:.75}.extras-intro h2 span{color:var(--yellow)}
.extra-list{position:relative;z-index:2}
.extra-row{grid-template-columns:46px 1.1fr .9fr 40px;padding:clamp(13px,1.8vh,22px) 0;transition:.3s ease}
.extra-row::before{content:"";position:absolute;left:0;right:0;height:100%;background:var(--yellow);transform:scaleY(0);transform-origin:center;transition:.25s ease;z-index:-1}
.extra-row{position:relative}.extra-row:hover::before{transform:scaleY(1)}.extra-row:hover{color:#090909;padding-left:18px;padding-right:12px}.extra-row:hover p,.extra-row:hover b,.extra-row:hover i{color:#111}
.extra-row h3{font-size:clamp(27px,2.6vw,46px);letter-spacing:-.05em}.extra-row p{font-family:var(--body)}

/* FINAL CTA */
.final-cta{background:radial-gradient(circle at 72% 49%,rgba(245,202,24,.18),transparent 26%),#060606;grid-template-columns:1.05fr .8fr}
.final-copy h2{font-size:clamp(68px,8vw,138px);line-height:.73}.final-copy h2 span{color:var(--yellow)}
.final-word{font-family:var(--editorial);font-style:italic;font-weight:900;-webkit-text-stroke:1px rgba(255,255,255,.045)}
.final-orb{border-radius:22% 78% 54% 46% / 66% 38% 62% 34%;background:linear-gradient(145deg,var(--yellow2),#e8b800);animation:morphV7 11s ease-in-out infinite}

@keyframes morphV7{0%,100%{border-radius:18% 82% 60% 40% / 64% 38% 62% 36%;transform:rotate(12deg) scale(.98)}50%{border-radius:74% 26% 42% 58% / 34% 72% 28% 66%;transform:rotate(25deg) scale(1.05)}}

/* TABLET */
@media(max-width:1180px){
  .panel{min-height:100svh}
  .process,.packs,.extras{display:grid;grid-template-columns:1fr;align-content:center}
  .process-title h2,.packs-heading h2,.extras-intro h2{max-width:9ch}
  .business{grid-template-columns:1fr .72fr}.included-rail{grid-column:1/-1}
  .events,.marketplace,.final-cta{grid-template-columns:1fr 1fr}
}

/* MOBILE — every section remains at least one complete screen */
@media(max-width:820px){
  body{scroll-snap-type:none}
  .panel{min-height:100svh;height:auto;padding-top:102px;padding-bottom:52px;display:flex;flex-direction:column;justify-content:center}
  .hero{height:100svh;min-height:700px;display:block;padding-top:116px}
  .logo strong{font-family:var(--ultra)}
  .hero h1{font-size:clamp(58px,16.8vw,104px);line-height:.76;max-width:6.2ch}.hero h1 em{font-size:1.08em;margin-left:.08em}
  .hero-desc{font-family:var(--body);max-width:90%}
  .hero-product{height:54%;bottom:8px}.hero-bottle{max-height:100%}
  .process{justify-content:center;background:#0a0a0a}.process::before{font-size:75vw;bottom:.06em}.process-title h2{font-size:clamp(54px,14.5vw,88px);max-width:8ch}.steps-flow{width:100%}.flow-step{grid-template-columns:38px 1fr 28px;padding:14px 8px}.flow-step h3{font-size:clamp(28px,8.2vw,46px)}.flow-step p{font-size:11px}
  .packs{justify-content:flex-start;padding-top:102px}.packs::before{font-size:45vw;top:12%}.packs-heading h2{font-size:clamp(54px,14vw,82px)}.pack-columns{width:100%;height:auto;display:grid;grid-template-columns:1fr}.pack{height:28svh;min-height:220px}.pack-number{font-size:clamp(82px,26vw,122px)}.pack-info strong{font-size:28px}
  .business{display:grid;grid-template-columns:1fr;align-content:center;padding-bottom:30px}.business-cut{height:45%;width:100%;clip-path:polygon(0 22%,100% 0,100% 100%,0 100%)}.business::after{top:auto;bottom:8%;font-size:34vw}.business-copy h2{font-size:clamp(52px,13.5vw,82px)}.business-bottle{height:44svh;min-height:330px}.included-rail{display:grid;grid-template-columns:1fr 1fr}.included-rail span{font-size:14px}
  .events{display:grid;grid-template-columns:1fr;align-content:center}.events::before{font-size:34vw;top:43%}.events-copy h2{font-size:clamp(52px,13.5vw,82px)}.events-bottles{height:42svh;min-height:330px}.events-bottles::before{width:55%}
  .marketplace{display:grid;grid-template-columns:1fr;align-content:center}.market-copy h2{font-size:clamp(52px,13.5vw,82px)}.market-device{height:44svh;min-height:350px}.phone{width:min(260px,62%)}
  .extras{display:grid;grid-template-columns:1fr;align-content:center;gap:24px}.extras::before{font-size:80vw}.extras-intro h2{font-size:clamp(54px,14vw,86px)}.extra-row{grid-template-columns:32px 1fr 28px;padding:13px 0}.extra-row p{display:none}.extra-row h3{font-size:clamp(25px,7.4vw,40px)}
  .final-cta{height:100svh;min-height:700px;display:block;padding-top:118px}.final-copy h2{font-size:clamp(58px,15vw,96px)}.final-copy p:not(.micro){max-width:82%}.final-bottle{height:55%;bottom:0}
}

@media(max-width:520px){
  .panel{padding-left:17px;padding-right:17px}
  .topbar.open .nav-orbit a{font-family:var(--ultra);font-size:18px}
  .hero h1{font-size:clamp(56px,17vw,90px)}
  .pack{height:25svh;min-height:205px}.pack-info{max-width:54%}.pack-info p{display:none}
  .included-rail{grid-template-columns:1fr}.included-rail div{padding:9px 0}
  .events-bottles{height:38svh;min-height:300px}
  .market-device{height:40svh;min-height:320px}
  .final-bottle{right:-33%;width:92%}
}

/* =========================================================
   V8 — Typography refinement: clearer ultra-black system
   Archivo Black + DM Serif Display + Inter + IBM Plex Mono
   ========================================================= */
:root{
  --ultra:"Archivo Black",Arial,sans-serif;
  --editorial:"DM Serif Display",Georgia,serif;
  --body:"Inter",Arial,sans-serif;
  --mono:"IBM Plex Mono",monospace;
}

body{font-family:var(--body);font-weight:500;letter-spacing:-.008em}
.logo strong{font-family:var(--ultra);font-weight:400;letter-spacing:-.035em}
.nav-orbit a{font-family:var(--body);font-weight:800;letter-spacing:.005em}

h1,h2,h3,
.hero-word,.event-type,.final-word,.phone-logo,.phone-hero strong,
.pack-number,.included-rail span,.pack-info strong{
  font-family:var(--ultra);
  font-weight:400;
  letter-spacing:-.035em;
}

/* Editorial contrast remains expressive but is easier to read */
.hero h1 em,
.word-b,
.business::after,
.events::before,
.market-loop,
.market-copy h2 span,
.extras::before,
.final-word{
  font-family:var(--editorial);
  font-style:italic;
  font-weight:400;
  letter-spacing:-.025em;
}

/* Clearer large-type rhythm */
.hero h1{line-height:.79;letter-spacing:-.04em}
.hero h2{letter-spacing:-.035em}
h2{line-height:.82;letter-spacing:-.035em}
.process-title h2,.packs-heading h2,.business-copy h2,.events-copy h2,.market-copy h2,.extras-intro h2,.final-copy h2{line-height:.82}
.flow-step h3,.extra-row h3{letter-spacing:-.025em;line-height:.95}
.included-rail span{letter-spacing:-.02em;line-height:1.02}
.pack-info strong{letter-spacing:-.025em}

/* More comfortable reading text */
.hero-desc,
.business-copy>p:not(.micro),
.events-copy>p:not(.micro),
.market-copy>p:not(.micro),
.final-copy>p:not(.micro),
.flow-step p,
.extra-row p,
.pack-info p{
  font-family:var(--body);
  letter-spacing:-.01em;
  line-height:1.65;
}

.micro,.logo small,.nav-cta,.nav-orbit a b,.hero-facts,.action,.mail,.ticker div,.round-stamp span,.extra-row b,.pack-info small,.pack-info a,.popular{
  font-family:var(--mono);
  letter-spacing:.12em;
}

/* Slightly less compressed on small screens */
@media(max-width:820px){
  .hero h1{line-height:.82;letter-spacing:-.035em}
  .process-title h2,.packs-heading h2,.business-copy h2,.events-copy h2,.market-copy h2,.extras-intro h2,.final-copy h2{line-height:.84}
  .flow-step h3,.extra-row h3{letter-spacing:-.02em}
}

/* =========================================================
   FINAL APPROVED V8.1 — puntual improvements
   ========================================================= */

/* New hero headline: longer copy, designed as a clean editorial lockup */
.hero-copy{max-width:min(790px,56vw)}
.hero h1{font-size:clamp(52px,5.9vw,104px);line-height:.82;max-width:10.8ch;letter-spacing:-.035em}
.hero h1 span{font-family:var(--ultra);font-style:normal;color:var(--cream)}
.hero h1 em{font-family:var(--editorial);font-style:italic;color:var(--yellow);margin-left:.12em;margin-top:.06em;line-height:.88}

/* Reorder / repeat production information */
.repeat-production{position:absolute;left:var(--pad);bottom:46px;display:flex;align-items:baseline;gap:13px;z-index:8;color:#0b0b0b}
.repeat-production strong{font-family:var(--ultra);font-size:clamp(13px,1.05vw,17px);letter-spacing:-.025em}
.repeat-production span{font-family:var(--ultra);font-size:clamp(19px,1.65vw,28px);letter-spacing:-.035em;color:#8a6d00}
.repeat-production small{font-family:var(--body);font-size:10px;font-weight:700;color:#625f57;max-width:285px;line-height:1.35}
.pack-foot{bottom:18px;font-size:clamp(9px,.72vw,12px);font-weight:700;letter-spacing:.09em;color:#666}
.pack-foot span{color:#9d7900}

/* Floating back-to-top control */
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:70;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#080808;border:1px solid rgba(0,0,0,.12);box-shadow:0 14px 38px rgba(0,0,0,.36),0 0 0 0 rgba(244,201,20,.18);opacity:0;visibility:hidden;transform:translateY(16px) scale(.88);transition:opacity .28s ease,transform .28s ease,visibility .28s ease,box-shadow .28s ease}
.back-to-top span{font-family:var(--body);font-size:25px;font-weight:900;line-height:1;transform:translateY(-1px)}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.back-to-top:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 0 7px rgba(244,201,20,.12)}

/* The new CTA headline is longer */
.final-copy h2{font-size:clamp(57px,6.7vw,116px);line-height:.78;max-width:9.5ch}
.final-copy h2 span{display:block}

@media(max-width:1180px){
  .hero-copy{max-width:58vw}
  .hero h1{font-size:clamp(48px,6vw,80px);max-width:10.7ch}
  .repeat-production{left:var(--pad);right:var(--pad);bottom:44px;flex-wrap:wrap;gap:5px 12px}
  .repeat-production small{width:100%;max-width:none}
  .pack-foot{bottom:16px}
}

@media(max-width:820px){
  /* Keep the whole home at one viewport and place product centrally */
  .hero{height:100svh;min-height:700px;padding-top:108px;padding-bottom:38px;overflow:hidden}
  .hero-copy{max-width:100%;width:100%}
  .hero h1{font-size:clamp(40px,11.8vw,62px);line-height:.84;max-width:9.7ch;position:relative;z-index:11}
  .hero h1 em{margin-left:0;max-width:9.5ch}
  .hero-desc{font-size:13px;line-height:1.48;max-width:86%;margin:12px 0}
  .hero-actions{gap:10px}.hero-facts{margin-top:14px}
  .hero-product{position:absolute;left:50%;right:auto;transform:translateX(-50%);bottom:28px;width:100%;height:46%;min-height:0;opacity:.94;display:grid;place-items:end center;overflow:visible}
  .hero-bottle{max-height:100%;max-width:70vw;width:auto;object-fit:contain;object-position:center bottom;margin-inline:auto}
  .orb{width:min(58vw,290px);left:50%;top:50%;transform:translate(-50%,-50%) rotate(21deg)}
  .orbit-line{left:50%;top:50%;transform-origin:center}.orbit-1{width:72vw;height:25vw;transform:translate(-50%,-50%) rotate(-22deg)}.orbit-2{width:58vw;height:20vw;transform:translate(-50%,-50%) rotate(38deg)}

  /* Packs need extra breathing room for the new reorder note */
  .packs{padding-bottom:118px}
  .repeat-production{position:relative;left:auto;right:auto;bottom:auto;margin:18px 0 8px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;color:#0b0b0b}
  .repeat-production strong{font-size:11px}.repeat-production span{font-size:17px}.repeat-production small{grid-column:1/-1;font-size:10px}
  .pack-foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:10px;font-size:9px;line-height:1.55;white-space:normal;overflow:visible;text-align:left;letter-spacing:.07em}

  .final-copy h2{font-size:clamp(48px,12.6vw,76px);max-width:9ch;line-height:.81}
  .back-to-top{right:16px;bottom:16px;width:49px;height:49px}
}

@media(max-width:520px){
  .hero{min-height:720px}
  .hero h1{font-size:clamp(38px,11.3vw,56px);max-width:9.4ch}
  .hero-desc{max-width:92%;font-size:12px}
  .hero-facts{gap:12px}.hero-facts b{font-size:17px}
  .hero-product{left:50%;right:auto;transform:translateX(-50%);width:100%;height:43%;bottom:30px}
  .hero-bottle{max-width:74vw;max-height:100%;margin:0 auto}
  .repeat-production{grid-template-columns:1fr}.repeat-production span{font-size:19px}.repeat-production small{grid-column:auto}
  .pack-foot{font-size:9px}
  .final-copy h2{font-size:clamp(44px,12.2vw,66px);max-width:9.2ch}
}


/* =========================================================
   V8.3 — Copy refinements + process-title collision fix
   ========================================================= */

/* Keep the process title fully inside its left editorial column. */
.process-title{
  position:relative;
  z-index:3;
  min-width:0;
  max-width:100%;
  padding-right:clamp(12px,2vw,34px);
}
.process-title h2{
  width:min(100%,6.15ch);
  max-width:6.15ch;
  font-size:clamp(54px,6.35vw,108px);
  line-height:.84;
  overflow-wrap:normal;
  word-break:normal;
}
.process-title h2 span{white-space:nowrap}

/* Slightly rebalance the process split to create a clear gutter. */
@media(min-width:1181px){
  .process{
    grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);
    column-gap:clamp(46px,6vw,110px);
  }
  .steps-flow{min-width:0}
}

/* New business headline is longer; keep it bold without crashing into bottle. */
.business-copy h2{
  font-size:clamp(52px,6.3vw,108px);
  line-height:.82;
  max-width:8.2ch;
}
.business-copy h2 span{display:block}

/* New final CTA is shorter, so give it more impact again. */
.final-copy h2{
  font-size:clamp(66px,7.7vw,132px);
  max-width:8.4ch;
  line-height:.79;
}

@media(max-width:1180px){
  .process-title{padding-right:0}
  .process-title h2{width:auto;max-width:8ch;font-size:clamp(58px,8.2vw,100px)}
  .business-copy h2{max-width:9ch}
}

@media(max-width:820px){
  .process-title h2{
    width:auto;
    max-width:8ch;
    font-size:clamp(50px,13.4vw,82px);
    line-height:.86;
  }
  .process-title h2 span{white-space:normal}
  .business-copy h2{font-size:clamp(48px,12.5vw,76px);max-width:9.2ch}
  .final-copy h2{font-size:clamp(52px,13.5vw,82px);max-width:8.5ch}
}

@media(max-width:520px){
  .process-title h2{font-size:clamp(46px,12.7vw,68px);max-width:8.2ch}
  .business-copy h2{font-size:clamp(44px,11.7vw,64px)}
  .final-copy h2{font-size:clamp(48px,12.5vw,70px)}
}

/* V8.4 — Ajuste puntual: titular de sección negocio completamente blanco */
.business-copy h2,
.business-copy h2 span{
  color:#fff !important;
}

/* =========================================================
   V8.5 — Fullscreen hamburger + floating CTA + final refinements
   ========================================================= */

/* Header becomes intentionally minimal: logo + modern hamburger */
.topbar{
  grid-template-columns:auto 1fr auto;
  padding:10px 12px 10px 16px;
  border-radius:22px;
  max-width:calc(100% - 36px);
  margin-inline:auto;
}
.nav-orbit,.nav-cta{display:none!important}
.menu-btn{
  display:flex!important;
  justify-self:end;
  align-items:center;
  justify-content:center;
  gap:0;
  width:98px;
  height:48px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.055);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.menu-btn::before{content:"";position:absolute;inset:0;background:var(--yellow);transform:translateY(102%);transition:.32s cubic-bezier(.2,.8,.2,1)}
.menu-btn:hover::before,.topbar.open .menu-btn::before{transform:translateY(0)}
.menu-btn .menu-label{position:relative;z-index:2;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.11em;margin-right:11px;transition:.3s;color:#fff}
.menu-btn i{position:absolute;right:14px;z-index:2;width:17px;height:2px;background:#fff;margin:0;transition:.32s ease;transform-origin:center}
.menu-btn i:nth-of-type(1){top:19px}.menu-btn i:nth-of-type(2){top:27px;width:12px}
.menu-btn:hover .menu-label,.topbar.open .menu-btn .menu-label{color:#080808}
.menu-btn:hover i,.topbar.open .menu-btn i{background:#080808}
.topbar.open .menu-btn i:nth-of-type(1){top:23px;transform:rotate(45deg)}
.topbar.open .menu-btn i:nth-of-type(2){top:23px;width:17px;transform:rotate(-45deg)}
.topbar.open .menu-btn .menu-label{opacity:0;transform:translateX(-8px)}

/* Fullscreen navigation */
.menu-overlay{
  position:fixed;
  inset:0;
  z-index:45;
  background:#080808;
  color:#fff;
  display:grid;
  place-items:center;
  padding:100px var(--pad) 42px;
  opacity:0;
  visibility:hidden;
  clip-path:circle(0% at calc(100% - 64px) 42px);
  transition:clip-path .62s cubic-bezier(.76,0,.24,1),opacity .25s ease,visibility .62s;
  overflow:hidden;
}
body.menu-open .menu-overlay{opacity:1;visibility:visible;clip-path:circle(150% at calc(100% - 64px) 42px)}
.menu-overlay::before{content:"";position:absolute;width:46vw;aspect-ratio:1;border-radius:50%;background:var(--yellow);right:-18vw;top:8vh;filter:blur(.1px);opacity:.95}
.menu-overlay::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent)}
.menu-overlay-bg{position:absolute;left:-3vw;bottom:-.08em;font-family:var(--ultra);font-size:clamp(120px,22vw,390px);font-weight:400;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);white-space:nowrap;pointer-events:none}
.menu-full{position:relative;z-index:2;width:min(1140px,100%);display:grid}
.menu-full a{display:grid;grid-template-columns:50px minmax(0,1fr) 52px;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12);transition:.28s ease}
.menu-full a:first-child{border-top:1px solid rgba(255,255,255,.12)}
.menu-full a b{font-family:var(--mono);font-size:9px;color:var(--yellow)}
.menu-full a span{font-family:var(--ultra);font-size:clamp(36px,5.2vw,82px);line-height:.96;letter-spacing:-.035em;text-transform:uppercase}
.menu-full a i{font-style:normal;font-size:clamp(25px,3vw,48px);color:#777;transition:.28s}
.menu-full a:hover{padding-left:18px;color:var(--yellow)}
.menu-full a:hover i{color:var(--yellow);transform:rotate(-45deg)}
.menu-meta{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:28px;display:flex;justify-content:space-between;gap:18px;font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#8b8b8b}

/* Persistent floating creation CTA */
.floating-create{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:42;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 15px 14px 19px;
  border-radius:999px;
  background:var(--yellow);
  color:#090909;
  box-shadow:0 14px 44px rgba(0,0,0,.38),0 0 0 1px rgba(0,0,0,.08);
  font-family:var(--mono);
  font-size:9px;
  font-weight:700;
  letter-spacing:.07em;
  transition:.3s ease;
}
.floating-create i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#080808;color:#fff;font-size:15px;transition:.3s}
.floating-create:hover{transform:translateY(-4px);box-shadow:0 19px 52px rgba(0,0,0,.44)}
.floating-create:hover i{transform:rotate(45deg)}
body.menu-open .floating-create{opacity:0;pointer-events:none;transform:translateY(10px)}

/* Business split: the bottle sits exactly on the black/yellow seam */
@media(min-width:1181px){
  .business{grid-template-columns:1fr 1fr;column-gap:0}
  .business-cut{width:46%;}
  .business-copy{grid-column:1;max-width:calc(54vw - var(--pad));padding-right:clamp(90px,10vw,165px)}
  .included-rail{grid-column:2;padding-left:clamp(120px,12vw,200px);padding-right:0}
  .business-bottle{
    position:absolute;
    left:54%;
    top:50%;
    transform:translate(-50%,-50%);
    width:clamp(260px,26vw,430px);
    height:76svh;
    min-height:540px;
    z-index:8;
    pointer-events:none;
  }
  .business-bottle img{max-height:96%;margin:auto;transform:rotate(2deg)}
}

/* Extra services CTA with copy swap on hover */
.service-cta{
  position:absolute;
  right:var(--pad);
  bottom:clamp(24px,4vh,52px);
  z-index:7;
  min-width:260px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:17px 18px 17px 22px;
  border-radius:999px;
  background:var(--yellow);
  color:#090909;
  font-family:var(--mono);
  font-size:9px;
  font-weight:700;
  letter-spacing:.07em;
  overflow:hidden;
  transition:.3s ease;
}
.service-cta span{transition:.3s ease}
.service-cta .service-hover{position:absolute;left:22px;opacity:0;transform:translateY(12px)}
.service-cta i{font-style:normal;width:30px;height:30px;border-radius:50%;background:#090909;color:#fff;display:grid;place-items:center;font-size:16px;transition:.3s}
.service-cta:hover{transform:translateY(-3px);background:#fff}
.service-cta:hover .service-default{opacity:0;transform:translateY(-12px)}
.service-cta:hover .service-hover{opacity:1;transform:translateY(0)}
.service-cta:hover i{transform:rotate(45deg)}

/* Footer simplified */
.footer{padding-bottom:34px}
.footer .beer-made{margin:0;display:flex;align-items:center;gap:8px;color:#a7a7a7;font-size:12px;font-weight:600}
.beer-icon{font-size:20px;filter:saturate(.9)}

/* Mobile hero: keep the full premium bottle visible inside first viewport */
@media(max-width:820px){
  .topbar{left:10px;right:10px;max-width:none;top:10px;border-radius:18px}
  .menu-btn{width:54px;height:44px;padding:0}.menu-btn .menu-label{display:none}.menu-btn i{right:17px;width:19px}.menu-btn i:nth-of-type(1){top:18px}.menu-btn i:nth-of-type(2){top:26px;width:14px}.topbar.open .menu-btn i:nth-of-type(1),.topbar.open .menu-btn i:nth-of-type(2){top:22px;width:19px}
  .menu-overlay{padding:92px 18px 58px;align-items:center}.menu-overlay::before{width:76vw;right:-39vw;top:14vh}.menu-full a{grid-template-columns:32px minmax(0,1fr) 30px;padding:11px 0}.menu-full a span{font-size:clamp(30px,9vw,50px);line-height:.98}.menu-full a i{font-size:24px}.menu-meta{left:18px;right:18px;bottom:18px;font-size:6px}.menu-meta span:nth-child(2){display:none}

  .hero{height:100svh!important;min-height:680px!important;padding-top:100px!important;padding-bottom:46px!important;display:block!important;overflow:hidden!important}
  .hero-copy{position:relative;z-index:12;width:100%;max-width:100%}
  .hero h1{font-size:clamp(38px,10.6vw,54px)!important;line-height:.84!important;max-width:9.8ch!important}
  .hero-desc{font-size:12px!important;line-height:1.42!important;max-width:91%!important;margin:10px 0!important}
  .hero-actions{gap:8px!important}.hero-actions .action{font-size:8px}.hero-actions .action.primary{padding:13px 16px}.hero-actions .action.text{padding:11px 0}
  .hero-facts{margin-top:10px!important;gap:12px!important}.hero-facts b{font-size:17px!important}.hero-facts span{font-size:6px}
  .hero-product{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:42px!important;
    transform:translateX(-50%)!important;
    width:100%!important;
    height:38svh!important;
    min-height:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
    opacity:1!important;
  }
  .hero-bottle{max-height:100%!important;max-width:66vw!important;width:auto!important;height:auto!important;margin:0 auto!important;object-fit:contain!important;object-position:center!important}
  .orb{width:min(54vw,260px)!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(21deg)!important}
  .orbit-1{width:66vw!important;height:22vw!important}.orbit-2{width:53vw!important;height:18vw!important}
  .round-stamp,.vertical-note{display:none!important}

  .business-bottle{position:relative;left:auto;top:auto;transform:none;width:auto}
  .business-bottle img{margin:auto}
  .service-cta{position:relative;right:auto;bottom:auto;margin-top:18px;align-self:flex-start;min-width:min(100%,270px)}
  .floating-create{left:14px;bottom:14px;padding:12px 12px 12px 15px;font-size:8px;z-index:42}.floating-create i{width:25px;height:25px;font-size:13px}
  .back-to-top{right:14px;bottom:14px}
  .footer{align-items:flex-start}.footer .beer-made{font-size:10px}
}

@media(max-width:520px){
  .hero{min-height:660px!important}
  .hero h1{font-size:clamp(36px,10.5vw,49px)!important}
  .hero-product{height:36svh!important;bottom:42px!important}
  .hero-bottle{max-width:64vw!important}
  .menu-full a span{font-size:clamp(28px,8.7vw,44px)}
  .service-cta{width:100%}
  .footer .logo small{display:block}
}


/* =========================================================
   V8.6 — Cleaner header / center CTA / navigation refinements
   ========================================================= */

/* Header: no framed card, no rounded container */
.topbar{
  left:0!important;
  right:0!important;
  top:0!important;
  max-width:none!important;
  margin:0!important;
  padding:18px var(--pad) 12px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.52) 58%,rgba(5,5,5,0) 100%)!important;
  backdrop-filter:blur(9px)!important;
  box-shadow:none!important;
  grid-template-columns:auto 1fr auto!important;
}
.topbar.scrolled{
  top:0!important;
  background:linear-gradient(180deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.76) 64%,rgba(5,5,5,0) 100%)!important;
  box-shadow:none!important;
}

/* Clean hamburger: label beside a classic 3-line icon */
.menu-btn{
  width:auto!important;
  height:44px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  color:#fff!important;
}
.menu-btn::before{display:none!important}
.menu-btn .menu-label{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  opacity:1!important;
  transform:none!important;
  font-family:var(--mono)!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
}
.menu-lines{position:relative;display:flex;width:25px;height:20px;flex-direction:column;justify-content:space-between;z-index:2}
.menu-btn .menu-lines i{
  position:static!important;
  display:block!important;
  width:25px!important;
  height:2px!important;
  margin:0!important;
  background:#fff!important;
  transform:none!important;
  transition:transform .28s ease,opacity .2s ease,width .28s ease!important;
  transform-origin:center!important;
}
.menu-btn .menu-lines i:nth-child(2){width:18px!important;align-self:flex-end}
.menu-btn:hover .menu-lines i:nth-child(2){width:25px!important}
.topbar.open .menu-btn .menu-label{color:var(--yellow)!important}
.topbar.open .menu-btn .menu-lines i:nth-child(1){transform:translateY(9px) rotate(45deg)!important}
.topbar.open .menu-btn .menu-lines i:nth-child(2){opacity:0!important;transform:scaleX(.25)!important}
.topbar.open .menu-btn .menu-lines i:nth-child(3){transform:translateY(-9px) rotate(-45deg)!important}

/* Fixed center CTA across the entire site */
.floating-create{
  left:50%!important;
  right:auto!important;
  top:14px!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  z-index:60!important;
  padding:12px 13px 12px 18px!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
.floating-create:hover{transform:translateX(-50%) translateY(-2px)!important}
body.menu-open .floating-create{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(-50%)!important;
}

/* Seven fullscreen menu items: retain scale but fit comfortably */
.menu-full a{padding:6px 0!important}
.menu-full a span{font-size:clamp(34px,4.65vw,72px)!important}

/* Tu Marca: true 50/50 split with bottle floating precisely at center seam */
@media(min-width:1181px){
  .business{grid-template-columns:1fr 1fr!important;column-gap:0!important;overflow:hidden}
  .business-cut{
    left:50%!important;
    right:0!important;
    width:50%!important;
    top:0!important;
    bottom:0!important;
    height:auto!important;
    background:#090909!important;
    clip-path:none!important;
  }
  .business-copy{
    grid-column:1!important;
    max-width:none!important;
    padding-right:clamp(145px,13vw,225px)!important;
  }
  .included-rail{
    grid-column:2!important;
    padding-left:clamp(150px,14vw,235px)!important;
    padding-right:0!important;
  }
  .business-bottle{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:clamp(250px,24vw,390px)!important;
    height:76svh!important;
    min-height:500px!important;
    z-index:10!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  .business-bottle img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    margin:auto!important;
    transform:rotate(1deg)!important;
    filter:drop-shadow(0 42px 42px rgba(0,0,0,.48))!important;
  }
}

/* Store: second CTA */
.market-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.store-action{
  background:#090909!important;
  color:#fff!important;
  border:1px solid #090909!important;
}
.store-action:hover{background:#fff!important;color:#090909!important}

/* Footer copy centered in the middle */
.footer{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
}
.footer .logo{grid-column:1;justify-self:start}
.footer .beer-made{
  grid-column:2;
  justify-self:center;
  text-align:center;
  white-space:nowrap;
}

@media(max-width:820px){
  .topbar{
    padding:11px 14px 10px!important;
  }
  .menu-btn{height:40px!important;gap:8px!important}
  .menu-btn .menu-label{font-size:8px!important}
  .menu-lines{width:22px;height:18px}
  .menu-btn .menu-lines i{width:22px!important}
  .menu-btn .menu-lines i:nth-child(2){width:15px!important}
  .menu-btn:hover .menu-lines i:nth-child(2){width:22px!important}
  .topbar.open .menu-btn .menu-lines i:nth-child(1){transform:translateY(8px) rotate(45deg)!important}
  .topbar.open .menu-btn .menu-lines i:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important}

  .floating-create{
    top:10px!important;
    left:50%!important;
    bottom:auto!important;
    padding:10px 10px 10px 13px!important;
    font-size:7px!important;
    gap:8px!important;
  }
  .floating-create i{width:23px!important;height:23px!important;font-size:12px!important}

  .logo strong{font-size:20px!important}.logo small{display:none!important}

  /* Mobile Tu Marca keeps bottle complete and central on the split */
  .business{position:relative!important;padding-bottom:40px!important}
  .business-cut{
    left:0!important;right:0!important;width:100%!important;height:48%!important;
    top:auto!important;bottom:0!important;clip-path:polygon(0 16%,100% 0,100% 100%,0 100%)!important;
  }
  .business-bottle{
    position:relative!important;left:auto!important;top:auto!important;transform:none!important;
    width:100%!important;height:42svh!important;min-height:320px!important;display:grid!important;place-items:center!important;overflow:visible!important;z-index:10!important;
  }
  .business-bottle img{max-height:100%!important;max-width:62vw!important;width:auto!important;height:auto!important;object-fit:contain!important;transform:rotate(0)!important;margin:auto!important}

  .market-actions{gap:9px}.market-actions .action{font-size:7px!important;padding:13px 15px!important}

  .footer{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    gap:18px!important;
  }
  .footer .logo{grid-column:1!important;justify-self:center!important;align-items:center!important}
  .footer .beer-made{grid-column:1!important;justify-self:center!important;white-space:normal!important;text-align:center!important}
  .footer .logo small{display:block!important}
}

@media(max-width:520px){
  .topbar{padding-left:10px!important;padding-right:10px!important}
  .logo strong{font-size:18px!important}
  .menu-btn .menu-label{font-size:7px!important}
  .floating-create{max-width:154px!important;text-align:center!important}
  .menu-full a span{font-size:clamp(26px,8vw,40px)!important}
}

/* =========================================================
   V8.7 — CINEMATIC SECTION MOTION + STORE CTA EMPHASIS
   Keeps the approved layout intact, adds progressive motion.
   ========================================================= */

/* richer reveal language */
.reveal{
  opacity:0;
  filter:blur(10px);
  will-change:transform,opacity,filter;
  transition:
    opacity .82s cubic-bezier(.16,1,.3,1),
    transform 1.05s cubic-bezier(.16,1,.3,1),
    filter .9s cubic-bezier(.16,1,.3,1);
}
.from-left{transform:translate3d(-86px,0,0) rotate(-1.2deg)}
.from-right{transform:translate3d(86px,0,0) rotate(1.2deg)}
.from-bottom{transform:translate3d(0,74px,0)}
.pop{transform:scale(.84) rotate(-3deg)}
.reveal.visible{opacity:1;filter:blur(0);transform:none}

/* section-wide transition sweep inserted by JS */
.panel{isolation:isolate}
.section-sweep{
  position:absolute;
  left:-12%;
  top:0;
  width:124%;
  height:3px;
  z-index:28;
  pointer-events:none;
  opacity:0;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,transparent,var(--yellow) 20%,#fff 50%,var(--yellow) 80%,transparent);
  filter:drop-shadow(0 0 12px rgba(244,201,20,.45));
}
.marketplace .section-sweep,.packs .section-sweep{background:linear-gradient(90deg,transparent,#0a0a0a 24%,#fff 50%,#0a0a0a 76%,transparent);filter:none}
.panel.panel-inview .section-sweep{animation:sectionSweep 1.15s cubic-bezier(.16,1,.3,1) both}

/* headings feel like an editorial reveal instead of a generic fade */
.reveal.visible h1,
.reveal.visible h2{
  animation:headlineSettle .9s .05s cubic-bezier(.16,1,.3,1) both;
  transform-origin:left center;
}
.reveal.visible .micro{animation:microSlide .72s .02s cubic-bezier(.16,1,.3,1) both}
.reveal.visible p:not(.micro){animation:copyLift .82s .12s cubic-bezier(.16,1,.3,1) both}
.reveal.visible .action{animation:copyLift .8s .2s cubic-bezier(.16,1,.3,1) both}

/* Process: progressive rhythm */
.process.panel-inview .process-title{animation:softParallaxIn 1.05s cubic-bezier(.16,1,.3,1) both}
.flow-step.visible{transition-delay:var(--step-delay,0s)}
.flow-step:nth-child(1){--step-delay:.06s}.flow-step:nth-child(2){--step-delay:.14s}.flow-step:nth-child(3){--step-delay:.22s}.flow-step:nth-child(4){--step-delay:.30s}
.flow-step.visible::after{
  content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--yellow);
  animation:lineGrow .8s .25s cubic-bezier(.16,1,.3,1) forwards;
}

/* Packs: bottles arrive independently from the text columns */
.pack.visible img{animation:packBottleArrival 1.05s .18s cubic-bezier(.16,1,.3,1) both}
.pack:nth-child(2).visible img{animation-delay:.30s}.pack:nth-child(3).visible img{animation-delay:.42s}
.pack.visible .pack-number{animation:numberGhostIn 1.1s .06s cubic-bezier(.16,1,.3,1) both}
.repeat-production.visible{animation:copyLift .85s cubic-bezier(.16,1,.3,1) both}

/* Brand section: center bottle revealed vertically, both sides respond */
.business-bottle.visible img{animation:bottleMaskIn 1.12s .12s cubic-bezier(.16,1,.3,1) both}
.business.panel-inview .business-cut{animation:businessFieldIn 1.2s cubic-bezier(.16,1,.3,1) both}
.business.panel-inview::after{animation:bgWordDrift 1.25s .05s cubic-bezier(.16,1,.3,1) both}
.included-rail.visible div{animation:railItemIn .7s cubic-bezier(.16,1,.3,1) both}
.included-rail.visible div:nth-child(2){animation-delay:.06s}.included-rail.visible div:nth-child(3){animation-delay:.12s}.included-rail.visible div:nth-child(4){animation-delay:.18s}.included-rail.visible div:nth-child(5){animation-delay:.24s}.included-rail.visible div:nth-child(6){animation-delay:.30s}

/* Events: each bottle lands with a different vector */
.events-bottles.visible::before{animation:eventDiscIn 1.05s cubic-bezier(.16,1,.3,1) both}
.events-bottles.visible img:nth-child(1){animation:eventBottleLeft 1s .08s cubic-bezier(.16,1,.3,1) both}
.events-bottles.visible img:nth-child(2){animation:eventBottleCenter 1.05s .18s cubic-bezier(.16,1,.3,1) both}
.events-bottles.visible img:nth-child(3){animation:eventBottleRight 1s .28s cubic-bezier(.16,1,.3,1) both}

/* Marketplace: device and floating product have independent depth */
.market-device.visible .phone{animation:phoneArrival 1s .06s cubic-bezier(.16,1,.3,1) both}
.market-device.visible .market-bottle{animation:marketBottleArrival 1.05s .2s cubic-bezier(.16,1,.3,1) both}
.marketplace.panel-inview .market-loop{animation:marketWordDrift 1.2s cubic-bezier(.16,1,.3,1) both}

/* Extras: more stagger and directional energy */
.extra-row.visible:nth-child(odd){transform-origin:left center}
.extra-row.visible i{animation:arrowNudge 1.2s .35s ease-in-out both}

/* Final section */
.final-bottle.visible .final-orb{animation:finalOrbReveal 1.15s cubic-bezier(.16,1,.3,1) both,morphV7 11s 1.15s ease-in-out infinite}
.final-bottle.visible img{animation:finalBottleArrival 1.12s .16s cubic-bezier(.16,1,.3,1) both,bottleFloat 7.5s 1.28s ease-in-out infinite}
.final-cta.panel-inview .final-word{animation:bgWordDrift 1.25s cubic-bezier(.16,1,.3,1) both}

/* STORE CTA — deliberately much more prominent */
.market-actions{align-items:stretch!important;gap:16px!important}
.store-action{
  position:relative!important;
  min-width:220px!important;
  min-height:64px!important;
  padding:17px 18px 17px 24px!important;
  justify-content:space-between!important;
  gap:24px!important;
  overflow:hidden!important;
  background:#080808!important;
  color:#fff!important;
  border:2px solid #080808!important;
  border-radius:2px 28px 28px 28px!important;
  clip-path:polygon(0 0,94% 0,100% 24%,100% 100%,8% 100%,0 74%)!important;
  font-family:var(--ultra)!important;
  font-size:clamp(14px,1vw,17px)!important;
  letter-spacing:-.02em!important;
  box-shadow:10px 12px 0 rgba(0,0,0,.13),0 18px 40px rgba(0,0,0,.18)!important;
  transform:rotate(-.8deg)!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,background .28s ease!important;
}
.store-action::before{
  content:"";position:absolute;inset:-120% auto -120% -45%;width:36%;transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  animation:storeShine 3.4s 1.2s ease-in-out infinite;
}
.store-action::after{
  content:"TIENDA ONLINE";position:absolute;left:25px;top:9px;font-family:var(--mono);font-size:6px;letter-spacing:.15em;color:var(--yellow);opacity:.9
}
.store-action span{
  position:relative;z-index:2;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#080808;font-size:18px;transition:transform .28s cubic-bezier(.16,1,.3,1)
}
.store-action:hover{
  background:#080808!important;color:#fff!important;transform:translateY(-5px) rotate(0)!important;
  box-shadow:14px 18px 0 rgba(0,0,0,.14),0 24px 46px rgba(0,0,0,.24)!important
}
.store-action:hover span{transform:rotate(45deg) scale(1.08)}

@keyframes sectionSweep{0%{opacity:0;transform:scaleX(0);top:0}20%{opacity:1}72%{opacity:1;transform:scaleX(1);top:0}100%{opacity:0;transform:scaleX(1);top:100%}}
@keyframes headlineSettle{0%{opacity:0;transform:translateY(32px) skewY(2.5deg);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes microSlide{0%{opacity:0;transform:translateX(-26px);letter-spacing:.32em}100%{opacity:1;transform:none}}
@keyframes copyLift{0%{opacity:0;transform:translateY(22px)}100%{opacity:1;transform:none}}
@keyframes softParallaxIn{0%{transform:translateY(34px)}100%{transform:none}}
@keyframes lineGrow{to{width:100%}}
@keyframes packBottleArrival{0%{opacity:0;transform:translateX(-50%) translateY(80px) rotate(-9deg) scale(.82);filter:blur(9px) drop-shadow(0 28px 22px rgba(0,0,0,.17))}100%{opacity:1;transform:translateX(-50%) translateY(0) rotate(0) scale(1);filter:blur(0) drop-shadow(0 28px 22px rgba(0,0,0,.17))}}
@keyframes numberGhostIn{0%{opacity:0;transform:translateX(-32px)}100%{opacity:1;transform:none}}
@keyframes bottleMaskIn{0%{opacity:0;clip-path:inset(100% 0 0 0);filter:blur(8px) drop-shadow(0 42px 42px rgba(0,0,0,.48))}100%{opacity:1;clip-path:inset(0 0 0 0);filter:blur(0) drop-shadow(0 42px 42px rgba(0,0,0,.48))}}
@keyframes businessFieldIn{0%{opacity:.65;transform:translateX(8%)}100%{opacity:1;transform:none}}
@keyframes bgWordDrift{0%{opacity:0;transform:translateX(70px)}100%{opacity:1;transform:none}}
@keyframes railItemIn{0%{opacity:0;transform:translateX(24px)}100%{opacity:1;transform:none}}
@keyframes eventDiscIn{0%{opacity:0;transform:scale(.55) rotate(-18deg)}100%{opacity:.9;transform:scale(1) rotate(0)}}
@keyframes eventBottleLeft{0%{opacity:0;transform:translateX(-34px) translateY(80px) rotate(-22deg) scale(.68)}100%{opacity:1;transform:translateX(46px) rotate(-14deg) scale(.82)}}
@keyframes eventBottleCenter{0%{opacity:0;transform:translateY(80px) scale(.82)}100%{opacity:1;transform:translateY(-34px) scale(1.08)}}
@keyframes eventBottleRight{0%{opacity:0;transform:translateX(34px) translateY(80px) rotate(22deg) scale(.68)}100%{opacity:1;transform:translateX(-46px) rotate(14deg) scale(.82)}}
@keyframes phoneArrival{0%{opacity:0;transform:translateY(70px) rotate(12deg) scale(.88)}100%{opacity:1;transform:rotate(5deg) scale(1)}}
@keyframes marketBottleArrival{0%{opacity:0;transform:translate(60px,70px) rotate(-2deg) scale(.78)}100%{opacity:1;transform:rotate(-12deg) scale(1)}}
@keyframes marketWordDrift{0%{opacity:0;transform:translateX(-80px)}100%{opacity:1;transform:none}}
@keyframes arrowNudge{0%,55%,100%{transform:translate(0,0)}72%{transform:translate(8px,-8px)}}
@keyframes finalOrbReveal{0%{opacity:0;transform:scale(.6) rotate(-24deg);filter:blur(20px)}100%{opacity:1;transform:scale(1) rotate(12deg);filter:blur(0)}}
@keyframes finalBottleArrival{0%{opacity:0;transform:translateY(90px) rotate(-7deg) scale(.82);filter:blur(10px) drop-shadow(0 40px 44px #000)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1);filter:blur(0) drop-shadow(0 40px 44px #000)}}
@keyframes storeShine{0%,60%{left:-45%;opacity:0}70%{opacity:1}100%{left:120%;opacity:0}}

@media(max-width:820px){
  .reveal{filter:blur(5px)}
  .from-left{transform:translate3d(-42px,0,0)}.from-right{transform:translate3d(42px,0,0)}.from-bottom{transform:translate3d(0,46px,0)}
  .section-sweep{height:2px}
  .store-action{min-width:min(250px,100%)!important;min-height:59px!important;padding:16px 16px 16px 21px!important;font-size:13px!important;box-shadow:7px 8px 0 rgba(0,0,0,.12),0 15px 28px rgba(0,0,0,.15)!important}
  .store-action::after{left:22px;top:8px;font-size:5px}
  .store-action span{width:32px;height:32px;font-size:16px}
}

@media(prefers-reduced-motion:reduce){
  .reveal,.reveal.visible,.panel.panel-inview .section-sweep,.hero-bottle,.orb,.ticker div,.final-orb,.final-bottle img,.store-action::before{animation:none!important;transition:none!important;transform:none!important;filter:none!important;opacity:1!important}
  .section-sweep{display:none!important}
}
@media(pointer:fine){
  .market-device,.events-bottles,.final-bottle{translate:var(--mx,0) var(--my,0);transition:translate .35s cubic-bezier(.16,1,.3,1)}
}