:root{--bg:oklch(0.165 0.055 80);--surface:oklch(0.235 0.070 80);--ink:oklch(0.970 0.020 85);--muted:oklch(0.790 0.040 85);--accent:oklch(0.780 0.175 95);--accent-2:oklch(0.650 0.195 30);--display:Georgia,"Times New Roman",serif;--body:"Trebuchet MS",Arial,sans-serif;--radius:10px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:clamp(1rem,.25vw + .94rem,1.1rem);line-height:1.65;overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}.skip{position:fixed;left:1rem;top:0;z-index:30;padding:.7rem 1rem;background:var(--accent);color:var(--bg);transform:translateY(-120%)}.skip:focus{transform:none}.site-header{min-height:68px;max-width:var(--max);margin:auto;padding:.9rem clamp(1rem,4vw,2.5rem);display:flex;align-items:center;gap:2rem;border-bottom:1px solid color-mix(in oklch,var(--ink),transparent 72%)}.brand{font:900 1rem/1 var(--display);text-decoration:none}.site-header nav{display:flex;gap:1.5rem;margin-left:auto}.site-header nav a{text-decoration-thickness:1px;text-underline-offset:.35em;color:var(--muted)}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--ink)}.menu{display:none;margin-left:auto;padding:.55rem .8rem;border:1px solid currentColor;border-radius:var(--radius);background:transparent;color:inherit;font:inherit}
main>*,footer{max-width:var(--max);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.hero{min-height:680px;padding-block:clamp(3rem,8vw,8rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:clamp(2rem,6vw,7rem);align-items:center}.identity{margin:0 0 1.2rem;font:700 .82rem/1.3 Arial,sans-serif;color:var(--accent);letter-spacing:.04em}.hero h1,.entry h2,.facets h2,.practice h2{font-family:var(--display);text-wrap:balance;letter-spacing:-.03em}.hero h1{max-width:12ch;margin:0;font-size:clamp(3rem,8vw,6rem);line-height:.92}.lead{max-width:62ch;margin:1.7rem 0;color:var(--muted);font-size:clamp(1.08rem,1.4vw,1.35rem)}.jump{display:inline-flex;gap:.75rem;align-items:center;padding:.65rem 0;font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent)}
.visual{position:relative;min-height:440px;margin:0;border-radius:var(--radius);overflow:hidden;background:var(--surface);color:var(--accent)}.visual svg{position:absolute;inset:8%;width:84%;height:84%;fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.visual svg circle:nth-child(2),.visual svg rect:nth-child(2){fill:var(--accent-2);stroke:none}.visual figcaption{position:absolute;right:1rem;bottom:1rem;max-width:80%;font:700 .78rem/1.3 Arial,sans-serif;color:var(--ink)}.photo img{width:100%;height:100%;min-height:440px;object-fit:cover}
.entry{padding-block:clamp(4rem,10vw,9rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem)}.entry h2,.facets h2,.practice h2{margin:0;font-size:clamp(2.1rem,5vw,4.6rem);line-height:1}.entry-copy{max-width:68ch}.entry-copy p:first-child{margin-top:0;font-size:1.16em}.facets{padding-block:clamp(4rem,9vw,8rem)}.facets header{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:3rem}.facets header p{max-width:35ch;color:var(--muted)}.facets ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,3vw,3rem)}.facets li{padding:1.4rem 0;border-top:1px solid color-mix(in oklch,var(--ink),transparent 55%)}.facets li span{font:700 .8rem Arial,sans-serif;color:var(--accent)}.facets h3{margin:.7rem 0 .25rem;font:800 1.35rem/1.1 var(--display)}.facets li p{max-width:42ch;margin:.5rem 0;color:var(--muted)}
.practice{max-width:none;padding-block:clamp(4rem,8vw,7rem);padding-inline:max(1rem,calc((100vw - var(--max))/2 + 2.5rem));display:grid;grid-template-columns:.8fr 1.2fr auto;gap:clamp(1.5rem,5vw,5rem);align-items:end;background:var(--accent);color:var(--bg)}.practice-mark{font-weight:700}.practice h2{font-size:clamp(2rem,4vw,3.8rem)}.practice>p{max-width:58ch;margin:0}.practice a{font-weight:800;text-underline-offset:.3em}.note{max-width:900px;margin-block:clamp(3rem,9vw,8rem);padding:clamp(2rem,5vw,4rem);background:var(--surface);color:var(--ink);border-radius:var(--radius)}.note p{max-width:28ch;margin:0;font:700 clamp(1.7rem,4vw,3.3rem)/1.08 var(--display)}.note span{display:block;margin-top:2rem;color:var(--muted);font-size:.85rem}footer{padding-block:2rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid color-mix(in oklch,var(--ink),transparent 68%)}footer a{font-weight:800;color:var(--accent)}
html[data-composition="poster"] .hero{min-height:calc(100vh - 68px)}html[data-composition="index"] .facets{order:-1}html[data-composition="ribbon"] .note{max-width:none}html[data-composition="stage"] .practice{margin-top:0}html[data-composition="manual"] .entry{border-block:1px solid color-mix(in oklch,var(--ink),transparent 65%)}html[data-composition="panorama"] .hero{max-width:none;padding-inline:max(1rem,8vw)}html[data-composition="stack"] .entry{display:block}html[data-composition="stack"] .entry-copy{margin-top:2rem;margin-left:auto}
.visual{border-radius:0}.jump{border-bottom-color:var(--accent-2)}
/* art-direction: darkroom */
.site-header{max-width:820px}.hero,.entry,.facets,footer{max-width:820px}.hero{grid-template-columns:1fr!important}.hero .visual{order:-1;min-height:300px!important}.hero h1{max-width:100%}.entry{display:block!important}.entry-copy{margin:2rem 0 0!important}.facets ol{display:block}.facets li{display:grid!important;grid-template-columns:3rem 1fr 1.4fr;gap:1rem}.note{margin-left:auto;margin-right:max(1rem,8vw)}
/* composition-system: stack */
:focus-visible{outline:3px solid var(--accent-2);outline-offset:4px}@media(max-width:780px){.site-header{position:relative}.menu{display:block}.site-header nav{display:none;position:absolute;top:62px;left:1rem;right:1rem;z-index:20;padding:1rem;background:var(--surface);flex-direction:column}.site-header nav.open{display:flex}.hero,.entry,.practice{grid-template-columns:1fr}.hero{min-height:auto;padding-block:3.5rem}.hero-copy{display:block!important}.hero h1{writing-mode:horizontal-tb!important;max-height:none!important;font-size:clamp(2.5rem,13vw,4.4rem)}.visual{position:relative!important;inset:auto!important;order:0!important;min-height:300px!important;aspect-ratio:auto!important;opacity:1!important}.photo img{min-height:300px}.entry-copy{columns:1!important}.facets header{display:block}.facets ol{grid-template-columns:1fr!important}.facets li{display:block!important;transform:none!important;min-height:0!important}.practice{align-items:start}.note{margin-inline:1rem}footer{flex-direction:column}}@media(max-width:430px){.hero h1{font-size:clamp(2.2rem,12vw,3.2rem);hyphens:auto}.visual{min-height:250px!important}.facets h2,.entry h2,.practice h2{font-size:clamp(1.9rem,10vw,2.7rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* identity: darkroom; composition: stack; site-index: 84 */