/* PG Explore — scoped to .pg-explore. Ported from the DRobb three-voices /
   plate-card grid. Card images are now per-card inline backgrounds (editable). */

.pg-explore{ padding:180px 80px 200px; position:relative; }

.pg-explore .voices-head{ max-width:1340px; margin:0 auto 100px; display:flex; justify-content:space-between; align-items:flex-end; gap:80px; }
.pg-explore .voices-eyebrow{ display:flex; align-items:center; gap:14px; font-family:var(--pg-font-sans); font-weight:400; text-transform:uppercase; letter-spacing:.32em; font-size:11px; color:var(--pg-ink-soft); }
.pg-explore .voices-eyebrow .rule{ width:28px; height:1px; background:var(--pg-ink-hair); }
.pg-explore .voices-eyebrow .diamond{ width:4px; height:4px; background:var(--pg-terracotta); transform:rotate(45deg); }
.pg-explore .voices-tagline{ font-family:var(--pg-font-italic); font-style:italic; font-size:clamp(20px,1.6vw,26px); line-height:1.35; color:var(--pg-ink-soft); max-width:480px; text-align:right; margin:0; }
.pg-explore .voices-tagline em{ font-style:italic; color:var(--pg-terracotta); }

.pg-explore .plates{ max-width:1340px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:56px; }
.pg-explore .plate-card{ text-decoration:none; color:inherit; display:flex; flex-direction:column; transition:transform 800ms var(--pg-ease); }
.pg-explore .plate-card:hover{ transform:translate3d(0,-4px,0); }

.pg-explore .plate-img{
  position:relative; aspect-ratio:1/1; border-radius:4px; overflow:hidden;
  background-size:cover; background-position:center; filter:saturate(.9) contrast(1.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 30px 60px -40px rgba(26,21,18,.30);
  transition:box-shadow 1000ms var(--pg-ease);
}
.pg-explore .plate-card:hover .plate-img{ box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 60px 100px -40px rgba(26,21,18,.40); }
.pg-explore .plate-img::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, transparent 52%, rgba(26,21,18,.48) 100%); }
.pg-explore .plate-img::before{ content:""; position:absolute; top:16px; left:16px; width:16px; height:16px; border-top:1px solid rgba(232,224,210,.35); border-left:1px solid rgba(232,224,210,.35); z-index:3; transition:width 700ms var(--pg-ease), height 700ms var(--pg-ease); }
.pg-explore .plate-card:hover .plate-img::before{ width:20px; height:20px; }
.pg-explore .plate-noise{
  position:absolute; inset:0; z-index:2; pointer-events:none; mix-blend-mode:overlay; opacity:.55;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.6  0 0 0 0 0.5  0 0 0 0 0.4  0 0 0 0.18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
.pg-explore .plate-meta{ margin-top:28px; display:flex; justify-content:space-between; align-items:baseline; font-family:var(--pg-font-sans); font-weight:300; text-transform:uppercase; letter-spacing:.24em; font-size:10px; color:var(--pg-ink-pale); }
.pg-explore .plate-no{ font-family:var(--pg-font-italic); font-style:italic; font-size:17px; color:var(--pg-terracotta); margin-top:28px; margin-bottom:18px; }
.pg-explore .plate-title{ font-family:var(--pg-font-display); font-weight:400; font-variation-settings:"opsz" 144; font-size:clamp(34px,3vw,46px); line-height:1; letter-spacing:-.014em; color:var(--pg-ink); margin:0 0 24px; }
.pg-explore .plate-blurb{ font-family:var(--pg-font-italic); font-size:19px; line-height:1.45; color:var(--pg-ink-soft); margin:0 0 36px; max-width:360px; }
.pg-explore .plate-cta{ position:relative; display:flex; align-items:baseline; gap:14px; padding-bottom:14px; }
.pg-explore .plate-cta::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--pg-terracotta); transform-origin:left center; transform:scaleX(1); transition:transform 800ms var(--pg-ease); }
.pg-explore .plate-card:hover .plate-cta::after{ transform:scaleX(1.02); }
.pg-explore .plate-cta .verb{ font-family:var(--pg-font-italic); font-style:italic; font-size:17px; color:var(--pg-terracotta); }
.pg-explore .plate-cta .label{ font-family:var(--pg-font-sans); font-weight:500; text-transform:uppercase; letter-spacing:.22em; font-size:11.5px; color:var(--pg-ink); transition:letter-spacing 700ms var(--pg-ease); }
.pg-explore .plate-card:hover .plate-cta .label{ letter-spacing:.26em; }
.pg-explore .plate-cta .arrow{ margin-left:auto; color:var(--pg-ink); display:inline-flex; transition:transform 700ms var(--pg-ease); }
.pg-explore .plate-card:hover .plate-cta .arrow{ transform:translateX(8px); }
.pg-explore .plate-cta .arrow svg{ width:18px; height:12px; }

@media (max-width:1100px){ .pg-explore{ padding:120px 40px 140px; } .pg-explore .plates{ gap:40px; } }
@media (max-width:780px){
  .pg-explore{ padding:96px 24px 110px; }
  .pg-explore .voices-head{ flex-direction:column; align-items:flex-start; gap:24px; margin-bottom:64px; }
  .pg-explore .voices-tagline{ text-align:left; }
  .pg-explore .plates{ grid-template-columns:1fr; gap:48px; }
}