:root{--bg:oklch(0.17 0.04 250);--surface:oklch(0.24 0.05 248);--ink:oklch(0.96 0.01 245);--muted:oklch(0.77 0.03 245);--accent:oklch(0.72 0.17 210);--accent-2:oklch(0.81 0.17 85);--radius:0px;--max:1180px;--display:"Trebuchet MS",Verdana,sans-serif;--body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.65;overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}.skip{position:fixed;top:0;left:1rem;z-index:30;padding:.7rem 1rem;background:var(--accent);color:var(--bg);transform:translateY(-120%)}.skip:focus{transform:none}.site-header{min-height:72px;display:flex;align-items:center;gap:2rem;max-width:var(--max);margin:auto;padding:1rem 2rem;border-bottom:1px solid color-mix(in oklch,var(--ink),transparent 75%)}.brand{font:800 1.05rem/1 var(--display);text-decoration:none}.site-header nav{display:flex;gap:1.4rem;margin-left:auto}.site-header nav a{text-decoration:none;color:var(--muted)}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--ink)}.menu{display:none;margin-left:auto;border:1px solid currentColor;background:none;color:inherit;padding:.55rem .8rem;font:inherit}.hero{min-height:580px;max-width:var(--max);margin:auto;padding:clamp(3rem,8vw,8rem) 2rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(2rem,6vw,7rem)}.domain-mark,.section-label{font:700 .78rem/1.3 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}h1,h2,h3{font-family:var(--display);line-height:.98;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(3.2rem,9vw,6rem);margin:.25em 0}h2{font-size:clamp(2rem,5vw,4.3rem);margin:.2em 0 .55em}.lead{max-width:62ch;font-size:clamp(1.15rem,2vw,1.45rem);color:var(--muted)}.start{display:inline-flex;gap:.7rem;margin-top:1.2rem;padding:.8rem 0;text-decoration:none;border-bottom:2px solid var(--accent)}.hero-art{position:relative;min-height:390px;margin:0;border-radius:var(--radius);background:var(--surface);overflow:hidden;isolation:isolate}.hero-art span{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:var(--accent);right:-12%;top:-5%}.hero-art i{position:absolute;width:42%;height:72%;background:var(--accent-2);left:10%;bottom:-12%;transform:rotate(0deg)}.hero-art b{position:absolute;z-index:2;bottom:1rem;right:1.5rem;font:900 clamp(5rem,12vw,10rem)/1 var(--display);color:var(--bg);mix-blend-mode:soft-light}.hero-photo{background:#111}.hero-photo img{width:100%;height:100%;min-height:390px;object-fit:cover}.section{max-width:var(--max);margin:auto;padding:clamp(4rem,9vw,8rem) 2rem}.context{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem)}.prose{max-width:68ch;font-size:1.08rem}.observe{background:var(--surface);max-width:none;padding-inline:max(2rem,calc((100vw - var(--max))/2 + 2rem))}.lenses{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:color-mix(in oklch,var(--ink),transparent 70%)}.lenses li{background:var(--surface);padding:1.7rem}.lenses span{font:800 1.2rem var(--display);color:var(--accent)}.practice{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,8rem)}.steps article{padding:1.5rem 0;border-top:1px solid color-mix(in oklch,var(--ink),transparent 68%);display:grid;grid-template-columns:90px 150px 1fr;gap:1rem;align-items:start}.steps h3,.steps p{margin:0}.steps strong{color:var(--accent)}.field-note{max-width:none;background:var(--accent);color:var(--bg);text-align:center;padding-inline:max(2rem,calc((100vw - 900px)/2))}.field-note blockquote{font:700 clamp(1.8rem,4vw,3.6rem)/1.15 var(--display);margin:0}.field-note p{opacity:.72}.route{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem)}.route ul{list-style:none;padding:0}.route li{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid color-mix(in oklch,var(--ink),transparent 70%)}.route b{color:var(--accent)}footer{max-width:var(--max);margin:auto;padding:2rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid color-mix(in oklch,var(--ink),transparent 75%)}footer a{font-weight:700;color:var(--accent)}
html[data-layout="poster"] .hero,html[data-layout="signal"] .hero{grid-template-columns:.8fr 1.2fr}html[data-layout="poster"] .hero-art,html[data-layout="signal"] .hero-art{order:-1}html[data-layout="atlas"] .hero{align-items:end}html[data-layout="atlas"] .hero-art{clip-path:polygon(8% 0,100% 0,100% 92%,0 100%)}html[data-layout="specimen"] .hero{grid-template-columns:1fr}html[data-layout="specimen"] .hero-art{min-height:260px}html[data-layout="field"] .section{border-bottom:1px solid color-mix(in oklch,var(--ink),transparent 75%)}html[data-layout="observatory"] .hero{max-width:none;padding-inline:max(2rem,calc((100vw - var(--max))/2 + 2rem))}html[data-layout="workshop"] .hero-art{transform:rotate(-2deg)}html[data-layout="timeline"] .steps{border-left:3px solid var(--accent);padding-left:2rem}html[data-layout="index"] h1{font-size:clamp(3rem,12vw,6rem)}html[data-layout="panorama"] .hero{max-width:none;min-height:78vh}html[data-layout="notebook"] .hero-copy{border:1px solid color-mix(in oklch,var(--ink),transparent 55%);padding:clamp(1.5rem,4vw,3rem)}html[data-layout="gallery"] .hero-art{box-shadow:8px 8px 0 var(--accent)}html[data-layout="signal"] .domain-mark{color:var(--accent-2)}
:focus-visible{outline:3px solid var(--accent-2);outline-offset:4px}@media(max-width:760px){.site-header{padding:1rem}.menu{display:block}.site-header nav{display:none;position:absolute;z-index:20;top:64px;left:1rem;right:1rem;padding:1rem;background:var(--surface);flex-direction:column}.site-header nav.open{display:flex}.hero,.context,.practice,.route{grid-template-columns:1fr}.hero{padding-inline:1rem}.hero-art{min-height:270px}.hero-photo img{min-height:270px}.lenses{grid-template-columns:1fr 1fr}.steps article{grid-template-columns:75px 1fr}.steps article p{grid-column:1/-1}.section{padding-inline:1rem}footer{padding:1.5rem 1rem;flex-direction:column}}@media(max-width:430px){.lenses{grid-template-columns:1fr}h1{font-size:clamp(2.2rem,10vw,2.7rem);hyphens:auto;overflow-wrap:normal}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* layout-family: observatory; site-index: 81 */