/* 9D Open Physical Index — Coordinate Edition, 2026-10-18.
   Visual override only: identity data, filters, and app behaviour remain unchanged. */
:root{--paper:#fafaf8;--ink:#191919;--axis:#d7d7d3;--muted:#757575}
html{scroll-behavior:smooth}
body{background:var(--paper);overflow-x:hidden}
:focus-visible{outline:2px solid #222;outline-offset:4px}
.site-header{height:142px;max-width:1260px;margin:auto;padding:20px 34px 25px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e0e0dc;isolation:isolate}
.site-header:before{content:"";position:absolute;z-index:-1;left:34px;right:34px;top:85px;height:1px;background:var(--axis)}
.site-header:after{content:"";position:absolute;z-index:-1;left:62px;top:0;bottom:0;width:1px;background:var(--axis)}
.brand-small{text-decoration:none;color:var(--ink);font-size:27px;font-weight:800;letter-spacing:-.09em;line-height:1;padding:17px 10px 8px 0}
.brand-lockup{position:relative;height:94px;display:flex;align-items:center;gap:22px;padding:0 10px 0 32px}
.brand-lockup:before{content:"";position:absolute;left:23px;top:6px;width:104px;height:104px;border:1px solid #deded9;border-radius:50%;pointer-events:none}
.brand-lockup:after{content:"";position:absolute;left:76px;top:-20px;width:1px;height:141px;background:#deded9;pointer-events:none}
.brand-large{font-size:63px;font-weight:900;line-height:1;letter-spacing:-.115em;position:relative;z-index:1;color:#111}
.brand-tag{font-size:11px!important;letter-spacing:.25em!important;color:#555!important;white-space:nowrap;position:relative;z-index:1}
.axis-point{position:absolute;display:block;width:6px;height:6px;background:#777;top:82px;z-index:1}
.axis-point.p1{right:365px}.axis-point.p2{right:24px}
.site-header .axis-ring{position:absolute;z-index:1;left:187px;top:81px;width:9px;height:9px;border:1px solid #888;border-radius:50%;background:var(--paper)}
.wrap{max-width:1220px;padding:58px 34px 75px}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,550px);gap:52px;min-height:585px;padding:10px 0 56px;position:relative}
.hero:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:linear-gradient(var(--axis),var(--axis)) no-repeat center 74%;background-size:1px 24%;pointer-events:none}
.eyebrow{font-size:11px;letter-spacing:.27em;color:#777}
h1{font-weight:500;letter-spacing:-.075em;font-size:clamp(43px,4.8vw,68px);line-height:1.07;margin:22px 0 29px}
.intro{font-size:17px;line-height:1.75;max-width:490px}
.hero .note{margin-top:28px;font-size:13px}
.diagram{width:100%;max-width:550px;margin-left:auto;aspect-ratio:1;isolation:isolate;overflow:visible}
.diagram:before{content:"";position:absolute;z-index:0;pointer-events:none;inset:-8px;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--axis) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),var(--axis) 50%,transparent calc(50% + .5px));opacity:.88}
.diagram:after{content:"";position:absolute;z-index:0;pointer-events:none;inset:0;background:linear-gradient(90deg,transparent calc(15% - .5px),#e4e4e1 15%,transparent calc(15% + .5px)),linear-gradient(90deg,transparent calc(85% - .5px),#e4e4e1 85%,transparent calc(85% + .5px)),linear-gradient(0deg,transparent calc(15% - .5px),#e4e4e1 15%,transparent calc(15% + .5px)),linear-gradient(0deg,transparent calc(85% - .5px),#e4e4e1 85%,transparent calc(85% + .5px));opacity:.46}
.tile{z-index:1;border:1.5px solid #262626;background:var(--paper);font-size:11px;letter-spacing:.075em;padding:13px;transition:background .15s,color .15s}
.tile:focus-visible,.circle:focus-visible{outline:2px solid #333;outline-offset:3px}
.circle{z-index:3;border:2px solid #222;background:var(--paper);font-size:15px;line-height:1.6;letter-spacing:0}
.circle small{font-size:11px;letter-spacing:.075em}
.sectionhead{padding-top:26px}.sectionhead span{font-variant-numeric:tabular-nums}
.search{margin-top:27px}.search input{border-radius:0}.search button{min-width:118px}
.card{transition:border-color .15s;background:#fff}.card:hover,.card:focus-visible{border-color:#141414}
footer{max-width:1220px;margin:auto}
@media(max-width:1000px){.site-header{height:125px}.wrap{padding:45px 28px 65px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:28px;min-height:480px}.diagram{max-width:470px}h1{font-size:clamp(38px,4.9vw,60px)}.intro{font-size:15px}.tile{font-size:10px}.brand-large{font-size:57px}}
@media(max-width:750px){.site-header{height:101px;padding:16px 20px 10px}.site-header:before{left:20px;right:20px;top:73px}.site-header:after{left:37px}.brand-small{font-size:25px;padding-top:12px}.brand-lockup{height:68px;gap:10px;padding:0 4px 0 12px}.brand-large{font-size:43px}.brand-tag{font-size:8px!important;letter-spacing:.15em!important}.brand-lockup:before{left:4px;top:3px;width:71px;height:71px}.brand-lockup:after{left:40px;top:-12px;height:96px}.axis-point{top:70px;width:4px;height:4px}.axis-point.p1{right:233px}.axis-point.p2{right:20px}.site-header .axis-ring{left:87px;top:69px;width:8px;height:8px}.wrap{padding:40px 20px 52px}.hero{grid-template-columns:1fr;gap:33px;min-height:0;padding:12px 0 46px}.hero:before{display:none}.eyebrow{font-size:10px}h1{font-size:clamp(42px,10vw,62px);margin:18px 0 19px}.intro{font-size:15px;line-height:1.7}.hero .note{margin-top:20px}.diagram{margin:0 auto;max-width:470px;width:min(100%,470px)}.tile{font-size:clamp(8px,2.35vw,11px);padding:9px;border-width:1.25px}.circle{border-width:1.6px;font-size:clamp(10px,3.2vw,15px)}.circle small{font-size:clamp(8px,2.25vw,11px)}.sectionhead{gap:12px;align-items:start}.sectionhead h2{font-size:26px}.sectionhead span{text-align:right;font-size:11px}.search button{min-width:86px;padding:0 13px}.search input{padding:15px 12px}.cards{grid-template-columns:1fr}.detail dl{grid-template-columns:1fr}footer{padding:24px 20px;line-height:1.7}}
@media(max-width:350px){.brand-tag{font-size:7px!important;letter-spacing:.1em!important}.brand-lockup{gap:6px}.brand-large{font-size:39px}.tile{padding:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile,.card{transition:none}}