/* PG Coming Soon — scoped to .pg-coming-soon. Ported from DRobb .coming-soon. */
.pg-coming-soon{ padding:160px 56px; background:var(--pg-bone); border-top:1px solid var(--pg-ink-thread); }
.pg-coming-soon .container{ max-width:1180px; margin:0 auto; }
.pg-coming-soon .head{ display:flex; justify-content:space-between; align-items:baseline; border-bottom:1px solid var(--pg-ink-thread); padding-bottom:20px; margin-bottom:56px; }
.pg-coming-soon .head h2{ font-family:var(--pg-font-display); font-weight:300; font-variation-settings:"opsz" 144; font-size:clamp(28px,3.4vw,44px); line-height:1; letter-spacing:-.014em; text-transform:lowercase; color:var(--pg-ink); }
.pg-coming-soon .head h2 em{ font-style:italic; color:var(--pg-terracotta); }
.pg-coming-soon .head .meta{ font-family:var(--pg-font-sans); font-weight:300; text-transform:uppercase; letter-spacing:.28em; font-size:10px; color:var(--pg-ink-soft); }
.pg-coming-soon .grid{ display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.pg-coming-soon .card{ padding:14px; background:var(--pg-bone-warm); border:1px solid var(--pg-ink-thread); border-radius:18px; transition:transform 600ms var(--pg-ease), box-shadow 600ms var(--pg-ease), border-color 600ms var(--pg-ease); }
.pg-coming-soon .card:hover{ transform:translate3d(0,-2px,0); box-shadow:0 32px 64px -36px rgba(26,24,22,.20); border-color:var(--pg-terracotta); }
.pg-coming-soon .card .img-wrap{ aspect-ratio:16/10; border-radius:10px; overflow:hidden; position:relative; margin-bottom:24px; background:var(--pg-bone-soft); }
.pg-coming-soon .card .img-wrap .img{ position:absolute; inset:0; background-size:cover; background-position:center; filter:saturate(.74) contrast(1.05) brightness(.94) sepia(.18); transition:transform 1400ms var(--pg-ease-soft); }
.pg-coming-soon .card:hover .img-wrap .img{ transform:scale(1.05); }
.pg-coming-soon .card .img-wrap::after{ content:''; position:absolute; inset:0; mix-blend-mode:multiply; background:radial-gradient(ellipse at 30% 50%, rgba(200,146,61,.18) 0%, transparent 65%); }
.pg-coming-soon .card .badge{ position:absolute; top:16px; left:16px; background:rgba(244,239,230,.92); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); padding:6px 12px; border-radius:999px; font-family:var(--pg-font-sans); font-weight:400; text-transform:uppercase; letter-spacing:.28em; font-size:9px; color:var(--pg-terracotta); z-index:3; }
.pg-coming-soon .card .body{ padding:8px 14px 16px; }
.pg-coming-soon .card .platform{ font-family:var(--pg-font-sans); font-weight:300; text-transform:uppercase; letter-spacing:.32em; font-size:9.5px; color:var(--pg-ink-pale); margin-bottom:8px; }
.pg-coming-soon .card h4{ font-family:var(--pg-font-display); font-weight:300; font-variation-settings:"opsz" 144; font-size:clamp(24px,2.6vw,32px); line-height:1.04; letter-spacing:-.014em; text-transform:lowercase; color:var(--pg-ink); margin-bottom:14px; }
.pg-coming-soon .card h4 em{ font-style:italic; color:var(--pg-terracotta); }
.pg-coming-soon .card .desc{ font-family:var(--pg-font-italic); font-size:16px; line-height:1.5; color:var(--pg-ink-soft); }
.pg-coming-soon .card .desc em{ font-style:italic; color:var(--pg-terracotta); }
@media (max-width:880px){
  .pg-coming-soon{ padding:110px 24px; }
  .pg-coming-soon .head{ flex-direction:column; gap:8px; align-items:flex-start; }
  .pg-coming-soon .grid{ grid-template-columns:1fr; }
}