.zen-home{--ink: rgb(var(--color-text-base));--paper: rgb(var(--color-fill));--accent: rgb(var(--color-accent));--muted: rgba(var(--color-text-base), .62);width:100%}html.panel-open{overflow:hidden}.stage{position:relative;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:var(--paper)}#ink-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s ease;touch-action:pan-y}.stage.gl-ready #ink-canvas{opacity:1}.stage-fallback{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 74% 20%,rgba(var(--color-accent),.35) 0 4.5%,transparent 4.8%),radial-gradient(ellipse 60% 18% at 58% 52%,rgba(var(--color-text-base),.16),transparent 70%),radial-gradient(ellipse 40% 14% at 15% 56%,rgba(var(--color-text-base),.22),transparent 70%),linear-gradient(to bottom,transparent 63.6%,rgba(var(--color-text-base),.12) 64%,transparent 75%),var(--paper)}.stage.gl-ready .stage-fallback{display:none}.topbar{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1rem,4vw,3rem)}.mark{display:inline-flex;align-items:center;gap:.6rem;font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;color:var(--ink)}.mark .enso{width:1.9rem;height:1.9rem;fill:none;stroke:var(--accent);stroke-width:3.2;stroke-linecap:round}.topbar nav{display:flex;align-items:center;gap:clamp(.5rem,2vw,1.6rem);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.topbar nav a,.topbar nav button{color:var(--ink);opacity:.8;transition:opacity .2s,color .2s}.topbar nav a:hover,.topbar nav button:hover{opacity:1;color:var(--accent)}.topbar .icon-link svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.intro{position:absolute;z-index:4;left:clamp(1rem,7vw,7rem);top:clamp(5rem,11vh,8rem);max-width:min(28rem,calc(100% - 2rem));pointer-events:none;color:var(--ink)}.eyebrow{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem}.intro h1{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(2.4rem,5vw,4rem);line-height:1.02;letter-spacing:-.01em}.intro .lede{margin-top:1.1rem;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6;color:var(--muted);max-width:26rem}.brush{display:block;width:7rem;height:5px;margin:1.2rem 0 .8rem;border-radius:999px;background:linear-gradient(90deg,var(--accent),rgba(var(--color-accent),.05));clip-path:polygon(0 40%,8% 0,100% 35%,96% 70%,10% 100%)}.birds{position:absolute;z-index:3;top:16%;left:52%;width:clamp(90px,12vw,170px);fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;opacity:.7;pointer-events:none;will-change:translate}@media(prefers-reduced-motion:no-preference){.stage:not(.gl-ready) .birds{animation:birds 60s linear infinite}.stage:not(.gl-ready) .hs-ring svg{animation:enso 14s linear infinite}.stage:not(.gl-ready) .pulse{animation:pulse 3.2s ease-out infinite}.stage:not(.gl-ready) .is-dark .pulse{animation-duration:5s}.stage:not(.gl-ready) .scroll-cue span{animation:drip 2.8s ease-in-out infinite}}@keyframes birds{0%{transform:translate(-30vw,3vh)}to{transform:translate(45vw,-6vh)}}.hotspot{position:absolute;z-index:6;transform:translate(-50%,50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--ink);cursor:pointer;border-radius:999px;padding:.25rem}.hotspot .hs-ring{position:relative;width:44px;height:44px;display:grid;place-items:center}.hotspot .hs-ring svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;opacity:.8;will-change:transform;transition:transform .5s ease}.hotspot .dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--accent)}.hotspot .pulse{position:absolute;inset:0;border-radius:50%;background:currentColor;color:rgba(var(--color-accent),.5);opacity:0;will-change:transform,opacity}.hotspot .label{display:flex;align-items:baseline;gap:.45rem;white-space:nowrap;font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:600;padding:.1rem .6rem;border-radius:999px;background:rgba(var(--color-fill),.78);transition:background .3s,color .3s}.hotspot .num,.p-card .num{font-size:.8rem;letter-spacing:.15em;color:var(--accent)}.hotspot:hover .hs-ring svg,.hotspot:focus-visible .hs-ring svg{transform:scale(1.25);stroke-width:3}.hotspot:hover .label,.hotspot:focus-visible .label{background:rgba(var(--color-fill),.92);color:var(--accent)}.hotspot:focus-visible{outline:2px dashed var(--accent);outline-offset:4px}.hotspot.is-dark .hs-ring svg{stroke:var(--ink);stroke-dasharray:3 5}.hotspot.is-dark .dot{background:var(--ink)}@keyframes enso{to{transform:rotate(360deg)}}.hotspot:hover .hs-ring svg{animation-play-state:paused}@keyframes pulse{0%{transform:scale(1);opacity:1}70%,to{transform:scale(4.5);opacity:0}}.hint{position:absolute;z-index:4;left:50%;bottom:1.5rem;transform:translate(-50%);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:opacity 1.2s ease;pointer-events:none}.hint.gone{opacity:0}.scroll-cue{position:absolute;z-index:4;left:clamp(1rem,4vw,3rem);bottom:1rem;width:1px;height:3rem;transform:translate(-50%);overflow:hidden}.scroll-cue span{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,var(--ink));transform:translateY(-100%);will-change:transform}@keyframes drip{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.perspectives,.writing{max-width:78rem;margin:0 auto;padding:clamp(4rem,10vw,8rem) clamp(1rem,4vw,2rem) 0}.section-head{max-width:36rem;margin-bottom:2.5rem}.section-head h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.section-head p:not(.eyebrow){margin-top:.8rem;color:var(--muted);line-height:1.65}.p-list{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(var(--color-text-base),.12);border:1px solid rgba(var(--color-text-base),.12)}@media(min-width:640px){.p-list{grid-template-columns:repeat(2,1fr)}.p-list li:last-child{grid-column:span 2}}@media(min-width:1100px){.p-list{grid-template-columns:repeat(5,1fr)}.p-list li:last-child{grid-column:auto}}.p-card{display:flex;gap:1rem;width:100%;height:100%;text-align:left;padding:1.8rem 1.6rem;background:var(--paper);color:var(--ink);transition:background .3s}.p-card:hover,.p-card:focus-visible{background:rgba(var(--color-accent),.07)}.p-body{display:flex;flex-direction:column;gap:.55rem}.p-title{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;line-height:1.15}.p-summary{color:var(--muted);line-height:1.6;font-size:.98rem}.p-landmark{margin-top:auto;padding-top:.6rem;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.p-list li.is-dark .p-card{background:rgb(var(--color-text-base));color:rgb(var(--color-fill))}.p-list li.is-dark .p-summary{color:rgba(var(--color-fill),.7)}.w-list{border-top:1px solid rgba(var(--color-text-base),.14)}.w-list a{display:grid;grid-template-columns:9rem 1fr;gap:.3rem 2rem;padding:1.5rem 0;border-bottom:1px solid rgba(var(--color-text-base),.14);color:var(--ink)}.w-list time{grid-row:span 2;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);padding-top:.45rem}.w-title{font-family:Cormorant Garamond,serif;font-size:1.45rem;font-weight:600;line-height:1.2;transition:color .2s}.w-list a:hover .w-title{color:var(--accent)}.w-desc{color:var(--muted);line-height:1.6;font-size:.95rem}.all-link{display:inline-block;margin:2rem 0 5rem;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}@media(max-width:640px){.w-list a{grid-template-columns:1fr}.w-list time{grid-row:auto;padding:0}.topbar nav a:not(.icon-link):not([href^="#"]){display:none}.topbar nav{letter-spacing:.1em}.mark{font-size:1.15rem}.hotspot .label{font-size:.85rem}.hotspot .num,.hint,.birds{display:none}}.panel-scrim{position:fixed;inset:0;z-index:40;background:rgba(var(--color-text-base),.12);backdrop-filter:blur(2px);opacity:0;transition:opacity .45s ease}.panel-scrim.open{opacity:1}.panel{--ink: rgb(var(--color-text-base));--paper: rgb(var(--color-fill));--accent: rgb(var(--color-accent));--muted: rgba(var(--color-text-base), .66);position:fixed;z-index:50;top:0;right:0;height:100%;width:min(36rem,100%);overflow-y:auto;overscroll-behavior:contain;padding:clamp(3.5rem,8vh,5rem) clamp(1.25rem,4vw,3.25rem) 3rem;background:var(--paper);color:var(--ink);box-shadow:-30px 0 60px -30px #0a1e3c59;transform:translate(104%);transition:transform .55s cubic-bezier(.2,.7,.1,1)}.panel.open{transform:none}.panel.is-dark{--ink: rgb(222, 232, 245);--paper: rgb(9, 19, 36);--accent: rgb(122, 170, 230);--muted: rgba(222, 232, 245, .66)}.panel-close{position:absolute;top:1.1rem;right:1.1rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;color:var(--ink);transition:background .2s}.panel-close:hover{background:#7f96b426}.panel-close svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:1.5}.panel-article h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(2.3rem,5vw,3.2rem);line-height:1.05}.panel-summary{margin-top:1rem;font-size:1.15rem;font-style:italic;line-height:1.55;color:var(--muted)}.panel-prose{font-size:1.05rem;line-height:1.75}.panel-prose>*+*{margin-top:1.05rem}.panel-prose h2{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:600;margin-top:2rem}.panel-prose ul{padding-left:1.1rem;list-style:none}.panel-prose li{position:relative;margin-top:.6rem}.panel-prose li:before{content:"";position:absolute;left:-1.1rem;top:.75em;width:.5rem;height:2px;background:var(--accent)}.panel-prose a,.related a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.panel-prose strong{font-weight:600}.related{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(127,150,180,.3)}.related li{margin-top:.55rem;line-height:1.5}.panel-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase}.panel-nav button{color:var(--muted);text-align:left;transition:color .2s}.panel-nav button:last-child{text-align:right}.panel-nav button:hover{color:var(--accent)}@media(prefers-reduced-motion:reduce){.hotspot .hs-ring svg,.hotspot .pulse,.birds,.scroll-cue span{animation:none}.panel,.panel-scrim{transition:none}}
