/* Phase 8 -- Project Showcase; matches the approved burgundy/gold/charcoal language. */
.pcp8-compare-section{background:#f5f2ed;padding-block:clamp(66px,7vw,108px)}
.pcp8-video-section{background:#171c1e;color:#fff;padding-block:clamp(65px,7vw,110px)}
.pcp8-video-section .section-title,.pcp8-video-section .pcp8-section-head p{color:#fff}
.pcp8-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}
.pcp8-section-head>.eyebrow,.pcp8-section-head>div>.eyebrow{letter-spacing:.2em}
.pcp8-section-head>p{max-width:340px;font-size:14px;line-height:1.7;color:#555}
.pcp8-compare-grid,.pcp8-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pcp8-compare-card,.pcp8-video-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e8dfd3}
.pcp8-video-card{background:#252a2b;border:1px solid #3a4041}
.pcp8-comparison{--position:50%;position:relative;aspect-ratio:16/10;overflow:hidden;background:#15191a;isolation:isolate}
.pcp8-comparison>img,.pcp8-before-mask img{display:block;width:100%;height:100%;object-fit:cover}
.pcp8-comparison>.pcp8-after{position:absolute;inset:0}
.pcp8-before-mask{position:absolute;inset:0;width:var(--position);height:100%;overflow:hidden;z-index:1}
.pcp8-comparison .pcp8-before{width:100%;min-width:0}
.pcp8-before-mask{width:100%;clip-path:inset(0 calc(100% - var(--position)) 0 0)}
.pcp8-before-mask .pcp8-before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.pcp8-separator{position:absolute;z-index:3;top:0;bottom:0;left:var(--position);width:2px;transform:translateX(-1px);background:#fff;pointer-events:none;box-shadow:0 0 0 1px #0003}
.pcp8-separator span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#6c2028;font-size:20px;font-weight:800;box-shadow:0 6px 22px #0005}
.pcp8-image-tag{position:absolute;z-index:2;bottom:18px;background:#161a1dcf;color:#fff;font:700 11px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:10px 15px;pointer-events:none}
.pcp8-tag-before{left:18px}.pcp8-tag-after{right:18px}
.pcp8-comparison input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;cursor:ew-resize;margin:0;touch-action:pan-y}
.pcp8-comparison:focus-within{outline:3px solid #bba076;outline-offset:3px}
.pcp8-card-copy{padding:25px 27px 28px}
.pcp8-card-copy h3{font-family:'DM Sans',sans-serif;font-size:19px;letter-spacing:-.02em;margin:0 0 10px;color:#1e2527}
.pcp8-card-copy p{font-size:14px;line-height:1.75;color:#585858;margin:0}
.pcp8-video-card .pcp8-card-copy h3{color:#fff}.pcp8-video-card .pcp8-card-copy p{color:#c9c9c9}
.pcp8-video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#080a0b}
.pcp5-review-grid{align-items:stretch}
@media(max-width:750px){.pcp8-section-head{display:block}.pcp8-section-head>p{margin-top:12px}.pcp8-compare-grid,.pcp8-video-grid{grid-template-columns:1fr}.pcp8-card-copy{padding:20px}.pcp8-image-tag{bottom:12px;padding:8px 10px}.pcp8-tag-before{left:12px}.pcp8-tag-after{right:12px}}
@media(prefers-reduced-motion:reduce){.pcp8-comparison,.pcp8-comparison *{transition:none!important}}