/* Studio identity: neutral gallery surfaces, ink, and one restrained brand mark. */
:root{--sh-paper:#f6f6f3;--sh-ink:#222523;--sh-muted:#636763;--sh-line:#d7dbd5;--sh-accent:#b73525;--sh-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--sh-ease:cubic-bezier(.22,1,.36,1)}
.sh-nav,.sh-nav *,.sh-footer,.sh-footer *{box-sizing:border-box}
.sh-nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:26px clamp(22px,4vw,64px);background:var(--sh-paper);color:var(--sh-ink);border-bottom:1px solid var(--sh-line);font:15px/1.4 var(--sh-sans);letter-spacing:0;text-transform:none;text-shadow:none}
.sh-brand{display:inline-flex;align-items:center;gap:0;color:var(--sh-ink)!important;font:700 25px/1 var(--sh-sans)!important;letter-spacing:-1.3px!important;text-decoration:none!important;border:0!important;background:none!important;padding:0!important;white-space:nowrap}
.sh-brand span{font-weight:400}.sh-brand .sh-brand-z{color:var(--m,#da437d)}.sh-brand i{font:normal 33px/1 var(--sh-sans);color:var(--sh-accent);margin-left:7px;display:inline-block}
.sh-links{display:flex;align-items:center;gap:32px}.sh-nav .sh-links a{display:inline-flex;align-items:center;min-height:44px;color:inherit;background:none;border:0;text-decoration:none;padding:0;font:inherit;letter-spacing:0}.sh-links a:hover{text-decoration:underline;text-underline-offset:6px}.sh-links .sh-portal{color:var(--sh-muted);border-left:1px solid var(--sh-line);padding-left:28px;gap:12px}
.sh-skip{position:fixed;left:16px;top:-100px;z-index:100;padding:14px 20px;color:#fff;background:#222523;font:16px var(--sh-sans)}.sh-skip:focus{top:12px}
.sh-footer{background:var(--sh-paper);color:var(--sh-ink);border-top:1px solid var(--sh-line);padding:64px clamp(22px,4vw,64px) 26px;display:grid;grid-template-columns:1fr 1fr;gap:50px;font:15px/1.5 var(--sh-sans);text-align:left;letter-spacing:0;text-transform:none;max-width:none;margin:0}.sh-footer p{margin:16px 0 0;color:var(--sh-muted);font:15px/1.5 var(--sh-sans)}.sh-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:start;gap:22px}.sh-footer a{color:inherit;text-decoration:none}.sh-footer a:hover{text-decoration:underline}.sh-colophon{grid-column:1/-1;border-top:1px solid var(--sh-line);padding-top:26px;display:flex;justify-content:space-between;gap:20px;color:var(--sh-muted);font-size:12px}
.sh-nav a:focus-visible,.sh-footer a:focus-visible{outline:2px solid var(--sh-accent);outline-offset:5px}
@media(max-width:700px){.sh-nav{padding:17px 22px;flex-wrap:wrap;gap:12px}.sh-brand{font-size:24px!important}.sh-links{width:100%;gap:24px;justify-content:space-between;font-size:14px}.sh-links .sh-portal{padding-left:0;border:0}.sh-footer{grid-template-columns:1fr;gap:32px;padding-top:42px}.sh-footer-links{justify-content:flex-start}.sh-colophon{flex-direction:column;gap:6px}}
/* Dark mode: the same paper-and-ink system printed in reverse, on a green-black ground. An explicit choice wins; otherwise the system decides. */
html[data-theme=dark],html[data-scheme=dark]{color-scheme:dark}
html[data-theme=dark] body,html[data-scheme=dark] body{--page:#1b211e;--ink:#eef0e8;--muted:#a9b3a6;--line:#3c463d;--surface:#283029;--k:#eef0e8;--focus:#da437d;--sh-paper:#1b211e;--sh-ink:#eef0e8;--sh-muted:#a9b3a6;--sh-line:#3c463d;--sh-accent:#da437d}
/* Reverse bands stay dark in dark mode, on a deeper ground, so the about-band hologram keeps its screen blend. */
html[data-theme=dark] :is(.about,.project-body .stands),html[data-scheme=dark] :is(.about,.project-body .stands){--ink:#0e120f;--page:#eef0e8}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) :is(.about,.project-body .stands){--ink:#0e120f;--page:#eef0e8}html:not([data-theme=light]){color-scheme:dark}html:not([data-theme=light]) body{--page:#1b211e;--ink:#eef0e8;--muted:#a9b3a6;--line:#3c463d;--surface:#283029;--k:#eef0e8;--focus:#da437d;--sh-paper:#1b211e;--sh-ink:#eef0e8;--sh-muted:#a9b3a6;--sh-line:#3c463d;--sh-accent:#da437d}}
/* Site menus use the same paper, ink and hairlines as the pages. */
html{scroll-padding-top:calc(var(--sh-nav-height,85px) + 20px)}
.sh-nav:has(.sh-menubar){position:sticky;top:0;z-index:60;border-bottom:1px solid var(--sh-line)}
.sh-menubar{display:flex;align-items:center;gap:8px;margin-left:auto}
.sh-menu{position:relative}
.sh-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:0 18px;border:0;border-radius:0;background:none;color:var(--sh-ink);font:16px/1.4 var(--sh-sans);cursor:pointer}
.sh-menu-trigger>span{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.sh-menu-trigger:hover,.sh-menu-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--sh-ink) 7%,transparent)}
.sh-menu-trigger[aria-expanded=true]>span{transform:rotate(225deg);margin-top:3px}
.sh-menu-trigger:focus-visible,.sh-menu-panel a:focus-visible{outline:2px solid var(--sh-accent);outline-offset:3px}
.sh-menu-panel{position:absolute;top:calc(100% + 12px);right:0;width:300px;max-height:calc(100dvh - var(--sh-nav-height,85px) - 22px);overflow-y:auto;overscroll-behavior:contain;padding:22px;background:var(--sh-paper);color:var(--sh-ink);border:1px solid var(--sh-line);font:15px/1.5 var(--sh-sans);text-align:left}
.sh-menu-panel[hidden]{display:none}
.sh-menu-label{margin:0 0 10px;font-size:13px;color:var(--sh-muted)}
.sh-menu-links{display:flex;flex-direction:column;gap:0}
.sh-menu-links a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--sh-line);font:16px/1.4 var(--sh-sans)}
.sh-menu-links a:hover{text-decoration:underline;text-underline-offset:4px}
.sh-menu-links a:last-child{border-bottom:0}
.sh-menu-extras{margin-top:12px;padding-top:12px;border-top:1px solid var(--sh-line);color:var(--sh-muted)}
.sh-appearance{margin:0;padding:0;border:0;min-width:0}
.sh-appearance legend{padding:0;margin-bottom:18px;font-size:18px;font-weight:500;letter-spacing:-.02em}
.sh-appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--sh-line)}
.sh-appearance-options label{position:relative;cursor:pointer}
.sh-appearance-options label+label{border-left:1px solid var(--sh-line)}
.sh-appearance-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0}
.sh-appearance-options span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 2px;font-size:14px}
.sh-appearance-options input:checked+span{background:var(--sh-ink);color:var(--sh-paper)}
.sh-appearance-options input:focus-visible+span{outline:2px solid var(--sh-accent);outline-offset:3px;position:relative;z-index:1}
.sh-appearance p{margin:15px 0 0;font-size:13px;color:var(--sh-muted)}
@media(max-width:700px){.sh-nav:has(.sh-menubar){gap:12px}.sh-menubar{width:100%;margin-left:0;border-top:1px solid var(--sh-line);padding-top:8px;gap:0}.sh-menu{position:static;flex:1}.sh-menu+.sh-menu{border-left:1px solid var(--sh-line)}.sh-menu-trigger{width:100%;font-size:15px}.sh-menu-panel{top:100%;left:22px;right:22px;width:auto;margin-top:0}}