:root{--poster:'Didot','Bodoni MT','Baskerville','Palatino Linotype',Georgia,serif}
html{scroll-padding-top:2rem}body{isolation:isolate}h1,h2,h3,.experience h1{font-family:var(--poster);font-weight:400;letter-spacing:-.035em}h1,h2{line-height:1.02}h1 em,h2 em{font-family:var(--poster);letter-spacing:-.04em}.experience h1{font-size:clamp(4.5rem,8.8vw,9rem);text-transform:uppercase;line-height:.93}.experience h1 em{font-size:.84em;text-transform:none}.experience-content>.eyebrow,.section-label{letter-spacing:.22em}.experience{isolation:auto;background:linear-gradient(180deg,transparent,#08070422 80%);min-height:max(860px,calc(100svh - 90px))}.experience-content{padding-top:3rem;padding-bottom:7rem}.experience-content .emblem{width:clamp(170px,18vw,240px)}#aurora{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.header{background:#08070488}.experience-bottom{bottom:5.5rem;justify-content:center;text-align:center}.experience-bottom>p{max-width:unset;font-size:.8rem;letter-spacing:.03em}.experience-controls{position:fixed;z-index:60;bottom:1rem;left:50%;transform:translateX(-50%);flex-wrap:nowrap;padding:.4rem .65rem;border:1px solid #78603875;background:#0d0b07f0;box-shadow:0 6px 32px #000a;border-radius:40px;gap:.5rem;width:max-content;max-width:calc(100% - 1.5rem)}.experience-controls button{border-color:transparent;white-space:nowrap;padding:.4rem .7rem}.volume input{width:56px}.volume{font-size:.75rem}.section{padding-block:7rem;position:relative;background:linear-gradient(90deg,#080704aa,#08070488);border-bottom:1px solid #574422}.section-label{color:#c9a865}.large-copy{font-family:var(--poster);font-size:clamp(1.5rem,2.4vw,2.1rem);color:#eee0c0}.section h2{font-size:clamp(3rem,5.5vw,5.8rem)}.section p,.section a{position:relative}.contact{position:relative;background:linear-gradient(140deg,#241809bd,#080704bb);padding-block:6rem}.footer{padding-bottom:6rem}.work-placeholder{background:#0c0903c9}.join{padding-block:7rem}.join-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin:1.8rem 0 3.5rem}.join-heading p{color:#c3b18c}.invitation-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #6e542d;border-bottom:1px solid #6e542d}.invitation{padding:2.3rem 2rem;background:linear-gradient(160deg,#241b0dc4,#080704aa);border-right:1px solid #584324;display:flex;flex-direction:column;align-items:start}.invitation:first-child{padding-left:0;background:transparent}.invitation:last-child{border:0}.invitation-number{font-family:var(--poster);font-size:2rem;color:#b18a3f}.invitation h3{font-size:clamp(1.6rem,2.5vw,2.5rem);line-height:1.12;margin:1.5rem 0}.invitation p{color:#cbbd9b;margin-bottom:2rem;max-width:22rem}.invitation a{margin-top:auto;padding-block:.4rem;border-bottom:1px solid #c79a42;font-size:.9rem;color:#ffe3a1}.invitation a span{margin-left:.6rem}.invitation-note{color:#b9a47c;font-size:.85rem;margin-top:1.5rem}.finale{position:relative;text-align:center;padding:5.5rem 1rem 3rem;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#18363238,#1b110a30 55%,transparent);border-top:1px solid #5f4724}.finale-intro h2{font-size:clamp(3.4rem,7vw,7.5rem);margin:1.5rem 0}.finale-intro>p:last-child{text-transform:uppercase;letter-spacing:.17em;font-size:.9rem;color:#e4c790;margin-top:2rem}.clap-button{color:#eed7a5;background:none;border:0;padding:1rem;margin:2.5rem auto 0;display:flex;align-items:center;gap:1.5rem;font-size:.85rem;letter-spacing:.05em;position:relative;z-index:3}.clap-art{display:block;width:120px;height:88px;position:relative;transform:rotate(-5deg)}.clap-body{position:absolute;inset:23px 0 0;background:#16140e;border:1px solid #b4985a;border-radius:0 0 4px 4px;padding-top:10px;font-size:.7rem;line-height:1.5}.clap-body small{font-size:.52rem;letter-spacing:.04em}.clap-arm{position:absolute;left:0;top:7px;width:120px;height:18px;background:repeating-linear-gradient(120deg,#eddeb8 0 14px,#2c2417 14px 29px);transform:rotate(-18deg);transform-origin:left bottom;border:1px solid #b4985a;z-index:1}.clap-button.clapped .clap-arm{animation:clap-once .55s ease-in-out both}.portal-gate{position:relative;width:min(630px,94vw);aspect-ratio:1;margin:0 auto;display:grid;place-items:center;isolation:isolate;transform:scale(.83);opacity:.65;transition:transform 1.9s cubic-bezier(.2,.6,.2,1),opacity 1.5s}.portal-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;filter:drop-shadow(0 0 35px #b8832855)}.portal-centre{width:48%;display:grid;place-items:center;gap:1rem}.portal-pretitle{font-family:var(--poster);font-style:italic;color:#ebcb8c;font-size:clamp(1rem,2.5vw,1.7rem)}#portal-wait{font-size:.8rem;color:#bba77e;max-width:10rem}.portal-gate.open{transform:scale(1);opacity:1}.portal-gate.open .portal-art{animation:portal-breath 8s ease-in-out infinite}.portal-gate.open:before{content:'';position:absolute;inset:22%;border-radius:50%;box-shadow:0 0 90px #e3a72c25,inset 0 0 40px #5ab9ab30;z-index:-1}#portal-entry{display:flex;flex-direction:column;gap:1rem;align-items:center;text-decoration:none;border-radius:50%;padding:1rem;transition:text-shadow .6s}#portal-entry[hidden]{display:none}#portal-entry>span{font-family:var(--poster);font-size:clamp(2.7rem,6vw,5rem);letter-spacing:.15em;color:#ffe8a9;line-height:1}#portal-entry:hover{text-shadow:0 0 25px #f5c758}#portal-entry small{font-size:.8rem;color:#f8e4b8}.portal-credit{font-size:.9rem;letter-spacing:.09em;color:#dbc792;margin-top:-1rem}.portal-credit strong{font-family:var(--poster);font-size:1.4rem}.portal-credit span{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase}.portal-destination{font-size:.8rem;color:#b8a781;margin-top:1rem}#end-sentinel{height:1px}#spotlight-shade{position:fixed;inset:0;background:radial-gradient(circle 210px at var(--cx,50%) var(--cy,50%),transparent 20%,#0000 35%,rgba(0,0,0,.5) 100%);z-index:40;pointer-events:none;opacity:0;transition:opacity 1s}body[data-mode=spotlight].cursor-active #spotlight-shade{opacity:1}#power-flash{position:fixed;inset:0;z-index:41;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--cx,50%) var(--cy,50%),#fff2bc55,transparent 60%)}#power-flash.flash{animation:power-on 1.2s ease-out}#cinema-cursor{position:fixed;left:0;top:0;width:100px;height:100px;margin:-50px 0 0 -50px;pointer-events:none;z-index:70;opacity:0;transition:opacity .45s;will-change:transform}body.cursor-active #cinema-cursor{opacity:1}.camera-cursor,.spot-cursor,.clapper-cursor{position:absolute;inset:0;transition:opacity .7s,transform .7s}.camera-cursor{border:1px solid #c4a869;border-radius:50%;background:#07080455;box-shadow:0 0 24px #ffc86320,inset 0 0 0 5px #0b0c09,inset 0 0 0 6px #705f39}.camera-cursor canvas{position:absolute;inset:13%;width:74%;height:74%;border-radius:50%;opacity:.86}.lens-ring{position:absolute;inset:8px;border-radius:50%;border:1px dashed #d9bc7470;transition:transform .2s}.lens-focal{position:absolute;top:8px;width:100%;text-align:center;font-size:9px;letter-spacing:.16em;color:#f6da91;line-height:1}.lens-cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;color:#ffe6a4}.holding .lens-ring{transform:rotate(60deg)}.spot-cursor{opacity:0;transform:scale(.4)}.spot-cursor>span{position:absolute;inset:33%;border:1px solid #ffe8a2;border-radius:50%;box-shadow:0 0 20px #e8c16c66,inset 0 0 12px #fff3c355}.spot-cursor>i{position:absolute;inset:45%;border-radius:50%;background:#fff3c0;box-shadow:0 0 22px #ffd778}.clapper-cursor{opacity:0;transform:scale(.4)}.clapper-base{position:absolute;inset:40% 10% 15%;background:#14120d;border:1px solid #d8ba70;font-size:9px;text-align:center;display:grid;place-items:center;color:#fbe1a4}.clapper-top{position:absolute;left:10%;top:26%;width:80%;height:14%;background:repeating-linear-gradient(120deg,#e9d9ad 0 11px,#211b12 11px 22px);transform:rotate(-15deg);transform-origin:left bottom}.cursor-clapped .clapper-top{animation:clap-once .55s ease-in-out both}body[data-mode=spotlight] .camera-cursor,body[data-mode=clapper] .camera-cursor{opacity:0;transform:scale(.5)}body[data-mode=spotlight] .spot-cursor,body[data-mode=clapper] .clapper-cursor{opacity:1;transform:scale(1)}body.effects-off #aurora{opacity:.12}body.effects-off #cinema-cursor,body.effects-off #spotlight-shade,body.motion-paused #spotlight-shade{display:none}.effects-off .portal-gate.open .portal-art,.motion-paused .portal-gate.open .portal-art{animation:none}.motion-paused .clap-arm{animation:none!important;transform:rotate(0)}.motion-paused #power-flash{display:none}.motion-paused .portal-gate{transition:none}.motion-paused #cinema-cursor{display:none}body.motion-paused,body.motion-paused *{scroll-behavior:auto!important}.no-script{position:relative;z-index:3}.skip:focus{z-index:80}
@media(hover:hover) and (pointer:fine){body.cursor-active,body.cursor-active a,body.cursor-active button{cursor:none}body.cursor-active input{cursor:auto}}
@keyframes clap-once{0%{transform:rotate(-18deg)}45%,100%{transform:rotate(0)}}
@keyframes power-on{0%{opacity:0}18%{opacity:.75}100%{opacity:0}}
@keyframes portal-breath{0%,100%{filter:drop-shadow(0 0 28px #b8832850)}50%{filter:drop-shadow(0 0 55px #c89a3670)}}
@media(max-width:700px){.experience{min-height:940px}.experience h1{font-size:clamp(3.6rem,13.5vw,5.5rem)}.experience-content{padding-top:2.7rem}.experience-content .emblem{width:210px;margin-block:2.5rem}.header nav{font-size:.75rem;gap:.8rem}.experience-controls{bottom:.5rem;border-radius:20px;gap:.2rem;padding:.25rem .3rem;flex-wrap:wrap;width:calc(100% - 1rem);justify-content:center}.experience-controls button{font-size:.75rem;padding:.3rem .5rem;min-height:40px}.experience-controls .volume{width:auto;order:0;font-size:0;gap:0}.experience-controls .volume input{width:45px}.experience-bottom{bottom:6rem}.experience-bottom>p{max-width:19rem}.section,.join{padding-block:4rem}.section h2{font-size:3rem}.join-heading{display:block}.join-heading h2{font-size:3rem}.join-heading p{margin-top:1.5rem}.invitation-grid{grid-template-columns:1fr}.invitation,.invitation:first-child{padding:2rem 1rem;border-right:0;border-bottom:1px solid #584324;background:#100d0788}.invitation h3{font-size:2.3rem}.invitation p{max-width:unset}.contact{padding-block:4rem}.finale{padding-top:4rem}.finale-intro h2{font-size:3.4rem}.finale-intro>p:last-child{font-size:.75rem;line-height:1.8}.clap-button{flex-direction:column;gap:.6rem;margin-top:1.5rem}.portal-gate{margin-block:1.5rem;width:100%;}.portal-pretitle{font-size:1rem}.portal-credit span{font-size:.65rem}.footer{padding-bottom:6rem}.portal-centre{gap:.5rem}#portal-entry{gap:.6rem}#portal-entry small{font-size:.7rem}.portal-gate.open .portal-art{animation:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#cinema-cursor,#power-flash,#spotlight-shade{display:none!important}.portal-gate{transform:none}.clap-button.clapped .clap-arm{transform:rotate(0)}}

body[data-mode=spotlight].spot-power-off #spotlight-shade{background:rgba(0,0,0,.5)}body.spot-power-off .spot-cursor>i{opacity:.2}

@media(hover:hover) and (pointer:fine){body.holding main{user-select:none}}

/* Native selection and image dragging must not compete with film manipulation. */
body.film-dragging,body.film-dragging *{-webkit-user-select:none!important;user-select:none!important}
body.film-dragging ::selection,body.holding main ::selection{background:transparent;color:inherit}
body.film-dragging{overscroll-behavior:contain}
.emblem img,.secret-scene img,.portal-ring,.gesture-gateway>img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
@media(hover:hover) and (pointer:fine){body.holding main{-webkit-user-select:none}}