*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#062d36;color:#f6f0e6;font-family:Georgia,"Times New Roman",serif}main{overflow:hidden}.hero{display:flex;justify-content:center;align-items:center;background:#fffffb;padding:24px 24px 40px;position:relative}.hero:after{content:"";position:absolute;bottom:-22px;left:-5%;width:110%;height:45px;background:#fffffb;border-radius:0 0 50% 50%;z-index:1}.logo{display:block;width:min(480px,85vw);height:auto;mix-blend-mode:multiply}.showcase{padding-top:40px;background:radial-gradient(ellipse at 50% 0,#164b56 0,#062d36 70%);position:relative}.reel-window{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#bd805a #062d36;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:8px 0 6px;outline-offset:-5px}.film{display:block;width:2420px;height:430px;max-width:none}.film a:hover rect,.film a:focus rect{stroke:#f6f0e6;stroke-width:3}.film a{outline:none}.reel-controls{display:flex;align-items:center;justify-content:center;gap:28px;padding:0 24px;margin-top:-12px;position:relative}.reel-controls button{font:14px/1.2 Arial,sans-serif;color:#f4dfcc;border:1px solid #bb805b;background:transparent;border-radius:3px;padding:12px 22px;cursor:pointer;min-height:44px}.reel-controls button:hover{background:#bc794b;color:#071d25}.reel-controls button:disabled{opacity:.35;cursor:default}.reel-mark{color:#d5976e;font-style:italic;font-size:25px}.contact{text-align:center;padding:48px 24px 65px}.contact p{font-size:clamp(21px,2.4vw,30px);line-height:1.4;margin:0 0 18px}.contact>a{color:#ffc59a;font:clamp(18px,2vw,23px)/1.5 Arial,sans-serif;text-decoration-thickness:1px;text-underline-offset:7px;display:inline-block;padding:8px}a:focus-visible,button:focus-visible,.reel-window:focus-visible{outline:3px solid #fff3ce;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.film{margin:0 auto}.hero{padding-top:30px}}@media(max-width:600px){.hero{padding:20px 18px 32px}.logo{width:88vw;max-width:390px}.showcase{padding-top:26px}.film{width:2100px;height:373px}.contact{padding:38px 22px 50px}.reel-controls{margin-top:-5px;gap:22px}}@media(prefers-reduced-motion:reduce){.reel-window{scroll-behavior:auto}}
/* Compact responsive page layout. */
main{background:radial-gradient(ellipse 900px 540px at 50% 0,#b6cdc5 0,#83aaa8 42%,#164b56 75%,#062d36 100%)}
.hero{background:transparent;padding:12px 20px 0}
.hero:after{display:none}
.logo{width:min(420px,80vw,42svh);height:auto;max-height:420px;object-fit:contain;mix-blend-mode:normal}
.showcase{padding-top:0;background:transparent}
.reel-window{padding:0 0 6px}
.film{height:clamp(180px,29svh,300px);width:clamp(1013px,163.21svh,1688px);max-width:none}
.reel-controls{gap:24px;padding:0 20px;margin-top:0}
.contact{padding:18px 20px 24px}
.contact p{font-size:clamp(20px,2.1vw,28px);line-height:1.3;margin:0 0 6px}
.contact>a{font-size:clamp(17px,1.8vw,22px);line-height:1.4;padding:8px}
@media(min-width:1600px){.hero{padding-top:12px}}
@media(max-width:600px){.hero{padding:10px 12px 0}.logo{width:min(88vw,360px,40svh)}.showcase{padding-top:0}.film{height:clamp(180px,28svh,240px);width:auto}.contact{padding:14px 18px 20px}.reel-controls{margin-top:0;gap:20px}}
body{background:#102332}
main{width:min(1440px,calc(100% - 64px),calc(150svh - 120px));margin:0 auto;min-height:min(100svh,1080px)}
@media(max-width:767px){main{width:100%;margin:0;min-height:100svh}}
@media(max-width:600px){.film{width:clamp(1013px,157.58svh,1351px)}}
/* Full reel fits the desktop frame; smaller devices retain horizontal scrolling. */
body{background:#000}
.reel-window{padding:12px 0;display:block}
.film{width:1280px;height:300px;margin:0 auto}
.film a:hover rect,.film a:focus rect{stroke:#f6f0e6;stroke-width:2}
@media(max-width:767px){.film{width:1280px;height:300px}.reel-window{padding:12px 0}}