/* Selected B: a real project alongside the promise, within a centered layout. */
body.ws-page.review-v3 #intro.ws-hero.site-proof {padding-inline:clamp(2rem,6vw,8rem);text-align:left}
.site-proof-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:clamp(3rem,6vw,7rem);width:min(100%,100rem);margin-inline:auto}
body.ws-page.review-v3 #intro.site-proof h1 {font-size:clamp(2.75rem,4.1vw,5.2rem);max-width:14ch;margin:0 0 1.5rem;text-wrap:balance}
body.ws-page.review-v3 #intro.site-proof .ec-kicker {margin:0 0 1.5rem;font-size:.75rem}
.site-proof-copy>p:not(.ec-kicker) {font-size:1.0625rem;line-height:1.7;max-width:43ch;color:#696173;margin:0}
body.ws-page.review-v3 #intro.site-proof .ec-actions {justify-content:flex-start;margin-top:2rem;gap:1rem 1.5rem}
.site-proof-visual {position:relative;margin:0;min-width:0;isolation:isolate}
.site-proof-window {border:1px solid #e1dbea;background:#f7f5fb;padding:.65rem}
.site-proof-bar {display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .35rem 1rem;font:.6875rem 'JetBrains Mono',monospace;color:#696173}
.site-proof-bar a {text-decoration:none;color:#6541c8}
.site-proof-media {position:relative;overflow:hidden;aspect-ratio:1.18;background:#e9e2f3}
.site-proof-media>img {display:block;width:100%;height:100%;object-fit:cover;object-position:top;transform-origin:center}
.site-proof-tiles {position:absolute;inset:0;pointer-events:none;overflow:hidden}
.site-proof-tiles i {position:absolute;background:#6541c8;opacity:0}
.site-proof-tiles i:nth-child(3n) {background:#b7a3e4}
.site-proof-tiles i:nth-child(17n) {background:#b54c27}
.site-proof-corners {position:absolute;right:-1.25rem;bottom:3rem;width:clamp(3.5rem,6vw,6rem);aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;pointer-events:none}
.site-proof-corners i {background:#6541c8;aspect-ratio:1}
.site-proof-corners i:nth-child(3n) {background:#b7a3e4}
.site-proof-corners i:last-child {background:#b54c27}
.site-proof-visual figcaption {display:flex;justify-content:space-between;gap:1rem;font:.75rem/1.5 Inter,Arial,sans-serif;color:#696173;margin-top:1rem}
@media(max-width:900px){
  .site-proof-layout {grid-template-columns:1fr;gap:2.5rem;max-width:42rem}
  body.ws-page.review-v3 #intro.site-proof {padding-block:3rem}
  body.ws-page.review-v3 #intro.site-proof h1 {font-size:clamp(2.5rem,7vw,4.3rem);max-width:18ch}
  .site-proof-visual {width:100%}
  .site-proof-corners {right:-.75rem}
}
@media(prefers-reduced-motion:reduce){.site-proof-tiles{display:none}}
