:root{--red:#e72f22;--yellow:#ffd83d;--cream:#fff6d8;--blue:#0871bd;--navy:#092d4d;--ink:#16130f;--orange:#f58b25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1d18d;color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}.sunburst{position:fixed;inset:0;z-index:-1;background:repeating-conic-gradient(from -8deg at 50% 20%,#f5d99a 0 8deg,#ebc77b 8deg 16deg)}.box{width:min(1120px,calc(100% - 34px));margin:34px auto;background:var(--cream);border:7px solid #fff;box-shadow:0 22px 0 #b98c43,0 35px 60px #6f4f2250;overflow:hidden}.box-top{height:46px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:var(--yellow);border-bottom:4px solid var(--ink);font-size:.72rem;font-weight:900;letter-spacing:.12em}.maker{color:inherit;text-decoration:none}.hero{position:relative;min-height:790px;padding:40px 28px 0;text-align:center;background:var(--red);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 4deg at 50% 54%,#ef3a27 0 7deg,#d92520 7deg 14deg);opacity:.45}.logo-wrap,.hero-copy,.cereal-bowl,.serving-suggestion,.burst{position:relative}.eyebrow{display:inline-block;margin:0;padding:8px 20px;background:var(--navy);color:#fff;border-radius:99px;text-transform:uppercase;font-size:.72rem;font-weight:900;letter-spacing:.18em;transform:rotate(-2deg)}h1{margin:9px 0 0;color:#fff;font-family:"Archivo Black",sans-serif;font-size:clamp(4.3rem,12vw,9.6rem);line-height:.86;letter-spacing:-.085em;text-shadow:0 6px 0 var(--navy),0 10px 0 #fff;transform:rotate(-2deg)}h1 span{color:var(--yellow)}.tagline{display:inline-block;margin:30px 0 0;padding:7px 18px;background:var(--yellow);border:3px solid var(--ink);font-weight:900;text-transform:uppercase;transform:rotate(1deg);box-shadow:5px 5px 0 var(--ink)}.hero-copy{z-index:2;width:min(560px,90%);margin:36px auto 0;color:#fff}.intro{font-size:1.08rem;font-weight:700;text-shadow:0 2px 0 #951713}.hero nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.hero nav a{padding:9px 14px;color:var(--ink);background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:.76rem;font-weight:900;text-decoration:none;text-transform:uppercase}.hero nav a:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.burst{position:absolute;z-index:3;width:112px;aspect-ratio:1;display:grid;place-content:center;background:var(--yellow);clip-path:polygon(50% 0,61% 25%,79% 8%,78% 34%,100% 30%,82% 50%,100% 66%,76% 68%,80% 94%,59% 76%,50% 100%,40% 76%,19% 94%,24% 68%,0 66%,18% 50%,0 30%,23% 34%,21% 8%,40% 25%);font-family:"Archivo Black";font-size:1.4rem;line-height:1;filter:drop-shadow(5px 6px 0 #7e1512);transform:rotate(-10deg)}.burst small{display:block;font-family:"DM Sans";font-size:.5rem;letter-spacing:.08em}.burst-left{left:4%;top:160px}.burst-right{right:4%;top:210px;background:#fff;transform:rotate(9deg)}
.cereal-bowl{z-index:1;width:670px;height:270px;margin:28px auto 0;border-radius:15% 15% 49% 49%/10% 10% 83% 83%;background:linear-gradient(100deg,#d8e9ef,#fff 35%,#b7d2db 78%,#effaff);border:7px solid var(--navy);box-shadow:inset 0 -25px 35px #7ba4b555,0 19px 0 #8c1511}.milk{position:absolute;left:3%;top:4%;width:94%;height:68%;border-radius:50%;background:#fffbe3;border:5px solid var(--navy)}.loop{position:absolute;width:96px;height:77px;border:22px solid var(--orange);border-radius:50%;box-shadow:inset 2px 3px 0 #bd5616,3px 6px 0 #b75616;transform:rotate(var(--r,0deg));z-index:2}.l1{left:110px;top:44px;--r:15deg}.l2{left:190px;top:78px;--r:-18deg;border-color:#eec633}.l3{left:275px;top:37px;--r:24deg;border-color:#7fbf48}.l4{left:365px;top:80px;--r:-8deg;border-color:#db503b}.l5{left:450px;top:43px;--r:17deg;border-color:#7279c4}.l6{left:145px;top:125px;--r:-24deg;border-color:#db503b}.l7{left:247px;top:120px;--r:8deg}.l8{left:350px;top:134px;--r:20deg;border-color:#eec633}.l9{left:440px;top:118px;--r:-17deg;border-color:#7fbf48}.serving-suggestion{z-index:2;margin:15px 0;color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.12em}.section{padding:72px 54px}.section-heading{text-align:center;max-width:680px;margin:0 auto 42px}.kicker{display:inline-block;color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.section h2{margin:6px 0 10px;font-family:"Archivo Black";font-size:clamp(2.2rem,5vw,4.2rem);line-height:.95;letter-spacing:-.055em}.section-heading p{margin:0;color:#594d3e}.prizes{background-color:var(--cream);background-image:radial-gradient(#d6bd7b 1px,transparent 1px);background-size:14px 14px}.prize-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.prize-card{position:relative;min-width:0;padding:40px 28px 28px;background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);text-align:center}.ribbon{position:absolute;z-index:3;left:-12px;top:-18px;padding:9px 18px;background:var(--red);color:#fff;border:3px solid var(--ink);font-family:"Archivo Black";font-size:.9rem;transform:rotate(-3deg);box-shadow:4px 4px 0 var(--ink)}.ribbon.blue{background:var(--blue);transform:rotate(3deg)}.watch{position:relative;width:205px;height:283px;margin:0 auto;background:url("casio/casio3.jpg") center/205px 283px no-repeat;filter:drop-shadow(6px 8px 0 #c5b88b)}.watch-screen{position:absolute;left:51px;top:77px;width:123px;height:63px;color:#243127;font-family:"Courier New",monospace;font-weight:900;text-align:left}.watch-date{height:20px;display:flex;justify-content:space-between;align-items:center;font-size:.64rem}.watch-time{display:block;font-size:1.55rem;line-height:1.65;letter-spacing:-.14em;white-space:nowrap}.watch-time span{font-size:.65rem;letter-spacing:-.1em;margin-left:6px}.prize-copy h3{margin:8px 0 4px;font-family:"Archivo Black";font-size:1.25rem}.prize-copy p{max-width:310px;margin:0 auto;color:#655b4d;font-size:.88rem}
.cube-stage{height:248px;display:grid;place-items:center;perspective:600px}.cube{position:relative;width:156px;height:156px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(37deg);transition:transform .25s}.cube:hover{transform:rotateX(-28deg) rotateY(44deg) scale(1.03)}.cube-face{position:absolute;width:156px;height:156px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#111;border:2px solid #111}.cube-top{transform:rotateX(90deg) translateZ(78px)}.cube-front{transform:translateZ(78px)}.cube-right{transform:rotateY(90deg) translateZ(78px)}.sticker{border-radius:4px;border:1px solid #0008;box-shadow:inset 4px 5px 6px #fff4,inset -3px -4px 5px #0003}.cube-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.cube-controls button{padding:8px 10px;background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font:900 .66rem "DM Sans";cursor:pointer}.cube-controls button:nth-last-child(-n+2){background:#fff}.cube-controls button:active{transform:translate(2px,2px);box-shadow:none}.cube-hint{margin:12px 0 0;color:#655b4d;font-size:.78rem}.projects{background:var(--navy);color:#fff}.section-heading.light p{color:#c5dbe8}.section-heading.light .kicker{color:var(--yellow)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project{min-width:0;padding:9px 9px 12px;background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--yellow);text-decoration:none;transform:rotate(var(--tilt,-1deg));transition:.18s}.project:nth-child(even){--tilt:1deg}.project:hover{z-index:1;transform:rotate(0) translateY(-6px) scale(1.03)}.project img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;object-position:top;border:2px solid var(--ink)}.project span{display:block;margin-top:8px;font-weight:900;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hobbies{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center;background:var(--yellow)}.nutrition{padding:14px;background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.nutrition p{margin:0}.nutrition-small{font-weight:900}.nutrition h2{font-family:"Archivo Black";font-size:2.5rem;border-bottom:1px solid;margin:0}.servings,.amount,.fine-print{font-size:.7rem}.rule{height:1px;background:var(--ink);margin:5px 0}.rule.thick{height:8px}.amount{font-weight:700}.fact{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid;font-size:.84rem}.fact.indent{padding-left:14px}.fine-print{line-height:1.2}.hobby-copy>p{font-size:1.05rem;line-height:1.65}.programs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.programs a{padding:13px;background:#fff;color:var(--ink);border:2px solid;text-decoration:none;box-shadow:3px 3px 0 var(--ink)}.programs strong,.programs span{display:block}.programs strong{font-family:"Archivo Black"}.programs span{font-size:.7rem;color:#61584c}footer{padding:25px 28px;display:flex;gap:20px;align-items:center;justify-content:space-between;background:var(--red);color:#fff;border-top:4px solid var(--ink);font-size:.72rem}footer strong{font-family:"Archivo Black";font-size:1.2rem}footer a{color:#fff;font-weight:900;text-decoration:none}
@media(max-width:800px){.box{width:calc(100% - 16px);margin:8px auto;border-width:4px}.hero{min-height:700px;padding-inline:15px}.burst{width:86px}.burst-left{left:-8px;top:185px}.burst-right{right:-8px;top:225px}.cereal-bowl{width:530px;transform:translateX(calc((100vw - 546px)/2))}.loop{transform:scale(.78) rotate(var(--r))}.l1{left:65px}.l2{left:130px}.l3{left:215px}.l4{left:300px}.l5{left:380px}.l6{left:100px}.l7{left:190px}.l8{left:280px}.l9{left:370px}.section{padding:58px 22px}.prize-grid,.hobbies{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}.hobbies{gap:40px}footer{flex-direction:column;text-align:center}}@media(max-width:480px){.box-top{padding:0 10px}.top-copy{font-size:.55rem}.hero{min-height:675px}.eyebrow{font-size:.58rem}.hero-copy{margin-top:32px}.intro{font-size:.9rem}.burst-right{display:none}.burst-left{top:146px}.cereal-bowl{margin-top:33px}.project-grid{gap:10px}.project{padding:6px}.project span{font-size:.6rem}.programs{grid-template-columns:1fr}.prize-card{padding-inline:12px}.watch-card{overflow:hidden}.watch{transform:scale(.9);margin-block:-12px}.section h2{font-size:2.45rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project,.cube{transition:none}}