@font-face{font-family:Barlow;src:url('../traffic-swipe/assets/fonts/BarlowSemiCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Bungee;src:url('../traffic-swipe/assets/fonts/Bungee-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#fff6ee;--ink:#2a1d17;--soft:#6a5148;--accent:#f0576c;--line:#bca699;--wash:#f4e3d7;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:600 21px/1.5 Barlow,'Arial Narrow',sans-serif}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:3px}a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}::selection{background:var(--ink);color:var(--paper)}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}header{border-bottom:1px solid var(--line)}.top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px}.brand{font:400 25px Bungee,sans-serif;text-decoration:none}.language{display:flex;gap:24px}.language a{display:inline-flex;align-items:center;min-height:44px;font-size:18px}.language a[aria-current=page]{text-decoration-thickness:3px}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--paper);padding:12px}.skip:focus{top:12px}
h1,h2{margin:0;font-weight:400;font-family:Bungee,sans-serif;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(2.4rem,5.7vw,5.3rem);max-width:17ch}h2{font-size:clamp(2rem,3.6vw,3.5rem)}p{margin:0;max-width:68ch}.intro{padding-block:80px 76px}.intro p{margin-top:28px;font-size:27px;line-height:1.4;max-width:40ch}.intro::after{content:'';display:block;width:84px;height:8px;background:var(--accent);margin-top:38px}.app{padding-block:46px 58px;border-top:1px solid var(--line)}.game{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}.game img{display:block;width:100%;height:auto}.app p{font-size:24px;line-height:1.4;margin-top:22px;max-width:35ch}.app a{display:inline-flex;align-items:center;min-height:52px;margin-top:28px;font-size:22px}.app .button{padding:12px 22px;background:var(--ink);color:var(--paper);text-decoration:none}.app .button:hover{background:var(--soft)}.walkwards{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:start}.walkwards h2{padding-top:6px}.walkwards p{margin-top:0}.home-foot{margin-top:18px;padding-block:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--soft);font-size:18px}.home-foot a{display:inline-flex;align-items:center;min-height:44px}body::-webkit-scrollbar{width:11px}body::-webkit-scrollbar-track{background:var(--paper)}body::-webkit-scrollbar-thumb{background:var(--soft);border:3px solid var(--paper)}
@media(max-width:850px){.wrap{width:calc(100% - 44px)}.intro{padding-block:50px 52px}.intro p{font-size:25px}.game,.walkwards{grid-template-columns:1fr;gap:30px}.game img{order:2}.app{padding-block:32px 42px}.app p{max-width:45ch}.walkwards{gap:22px}.home-foot{align-items:start;flex-wrap:wrap}.language{gap:18px}}
@media(max-width:400px){.wrap{width:calc(100% - 36px)}.brand{font-size:21px}.language{gap:12px}.language a{font-size:17px}.top{gap:16px;padding-block:16px}.intro p,.app p{font-size:23px}.intro h1{font-size:2.2rem}}
@media(prefers-color-scheme:dark){:root{--paper:#1c1410;--ink:#fbeee4;--soft:#d1b7a9;--line:#806a5e;--wash:#33251f;color-scheme:dark}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}