body{margin:0;height:100dvh;width:100vw;overflow:hidden;background:#000;display:grid;gap:8px;padding:8px;box-sizing:border-box;font-family:'Space Grotesk',sans-serif;grid-template-columns:1fr 2.5fr 1fr;grid-template-rows:1fr 1.5fr 1fr;color:#000}.c{background:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.brick{box-shadow:inset 6px 6px 0 rgba(255,255,255,.3),inset -6px -6px 0 rgba(0,0,0,.15)}.studs::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,.2) 20%,transparent 25%);background-size:40px 40px;pointer-events:none}.a-logo{grid-column:1;grid-row:1;align-items:center}.logo{max-width:80%;max-height:80%;object-fit:contain}.a-main{grid-column:2;grid-row:1/span 3;padding:clamp(2rem,5vw,5rem);align-items:flex-start}h1{font-size:clamp(2.5rem,6vw,5rem);margin:0 0 1.5rem;line-height:1;letter-spacing:-.03em;font-weight:700;text-transform:uppercase}p{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.4;max-width:50ch;margin:0 0 3rem;opacity:.9}.cta{display:inline-flex;align-items:center;justify-content:center;background:#E3000B;color:#fff;text-decoration:none;font-weight:700;font-size:clamp(1.2rem,2.5vw,1.8rem);padding:.8em 1.5em;border-radius:8px;border:3px solid #000;position:relative;box-shadow:inset 0 6px 0 rgba(255,255,255,.4),inset 0 -6px 0 rgba(0,0,0,.2),0 8px 0 #900,0 12px 0 #000;transition:all .1s;text-transform:uppercase;letter-spacing:1px;z-index:10;outline:none}.cta:hover{filter:brightness(1.1)}.cta:active{transform:translateY(8px);box-shadow:inset 0 3px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.2),0 0 0 #900,0 4px 0 #000}.cta::before{content:'';position:absolute;top:8px;left:16px;right:16px;height:14px;background-image:radial-gradient(circle,rgba(255,255,255,.6) 35%,transparent 40%);background-size:24px 24px;background-repeat:repeat-x}.a-blue{grid-column:1;grid-row:2/span 2;background:#0055BF}.a-yellow{grid-column:3;grid-row:1/span 2;background:#F2CD37;align-items:center;justify-content:center}.a-red{grid-column:3;grid-row:3;background:#E3000B}.micro{background:#fff;color:#000;border:3px solid #000;padding:.8rem 1.2rem;font-weight:700;font-family:inherit;font-size:1rem;cursor:pointer;box-shadow:4px 4px 0 #000;transition:all .1s;z-index:2;position:relative;text-transform:uppercase;outline:none}.micro:hover{background:#f0f0f0}.micro:active{transform:translate(4px,4px);box-shadow:0 0 0 #000}.micro:focus-visible,.cta:focus-visible{outline:3px dashed #000!important;outline-offset:4px}.rip{position:absolute;width:20px;height:20px;background:none;border:4px solid #fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:r .8s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none;z-index:1;box-shadow:0 0 20px #fff}@keyframes r{0%{transform:translate(-50%,-50%) scale(0);opacity:1}100%{transform:translate(-50%,-50%) scale(30);opacity:0}}.ftr{position:absolute;bottom:clamp(1rem,3vw,2rem);left:clamp(2rem,5vw,5rem);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:.875rem;margin:0}@media(max-width:900px){body{grid-template-columns:1fr 1fr;grid-template-rows:80px 1fr 80px;gap:6px;padding:6px}.a-logo{grid-column:1;grid-row:1}.a-yellow{grid-column:2;grid-row:1}.a-main{grid-column:1/span 2;grid-row:2;padding:2rem}.a-blue{grid-column:1;grid-row:3}.a-red{grid-column:2;grid-row:3}p{margin:0 0 1.5rem;font-size:clamp(1rem,3vw,1.2rem)}h1{font-size:clamp(2rem,7vw,3.5rem);margin:0 0 1rem}.cta{padding:.6em 1.2em}.ftr{display:none}}@media(max-width:480px){body{grid-template-columns:1fr;grid-template-rows:60px 1fr 60px 60px;gap:4px;padding:4px}.a-logo{grid-column:1;grid-row:1;padding:10px}.a-main{grid-column:1;grid-row:2;padding:1.2rem}.a-yellow{grid-column:1;grid-row:3}.a-blue{grid-column:1;grid-row:4}.a-red{display:none}h1{font-size:clamp(1.5rem,6vw,2.2rem);margin-bottom:1rem}p{font-size:clamp(.9rem,4vw,1rem);margin-bottom:1.2rem;line-height:1.3}.cta{font-size:1rem;padding:.5em .8em;border-width:2px;box-shadow:inset 0 4px 0 rgba(255,255,255,.4),inset 0 -4px 0 rgba(0,0,0,.2),0 6px 0 #900,0 8px 0 #000}}