.fm-showcase{padding:clamp(72px,7vw,112px) 0;background:#f6f8fb;color:#14283b;scroll-margin-top:90px}
.fm-showcase__intro{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:36px}
.fm-showcase__eyebrow,.fm-film__eyebrow{display:block;margin-bottom:16px;color:#0874d7;font-size:12px;font-weight:600;letter-spacing:.18em}
.fm-showcase__intro h2,.fm-film h2{font-size:clamp(30px,3vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.035em}
.fm-showcase__intro p{max-width:400px;color:#687786;font-size:15px;line-height:1.65}
.fm-showcase__tabs{display:flex;gap:34px;border-bottom:1px solid #d8e1ea;margin-bottom:28px}
.fm-showcase__tab{position:relative;padding:0 0 15px;color:#6d7c88;font-size:15px;font-weight:400;transition:color .25s ease}
.fm-showcase__tab:hover,.fm-showcase__tab.is-active{color:#096bd1}
.fm-showcase__tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#096bd1}
.fm-showcase__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fm-showcase__grid[hidden]{display:none}
.fm-showcase__card{width:100%;text-align:left;background:#fff;border:1px solid #e6edf3;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(21,48,76,.035);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.fm-showcase__card:hover{transform:translateY(-4px);border-color:#bfd5e9;box-shadow:0 13px 30px rgba(21,48,76,.09)}
.fm-showcase__card:focus-visible,.fm-showcase__tab:focus-visible,.fm-lightbox button:focus-visible{outline:3px solid #1388ee;outline-offset:3px}
.fm-showcase__image{height:clamp(170px,17vw,260px);display:grid;place-items:center;background:#fff;overflow:hidden}
.fm-showcase__image img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.fm-showcase__card:hover img{transform:scale(1.035)}
.fm-showcase__grid--showroom .fm-showcase__image{height:auto;aspect-ratio:3/4;background:#e8eef3}
.fm-showcase__grid--showroom .fm-showcase__image img{object-fit:contain}
.fm-showcase__caption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:70px;padding:17px 18px 18px}
.fm-showcase__caption span{font-size:14px;line-height:1.45;font-weight:500}
.fm-showcase__caption small{flex:none;color:#8a99a7;font-size:12px}
.fm-showcase__note{margin-top:20px;color:#7f8d99;font-size:12px;line-height:1.55}
.fm-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,360px);align-items:center;gap:clamp(30px,7vw,120px);min-height:550px;margin-top:clamp(72px,7vw,112px);padding:clamp(32px,6vw,84px);background:linear-gradient(130deg,#051c39 0%,#093665 100%);border-radius:10px;color:#fff;overflow:hidden}
.fm-film__eyebrow{color:#8fc8ff}
.fm-film h2{max-width:580px}
.fm-film__copy p{max-width:450px;margin-top:24px;color:#c5d5e5;font-size:16px;line-height:1.7}
.fm-film__meta{display:block;margin-top:30px;color:#91aecb;font-size:13px;letter-spacing:.03em}
.fm-film__frame{width:min(100%,320px);justify-self:center;padding:7px;border:1px solid rgba(255,255,255,.24);border-radius:22px;background:rgba(255,255,255,.07);box-shadow:0 30px 60px rgba(0,8,23,.35)}
.fm-film video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:16px;background:#061527}
.fm-lightbox{position:fixed;inset:0;width:min(95vw,1160px);max-width:1160px;max-height:92vh;padding:0;border:0;border-radius:10px;background:#fff;color:#11283e;box-shadow:0 25px 90px rgba(3,25,52,.36)}
.fm-lightbox::backdrop{background:rgba(4,17,31,.78)}
.fm-lightbox__top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid #e5eaf0}
.fm-lightbox__top strong{font-size:15px;font-weight:500}
.fm-lightbox__top button{display:grid;place-items:center;width:34px;height:34px;font-size:28px;line-height:1;color:#54677a}
.fm-lightbox__stage{position:relative;height:min(68vh,700px);overflow:hidden;background:#f8fafc}
.fm-lightbox__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.fm-lightbox__arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 3px 14px rgba(0,0,0,.13);font-size:27px;color:#163451}
.fm-lightbox__arrow--prev{left:14px}.fm-lightbox__arrow--next{right:14px}
.fm-lightbox__arrow[hidden]{display:none}
.fm-lightbox__count{padding:13px 24px;text-align:center;color:#6e7c8a;font-size:13px}
@media(max-width:991px){.fm-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fm-film{grid-template-columns:minmax(0,1fr) 260px;min-height:0}}
@media(max-width:700px){.fm-showcase{padding:64px 0}.fm-showcase__intro{display:block;margin-bottom:26px}.fm-showcase__intro p{margin-top:16px}.fm-showcase__tabs{gap:24px}.fm-showcase__tab{font-size:13px}.fm-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fm-showcase__image{height:180px}.fm-showcase__caption{min-height:76px;padding:12px}.fm-showcase__caption span{font-size:12px}.fm-showcase__caption small{font-size:11px}.fm-film{grid-template-columns:1fr;gap:32px;padding:32px 22px 40px;margin-top:64px}.fm-film__copy p{margin-top:16px;font-size:14px}.fm-film__meta{margin-top:18px}.fm-film__frame{width:min(100%,270px)}.fm-lightbox{width:100vw;max-height:100vh;height:100vh;border-radius:0}.fm-lightbox__stage{height:calc(100vh - 126px)}.fm-lightbox__arrow{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.fm-showcase__card,.fm-showcase__image img{transition:none}}