:root{--acid:#e8f34a;--ink:#20211c;--paper:#f3f0e7;--orange:#ef754b;--serif:'Libre Caslon Display',Georgia,serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid currentColor;outline-offset:6px}button{border:0}::selection{background:var(--ink);color:var(--acid)}.skip{position:fixed;top:-80px;background:var(--paper);padding:15px;z-index:100}.skip:focus{top:10px}header{height:104px;position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4%;z-index:10}.logo{font-family:var(--display);font-size:48px;letter-spacing:-2px;font-weight:800;line-height:1}.logo span{font-family:var(--body);font-size:13px;vertical-align:top;letter-spacing:0;margin-left:3px}.header-note{font-size:10px;line-height:1.4;letter-spacing:1.2px;margin-right:auto;margin-left:35px}.menu-toggle{background:var(--ink);color:var(--paper);padding:12px 17px;font-size:11px;letter-spacing:1px;position:fixed;right:4%;top:32px;z-index:30}.menu-toggle span{font-size:22px;vertical-align:middle;margin-left:18px}.hero{height:max(790px,100svh);max-height:1100px;position:relative;background:var(--acid);padding:135px 4% 35px;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;border-top:1px solid #20211c66;padding-top:16px}.hero h1{position:relative;z-index:2;font-family:var(--display);font-weight:700;font-size:clamp(90px,12.5vw,190px);line-height:.86;letter-spacing:-.025em;margin:40px 0 0;pointer-events:none}.hero h1>span{display:block}.hero h1 .second-line{margin-top:12px;display:flex;align-items:baseline;gap:28px}.hero h1 em{font-family:var(--serif);font-weight:400;font-size:1.04em;letter-spacing:-.07em}em{font-family:var(--serif);font-weight:400}.record-scene{position:absolute;right:10%;top:305px;width:430px;height:430px;transform:rotate(-15deg);z-index:3}.record{width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at center,#292a25 0px,#292a25 2px,#34352f 3px,#1a1b18 4px);box-shadow:16px 20px 0 #20211c20, inset 0 0 0 12px #1c1d19;animation:spin 38s linear infinite;display:grid;place-items:center}.record:after{content:'';position:absolute;inset:22%;border-radius:50%;border:1px solid #9d9e8b55}.record-label{width:34%;height:34%;border-radius:50%;background:var(--paper);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;font-size:18px;font-family:var(--display);text-align:center;font-weight:600;line-height:.95}.record-label i{height:12px;width:12px;border-radius:50%;background:var(--ink)}.record-label small{font-family:var(--body);font-size:5px;letter-spacing:1px}.orbit{position:absolute;border:1px solid #20211c45;border-radius:50%;inset:-15px}.orbit-two{inset:-45px;border-style:dashed}.needle{position:absolute;right:-43px;top:-35px;height:250px;width:12px;background:var(--paper);transform:rotate(-24deg);transform-origin:top;box-shadow:4px 0 0 var(--ink)}.needle:after{content:'';position:absolute;bottom:-10px;left:-5px;width:25px;height:40px;background:var(--ink)}.record-stamp{position:absolute;right:-84px;bottom:15px;background:var(--orange);width:136px;height:136px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:var(--display);font-size:22px;line-height:.95;transform:rotate(27deg)}.record-stamp small{font:7px var(--body);margin-top:12px}.hero-bottom{position:absolute;bottom:34px;left:4%;right:4%;display:flex;align-items:end;justify-content:space-between;z-index:4}.hero-bottom p{font-size:15px;line-height:1.55}.text-link{font-size:11px;font-weight:700;letter-spacing:.7px;border-bottom:1px solid;padding:12px 0;display:inline-flex;align-items:center;gap:35px}.text-link span{font-size:25px;transition:transform .3s}.text-link:hover span{transform:translate(4px,-4px)}.hero-bottom .text-link{margin-right:26%}.scroll-cue{font-size:9px;letter-spacing:1px;position:absolute;right:0;bottom:0}.side-caption{position:absolute;right:20px;top:400px;writing-mode:vertical-rl;font-size:8px;letter-spacing:1.3px}.ticker{background:var(--ink);color:var(--paper);overflow:hidden;padding:18px 0;font:600 27px var(--display);letter-spacing:1px;transform:rotate(-1.4deg);margin:-14px -2% 0;position:relative;z-index:5}.ticker div{white-space:nowrap;animation:marquee 30s linear infinite;width:max-content}.section-tag{font-size:10px;letter-spacing:1.4px;border-top:1px solid #20211c60;padding-top:15px}.about{padding:90px 7% 115px}.about-heading{display:flex;align-items:center;justify-content:space-between;margin-top:45px}h2{font-family:var(--display);font-weight:600;letter-spacing:-.035em;line-height:.92;font-size:clamp(65px,8vw,120px);margin:0}.about h2 em{letter-spacing:-.05em}.asterisk{font-size:170px;color:var(--orange);margin-right:8%;transform:rotate(10deg)}.about-lower{display:grid;grid-template-columns:1.05fr .7fr;gap:12%;align-items:center;margin-top:60px}.room-photo{margin:0;position:relative;transform:rotate(-4deg)}figure img{width:100%;display:block;object-fit:cover}figcaption{font-size:8px;letter-spacing:.8px;margin-top:12px}.photo-label{position:absolute;bottom:38px;right:-36px;background:var(--acid);padding:20px 26px;font:600 35px/.85 var(--display);transform:rotate(10deg)}.eyebrow{font-size:9px;letter-spacing:1px}.about-copy p{font-size:19px;line-height:1.65;letter-spacing:-.5px}.about-copy .text-link{margin-top:15px}.sessions{background:var(--orange);padding:60px 5% 45px;position:relative}.sessions:before{content:'';position:absolute;top:-12px;left:0;width:100%;height:15px;background:linear-gradient(135deg,transparent 25%,var(--orange) 25%) 0 0/24px 24px}.session-heading{display:flex;justify-content:space-between;align-items:end;margin:45px 0 55px}.session-heading h2{font-size:130px}.session-heading h2 span{font-size:90px;margin-left:55px}.session-heading p{font-size:11px;line-height:1.8;letter-spacing:1px}.session-list{border-top:2px solid}.session{display:grid;grid-template-columns:140px 1fr 200px 50px;width:100%;text-align:left;background:transparent;border-bottom:1px solid var(--ink);padding:35px 0;align-items:center;transition:padding .3s,background .3s}.session:hover{background:var(--acid);padding-left:20px;padding-right:20px}.date{font:600 72px/.9 var(--display)}.date small{display:block;font:9px var(--body);letter-spacing:1px;margin-top:12px}.session-title{font:600 61px/.95 var(--display);letter-spacing:-1px}.session-title small{display:block;font:9px var(--body);letter-spacing:1px;margin-top:18px}.genre{font-size:9px;letter-spacing:1px}.session-arrow{font-size:45px}.session-foot{font-size:9px;letter-spacing:1px;margin-top:30px}.ritual{background:var(--ink);color:var(--paper);padding:65px 7% 90px;overflow:hidden}.ritual .section-tag{border-color:#f3f0e755}.ritual-top{display:flex;justify-content:space-between;align-items:center;margin:35px 0}.ritual-top p{font-size:10px;letter-spacing:1px;line-height:1.7}.ritual-top>span{font-size:60px;color:var(--acid)}.ritual h2{font-size:clamp(75px,10vw,145px)}.ritual h2 em{color:var(--acid)}.ritual-body{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:8%;margin-top:60px}.sound-flower{position:relative;text-align:center}.sound-flower>span{font-size:360px;line-height:1;color:var(--acid);display:block;animation:spin 60s linear infinite}.sound-flower>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);border-radius:50%;background:var(--ink);width:145px;height:145px;display:grid;place-content:center;font:600 27px/.9 var(--display)}ol{list-style:none;padding:0;margin:0}.ritual li{display:flex;gap:25px;border-top:1px solid #ffffff40;padding:28px 0}.ritual li>span{font-size:11px;color:var(--acid);padding-top:8px}.ritual h3{font:500 29px var(--display);margin:0 0 10px}.ritual li p{font-size:13px;color:#cacabd;line-height:1.5;margin:0}.fieldnotes{padding:70px 5% 110px}.notes-layout{display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:5%;align-items:start;margin-top:65px}.notes-title>span{font-size:9px;letter-spacing:1px}.notes-title h2{margin-top:30px;font-size:90px}.notes-title p{font-size:13px;line-height:1.6;margin-top:25px}.journal{background:none;padding:0;text-align:left}.journal figure{margin:0 0 25px;overflow:hidden}.journal img{height:340px;transition:transform .5s}.journal:hover img{transform:scale(1.04)}.journal h3{font:500 35px/1 var(--display);margin:14px 0}.journal-small{margin-top:160px;transform:rotate(4deg)}.journal-small img{height:240px}.contact{background:var(--acid);padding:55px 5% 25px}.contact-top{display:flex;justify-content:space-between;margin-top:35px;align-items:center}.contact-top p{font-size:10px;letter-spacing:1px;line-height:1.8}.contact-star{font-size:90px;line-height:1}.contact h2{font-size:clamp(80px,13vw,200px);margin:30px 0 45px;letter-spacing:-.05em}.contact-link{width:100%;background:transparent;border-top:1px solid;border-bottom:1px solid;display:flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:1px;padding:20px 0}.contact-link span{font-size:40px;transition:transform .3s}.contact-link:hover span{transform:rotate(45deg)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:55px}footer span,footer>a:last-child{font-size:8px;letter-spacing:.6px}footer .logo{font-size:40px}dialog{border:0;padding:0;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#20211c99;backdrop-filter:blur(7px)}#menu{width:100%;height:100svh;max-width:none;max-height:none;margin:0;background:var(--acid);padding:40px 7%}#menu[open]{display:flex;flex-direction:column;justify-content:space-between}.menu-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.menu-close,.detail-close{background:var(--ink);color:var(--paper);width:48px;height:48px;font-size:23px}.menu-top+nav{display:flex;flex-direction:column}nav a{font:600 clamp(45px,7vw,100px)/1.1 var(--display);border-bottom:1px solid #20211c55;padding:10px 0;transition:padding .2s}nav a:hover{padding-left:25px}nav small{font:11px var(--body);vertical-align:middle;margin-right:35px}#menu>p{font-size:13px}#details{max-width:680px;width:calc(100% - 32px);max-height:90svh;padding:50px}#details .detail-close{position:absolute;right:18px;top:18px;width:35px;height:35px;font-size:18px}#details h2{font-size:65px;margin:25px 0}#details p{font-size:15px;line-height:1.7}#details label{font-size:12px;display:block;margin:18px 0 8px}#details input,#details textarea{width:100%;background:transparent;border:0;border-bottom:1px solid;padding:10px 0;font:16px var(--body);border-radius:0}#details textarea{min-height:90px;resize:vertical}.solid-button{display:inline-block;background:var(--ink);color:var(--acid);padding:16px 24px;margin-top:20px;font-size:12px;letter-spacing:.7px}.reveal{transition:opacity .7s,transform .7s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(35px)}.js-motion .journal-small:not(.visible){transform:translateY(35px) rotate(4deg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1500px){.record-scene{right:15%;top:370px;width:500px;height:500px}.hero-bottom .text-link{margin-right:30%}}
@media(max-width:1000px){.hero h1{font-size:13vw}.record-scene{width:340px;height:340px;right:12%;top:330px}.hero-bottom .text-link{margin-right:5%}.session{grid-template-columns:100px 1fr 140px 40px}.session-title{font-size:48px}.genre{font-size:8px}.notes-title h2{font-size:70px}.journal img{height:280px}.journal-small img{height:200px}.sound-flower>span{font-size:280px}.about-copy p{font-size:16px}footer{flex-wrap:wrap}}
@media(max-width:640px){header{height:80px;padding:0 6%}.logo{font-size:40px}.header-note{display:none}.menu-toggle{top:22px;right:6%;padding:8px 12px}.hero{height:850px;max-height:none;padding:108px 6% 25px}.hero-meta{font-size:8px;letter-spacing:.7px}.hero-meta span:last-child{max-width:100px;text-align:right}.hero h1{font-size:19vw;line-height:.95;margin-top:35px}.hero h1 .second-line{display:block;margin-top:0}.hero h1 em{display:block;font-size:1.2em;line-height:.75;margin:5px 0 12px}.record-scene{width:270px;height:270px;right:19%;top:400px}.needle{height:150px;width:8px;right:-22px;top:-10px}.record-stamp{right:-54px;bottom:0;width:103px;height:103px;font-size:18px}.record-stamp small{font-size:6px}.record-label{font-size:14px;gap:7px}.record-label small{font-size:4px}.orbit-two{inset:-25px}.hero-bottom{bottom:28px;left:6%;right:6%;display:block}.hero-bottom p{font-size:12px;margin-bottom:10px}.hero-bottom .text-link{font-size:9px;padding:5px 0;gap:15px;margin-right:0}.scroll-cue{bottom:6px;font-size:7px;max-width:65px;line-height:1.6;text-align:right}.side-caption{right:9px;top:470px;font-size:7px}.ticker{font-size:22px;padding:12px 0}.about{padding:65px 7% 80px}.about-heading{margin-top:35px}.about h2{font-size:17vw}.asterisk{font-size:70px;margin-right:0;align-self:start}.about-lower{grid-template-columns:1fr;gap:45px;margin-top:40px}.room-photo{width:90%}.photo-label{font-size:28px;right:-25px;padding:16px}.about-copy p{font-size:17px}.session-heading{margin:35px 0}.session-heading h2{font-size:80px}.session-heading h2 span{font-size:50px;margin-left:15px}.session-heading p{font-size:8px;max-width:105px}.sessions{padding:45px 6% 30px}.session{grid-template-columns:60px 1fr 25px;gap:12px;padding:27px 0}.session:hover{padding-left:5px;padding-right:5px}.date{font-size:49px}.date small{font-size:7px;letter-spacing:0}.session-title{font-size:38px}.session-title small{font-size:7px;letter-spacing:.5px;line-height:1.5;margin-top:12px}.genre{display:none}.session-arrow{font-size:28px}.session-foot{font-size:7px;line-height:1.6}.ritual{padding:45px 7% 55px}.ritual h2{font-size:18vw}.ritual-top{margin:25px 0}.ritual-body{grid-template-columns:1fr;margin-top:35px;gap:30px}.sound-flower{width:250px;margin:auto}.sound-flower>span{font-size:260px}.sound-flower>div{width:110px;height:110px;font-size:23px}.ritual li{padding:22px 0}.ritual h3{font-size:28px}.fieldnotes{padding:45px 7% 70px}.notes-layout{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:35px}.notes-title{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:end}.notes-title>span{grid-column:1/-1}.notes-title h2{font-size:80px;margin-top:20px}.notes-title p{font-size:12px}.journal img{height:230px}.journal-small{margin-top:80px}.journal-small img{height:170px}.journal h3{font-size:28px}.journal .eyebrow{font-size:7px}figcaption{font-size:6px}.contact{padding:40px 6% 25px}.contact h2{font-size:23vw;margin:20px 0 35px}.contact h2 em{display:block}.contact-top p{font-size:8px}.contact-star{font-size:70px}.contact-link{font-size:10px}footer{padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:22px}footer .logo{font-size:35px}footer span{font-size:7px;line-height:1.7}footer>a:last-child{text-align:right}#menu{padding:25px 7%}nav a{font-size:50px}nav small{margin-right:15px}#details{padding:48px 25px 30px}#details h2{font-size:52px}.section-tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}.js-motion .journal-small:not(.visible){transform:rotate(4deg)}}
/* Keep the poster composition inside the viewport without hiding its title. */
body{overflow-x:clip}.hero h1 .second-line{font-size:.86em;gap:30px}.record-scene{right:8%;top:350px;width:390px;height:390px}.hero-bottom .text-link{margin-right:20%}
@media(min-width:1500px){.record-scene{right:12%;top:390px;width:460px;height:460px}}
@media(max-width:1000px){.record-scene{width:330px;height:330px;right:9%;top:350px}.hero-bottom .text-link{margin-right:4%}}
@media(max-width:640px){.hero h1 .second-line{font-size:1em;gap:0}.record-scene{width:270px;height:270px;right:19%;top:400px}.hero-bottom .text-link{margin-right:0}}
.motion-toggle{position:fixed;right:calc(4% + 124px);top:39px;background:transparent;border:1px solid var(--ink);width:36px;height:36px;font-size:17px;z-index:20}.motion-paused .record,.motion-paused .ticker>div,.motion-paused .sound-flower>span{animation-play-state:paused!important}.motion-paused .reveal{transition:none!important;opacity:1!important}.motion-paused{scroll-behavior:auto}.motion-paused .record-scene{transition:none}
@media(max-width:640px){.motion-toggle{top:26px;right:calc(6% + 97px);width:30px;height:30px}}
html{overflow-x:clip}.motion-toggle{background:var(--paper)}
@media(max-width:640px){.motion-toggle{right:calc(6% + 116px)}.session-heading h2{font-size:64px;white-space:nowrap}.session-heading h2 span{font-size:40px;margin-left:10px}.session-heading p{max-width:92px;font-size:7px}.hero .needle{right:-12px;transform:rotate(-15deg)}}
@media(max-width:360px){.record-scene{width:230px;height:230px;top:375px;right:20%}.hero{height:810px}.session-heading h2{font-size:56px}.session-heading p{max-width:70px}.session-title{font-size:33px}.session{grid-template-columns:50px 1fr 22px;gap:8px}.notes-layout{grid-template-columns:1fr}.notes-title{grid-column:auto}.journal-small{margin-top:15px;width:80%;margin-left:15%}.journal img{height:300px}.journal-small img{height:250px}}
@media(min-width:641px) and (max-width:1000px){.record-scene{right:17%;width:300px;height:300px;top:400px}.needle{height:190px}.record-stamp{width:110px;height:110px;font-size:19px;right:-50px}.hero-bottom .scroll-cue{bottom:-15px}.notes-layout{gap:4%}.journal h3{font-size:28px}}

.room-photo img{height:auto}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
dialog[open]{animation:dialog-in .25s ease-out}

/* Dialogs must remain readable when decorative motion is paused. */
.motion-paused dialog[open]{animation:none;opacity:1;transform:none}
/* Portfolio finishing: retain the poster, ticket and editorial compositions. */
html{scrollbar-gutter:stable}.room-photo{margin:0;position:relative;transform:rotate(-4deg)}.room-photo img{height:auto;aspect-ratio:4/3}.journal img{object-fit:cover}.journal-small img{object-position:50% 50%}
.concept-disclosure{display:flex;justify-content:space-between;gap:40px;border-bottom:1px solid #20211c55;padding:30px 0 25px;scroll-margin-top:110px}.concept-disclosure p{font-size:13px;line-height:1.7;margin:0;max-width:660px}.concept-disclosure a{border-bottom:1px solid}.concept-disclosure a:hover{border-bottom-width:2px}.concept-disclosure>span{font-size:10px;line-height:1.7;max-width:220px;align-self:end}.dialog-note{padding:18px 0;border-top:1px solid #20211c40;border-bottom:1px solid #20211c40}.dialog-note strong{font-size:13px}.dialog-note p{margin-bottom:0}#details .article-colophon{font-size:11px;line-height:1.6;border-top:1px solid #20211c40;padding-top:20px;margin-top:25px}.solid-button{line-height:1.5;max-width:100%}
.motion-toggle{width:44px;height:44px;top:35px;right:calc(4% + 128px)}#details .detail-close{width:44px;height:44px;position:sticky;float:right;top:0;margin-top:-30px;margin-right:-30px;z-index:2}.detail-close:focus-visible{outline-color:var(--ink)}#details{overscroll-behavior:contain}figcaption{font-size:9px;line-height:1.5}footer span,footer>a:last-child{font-size:10px;line-height:1.5}footer>a:last-child{min-height:44px;display:flex;align-items:center}.date small{line-height:1.5}.section-tag{font-size:11px}.eyebrow{font-size:11px}.session-title small{font-size:11px;line-height:1.5}.session-foot{font-size:10px;line-height:1.6}.genre{font-size:10px}
@media(max-width:640px){.motion-toggle{width:44px;height:44px;top:22px;right:calc(6% + 116px)}.room-photo{width:90%}.concept-disclosure{display:block;padding:25px 0}.concept-disclosure p{font-size:12px}.concept-disclosure>span{display:block;font-size:10px;max-width:none;margin-top:14px}.section-tag{font-size:9px}.eyebrow{font-size:10px}figcaption{font-size:8px}.journal .eyebrow{font-size:9px}.session-title small{font-size:9px}.date small{font-size:8px}.session-foot{font-size:9px}footer span{font-size:9px}.header-note{display:none}#details .detail-close{margin-top:-30px;margin-right:-8px}.notes-title p{font-size:13px}.contact-top p,.hero-meta,.ritual-top p{font-size:9px}.session-heading p{font-size:8px;line-height:1.6;max-width:105px}}
@media(max-width:360px){.session-heading{gap:12px;align-items:center}.session-heading h2{font-size:49px}.session-heading h2 span{font-size:30px;margin-left:5px}.session-heading p{max-width:86px}.motion-toggle{right:calc(6% + 112px)}.hero-meta span:first-child{max-width:140px}.hero-meta span:last-child{max-width:100px}.contact-top p{max-width:210px}footer{grid-template-columns:1fr 1fr}footer>a:last-child{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.record-scene{transform:rotate(-15deg)!important}}
@media(min-width:361px) and (max-width:640px){.hero h1{font-size:clamp(60px,19vw,82px)}.record-scene{top:clamp(400px,calc(75vw + 107.5px),445px)}}
@media(min-width:1001px) and (max-width:1400px){.record-scene{width:350px;height:350px;top:330px}.record-stamp{width:120px;height:120px;font-size:20px;right:-65px}}
.motion-paused .reveal:not(.visible){transform:none!important}.motion-paused .journal-small:not(.visible){transform:rotate(4deg)!important}
.motion-paused .room-photo:not(.visible){transform:rotate(-4deg)!important}