@keyframes fdrIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.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}.vfilm-sec{position:relative;background:transparent;padding:0;margin:0;z-index:9}
/* The tab strip now lives inside the fixed cinematic layer (.eng-cine__ui), so
   it anchors to the viewport correctly. Hidden until the film is playing, then
   revealed and pinned to the bottom of the screen over the film. */
.eng-cine__ui .vstrip{position:absolute;left:0;right:0;bottom:clamp(20px,4vh,44px);margin:0 auto;padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px);z-index:4;opacity:0;pointer-events:none;transition:opacity .35s ease}
html.eng-cine-settled .eng-cine__ui .vstrip{opacity:var(--cine-fade,1);pointer-events:auto}
/* Over full-bleed video the options need to read clearly — give the strip a
   readable glass panel, a visible label, and stronger tab chips. */
.eng-cine__ui .vstrip{gap:14px}
.eng-cine__ui .vstrip::before{content:attr(data-label);position:absolute;left:clamp(20px,5vw,64px);bottom:calc(100% + 12px);font-family:var(--font-m);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6);opacity:.9;pointer-events:none}
.eng-cine__ui .vtab{background:rgba(10,14,20,.5)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 10px 30px rgba(0,0,0,.35);color:#fff!important}
.eng-cine__ui .vtab .vtab-tx b{color:#fff}
.eng-cine__ui .vtab .vtab-tx i{color:rgba(255,255,255,.62)}
.eng-cine__ui .vtab .vtab-ic{border-color:rgba(255,255,255,.3);color:#fff}
.eng-cine__ui .vtab:hover{background:rgba(255,122,47,.16)!important;border-color:rgba(255,122,47,.5)!important;transform:translateY(-3px)}
.eng-cine__ui .vtab.on{background:rgba(255,122,47,.2)!important;border-color:var(--orange)!important;box-shadow:0 10px 34px rgba(255,122,47,.3)}
.eng-cine__ui .vtab.on .vtab-ic{background:var(--orange);border-color:var(--orange);color:#1c0d02}
/* Gentle attention pulse on the active option when the video first settles. */
@keyframes vtabPulse{0%,100%{box-shadow:0 10px 34px rgba(255,122,47,.28)}50%{box-shadow:0 10px 40px rgba(255,122,47,.55)}}
html.eng-cine-settled .eng-cine__ui .vtab.on{animation:vtabPulse 2.4s ease-in-out 2}
html.eng-cine-settled .eng-cine__ui .vtab{pointer-events:auto}
/* During the settled hold, the fixed cinematic film fills the screen and the
   tab strip rides fixed at the bottom over it — no empty gap is scrolled. */
.vstage{position:relative;width:100%;aspect-ratio:16/9;max-height:88vh;overflow:hidden;background:#04060a}.vstage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.vstage-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--bg) 0%,transparent 16% 78%,var(--bg) 100%),linear-gradient(90deg,rgba(4,6,10,.55),transparent 42%);transition:background .6s ease}html[data-theme=light] .vstage-veil{background:linear-gradient(90deg,rgba(8,11,16,.34),transparent 42%)}.vcap{position:absolute;left:clamp(20px,5vw,64px);bottom:clamp(26px,5vh,52px);z-index:2;display:flex;flex-direction:column;gap:8px}.vcap-model,.vtab-tx i{font-family:var(--font-m);text-transform:uppercase}.vcap-model{font-size:12px;letter-spacing:.28em;color:var(--orange-2);text-shadow:0 2px 14px rgba(0,0,0,.5)}.vcap-title,.vtab-tx b{font-family:var(--font-d);font-weight:600}.vcap-title{line-height:1;letter-spacing:-.01em;color:#fff;font-size:clamp(30px,4.6vw,62px);text-shadow:0 6px 30px rgba(0,0,0,.55)}.vmute{position:absolute;right:clamp(18px,3vw,36px);bottom:clamp(22px,4vh,40px);z-index:3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(255,255,255,.22);background:rgba(8,10,14,.42);backdrop-filter:blur(10px);color:#fff;transition:.25s}.vmute:hover{border-color:var(--orange);color:var(--orange-2);transform:translateY(-2px)}.vmute.sound .ic-sound{display:block}.vmute .ic-sound,.vmute.sound .ic-muted,.vmute[hidden]{display:none}.vstrip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:18px clamp(20px,5vw,64px)0;max-width:var(--maxw);margin:0 auto}.vtab{flex:0 0 300px}.vtab{position:relative;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:14px;cursor:pointer;border:1px solid transparent;background:linear-gradient(180deg,rgba(127,140,160,.07),rgba(127,140,160,.02));color:var(--ink);text-align:left;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s,border-color .35s}html[data-theme=dark] .vtab{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.fdr-progress span,.vtab::after{background:linear-gradient(90deg,var(--orange),var(--orange-2))}.vtab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}.vtab:hover{transform:translateY(-3px) scale(1.012);background:linear-gradient(180deg,rgba(255,122,47,.07),rgba(255,122,47,.02))}.vtab.on{border-color:rgba(255,122,47,.32)}.vtab.on::after{transform:scaleX(1)}.vtab-ic{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink-2);transition:.3s}.vtab.on .vtab-ic,.vtab:hover .vtab-ic{background:var(--orange);border-color:var(--orange);color:#1c0d02}.vtab-tx{display:flex;flex-direction:column;gap:3px;min-width:0}.vtab-tx b{font-size:clamp(13px,1.05vw,16px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vtab-tx i{font-size:11px;letter-spacing:.16em;color:var(--ink-3);font-style:normal;transition:color .3s}.vtab.on .vtab-tx i{color:var(--orange-2)}@media (max-width:1100px) and (min-width:761px){.vstrip{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:6px}.vtab{flex:0 0 240px;scroll-snap-align:start}}@media (max-width:760px){.vstage{aspect-ratio:16/9;max-height:70vh}.vstrip{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}.vtab{flex:0 0 74%;scroll-snap-align:start}.vtab{scroll-snap-align:start}.vcap-title{font-size:clamp(26px,8vw,40px)}}.finder{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,rgba(127,140,160,.06),rgba(127,140,160,0));backdrop-filter:blur(6px)}html[data-theme=dark] .finder{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}.fdr-progress{height:3px;background:var(--line-2)}.fdr-progress span{display:block;height:100%;width:0;transition:width .5s cubic-bezier(.4,0,.2,1)}.fdr-stage{padding:clamp(28px,4vw,52px);min-height:340px;position:relative}.fdr-step{animation:fdrIn .5s cubic-bezier(.2,.7,.2,1)}.fdr-qnum{font-family:var(--font-m);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-2)}.fdr-q{font-family:var(--font-d);font-weight:600;font-size:clamp(24px,3vw,38px);line-height:1.05;margin:8px 0 26px}.fdr-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.fdr-opt{display:flex;align-items:center;gap:14px;text-align:left;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:0 0;color:var(--ink);cursor:pointer;font-size:16px;font-family:var(--font-b);transition:.22s}.fdr-opt:hover{border-color:var(--orange);transform:translateY(-2px);background:rgba(255,122,47,.06)}.fdr-opt .ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none;background:rgba(255,122,47,.12);color:var(--orange-2)}.fdr-opt b{font-weight:600;display:block}.fdr-back,.fdr-opt small{color:var(--ink-3);font-size:13px}.fdr-back{margin-top:24px;background:0 0;border:0;font-family:var(--font-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:.2s}.fdr-back:hover{color:var(--ink)}.fdr-result{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:center}.fdr-rimg{position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(70% 70%at 50% 40%,rgba(255,122,47,.12),transparent 70%);display:grid;place-items:center;min-height:300px}.fdr-rimg img{max-height:340px;width:auto;filter:drop-shadow(0 30px 40px rgba(20,30,50,.4))}.fdr-badge,.fdr-rcat{font-family:var(--font-m);text-transform:uppercase}.fdr-badge{position:absolute;top:14px;left:14px;font-size:11px;letter-spacing:.16em;color:var(--orange-2);background:rgba(255,122,47,.12);padding:6px 12px;border-radius:100px}.fdr-rcat{font-size:12px;letter-spacing:.22em;color:var(--ink-3)}.fdr-rname,.fdr-rspecs .v{font-family:var(--font-d);font-weight:600}.fdr-rname{font-size:clamp(34px,5vw,60px);line-height:1;margin:6px 0 10px}.fdr-rwhy{display:flex;flex-direction:column;gap:10px;margin:18px 0 26px}.fdr-rwhy li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2);font-size:15px;list-style:none}.fdr-rwhy svg{flex:none;margin-top:3px;color:var(--orange)}.fdr-rspecs{display:flex;gap:26px;margin-bottom:24px;flex-wrap:wrap}.fdr-rspecs .v{font-size:26px}.fdr-alts .lbl,.fdr-rspecs .k{font-family:var(--font-m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.fdr-actions,.fdr-alts{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.fdr-alts{margin-top:22px}.fdr-alts .lbl{font-size:11px;letter-spacing:.14em}.fdr-alt,.fdr-restart{cursor:pointer;transition:.2s}.fdr-alt{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;border:1px solid var(--line);font-size:13px;color:var(--ink-2)}.fdr-alt:hover{border-color:var(--orange);color:var(--ink)}.fdr-restart{background:0 0;border:0;color:var(--ink-3);font-family:var(--font-m);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.fdr-restart:hover{color:var(--orange-2)}@media (max-width:760px){.fdr-result{grid-template-columns:1fr;gap:22px}.fdr-rimg{min-height:220px}.fdr-rimg img{max-height:240px}}