/* Moved out of global.css: loaded only on the templates that render this section (inc/part-styles.php). Loads before global.css, as a page stylesheet does. */
/* ══════════════════════════════════════════════════
   MEET THE OWNERS (template-parts/meet-the-owners.php)
   A dark band with Nick and Marc cut out on the right, a hand
   note naming each of them, and the real figures underneath.
   The hex grid behind them is the one place on the page it
   appears, so it stays a signature rather than wallpaper.
   ══════════════════════════════════════════════════ */
.owners{
  position:relative;overflow:hidden;
  padding:clamp(64px,7vw,104px) 0 0;
  background:
    radial-gradient(60% 70% at 72% 40%,rgba(22,192,183,0.16),transparent 70%),
    linear-gradient(180deg,#071019 0%,#050b12 100%);
  border-top:1px solid rgba(22,192,183,0.14);
  border-bottom:1px solid rgba(22,192,183,0.14);
}
.owners::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cg fill='none' stroke='%2316C0B7' stroke-opacity='0.11' stroke-width='1'%3E%3Cpath d='M28 1l27 16v32L28 65 1 49V17z'/%3E%3Cpath d='M28 65l27 16v32M28 65L1 81v32'/%3E%3C/g%3E%3C/svg%3E");
  background-size:56px 97px;
  -webkit-mask-image:radial-gradient(55% 80% at 78% 45%,#000 20%,transparent 75%);
          mask-image:radial-gradient(55% 80% at 78% 45%,#000 20%,transparent 75%);
}
.owners > .container{position:relative;z-index:1;}
.owners-grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:32px 48px;align-items:end;
}
.owners-copy{padding-bottom:clamp(40px,5vw,72px);}
.owners-h2{
  font-family:var(--disp);font-weight:400;text-transform:uppercase;
  font-size:clamp(32px,3.8vw,58px);line-height:1.02;letter-spacing:-0.02em;
  color:#fff;margin:14px 0 22px;
}
.owners-h2 .boxed{margin-top:0.18em;}
.owners-p{color:var(--muted);font-size:17.5px;line-height:1.7;max-width:52ch;margin:0 0 24px;}
.owners-checks{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:12px;}
.owners-checks li{display:flex;align-items:center;gap:14px;color:var(--text);font-size:16.5px;font-weight:600;}
.owners-checks i{
  flex-shrink:0;width:30px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;color:#050b12;background:var(--teal);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.owners-btns{display:flex;flex-wrap:wrap;gap:14px;}
.owners-btns .btn i{font-size:14px;}

/* The figure. The cutout stands on the band's bottom edge (or on the
   figures strip when there is one) so the two of them read as being
   in the room, not pasted in a box. */
.owners-figure{
  position:relative;margin:0;align-self:end;justify-self:center;
  width:min(100%,620px);
}
.owners-figure::before{
  content:"";position:absolute;left:8%;right:8%;top:10%;bottom:0;
  background:radial-gradient(50% 60% at 50% 70%,rgba(22,192,183,0.28),transparent 72%);
  filter:blur(18px);
}
.owners-figure img{
  position:relative;display:block;width:100%;height:auto;
  filter:drop-shadow(0 24px 40px rgba(0,0,0,0.45));
}
.owners-tag{
  position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  font-family:var(--mono2);font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--muted);line-height:1.35;
}
.owners-tag-name{
  font-family:'Instrument Serif','Instrument Serif Fallback',serif;font-style:italic;font-weight:400;
  font-size:30px;letter-spacing:0;text-transform:none;line-height:1;
  color:var(--teal);text-decoration:none;transform:rotate(-6deg);display:inline-block;
}
a.owners-tag-name:hover{text-decoration:underline;text-underline-offset:4px;}
.owners-tag-arrow{color:var(--teal);margin:2px 0 4px 6px;}
.owners-tag-nick{left:-2%;top:18%;}
.owners-tag-marc{right:-4%;top:26%;align-items:flex-end;}
.owners-tag-marc .owners-tag-arrow{transform:scaleX(-1);margin:2px 6px 4px 0;}
.owners-tag-marc .owners-tag-role{text-align:right;}

/* Figures row. Glass strip the cutout stands on. */
.owners-figs{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(3,1fr);
  margin:-2px 0 0;padding:22px 32px;
  background:rgba(12,26,38,0.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(22,192,183,0.22);border-bottom:none;border-radius:18px 18px 0 0;
}
.owners-fig{display:flex;align-items:center;gap:16px;padding:6px 18px;border-left:1px solid rgba(255,255,255,0.08);}
.owners-fig:first-child{border-left:none;padding-left:0;}
.owners-fig-icon{
  flex-shrink:0;width:48px;height:54px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(22,192,183,0.14);color:var(--teal);font-size:18px;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.owners-fig-body{display:flex;flex-direction:column;gap:2px;min-width:0;}
.owners-fig-body b{font-family:var(--disp);font-weight:400;font-size:28px;line-height:1;color:#fff;letter-spacing:-0.01em;}
.owners-fig-body span{font-family:var(--mono2);font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);}

@media (max-width:1000px){
  .owners-grid{grid-template-columns:1fr;gap:12px;}
  .owners-copy{padding-bottom:12px;}
  .owners-figure{width:min(100%,520px);margin-top:16px;}
  .owners-figs{grid-template-columns:1fr;gap:10px;padding:18px 20px;}
  .owners-fig{border-left:none;padding:6px 0;}
}
@media (max-width:560px){
  .owners-tag-name{font-size:24px;}
  .owners-tag-arrow{width:30px;height:22px;}
  .owners-tag-nick{left:0;top:10%;}
  .owners-tag-marc{right:0;top:18%;}
  .owners-fig-body b{font-size:24px;}
  /* Names only on a phone; the role lines crowd the shoulders. */
  .owners-tag-role{display:none;}
}