/* ============================================================
   Prism Painting of Williamsburg - the owners page (v6.18)

   Its own stylesheet: site.css is not restyled by this page, and every
   rule below is scoped to an .ow- class (or a descendant of one), so it
   cannot reach index.html. The photograph is on this page only.
   ============================================================ */

.ow-hero{background:var(--cream);border-bottom:1px solid var(--line);
  padding-block:clamp(26px,4vw,60px)}
.ow-grid{
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);
  gap:clamp(24px,4vw,58px);align-items:center;
}
.ow-photo{margin:0;background:var(--cream-2);border:1px solid var(--line);max-width:520px}
.ow-photo img{display:block;width:100%;height:auto}
.ow-copy h1{
  margin:0 0 16px;font-family:var(--serif);font-weight:700;
  font-size:clamp(30px,3.6vw,46px);line-height:1.08;color:var(--ink);
}
.ow-lede{max-width:46ch;margin:0 0 14px;font-size:18px;line-height:1.55;color:var(--ink)}
.ow-text{max-width:54ch;margin:0 0 13px;font-size:16.5px;line-height:1.72;color:#3B414A}
.ow-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0 0}
.ow-back{margin:22px 0 0;font-family:var(--sans);font-size:13px}
.ow-back a{color:var(--muted);text-decoration:underline}
.ow-back a:hover{color:var(--red)}

@media (max-width:900px){
  .ow-grid{grid-template-columns:1fr;gap:clamp(18px,3.4vw,28px)}
  .ow-photo{max-width:460px}
}
@media (max-width:520px){
  .ow-acts{display:grid}
  .ow-acts .btn{width:100%}
}