/* Blog + videos sections (only loaded on /blog and /videos pages; the home page is unaffected). */
.cpage .section:first-child{padding-top:clamp(120px,12vw,170px)}
.cp-h1{font-size:clamp(34px,4.6vw,58px);line-height:1.04;letter-spacing:-.02em;margin:.2em 0 0;color:var(--ink)}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:40px}
.cp-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--shadow-s);color:inherit;text-decoration:none;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.cp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.cp-media{position:relative;aspect-ratio:16/9;background:var(--cloud);overflow:hidden}.cp-media img{width:100%;height:100%;object-fit:cover;display:block}
.cp-play{position:absolute;inset:auto auto 14px 14px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--ink);font-size:16px;box-shadow:var(--shadow-s)}
.cp-body{padding:20px 22px 24px}.cp-body h2{font-size:20px;line-height:1.25;margin:6px 0 8px;color:var(--ink)}.cp-body p{color:var(--slate);margin:0 0 10px}
.cp-body .tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--lagoon-text,#11737b);margin:0}
.cp-post{max-width:780px}.cp-post .eyebrow a{color:inherit}.cp-hero{margin:28px 0;border-radius:var(--r-m);overflow:hidden}.cp-hero img{width:100%;display:block}
.cp-prose{font-size:18px;line-height:1.7;color:var(--slate);margin-top:28px}.cp-prose h2,.cp-prose h3{color:var(--ink);line-height:1.2;margin:1.6em 0 .5em}.cp-prose ul,.cp-prose ol{padding-left:1.3em}.cp-prose blockquote{border-left:3px solid var(--lagoon);margin:1.4em 0;padding:.2em 0 .2em 1em}
.cp-note{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);color:var(--mute)}
.cp-prose h2{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.01em}.cp-prose h3{font-size:20px}