/* Cinematic arrivals for The World, The Works, The Book, The Dreamers, Kaeli and The Lamps. */
.cinema-arrival{position:relative;width:100vw;margin:calc(-1 * var(--page-top,150px)) 0 var(--section-gap,70px) calc(50% - 50vw);height:100svh;min-height:760px;overflow:hidden;background:#050a09;display:flex;align-items:flex-end;isolation:isolate}
.cinema-arrival-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:-2}
.world-cinema-film{object-position:50% 50%}
.book-cinema-film{object-position:50% 50%}
.works-cinema-film{object-position:50% 50%}
.dreamers-cinema-film{object-position:50% 50%}
.cinema-arrival-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061015e8 0%,#061015bd 38%,#06101524 76%),linear-gradient(0deg,#0c1214 0%,#0c1214d8 12%,#0c121460 46%,transparent 75%)}
.cinema-arrival-copy{position:relative;z-index:1;max-width:720px;padding:0 7vw 86px;color:var(--paper)}
.cinema-arrival-copy h1{font:400 clamp(54px,8.5vw,128px)/.98 var(--display);letter-spacing:.02em;margin:14px 0 22px;text-shadow:0 3px 28px #000c}
.book-cinema .cinema-arrival-copy h1{font-size:clamp(44px,6vw,82px);line-height:1.05;max-width:780px}
.book-cinema .cinema-arrival-copy h1 span{display:block;font:400 clamp(30px,3.5vw,46px)/1.1 var(--serif);letter-spacing:0;margin-top:12px}
.cinema-arrival-copy>p:not(.eyebrow){font:clamp(23px,2.4vw,34px)/1.25 var(--serif);color:#e4dfd0;margin:0 0 28px;text-shadow:0 2px 20px #000}
.cinema-arrival-actions{display:flex;align-items:center;gap:15px 24px;flex-wrap:wrap}
.cinema-sound{border:1px solid #d8b97788;border-radius:2px;background:#07131366;color:#eed7a4;font:12px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase;padding:15px 20px;cursor:pointer;backdrop-filter:blur(10px)}
.cinema-sound:hover{background:#d8b9771a;color:#f7e8c4}
.cinema-sound:focus-visible{outline:2px solid #ddc188;outline-offset:4px}
.book-object-row{align-items:center!important}
.book-context h2{font:400 clamp(31px,3.6vw,48px)/1.12 var(--serif);color:var(--paper);margin:12px 0 22px;max-width:640px}
.book-context .text-button{margin-right:22px}
.book-context button.text-button{font:13px var(--sans);border:0;border-bottom:1px solid #e6d8b06b;background:transparent;color:#e4d8bd;padding:8px 0;cursor:pointer}
@media(max-width:750px){
  .cinema-arrival{height:100svh;min-height:680px;margin-bottom:var(--section-gap,52px)}
  .cinema-arrival-copy{padding:0 24px 72px;max-width:470px}
  .cinema-arrival-copy h1{font-size:clamp(45px,15vw,68px)}
  .book-cinema .cinema-arrival-copy h1{font-size:clamp(37px,10.5vw,48px)}
  .book-cinema .cinema-arrival-copy h1 span{font-size:clamp(27px,8vw,34px)}
  .cinema-arrival-copy>p:not(.eyebrow){font-size:25px}
  .book-cinema-film{object-position:18% 50%}
  .cinema-sound{font-size:11px;padding:13px 16px}
  .book-object-row{display:block!important}
  .book-context h2{font-size:34px}
}

/* Kaeli now enters through the same full-screen cinematic frame. */
.ka-school .kaeli-cinema{width:100vw;height:100svh;min-height:760px;margin:0 0 var(--section-gap,70px);padding:0;border:0;text-align:left;display:flex;align-items:flex-end;background:#050a09}
.ka-school .kaeli-cinema .ka-elder-motion{object-position:70% 50%;z-index:-2}
.ka-school .kaeli-cinema:after{content:none}
.ka-school .kaeli-cinema .ka-hero-content{max-width:720px;padding:0 7vw 86px}
.ka-school .kaeli-cinema .ka-hero-content h1{font:400 clamp(54px,8.5vw,128px)/.98 var(--display);letter-spacing:.02em;margin:14px 0 22px;color:var(--paper);text-shadow:0 3px 28px #000c}
.ka-school .kaeli-cinema .ka-lead{font:clamp(23px,2.4vw,34px)/1.25 var(--serif);color:#e4dfd0;margin:0 0 28px;max-width:650px;text-shadow:0 2px 20px #000}
.ka-school .kaeli-cinema .ka-sound-toggle{margin:0}
@media(max-width:750px){
  .ka-school .kaeli-cinema{height:100svh;min-height:680px;margin-bottom:var(--section-gap,52px)}
  .ka-school .kaeli-cinema .ka-elder-motion{object-position:72% 50%}
  .ka-school .kaeli-cinema .ka-hero-content{max-width:470px;padding:0 24px 72px}
  .ka-school .kaeli-cinema .ka-hero-content h1{font-size:clamp(45px,15vw,68px)}
  .ka-school .kaeli-cinema .ka-lead{font-size:25px}
}