/* Ganeev's field notes: warm paper, vermilion, and a spatial project archive. */
:root{--paper:#f1eee6;--ink:#242723;--accent:#c74827;--muted:#696b62;--line:#24272325}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body.spatial-body{padding-top:0}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.chapter-bar{background:var(--paper);color:var(--ink);border:0;padding:20px 4vw;box-shadow:none}.chapter-brand{font-size:17px;font-weight:700;letter-spacing:-.8px}.chapter-brand:before{content:'g/m';display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:39px;height:39px;margin-right:12px;letter-spacing:-3px;padding-right:3px;font-style:italic}.chapter-tools{gap:24px}.chapter-tools a,.chapter-tools button{color:inherit;font-size:12px;letter-spacing:.04em}.chapter-progress{background:var(--accent);height:2px}.chapter-menu{background:var(--paper);color:var(--ink)}.chapter-menu nav a{border-color:var(--line);color:var(--ink)}.chapter-menu nav a:hover{color:var(--accent)}.chapter-menu nav strong{font-family:Arial,sans-serif;letter-spacing:-.06em}.chapter-menu .menu-heading,.chapter-menu .menu-footer,.chapter-menu button{color:var(--ink)}
.spatial-page{margin:0;padding:0}.spatial-scroll{height:850svh;position:relative}.spatial-pin{height:100svh;position:sticky;top:0;overflow:hidden;background:var(--paper)}.spatial-canvas{position:absolute;inset:0}.spatial-canvas canvas{width:100%;height:100%;display:block}.gallery-kicker{position:absolute;top:106px;left:4vw;font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:.1em}.gallery-heading{position:absolute;top:139px;left:4vw;font-size:clamp(48px,8.5vw,138px);line-height:.9;letter-spacing:-.075em;font-weight:500;margin:0;pointer-events:none;max-width:70%;z-index:1}.gallery-heading em{font:italic 1.06em Georgia,serif;color:var(--accent);letter-spacing:-.07em}.gallery-copy{position:absolute;left:4vw;bottom:105px;width:min(380px,35vw);z-index:2}.gallery-category{font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}.gallery-copy h2{font-size:clamp(32px,4vw,62px);line-height:1.02;letter-spacing:-.06em;margin:15px 0}.gallery-copy p{font-size:15px;line-height:1.65;max-width:35ch;color:var(--muted);margin:0 0 22px}.gallery-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}.gallery-link:hover{color:var(--accent);border-color:var(--accent)}.gallery-meta{position:absolute;right:4vw;top:106px;text-align:right;font:11px/1.7 monospace;letter-spacing:.04em}.gallery-bottom{position:absolute;left:4vw;right:4vw;bottom:25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;font:10px/1.4 monospace;letter-spacing:.06em}.gallery-jumps{display:flex;gap:7px}.gallery-jumps button{border:1px solid var(--line);background:none;color:var(--ink);border-radius:50%;height:34px;width:34px;font:10px monospace;cursor:pointer}.gallery-jumps button[aria-current=true]{background:var(--ink);color:var(--paper)}.gallery-next{border:0;background:none;color:var(--ink);cursor:pointer;font:inherit}.gallery-side{position:absolute;right:4vw;bottom:125px;font:10px/1.8 monospace;text-align:right;color:var(--muted)}.gallery-fallback{position:absolute;width:46%;height:48%;right:8%;top:26%;object-fit:contain;filter:drop-shadow(0 25px 20px #0002)}.gallery-ready .gallery-fallback{display:none}.palette-button{cursor:pointer}.spatial-footer{padding:100px 4vw;background:var(--ink);color:var(--paper)}.spatial-footer .footer-eyebrow{font:11px monospace;letter-spacing:.08em;text-transform:uppercase}.spatial-footer h2{font-size:clamp(48px,7vw,110px);font-weight:400;letter-spacing:-.06em;line-height:1.04;max-width:900px;margin:35px 0 50px}.spatial-footer h2 em{font-family:Georgia,serif;font-weight:400}.spatial-footer-links{display:flex;gap:30px;flex-wrap:wrap}.spatial-footer a{color:inherit;text-underline-offset:8px;font-size:14px}.archive{padding:80px 4vw}.archive h2{font-size:15px;font-weight:400;margin-bottom:35px}.archive a{display:grid;grid-template-columns:55px 1fr 160px 30px;gap:15px;padding:26px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);align-items:center}.archive strong{font-size:clamp(23px,3vw,44px);font-weight:400;letter-spacing:-.05em}.archive span{font:11px monospace}.archive a:hover strong{color:var(--accent)}
/* A quiet common language for the detailed pages. */
body:not(.spatial-body) h1,body:not(.spatial-body) h2,body:not(.spatial-body) h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.045em}body:not(.spatial-body) h1{font-weight:400;font-size:clamp(48px,7vw,105px)}body:not(.spatial-body) .chapter-page{padding-top:150px}body:not(.spatial-body) .section-number,body:not(.spatial-body) .eyebrow{color:var(--accent)}body:not(.spatial-body) .section,body:not(.spatial-body) .why-section{background:transparent}body:not(.spatial-body) .chapter-footer{border-color:var(--line)}body:not(.spatial-body) .project-card{border-radius:0;box-shadow:none}body:not(.spatial-body) .page-lead{max-width:650px;color:var(--muted)}
.gallery-copy h2{font-weight:400}.gallery-intro .gallery-copy h2{display:none}.gallery-intro .gallery-category{display:block;margin-bottom:14px}.gallery-heading{font-weight:400}.chapter-brand{display:flex;align-items:center}.chapter-tools button:hover{background:var(--ink);color:var(--paper)}.chapter-menu nav span,.chapter-menu nav a:hover strong,.chapter-menu nav a[aria-current] strong{color:var(--accent)}.chapter-menu nav a{padding:15px 0}.chapter-menu nav strong{font-size:clamp(22px,2.6vw,35px)}.gallery-static .spatial-scroll{height:100svh}.gallery-static .gallery-next{display:none}
.chapter-brand{white-space:nowrap}.chapter-tools button{white-space:nowrap}.gallery-heading{pointer-events:none}.gallery-copy{background:var(--paper);box-shadow:0 0 28px 15px var(--paper)}.gallery-intro .gallery-copy{box-shadow:none;background:none}@media(max-width:650px){.chapter-brand{font-size:12px}.chapter-tools{gap:4px}.chapter-tools button{padding:8px 6px}.gallery-heading{font-size:13vw}.gallery-intro .gallery-copy{bottom:95px}}
@media(min-width:1300px){.gallery-copy{bottom:15vh}.gallery-side{bottom:15vh}}
@media(max-width:650px){.chapter-bar{padding:14px 5vw}.chapter-brand{font-size:14px}.chapter-brand:before{width:30px;height:30px;margin-right:7px}.chapter-tools{gap:15px}.chapter-tools>a{display:none}.chapter-tools button{font-size:10px}.gallery-kicker{top:88px;left:5vw;font-size:9px}.gallery-meta{top:88px;right:5vw;font-size:9px}.gallery-heading{top:119px;left:5vw;font-size:15vw;max-width:95%}.gallery-copy{left:5vw;bottom:95px;width:82vw}.gallery-copy h2{font-size:35px;margin:8px 0}.gallery-copy p{font-size:13px;line-height:1.45;max-width:40ch;margin-bottom:14px}.gallery-category{font-size:9px}.gallery-link{font-size:12px;padding-bottom:6px}.gallery-side{display:none}.gallery-bottom{left:5vw;right:5vw;bottom:20px;padding-top:12px}.gallery-bottom>span{display:none}.gallery-jumps{gap:6px}.gallery-jumps button{width:29px;height:29px}.gallery-fallback{width:78%;right:11%;top:25%;height:35%}.archive{padding:55px 5vw}.archive a{grid-template-columns:25px 1fr 15px}.archive a span:nth-of-type(2){display:none}.spatial-footer{padding:65px 5vw}.spatial-footer-links{gap:22px}.chapter-menu nav strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}