/* Glass Cockpit photography and official Volvo Penta demonstrations. */
.evc-explore{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.evc-explore a{display:inline-flex;align-items:center;gap:20px;padding:13px 17px;border:1px solid #bad3e6;border-radius:7px;background:linear-gradient(145deg,#fff,#eaf4fc);box-shadow:0 3px 0 #b7cede;color:#155c91;font-size:14px;line-height:1.4;transition:transform .2s,box-shadow .2s}
.evc-explore a:hover{transform:translateY(-2px);box-shadow:0 5px 0 #b7cede}
.evc-explore a:active{transform:translateY(1px)}
.glass-cockpit{background:#e8f2fa}
.glass-cockpit .section-heading{align-items:center}
.glass-cockpit .section-heading>p{max-width:405px}
.glass-panorama{border-radius:12px;overflow:hidden;background:#08254b;box-shadow:0 18px 45px #082f541c}
.glass-panorama img{width:100%;height:auto;display:block}
.glass-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}
.glass-detail{background:#fff;overflow:hidden;border:1px solid #ccdeed;border-radius:12px;box-shadow:0 4px 0 #c4d8e8}
.glass-detail figure{aspect-ratio:16/10;background:#09294f;overflow:hidden}
.glass-detail img{width:100%;height:100%;object-fit:cover}
.glass-detail-copy{padding:27px 30px 31px}
.glass-detail h3{font-size:28px;line-height:1.2;margin-bottom:13px}
.glass-detail p{font-size:16px;line-height:1.8;color:var(--muted)}
.glass-foot{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:30px}
.glass-foot p{font-size:15px;line-height:1.8;color:var(--muted);max-width:730px}
.glass-foot .text-link{flex-shrink:0;margin:0;font-size:15px}
.evc-videos{background:linear-gradient(140deg,#061d41,#0b3863);color:white}
.evc-videos .section-heading .eyebrow{color:#8fd0ff}
.evc-videos .section-heading>p{max-width:360px;color:#c3dcef}
.evc-videos h2 em{color:#8fd0ff}
.evc-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.evc-video-card{min-width:0;scroll-margin-top:24px;border-radius:12px;overflow:hidden;background:#0c3157;border:1px solid #446789;box-shadow:0 6px 0 #04182f,0 20px 40px #020e201f}
.evc-video-screen{position:relative;aspect-ratio:16/9;min-height:200px;background:#04152d}
.evc-video-cover{display:block;position:absolute;inset:0;overflow:hidden;color:white}
.evc-video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#021329d9,transparent 65%);pointer-events:none}
.evc-video-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.evc-video-cover:hover>img{transform:scale(1.025)}
.evc-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:linear-gradient(145deg,#fff,#e0effb);color:#0b4c7f;border:1px solid #fff;box-shadow:0 5px 0 #133f60,0 15px 35px #00112955;transition:background .2s}
.evc-play svg{width:25px;height:25px;margin-left:4px;fill:currentColor}
.evc-video-cover:hover .evc-play{background:white;color:#1687c7}
.evc-video-watch{position:absolute;z-index:1;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;line-height:1.4}
.evc-video-watch>span:last-child{color:#c3dcef;font-size:12px}
.evc-video-screen iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#04152d}
.evc-video-copy{padding:27px 28px 29px}
.evc-video-kicker{font-size:12px;letter-spacing:.13em;color:#8fd0ff;margin-bottom:13px}
.evc-video-copy h3{font-size:28px;line-height:1.2;color:#fff;margin-bottom:14px}
.evc-video-copy>p:not(.evc-video-kicker){font-size:16px;line-height:1.75;color:#c3dcef}
.evc-youtube-link{display:inline-flex;gap:24px;align-items:center;font-size:14px;margin-top:22px;padding-bottom:7px;border-bottom:1px solid #839eb8;color:#e4f2ff}
.evc-youtube-link:hover{color:#8fd0ff}
.evc-video-note{font-size:14px;line-height:1.75;color:#c3dcef;margin-top:28px;max-width:880px}
.evc-feature .text-link{color:#bde6ff;border-color:#6c9cbf;font-size:15px}
.evc-explore a:focus-visible,.glass-cockpit a:focus-visible,.evc-videos a:focus-visible,.evc-feature a:focus-visible{outline:3px solid #41b6fa;outline-offset:5px}
.evc-video-cover:focus-visible{outline-offset:-5px}
.evc-video-screen iframe:focus-visible{outline:3px solid #41b6fa;outline-offset:-3px}
@media(max-width:1000px){.glass-foot{align-items:flex-start;flex-direction:column;gap:20px}.evc-video-grid{gap:24px}.evc-video-copy,.glass-detail-copy{padding:25px}.evc-video-watch{left:20px;right:20px;bottom:16px;font-size:13px}.evc-video-watch>span:last-child{display:none}}
@media(max-width:760px){.glass-details,.evc-video-grid{grid-template-columns:1fr;gap:24px}.glass-cockpit .section-heading>p,.evc-videos .section-heading>p{max-width:none}.glass-panorama{border-radius:8px}.glass-details{margin-top:24px}.glass-foot{margin-top:25px}.glass-detail h3,.evc-video-copy h3{font-size:27px}.evc-explore{gap:12px}.evc-explore a{padding:12px 14px;gap:15px}.evc-video-copy,.glass-detail-copy{padding:24px}.evc-play{width:60px;height:60px}.evc-video-watch{font-size:13px;left:18px;right:18px}.evc-video-note{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.evc-explore a,.evc-video-cover>img{transition:none}.evc-explore a:hover,.evc-video-cover:hover>img{transform:none}}