@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800;900&family=Kalam:wght@700&display=swap');
:root{--blue:#087ff0;--ink:#08254d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--blue);color:white;font:18px/1.6 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:6px}header{max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff70}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;text-decoration:none}.brand-dog{width:48px;height:48px;object-fit:cover;border-radius:50%;mix-blend-mode:lighten}nav{display:flex;gap:28px;align-items:center;font:15px monospace}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.nav-pill{border:1px solid white;padding:7px 16px}.hero{padding:35px 5% 60px;max-width:1440px;margin:auto}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.eyebrow{font:14px monospace;margin:0 0 25px}h1{font:900 clamp(95px,11vw,165px)/.86 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:0}.outlined{color:white}.intro{margin:30px 0 20px;font-size:21px}.button{display:inline-block;font:16px monospace;background:none;border:0;border-bottom:1px solid currentColor;padding:6px 0;text-decoration:none}.button:hover{opacity:.75}.dog-stage{position:relative}.hero-dog{display:block;width:100%;mix-blend-mode:lighten;border-radius:50%}.sticker{position:absolute;bottom:0;right:8%;font:700 48px 'Kalam',cursive;transform:rotate(-8deg)}.lore,.arc{padding:70px max(5%,calc((100vw - 1296px)/2))}.lore{background:white;color:var(--ink)}.section-meta{font:14px monospace;border-top:1px solid currentColor;padding-top:16px;margin-bottom:50px}.lore-grid{display:grid;grid-template-columns:.85fr 1fr;gap:10%;align-items:start}.polaroid{margin:20px 0 0}.polaroid img{width:100%;display:block}.polaroid figcaption{font:16px monospace;margin-top:12px}.lore-copy p,.arc-copy p{max-width:590px;margin:0 0 22px}h2{font:800 clamp(50px,6vw,85px)/.98 'Barlow Condensed',Impact,sans-serif;margin:0 0 30px;letter-spacing:-.5px}.hand-note{font:700 25px 'Kalam',cursive;color:var(--blue)}.arc{background:var(--ink);color:white}.arc-grid{display:grid;grid-template-columns:.85fr 1fr;gap:10%}.arc .equation{font:700 clamp(25px,3vw,45px)/1.4 'Kalam',cursive;margin:38px 0;color:#87c4ff}.arc-source{font:14px monospace}.circle{max-width:900px;margin:auto;text-align:center;padding:75px 5%}.circle>p{margin:25px auto;max-width:600px}.circle h2{font-size:clamp(60px,7vw,95px)}.contract-section{margin:35px auto 10px;max-width:760px}.contract-copy{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid white;background:none;color:white;cursor:pointer;text-align:left;font:16px Arial,sans-serif}.contract-copy>span:first-child{min-width:0;overflow-wrap:anywhere}.contract-copy strong{font:14px monospace}.copy-label{font:12px monospace;white-space:nowrap}.contract-copy:hover{background:#ffffff14}#copy-status{min-height:22px;font:14px monospace;margin:10px 0}.social-follow .button{font-size:19px}.back{font:14px monospace;display:inline-block;margin-top:25px}footer{padding:28px 5%;border-top:1px solid #ffffff70;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>span{font:13px monospace}@media(max-width:760px){body{font-size:17px}header{flex-wrap:wrap;padding:15px 5%;gap:12px}header .brand{font-size:14px}.brand-dog{width:40px;height:40px}nav{gap:18px;font-size:14px;width:100%;justify-content:space-between}.nav-pill{padding:4px 12px}.hero{padding-top:35px}.hero-layout{grid-template-columns:1fr;gap:25px}h1{font-size:clamp(90px,18vw,135px)}.hero-dog{max-width:470px;margin:auto}.dog-stage{max-width:480px;margin:auto;width:100%}.lore,.arc{padding:45px 6%}.section-meta{margin-bottom:35px}.lore-grid,.arc-grid{grid-template-columns:1fr;gap:35px}.polaroid{order:2;max-width:400px}.arc .equation{margin:20px 0}.contract-copy{flex-direction:column;gap:12px;text-align:center}.circle{padding:50px 6%}footer{flex-wrap:wrap}footer>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}