@font-face{font-family:Comfortaa;src:url('/fonts/Comfortaa-BOLD.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--paper:#f4f2ed;--ink:#292d29;--muted:#666b61;--accent:#ad472e}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.art{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.chrome{position:relative;padding:0 4%;pointer-events:none}.chrome a{pointer-events:auto}
.masthead{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:7px;min-height:44px;font-family:Comfortaa,sans-serif;font-size:20px;letter-spacing:-.6px;white-space:nowrap}.brand span{color:var(--accent)}
.masthead nav{display:flex;gap:24px;font:11px 'SFMono-Regular',Consolas,monospace}.masthead nav a{display:flex;align-items:center;min-height:44px}.masthead nav a:hover{color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fallback{position:fixed;top:30%;left:8%;right:8%;font-size:14px;color:var(--accent)}
.workspace .art{left:45%;width:55%;top:100px;height:calc(100% - 120px)}
.workspace main{position:relative;max-width:460px;margin:clamp(70px,16vh,170px) 0 80px 8%}
.eyebrow{font:11px 'SFMono-Regular',Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 26px}
h1{font-family:Comfortaa,sans-serif;font-size:42px;line-height:1.2;font-weight:700;letter-spacing:-1.5px;margin:0 0 22px}
.intro{font-size:16px;line-height:1.7;color:var(--muted);max-width:330px;margin:0 0 34px}
.studio-link{display:inline-flex;gap:38px;align-items:center;border:1px solid #a7aea1;border-radius:4px;padding:17px 21px;min-height:52px;font-size:13px;background:var(--paper)}
.studio-link:hover{background:#e7e8de;border-color:#5c6b58}.studio-link:active{background:#dbdfd1}
.workspace-note{margin-top:28px;color:var(--muted);font:11px/1.6 'SFMono-Regular',Consolas,monospace}
@media(max-width:760px){.chrome{padding:0 6%}.masthead{height:82px}.brand{font-size:18px}.masthead nav{gap:14px;font-size:10px}.workspace .art{left:0;top:340px;width:100%;height:440px}.workspace main{margin:54px 7% 440px;max-width:400px}h1{font-size:32px}.intro{font-size:15px;margin-bottom:24px}.workspace-note{margin-top:18px}}
@media(min-width:761px) and (max-height:800px){.masthead{height:85px}}