:root{--blockbuster:Impact,'Haettenschweiler','Arial Narrow','Helvetica Neue',sans-serif;--spot-radius:420px}
.experience h1,.finale-intro h2{font-family:var(--blockbuster);font-weight:400;letter-spacing:.025em;text-transform:uppercase;font-size:clamp(5rem,10vw,11rem);line-height:.98}.experience h1 em,.finale-intro h2 em{display:inline-block;font-family:var(--poster);font-size:.6em;font-weight:400;text-transform:none;letter-spacing:-.035em;line-height:1.1}.section h2,.join h2,.contact h2{font-family:var(--blockbuster);font-size:clamp(3rem,5.6vw,6rem);letter-spacing:.025em;text-transform:uppercase;line-height:1.05}.section h2 em,.join h2 em,.contact h2 em{font-family:var(--poster);text-transform:none;letter-spacing:-.025em;font-size:.9em}.invitation h3{font-family:var(--blockbuster);font-size:clamp(1.8rem,2.8vw,2.8rem);letter-spacing:.045em;text-transform:uppercase;line-height:1.15}.hero-caption{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}.experience{min-height:max(1020px,calc(100svh - 90px))}.experience-content{padding-bottom:10rem}.experience-content .emblem{width:clamp(165px,17vw,230px);margin-block:2.5rem 2rem}.gesture-alternatives{display:flex;gap:.75rem;pointer-events:auto;margin-top:1.7rem}.gesture-alternatives button{color:#e6c481;background:#161006bd;border:1px solid #685028;border-radius:30px;padding:.7rem 1rem;font-size:.8rem;min-height:44px;transition:background .3s,box-shadow .3s}.gesture-alternatives button:hover{background:#422d10;box-shadow:0 0 24px #b8791928}.experience-bottom{bottom:6rem}.experience-bottom>p{letter-spacing:.055em;color:#dbc78f}.section{background:linear-gradient(110deg,#100b0599,#080704aa)}#about{background:radial-gradient(ellipse at 0 50%,#6a481a22,#0b0904aa 62%)}#work{background:radial-gradient(ellipse at 85% 45%,#154d4d44,#080704aa 70%)}#join{background:radial-gradient(ellipse at 40% 60%,#222d4744,transparent 70%)}#contact{background:radial-gradient(ellipse at 5% 65%,#743b1938,#0e0907bb 65%)}.chapter-seam{position:relative;min-height:175px;display:flex;align-items:center;justify-content:center;gap:2rem;overflow:hidden;margin-top:2rem;padding:2rem 5%;isolation:isolate;background:linear-gradient(180deg,#08070400,#261a0b77,#08070400)}.seam-horizon{position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#f6d587,transparent);box-shadow:0 0 12px 2px #db9e4533;z-index:-1}.chapter-seam:before,.chapter-seam:after{content:'';position:absolute;left:50%;top:50%;width:min(75vw,760px);height:130px;border:1px solid #b3914244;border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:-1}.chapter-seam:after{width:min(68vw,690px);height:90px;transform:translate(-50%,-50%) rotate(8deg);border-color:#adceac33}.seam-number{font-family:var(--blockbuster);font-size:3rem;color:#d9b966;background:#0c0905;padding:.1rem .6rem;line-height:1.2}.chapter-seam>div:not(.seam-horizon){background:#0c0a06e8;padding:.65rem 1.2rem}.seam-title{display:block;font-family:var(--blockbuster);font-size:1.35rem;letter-spacing:.18em;color:#efd9a0}.seam-caption{display:block;font-family:var(--poster);font-style:italic;color:#bca983;font-size:1rem}.seam-star{font-size:2rem;color:#ffecc0;text-shadow:0 0 25px #ffdc7a;background:#080704}.seam-work{filter:hue-rotate(80deg)}.seam-join{filter:hue-rotate(140deg)}.seam-contact{filter:hue-rotate(-20deg)}#spotlight-shade{background:radial-gradient(circle var(--spot-radius) at var(--cx,50%) var(--cy,50%),transparent 0%,transparent 25%,#0001 42%,#0008 70%,#000b 100%)}#spotlight-light{position:fixed;inset:0;z-index:41;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle var(--spot-radius) at var(--cx,50%) var(--cy,50%),#fff5bc66 0%,#ffeaa144 13%,#ecc06320 33%,transparent 65%);transition:opacity .8s}body[data-mode=spotlight].cursor-active #spotlight-light{opacity:1}body[data-mode=spotlight].spot-power-off #spotlight-light{opacity:0}body[data-mode=spotlight].spot-power-off #spotlight-shade{background:#000b}.spot-cursor>span{inset:16%;border:2px solid #fff6cc;box-shadow:0 0 50px #ffda8ccc,0 0 120px #ffcf6377,inset 0 0 35px #fff3aeaa}.spot-cursor>i{inset:40%;background:#fffbe3;box-shadow:0 0 22px 8px #fff6bbaa,0 0 70px 25px #faca7966}.morph-orbit{position:absolute;inset:-18%;border:1px solid #ffe3a45e;border-radius:50%;transform:rotateX(60deg) rotate(-35deg);opacity:0;transition:opacity .7s,transform 1.1s}.orbit-two{inset:-30%;border-color:#84e7d36b;transform:rotateY(70deg) rotate(35deg)}body[data-mode=spotlight] .morph-orbit{opacity:1;transform:rotateX(65deg) rotate(145deg)}body[data-mode=spotlight] .orbit-two{transform:rotateY(65deg) rotate(-145deg)}#cinema-cursor.morphing .morph-orbit{animation:orbit-transform 1.2s ease-out both}#cinema-cursor.morphing .orbit-two{animation-direction:reverse}.camera-cursor,.spot-cursor,.clapper-cursor{transition:opacity .9s,transform 1.2s cubic-bezier(.16,.8,.2,1),filter 1s}body[data-mode=spotlight] .camera-cursor{transform:scale(.2) rotate(180deg);filter:blur(6px)}body[data-mode=clapper] .spot-cursor{transform:scale(.15) rotate(-120deg);filter:blur(8px)}body[data-mode=clapper] .morph-orbit{opacity:.4;transform:rotateX(80deg) scale(.8)}.gesture-gateway{position:fixed;z-index:55;width:250px;height:290px;display:grid;place-items:center;filter:drop-shadow(0 0 30px #e1ac5140);isolation:isolate;animation:gateway-arrive 1.3s cubic-bezier(.2,.7,.2,1) both}.gesture-gateway[hidden]{display:none}.gesture-gateway>img{position:absolute;width:100%;height:250px;left:0;top:0;z-index:-1;pointer-events:none}.gesture-gateway>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;width:125px;height:125px;margin-top:-40px;border-radius:50%;background:radial-gradient(circle,#15160ec9,#080704b0);text-decoration:none;color:#fff0b5;transition:box-shadow .3s,background .3s}.gesture-gateway>a:hover{box-shadow:0 0 45px #ffc65d77;background:#3b2a13}.gesture-gateway>a>span{font-family:var(--blockbuster);font-size:2.4rem;letter-spacing:.13em}.gesture-gateway small{font-size:.75rem}.gesture-gateway>p{position:absolute;bottom:0;font-family:var(--poster);font-style:italic;background:#080704ed;border:1px solid #82632e55;border-radius:25px;padding:.35rem 1rem;color:#eacb8d;font-size:.9rem}.gesture-gateway>button{position:absolute;right:0;top:0;z-index:2;width:40px;height:40px;border:1px solid #c69b52;border-radius:50%;background:#161008ed;color:#ffe6a9;font-size:1.5rem}.gesture-gateway:focus-within{filter:drop-shadow(0 0 40px #e5c07c80)}.effects-off #spotlight-light,.motion-paused #spotlight-light{display:none}.motion-paused .gesture-gateway,.effects-off .gesture-gateway{animation:none}.invitation a{font-weight:500}.invitation-number{font-family:var(--blockbuster);font-size:2.8rem;color:#ddb757}.portal-gate.open{filter:drop-shadow(0 0 30px #efbf6630)}
@keyframes orbit-transform{0%{opacity:0;transform:scale(.2) rotate(-160deg)}45%{opacity:1;transform:scale(1.6) rotate(30deg)}100%{opacity:.8;transform:rotateX(60deg) rotate(160deg)}}
@keyframes gateway-arrive{0%{opacity:0;transform:scale(.15) rotate(-45deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:700px){.experience{min-height:1060px}.experience h1{font-size:clamp(3.8rem,17vw,6rem);letter-spacing:.018em}.experience h1 em{font-size:.7em}.experience-content{padding-top:2.5rem}.experience-bottom>p{font-size:.75rem;max-width:20rem;line-height:1.9}.gesture-alternatives{gap:.5rem;flex-wrap:wrap;justify-content:center}.gesture-alternatives button{font-size:.75rem}.section h2,.join h2,.contact h2{font-size:clamp(2.6rem,10vw,4rem);letter-spacing:.02em}.invitation h3{font-size:2.2rem}.finale-intro h2{font-size:3.7rem;letter-spacing:.02em}.finale-intro h2 em{font-size:.78em}.chapter-seam{min-height:155px;gap:.7rem;padding-inline:1rem}.seam-number{font-size:2rem}.seam-title{font-size:1.05rem;letter-spacing:.1em}.seam-caption{font-size:.8rem}.seam-star{font-size:1.3rem}.chapter-seam>div:not(.seam-horizon){padding:.5rem .4rem}.gesture-gateway{width:220px;height:255px}.gesture-gateway>img{height:220px}.gesture-gateway>a{width:110px;height:110px;margin-top:-35px}.gesture-gateway>a>span{font-size:2rem}}
@media(prefers-reduced-motion:reduce){#spotlight-light{display:none!important}.gesture-gateway{animation:none!important}.morph-orbit{display:none}}