a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.site-header{position:fixed;inset:0 0 auto;z-index:20;height:0;pointer-events:none}
.site-title{pointer-events:auto;text-decoration:none;display:block;font-size:calc(var(--brand-base)*var(--brand-scale))}
.site-nav{position:fixed;top:1.8vw;right:1.3vw;display:flex;align-items:center;gap:2.5vw;font:700 calc(1.75vw*var(--nav-scale,1))/1.1 var(--display);letter-spacing:-.035em;pointer-events:auto}
.site-nav a{text-decoration:none;color:#696969;white-space:nowrap;transition:color .18s}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current=page]{color:#fff}
body[data-page=home]{--brand-base:7.5vw;--brand-top:1.05vw}
body[data-page=home] .site-title{left:.8vw}
body[data-page=home] .site-nav{top:2.95vw;left:67.1vw;right:1.3vw;justify-content:space-between;gap:0;font-size:calc(2.8vw*var(--nav-scale,1))}
body[data-page=home] .site-nav a{color:#696969}
body[data-page=home] .site-nav a:hover{color:#fff}
body:not([data-page=home]){background:#080808;--brand-base:7.5vw;--brand-top:1.4vw}
body:not([data-page=home]) .site-header{background:#080808;height:calc(var(--brand-top) + var(--brand-base)*var(--brand-scale)*.85 + 16px)}
body:not([data-page=home]) .site-title{left:1.3vw}
.utility-tools{position:fixed;z-index:30;left:14px;bottom:14px;display:flex;gap:8px;align-items:center}
.utility-button{font:11px/1.4 var(--ui);color:#efefec;background:#101010d9;border:1px solid #7777;padding:8px 12px;text-decoration:none;cursor:pointer}
.utility-button:hover{background:#272727}
.site-controls,.page-controls{border:1px solid #d4d3cb;padding:15px;margin:4px 0 20px}
.site-controls h3,.page-controls h3{font-size:13px;font-weight:600;margin:0 0 12px}
.site-field{display:flex;flex-direction:column;gap:7px;margin-top:12px;font-size:11px;color:#626258}
.site-field input,.site-field textarea{background:transparent;border:1px solid #cccbbf;padding:10px;color:#171716;font:13px/1.5 var(--ui);width:100%;min-width:0;resize:vertical}
.scale-control{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;font-size:11px;margin-top:16px;color:#626258}
.scale-control input{grid-column:1;grid-row:2;width:100%;accent-color:#171716;margin:0;cursor:pointer}
.scale-control output{grid-row:2;grid-column:2;min-width:38px;text-align:right;font:11px var(--display)}
.editor .save-state{line-height:1.7}
@media(max-width:767px){
 .site-nav{top:18px;right:14px;font-size:calc(14px*var(--nav-scale,1));gap:24px}
 body:not([data-page=home]){--brand-base:14.8vw;--brand-top:58px}
 body:not([data-page=home]) .site-title{left:12px}
 body:not([data-page=home]) .site-header{height:calc(76px + 12.58vw*var(--brand-scale))}
 body[data-page=home]{--brand-base:14.8vw;--brand-top:14px}
 body[data-page=home] .site-title{left:8px}
 body[data-page=home] .site-nav{top:calc(30px + 12.58vw*var(--brand-scale));left:55%;right:12px;font-size:calc(14px*var(--nav-scale,1))}
 .utility-tools{left:10px;bottom:10px}.utility-button{font-size:10px;padding:7px 10px}
}
@media(prefers-reduced-motion:reduce){.site-nav a{transition:none}}