
*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,sans-serif;background:var(--paper);color:var(--ink)}.heist{--paper:#ffe886;--ink:#251f2b;--accent:#bc3445;--panel:#fff8db;--line:3px solid #251f2b}.forest{--paper:#f0eedf;--ink:#193c33;--accent:#825522;--panel:#fffdf0;--line:1px solid #8d9d87}.traffic{--paper:#182337;--ink:#eaf3f6;--accent:#9bdcf8;--panel:#25354a;--line:1px solid #526582}body>*{padding-inline:max(5vw,calc((100vw - 1180px)/2))}a{color:inherit;text-underline-offset:.24em}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-8rem}.skip:focus{top:0;background:white;color:black;z-index:10}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.1rem;border-bottom:var(--line)}.brand{font-size:1.45rem;font-weight:900;text-decoration:none}.forest .brand{font:italic 2rem Georgia}.traffic .brand{text-transform:uppercase;letter-spacing:.08em}nav{display:flex;flex-wrap:wrap;gap:.65rem 1.35rem}nav a{text-decoration:none}nav [aria-current]{text-decoration:underline;font-weight:700}.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:5%;padding-block:clamp(2.5rem,6vw,5.7rem)}.eyebrow{font:700 .78rem/1.5 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p{margin:0 0 1rem}h1{font-size:clamp(2.7rem,6.8vw,6.6rem);line-height:.99;letter-spacing:-.065em;text-wrap:balance}h2{font-size:clamp(1.55rem,3.5vw,3.1rem);line-height:1.07;letter-spacing:-.045em}.forest h1,.forest h2,.forest h3{font-family:Georgia,serif;font-weight:400}.forest .hero{grid-template-columns:.85fr 1fr}.forest .hero .visual{order:-1}.traffic .hero{grid-template-columns:1.05fr 1fr}.traffic h1{text-transform:uppercase;font-weight:900}.lead{font-size:clamp(1.05rem,1.8vw,1.32rem);max-width:62ch}.cta,.control{display:inline-block;background:var(--ink);color:var(--paper);padding:.75rem 1.1rem;font-weight:700;text-decoration:none;border:0;border-radius:.3rem;cursor:pointer}.heist .cta,.heist .control{border-radius:3rem}.forest .cta{border-radius:0}.visual{overflow:hidden;position:relative;min-height:285px;aspect-ratio:1.52;border:var(--line);display:grid;place-items:center;isolation:isolate}.visual i,.visual b{display:block;position:absolute}.heist .visual{background:radial-gradient(#ce3834 17%,transparent 20%) 0 0/9px 9px,#fb8167;box-shadow:7px 7px var(--ink);transform:rotate(1deg)}.head{width:42%;aspect-ratio:1;background:#f3c282;border-radius:43% 43% 38% 38%;border:5px solid #312532;transform:rotate(var(--tilt,-13deg));transform-origin:50% 92%;transition:transform .25s}.head:before,.head:after{content:'';position:absolute;width:24%;height:50%;background:#54382d;border:4px solid #312532;border-radius:60%;top:-10%;z-index:-1}.head:before{left:-11%;transform:rotate(20deg)}.head:after{right:-11%;transform:rotate(-20deg)}.eyes{top:38%;left:21%;width:12%;height:12%;border-radius:50%;background:#32202e;box-shadow:clamp(36px,6vw,82px) 0 #32202e}.nose{top:62%;left:38%;width:24%;height:16%;border-radius:40% 40% 70% 70%;background:#32202e}.forest .visual{border-radius:45% 45% 8px 8px;background:radial-gradient(circle at 23% 36%,#e5d78c 0 3px,transparent 5px),radial-gradient(circle at 71% 29%,#f0e48b 0 4px,transparent 7px),radial-gradient(circle at 85% 57%,#f7e99f 0 3px,transparent 6px),linear-gradient(150deg,#25483e,#799f76)}.hill{bottom:-32%;width:115%;height:76%;background:#244d43;border-radius:50%}.hill.back{bottom:-28%;left:-52%;background:#a0ad72;transform:rotate(20deg)}.leaf{height:38%;width:21%;top:23%;background:linear-gradient(40deg,#cdda8d,#f5dc8e);border-radius:90% 2% 90% 2%;transform:rotate(-16deg)}.leaf:after{content:'';position:absolute;inset:11% 46%;background:#426951;transform:rotate(35deg)}.traffic .visual{background:repeating-linear-gradient(0deg,transparent 0 24%,#536378 24% 25%),repeating-linear-gradient(90deg,#32455b 0 19%,#536378 19% 20%);border-radius:.7rem}.car,.van{border:4px solid #15212e;border-radius:12px;transition:.3s}.car{height:18%;width:36%;left:2%;top:53%;background:linear-gradient(90deg,#50a8ea 16%,#263647 16% 29%,#50a8ea 29% 68%,#263647 68% 81%,#50a8ea 81%)}.van{height:44%;width:14%;left:63%;top:28%;background:linear-gradient(0deg,#ffca55 60%,#453c32 60% 75%,#ffca55 75%)}.clear .van{top:3%}.escaped .car{left:105%}.exit{right:1%;top:52%;color:white;font:900 2.1rem monospace}.section{padding-block:clamp(2rem,4vw,4rem);border-top:var(--line)}.cards,.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,4vw,3rem)}.cards a,article.step,aside,form,.paper{display:block;background:var(--panel);padding:clamp(1.3rem,3vw,2.6rem);border:var(--line);text-decoration:none}.cards a:hover{text-decoration:underline}.heist .cards a:nth-child(2){transform:rotate(-1deg)}.forest .cards{grid-template-columns:1.4fr 1fr}.traffic .cards{display:block}.traffic .cards a{display:flex;gap:2rem;align-items:baseline}.traffic .cards a>*{flex:1}h3{font-size:1.4rem}.lede{padding-block:3rem 2rem}.lede h1{font-size:clamp(2.5rem,5vw,5rem)}article.step{margin-bottom:1rem}.fields{display:grid;gap:1rem}label{display:grid;gap:.25rem;font-weight:650}input,textarea,select{width:100%;padding:.65rem;border:1px solid #808080;border-radius:.3rem;background:white;color:#14242a}textarea{min-height:9rem}.legal{max-width:72ch;padding-block:2rem}.legal h2{font-size:1.6rem;margin-top:1.6rem}footer{border-top:var(--line);padding-block:2rem;display:flex;gap:.8rem 2rem;flex-wrap:wrap}.small{font-size:.86rem}details{margin:1rem 0}summary{cursor:pointer;font-weight:700}.ctrls{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.result{padding:1rem;border-left:3px solid var(--accent);background:var(--panel);margin:1rem 0}.traffic .control{font-family:monospace}.check{display:flex;gap:.6rem}.check input{width:auto}@media(max-width:730px){.hero,.forest .hero,.traffic .hero,.cards,.split,.forest .cards{grid-template-columns:1fr}.forest .hero .visual{order:0}.visual{min-height:0}.traffic .cards a{display:block}.hero{gap:1.6rem}.brand{width:100%}nav{font-size:.9rem}}
