:root{color-scheme:light;--bg:#f6f5f0;--surface:#fdfcf9;--subtle:#eeede6;--text:#252922;--muted:#62685e;--line:#d8dcd1;--accent:#22645b;--tint:#e3ede6;--radius:6px;font-family:"Inter Variable",Inter,system-ui,sans-serif;font-synthesis:none}
:root.dark{color-scheme:dark;--bg:#191e1b;--surface:#202622;--subtle:#2b322c;--text:#eaece1;--muted:#b2bbae;--line:#414a40;--accent:#9ed2bf;--tint:#2c4439}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
p{margin:0 0 16px;color:var(--muted)}
h1,h2,h3,h4{margin:0;color:var(--text);line-height:1.18;font-weight:550;letter-spacing:-.025em}
h1,h2{font-family:"Newsreader Variable",Newsreader,Georgia,serif;font-weight:450}
h1{font-size:clamp(36px,4.2vw,60px);line-height:1.08}
h2{font-size:28px}
[hidden]{display:none!important}
.hidden,.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.skip-link{position:fixed;left:20px;top:-100px;background:var(--surface);padding:12px;z-index:100}
.skip-link:focus{top:10px}
.site-shell{max-width:1480px;margin:auto;padding:0 42px}
.masthead{display:flex;align-items:center;gap:24px;padding:26px 0 23px;border-bottom:1px solid var(--text)}
.brand{font-size:34px;line-height:1;font-weight:780;letter-spacing:-.04em}
.brand span{color:var(--accent)}
.masthead-caption{font-size:11px;line-height:1.45;margin:0}
.header-actions{display:flex;align-items:center;gap:18px;margin-left:auto}
.local-datetime{display:grid;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.5;color:var(--muted)}
.icon-button{border:1px solid var(--line);background:transparent;border-radius:50%;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center}
.sign-in,.studio-link{font-size:12px;display:inline-flex;align-items:center;gap:7px}
.sign-in{border-left:1px solid var(--line);padding-left:18px}
.index-bar{position:sticky;top:0;z-index:30;background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);min-height:51px}
nav{display:flex;align-items:center;gap:27px}
nav a{font-size:12px;padding:15px 0;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
nav a[aria-current]{border-color:var(--accent);color:var(--accent);font-weight:650}
.contact-link{display:inline-flex;gap:10px;align-items:center;font-size:12px}
.menu-button{display:none!important}
#main{padding:34px 0 60px;min-height:65vh}
.button,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--text);font-size:12px;font-weight:550;min-height:40px;padding:10px 16px;text-align:center;line-height:1.4}
.button-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.quick-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin:22px 0 28px}
.quick-index>a{display:flex;align-items:center;gap:16px;min-width:0;padding:16px 0}
.quick-index>a+a{border-left:1px solid var(--line);padding-left:24px}
.quick-index small{display:block;color:var(--muted)}
.page-footer{display:flex;justify-content:space-between;gap:24px;padding:22px 0;border-top:1px solid var(--text);font-size:11px}
@media(max-width:800px){.site-shell{padding:0 20px}.masthead{gap:12px}.masthead-caption{display:none}.header-actions{gap:10px}.sign-in{padding-left:10px}.index-bar{align-items:stretch}.menu-button{display:inline-flex!important;margin:7px 0}.index-bar nav{display:none}.index-bar nav.open{display:flex;position:absolute;top:50px;left:-20px;right:-20px;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;background:var(--bg);border-bottom:1px solid var(--line)}.quick-index{grid-template-columns:1fr}.quick-index>a+a{border-left:0;border-top:1px solid var(--line);padding-left:0}}
@media(max-width:480px){.brand{font-size:29px}.local-datetime time:first-child,.studio-link,.sign-in span{display:none}.sign-in{border-left:0;padding-left:0}.site-shell{padding:0 16px}#main{padding-top:24px}}