/* Cyclops Marine product page (single-cyclops-marine.php). Loads after knysna-catamarans.css. Scoped to .cy. */

/* hero: smarttune on a Nautitech cap shroud */
.w54.kc.cy .hero::before{background-image:url(/wp-content/uploads/2023/02/Cyclops-Marine-smartune-on-Nautitech-catamaran-scaled.jpeg);background-position:45% 50%}
.w54.cy .hero h1 span{white-space:nowrap}
.w54.cy .fig-n{white-space:nowrap}

/* portrait display photo */
.cy .cy-portrait img{aspect-ratio:4/5;max-height:620px;object-fit:cover}

/* films: YouTube + Facebook link card */
.cy .cy-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
@media (max-width:860px){.cy .cy-films{grid-template-columns:1fr}}
.cy .cy-films .film{margin:0}
.cy .cy-ext{display:block;text-decoration:none;color:inherit}
.cy .cy-ext .video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#000}
.cy .cy-ext .video img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.cy .cy-ext:hover .video img{transform:scale(1.03)}
.cy .cy-play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--accent)}
.cy .cy-play::after{content:"";position:absolute;left:29px;top:22px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--ink)}
.cy .cy-cap{display:flex;flex-direction:column;gap:4px;margin-top:12px}
.cy .cy-cap span{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cy .cy-cap b{font-size:17px;color:var(--ink)}

/* logo has a white background, so show it on a white plate instead of turning it white */
.w54.kc.cy .kc-logo{filter:none;background:#fff;padding:10px 16px;border-radius:4px;height:72px;box-sizing:border-box}
@media (max-width:760px){.w54.kc.cy .kc-logo{height:56px}}
/* trait cards on the navy plate: dark headings */
.cy .plate .kc-trait h3{color:var(--ink)}