.ethereal-page{max-width:1320px;margin:auto}.er-back{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.07em}:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page) .er-intro{position:static;height:auto;min-height:0;display:grid;grid-template-columns:1.8fr 1fr;align-items:end;padding:76px 0 55px;gap:9%}.er-intro h1{font-size:clamp(54px,7.8vw,112px);line-height:.96;font-weight:400;letter-spacing:-.055em;margin:0}.er-meta{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#d7e8fa;padding-bottom:6px}.er-meta a{color:#fffdf5;margin-top:30px}.er-environment{margin:24px 0 0 7%}.er-scene{position:relative;touch-action:pan-y;outline-offset:6px}.er-original{display:block;width:100%;height:auto}.er-monitor{position:absolute;left:46.25%;top:24.6%;width:6.6%;height:9%;background:#fff;pointer-events:none;opacity:0;border-radius:8%;mix-blend-mode:screen}.er-hint{position:absolute;bottom:3%;left:3%;font-size:11px;color:#20252b;pointer-events:none}.er-environment figcaption{display:flex;align-items:center;gap:22px;margin-top:18px;font-size:11px;color:#d7e8fa}.er-sound{margin-left:auto;border:0;background:none;padding:8px 0;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.er-sound:disabled{opacity:.5;cursor:default}.er-sound-status{font-size:10px}.er-context,.er-experience,.er-system{margin-top:110px}.ethereal-page h2{font-size:11px;letter-spacing:.12em;font-weight:400;color:#d7e8fa;margin:0 0 24px;text-transform:uppercase}.er-context{display:grid;grid-template-columns:1fr 3fr;gap:8%;padding-left:7%}.er-context p{font-size:clamp(23px,2.7vw,37px);line-height:1.5;letter-spacing:-.02em;max-width:870px;margin:0}.er-experience{margin-left:25%;max-width:630px}.er-experience p,.er-system p{font-size:19px;line-height:1.8;max-width:710px;margin:0}.er-system{margin-left:7%;max-width:850px}.er-system p:last-child{margin-left:18%}.er-signal{font-size:12px;line-height:2;color:#d7e8fa;margin:40px 0 40px 18%}.er-film{margin:110px 0 0 25%}.er-film>a{font-size:16px}.er-video{display:block;width:100%;margin-top:25px;background:#000}.ethereal-page .case-section{margin-left:7%;grid-template-columns:1fr 3fr}.er-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:130px 0 20px;font-size:13px}.er-footer a:last-child{text-align:right;font-size:clamp(20px,2.5vw,36px)}.er-footer span{display:block;font-size:11px;color:#d7e8fa;margin-bottom:18px}.ethereal-page a:hover,.er-sound:hover{text-decoration:underline;text-underline-offset:5px}@media(pointer:coarse){.er-scene{touch-action:none}}@media(max-width:650px){:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page) .er-intro{display:block;padding:50px 0 26px}.er-intro h1{font-size:clamp(48px,12vw,76px)}.er-meta{margin-top:32px}.er-meta a{margin-top:14px}.er-environment{margin-left:0}.er-environment figcaption{flex-wrap:wrap;gap:8px 16px}.er-sound-status{flex-basis:100%;text-align:right}.er-context{display:block;padding-left:0;margin-top:70px}.er-context p{font-size:24px}.er-experience,.er-system,.er-film{margin:70px 0 0}.er-system p:last-child,.er-signal{margin-left:0}.er-experience p,.er-system p{font-size:17px}.ethereal-page .case-section{margin-left:0}.er-footer{margin-top:80px}.er-footer a:last-child{max-width:65%}}

#page:has(.ethereal-page):focus{outline:none}

.er-film-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px}.er-film-controls button{background:none;border:0;padding:10px 0;font-size:12px;cursor:pointer}.er-film-seek{flex:1;min-width:90px;accent-color:#fff}.er-film-status{flex-basis:100%;font-size:11px;color:#d7e8fa}
/* Full-viewport installation, scoped to Ethereal. */
#page:has(.ethereal-page){padding-top:0}.er-environment{width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw)}.er-scene{height:calc(100svh - 94px);min-height:600px;overflow:hidden;background:#737b7d;color:#fffdf5;isolation:isolate}.er-plane{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--pan-x,0px)),calc(-50% + var(--pan-y,0px)));transition:transform .65s cubic-bezier(.2,.65,.3,1);z-index:-2}.er-original{width:100%;height:100%;object-fit:fill}.er-shade{position:absolute;inset:0;background:#07162326;z-index:-1;pointer-events:none}.er-scene .er-back{position:absolute;top:28px;left:5vw;right:5vw;font-size:11px}:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page) .er-intro{position:absolute;top:88px;left:5vw;right:5vw;padding:0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;text-shadow:0 1px 12px #0005}.er-intro h1{font-size:clamp(48px,6.5vw,94px);max-width:50%}.er-meta{max-width:25%;color:#fffdf5}.er-meta a{pointer-events:auto}.er-environment figcaption{position:absolute;left:5vw;right:5vw;bottom:24px;margin:0;color:#fffdf5;text-shadow:0 1px 8px #0008}.er-hint{left:5vw;bottom:68px;color:#fffdf5;text-shadow:0 1px 8px #0008}.er-scene .er-sound,.dare-page>.er-sound{color:#fffdf5}.er-sound-status{color:#fffdf5}.er-scene:focus-visible{outline:2px solid #ffda00;outline-offset:-4px}@media(max-width:650px){.er-scene{height:calc(100svh - 120px);min-height:570px}:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page) .er-intro{top:78px;display:block}.er-intro h1{max-width:100%;font-size:52px}.er-meta{max-width:100%;margin-top:20px;font-size:11px}.er-meta a{margin-top:5px}.er-environment figcaption{bottom:20px}.er-sound-status{flex-basis:auto;text-align:left}.er-hint{bottom:75px}}@media(prefers-reduced-motion:reduce){.er-plane{transition:none;--pan-x:0px!important;--pan-y:0px!important}}
body:has(.ethereal-page){overflow-x:clip}
/* Sound has one icon; status remains available to assistive technology. */
.er-scene .er-sound,.dare-page>.er-sound{width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;background:transparent;border-radius:50%;transition:background .18s}.er-scene .er-sound:hover,.dare-page>.er-sound:hover{background:#ffffff20}.er-icon-off{display:none}.er-sound.is-muted .er-icon-off{display:block}.er-sound.is-muted .er-icon-on{display:none}.er-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.er-environment figcaption{left:auto;right:4vw;bottom:20px}.er-plane{transition:transform .75s cubic-bezier(.16,.65,.25,1)}
.er-story{width:100vw;margin-left:calc(50% - 50vw);height:calc(var(--chapters,7)*100svh);position:relative}.er-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#444b4b;color:#fffdf5}.er-backdrop{position:absolute;inset:-70px;background:url('assets/image3.png') center/cover no-repeat;filter:blur(44px) brightness(.46) saturate(.65);z-index:-1;pointer-events:none}.er-panels{position:relative;width:min(1120px,86vw);height:calc(100% - 105px);margin:0 auto}.er-panels>section,.er-panels>footer{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;margin:0!important;padding:clamp(35px,9vh,110px) 16px 35px;max-width:none!important;scrollbar-width:thin;scrollbar-color:#ffffff55 transparent}.er-panels>section[hidden],.er-panels>footer[hidden]{display:none!important}.er-panels h2,.er-panels .section-label{color:#d6dcda}.er-panels .er-context{display:grid;grid-template-columns:1fr 3fr;align-content:center;gap:8%}.er-panels .er-context p{font-size:clamp(24px,3vw,43px);line-height:1.45;max-width:850px}.er-panels .er-experience{display:flex;flex-direction:column;justify-content:center;padding-left:23%}.er-panels .er-experience p{font-size:clamp(24px,3vw,42px);line-height:1.5;max-width:760px}.er-panels .er-system{padding-left:9%;padding-right:9%}.er-panels .er-system p{max-width:780px;font-size:clamp(17px,1.8vw,23px)}.er-panels .er-system p:last-child{margin-left:12%}.er-panels .er-signal{color:#d6dcda;font-size:12px;margin:30px 0 30px 12%}.er-panels .er-film{padding-top:4vh}.er-panels .er-video{max-height:60vh;width:100%;object-fit:contain;background:transparent;margin-top:18px}.er-panels .case-section{display:block}.er-panels .section-label{margin-bottom:30px}.er-panels .case-documentation summary{font-size:clamp(24px,3vw,40px)}.er-panels .doc-sheet img{max-height:58vh;width:100%;object-fit:contain}.er-panels .er-footer{display:flex;align-items:center;justify-content:space-between;gap:30px}.er-panels .er-footer a:last-child{font-size:clamp(28px,4vw,58px);max-width:65%}.er-panels .er-footer span{color:#d6dcda}.er-chapters{position:absolute;bottom:22px;left:7vw;right:7vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.er-chapters button{color:#fffdf5;font-size:22px;background:none;border:0;min-width:44px;min-height:44px;cursor:pointer}.er-chapters button:disabled{opacity:.2;cursor:default}.er-chapter-name{font-size:11px;letter-spacing:.08em;color:#d6dcda}.er-stage:focus{outline:none}.er-panels>*:focus-visible{outline:1px solid #ffffff66;outline-offset:-3px}@media(max-width:650px){.er-panels{width:90vw;height:calc(100% - 90px)}.er-panels .er-context{display:flex;flex-direction:column;justify-content:center;gap:0}.er-panels .er-experience,.er-panels .er-system{padding-left:16px;padding-right:16px}.er-panels .er-system p:last-child{margin-left:0}.er-panels .er-signal{margin-left:0;font-size:11px}.er-panels .er-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:70px}.er-panels .er-footer a:last-child{text-align:left;max-width:100%}.er-panels .er-video{max-height:50vh}.er-chapters{left:5vw;right:5vw}.er-chapter-name{font-size:10px}.er-environment figcaption{right:4vw;bottom:16px}.er-panels .case-documentation summary{font-size:26px}}

#page:has(.ethereal-page){padding-bottom:0}.er-panels .case-section{padding-top:5vh}.er-panels .doc-sheet img{max-height:calc(100svh - 335px);min-height:180px}@media(max-width:650px){.er-panels .doc-sheet img{max-height:50vh;min-height:0}}
.er-chapters{justify-content:center;gap:20px;pointer-events:none}.er-progress-dot{display:block;width:7px;height:7px;border:1px solid #d6dcda;border-radius:50%;flex:none}.er-current-chapter{font-size:12px;letter-spacing:.08em;color:#fffdf5;white-space:nowrap}.er-panels .er-youtube{width:100%;aspect-ratio:16/9;max-height:70vh;margin:auto;background:#1c2221}.er-youtube iframe{width:100%;height:100%;min-height:200px;border:0;display:block}.er-panels .er-film{display:flex;flex-direction:column;justify-content:center;padding:4vh 16px}.er-panels .er-scroll-documentation{padding:4vh 16px 16px;display:flex;flex-direction:column;overflow:hidden}.er-scroll-documentation h2{display:flex;justify-content:space-between;margin-bottom:20px}.er-scroll-sheet{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.er-scroll-sheet img{width:100%;height:100%;object-fit:contain}.er-doc-page{font-size:11px}.er-panels>section,.er-panels>footer{will-change:auto}.er-panels>[aria-hidden=true]{pointer-events:none}@media(max-width:650px){.er-chapters{gap:14px}.er-current-chapter{font-size:10px}.er-progress-dot{width:6px;height:6px}.er-panels .er-youtube{aspect-ratio:16/10;min-height:200px}.er-panels .er-scroll-documentation{padding:4vh 0 10px}}

/* Faster scroll rhythm and lighter progress placement. */
.er-chapters{bottom:60px}.er-panels .er-context>p{grid-column:2}@media(max-width:650px){.er-panels{height:calc(100% - 120px)}}

/* One chapter label, centered on the progress dots. */
.er-chapters{bottom:98px;align-items:center}.er-current-chapter{font-size:14px;line-height:1;display:flex;align-items:center}.er-panels{height:calc(100% - 155px)}@media(max-width:650px){.er-current-chapter{font-size:12px}.er-panels{height:calc(100% - 158px)}}

/* Shared centered subtitle column for the three narrative chapters. */
.er-panels .er-context,.er-panels .er-experience,.er-panels .er-system{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:clamp(60px,12vh,108px) 16px 28px;text-align:center}
.er-panels .er-context p,.er-panels .er-experience p,.er-panels .er-system p,.er-panels .er-system p:last-child{width:100%;max-width:820px;margin:0;font-size:clamp(19px,2.1vw,29px);line-height:1.5;letter-spacing:-.02em}
.er-panels .er-system .er-signal{width:100%;max-width:820px;margin:22px 0;font-size:12px;line-height:1.7;text-align:center}
@media(max-width:650px){.er-panels .er-context,.er-panels .er-experience,.er-panels .er-system{padding:60px 16px 24px}.er-panels .er-system .er-signal{font-size:10px;margin:18px 0}}

/* Center the complete narrative block on both viewport axes. */
.er-panels .er-context,.er-panels .er-experience,.er-panels .er-system{height:100svh;bottom:auto;box-sizing:border-box;justify-content:safe center;padding:36px 16px}

/* Shared viewport center for film, document sheets and next project. */
.er-panels .er-film,.er-panels .er-scroll-documentation,.er-panels .er-footer{height:100svh;bottom:auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:36px 16px;text-align:center}
.er-panels .er-youtube{flex:none;width:100%;max-width:960px;height:auto;aspect-ratio:16/9;max-height:calc(100svh - 250px);margin:0}
.er-panels .er-scroll-sheet{flex:none;width:100%;height:calc(100svh - 250px);max-height:600px;margin:0}
.er-panels .er-footer{gap:36px}
.er-panels .er-footer a:last-child{max-width:100%;text-align:center}
.er-panels .er-system .er-signal{font-size:calc(clamp(19px,2.1vw,29px) - 2px);line-height:1.5;margin:22px 0}
@media(max-width:650px){.er-panels .er-film,.er-panels .er-scroll-documentation,.er-panels .er-footer{padding:30px 12px}.er-panels .er-youtube{aspect-ratio:16/10;min-height:200px}.er-panels .er-footer{gap:32px}}

/* The visitor becomes the audience inside the sound installation. */
@media(pointer:fine){.er-scene,.er-scene .er-plane,.er-scene .er-original,.er-scene .er-intro{cursor:url("assets/audience-cursor.svg") 16 20,auto}.er-scene a,.er-scene button{cursor:pointer}}

/* Phase 3 — six scenes within one continuous project environment. */
body:has(.ethereal-page){overflow:hidden;background:#444b4b}
body:has(:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page))>header{position:fixed;inset:0 0 auto;z-index:40;background:transparent!important;backdrop-filter:none;box-shadow:none;color:#fffdf5;pointer-events:none}
body:has(:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page))>header a{pointer-events:auto;color:#fffdf5!important;text-shadow:0 1px 8px #0005}
#page:has(:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page)){position:fixed;inset:0;margin:0;padding:0;max-width:none;width:100%;height:100svh;overflow:hidden}
.ethereal-page{max-width:none;height:100svh}.er-environment{position:absolute;inset:0;width:100%;margin:0}.er-scene{height:100svh;min-height:0;touch-action:none}.er-scene[hidden]{display:none}
:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page) .er-intro{top:23vh;left:5vw;right:5vw}.er-meta{gap:16px;font-size:13px}.er-meta a{margin-top:18px}.er-intro h1{font-size:clamp(48px,6.5vw,94px)}
.er-story{position:absolute;inset:0;width:100%;height:100svh;margin:0}.er-stage{position:absolute;inset:0;height:100%;background:transparent;touch-action:none}.er-backdrop{filter:blur(44px) brightness(.52) saturate(.65)}
.er-panels{width:90vw;height:100%;}.er-panels>section,.er-panels>footer{height:100svh;padding:100px 4vw 80px;overflow:auto}.er-panels .er-context,.er-panels .er-system{justify-content:center}
.er-panels .er-context h2,.er-panels .er-system h2{font-size:12px;letter-spacing:.14em;margin-bottom:32px}.er-panels .er-context p{max-width:780px;font-size:clamp(21px,2.6vw,34px)}
.er-panels .er-system p,.dare-page .dare-copy p{font-size:clamp(16px,1.7vw,22px);max-width:730px}.er-panels .er-system .er-signal{display:flex;align-items:center;justify-content:center;gap:0;margin:15px 0 42px;max-width:980px;font-size:clamp(16px,2vw,27px)}
.er-signal span{display:flex;align-items:center}.er-signal span+span:before{content:'';width:clamp(20px,4vw,65px);height:1px;margin:0 15px;background:#ffffff55}.er-system:not([hidden]) .er-signal span{animation:er-signal-reveal .65s both;animation-delay:calc(var(--signal-order)*.12s)}@keyframes er-signal-reveal{from{opacity:.2}to{opacity:1}}
.er-panels .er-youtube{max-width:1200px;max-height:calc(100svh - 180px);width:min(86vw,calc((100svh - 180px)*1.7778));aspect-ratio:16/9}.er-panels .er-scroll-documentation{display:grid;grid-template-columns:190px 1fr;gap:5vw;text-align:left;align-items:center}.er-archive-index button{display:flex;gap:22px;width:100%;padding:17px 0;background:none;border:0;border-bottom:1px solid #ffffff25;text-align:left;color:inherit;font:inherit;font-size:12px;cursor:pointer;opacity:.55}.er-archive-index button:hover,.er-archive-index button:focus-visible,.er-archive-index button[aria-pressed=true]{opacity:1}.er-panels .er-scroll-sheet{height:calc(100svh - 200px);max-height:none;min-width:0}.er-next-object{display:flex;flex-direction:column;align-items:center;gap:18px;font-size:clamp(22px,3vw,36px)!important}.er-next-object img{width:min(42vh,340px);aspect-ratio:1;object-fit:cover;border-radius:50%}.er-next-object strong{font-weight:400}.er-next-object span{font-size:11px;letter-spacing:.1em;margin:0}
:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page)>.er-sound{position:absolute;right:4vw;bottom:22px;width:44px;height:44px;display:grid;place-items:center;padding:0;z-index:20;color:#fffdf5}.ethereal-page>.er-chapters{position:absolute;bottom:38px;left:45%;right:45%;font-size:11px;letter-spacing:.1em;white-space:nowrap;color:#fffdf5}
@media(max-width:650px){:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page) .er-intro{top:18vh;display:block}.er-meta{margin-top:28px;gap:10px}.er-panels>section,.er-panels>footer{padding:105px 8px 85px}.er-panels .er-system .er-signal{flex-direction:column;margin:0 0 20px;font-size:16px}.er-signal span{flex-direction:column}.er-signal span+span:before{width:1px;height:15px;margin:7px 0}.er-panels .er-system p,.dare-page .dare-copy p{font-size:15px}.er-panels .er-scroll-documentation{display:flex;gap:20px}.er-archive-index{width:100%}.er-archive-index h2{margin-bottom:10px}.er-archive-index button{display:inline-flex;width:20%;padding:12px 0;gap:0;justify-content:center}.er-archive-index button span{display:none}.er-panels .er-scroll-sheet{height:50svh}.er-panels .er-youtube{width:90vw;min-height:0;aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.er-system:not([hidden]) .er-signal span{animation:none}}

/* Raise the hero title while preserving metadata placement. */
:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page) .er-intro h1{transform:translateY(-32px)}
@media(max-width:650px){:is(.ethereal-page,.dare-page,.invisible-page,.rite-page,.fang-page,.tribe-page,.folded-page) .er-intro h1{transform:translateY(-20px)}}

.ethereal-page>.er-outgoing-frame{position:absolute;inset:0;width:100%;height:100svh;margin:0;z-index:2;pointer-events:none;animation:none}

/* Documentation is one centered proportional sheet, without sidebar or page chrome. */
.ethereal-page .er-panels .er-scroll-documentation{display:grid;place-items:center;padding:0;gap:0;grid-template-columns:1fr;height:100svh}
.ethereal-page .er-panels .er-scroll-sheet{position:relative;flex:none;width:min(94vw,calc((100svh - 130px)*2.44648));height:auto;aspect-ratio:2400 / 981;max-height:none;overflow:hidden;margin:0}
.ethereal-page .er-scroll-sheet img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.015)}

.ethereal-page .er-panels .er-scroll-sheet{width:min(96vw,calc((100svh - 120px)*2.44658));aspect-ratio:5084 / 2078;overflow:visible}
.ethereal-page .er-scroll-sheet img{object-fit:contain;transform:none}
.er-player-wrap{position:relative}
.er-player-gate{position:absolute;inset:0;z-index:2;width:100%;border:0;background:transparent;color:#fffdf5;font:inherit;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;text-shadow:0 1px 8px #000}
.er-player-release{position:absolute;right:0;bottom:-38px;background:none;border:0;padding:8px 0;color:#fffdf5;font:inherit;font-size:13px;cursor:pointer}
.er-player-wrap [hidden]{display:none!important}

.ethereal-page .er-panels .er-scroll-documentation{position:fixed;inset:0;width:100vw;max-width:none;grid-template-columns:minmax(0,1fr)}
.ethereal-page .er-panels .er-scroll-sheet{justify-self:center;min-width:0;max-width:96vw}

.ethereal-page .er-panels .er-scroll-sheet{background:#fff}
.ethereal-page .er-scroll-sheet img{opacity:1;mix-blend-mode:normal}