.cp-hero{padding:64px 0 0;background:var(--paper)}
.cp-hero .cs-breadcrumb{color:var(--ink-soft)}.cp-hero .cs-breadcrumb:hover{color:var(--pine)}
.cp-hero h1{font-size:clamp(36px,5vw,68px);line-height:1.05;max-width:20ch;color:var(--ink)}
.cp-hero .hero-sub{margin-top:22px;max-width:60ch;color:var(--ink)}
.cp-meta{display:flex;flex-wrap:wrap;column-gap:64px;row-gap:20px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.cp-meta div{display:flex;flex-direction:column;gap:6px;max-width:100%}
.cp-meta span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.cp-meta b{font-family:var(--serif);font-weight:500;font-size:17px;color:var(--ink)}
.cp-bleed{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.cp-strip{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cp-strip img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;display:block;background:var(--paper-2)}
@media(max-width:760px){.cp-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cp-proj{padding:120px 0 0}
.cp-proj:last-of-type{padding-bottom:120px}
.cp-proj-head{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end;padding-bottom:40px;border-bottom:1px solid var(--line)}
.cp-num{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--moss)}
.cp-proj-head h2{font-size:clamp(30px,3.6vw,48px);line-height:1.1;color:var(--ink)}
.cp-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);padding:40px 0 56px}
.cp-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--moss);margin:0 0 14px}
.cp-idea{font-family:var(--serif);font-size:clamp(22px,2.2vw,28px);line-height:1.2;color:var(--ink);margin:0 0 12px}
.cp-cols p,.cp-list li{font-size:16px;line-height:1.65;color:var(--ink-soft)}
.cp-cols p{margin:0}
.cp-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cp-list li{position:relative;padding-left:18px}
.cp-list li::before{content:"";position:absolute;left:0;top:.75em;width:8px;height:1px;background:var(--moss)}
@media(max-width:900px){.cp-proj-head,.cp-cols{grid-template-columns:1fr}.cp-proj{padding-top:88px}}
.cp-media{display:grid;gap:12px}
.cp-media .image-frame{background:none;padding:0;margin:0;border-radius:0}
.cp-media .image-frame img{border-radius:14px}
.cp-media .image-frame-caption{margin-top:12px}
.cp-grid{display:grid;gap:12px}
.cp-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cp-grid--4 img{aspect-ratio:1/1;object-fit:cover}
.cp-grid--3 img{aspect-ratio:4/3;object-fit:cover}
@media(max-width:760px){.cp-grid--4,.cp-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-grid--2{grid-template-columns:1fr}}
.cp-band{background:var(--paper-2);border-radius:20px;padding:0;overflow:hidden;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.cp-band img{width:100%;max-width:none}
.cp-band:has(iframe){padding:clamp(24px,5vw,72px)}.cp-band iframe{width:min(340px,100%);aspect-ratio:9/16;border:0;border-radius:14px;background:#000;display:block}
.cp-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:end;padding-bottom:24px}
.cp-intro-img img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px;display:block}
@media(max-width:860px){.cp-intro{grid-template-columns:1fr}}
.cp-vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:40px}
.cp-vid-frame{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.cp-vid-frame iframe{width:100%;height:100%;border:0;display:block}
.cp-vid h4{margin:18px 0 8px;font-size:20px;color:var(--ink)}
.cp-vid p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft)}
@media(max-width:900px){.cp-vids{grid-template-columns:1fr;gap:40px}}