/* A full-frame interlude between the Hero and the product range. */
.r-film{background:#11130f;color:#f4f3ec;padding:65px 5vw 0;scroll-margin-top:100px}
.r-film-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.r-film-heading .r-label{font-size:12px;margin:0 0 18px;color:#bdc5b9}
.r-film h2{font-size:clamp(56px,7.4vw,108px);line-height:.95}
.radical-site[data-lang="th"] .r-film h2{font-size:clamp(32px,4.8vw,70px);line-height:1.2}
.r-film .r-film-note{font-size:15px!important;line-height:1.65!important;text-align:right;color:#bdc5b9;margin:0}
.r-film-media{position:relative;width:100%;background:#211f1c;aspect-ratio:16/9}
.r-film video{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.r-film-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff20;pointer-events:none}
.r-film-progress>span{display:block;height:100%;width:100%;background:#f4f3ec;transform:scaleX(var(--film-progress,0));transform-origin:left center}
.r-film-toolbar{display:flex;align-items:center;gap:18px;min-height:80px;border-bottom:1px solid #ffffff35}
.r-film-toolbar[hidden],.r-film-error[hidden]{display:none}
.r-film-toolbar button{font:600 12px/1.4 Inter,'Noto Sans Thai',sans-serif;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 0;color:inherit;background:none;border:0;cursor:pointer}
.r-film-toolbar button:hover{color:#b8d7c7}
.r-film-toolbar button:focus-visible{outline:2px solid #f4f3ec;outline-offset:5px}
.r-film-toolbar button:disabled{opacity:.45;cursor:default}
.r-film-toolbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.r-film-toolbar .r-film-icon-play{fill:currentColor;stroke:none}
.r-film-icon-pause,.r-film.is-playing .r-film-icon-play{display:none}
.r-film.is-playing .r-film-icon-pause{display:block}
.r-film-time{font:400 12px/1.5 Inter,sans-serif;font-variant-numeric:tabular-nums;color:#bdc5b9}
.r-film-sound{margin-left:auto}
.r-film-fullscreen{margin-left:15px}
.r-film-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.r-film .r-film-error{font-size:14px;color:#f4f3ec;margin:15px 0}
@media(max-width:700px){
 .r-film{padding:40px 0 0;scroll-margin-top:84px}
 .r-film-heading{padding:0 22px;margin-bottom:24px;display:block}
 .r-film-heading .r-label{font-size:10px;margin-bottom:15px}
 .r-film h2{font-size:15vw}
 .radical-site[data-lang="th"] .r-film h2{font-size:9.2vw}
 .r-film .r-film-note{display:none}
 .r-film-toolbar{margin-inline:22px;min-height:72px;gap:12px;flex-wrap:wrap;padding-block:8px}
 .r-film-toolbar button{font-size:10px;gap:7px}
 .r-film-time{font-size:10px}
 .r-film-fullscreen{margin-left:0;min-width:32px}
 .r-film-fullscreen>span{display:none!important}
 .r-film .r-film-error{margin-inline:22px}
}
@media(max-height:600px) and (orientation:landscape){
 .r-film-media{max-width:calc((100svh - 110px)*16/9);margin-inline:auto}
}