.section-index{position:fixed;bottom:20px;left:22px;z-index:44;font-family:'Exo 2',sans-serif}.section-index-toggle{display:flex;align-items:center;gap:13px;min-height:46px;padding:10px 17px;border:1px solid #afcddd55;border-radius:16px;background:#0e2b42ed;color:#dfedf6;font:400 12px 'Exo 2',sans-serif;backdrop-filter:blur(14px);box-shadow:0 6px 22px #061d3020;cursor:pointer}.index-count{font-size:10px;color:#9ec5df;border-left:1px solid #abcde044;padding-left:12px}
#section-index-panel{position:absolute;bottom:58px;left:0;width:275px;max-height:min(650px,70dvh);overflow:auto;background:#0d293ff5;border:1px solid #b2d6ec44;border-radius:22px;padding:20px;box-shadow:0 15px 50px #06162640;backdrop-filter:blur(20px)}#section-index-panel[hidden]{display:none}#section-index-panel p{font-size:10px;color:#a2bfd2;letter-spacing:.13em;margin:0 0 12px}#section-index-panel a{display:flex;align-items:center;gap:15px;padding:10px 12px;min-height:44px;border-radius:10px;color:#c5d6e3;font-size:14px}#section-index-panel a>span{font-size:10px;color:#8faec3}#section-index-panel a:hover,#section-index-panel a[aria-current]{background:#afdfff18;color:#dcf3ff}.section-index :focus-visible{outline:2px solid #bce7ff;outline-offset:3px}body.menu-is-open .section-index,body.film-is-open .section-index{visibility:hidden}
.footer-socials{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:34px}.footer-socials a{padding:12px 18px;border:1px solid #b3d1e144;border-radius:14px;color:#d5e9f5;font-size:14px;transition:background .25s}.footer-socials a:first-child{background:#c5e6fa;color:#11354f;border-color:#c5e6fa}.footer-socials a:hover{background:#32607b;color:white}
section[id]{scroll-margin-top:110px}.footer{padding-bottom:78px}
@media(max-width:640px){.section-index{left:12px;bottom:12px}.section-index-toggle{font-size:11px;gap:9px;padding:10px 12px}#section-index-panel{width:min(275px,calc(100vw - 24px))}.footer-socials{gap:8px}.footer-socials a{font-size:13px;padding:12px 14px}}
.section-rail{position:fixed;right:8px;top:50%;transform:translateY(-50%);z-index:44;display:grid;padding:8px 0;border-radius:20px;background:#092337bb;backdrop-filter:blur(10px)}.section-rail a{position:relative;display:grid;place-items:center;width:28px;height:30px}.section-rail a::after{content:'';width:4px;height:4px;background:#b2cfe0;border-radius:4px;transition:height .3s}.section-rail a[aria-current]::after{height:15px;background:#e2f4ff}.section-rail a span{position:absolute;right:38px;white-space:nowrap;background:#102e44;color:#d6eafa;border-radius:9px;padding:8px 12px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.section-rail a:hover span,.section-rail a:focus-visible span{opacity:1}
.back-top{position:fixed;right:20px;bottom:76px;width:46px;height:46px;z-index:44;display:grid;place-items:center;color:#cce8fa;background:#102e44eb;border:1px solid #acd7ed55;border-radius:15px;backdrop-filter:blur(10px);transition:background .2s}.back-top[hidden]{display:none}.back-top svg{width:23px;height:23px}.back-top:hover{background:#28546f}.back-top:focus-visible{outline:2px solid #9ed8fa;outline-offset:4px}
body.menu-is-open .section-rail,body.film-is-open .section-rail,body.menu-is-open .back-top,body.film-is-open .back-top{visibility:hidden}
.footer-socials{gap:22px}.footer-socials a,.footer-socials a:first-child{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:10px;background:transparent;color:#b9cee0}.footer-socials a:first-child{color:#dbf1ff}.footer-socials a:hover{background:#ffffff10;color:#fff}.footer-socials svg{width:24px;height:24px}
@media(max-width:960px){.section-rail{display:none}.back-top{right:14px;bottom:70px}}

/* Keep lateral entrance motion inside the page viewport. */
main{overflow-x:clip}