@font-face{font-family:Averia;src:url(//emilfadel.de/wp-content/plugins/emil-poster/cinema/assets/averia.ttf) format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:90px}body{margin:0;background:#101814;color:#ede4cb;font-family:Georgia,serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #f5c282;outline-offset:7px}header{position:absolute;top:0;left:0;z-index:20;width:100%;padding:26px 4vw;display:flex;justify-content:space-between;align-items:center;font-size:19px}header span{display:block;font:9px/2 monospace;text-transform:uppercase;letter-spacing:.15em}nav{display:flex;gap:28px;align-items:center;font:11px monospace}nav button{font:inherit;border-bottom:1px solid #b5b29a;padding:8px 0}.journey{height:740svh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#101814}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:12;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.set{position:absolute;inset:0}.projector{position:absolute;inset:0;background:conic-gradient(from 245deg at 50% 100%,transparent 0deg,#eace9230 35deg,transparent 70deg);opacity:.45}.screen{position:absolute;width:54vw;height:44vh;left:23vw;top:26vh;background:#b5af83;box-shadow:0 0 100px #c7c89d1c,0 0 0 12px #060e0b,0 0 0 13px #5b604638;overflow:hidden;transform-origin:50% 58%}.sky{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 90%,#f0c685,#7e9688 60%,#45584f)}.buildings{position:absolute;bottom:0;height:65%;width:130%;left:-15%;background:#34453d;clip-path:polygon(0 40%,8% 40%,8% 10%,21% 10%,21% 36%,30% 36%,30% 3%,41% 3%,41% 50%,48% 50%,48% 24%,62% 24%,62% 0,75% 0,75% 42%,83% 42%,83% 20%,93% 20%,93% 35%,100% 35%,100% 100%,0 100%)}.near{height:47%;background:#182c26;transform:scaleX(-1);bottom:-9%}.window{position:absolute;width:23px;height:34px;top:53%;left:64%;background:#e7b876;box-shadow:0 0 24px #d9aa7855}.window:after{content:'';position:absolute;left:45%;height:100%;width:2px;background:#302e20}.window i{position:absolute;bottom:0;left:5px;width:7px;height:18px;border-radius:50% 50% 0 0;background:#584a32}.screen-caption{position:absolute;bottom:7%;width:100%;text-align:center;font:7px monospace;letter-spacing:.24em;color:#afba9a}.curtain{position:absolute;top:0;width:18%;height:100%;background:repeating-linear-gradient(90deg,#151713 0,#282a1e 11%,#0a110e 22%);box-shadow:10px 0 60px #0007}.left{left:-7%;transform:skewX(-6deg)}.right{right:-7%;transform:skewX(6deg)}.seats{position:absolute;left:-10%;width:120%;height:16vh;bottom:-8vh;background:radial-gradient(ellipse at 50% 95%,#4b2924 0 52%,#140f0d 54% 65%,transparent 66%) 0 0/15vw 100% repeat-x;filter:drop-shadow(0 -8px 12px #0008)}.back{bottom:0;height:13vh;background-size:11vw 100%;opacity:.65}.scene{position:absolute;inset:0;z-index:5;padding:14vh 10vw;display:flex;flex-direction:column;justify-content:center;visibility:hidden;opacity:0;pointer-events:none}.intro{visibility:visible;opacity:1;justify-content:flex-start;padding-top:17vh}.label{font:10px/1.7 monospace;letter-spacing:.19em;text-transform:uppercase;margin:0 0 24px}h1,h2,p{margin-top:0}h1,h2{font-family:Averia,Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:1.02}h1{font-size:clamp(52px,7.4vw,112px);max-width:1100px;text-shadow:0 2px 35px #1119}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}h1 em{font-size:.88em}h2{font-size:clamp(45px,6.4vw,94px);margin-bottom:24px}.intro-bottom{position:absolute;left:10vw;right:10vw;bottom:19vh;display:flex;justify-content:space-between;font-size:16px;line-height:1.5}.intro-bottom p:first-child{font:10px monospace;letter-spacing:.12em;text-transform:uppercase}.scene>p:not(.label){font-size:19px;line-height:1.6}.approach{text-align:center}.distance{justify-content:flex-end;padding-bottom:17vh}.memory{text-align:center}.empty-chair{position:absolute;width:100px;height:120px;bottom:13vh;left:calc(50% - 50px);border-radius:35px 35px 5px 5px;background:linear-gradient(100deg,#311e1b,#6a3c31,#291a18);box-shadow:0 5px 14px #0005}.quiet{background:#131b17;padding:17vh 14vw}.voices{display:flex;flex-direction:column;gap:9vh}.voices p{align-self:flex-end;font-family:Averia,serif;font-size:clamp(32px,5vw,74px)}.small-note{font:11px/1.8 monospace;color:#a8ae9d;margin-top:8vh}.last{text-align:center;background:#101814}.last h2{font-size:clamp(42px,5vw,75px)}.signal{width:8px;height:12px;background:#ecc18a;box-shadow:0 0 20px #efbb8655;margin:0 auto 13vh}.stage-footer{position:absolute;bottom:28px;left:4vw;right:4vw;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.14em;z-index:15;color:#c3c4ad}.progress{position:absolute;bottom:0;width:100%;height:2px;background:#ffffff0d;z-index:16}.progress i{display:block;background:#bf9e74;width:100%;height:100%;transform:scaleX(0);transform-origin:left}.destination{min-height:100svh;background:#dcd6c3;color:#25382e;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:100px 10vw;gap:6vw}.book-wrap{perspective:1100px;background:radial-gradient(ellipse,#b8b19b,transparent 65%)}.book-wrap img{display:block;width:100%;max-height:650px;height:auto;object-fit:contain;transform:rotateY(-13deg);filter:drop-shadow(20px 30px 22px #263a2b30)}.book-copy h2{font-size:clamp(44px,5vw,75px)}.description{max-width:360px;line-height:1.7;margin:30px 0}.publisher{display:flex;justify-content:space-between;border-top:1px solid #25382e;padding:19px 0;border-bottom:1px solid #25382e;max-width:380px}#restart{display:block;margin-top:24px;font:11px monospace;padding:8px 0}footer{padding:32px 4vw;display:flex;justify-content:space-between;font:10px/1.8 monospace;color:#b4b8a4}footer div{display:flex;gap:24px;align-items:center}.static .journey{height:auto}.static .stage{position:relative;height:auto;overflow:hidden}.static .scene{position:relative;inset:auto;min-height:75svh;visibility:visible;opacity:1;transform:none!important;padding:100px 10vw}.static .intro{min-height:100svh}.static .set{height:100svh}.static .glass,.static .stage-footer,.static .progress{display:none}.static .approach,.static .memory{background:#18271f}.static .intro-bottom{bottom:14vh}.static .empty-chair{bottom:40px}.static .voices{width:100%}@media(max-width:700px){header{padding:20px 6vw;font-size:17px}header span{font-size:8px}nav{gap:14px;font-size:9px}.scene{padding:17vh 7vw}.intro{padding-top:20vh}h1{font-size:clamp(46px,11vw,74px);line-height:1.07}.label{font-size:8px;letter-spacing:.12em;max-width:85%}.screen{width:80vw;left:10vw;height:32vh;top:34vh}.curtain{width:13%}.intro-bottom{left:7vw;right:7vw;bottom:17vh;gap:25px;font-size:14px}.intro-bottom p:first-child{font-size:8px;max-width:100px;line-height:1.8}.seats{background-size:28vw 100%}.back{background-size:22vw 100%}.stage-footer{font-size:7px;left:6vw;right:6vw}.stage-footer span:nth-child(2){display:none}.quiet{padding:17vh 8vw}.voices{gap:12vh}.small-note{max-width:230px}.destination{grid-template-columns:1fr;padding:65px 8vw;gap:30px}.book-wrap img{max-height:380px}.book-copy h2{font-size:53px}footer{flex-direction:column;gap:15px;padding:30px 8vw}.static .scene{padding:100px 7vw}.static .intro{padding-top:20vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} .quiet{isolation:isolate}.doorway{position:absolute;z-index:-1;width:150px;height:280px;left:calc(50% - 75px);top:26%;perspective:850px;transform-origin:50% 60%;box-shadow:0 0 80px #d4ab5822}.door-light{position:absolute;inset:0;background:linear-gradient(160deg,#d0b574,#756e48 55%,#273c2d);border:7px solid #222d21;box-shadow:inset 0 0 50px #18251c}.door-light:after{content:'';position:absolute;inset:25% 15% 0;border:1px solid #eee0a826;background:linear-gradient(90deg,transparent,#b0a57522)}.door-panel{position:absolute;inset:5px;background:linear-gradient(90deg,#101a13,#273025);transform-origin:left;transform:rotateY(-12deg);border:1px solid #5c6042}.voices,.small-note{position:relative;z-index:2}.return-cinema{position:absolute;inset:0;perspective:1100px}.return-screen{position:absolute;width:64vw;height:47vh;left:50%;top:22vh;transform:translateX(-50%);background:transparent;transform-style:preserve-3d}.return-seats{position:absolute;bottom:-3vh;left:-10%;width:120%;height:19vh;background:radial-gradient(ellipse at 50% 95%,#34241d 0 52%,#0b110d 54% 65%,transparent 66%) 0 0/15vw 100% repeat-x}.lit-seat{position:absolute;bottom:0;left:calc(50% - 55px);width:110px;height:135px;border-radius:40px 40px 0 0;background:linear-gradient(100deg,#513729,#a98255,#624737);box-shadow:0 -35px 90px #e3c48930}.last h2{position:relative;z-index:2;text-shadow:0 2px 30px #102418}.last>.label{position:absolute;top:13vh;left:10vw;z-index:3}.cover-reveal{position:absolute;inset:0;opacity:0}.cover-reveal img{width:100%;height:100%;object-fit:fill;display:block}.static .doorway{opacity:.45}.static .door-panel{transform:rotateY(-65deg)}.static .return-screen{width:52vw;height:35vh}.static .last{min-height:85svh}.static .last h2{margin-top:8vh}.static .cover-reveal{display:none}@media(max-width:700px){.doorway{width:110px;height:230px;left:calc(50% - 55px);top:30%}.return-screen{width:84vw;height:35vh;top:30vh}.return-seats{background-size:28vw 100%}.lit-seat{width:80px;height:115px;left:calc(50% - 40px)}.last>.label{left:7vw}.static .return-screen{width:80vw}} header{justify-content:flex-end}.intro-bottom{justify-content:flex-end}.intro-bottom p:last-child{max-width:310px;font:16px/1.5 Averia,serif;text-transform:none;letter-spacing:0}
.publisher{border-bottom:0}.book-copy .description:empty{display:none}
.seats,.return-seats{display:flex;gap:1.5%;align-items:stretch;background:none;filter:none;left:-10%;width:120%;height:22vh;bottom:-10vh}
.seats.back{height:17vh;bottom:-2vh;left:-4%;width:108%;opacity:.55;gap:1.5%}
.seats i,.return-seats i,.empty-chair,.lit-seat{position:relative;display:block;flex:1;min-width:0;border-radius:43% 43% 12% 12%;background:linear-gradient(105deg,#0c100c 0%,#29271e 20%,#3b3025 46%,#2c281e 73%,#11160e 100%);box-shadow:inset 2px 3px 4px #77604724,inset -4px 0 7px #0007,0 -3px 9px #0008}
.seats i:before,.return-seats i:before,.empty-chair:before,.lit-seat:before{content:'';position:absolute;inset:8% 10% 13%;border:1px solid #8c705025;border-radius:43% 43% 15% 15%;box-shadow:inset 0 2px 6px #0005}
.empty-chair,.lit-seat{position:absolute;flex:none}.empty-chair{box-shadow:inset 2px 3px 4px #77604724,inset -4px 0 7px #0007,0 5px 14px #0005}
.lit-seat{background:linear-gradient(105deg,#1a2118,#554432 20%,#8b704d 46%,#554431 73%,#22271a);box-shadow:inset 2px 3px 4px #c3a06c40,inset -4px 0 7px #0007,0 -35px 90px #e3c48930}
@media(max-width:700px){.seats,.return-seats{gap:2%;left:-45%;width:190%;height:19vh;bottom:-8vh}.seats.back{left:-40%;width:180%;height:15vh;bottom:-2vh}.intro-bottom p:last-child{font-size:14px;max-width:250px}.memory h2{font-size:clamp(32px,8.3vw,45px);line-height:1.08}.voices p{font-size:clamp(26px,7.5vw,40px);line-height:1.12}.scene>p:not(.label){font-size:17px}}
.memory{justify-content:flex-start;padding-top:18vh}.memory h2{font-size:clamp(32px,5vw,72px);max-width:1050px;margin-inline:auto;line-height:1.08}@media(max-width:700px){.memory h2{font-size:clamp(32px,8.3vw,45px)}} .fire-sky{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 67% 100%,#e5a351 0%,#b86338 30%,#78443b 61%,#344239 100%);pointer-events:none}
.return-projection{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 45%,#bcbd93,#6d8371 60%,#46594c);box-shadow:0 0 0 10px #050d09,0 0 80px #b2ad7430}
.cover-reveal{isolation:isolate}.cover-reveal:before{content:'';position:absolute;inset:8% -25%;z-index:-1;background:radial-gradient(ellipse,#dcc18b36,transparent 66%);filter:blur(22px)}
.cover-reveal img{object-fit:contain;filter:drop-shadow(20px 25px 18px #0008)}
.destination{background:#3b4437;color:#e5dec8}.book-wrap{background:radial-gradient(ellipse,#c9b98c28,transparent 66%)}.book-wrap img{filter:drop-shadow(20px 30px 22px #0007)}.publisher{border-top-color:#e5dec855}
.static .distance{background:radial-gradient(ellipse at 80% 100%,#865337,#342c26 60%,#18271f)} body{font-family:Arial,Helvetica,sans-serif}.label,nav,.small-note{font-family:Arial,Helvetica,sans-serif}.label{font-size:11px;font-weight:600;letter-spacing:.17em}
.window{left:66%;top:8%;transform-origin:center}
.approach,.distance{text-align:left;justify-content:center;padding-inline:12vw}.approach h2,.distance h2{max-width:1000px;font-size:clamp(42px,6vw,86px);text-wrap:balance}
.scene>p:not(.label){font-family:Arial,Helvetica,sans-serif;font-size:clamp(19px,2.1vw,28px);line-height:1.4;max-width:700px;text-wrap:pretty}
.intro-bottom{justify-content:flex-start;bottom:16vh}.intro-bottom p:last-child{font-family:Arial,Helvetica,sans-serif;font-size:clamp(17px,1.8vw,24px);max-width:440px;line-height:1.45}
.quiet{padding-inline:12vw}.voices{gap:22px;max-width:850px}.voices h2{margin-bottom:0}.voices p{align-self:flex-start;font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,3.2vw,43px);line-height:1.2;max-width:750px;text-wrap:balance;margin-bottom:0}.small-note{font-size:clamp(16px,1.5vw,21px);line-height:1.5;max-width:560px;margin-top:32px;color:#d8d5c2}
@media(max-width:700px){.approach,.distance,.quiet{padding-inline:8vw}.approach h2,.distance h2{font-size:clamp(39px,10vw,64px)}.intro-bottom{left:7vw;right:7vw;bottom:17vh}.intro-bottom p:last-child{max-width:290px;font-size:18px}.label{font-size:9px}.voices{gap:20px}.voices p{font-size:26px}.small-note{font-size:17px;margin-top:24px;max-width:300px}} body{font-family:monospace}
.label,nav,.small-note,.scene>p:not(.label),.intro-bottom p:last-child,.voices p{font-family:monospace} .lit-seat{bottom:-9vh;width:15vw;max-width:220px;height:22vh;left:50%;transform:translateX(-50%);border-radius:43% 43% 12% 12%}
@media(max-width:700px){.lit-seat{width:26vw;height:19vh;bottom:-8vh}} .static .stage:after{display:none}
.static .scene,.static .destination{isolation:isolate}
.static .scene:after,.static .destination:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:12;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;background-repeat:repeat}
.static .destination{position:relative}
.static-city{display:none}
.static .static-city{display:block;position:absolute;inset:0;z-index:-1;overflow:hidden}
.static .static-city .buildings{height:65%}.static .static-city .near{height:47%}
.static .distance .fire-sky{opacity:1}.static .distance .far{background:#654237}.static .distance .near{background:#352722}
.static .approach,.static .distance{text-shadow:0 2px 18px #0009}
.static .approach:before,.static .distance:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10181420,#10181475);pointer-events:none}
.static .last{overflow:hidden} .book-copy h2 em{font-family:Averia,Georgia,serif;font-style:normal;font-size:inherit;letter-spacing:inherit} .stage:after{background-size:180px 180px;background-repeat:repeat}
.projection-flicker{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.22;mix-blend-mode:soft-light}
.projection-flicker i{display:block;width:100%;height:100%;background:radial-gradient(ellipse at 52% 44%,#f4e1b5,transparent 76%);animation:projector-pulse 3.7s steps(1,end) infinite;animation-play-state:paused}
body[data-phase="intro"]:not(.static) .projection-flicker i{animation-play-state:running}
body:not([data-phase="intro"]) .projection-flicker{opacity:0;transition:opacity .45s}
@keyframes projector-pulse{0%,100%{opacity:.68}9%{opacity:.8}11%{opacity:.58}14%{opacity:.75}32%{opacity:.62}35%{opacity:.83}38%{opacity:.71}64%{opacity:.59}67%{opacity:.78}81%{opacity:.66}83%{opacity:.82}86%{opacity:.7}}
.fire-sky{overflow:hidden}
body.effects-paused .projection-flicker i,body.effects-paused .fire-sky:before,body.effects-paused .fire-sky:after{animation-play-state:paused!important}
.static .projection-flicker{display:none}.static .fire-sky:before,.static .fire-sky:after{animation:none}
.scene>p:not(.label),.intro-bottom p:last-child{line-height:1.5}
.book-wrap img{aspect-ratio:843/1200;transform:none}
@media(prefers-reduced-motion:reduce){.projection-flicker i,.fire-sky:before,.fire-sky:after{animation:none!important}}
.static .memory{min-height:max(75svh,600px);padding-bottom:210px}
@media(max-width:700px){.set .screen{transform-origin:66% 58%}} .set .screen{background:transparent;mask-image:none;box-shadow:none}
.screen-border{position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 10px #060e0b,inset 0 0 0 11px #5b604638}
.city-image{position:absolute;inset:0;pointer-events:none;filter:none;mask-image:none;will-change:transform}
.city-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 0%,transparent 62%,#101814 100%)}
.ember-wash{position:absolute;inset:0;opacity:0;background:#654237;will-change:opacity}.near .ember-wash{background:#352722}
.set .window{z-index:1}
.ember-light{position:absolute;inset:-14%;background:radial-gradient(ellipse at 32% 70%,#eaba6360,transparent 57%);opacity:.65;will-change:transform}
.set .fire-sky:before,.set .fire-sky:after{display:none}
.static .distance{background:transparent}.static .distance .static-city,.static .distance:before{mask-image:linear-gradient(#000 0 65%,transparent 100%)}
.static .memory{padding-top:110px}
.static .city-image{transform:none!important;will-change:auto} .set .buildings.far{mask-image:linear-gradient(#000 0 72%,transparent 100%);will-change:transform} @media(max-width:700px){
.seats,.return-seats{left:50%;width:780px;max-width:none;gap:14px;height:140px;bottom:-66px;margin-left:-390px}
.seats.back{left:50%;width:660px;gap:12px;height:116px;bottom:-18px;margin-left:-330px}
.seats i,.return-seats i{flex:1 0 0}
.lit-seat{width:98px;height:140px;bottom:-66px}
.empty-chair{width:98px;height:140px;left:calc(50% - 49px)}
.curtain{width:94px;background:repeating-linear-gradient(90deg,#151713 0px,#282a1e 14px,#0a110e 28px);box-shadow:8px 0 32px #0007}
.curtain.left{left:-51px;transform:skewX(-3deg)}.curtain.right{right:-51px;transform:skewX(3deg)}
}
.book-supplement{max-width:380px;padding-top:18px;font:12px/1.7 monospace;color:#c3c4ad}.book-supplement a{display:inline-flex;align-items:center;gap:10px;color:#ede4cb;border-bottom:1px solid #b5b29a66;padding-bottom:3px}.book-supplement a:hover{border-color:currentColor}.book-supplement p{margin:14px 0 0}