/* Filmato aziendale integrale, con caricamento su richiesta. */
.company-film-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:54px}
.company-film-heading h2{margin-bottom:0}
.company-film-heading .lead{color:var(--muted);max-width:520px;margin:0 0 3px}
.company-film-figure{margin:0 0 38px}
.company-film-stage{position:relative;background:var(--deep);border-top:4px solid var(--red);isolation:isolate}
.company-film-stage video{display:block;width:100%;height:auto;aspect-ratio:720/408;object-fit:contain;background:#000}
.company-film-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;width:100%;border:0;background:linear-gradient(180deg,#04263b0a 10%,#021e3055 65%,#021e30a6);color:white;padding:24px}
.company-film-start[hidden],.company-film-error[hidden]{display:none}
.company-film-play{width:92px;height:92px;display:grid;place-items:center;background:var(--red);border:1px solid #ffffffb0;border-radius:50%;box-shadow:0 0 0 12px #ffffff26;transition:transform .2s,background .2s}
.company-film-play svg{width:34px;height:34px;fill:currentColor;transform:translateX(-2px)}
.company-film-start:hover .company-film-play{transform:scale(1.05);background:var(--red-dark)}
.company-film-start:focus-visible{outline:3px solid #52b9ff;outline-offset:-7px}
.company-film-start-label{display:block;font-size:1.25rem;line-height:1.4;font-weight:700;text-shadow:0 1px 8px #021e30}
.company-film-start-label>span{display:block;margin-top:6px;font-size:.82rem;font-weight:400;letter-spacing:.04em}
.company-film-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid #c6d5df;color:var(--muted);font-size:.9rem}
.company-film-figure figcaption strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:4px}
.company-film-duration{flex-shrink:0;font-size:.7rem;letter-spacing:.15em;color:var(--ink)}
.company-film-error{padding:18px;background:var(--paper);border-left:3px solid var(--red)}
.company-film-error a{text-decoration:underline}
.company-film-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:center;gap:70px 110px}
.company-film-copy{max-width:580px}
.company-film-copy .lead{color:var(--muted);margin-bottom:32px}
.company-film-copy h2{font-size:clamp(2.2rem,3.8vw,3.6rem)}
.company-film-visit-note{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.9rem;padding-top:26px;margin-bottom:38px;border-top:1px solid #c6d5df}
.company-film-visit-note>span{flex:none;width:7px;height:7px;background:var(--red)}
.company-film--portrait .company-film-figure{margin:0;width:100%;max-width:400px;justify-self:end}
.company-film--portrait video{aspect-ratio:9/16}
.company-film--portrait figcaption{flex-direction:column;align-items:flex-start;gap:16px;padding-block:22px}
.company-film--portrait .company-film-error{grid-column:1/-1;margin:0}
@media(max-width:980px){.company-film-layout{gap:55px;grid-template-columns:minmax(0,1fr) minmax(240px,340px)}}
@media(max-width:700px){.company-film-layout{grid-template-columns:1fr;gap:40px}.company-film--portrait .company-film-figure{justify-self:center}.company-film-copy{max-width:none}.company-film-copy h2{font-size:2.3rem}.company-film-copy .lead{font-size:1rem}.company-film-visit-note{font-size:.83rem;margin-bottom:28px}.company-film--portrait .company-film-play{width:72px;height:72px}.company-film--portrait .company-film-start-label>span{display:block}}
@media(max-width:800px){.company-film-heading{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.company-film-heading .lead{max-width:600px}.company-film-figure figcaption{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:600px){.company-film-start{gap:16px}.company-film-play{width:58px;height:58px;box-shadow:0 0 0 7px #ffffff26}.company-film-play svg{width:25px;height:25px}.company-film-start-label{font-size:1rem}.company-film-start-label>span{display:none}.company-film-figure{margin-bottom:28px}.company-film-figure figcaption{font-size:.83rem}.company-film-heading .lead{font-size:1rem}}
