:root{--paper:#fff;--ink:#101210;--quiet:#73736d;--line:#cfcdc7;--bar:70px;--ease:cubic-bezier(.22,.75,.2,1);--gutter:4.8vw;--motion:640ms}
*,*::before,*::after{box-sizing:border-box}body,h1,h2,p,figure{margin:0}html{scrollbar-gutter:stable}body{background:var(--paper);color:var(--ink);font-family:'Space Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}a,summary,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:#e0a5c9;color:#101210}
.skip{position:fixed;top:12px;left:12px;z-index:10;padding:12px;background:#fff;transform:translateY(-200%)}.skip:focus{transform:none}
.page{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,54fr);gap:6%;min-height:calc(100svh - var(--bar));padding:6.2vh var(--gutter) 4.6vh}
.left-rail{display:flex;flex-direction:column;gap:70px;min-width:0}.work{display:flex;flex-direction:column;gap:clamp(14px,1.6vh,22px)}.project{min-width:0;scroll-margin-top:32px}.project>summary{list-style:none;cursor:pointer;position:relative;width:fit-content;max-width:100%;transform-origin:left center;transition:color 240ms ease,transform 420ms var(--ease)}summary::-webkit-details-marker{display:none}.work-title{display:block;font-size:clamp(2rem,3.25vw,4.55rem);font-weight:700;line-height:.86;letter-spacing:-.065em;text-transform:uppercase}.work-desc{display:block;margin:.5rem 0 0 .15rem;font-family:'JetBrains Mono',monospace;font-size:.875rem;line-height:1.35;letter-spacing:.05em;text-transform:uppercase;color:var(--quiet)}.project[open]>summary{color:#62645f}.project-copy{padding:28px 0 34px;max-width:38rem;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.6}.project-copy p+p{margin-top:1em}.project-copy .practical{margin-top:1.5em;font-family:'JetBrains Mono',monospace;font-size:.875rem;color:var(--quiet)}.onward{display:block;width:fit-content;margin-top:1.2em;font-family:'JetBrains Mono',monospace;font-size:.875rem;line-height:1.65;text-decoration:underline;text-underline-offset:5px}.onward:hover{color:#666}.beings-logo{width:125px;height:auto;margin:0 0 20px}
.name-home{margin-top:auto;font-weight:700}.wordmark{display:block;width:fit-content}.wordmark-name{display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(1.7rem,2.85vw,3.9rem);line-height:.71;letter-spacing:-.06em;text-transform:uppercase;transition:color 240ms ease}.wordmark-name .ooi{margin-top:.46em}.wordmark:hover{color:#8a8983}
.has-feature .name-home{margin-top:clamp(56px,8vh,90px);position:sticky;top:30px;align-self:flex-start}
.right-rail{min-width:0;display:flex;flex-direction:column}.dateline{text-align:right;font-size:clamp(1rem,1.55vw,1.75rem);font-weight:700;line-height:1;letter-spacing:-.035em;text-transform:uppercase}.visual-stack{margin-top:11.5vh;margin-right:1.6vw}.transmission{display:block;width:100%;margin-left:0;aspect-ratio:3749/2500;transition:width var(--motion) var(--ease),margin var(--motion) var(--ease);cursor:pointer}.transmission img{display:block;width:100%;height:auto}.visual-stack.expanded .transmission{width:40%;margin-left:60%;margin-bottom:40px}
.feature{min-width:0;scroll-margin-top:28px}.feature-summary{margin-top:20px;cursor:pointer;font-size:1rem}.enhanced .feature-summary{display:none}.feature-inner{padding-bottom:36px;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.65}.feature-inner>p+p{margin-top:1em}.feature h2{font-size:clamp(2rem,3.2vw,3.7rem);font-weight:500;line-height:1;letter-spacing:-.06em}.story-heading{display:flex;align-items:center;gap:22px;margin-bottom:30px}.portrait{width:78px;height:78px;object-fit:contain}.chapter{margin:24px 0;font-size:1rem}.chapter>summary{cursor:pointer;list-style:none;font-family:'JetBrains Mono',monospace;font-size:.875rem;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.chapter[open]>summary>span{transform:rotate(45deg)}.chapter-copy{padding:24px 0 4px}.chapter-copy>p+p{margin-top:1em}.life-photo{margin:18px 0 28px}.life-photo img{display:block;width:100%;height:auto}.life-photo figcaption{font-family:'JetBrains Mono',monospace;font-size:.8125rem;line-height:1.6;color:var(--quiet);margin-top:12px}.feature-inner .invitation{margin-top:32px}.feature-actions{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}.back{display:block;width:fit-content;margin-top:24px;font-family:'JetBrains Mono',monospace;font-size:.875rem;color:var(--quiet)}.back:hover{color:var(--ink)}
.mark-home{margin-top:auto;padding-top:40px;min-height:80px;display:flex;justify-content:flex-end}.space-mark{display:block;width:clamp(42px,3.1vw,58px);height:clamp(42px,3.1vw,58px);flex-shrink:0}.space-mark svg{width:100%;height:100%;display:block}.circle-destination{display:flex;justify-content:center;padding-bottom:28px}.circle-destination .space-mark{width:180px;height:180px}.space-feature h2{text-align:center;margin:0 0 18px}.space-feature .project-copy{max-width:none;padding-top:12px}
.utility{min-height:var(--bar);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:28px;align-items:center;padding:16px var(--gutter);border-top:1px solid #efefed;font-family:'JetBrains Mono',monospace;font-size:.875rem;letter-spacing:.025em;color:#66645f}.about-trigger{white-space:nowrap}#now-playing{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8125rem;transition:opacity 320ms}#np-label{text-transform:uppercase}.letter-form{display:flex;align-items:center;justify-self:end;gap:14px;width:100%;max-width:460px}.letter-form label{white-space:nowrap;font-size:.8125rem;text-transform:uppercase}.letter-form input{width:100%;min-width:60px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:5px 0;background:transparent}.letter-form input::placeholder{color:#97958f}.letter-form button{border:0;border-bottom:1px solid var(--ink);padding:5px 0;background:transparent;white-space:nowrap;font-size:.875rem}.letter-form input:focus-visible{outline-offset:2px}
@media(hover:hover){.project>summary:hover{transform:scale(1.035)}.project[open]>summary:hover{transform:none}.space-mark:hover{color:#73736d}}
@media(min-width:861px) and (max-height:740px){.page{padding-top:4vh;padding-bottom:3vh}.work{gap:12px}.work-title{font-size:clamp(1.7rem,2.8vw,3.5rem)}.work-desc{margin-top:.35rem;font-size:.8125rem}.visual-stack{margin-top:10vh}.wordmark-name{font-size:clamp(1.5rem,2.45vw,2.8rem)}.left-rail{gap:48px}}
@media(max-width:1100px){.work-title{font-size:clamp(1.8rem,3.45vw,2.5rem)}.work-desc{font-size:.8125rem}.utility{grid-template-columns:minmax(0,1fr) auto;gap:18px}#now-playing{grid-column:1;grid-row:2}.about-trigger{grid-column:2;grid-row:2;justify-self:end}.letter-form{grid-column:1/3;grid-row:1;justify-self:stretch;max-width:none}.page{min-height:calc(100svh - 130px)}}
@media(max-width:860px){:root{--gutter:24px}.page{grid-template-columns:1fr;gap:0;padding-top:24px;min-height:calc(100svh - 130px);position:relative}.left-rail,.right-rail{display:contents}.dateline{grid-row:1;font-size:.875rem;text-align:left;margin-bottom:32px}.work{grid-row:2;gap:16px}.work-title{font-size:clamp(1.95rem,7.5vw,3.5rem)}.work-desc{font-size:.8125rem;line-height:1.4}.visual-stack{grid-row:3;margin:44px 0 0}.name-home{grid-row:4;grid-column:1;margin-top:44px;align-self:end;width:fit-content}.mark-home{grid-row:4;grid-column:1;justify-self:end;align-self:end;min-height:0;padding-top:0}.wordmark-name{font-size:2rem}.project-copy{max-width:42rem}.visual-stack.expanded .transmission{width:42%;margin-left:58%;margin-bottom:30px}.feature-inner{font-size:1rem}.story-heading{gap:18px}.portrait{width:68px;height:68px}.circle-destination .space-mark{width:140px;height:140px}.utility{margin-top:8px;gap:14px}.letter-form{gap:10px;font-size:.8125rem}.letter-form label{font-size:.75rem}.letter-form button{font-size:.8125rem}}
@media(max-width:380px){:root{--gutter:18px}.work-title{font-size:1.9rem}.letter-form{flex-wrap:wrap}.letter-form label{width:100%}.letter-form input{flex:1}.page{min-height:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.space-feature h2,.space-feature .feature-copy,.space-feature .back{transition:opacity 180ms ease}.space-feature.is-closing h2,.space-feature.is-closing .feature-copy,.space-feature.is-closing .back{opacity:0}
@media(max-width:860px){.has-feature .name-home{position:static;margin-top:44px}}
html:not(.enhanced) .space-feature{display:none}
@media(min-width:861px){.transmission{width:min(100%,calc((100svh - 310px)*1.4996));margin-left:auto}.visual-stack.expanded .transmission{margin-left:auto}}
.circle-flight{position:fixed;z-index:8;display:block;color:var(--ink);pointer-events:none;overflow:visible}

/* A quiet daily mark. Its reading unfolds in the same document as the artwork. */
.dateline{min-height:1em}
.dateline.has-hexagram{margin-bottom:calc(clamp(1rem,1.55vw,1.75rem) - 52px)}
.daily-hexagram{width:min(100%,21rem);margin-left:auto;font-size:1rem;font-weight:400;line-height:1.6;letter-spacing:normal;text-transform:none;text-align:left;scroll-margin-top:28px}
.daily-hexagram>summary{position:relative;list-style:none;cursor:pointer;width:52px;height:52px;margin-left:auto}
.hexagram-symbol{position:absolute;inset:0 0 auto auto;display:block;width:36px;height:auto;fill:currentColor;transition:opacity 220ms ease}
.daily-hexagram>summary:focus-visible{outline:none}
.daily-hexagram>summary:focus-visible .hexagram-symbol{outline:2px solid currentColor;outline-offset:8px}
.daily-hexagram>summary:hover .hexagram-symbol{opacity:.6}
.hexagram-copy{padding-top:28px}
.hexagram-number,.hexagram-trigrams,.hexagram-note{font-family:'JetBrains Mono',monospace;font-size:.8125rem;line-height:1.65;color:var(--quiet)}
.hexagram-number{margin-bottom:10px}
.hexagram-name{font-size:clamp(1.6rem,2.1vw,2rem);font-weight:500;line-height:1.12;letter-spacing:-.045em}
.hexagram-trigrams{margin-top:14px;color:var(--ink)}
.hexagram-note{margin-top:22px}
.hexagram-copy .onward{font-size:.8125rem}
@media(max-width:860px){.dateline.has-hexagram{margin-bottom:32px}.daily-hexagram>summary{width:44px;height:44px}.hexagram-symbol{width:32px}.hexagram-copy{padding-top:24px}}

/* The original artwork assembly covers preparation of the whole homepage. */
.site-intro{display:none;position:fixed;z-index:9999;inset:0;place-items:center;background:var(--paper);overflow:hidden;pointer-events:none}
html.site-loading .site-intro,html.intro-leaving .site-intro{display:grid}
html.site-loading{cursor:wait}
html.site-loading .page,html.site-loading .utility,html.site-loading .skip{visibility:hidden;opacity:0;transform:translateY(8px)}
html.intro-leaving .site-intro{opacity:0;transition:opacity 480ms var(--ease)}
html.intro-leaving .page,html.intro-leaving .utility{opacity:1;transform:none;transition:opacity 600ms var(--ease),transform 700ms var(--ease)}
.loader-system{position:relative;width:min(64vw,820px);aspect-ratio:3749/2500}
.loader-art{position:absolute;inset:8%;overflow:visible}
.loader-piece{position:absolute;inset:0;display:block;background:#272727 url('images/reference-bg.png') center/cover no-repeat;opacity:0;will-change:transform,opacity}
.loader-piece:nth-child(1){clip-path:polygon(0 0,18% 0,23% 100%,0 100%);transform:translate(-30%,-26%) rotate(-6deg) scale(.92);animation-delay:180ms}
.loader-piece:nth-child(2){clip-path:polygon(18% 0,41% 0,37% 100%,23% 100%);transform:translate(-13%,30%) rotate(4.5deg) scale(1.04);animation-delay:260ms}
.loader-piece:nth-child(3){clip-path:polygon(41% 0,60% 0,66% 100%,37% 100%);transform:translate(4%,-36%) rotate(-2.5deg) scale(.88);animation-delay:340ms}
.loader-piece:nth-child(4){clip-path:polygon(60% 0,83% 0,78% 100%,66% 100%);transform:translate(18%,22%) rotate(5.5deg) scale(.97);animation-delay:420ms}
.loader-piece:nth-child(5){clip-path:polygon(83% 0,100% 0,100% 100%,78% 100%);transform:translate(38%,-20%) rotate(-7deg) scale(1.06);animation-delay:500ms}
.intro-art-ready .loader-piece{animation-name:loader-piece-in;animation-duration:820ms;animation-timing-function:var(--ease);animation-fill-mode:forwards}
.intro-art-ready.intro-still .loader-piece{opacity:1;transform:none;animation:none}
@keyframes loader-piece-in{65%{opacity:1}to{opacity:1;transform:none}}
@media(max-width:860px){.loader-system{width:calc(100vw - 36px)}}
@media(prefers-reduced-motion:reduce){.intro-art-ready .loader-piece{opacity:1;transform:none;animation:none}.site-loading .page,.site-loading .utility{transform:none}}