*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f2;color:#171717;font:15px/1.6 Arial,sans-serif}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d82727;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:#f0d660;padding:10px}.skip-link:focus{top:15px}.rec-nav{display:flex;justify-content:space-between;align-items:center;margin:0 4%;padding:25px 0;border-bottom:3px solid #171717;gap:30px;font-size:12px}.rec-nav>a:first-child{font-weight:800;font-size:20px;text-decoration:none;letter-spacing:-1px}.rec-nav>a:first-child span{display:block;font-size:10px;font-weight:400;letter-spacing:2px}.rec-nav>a:not(:first-child){text-decoration:none}.rec-poster{padding:30px 4% 60px}.rec-topline{display:flex;justify-content:space-between;font-size:11px}.rec-poster h1{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:clamp(150px,29vw,440px);line-height:.95;letter-spacing:-12px;margin:45px 0 25px;position:relative;color:#d82727;display:flex;align-items:center;gap:25px}.rec-dot{display:block;width:14vw;height:14vw;background:#d82727;border-radius:50%;max-width:210px;max-height:210px;flex:none}.rec-star{position:absolute;right:1%;top:-15px;font-size:80px;color:#171717;line-height:1}.rec-poster-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;border-top:3px solid #171717;padding-top:30px}.rec-poster h2{font-size:clamp(28px,3.4vw,48px);font-weight:750;line-height:1.1;letter-spacing:-2px;margin:0}.rec-poster-bottom p{max-width:440px;font-size:15px;margin:0 0 15px}.download{display:inline-block;color:#fff;background:#171717;text-decoration:none;padding:12px 20px;font-size:12px}.buffer-board{padding:55px 4%;background:#d82727;color:#fff}.buffer-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.buffer-head h2{font-size:50px;letter-spacing:-2px;margin:0;line-height:1.1}.buffer-head label{font-size:10px;display:flex;align-items:center;gap:15px}.buffer-head select{color:#fff;border:1px solid #ffffff55;background:#d82727;padding:8px}.film-track{position:relative;display:flex;background:#111;gap:7px;padding:30px 8px;overflow:hidden;--trigger:65%}.film-frame{position:relative;aspect-ratio:1.25;flex:1;background:#28322d;min-height:150px;overflow:hidden}.film-frame:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(175deg,#8e9d7440 0 1px,transparent 2px 9px);transform:translateY(20%)}.film-frame.f2{background:#3a443b}.film-frame.f3{background:#565f45}.film-frame.f4{background:#73694a}.film-frame.f5{background:#8e7a52}.film-frame>span{position:absolute;bottom:13px;left:12px;font-size:10px;color:#eee;z-index:1}.wave-line{position:absolute;width:120%;height:45%;border-top:1px solid #d5d8a6;top:40%;left:-10%;border-radius:50%;transform:rotate(-15deg)}.f2 .wave-line{transform:rotate(10deg)}.f3 .wave-line{transform:rotate(-8deg)}.f4 .wave-line{transform:rotate(20deg)}.film-perforations{position:absolute;left:0;right:0;top:9px;height:12px;background:repeating-linear-gradient(90deg,transparent 0 9px,#f5f5f2 9px 20px,transparent 20px 30px)}.film-perforations.bottom{top:auto;bottom:9px}.capture-line{position:absolute;left:var(--trigger);top:26px;bottom:26px;width:3px;background:#f0d660;box-shadow:0 0 15px #f0d66066;transition:left .1s}.film-track.protected:after{content:'Protected in this example';position:absolute;top:45%;left:20px;padding:9px 15px;background:#f0d660;color:#171717;font-size:12px;font-weight:bold}.scrub-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px}.scrub-controls>span{font-family:monospace;font-size:12px}.scrub-controls label{font-size:10px;flex:1;max-width:500px}.scrub-controls input{display:block;width:100%;accent-color:#f0d660;margin-top:10px}.scrub-controls button{background:#f0d660;color:#171717;border:0;padding:13px 20px;font-size:12px}.buffer-board>p{font-size:10px;color:#ffdfd8;margin:18px 0 0}.rec-sequence{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:3px solid #171717;margin:0 4%;gap:0;padding:60px 0}.rec-sequence article{padding:0 40px;border-right:1px solid #c4c4bc}.rec-sequence article:first-child{padding-left:0}.rec-sequence article:last-child{padding-right:0;border:0}.rec-sequence strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:60px;line-height:1}.rec-sequence p{font-size:14px;max-width:330px}.rec-manual{padding:70px 4%;display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.rec-manual h2{font:75px/1 Impact,'Arial Narrow',sans-serif;margin:0 0 30px;letter-spacing:-2px}.rec-manual>div>p{font-size:13px;max-width:340px;color:#6b6b60}.rec-manual details{border-top:1px solid #c4c4bc}.rec-manual summary{font-size:14px;padding:18px 0;cursor:pointer}.rec-manual details p{font-size:13px;color:#77776c}.rec-credits{margin:0 4%;border-top:3px solid #171717;display:flex;justify-content:space-between;gap:25px;padding:25px 0;font-size:10px}.rec-credits>span{font-weight:bold;color:#d82727}.rec-credits a{text-decoration:none}
@media(max-width:750px){.rec-nav{padding:20px 0;gap:15px;flex-wrap:wrap;margin:0 6%}.rec-nav>a:first-child{width:100%;font-size:22px}.rec-nav>a:not(:first-child){font-size:10px}.rec-poster{padding:25px 6% 40px}.rec-topline{font-size:9px;gap:30px}.rec-poster h1{font-size:29vw;letter-spacing:-6px;gap:12px;margin:45px 0 30px}.rec-dot{width:15vw;height:15vw}.rec-star{font-size:32px;top:-25px}.rec-poster-bottom{grid-template-columns:1fr;gap:22px;padding-top:24px}.rec-poster h2{font-size:34px;letter-spacing:-1.5px}.rec-poster-bottom p{font-size:13px}.buffer-board{padding:35px 6%}.buffer-head{align-items:flex-start;flex-direction:column;gap:20px}.buffer-head h2{font-size:40px}.film-track{overflow:auto;gap:5px}.film-frame{min-width:110px;min-height:120px}.film-perforations{min-width:580px}.scrub-controls{flex-wrap:wrap;gap:17px}.scrub-controls label{min-width:180px}.scrub-controls button{margin-left:auto;font-size:11px}.rec-sequence{grid-template-columns:1fr;padding:20px 0;margin:0 6%}.rec-sequence article,.rec-sequence article:first-child,.rec-sequence article:last-child{padding:25px 0;border:0;border-bottom:1px solid #c4c4bc}.rec-sequence article:last-child{border:0}.rec-sequence strong{font-size:48px}.rec-sequence p{font-size:13px;max-width:none}.rec-manual{grid-template-columns:1fr;padding:45px 6%;gap:25px}.rec-manual h2{font-size:60px}.rec-credits{flex-wrap:wrap;margin:0 6%;gap:18px}.rec-credits>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.capture-line{transition:none}}
@media(max-width:750px){.rec-poster h1{letter-spacing:-1px}}

/* Mobile touch and compact viewport refinements */

@media(max-width:750px){.rec-nav{padding-bottom:8px;row-gap:8px}.rec-nav>a:not(:first-child){display:flex;align-items:center;min-height:44px}.buffer-head select{font-size:16px;min-height:44px}.scrub-controls input{height:44px;margin-top:0}.scrub-controls label{min-width:0;flex-basis:65%}.scrub-controls button{min-height:44px}.rec-credits{gap:4px 22px}.rec-credits a{display:flex;align-items:center;min-height:44px}.film-frame{min-width:0;min-height:110px;aspect-ratio:auto}.film-track{overflow:hidden;gap:3px;padding-inline:5px}.film-frame>span{font-size:9px;left:4px;right:2px;bottom:10px;line-height:1.3;overflow-wrap:anywhere}.film-perforations{min-width:0}.film-track.protected:after{left:10px;right:10px;text-align:center;font-size:11px;padding:8px}.rec-topline{gap:15px}}

@media(max-width:1000px) and (max-height:500px){button{min-height:44px}input[type=range]{min-height:44px}select{font-size:16px;min-height:44px}}