@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/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(/assets/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(/assets/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 --bg-glow{syntax: "<color>"; initial-value: transparent; inherits: false;}: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%)}}.background{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,var(--bg-glow) 0%,transparent 65%);transition:--bg-glow 2.5s ease;box-shadow:inset 0 0 40vw 10vw #00000080}.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)}[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)}@keyframes act5-wght{0%{--wght: 450}to{--wght: 800}}[data-act="6"]{--wght: 500;--soft: 18;--wonk: 0;--text-colour: rgba(255, 210, 180, .85)}[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}}.background[data-act="1"],.background[data-act="2"]{--bg-glow: transparent}.background[data-act="3"]{--bg-glow: rgba(120, 62, 18, .28)}.background[data-act="4"]{--bg-glow: rgba(140, 80, 25, .32)}.background[data-act="5"]{--bg-glow: rgba(20, 28, 80, .35)}.background[data-act="6"]{--bg-glow: rgba(150, 65, 15, .38)}.background[data-act="7"]{--bg-glow: transparent}.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 .stanza{transform: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)}}@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{display: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 .background{--bg-glow: transparent;transition:--bg-glow 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}}@media(min-width:1200px){.line{max-width:48ch}}
