/* Accepted Blog 01 and About 01 composition, scoped to these two indexes. */
.site-spatial-index{--spatial-gutter:clamp(24px,5.8vw,92px);--spatial-hero-min:clamp(650px,55.5vw,850px);--spatial-travel:clamp(260px,37svh,370px);--body:#c6c5c0;--meta:#a0a19c;--line:#e1e0d92a}
:root[data-theme=day] .site-spatial-index{--text:#252822;--body:#4c4e47;--meta:#696c64;--line:#25282224}
:root[data-theme] body.site-spatial-index{background:var(--bg)}
.site-spatial-index .site-header{position:fixed;inset:0 0 auto;background:var(--bg)}
.site-spatial-index .site-header__inner{padding-inline:var(--spatial-gutter)}
.spatial-track{position:relative}
[data-spatial-story].is-enhanced:not([data-mode=static]) .spatial-track{height:calc(var(--spatial-hero-height,var(--spatial-hero-min)) + var(--spatial-travel))}
.spatial-hero{position:relative;min-height:var(--spatial-hero-min);overflow:hidden;display:flow-root}
[data-spatial-story].is-enhanced:not([data-mode=static]) .spatial-hero{position:sticky;top:0}
.spatial-hero-copy{position:relative;z-index:2;padding:clamp(141px,12.8vw,196px) 0 45px;margin-left:var(--spatial-gutter);width:44%;max-width:670px}
.site-spatial-index .spatial-eyebrow{font:10px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--meta);margin:0 0 25px}
.site-spatial-index h1,.site-spatial-index h2,.site-spatial-index h3{font-family:var(--display);font-weight:300;text-wrap:initial;color:var(--text)}
.site-spatial-index p{text-wrap:initial}
.site-spatial-index h1{font-size:clamp(54px,6.5vw,94px);line-height:1.045;letter-spacing:-.065em;margin:0 0 31px}
.site-spatial-index[data-spatial-page=about] h1{font-size:clamp(47px,4.55vw,69px)}
.spatial-body{font-size:clamp(15px,1.33vw,19px);line-height:1.55;color:var(--body)}
.spatial-hero-copy .spatial-body{max-width:490px;margin:0}
.spatial-hero-links{display:flex;gap:45px;flex-wrap:wrap;margin-top:23px}
.site-spatial-index .spatial-link{display:inline-flex;align-items:center;gap:11px;min-height:44px;color:var(--signal);font-size:clamp(15px,1.38vw,20px);line-height:1.4;text-decoration:none;text-align:left}
.spatial-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.1;flex:none}
.spatial-link:hover svg{transform:translate(2px,1px)}
.spatial-scene{position:absolute;pointer-events:none;overflow:hidden}
.spatial-scene canvas{width:100%;height:100%;display:block}
.spatial-hero .spatial-scene{right:0;top:max(92px,var(--header-height,88px));width:50%;height:calc(100% - 141px)}
.spatial-poster{width:100%;height:100%;object-fit:contain;display:block}
.spatial-poster--day,:root[data-theme=day] .spatial-poster--night{display:none}
:root[data-theme=day] .spatial-poster--day{display:block}
.spatial-scene[data-state=ready] .spatial-poster,.spatial-scene:not([data-state=ready]) canvas{display:none}
@media(scripting:enabled){.spatial-scene:not([data-state=fallback]) .spatial-poster{visibility:hidden}}
.spatial-section{margin:0 var(--spatial-gutter);padding:49px 0 55px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-height,88px) + 25px)}
.site-spatial-index h2{font-size:clamp(35px,4vw,58px);letter-spacing:-.055em;line-height:1.08;margin:0 0 18px}
.spatial-section-intro{margin:0 0 41px;font-size:clamp(15px,1.45vw,20px);line-height:1.5;color:var(--body)}
.spatial-articles{border-top:1px solid var(--line)}
.spatial-article{display:grid;grid-template-columns:56% 1fr;gap:6%;padding:43px 0 42px;border-bottom:1px solid var(--line)}
.spatial-meta{color:var(--meta);font-size:11px;letter-spacing:.05em;line-height:1.6;margin:0 0 14px}
.site-spatial-index .spatial-article h3{font-size:clamp(28px,3.55vw,48px);line-height:1.13;letter-spacing:-.05em;margin:0;max-width:710px}
.spatial-article h3 a{text-decoration:none}.spatial-article h3 a:hover{color:var(--signal)}
.spatial-article .spatial-body{font-size:clamp(14px,1.38vw,18px);margin:0 0 18px;max-width:485px}
.site-spatial-index .spatial-article .spatial-link{font-size:18px}
.spatial-journal{position:relative;min-height:325px;border-top:0;padding-top:47px}
.spatial-journal .spatial-section-intro{max-width:49%;margin:0}
.spatial-journal .spatial-scene{right:calc(-1 * var(--spatial-gutter));width:46%;height:240px;top:0}
.spatial-about-section{display:grid;grid-template-columns:49% 1fr;gap:7%;padding-top:49px;padding-bottom:52px}
.spatial-number{font-size:12px;letter-spacing:.04em;margin:0 0 14px;color:var(--meta)}
.site-spatial-index .spatial-about-section h2{font-size:clamp(30px,3.25vw,48px);max-width:640px}
.spatial-about-section .spatial-body{font-size:clamp(14px,1.28vw,18px)}
.spatial-about-section p{margin-top:0}.spatial-about-section .spatial-body p{margin-bottom:18px}.spatial-about-section .spatial-body p:last-child{margin-bottom:0}
.spatial-about-final{display:block;position:relative;min-height:520px}
.spatial-final-copy{max-width:46%;position:relative;z-index:2}
.site-spatial-index .spatial-about-final h2{font-size:clamp(30px,3.5vw,49px)}
.spatial-about-final .spatial-body{margin:25px 0 20px}
.spatial-about-final .spatial-scene{right:0;top:21px;width:48%;height:460px}
.site-spatial-index .site-footer{padding-bottom:132px}
.spatial-chapters{position:fixed;z-index:25;left:0;right:0;bottom:0;background:var(--bg);padding:9px var(--spatial-gutter) calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:33px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;font-size:11px;white-space:nowrap}
.spatial-chapters::-webkit-scrollbar{display:none}
.spatial-chapters a{display:flex;align-items:center;min-height:39px;position:relative;color:var(--meta);flex-shrink:0;text-decoration:none}
.spatial-chapters a[aria-current]{color:var(--signal)}
.spatial-chapters a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:var(--signal)}
.spatial-progress,.spatial-scrubber{display:none}
.site-spatial-index:has(.is-enhanced:not([data-mode=static])) .spatial-progress{display:block;position:fixed;bottom:0;left:0;right:0;height:2px;background:var(--line);z-index:35}
.spatial-progress div{height:100%;background:var(--signal);transform:scaleX(0);transform-origin:left}
.site-spatial-index:has(.is-enhanced:not([data-mode=static])) .spatial-scrubber{display:block;appearance:none;-webkit-appearance:none;position:fixed;left:0;bottom:0;width:100%;height:12px;padding:0;margin:0;background:transparent;z-index:36;cursor:ew-resize;outline-offset:-3px}
.spatial-scrubber::-webkit-slider-runnable-track{height:2px;background:none}
.spatial-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:var(--signal);margin-top:-3.5px;opacity:0}
.spatial-scrubber:focus-visible::-webkit-slider-thumb,.spatial-scrubber:hover::-webkit-slider-thumb{opacity:1}
@media(max-width:1100px) and (min-width:701px){
 .spatial-hero-copy{width:45%;padding-top:145px}.site-spatial-index h1{font-size:65px}.site-spatial-index[data-spatial-page=about] h1{font-size:45px}.spatial-hero-copy .spatial-body{font-size:14px}
 .spatial-hero .spatial-scene{width:49%;top:112px;height:calc(100% - 170px)}.spatial-hero-links{gap:24px}.site-spatial-index .spatial-link{font-size:15px}.spatial-about-section{gap:5%}
 .site-spatial-index .spatial-about-section h2,.site-spatial-index .spatial-article h3{font-size:32px}.spatial-article{gap:5%;grid-template-columns:53% 1fr}.spatial-about-final .spatial-scene{height:410px}
}
@media(max-width:700px){
 .site-spatial-index{--spatial-gutter:24px;--spatial-hero-min:740px;--spatial-travel:245px;--spatial-scene-height:292px;--spatial-copy-gap:18px}
 .site-spatial-index[data-spatial-page=about]{--spatial-hero-min:870px}
 .spatial-hero .spatial-scene{left:0;right:0;top:calc(var(--header-height,77px) + 11px);width:100%;height:var(--spatial-scene-height)}
 .spatial-hero-copy{padding:calc(var(--header-height,77px) + 11px + var(--spatial-scene-height) + var(--spatial-copy-gap)) 0 35px;margin-left:var(--spatial-gutter);width:calc(100% - 2 * var(--spatial-gutter));max-width:600px}
 .site-spatial-index .spatial-eyebrow{font-size:9px;margin-bottom:19px}
 .site-spatial-index h1{font-size:49px;line-height:1.045;margin-bottom:23px}.site-spatial-index[data-spatial-page=about] h1{font-size:42px;max-width:430px}
 .spatial-hero-copy .spatial-body{font-size:14px;line-height:1.58;max-width:500px}.spatial-hero-links{margin-top:16px;gap:29px}.site-spatial-index .spatial-link{font-size:15px}
 .spatial-section{padding-top:33px;padding-bottom:36px}.site-spatial-index h2{font-size:37px}.spatial-section-intro{font-size:15px;margin-bottom:27px}
 .spatial-article{grid-template-columns:1fr;gap:17px;padding:27px 0 30px}.site-spatial-index .spatial-article h3{font-size:31px}.spatial-meta{font-size:10px;margin-bottom:12px}
 .spatial-article .spatial-body{font-size:14px;margin-bottom:8px}.site-spatial-index .spatial-article .spatial-link{font-size:15px}
 .spatial-journal{min-height:315px}.spatial-journal .spatial-section-intro{max-width:85%}.spatial-journal .spatial-scene{top:104px;right:calc(-1 * var(--spatial-gutter));width:77%;height:185px}
 .spatial-about-section{grid-template-columns:1fr;gap:8px}.site-spatial-index .spatial-about-section h2{font-size:34px;margin-bottom:11px}.spatial-number{font-size:10px;margin-bottom:11px}.spatial-about-section .spatial-body{font-size:14px}
 .spatial-about-final{min-height:850px;padding-bottom:325px}.spatial-final-copy{max-width:none}.spatial-about-final .spatial-scene{width:100%;height:310px;top:auto;bottom:16px}
 .site-spatial-index .spatial-about-final h2{font-size:34px}.spatial-about-final .spatial-body{margin-top:20px}
 .spatial-chapters{gap:26px;font-size:10px}.spatial-chapters a{min-height:36px}
}
@media(max-width:360px){.site-spatial-index{--spatial-gutter:20px;--spatial-hero-min:750px;--spatial-scene-height:266px;--spatial-copy-gap:13px}.site-spatial-index[data-spatial-page=about]{--spatial-hero-min:880px}.site-spatial-index h1{font-size:43px}.site-spatial-index[data-spatial-page=about] h1{font-size:38px}.spatial-hero-copy .spatial-body{font-size:13px}.spatial-chapters{gap:22px}.site-spatial-index .spatial-article h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.site-spatial-index *{scroll-behavior:auto!important;transition:none!important}}