/* About V3 only: shared-row alignment, clear links and a compact portrait-video feature. */
.about3-page :is(#films,#other-options,#installation,#coverage,#ownership) a:not(.btn),
.about3-page .about3-link{color:#c8102d;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.about3-page :is(#films,#other-options,#installation,#coverage,#ownership) a:not(.btn):hover,
.about3-page .about3-link:hover{color:#950c21;text-decoration-thickness:2px}
.about3-page #why-xpel h3,.about3-page #films h4{color:#c8102d}
.about3-page .ps3-films h4{min-height:0;margin:0 0 16px}
.about3-page .ps3-film-copy{flex:1}
.about3-page .ps3-film-copy p:last-child{margin-bottom:20px}
.about3-page #ownership .about3-support-copy{flex:1}
@supports(grid-template-rows:subgrid){
 .about3-page .ps3-films{grid-template-rows:auto auto auto 1fr auto auto;row-gap:0}
 .about3-page .ps3-films>article{display:grid;grid-template-rows:subgrid;grid-row:span 6}
 .about3-page .ps3-films>article>a{margin-top:0;align-self:start}
 .about3-page #ownership .ps3-grid{grid-template-rows:auto 1fr auto;row-gap:0}
 .about3-page #ownership .ps3-card{display:grid;grid-template-rows:subgrid;grid-row:span 3}
 .about3-page #ownership .ps3-card>a{margin-top:0;align-self:start}
}
.about3-page #gallery .pf2-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.about3-page .about3-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:center;margin-top:50px;padding-top:42px;border-top:1px solid #ccc}
.about3-demo-copy,.about3-demo-media{min-width:0}
.about3-page .about3-demo-media{width:100%;max-width:350px;justify-self:center}
.about3-page .about3-demo-copy h3{font-size:clamp(30px,3.2vw,45px);line-height:1.14;margin:0 0 24px}
.about3-page .about3-demo-copy p{max-width:50ch}
.about3-page .about3-demo .ps3-player{width:100%;max-width:350px;margin:0 auto;aspect-ratio:9/16}
.about3-page .about3-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}
.about3-articles article{min-width:0;display:flex;flex-direction:column;border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff}
.about3-article-photo{display:block}
.about3-article-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.about3-page .about3-article-copy{display:flex;flex-direction:column;flex:1;padding:24px}
.about3-page .about3-article-copy h3{margin:0 0 20px}
.about3-page .about3-article-copy h3 a{color:#17171b;text-decoration:none}
.about3-page .about3-article-copy h3 a:hover{text-decoration:underline}
.about3-page .about3-article-copy p{margin:0 0 24px}
.about3-page .about3-article-copy>.about3-link{margin-top:auto;align-self:flex-start}
@media(max-width:800px){
 .about3-page .ps3-films,.about3-page #ownership .ps3-grid{grid-template-rows:none;row-gap:28px}
 .about3-page .ps3-films>article,.about3-page #ownership .ps3-card{display:flex;grid-row:auto}
 .about3-page .ps3-film-copy,.about3-page #ownership .about3-support-copy{flex:initial}
 .about3-page .about3-demo{grid-template-columns:1fr;gap:28px}
 .about3-page .about3-demo-copy p{max-width:none}
 .about3-page .about3-articles{grid-template-columns:1fr}
}
@media(max-width:600px){.about3-page #gallery .pf2-gallery{grid-template-columns:1fr}}

@media(min-width:701px){
 .about3-page #driving h3{min-height:2.5em}
 @supports(grid-template-rows:subgrid){
  .about3-page #driving .ps3-card{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0}
  .about3-page #driving h3{min-height:0}
 }
}
