/* Knysna 500SE landing page (page-knysna-500se.php). Loads after windelo-54.css and knysna-550.css; only 500SE photos and small layout tweaks here. */

/* Hero and band photos sit in the right part of the section and fade into the dark background,
   so the boat stays clear of the headline (these photos have the boat near the centre). */
.w54.k550.k500 .hero{background:#14183f}
.w54.k550.k500 .hero::before{background:url(/wp-content/uploads/2023/07/knysna-500se-gilli-girl-at-anchor.jpg) 50% 50%/cover no-repeat;left:auto;width:72%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%);mask-image:linear-gradient(90deg,transparent 0,#000 45%)}
.w54.k550.k500 .band{background:#0b131b}
.w54.k550.k500 .band::before{background:url(/wp-content/uploads/2023/05/Knysna-500-catamaran.jpg) 30% 50%/cover no-repeat;left:auto;width:66%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 35%);mask-image:linear-gradient(90deg,transparent 0,#000 35%)}
@media (max-width:760px){
  .w54.k550.k500 .hero::before{left:0;width:100%;background-position:55% 40%;-webkit-mask-image:none;mask-image:none}
  .w54.k550.k500 .band::before{left:0;width:100%;-webkit-mask-image:none;mask-image:none}
}

/* two layout cards instead of three */
.k500 .versions.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.k500 .versions.two{grid-template-columns:1fr}}
.k500 .ver-plan{aspect-ratio:16/10}