html.cine-mode{--cine-ribbon:36px;background:#0b1418;overflow-x:clip}html.cine-mode body{background:#0b1418}html.cine-mode .demo-ribbon{z-index:40;min-height:var(--cine-ribbon);letter-spacing:.08em;padding:8px 12px;font-size:10px;line-height:1.35;position:relative}html.cine-mode .site-header{z-index:50;top:var(--cine-ribbon)}html.cine-mode .site-header.is-scrolled,html.cine-mode body.menu-open .site-header{background:#0b1418f5;box-shadow:0 1px #ffffff14}html.cine-mode .site-footer{z-index:3;background:#0b1418;position:relative}.cine{color:#f3efe4;position:relative}.cine-stage{z-index:0;pointer-events:none;background:#0b1418;position:fixed;inset:0}.cine-bg{background-color:#102e35;background-image:var(--cine-image);opacity:0;background-repeat:no-repeat;background-size:cover;transition:opacity .9s;position:absolute;inset:-4%;transform:scale(1.04)}.cine-bg.is-on{opacity:1}.cine-veil{background:linear-gradient(#050e0a1f 0%,#050e0a14 46%,#050e0ab8 78%,#050e0ae6 100%);position:absolute;inset:0}.cine-spy{z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#050e0ae0 42%);flex-direction:row;justify-content:center;gap:0;transition:opacity .25s;display:flex;position:fixed;bottom:0;left:0;right:0}html.cine-at-footer .cine-spy,html.cine-mode body.menu-open .cine-spy{opacity:0;pointer-events:none}.cine-spy button{background:0 0;border:0;border-radius:0;width:36px;height:44px;padding:0;position:relative}.cine-spy button:before{content:"";background:#f3efe461;border-radius:50%;width:8px;height:8px;transition:background .25s,transform .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cine-spy button[aria-current=true]:before{background:#e6ff28;transform:translate(-50%,-50%)scale(1.35)}.cine-scroll{z-index:2;position:relative}.cine-chapter{min-height:calc(100dvh - var(--cine-ribbon));align-items:flex-end;padding:34vh 20px 108px;display:flex}.cine-copy{opacity:1;width:min(100%,40rem);margin:0}.cine-chapter.is-on .cine-copy{opacity:1}.cine-kicker{color:#d7e4a6;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:10px;font-weight:700;line-height:1.4}.cine-copy h1,.cine-copy h2{color:#f6f1e4;max-width:11ch;font-family:var(--serif), Georgia, serif;letter-spacing:-.055em;overflow-wrap:break-word;text-wrap:balance;margin:0 0 14px;font-size:clamp(40px,12vw,64px);font-weight:400;line-height:.92}.cine-copy em{color:#e7f0b8;font-style:italic}.cine-copy p{color:#eee9dce0;max-width:38ch;margin:0;font-size:16px;line-height:1.5}.cine-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:22px;display:flex}.cine-actions .button{justify-content:space-between;width:100%;min-height:48px;padding:12px 16px}.cine-hint{color:#d9e2c4b3;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;margin-top:22px;font-size:10px;font-weight:700;display:none}.cine-hint i{background:#e6ff28;width:1px;height:28px;animation:1.8s ease-in-out infinite cine-pulse}@keyframes cine-pulse{0%,to{opacity:.4;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}@keyframes cine-drift{0%{transform:scale(1.08)translate(0,0)}to{transform:scale(1.16)translate(-1.5%,1.2%)}}@media (max-width:760px){.cine-bg{background-image:var(--cine-image-mobile,var(--cine-image))}}@media (max-height:700px){.cine-chapter{padding-top:34vh}.cine-copy h1,.cine-copy h2{margin-bottom:10px;font-size:clamp(34px,10vw,46px)}.cine-actions{margin-top:16px}}@media (min-width:900px){html.cine-mode .demo-ribbon{letter-spacing:.14em;padding:6px 16px}html.cine-mode:not(.cine-reduced) .cine-bg.is-on{animation:28s ease-in-out infinite alternate cine-drift}.cine-bg{filter:saturate(.92)contrast(1.05);transform:scale(1.08)}.cine-veil{background:linear-gradient(90deg,#050e0ac7 0%,#050e0a6b 38%,#050e0a14 68%,#050e0a38 100%),linear-gradient(#050e0a2e 0%,#0000 28%,#050e0a8c 100%)}.cine-spy{background:0 0;flex-direction:column;justify-content:center;width:auto;padding:0;inset:50% clamp(16px,2.4vw,36px) auto auto;transform:translateY(-50%)}.cine-spy button{width:32px;height:28px}.cine-chapter{min-height:calc(100dvh - var(--cine-ribbon));padding:clamp(120px,18vh,180px) 0 72px}.cine-copy{opacity:.38;width:min(100% - 48px,820px);margin-inline:max(24px,50% - 698px);transition:opacity .55s,transform .55s;transform:translateY(18px)}.cine-chapter.is-on .cine-copy{opacity:1;transform:none}.cine-kicker{letter-spacing:.28em;margin-bottom:22px;font-size:11px}.cine-copy h1,.cine-copy h2{letter-spacing:-.065em;max-width:12ch;margin-bottom:22px;font-size:clamp(52px,7.4vw,118px);line-height:.9}.cine-copy p{font-size:clamp(16px,1.3vw,20px);line-height:1.55}.cine-actions{flex-flow:wrap;align-items:center;gap:12px;margin-top:34px}.cine-actions .button{width:auto;padding:12px 18px}.cine-hint{letter-spacing:.2em;margin-top:48px;display:flex}.cine-hint i{height:36px}}@media (min-width:900px) and (max-height:760px){.cine-copy h1,.cine-copy h2{margin-bottom:14px;font-size:clamp(38px,8vh,64px)}.cine-actions{margin-top:20px}}@media (prefers-reduced-motion:reduce){.cine-bg,.cine-copy,.cine-spy,.cine-spy button:before,.cine-hint i{transition:none!important;animation:none!important}.cine-copy{opacity:1;transform:none}}
