@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800&family=DM+Sans:wght@400;600;700&display=swap";:root{--paper:#f3eddf;--ink:#152419;--green:#07512d;--yellow:#f3b914;--red:#d7382f;--line:#b6af9e}*{box-sizing:border-box}body{color:var(--ink);background:#dcd5c6;margin:0;font-family:DM Sans,sans-serif;overflow:hidden}button{font:inherit;color:inherit}main{background-color:var(--paper);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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");width:100vw;max-width:1800px;height:100svh;min-height:620px;margin:auto;position:relative;overflow:hidden}nav{z-index:10;border-bottom:1px solid #958d7c;align-items:center;height:94px;padding:0 5vw;display:flex;position:relative}.brand{letter-spacing:-5px;min-width:90px;font-family:Archivo Black;font-size:35px;transform:rotate(-3deg)}.brand b{color:var(--green)}.brand i{color:var(--red);margin:0 8px;font-style:normal}.brand span{color:var(--yellow)}.nav-links{gap:46px;margin:auto;display:flex}.nav-links button,.tools button{cursor:pointer;background:0 0;border:0;font-weight:700}.nav-links button{position:relative}.nav-links button:hover:after{content:"";background:var(--red);height:3px;position:absolute;bottom:-7px;left:0;right:0;transform:rotate(-2deg)}.tools{align-items:center;gap:16px;display:flex}.tools button{align-items:center;gap:7px;display:flex}.tools svg{width:20px}.deck{height:calc(100% - 176px)}.slide-enter{height:100%;animation:.55s cubic-bezier(.2,.8,.2,1) enter}@keyframes enter{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.slide{height:100%;padding:4vh 5vw;position:relative}.hero-slide{grid-template-columns:52% 48%;align-items:center;display:grid}.hero-copy{z-index:2}.hero-copy h1{letter-spacing:-.055em;margin:0;font-family:Barlow Condensed;font-size:clamp(75px,8.2vw,148px);font-weight:900;line-height:.77}.hero-copy h1 em{color:var(--yellow);text-shadow:2px 2px 0 var(--ink);font-style:normal}.hero-copy p{margin:3vh 0;font-size:clamp(18px,1.35vw,26px);font-weight:700}.scribble{border-bottom:4px solid var(--green);position:relative}.tape-btn{background:var(--green);color:#fff;cursor:pointer;clip-path:polygon(0 8%,97% 0,100% 91%,3% 100%);border:0;align-items:center;gap:18px;padding:13px 22px;font-family:Barlow Condensed;font-size:24px;font-weight:800;transition:all .2s;display:flex}.tape-btn:hover{transform:rotate(-1deg)scale(1.02)}.tape-btn svg{background:var(--red);border-radius:50%;width:38px;height:38px;padding:7px}.hero-art{filter:drop-shadow(0 12px 8px #2f2b2025);margin:0;position:relative;transform:rotate(-1deg)}.hero-art img{object-fit:cover;clip-path:polygon(3% 2%,96% 0,99% 94%,5% 100%,0 30%);width:100%;max-height:61vh}.hero-art figcaption{letter-spacing:.14em;text-transform:uppercase;margin-top:8px;font-size:11px}.crown{color:var(--yellow);font-size:60px;position:absolute;top:-34px;left:26%;transform:rotate(-10deg)}footer{align-items:center;gap:12px;height:82px;padding:0 5vw;display:flex}footer>b{color:var(--green);font-family:Barlow Condensed;font-size:38px}footer>span{font-weight:700}.progress{background:var(--line);flex:1;height:2px;margin:0 24px;display:flex}.progress button{border:2px solid var(--line);background:var(--paper);cursor:pointer;border-radius:50%;width:13px;height:13px;margin-right:calc(20% - 13px);padding:0;transform:translateY(-6px)}.progress button.active{background:var(--green);border-color:var(--green)}.arrow{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.arrow:disabled{opacity:.25}.arrow.next{background:var(--green);color:#fff;border-color:var(--green)}.versus header span,.gif-copy>span,.video-title>span,.score-slide>span,.verdict div>span{letter-spacing:.13em;color:var(--red);font-size:12px;font-weight:800}.versus h2,.gif-copy h2,.video-title h2,.score-slide h2,.verdict h2{letter-spacing:-.03em;margin:10px 0;font-family:Barlow Condensed;font-size:clamp(48px,5.5vw,96px);line-height:.9}.versus-stage{grid-template-columns:1fr 100px 1fr;align-items:stretch;height:44%;margin-top:3vh;display:grid}.evidence{clip-path:polygon(2% 0,100% 4%,97% 100%,0 94%);flex-direction:column;justify-content:center;padding:25px 4vw;display:flex}.evidence b{font-family:Barlow Condensed;font-size:28px}.evidence strong{font-family:Archivo Black;font-size:clamp(48px,6vw,105px);line-height:.9}.evidence small{margin-top:15px;font-weight:700}.evidence.yuca{background:var(--green);color:#fff}.evidence.platano{background:var(--yellow)}.vs{color:var(--red);place-items:center;font-family:Archivo Black;font-size:38px;display:grid;transform:rotate(-8deg)}.footnote{font-weight:700}.gif-slide{grid-template-columns:40% 60%;align-items:center;gap:5vw;display:grid}.gif-copy p{max-width:430px;font-size:20px;line-height:1.5}.gif-frame{background:var(--green);padding:15px;position:relative;transform:rotate(1.5deg)}.gif-frame img{object-fit:cover;filter:saturate(.7)contrast(1.1);width:100%;height:47vh}.gif-frame span{background:var(--paper);padding:8px;font-weight:800;position:absolute;bottom:28px;left:30px}.gif-frame b{background:var(--red);color:#fff;border-radius:50%;padding:18px;position:absolute;top:-20px;right:-15px;transform:rotate(10deg)}.video-slide{background:var(--green);color:#fff;grid-template-columns:38% 62%;align-items:center;gap:4vw;display:grid}.video-title>span{color:var(--yellow)}.video-wrap{border:10px solid var(--paper);height:50vh;position:relative;transform:rotate(-1deg)}.video-wrap video{object-fit:cover;width:100%;height:100%}.play{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.rec{letter-spacing:.12em;background:#111b;padding:8px;font-size:11px;position:absolute;top:15px;left:15px}.score-slide h2{width:40%;font-size:clamp(52px,6.5vw,110px)}.scoreboard{border:3px solid var(--ink);width:48%;height:60%;box-shadow:9px 9px 0 var(--green);background:#e6ddca;grid-template-columns:1fr 60px 1fr;align-items:center;padding:30px;display:grid;position:absolute;top:14%;right:5vw}.scoreboard div{text-align:center}.scoreboard b{font-family:Barlow Condensed;font-size:29px;display:block}.scoreboard strong{font-family:Archivo Black;font-size:clamp(90px,11vw,190px);line-height:1}.scoreboard div:first-child strong{color:var(--green)}.scoreboard div:last-child strong{color:var(--yellow);text-shadow:2px 2px var(--ink)}.scoreboard small{font-weight:700;display:block}.scoreboard i{font-size:40px}.stamp{border:4px solid var(--red);color:var(--red);text-align:center;padding:10px;font-family:Archivo Black;position:absolute;bottom:9%;left:31%;transform:rotate(-12deg)}.verdict{background:var(--green);color:#fff;grid-template-columns:50% 50%;align-items:center;display:grid}.verdict>img{object-fit:cover;clip-path:polygon(2% 0,100% 4%,96% 100%,0 95%);width:90%;height:58vh}.verdict h2{font-size:clamp(90px,10vw,180px)}.verdict h2 em{color:var(--yellow);font-style:normal}.verdict p{max-width:500px;font-size:20px}.tape-btn.yellow{background:var(--yellow);color:var(--ink)}@media (width<=800px){main{min-height:0}.nav-links{display:none}nav{height:70px}.tools{margin-left:auto}.tools span{display:none}.deck{height:calc(100% - 142px)}.slide{padding:3vh 6vw}.hero-slide,.gif-slide,.video-slide,.verdict{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(57px,16vw,100px)}.hero-art{opacity:.3;width:56%;position:absolute;bottom:4%;right:-10%}.versus h2{font-size:48px}.versus-stage{grid-template-columns:1fr 40px 1fr;height:45%}.evidence{padding:12px}.evidence strong{font-size:34px}.gif-frame{margin-top:10px}.gif-frame img{height:28vh}.video-slide{align-content:center}.video-title h2{font-size:43px}.video-wrap{height:28vh}.score-slide h2{width:100%;font-size:50px}.scoreboard{width:100%;height:50%;padding:10px;position:relative;top:auto;right:auto}.scoreboard strong{font-size:75px}.stamp{display:none}.verdict>img{opacity:.24;width:100%;height:100%;position:absolute}.verdict>div{z-index:2}.verdict h2{font-size:90px}footer{height:72px;padding:0 5vw}.progress{margin:0 4px}.arrow{width:38px;height:38px}}