:root{--paper:#f4f1e8;--ink:#183a2f;--accent:#a34424;--line:#c9cdbf}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--ink) var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif}::selection{background:#d3ddc1;color:#183a2f}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}header{height:112px;margin:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,Tahoma,serif;font-size:29px;letter-spacing:-.03em}.brand span{display:block;font:11px Arial,sans-serif;letter-spacing:.22em;margin-top:9px}nav{display:flex;gap:40px;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.menu{display:none;border:0;background:none;color:inherit}.menu svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.4}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:65px 8vw 60px;gap:48px}h1,h2,p{margin:0}h1{font-size:clamp(30px,3.8vw,58px);font-weight:400;line-height:1.6;letter-spacing:-.035em}em{font-style:normal;color:var(--accent)}.intro p{font-size:14px;line-height:1.9;margin-bottom:26px}.text-link{display:flex;justify-content:space-between;gap:50px;font-size:12px;padding-bottom:10px;border-bottom:1px solid var(--ink)}#journey{height:750vh;position:relative;background:#10261f;scroll-margin-top:0}.screen{position:sticky;top:0;height:100svh;overflow:hidden}video{width:100%;height:100%;display:block;object-fit:cover;background:#10261f}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#183a2f;transition:opacity .5s}.loading i{height:28px;width:28px;border:1px solid #ffffff45;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loaded .loading{opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.chapters{padding:100px 8vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}h2{font-size:clamp(30px,3.5vw,50px);line-height:1.6;font-weight:400;letter-spacing:-.035em}.tools{max-width:350px;width:100%}.tools button,.tools a{display:flex;justify-content:space-between;width:100%;text-align:left;padding:15px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font-size:13px}.tools button:hover,.tools a:hover{color:var(--accent)}.tools p{font-size:11px;line-height:1.7;margin-top:13px;color:#4b6155}.scene{display:grid;grid-template-columns:64px 180px 1fr 40px;align-items:center;gap:30px;padding:23px 0;border-top:1px solid var(--line);width:100%;color:var(--ink);background:none;border-bottom:0;border-left:0;border-right:0;text-align:left}.scene:last-child{border-bottom:1px solid var(--line)}.scene .number{font:13px Georgia,serif;color:#526758}.scene img{width:180px;height:100px;object-fit:cover}.scene h3{font-size:22px;font-weight:400;margin:0 0 10px}.scene p{font-size:12px;line-height:1.7;color:#4b6155}.scene .arrow{font-size:23px;transition:transform .25s}.scene:hover .arrow{transform:translate(5px,-5px)}.scene:hover h3{color:var(--accent)}.ending{padding:100px 8vw 110px;background:#183a2f;color:#f4f1e8}.ending p{font-size:12px;color:#c9d3c4;margin-bottom:35px}.ending h2{font-size:clamp(38px,5.5vw,80px);line-height:1.5}.restart{display:inline-flex;gap:80px;margin-top:45px;padding-bottom:14px;border-bottom:1px solid #849786;font-size:14px}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 5vw;gap:25px}footer p,footer>a:last-child{font-size:11px;line-height:1.8} @media(max-width:700px){header{height:90px;margin:0 6vw}.brand{font-size:24px}nav{display:none}.menu{display:block}.intro{padding:40px 6vw;display:block}.intro>div{margin-top:24px;max-width:300px}h1{font-size:34px}.intro p{font-size:12px}.chapters{padding:60px 6vw}.section-head{display:block;margin-bottom:35px}.tools{margin-top:28px;max-width:none}.scene{grid-template-columns:24px 80px 1fr 18px;gap:12px;padding:20px 0}.scene img{width:80px;height:85px}.scene h3{font-size:16px;line-height:1.6;margin-bottom:5px}.scene p{font-size:11px}.scene .number{font-size:11px}.ending{padding:65px 6vw}.ending p{font-size:11px}footer{padding:30px 6vw;flex-wrap:wrap}footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media (orientation:portrait){#cinema{object-fit:contain}}