:root{--paper:#f2eadb;--ink:#181512;--red:#e33122;--blue:#2458c6;--yellow:#f0c928}.topbar{background:rgba(242,234,219,.94)}.brand b{background:var(--red)}.hero:before{content:"";position:absolute;width:34vw;height:7vw;right:-5vw;top:23%;background:var(--red);transform:rotate(-8deg);mix-blend-mode:multiply}.hero h1{font-family:Impact,Arial Black,sans-serif;font-weight:900;line-height:.77;transform:rotate(-1deg)}.hero h1 span:last-child{color:var(--red);margin-left:3%}.hero-frame{transform:rotate(1.5deg);box-shadow:10px 12px 0 #181512}.note{transform:rotate(-4deg);background:var(--yellow);padding:.6rem}.method h2,.cases h2,.prompt h2,.case h3{font-family:Georgia,serif}.case.red{--accent:var(--red)}.case.blue{--accent:var(--blue)}.case.yellow{--accent:var(--yellow)}.case.black{--accent:#181512}.comparison button{box-shadow:4px 5px 0 var(--ink)}.comparison figure:nth-child(2){transform:translateY(1rem) rotate(.4deg)}.comparison figure:nth-child(3){transform:rotate(-.35deg)}.amazing figcaption b{color:var(--red)}.prompt{background:var(--blue)}.prompt-action button:hover{background:var(--yellow);border-color:var(--yellow);color:#111}@media(max-width:650px){.hero h1{font-size:14vw}.hero:before{width:60vw;height:12vw}.comparison figure:nth-child(2){transform:none}}
