*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:#ece5d8;color:#163e3c;font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}header{height:72px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #163e3c30;background:#ece5d8;position:sticky;top:0;z-index:20}.brand{font-size:20px;font-weight:900;text-decoration:none;color:inherit;letter-spacing:-1px}.brand span{font-weight:400;margin-left:4px}.brand i{color:#ae4f30;margin-left:8px}select{max-width:135px;border:1px solid #163e3c50;border-radius:30px;padding:9px 12px;background:transparent;color:inherit;font:inherit;font-size:12px}.film{scroll-snap-align:start;scroll-margin-top:72px;max-width:1100px;margin:auto;padding:22px 24px 42px;display:grid;grid-template-columns:1fr 1fr;gap:34px;min-height:calc(100svh - 72px);align-items:center}.intro small{letter-spacing:2px;font-size:10px;font-weight:700}.num{color:#ae4f30;margin-right:10px}h1{font-size:clamp(40px,6vw,80px);line-height:1;letter-spacing:-2px;font-weight:600;margin:24px 0}p{color:#52645c;max-width:360px;font-size:15px}.type{font:11px monospace;letter-spacing:2px;margin-top:28px;border-top:1px solid #163e3c40;padding-top:14px}.frame{position:relative;background:#102423;border-radius:5px;overflow:hidden;box-shadow:0 20px 40px #132c3520;aspect-ratio:9/16;max-height:76svh;justify-self:center;width:100%;max-width:440px}video{width:100%;height:100%;display:block;object-fit:contain}.play{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px;background:linear-gradient(transparent 60%,#0007);color:#fff;border:0;width:100%;cursor:pointer;font:inherit}.play b{display:grid;place-items:center;width:68px;height:68px;background:#ece5d8ed;border-radius:50%;color:#163e3c;font-size:25px;padding-left:4px}.play span{background:#102423ad;padding:6px 15px;border-radius:20px;font-size:12px}.fullscreen{position:absolute;right:10px;top:10px;z-index:3;background:#10242390;color:white;border:1px solid #ffffff50;border-radius:30px;padding:7px 12px;cursor:pointer}.film+.film{border-top:1px solid #163e3c30}nav{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:6px;background:#163e3cf2;border-radius:40px;z-index:30;box-shadow:0 4px 20px #0002}nav a{color:#ece5d8;text-decoration:none;padding:6px 16px;border-radius:24px;font:12px monospace}nav a.active{background:#ece5d8;color:#163e3c}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ae4f30;outline-offset:4px}@media(max-width:650px){header{height:62px;padding:12px 18px}.film{display:block;padding:18px 18px 70px;scroll-margin-top:62px;min-height:calc(100svh - 62px)}h1{font-size:36px;letter-spacing:-1px;margin:10px 0 8px}.intro small{font-size:9px}.intro p{font-size:12px;margin:0 0 14px;max-width:none}.type{display:none}.frame{width:auto;height:calc(100svh - 230px);min-height:330px;max-height:750px;max-width:100%;margin:auto;aspect-ratio:9/16}.fullscreen{font-size:10px}nav a{padding:5px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}