/* Crawl — exploded wireframe browser in chartreuse */
body{--paper:#f3f6ec;--ink:#253838;--quiet:#516562;--rule:#829891;--card:#fffefa;--field:#edf3e8;--pop:#d6ef6a;--art-second:#a5c4c6;--tint:#e7eece;--radius:7px;--button-radius:7px;--canvas:radial-gradient(circle at 85% 12%,#dfea9c,transparent 33%),#f3f6ec}
.intro{padding-top:90px;min-height:455px}.intro h1{font-family:'Arial Narrow',Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;font-size:clamp(42px,6vw,85px)}.design-art{top:55px}.design-art .shape-a{border:2px solid var(--ink);border-radius:10px;width:72%;height:200px;transform:skewY(-12deg);background:linear-gradient(#d6ef6a 0 22%,#253838 22% 23%,#fffff7 23%);box-shadow:10px 12px 0 #a5c4c6;animation:none}.design-art .shape-b{width:100px;height:140px;border:2px solid var(--ink);border-radius:9px;transform:skewY(-12deg);background:repeating-linear-gradient(0deg,#e6efca 0 18px,#829891 19px 20px);top:4%;right:1%;box-shadow:6px 6px 0 #a5c4c6}.design-art .shape-c{width:95px;height:95px;background:conic-gradient(#a5c4c6 0 70%,#d6ef6a 70%);border:2px solid var(--ink);bottom:3%;left:0}.design-art b{font:800 38px Arial,sans-serif;top:49%;left:29%;transform:skewY(-12deg)}.design-art .art-note{top:5%;left:0;right:auto;background:#d6ef6a;box-shadow:4px 4px 0 var(--ink)}.design-art .art-label{bottom:0;left:40%}.panel{border:2px solid var(--ink);box-shadow:7px 7px 0 #a5c4c6}.event:nth-child(even){margin-left:18px;background:#ecf2d5}.event{border-style:dashed}.appbar{border-bottom:2px solid var(--ink)}.pill{rotate:2deg}@media(max-width:800px){.intro{padding-top:32px;min-height:0}.design-art{top:0}.design-art .shape-a{height:145px}}