@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-full-normal-7BpKI3vF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-full-normal-YHFkNujK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-full-normal-CFFu7zhK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --wght{syntax: "<number>"; initial-value: 100; inherits: true;}@property --soft{syntax: "<number>"; initial-value: 100; inherits: true;}@property --wonk{syntax: "<number>"; initial-value: 0; inherits: true;}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --grid-cols{syntax: "<integer>"; initial-value: 1; inherits: false;}@property --hunger{syntax: "<number>"; initial-value: 0; inherits: true;}@property --mantra-depth{syntax: "<number>"; initial-value: 0; inherits: true;}:root{--font-poem: "Fraunces Variable", "Georgia", "Times New Roman", serif;--color-bg: #000000;--line-max-width: 52ch;--act-padding-block: 18vh;--act-padding-inline: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;background:var(--color-bg)}body{font-family:var(--font-poem);background:var(--color-bg);color:#fff;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;opacity:1;transition:opacity .4s ease}html.in-void,html.in-void *{cursor:none}body:after{content:"";position:fixed;inset:-50%;width:200%;height:200%;z-index:9999;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay;animation:grain .3s steps(1) infinite}@keyframes grain{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(2%,-2%)}50%{transform:translate(-3%,2%)}60%{transform:translate(1%,-4%)}70%{transform:translate(-2%,3%)}80%{transform:translate(3%,-1%)}90%{transform:translate(-1%,2%)}}.ambient-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;will-change:opacity;transition:opacity 2.5s cubic-bezier(.4,0,.2,1)}.ambient-glow--act3{background:radial-gradient(in oklch,ellipse 75% 60% at 50% 35%,oklch(14% .1 30 / .55) 0%,oklch(8% .05 30 / .2) 50%,transparent 70%)}.ambient-glow--act4{background:radial-gradient(in oklch,ellipse 75% 60% at 50% 35%,oklch(16% .12 40 / .6) 0%,oklch(8% .06 40 / .22) 50%,transparent 70%)}.ambient-glow--act5{background:radial-gradient(in oklch,ellipse 75% 60% at 50% 35%,oklch(12% .08 260 / .55) 0%,oklch(6% .04 260 / .2) 50%,transparent 70%)}.ambient-glow--act6{background:radial-gradient(in oklch,ellipse 75% 60% at 50% 35%,oklch(18% .14 45 / .65) 0%,oklch(10% .07 45 / .25) 50%,transparent 70%)}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 38%,oklch(0% 0 0 / .5) 75%,oklch(0% 0 0 / .88) 100%)}.void{height:120vh;display:flex;align-items:center;justify-content:center;position:relative}.void-light{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,rgba(255,255,255,.04) 40%,transparent 70%);animation:void-breathe 7s ease-in-out infinite;transition:opacity 3s ease}.void-light.extinguished{opacity:0}@keyframes void-breathe{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:.85;transform:scale(1.4)}}.act{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--act-padding-block) var(--act-padding-inline);position:relative}.stanza{margin-bottom:2.5em;text-align:center}.stanza:last-child{margin-bottom:0}.line{font-size:clamp(1.05rem,1.4vw + .55rem,1.65rem);line-height:1.8;max-width:var(--line-max-width);font-variation-settings:"wght" var(--wght),"SOFT" var(--soft),"WONK" var(--wonk);color:var(--text-colour, rgba(255, 255, 255, .6));font-optical-sizing:auto;padding:.1em 0}.line{animation:line-reveal linear both;animation-timeline:view();animation-range:entry 0% cover 25%}@keyframes line-reveal{0%{opacity:0;filter:blur(12px);transform:scale(1.35) translateY(.3em)}40%{opacity:0;filter:blur(8px);transform:scale(1.15) translateY(.15em)}to{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}}.stanza .line:nth-child(1){animation-range:entry 0% cover 22%}.stanza .line:nth-child(2){animation-range:entry 6% cover 26%}.stanza .line:nth-child(3){animation-range:entry 12% cover 30%}.stanza .line:nth-child(4){animation-range:entry 18% cover 34%}.stanza .line:nth-child(5){animation-range:entry 24% cover 38%}.stanza .line:nth-child(6){animation-range:entry 30% cover 42%}.stanza .line:nth-child(7){animation-range:entry 36% cover 46%}.stanza .line:nth-child(8){animation-range:entry 42% cover 50%}.stanza .line:nth-child(9){animation-range:entry 48% cover 54%}[data-act="1"]{--wght: 100;--soft: 100;--wonk: 0;--text-colour: rgba(255, 255, 255, .3)}[data-act="1"] .line{font-size:clamp(.85rem,1vw + .4rem,1.15rem)}[data-act="2"]{--wght: 200;--soft: 75;--wonk: 0;--text-colour: rgba(255, 255, 255, .45)}[data-act="2"] .line{font-size:clamp(.95rem,1.2vw + .45rem,1.35rem)}[data-act="3"]{--soft: 25;--wonk: 0;--text-colour: rgba(255, 255, 255, .85);animation:act3-wght linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes act3-wght{0%{--wght: 200}to{--wght: 500}}[data-act="4"]{--wght: 450;--soft: 12;--wonk: 1;--text-colour: rgba(255, 242, 225, .9);position:relative}[data-act="4"]:before{content:"";position:absolute;inset:0;background:conic-gradient(from var(--gradient-angle),transparent 0%,rgba(140,80,25,.15) 25%,transparent 50%);animation:act4-rotate linear both;animation-timeline:view();animation-range:entry 0% exit 100%;pointer-events:none}@keyframes act4-rotate{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}[data-act="5"]{--soft: 0;--wonk: 0;--text-colour: rgba(185, 190, 210, 1);animation:act5-wght linear both;animation-timeline:view();animation-range:entry 0% exit 100%}[data-act="5"] .line{font-size:clamp(1.3rem,2.2vw + .7rem,2.4rem)}[data-act="5"] .stanza{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:.5em 2em;text-align:left;animation:act5-grid linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes act5-wght{0%{--wght: 450}to{--wght: 800}}@keyframes act5-grid{0%{--grid-cols: 1}50%{--grid-cols: 2}to{--grid-cols: 3}}[data-act="6"]{--wght: 500;--soft: 18;--wonk: 0;--text-colour: rgba(255, 210, 180, .85);animation:act6-hunger linear both;animation-timeline:view();animation-range:entry 0% exit 100%}[data-act="6"] .line{letter-spacing:calc(var(--hunger) * .15em);scale:calc(1 + var(--hunger) * .15)}@keyframes act6-hunger{0%{--hunger: 0}to{--hunger: 1}}[data-act="7"]{--soft: 60;--wonk: 0;--text-colour: rgba(255, 255, 255, .55);animation:act7-wght linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes act7-wght{0%{--wght: 400}to{--wght: 100}}.line--whisper{font-style:italic;--wght: 250;--soft: 90;font-size:clamp(.85rem,1vw + .4rem,1.2rem)!important}.line--dissolve{--wght: 150;--text-colour: rgba(255, 255, 255, .2);letter-spacing:.06em}.act--mantra .line{font-size:clamp(1.15rem,1.8vw + .6rem,1.95rem);letter-spacing:.015em}.act--mantra .stanza:nth-child(1){--depth: 0}.act--mantra .stanza:nth-child(2){--depth: 1}.act--mantra .stanza:nth-child(3){--depth: 2}.act--mantra .stanza:nth-child(4){--depth: 3}.act--mantra .stanza:nth-child(5){--depth: 4}.act--mantra .stanza:nth-child(6){--depth: 5}.act--mantra{perspective:1200px;transform-style:preserve-3d;animation:act7-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes act7-depth{0%{--mantra-depth: 0}to{--mantra-depth: 1}}.act--mantra .stanza{transform:translateZ(calc(var(--depth, 0) * var(--mantra-depth) * -120px)) rotateY(calc(var(--depth, 0) * var(--mantra-depth) * 3deg)) scale(calc(1 - var(--depth, 0) * .1));opacity:calc(1 - var(--depth, 0) * .12);filter:blur(calc(var(--depth, 0) * .4px))}.act--mantra .line{text-shadow:0 0 12px rgba(255,255,255,.15),0 0 40px rgba(255,255,255,.06),0 0 80px rgba(255,255,255,.03)}.act--mantra .stanza:nth-child(n+3) .line{text-shadow:0 0 8px rgba(255,255,255,.2),0 0 30px rgba(255,255,255,.1),0 0 60px rgba(255,255,255,.06),0 0 120px rgba(255,255,255,.03)}.return{height:100vh;display:flex;align-items:center;justify-content:center}.return-light{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,rgba(255,255,255,.04) 40%,transparent 70%);animation:void-breathe 7s ease-in-out infinite}.return{animation:return-presence linear both;animation-timeline:view();animation-range:entry 10% cover 60%}@keyframes return-presence{0%{opacity:0}to{opacity:1}}[data-act="1"] .line,[data-act="2"] .line{animation-name:line-precipitate}@keyframes line-precipitate{0%{opacity:0;filter:blur(20px)}60%{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur(0)}}[data-act="5"] .line{animation-name:line-edict}@keyframes line-edict{0%{opacity:0;transform:translate(-.5em)}60%{opacity:.3;transform:translate(-.15em)}to{opacity:1;transform:translate(0)}}[data-act="7"] .line{animation-name:line-mantra}@keyframes line-mantra{0%{opacity:0;filter:blur(10px);transform:scale(1.2)}to{opacity:.7;filter:blur(.5px);transform:scale(1)}}.voice-btn{position:absolute;right:-3em;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.4em;opacity:.3;transition:opacity .3s ease}.voice-btn:hover,.voice-btn:focus-visible{opacity:.6}.voice-btn.voice-active{opacity:.9}.voice-btn svg{width:1.2em;height:1.2em;fill:#ffffffb3}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.line{opacity:1;filter:none;transform:none}.void-light,.return-light{opacity:.6;transform:scale(1)}body:after,body:before{display:none}.ambient-glow{display:none}[data-act="4"]:before{display:none}[data-act="6"] .line{letter-spacing:normal;scale:1}.act--mantra{perspective:none;transform-style:flat}.act--mantra .stanza{transform:none}}:focus-visible{outline:1px solid rgba(255,255,255,.4);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.experience-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 3s ease}.experience-active{overflow:hidden;height:100vh}.experience-active .experience-canvas{opacity:1;pointer-events:auto}.experience-active main{opacity:0;transition:opacity 2.5s ease;pointer-events:none;visibility:hidden;transition-property:opacity,visibility;transition-duration:2.5s,0s;transition-delay:0s,2.5s}.experience-active .ambient-glow{opacity:0;transition:opacity 3s ease}.naming-container{position:fixed;bottom:8vh;left:50%;transform:translate(-50%);z-index:100;opacity:0;pointer-events:none;transition:opacity 2s ease 2s}.experience-active .naming-container{opacity:1;pointer-events:auto}.naming-input{font-family:var(--font-poem);font-size:clamp(1rem,1.5vw + .5rem,1.4rem);font-variation-settings:"wght" 300,"SOFT" 40;color:#ffffffb3;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.15);padding:.4em .2em;width:30ch;max-width:80vw;text-align:center;outline:none;caret-color:#ffffff80}.naming-input::placeholder{color:#fff3;font-style:italic}.naming-input:focus{border-bottom-color:#ffffff59}@media(max-width:640px){:root{--act-padding-block: 12vh;--act-padding-inline: 1.25rem}.stanza{margin-bottom:2em}@keyframes act5-grid{0%{--grid-cols: 1}to{--grid-cols: 2}}}@media(min-width:1200px){.line{max-width:48ch}}