:root{--black:oklch(.09 .01 25);--ink:oklch(.16 .015 25);--white:oklch(1 0 0);--off:oklch(.965 .012 85);--red:oklch(.62 .225 28);--red-dark:oklch(.46 .18 28);--yellow:oklch(.88 .19 94);--green:oklch(.68 .18 145);--muted:oklch(.45 .02 25);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--max:1240px;--gutter:clamp(1rem,4vw,3.5rem);--z-sticky:20;--z-float:30}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:"Atkinson Hyperlegible",system-ui,sans-serif;font-size:1.075rem;line-height:1.55;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3{margin-top:0;text-wrap:balance}h1,h2{font-family:"Dela Gothic One",sans-serif;letter-spacing:-.035em;line-height:.99}.skip-link{position:fixed;left:1rem;top:1rem;z-index:100;padding:.75rem 1rem;background:var(--yellow);color:var(--black);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.announcement{min-height:34px;padding:.35rem var(--gutter);display:flex;justify-content:center;align-items:center;gap:clamp(1rem,5vw,4rem);background:var(--yellow);color:var(--black);font-size:.9rem}.announcement span:first-child{text-transform:uppercase;font-weight:700}.site-header{width:100%;min-height:86px;padding-inline:max(var(--gutter),calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:700}.brand img{width:58px;height:58px;object-fit:cover;border:3px solid var(--black)}.brand b{color:var(--red-dark)}nav{display:flex;gap:clamp(1rem,3vw,2.25rem)}nav a{text-decoration:none;font-weight:700}.menu-toggle{display:none}.header-cta{min-height:48px;padding:.7rem 1rem;display:flex;align-items:center;gap:.45rem;border:2px solid var(--black);border-radius:999px;text-decoration:none;font-weight:700}.header-cta span,.whatsapp-float span{color:var(--green)}
.hero{min-height:min(820px,calc(100svh - 120px));padding:clamp(3rem,7vw,6rem) max(var(--gutter),calc((100vw - var(--max))/2));display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(2rem,5vw,5rem);background:var(--black);color:var(--white);overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-kicker{margin:0 0 1.2rem;color:var(--yellow);font-weight:700}.hero h1{max-width:700px;margin-bottom:1.5rem;font-size:clamp(3.2rem,6.7vw,6rem)}.hero h1 em{display:block;color:var(--red);font-style:normal}.hero-lead{max-width:43rem;margin:0;color:oklch(.88 .01 80);font-size:clamp(1.15rem,1.7vw,1.38rem);text-wrap:pretty}.hero-actions{margin-top:2rem;display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem}.button{min-height:54px;padding:.9rem 1.3rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border-radius:999px;text-decoration:none;font-weight:700;transition:transform 140ms var(--ease-out),background-color 140ms var(--ease-out)}.button-primary{background:var(--red);color:var(--white);border:3px solid var(--white);box-shadow:5px 5px 0 var(--yellow)}.light-link{font-weight:700;text-underline-offset:.3em}.hero-facts{margin:3rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1.25rem 2rem;list-style:none}.hero-facts li{display:flex;flex-direction:column}.hero-facts strong{font-family:"Dela Gothic One",sans-serif;font-size:1.05rem;color:var(--yellow)}.hero-facts span{color:oklch(.78 .01 80);font-size:.92rem}
.poster-wall{position:relative;min-height:630px;perspective:1200px}.poster{position:absolute;margin:0;border:5px solid var(--white);box-shadow:0 7px 0 var(--red);overflow:hidden;background:var(--ink)}.poster img{width:100%;height:100%;object-fit:cover}.poster-main{width:62%;aspect-ratio:1;left:0;top:10%;z-index:3;transform:rotate(-3deg)}.poster-top{width:48%;aspect-ratio:1;right:0;top:0;z-index:2;transform:rotate(5deg)}.poster-bottom{width:46%;aspect-ratio:1;right:3%;bottom:0;z-index:4;transform:rotate(2deg)}.poster-tag{position:absolute;right:34%;bottom:8%;z-index:5;width:98px;aspect-ratio:1;display:grid;place-items:center;border:3px solid var(--black);border-radius:50%;background:var(--yellow);color:var(--black);font-family:"Dela Gothic One",sans-serif;font-size:.9rem;line-height:1.05;text-align:center;transform:rotate(-8deg)}
.ticker{overflow:hidden;border-block:4px solid var(--black);background:var(--red);color:var(--white)}.ticker-track{display:flex;width:max-content;min-width:100%;font-family:"Dela Gothic One",sans-serif;font-size:clamp(1rem,2vw,1.55rem)}.ticker-group{min-width:100%;padding:1rem var(--gutter);display:flex;justify-content:center;align-items:center;gap:1.3rem;white-space:nowrap}.ticker-group[aria-hidden="true"]{display:none}.ticker i{color:var(--yellow);font-style:normal}
.drops{padding:clamp(5rem,9vw,8.5rem) max(var(--gutter),calc((100vw - var(--max))/2));background:var(--off)}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.section-heading>div>p,.buy-intro>p,.about-copy>p:first-child,.faq>div:first-child>p{margin:0 0 .85rem;color:var(--red-dark);font-weight:700}.section-heading h2,.buy-flow h2,.about h2,.faq h2,.final-cta h2{margin-bottom:0;font-size:clamp(2.5rem,5vw,4.8rem)}.section-heading>p{max-width:58ch;margin:0;font-size:1.15rem}.poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1rem,2.2vw,2rem)}.drop,.drop-featured,.drop-wide{grid-column:auto;position:relative;margin:0;background:var(--white);border:3px solid var(--black);overflow:hidden}.drop img{width:100%;aspect-ratio:1;object-fit:cover}.drop div{padding:1.2rem}.drop div>span{display:inline-block;margin-bottom:.55rem;padding:.24rem .55rem;background:var(--yellow);border:2px solid var(--black);font-size:.82rem;font-weight:700}.drop h3{margin-bottom:.25rem;font-family:"Dela Gothic One",sans-serif;font-size:clamp(1.2rem,2.1vw,1.75rem)}.drop p{margin:.25rem 0 .9rem;color:var(--muted)}.drop a{font-weight:700;text-underline-offset:.25em}.availability-note{max-width:70ch;margin:2rem 0 0;color:var(--muted);font-size:.92rem}
.buy-flow{padding:clamp(4.5rem,7vw,6.5rem) max(var(--gutter),calc((100vw - var(--max))/2));display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(3rem,7vw,7rem);background:var(--yellow);border-block:4px solid var(--black)}.buy-intro{max-width:34rem}.buy-flow h2{font-size:clamp(3rem,4vw,4.4rem);line-height:1.02}.buy-flow h2 em{color:var(--red);font-style:normal}.steps{width:100%;max-width:720px;margin:0;padding:.4rem 1.5rem;justify-self:end;list-style:none;background:var(--black);color:var(--white);border:3px solid var(--black)}.steps li{padding:1.45rem .25rem;display:grid;grid-template-columns:58px 1fr;align-items:start;gap:1rem;border-bottom:2px solid oklch(1 0 0/.28)}.steps li:last-child{border-bottom:0}.steps[data-reveal] li{opacity:0;transform:translateY(12px)}.steps[data-visible] li{animation:step-in 220ms var(--ease-out) forwards}.steps[data-visible] li:nth-child(2){animation-delay:60ms}.steps[data-visible] li:nth-child(3){animation-delay:120ms}.steps li>span{width:46px;aspect-ratio:1;display:grid;place-items:center;border:3px solid var(--white);border-radius:50%;background:var(--yellow);color:var(--black);font-family:"Dela Gothic One",sans-serif}.steps h3{margin-bottom:.35rem;color:var(--yellow);font-family:"Dela Gothic One",sans-serif;font-size:1.3rem}.steps p{max-width:55ch;margin:0;color:oklch(.9 .012 85)}
.about{padding:clamp(5rem,10vw,9rem) max(var(--gutter),calc((100vw - var(--max))/2));display:grid;grid-template-columns:minmax(240px,.68fr) 1.32fr;gap:clamp(3rem,8vw,7rem);align-items:center;background:var(--red);color:var(--white)}.about-logo{position:relative;width:min(100%,380px);justify-self:center}.about-logo::before{content:"";position:absolute;inset:-4%;background:var(--yellow);transform:rotate(-4deg)}.about-logo img{position:relative;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:5px solid var(--black);transform:rotate(2deg)}.about-copy{max-width:760px}.about-copy>p:first-child{color:var(--yellow)}.about h2{max-width:720px;margin-bottom:1.5rem}.about-copy>p:not(:first-child){max-width:62ch;font-size:1.15rem}.about-links{display:flex;gap:1.5rem;margin-top:2rem}.about-links a{font-weight:700;text-underline-offset:.28em}
.section-shell{width:min(calc(100% - 2*var(--gutter)),var(--max));margin:auto}.faq{padding-block:clamp(5rem,9vw,8rem);display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(2.5rem,7vw,7rem)}.faq h2{font-size:clamp(2.3rem,4vw,3.8rem)}.faq-list{border-top:3px solid var(--black)}details{border-bottom:2px solid var(--black)}summary{min-height:76px;padding:1.25rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;font-weight:700;font-size:1.2rem;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--red);font-family:"Dela Gothic One",sans-serif;font-size:1.7rem;transition:transform 180ms var(--ease-out)}details[open] summary span{transform:rotate(45deg)}details p{max-width:60ch;margin:0;padding:0 2rem 1.5rem 0;color:var(--muted)}
.final-cta{padding:clamp(3.5rem,7vw,6rem) max(var(--gutter),calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:3rem;background:var(--black);color:var(--white)}.final-cta p{margin:0 0 .6rem;color:var(--yellow);font-weight:700}.final-cta h2{max-width:850px}.button-light{background:var(--white);color:var(--black);border:3px solid var(--yellow);white-space:nowrap}
footer{width:min(calc(100% - 2*var(--gutter)),var(--max));margin:auto;padding:4rem 0 6rem;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}.footer-brand strong{font-family:"Dela Gothic One",sans-serif;font-size:1.35rem}.footer-brand p{color:var(--muted)}address,.social-links{display:flex;flex-direction:column;gap:.55rem;font-style:normal}footer a{font-weight:700;text-underline-offset:.25em}.copyright{grid-column:1/-1;margin:2rem 0 0;padding-top:1.5rem;border-top:2px solid var(--black);color:var(--muted)}.whatsapp-float{position:fixed;right:1rem;bottom:1rem;z-index:var(--z-float);min-height:52px;padding:.8rem 1rem;display:flex;align-items:center;gap:.5rem;background:var(--white);border:3px solid var(--black);border-radius:999px;box-shadow:4px 4px 0 var(--black);text-decoration:none;font-weight:700}:focus-visible{outline:4px solid oklch(.78 .18 94);outline-offset:4px}
@media(hover:hover) and (pointer:fine){nav a:hover,.drop a:hover,footer a:hover{color:var(--red)}.about-links a:hover{color:var(--yellow)}.button:hover{transform:translateY(-2px)}.header-cta:hover,.whatsapp-float:hover{background:var(--yellow)}.drop{transition:transform 180ms var(--ease-out)}.drop:hover{transform:translateY(-5px)}}.button:active,.header-cta:active,.whatsapp-float:active{transform:scale(.97)}
@media(min-width:901px){html{scroll-padding-top:78px}.site-header{position:sticky;top:0;z-index:var(--z-sticky);min-height:74px;background:var(--white);border-bottom:3px solid var(--black)}.site-header .brand img{width:52px;height:52px}.hero-copy>*{animation:hero-in 650ms var(--ease-out) both}.hero-copy>:nth-child(2){animation-delay:60ms}.hero-copy>:nth-child(3){animation-delay:120ms}.hero-copy>:nth-child(4){animation-delay:180ms}.hero-copy>:nth-child(5){animation-delay:240ms}.poster-main{animation:poster-main-in 760ms 120ms var(--ease-out) both}.poster-top{animation:poster-top-in 760ms 180ms var(--ease-out) both}.poster-bottom{animation:poster-bottom-in 760ms 240ms var(--ease-out) both}}
@keyframes hero-in{from{opacity:0;transform:translateY(18px)}}@keyframes poster-main-in{from{opacity:0;transform:translateY(28px) rotate(-3deg) scale(.97)}}@keyframes poster-top-in{from{opacity:0;transform:translateY(28px) rotate(5deg) scale(.97)}}@keyframes poster-bottom-in{from{opacity:0;transform:translateY(28px) rotate(2deg) scale(.97)}}
@media(max-width:1180px){.ticker-track{min-width:0;animation:ticker-scroll 22s linear infinite}.ticker-group{min-width:max-content;padding-inline:1rem .3rem;justify-content:flex-start}.ticker-group[aria-hidden="true"]{display:flex}}
@media(max-width:900px){html{scroll-padding-top:80px}.announcement span{display:none}.site-header{position:sticky;top:0;z-index:var(--z-sticky);min-height:76px;gap:.75rem;background:var(--white);border-bottom:3px solid var(--black)}.brand span{display:none}.site-header nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;padding:.5rem var(--gutter) 1rem;background:var(--white);border-bottom:3px solid var(--black)}.site-header nav.is-open{display:flex}.site-header nav a{min-height:48px;display:flex;align-items:center;border-bottom:2px solid var(--black)}.site-header nav a:last-child{border-bottom:0}.menu-toggle{min-height:48px;padding:.65rem .8rem;display:inline-flex;align-items:center;gap:.55rem;border:2px solid var(--black);border-radius:999px;background:var(--white);color:var(--black);font:inherit;font-weight:700;cursor:pointer}.menu-toggle-icon,.menu-toggle-icon::before,.menu-toggle-icon::after{width:18px;height:2px;display:block;background:currentColor;transition:transform 160ms var(--ease-out)}.menu-toggle-icon{position:relative}.menu-toggle-icon::before,.menu-toggle-icon::after{content:"";position:absolute;left:0}.menu-toggle-icon::before{top:-6px}.menu-toggle-icon::after{top:6px}.menu-toggle[aria-expanded="true"]{background:var(--yellow)}.menu-toggle[aria-expanded="true"] .menu-toggle-icon{background:transparent}.menu-toggle[aria-expanded="true"] .menu-toggle-icon::before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-toggle-icon::after{top:0;transform:rotate(-45deg)}.hero{grid-template-columns:1fr;min-height:0}.poster-wall{min-height:auto;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr);gap:.75rem;align-items:stretch}.poster{position:relative!important;width:auto!important;inset:auto!important;transform:none!important;box-shadow:4px 4px 0 var(--red);border-width:3px}.poster-main{grid-row:1 / span 2;aspect-ratio:auto}.poster-main img{height:100%}.poster-top,.poster-bottom{aspect-ratio:1}.poster-tag{right:30%;bottom:-1.25rem;width:78px;font-size:.72rem}.section-heading,.buy-flow,.about,.faq{grid-template-columns:1fr}.buy-flow{align-items:start}.buy-intro{max-width:42rem}.steps{max-width:none;justify-self:stretch}.poster-grid{grid-template-columns:1fr 1fr}.drop,.drop-featured,.drop-wide{grid-column:span 1}.final-cta{align-items:flex-start;flex-direction:column}.about{gap:3.5rem}.about-logo{width:min(46vw,260px);justify-self:start}.about-copy{max-width:680px}}
@media(max-width:620px){body{font-size:1rem}.announcement{font-size:.83rem}.brand img{width:50px;height:50px}.header-cta{padding:.62rem .8rem}.hero{padding-top:2.25rem;padding-bottom:3.25rem}.hero-kicker{margin-bottom:.8rem}.hero h1{margin-bottom:1.15rem;font-size:clamp(2.55rem,12vw,3.55rem)}.hero-lead{font-size:1.05rem}.hero-actions{margin-top:1.5rem;align-items:flex-start;flex-direction:column}.hero-facts{margin-top:2.25rem;gap:1rem 1.5rem}.poster-wall{margin-top:.5rem}.section-heading{gap:1.3rem}.poster-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gutter) 1rem;margin-inline:calc(-1 * var(--gutter));scroll-padding-inline:var(--gutter)}.drop,.drop-featured,.drop-wide{min-width:min(84vw,390px);scroll-snap-align:start}.buy-flow h2{font-size:clamp(2.7rem,11vw,3.35rem)}.steps{padding:.3rem 1rem}.steps li{grid-template-columns:48px 1fr;padding:1.25rem 0;gap:.8rem}.steps li>span{width:40px}.steps h3{font-size:1.12rem}.about{gap:2.25rem}.about-logo{width:min(42vw,180px);justify-self:start;margin-left:.35rem}.about-copy>p:not(:first-child){font-size:1.05rem}.about h2{font-size:clamp(2.35rem,11vw,3.35rem)}.final-cta h2{font-size:2.4rem}footer{grid-template-columns:1fr;padding-bottom:7rem}.copyright{grid-column:auto}.whatsapp-float{right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));width:auto;max-width:calc(100vw - 2rem);padding:.75rem 1rem;justify-content:center;font-size:.92rem}.whatsapp-float b{display:inline}}
@keyframes ticker-scroll{to{transform:translateX(-50%)}}
@keyframes step-in{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.steps[data-reveal] li{opacity:1;transform:none}}
@media(max-width:1180px) and (prefers-reduced-motion:reduce){.ticker{overflow-x:auto}.ticker-track{animation:none!important;transform:none!important}.ticker-group[aria-hidden="true"]{display:none}}
