@font-face{font-family:Fredoka;src:url(/fonts/Fredoka.ttf)format("truetype");font-weight:300 700;font-display:swap}:root{--red:#d63027;--red-deep:#b8271f;--cream:#f5e8c8;--ink:#14161b;--paper:#fbf7ee;--muted:#5e6470;--line:#e8ddc4;--display:"Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;--body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:17px;line-height:1.6}body:after{content:"";pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;line-height:1.05}a{color:inherit}:focus-visible{outline:3px solid var(--cream);outline-offset:3px;border-radius:6px}.hero{background:var(--red);color:#fff;padding:clamp(48px, 9vw, 96px) max(20px, env(safe-area-inset-left)) clamp(56px, 9vw, 100px);text-align:center;justify-items:center;gap:22px;display:grid}.wordmark{width:min(420px,78vw);height:auto}.hero h1{font-size:clamp(34px,6.5vw,64px);font-weight:600}.mark{white-space:nowrap;position:relative}.mark svg{width:104%;height:.32em;position:absolute;bottom:-.18em;left:-2%;right:-2%;overflow:visible}.mark path{fill:none;stroke:var(--cream);stroke-width:5px;stroke-linecap:round}.lede{color:#ffe9e2;max-width:34ch;margin:0;font-size:clamp(17px,2.2vw,20px)}.socials{flex-wrap:wrap;justify-content:center;gap:10px;max-width:640px;margin:10px 0 0;padding:0;list-style:none;display:flex}.socials a{background:var(--red-deep);border-radius:999px;align-items:center;gap:9px;padding:11px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.socials a:hover{background:var(--ink);transform:translateY(-1px)}.socials svg{fill:currentColor;width:18px;height:18px}.about{max-width:1040px;padding:clamp(48px, 8vw, 88px) max(20px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);margin:0 auto;display:grid}.about h2{color:var(--red);margin-bottom:14px;font-size:clamp(30px,4.5vw,44px)}.about p{max-width:58ch;margin:0 0 14px}.pillars{counter-reset:p;gap:16px;margin:0;padding:0;list-style:none;display:grid}.pillars li{border-bottom:1.5px dashed var(--line);padding:16px 18px 14px 58px;position:relative}.pillars li:before{content:"";background:url(/favicon.svg) 50%/contain no-repeat;width:30px;height:38px;position:absolute;top:18px;left:12px}.pillars h3{margin-bottom:4px;font-size:22px;font-weight:600}.pillars p{color:var(--muted);margin:0;font-size:16px}.work{background:var(--cream);padding-block:clamp(48px,7vw,84px);padding-inline:max(20px, env(safe-area-inset-left), calc((100% - 760px) / 2));gap:22px;display:grid}.work-head h2{color:var(--red);margin-bottom:8px;font-size:clamp(30px,4.5vw,44px)}.work-head p{color:var(--muted);max-width:52ch;margin:0}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cf{gap:18px;display:grid}.topics{border:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.topic{grid-column:span 2}.topic:nth-of-type(n+4){grid-column:span 3}@media (width<=560px){.topics{grid-template-columns:repeat(2,minmax(0,1fr))}.topic,.topic:nth-of-type(n+4){grid-column:span 1}.topic:nth-of-type(5){grid-column:span 2}}.topic{cursor:pointer;box-shadow:0 1px 0 var(--line);background:#fff;border:2px solid #0000;border-radius:16px;align-content:start;gap:2px;padding:14px 14px 13px;transition:border-color .15s,transform .15s;display:grid;position:relative}.topic:hover{transform:translateY(-1px)}.topic input{opacity:0;pointer-events:none;position:absolute}.topic:has(input:checked){border-color:var(--red);background:#fff7f5}.topic:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:2px}.t-icon{margin-bottom:6px;font-size:22px;line-height:1}.t-name{font-family:var(--display);font-size:17px;font-weight:600;line-height:1.15}.t-sub{color:var(--muted);font-size:13px}.fields{box-shadow:0 1px 0 var(--line);background:#fff;border-radius:18px;gap:14px;padding:clamp(18px,3vw,26px);display:grid}.f{gap:6px;display:grid}.f label{font-size:15px;font-weight:600}.f label i{color:var(--muted);font-style:normal;font-weight:400}.f input,.f textarea{font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:12px;width:100%;min-width:0;padding:13px 14px}.f input:focus,.f textarea:focus{border-color:var(--red);background:#fff;outline:none}.f [aria-invalid]{border-color:var(--red)}.f textarea{resize:vertical;min-height:110px}.err{min-height:0;color:var(--red);margin:0;font-size:14px}.err:empty{display:none}.send{background:var(--red);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;width:100%;padding:15px 22px;font-size:17px;font-weight:700}.send:hover{background:var(--ink)}.send:disabled{opacity:.7;cursor:wait}.alt{text-align:center;color:var(--muted);margin:0;font-size:14px}.done{text-align:center;box-shadow:0 1px 0 var(--line);background:#fff;border-radius:18px;justify-items:center;gap:8px;padding:28px;display:grid}.done p{max-width:46ch;margin:0}.done-big{font-family:var(--display);color:var(--red);font-size:28px;font-weight:600}.again{border:1.5px solid var(--line);background:var(--paper);font:inherit;cursor:pointer;border-radius:999px;margin-top:6px;padding:10px 18px;font-weight:600}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}footer{padding:26px 20px calc(26px + env(safe-area-inset-bottom));color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}@media (width<=760px){.about{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
