:root{--paper:#eee8d9;--ink:#3e4b34;--accent:#6a7954;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:12px/1.6 var(--sans);overflow:hidden}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 50% 30%,#fffdf5,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.04' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}[hidden]{display:none!important}main{min-height:100svh;position:relative}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait;opacity:.5}#loading{height:100svh;display:grid;place-items:center;font:italic 26px var(--serif);margin:0}.opening{min-height:100svh;display:grid;place-items:center;padding:20px}.theatre{position:relative;width:min(66svh,680px);height:94svh;max-height:1000px;perspective:1300px;perspective-origin:50% 52%;overflow:hidden;isolation:isolate;box-shadow:0 20px 80px #4e422529,0 2px 6px #5845281a;background:#eae3d3;border:1px solid #fff7;border-radius:3px}.world{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 57%;will-change:transform}.background{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:50% 50%;transform:translateZ(-50px) scale(1.05);backface-visibility:hidden}.plane{position:absolute;will-change:transform,opacity;opacity:0;transform-style:preserve-3d;pointer-events:none}.plane>img{width:100%;display:block;backface-visibility:visible}.olive-left{left:-13%;bottom:8%;width:45%;transform-origin:10% 83%}.olive-right{right:-11%;bottom:10%;width:43%;transform-origin:92% 85%}.olive-front{left:-16%;bottom:-3%;width:133%;transform-origin:50% 100%}.altar{left:18%;top:67.5%;width:64%;transform-origin:50% 5%}.cross{width:15%;left:44%;bottom:32.5%;transform-origin:50% 98%}.altar-contact{position:absolute;left:12%;right:12%;bottom:0;height:5%;background:#54472b38;border-radius:50%;filter:blur(6px);transform:translateY(4px)}.bird{position:absolute;left:0;top:0;transform-style:preserve-3d;transform-origin:0 0;will-change:transform;opacity:0;pointer-events:none}.bird-body{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform:translateZ(4px);filter:drop-shadow(1px 2px 1px #695b3930)}.wing{position:absolute;display:block;transform-style:preserve-3d;will-change:transform;transform-origin:97% 80%;pointer-events:none}.wing.far{filter:brightness(.91) drop-shadow(1px 2px 1px #76694b20)}.wing.near{filter:drop-shadow(2px 3px 2px #65583830)}.sprig{position:absolute;width:10.5%;left:0;top:0;transform-origin:4% 50%;will-change:transform;pointer-events:none;opacity:0}.bird-shadow{position:absolute;width:24%;height:2%;background:#5d51364d;border-radius:50%;opacity:0;will-change:transform,filter;transform:translateZ(125px);filter:blur(8px)}.sunbeam{position:absolute;inset:-10%;background:linear-gradient(118deg,transparent 28%,#fffbe640 35%,transparent 45%);mix-blend-mode:screen;pointer-events:none;opacity:.35}.bloom{position:absolute;inset:-25%;opacity:0;pointer-events:none;z-index:10;background:radial-gradient(ellipse at 49% 68%,#fffef7 8%,#fffaf0 23%,#fff7d8a0 43%,transparent 65%);transform-origin:49% 68%;will-change:transform,opacity}.paper-vignette{position:absolute;inset:0;box-shadow:inset 0 0 70px #66583d18;pointer-events:none}.skip{position:absolute;top:17px;right:18px;border:0;border-bottom:1px solid #736c5640;background:#f5f0e6b0;padding:4px 2px;font-size:8px;letter-spacing:.05em;z-index:12;color:var(--ink)}.entry{position:absolute;left:15px;right:15px;bottom:12%;display:flex;align-items:center;flex-direction:column;z-index:12;text-align:center}.invocation{font:italic 26px/1.2 var(--serif);margin:0 0 20px;text-shadow:0 1px 5px #fffc}.paper-button{font-size:10px;letter-spacing:.06em;background:#f7f1e3eb;color:var(--ink);border:1px solid #b7a27b;padding:14px 23px;box-shadow:0 3px 0 #d3c4a5,0 10px 25px #5b4c2c15}.paper-button:hover{background:#fffaf0}.transport{position:absolute;bottom:15px;left:25px;right:25px;z-index:12;padding:11px 14px 8px;background:#f6f0e2e6;backdrop-filter:blur(8px);border:1px solid #fff8;box-shadow:0 3px 15px #55482808;text-align:center}.transport>div{display:flex;justify-content:space-between;align-items:center}.transport button:not(.paper-button){font-size:8px;border:0;border-bottom:1px solid #786d5040;color:var(--ink);background:none;padding:3px 0}.transport input{display:block;appearance:none;width:100%;height:2px;margin:15px 0 9px;background:#b3a47e80;accent-color:#6a7954;cursor:ew-resize}.transport input::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#7c8966;box-shadow:0 1px 2px #0003}.transport p{font-size:8px;margin:0;min-height:13px;opacity:.8}.transport .paper-button{padding:8px 18px;font-size:9px;margin-top:10px}.hero{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:var(--accent);animation:hero-in 1.1s ease both}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 20%;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(transparent 25%,#172214ba);z-index:-1}.hero-copy{position:absolute;left:20px;right:20px;bottom:10%;color:white;text-align:center}.hero h1{font:400 clamp(68px,7vw,108px)/.9 var(--serif);margin:0;overflow-wrap:anywhere}.hero h1:focus{outline:none}.hero h1 span{display:block}.hero h1 span:first-child{font-size:.48em;font-style:italic;margin-bottom:10px}.hero h1 span:nth-child(2){font-size:.3em;font-style:italic;margin-bottom:12px}.hero button{font-size:9px;color:inherit;background:none;border:0;border-bottom:1px solid #fff7;padding:7px 0;margin-top:35px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#error{position:fixed;bottom:12px;left:12px;right:12px;padding:12px;background:#fff9;color:#773e32;z-index:50;margin:0;font-size:11px}.dust{position:absolute;inset:0;pointer-events:none;transform:translateZ(70px);opacity:.6;background-image:radial-gradient(circle at 30% 30%,#fffdf4 0 1px,transparent 2px),radial-gradient(circle at 70% 40%,#fffdf4 0 1px,transparent 2px),radial-gradient(circle at 42% 56%,#fffdf4 0 .7px,transparent 2px),radial-gradient(circle at 20% 68%,#fffdf4 0 1px,transparent 2px),radial-gradient(circle at 75% 64%,#fffdf4 0 .7px,transparent 2px)}@keyframes hero-in{from{opacity:0}to{opacity:1}}
@media(min-width:900px){.hero>img{width:63%;right:0}.hero-shade{background:linear-gradient(90deg,#3d4a33,#3d4a33db 30%,#3d4a3330 65%,transparent)}.hero-copy{width:48%;left:0;right:auto;bottom:27%}}
@media(max-width:600px){.opening{padding:0;display:block}.theatre{width:100vw;height:100svh;max-height:none;border:0;border-radius:0;box-shadow:none;perspective:1000px}.world{transform-origin:50% 55%}.skip{top:14px;right:16px;font-size:8px}.entry{bottom:10%}.invocation{font-size:27px}.transport{bottom:14px;left:18px;right:18px;padding:10px 13px 8px}.transport p,.transport button:not(.paper-button){font-size:8px}.cross{width:16%;left:43.5%}.altar{width:65%;left:17.5%}.hero h1{font-size:83px}.hero-copy{bottom:11%}.hero button{margin-top:28px}.olive-left{width:45%;left:-12%}.olive-right{width:44%;right:-12%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.bloom,.dust{display:none}}
.transport{padding:8px 12px 7px;background:#f6f0e2c9}.transport input{margin:11px 0 7px}.transport p{font-size:7px;min-height:11px}
.theatre{overflow:clip}.hero h1 span:last-child{font-size:calc(1em * var(--name-scale,1));line-height:1}
.altar{transform-origin:50% 100%}
.bloom{z-index:20}
