/* Chi siamo: Arte e motori, versione B approvata. */
.a30-about-media{--about-line:#243950}
.a30-about-media .proposal-intro,.a30-about-media .editorial-opening{scroll-margin-top:160px}
.a30-about-media .proposal-intro .about-copy p+p{margin-top:18px}
.a30-about-media .editorial-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:72px;align-items:end;margin-bottom:34px}
.a30-about-media .editorial-heading h2,.a30-about-media .moments-split h2{font-size:clamp(30px,3.2vw,44px);line-height:1.12;letter-spacing:-.03em;margin:14px 0 24px}
.a30-about-media .editorial-heading h2{max-width:690px;margin-bottom:0}
.a30-about-media .editorial-heading>p{color:#b2c5db;font-size:18px;line-height:1.8;margin-bottom:3px}
.a30-about-media .editorial-heading .lead{max-width:690px;color:#b2c5db;font-size:18px;line-height:1.8;margin-top:22px}
.a30-about-media .film-player{position:relative;min-width:0;overflow:hidden;isolation:isolate;border-radius:22px;border:1px solid #2c435e;box-shadow:0 22px 65px #0004;background:#02060e}
.a30-about-media .film-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#02060e}
.a30-about-media .film-cover{position:absolute;inset:0;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;cursor:pointer;background:linear-gradient(0deg,#0208169e,#02081633);color:white;font-weight:700;font-size:18px;text-shadow:0 2px 8px #000}
.a30-about-media .film-cover[hidden],.a30-about-media .round-arrow[hidden]{display:none}
.a30-about-media .film-cover small{display:block;font-size:12px;letter-spacing:.05em;color:#d5e7f5;margin-top:6px;font-weight:400}
.a30-about-media .play-circle{display:inline-grid;place-items:center;width:88px;height:88px;background:#85e1ffec;color:#051327;border:1px solid #d6f7ff;border-radius:50%;font-size:30px;padding-left:4px;box-shadow:0 6px 40px #45bfff30;text-shadow:none}
.a30-about-media .film-cover:hover .play-circle{background:#b4efff}
.a30-about-media .film-footnote{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--about-line);padding:20px 0;font-size:11px;letter-spacing:.13em;color:#91adc8}
.a30-about-media .editorial-diptych{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}
.a30-about-media .editorial-diptych>.photo-link{aspect-ratio:3/4}
.a30-about-media .editorial-diptych>.photo-link:nth-child(2){margin-top:65px}
.a30-about-media .photo-link{position:relative;display:block;min-width:0;overflow:hidden;border-radius:17px;isolation:isolate;background:#08152a;cursor:zoom-in}
.a30-about-media .photo-link img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.a30-about-media .photo-link:hover img{transform:scale(1.025)}
.a30-about-media .photo-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#020817dd);padding:65px 22px 20px;z-index:1;font-size:14px;color:white;line-height:1.5;pointer-events:none}
.a30-about-media .photo-plus{position:absolute;top:14px;right:14px;display:grid;place-items:center;border:1px solid #e8f6ff77;width:34px;height:34px;border-radius:50%;background:#040f26bb;color:white;font-size:19px;z-index:1}
.a30-about-media .photo-rail{min-width:0}
.a30-about-media .rail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}
.a30-about-media .rail-top p{font-size:14px;color:#9fb7ce}
.a30-about-media .rail-top>div{display:flex;gap:10px}
.a30-about-media .rail-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#55758e transparent;padding-bottom:16px}
.a30-about-media .rail-track .photo-link{flex:0 0 calc((100% - 44px)/3);aspect-ratio:3/4;scroll-snap-align:start}
.a30-about-media .round-arrow{position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:46px;height:46px;border:1px solid #8ddcf575;border-radius:50%;background:#06162bec;color:#c7f4ff;font-size:22px;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.a30-about-media .round-arrow:hover{background:#93e8ff;color:#051024}
.a30-about-media .moments-section{background:#081329;border-block:1px solid #1d314a}
.a30-about-media .moments-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.a30-about-media .moments-split .lead{font-size:19px;line-height:1.8;color:#b5c6dc;max-width:560px}
.a30-about-media .moments-split .btn{margin-top:25px}
.a30-about-media .moments-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.a30-about-media .moments-pair .photo-link{aspect-ratio:3/4}
.a30-about-media .moments-pair .photo-link:nth-child(2){margin-top:45px}
.a30-about-media .about-location-grid>.photo-link{aspect-ratio:3/2}
.a30-about-media .about-location-grid .photo-label{padding-top:50px}
.a30-about-media .about-location-content .contact-actions{margin-top:28px}
.a30-about-media .photo-dialog{position:fixed;inset:0;margin:auto;padding:18px;background:#040c20;color:white;border:1px solid #365879;border-radius:18px;max-width:min(1320px,96vw);width:100%;max-height:94dvh;overflow:auto;box-shadow:0 30px 120px #000b}
.a30-about-media .photo-dialog::backdrop{background:#010611ed;backdrop-filter:blur(7px)}
.a30-about-media .lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:14px}
.a30-about-media .lightbox-top p{font-size:15px;color:#d0e0ef}
.a30-about-media .lightbox-close{width:42px;height:42px;flex-shrink:0;border:1px solid #52738f;background:#11243c;color:white;border-radius:50%;font-size:20px;cursor:pointer}
.a30-about-media .lightbox-stage{position:relative}
.a30-about-media .lightbox-stage>img{width:100%;height:72dvh;object-fit:contain;background:#020917;display:block}
.a30-about-media .lightbox-stage>.round-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3}
.a30-about-media .round-arrow.prev{left:13px}
.a30-about-media .round-arrow.next{right:13px}
.a30-about-media .lightbox-count{text-align:center;color:#a9cae3;margin-top:12px;font-size:13px;letter-spacing:.05em}
body.a30-about-dialog-open{overflow:hidden}
@media(max-width:1000px){
 .a30-about-media .editorial-heading{gap:35px;grid-template-columns:1fr 1fr}
 .a30-about-media .moments-split{gap:35px;grid-template-columns:1fr}
}
@media(max-width:760px){
 .a30-about-media .editorial-heading{grid-template-columns:1fr;gap:24px}
 .a30-about-media .editorial-heading>p{font-size:16px}
 .a30-about-media .film-footnote{flex-direction:column;gap:7px}
 .a30-about-media .rail-track .photo-link{flex-basis:70%}
 .a30-about-media .round-arrow{width:42px;height:42px}
 .a30-about-media .lightbox-stage .prev{left:8px}
 .a30-about-media .lightbox-stage .next{right:8px}
 .a30-about-media .photo-label{font-size:12px;padding:45px 15px 15px}
 .a30-about-media .editorial-diptych{gap:12px}
 .a30-about-media .editorial-diptych>.photo-link:nth-child(2){margin-top:32px}
 .a30-about-media .moments-pair{gap:12px}
 .a30-about-media .moments-split .lead{font-size:17px}
 .a30-about-media .film-cover{gap:10px;font-size:15px}
 .a30-about-media .play-circle{width:57px;height:57px;font-size:20px}
 .a30-about-media .film-cover small{font-size:10px}
 .a30-about-media .lightbox-stage>img{height:68dvh}
 .a30-about-media .lightbox-top p{font-size:13px}
 .a30-about-media .photo-dialog{padding:10px}
}
@media(max-width:400px){
 .a30-about-media .rail-top p{max-width:180px;font-size:12px}
 .a30-about-media .photo-label{font-size:11px}
 .a30-about-media .round-arrow{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
 .a30-about-media *{scroll-behavior:auto!important;transition:none!important}
}