@font-face{font-family:Editorial;src:url('assets/serif.ttf')}@font-face{font-family:Editorial;src:url('assets/serif-italic.ttf');font-style:italic}@font-face{font-family:Manrope;src:url('assets/sans.ttf');font-display:swap}
:root{--paper:#eae7e5;--ink:#29262c;--line:#bbb5ba;--lavender:#a39aa9;--serif:Editorial,Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#stage:focus-visible{outline:2px solid #78627f;outline-offset:7px}button{border:0;background:none}::selection{background:#beb0ca}header{height:104px;padding:23px 4.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid #29262c26}.wordmark{font:42px var(--serif);letter-spacing:-3px;display:flex;align-items:center;gap:22px}.wordmark span{font:8px var(--sans);letter-spacing:3px;padding-top:5px}nav{display:flex;gap:50px;font-size:11px}nav a{padding:12px 0}nav span{margin-left:25px}nav a:hover{opacity:.5}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:400}.hero{height:max(860px,100svh);min-height:800px;position:relative;padding:146px 4.5% 36px;overflow:hidden;background:radial-gradient(ellipse at 68% 44%,#f9f7f4 0,#e6e2e1 48%,#d5ced4 100%)}.hero:after{position:absolute;inset:0;content:'';pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.33' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-top{display:flex;justify-content:space-between;position:relative;z-index:2}h1{position:relative;z-index:3;font:clamp(80px,9.2vw,160px)/.84 var(--serif);letter-spacing:-.055em;font-weight:400;margin:127px 0 0;pointer-events:none;width:65%}h1 em,h2 em,.closing em{font-weight:400}h1 em{white-space:nowrap}.hero-bottom{position:absolute;bottom:140px;z-index:5}.hero-bottom p{font:22px var(--serif);margin:0 0 29px}.text-link{font-size:10px;border-bottom:1px solid #837981;padding:0 0 12px;display:inline-flex;align-items:center;gap:45px}.text-link span{font-size:18px;transition:transform .4s}.text-link:hover span{transform:translate(3px,3px)}.stage-wrap{position:absolute;z-index:4;left:47%;right:0;top:160px;bottom:95px;pointer-events:none}#stage{position:absolute;inset:0;touch-action:pan-y;pointer-events:auto;cursor:grab}#stage:active{cursor:grabbing}#stage canvas{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}#fallback{position:absolute;top:1%;height:90%;width:100%;object-fit:contain;z-index:1;transition:opacity .35s}#stage.ready #fallback{opacity:0;visibility:hidden}.light-pool{position:absolute;width:70%;height:18%;left:15%;bottom:2%;background:radial-gradient(ellipse,#45354330,transparent 66%);filter:blur(15px)}.stage-help{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.6px;pointer-events:none}.spray-button{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);font-size:10px;display:flex;align-items:center;gap:13px;white-space:nowrap;pointer-events:auto;padding:8px 14px;background:#eae7e564;border:1px solid #887c8b3d;border-radius:30px;backdrop-filter:blur(10px);transition:background .3s}.spray-button:hover{background:#faf6f1}.spray-symbol{font-size:21px}.hero-index{position:absolute;bottom:35px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;border-top:1px solid #29262c40;padding-top:24px;z-index:5}.composition{padding:75px 6% 100px;background:#eeece8;overflow:hidden}.section-top{display:flex;justify-content:space-between;border-top:1px solid #82788760;padding-top:20px}.composition-heading{display:flex;justify-content:space-between;align-items:end;margin:70px 0 65px}h2{font:clamp(58px,6vw,100px)/.94 var(--serif);font-weight:400;letter-spacing:-.04em;margin:0}.composition-heading p{font-size:12px;line-height:1.9;max-width:250px;margin:0 5% 10px 30px}.note-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.note-art{aspect-ratio:1.12;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 30%,#c4c5b9,#63635c 65%,#333a38);transition:background 1s}.note-art[data-active="1"]{background:radial-gradient(ellipse at 35% 30%,#bcb4c6,#65566c 65%,#302a36)}.note-art[data-active="2"]{background:radial-gradient(ellipse at 35% 30%,#ded5ce,#aa958f 65%,#615058)}.orb{position:absolute;width:66%;height:90%;border-radius:50%;background:linear-gradient(135deg,#f6f4e7aa,#a4a19511 38%,#f0ece77a 50%,#1f292233 63%,#eeebe6bb);border:1px solid #f7f4ee59;box-shadow:inset -13px -14px 24px #10152250,inset 15px 10px 20px #fcfaf661,20px 30px 40px #19202060;transform:rotate(-32deg);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}.orb-one{left:-20%;top:6%}.orb-two{left:32%;top:19%;width:54%;height:73%;transform:rotate(32deg)}.orb-three{width:26%;height:36%;left:53%;top:8%;backdrop-filter:blur(2px);transform:rotate(-40deg)}.note-art[data-active="1"] .orb-one{transform:translate(25%,10%) rotate(30deg)}.note-art[data-active="1"] .orb-two{transform:translate(15%,-5%) rotate(-45deg)}.note-art[data-active="2"] .orb-one{transform:translate(18%,-25%) rotate(65deg)}.note-art[data-active="2"] .orb-two{transform:translate(-25%,20%) rotate(-10deg)}.art-caption{position:absolute;bottom:25px;left:25px;font-size:7px;color:#fff;letter-spacing:1.5px}.notes{width:100%}.note{border-bottom:1px solid #bfb9be;width:100%;text-align:left;display:flex;gap:27px;align-items:flex-start;padding:27px 0;opacity:.52;transition:opacity .4s,padding .6s}.note:first-child{border-top:1px solid #bfb9be}.note:hover,.note.active{opacity:1}.note.active{padding:33px 0}.note-number{font-size:8px;margin-top:5px}.note small{display:block;font-size:7px;letter-spacing:1.6px;margin-bottom:10px}.note strong{font:42px var(--serif);font-weight:400}.note em{display:block;font:10px var(--sans);font-style:normal;height:0;opacity:0;overflow:hidden;transition:height .4s,opacity .4s,margin .4s}.note.active em{height:16px;opacity:1;margin-top:10px}.note-arrow{margin-left:auto;align-self:center;font-size:20px}.ritual{min-height:800px;padding:65px 6%;background:#27242d;color:#ebe6e4;position:relative;overflow:hidden}.ritual .section-top{position:relative;z-index:2;border-color:#aea5b047}.ritual-copy{position:relative;z-index:2;padding:66px 0 40px}.tiny-star{font-size:32px;display:block;margin:0 0 35px}.ritual h2{font-size:clamp(70px,7vw,108px)}.light-link{display:inline-flex;gap:50px;font-size:10px;border-bottom:1px solid #d3c5db70;padding:14px 0;margin-top:35px}.ritual-sculpture{position:absolute;inset:10% -20% -25% 39%;transform:rotate(-22deg);background:radial-gradient(ellipse,#b9a6c426,transparent 65%)}.ring{position:absolute;width:65%;height:73%;left:12%;top:5%;border:1px solid #ddd2e384;border-radius:50%;box-shadow:inset 20px 2px 26px #b6a5c02b,25px 20px 30px #100e1770;transform:rotate(12deg)}.ring-b{left:17%;top:9%;box-shadow:inset 30px 8px 15px #d0b3db24,22px 10px 30px #121016}.ring-c{left:22%;top:13%;box-shadow:inset 26px 5px 34px #e2c9ed38,20px 9px 15px #12101680}.ring-d{left:27%;top:17%;box-shadow:inset 28px 2px 34px #e2c9ed5e,28px 5px 30px #12101680}.ritual-caption{position:absolute;bottom:25%;left:25%;font-size:10px;letter-spacing:4px;transform:rotate(22deg)}.closing{text-align:center;padding:100px 20px 120px}.closing p{font:clamp(65px,8vw,130px)/.87 var(--serif);letter-spacing:-.045em;margin:45px 0}.closing .text-link{margin-top:20px}footer{padding:40px 4.5%;border-top:1px solid #bdb5bd;display:flex;align-items:center;gap:8%;font-size:9px;line-height:1.8}.footer-brand{font:65px var(--serif);letter-spacing:-5px}.footer-right{margin-left:auto;display:flex;flex-direction:column;align-items:end;gap:10px}.footer-right button{padding:0;font-size:9px;border-bottom:1px solid #9d929e}footer p{margin:4px 0}footer a:hover{opacity:.6}dialog{border:1px solid #a89aa9;background:#eeece8;color:var(--ink);max-width:530px;padding:54px;line-height:1.8}dialog::backdrop{background:#201a25aa;backdrop-filter:blur(8px)}dialog h2{font-size:50px;margin:25px 0}dialog p{font-size:12px}#about-close{position:absolute;right:20px;top:10px;font-size:30px}#cursor{position:fixed;z-index:30;width:70px;height:70px;border:1px solid #6a5d7166;border-radius:50%;display:grid;place-items:center;font-size:7px;letter-spacing:1px;pointer-events:none;opacity:0;transition:opacity .2s;left:0;top:0;background:#ece8ee18;backdrop-filter:blur(2px)}#cursor.visible{opacity:1}#mist-overlay{pointer-events:none;position:fixed;inset:0;z-index:20;background:radial-gradient(ellipse at 73% 33%,#ece7f24d,transparent 55%);opacity:0;transition:opacity .7s}#mist-overlay.bloom{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:15px;z-index:99;padding:12px;background:white}.skip:focus{top:15px}.reveal{transition:transform 1s cubic-bezier(.2,.7,.1,1),opacity 1s}.reveal.waiting{opacity:0;transform:translateY(30px)}
.spray-button{z-index:4}.stage-help{z-index:4}.note-art .editorial-glass{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 1.5s cubic-bezier(.16,1,.3,1),filter 1.5s}.note-art[data-active="1"] .editorial-glass{transform:scale(1.17) translate(-3%,2%);filter:hue-rotate(12deg)}.note-art[data-active="2"] .editorial-glass{transform:scale(1.09) translate(2%,-2%);filter:sepia(.15)}.ritual-sculpture{inset:-7% -5%;transform:none;opacity:.8}.ritual-sculpture img{width:100%;height:100%;object-fit:cover}.ritual-sculpture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#201e29 0,#201e29d9 30%,transparent 75%)}.ritual-caption{display:none}.ritual-copy{max-width:60%}
@media(min-width:1600px){.hero{max-height:1150px}.stage-wrap{left:44%}h1{margin-top:150px}}
@media(max-width:900px){h1{font-size:105px;margin-top:125px;width:70%}.stage-wrap{left:40%;top:210px;right:-10%;bottom:110px}.hero-bottom{bottom:160px}.note-layout{gap:6%}.composition-heading p{margin-right:0}.note strong{font-size:34px}nav{gap:25px}.ritual-sculpture{left:35%;right:-40%}}
@media(max-width:600px){header{height:83px;padding:18px 6%}.wordmark{font-size:36px;gap:13px}.wordmark span{font-size:6px;letter-spacing:2px}nav{gap:22px;font-size:9px}nav a:first-child{display:none}nav span{margin-left:8px}.hero{height:920px;min-height:0;padding:113px 6% 24px;background:radial-gradient(ellipse at 65% 53%,#f9f7f4,#e6e2e1 55%,#d5ced4)}.hero-top .edition{display:none}.eyebrow{font-size:7px;letter-spacing:1.4px}h1{font-size:clamp(66px,17vw,102px);margin-top:42px;line-height:.86;width:100%;z-index:3}.stage-wrap{top:275px;bottom:155px;left:-7%;right:-7%}.stage-help{bottom:0;font-size:7px;letter-spacing:1.1px}.spray-button{bottom:30px;font-size:9px}.hero-bottom{bottom:72px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between}.hero-bottom p{font-size:17px;margin:0}.text-link{font-size:8px;gap:17px;padding-bottom:8px}.hero-index{bottom:22px;left:6%;right:6%;font-size:6px;padding-top:15px}.composition{padding:45px 6% 60px}.section-top .eyebrow:last-child{font-size:6px;max-width:42%;text-align:right;line-height:1.7}.composition-heading{display:block;margin:48px 0 35px}h2{font-size:60px}.composition-heading p{font-size:10px;margin:24px 0 0}.note-layout{display:flex;flex-direction:column;gap:30px}.note-art{width:100%;aspect-ratio:1.2}.note strong{font-size:39px}.note{padding:23px 0}.note.active{padding:27px 0}.note small{font-size:7px}.note em{font-size:9px}.ritual{min-height:740px;padding:45px 6%}.ritual-copy{padding-top:55px}.ritual h2{font-size:72px}.ritual-sculpture{inset:40% -40% -15% 15%;opacity:.8}.ritual-caption{display:none}.ritual-copy .light-link{position:relative;z-index:3}.closing{padding:75px 6% 85px}.closing p{font-size:75px}.closing .text-link{font-size:9px}footer{padding:30px 6%;gap:20px;align-items:start;flex-wrap:wrap;font-size:7px}.footer-brand{font-size:45px;letter-spacing:-3px}.footer-right{flex-direction:row;justify-content:space-between;width:100%;margin:12px 0 0;border-top:1px solid #c1b9c0;padding-top:20px}.footer-right button{font-size:8px}dialog{padding:42px 25px;max-width:90vw}dialog h2{font-size:40px}#cursor{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.waiting{opacity:1;transform:none}#cursor,#mist-overlay{display:none}.ritual-sculpture{transform:rotate(-22deg)!important}}
@media(max-width:900px){.ritual-sculpture{inset:-5% -25%}}@media(max-width:600px){.ritual-sculpture{inset:0 -55% 0 -40%;opacity:.65}.ritual-copy{max-width:100%}.ritual-sculpture:after{background:linear-gradient(90deg,#201e29d9,transparent)}}
.hero{background:#eae7e5}
#fallback{top:0;height:100%}@media(prefers-reduced-motion:reduce){.ritual-sculpture{transform:none!important}}