/* PG Featured — scoped to .pg-featured. Ported from DRobb .featured. */
.pg-featured{ background:var(--pg-ink); color:var(--pg-bone); padding:180px 56px 200px; border-top:1px solid var(--pg-ink-thread); position:relative; overflow:hidden; }
.pg-featured::before{ content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 30% 30%, rgba(200,146,61,.10) 0%, transparent 60%), radial-gradient(ellipse at 80% 70%, rgba(180,83,58,.10) 0%, transparent 55%); }
.pg-featured .container{ position:relative; z-index:2; max-width:1320px; margin:0 auto; }
.pg-featured .head-row{ display:grid; grid-template-columns:1fr auto 1fr; gap:32px; align-items:end; border-bottom:1px solid rgba(244,239,230,.20); padding-bottom:24px; margin-bottom:80px; }
.pg-featured .head-row .left, .pg-featured .head-row .right{ font-family:var(--pg-font-sans); font-weight:300; text-transform:uppercase; letter-spacing:.34em; font-size:10px; color:rgba(244,239,230,.62); }
.pg-featured .head-row .right{ text-align:right; }
.pg-featured .head-row .center{ font-family:var(--pg-font-display); font-style:italic; font-weight:400; font-size:16px; color:var(--pg-ochre); }
.pg-featured .feature-body{ display:grid; grid-template-columns:1.1fr 1fr; gap:80px; align-items:center; }
.pg-featured .image{ position:relative; aspect-ratio:4/5; overflow:hidden; border:1px solid rgba(244,239,230,.20); background:var(--pg-ink); }
.pg-featured .image .img{ position:absolute; inset:0; background-size:cover; background-position:center; filter:saturate(1.05) contrast(1.08) brightness(.96); transition:transform 1600ms var(--pg-ease-soft); }
.pg-featured .image:hover .img{ transform:scale(1.04); }
.pg-featured .image::after{ content:''; position:absolute; inset:0; pointer-events:none; mix-blend-mode:soft-light; background:radial-gradient(ellipse at 70% 30%, rgba(80,160,200,.10) 0%, transparent 65%); }
.pg-featured .image .grain{ position:absolute; inset:0; opacity:.28; mix-blend-mode:overlay; pointer-events:none; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.40 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"); }
.pg-featured .now-airing{ position:absolute; top:24px; left:24px; background:var(--pg-terracotta); color:var(--pg-bone); padding:9px 16px; border-radius:999px; display:inline-flex; align-items:center; gap:10px; font-family:var(--pg-font-sans); font-weight:400; text-transform:uppercase; letter-spacing:.32em; font-size:9.5px; z-index:3; }
.pg-featured .now-airing .pulse{ width:7px; height:7px; background:var(--pg-bone); border-radius:999px; animation:pg-pulseDot 1800ms var(--pg-ease) infinite; }
@keyframes pg-pulseDot{ 0%,100%{ opacity:.6; transform:scale(.85); } 50%{ opacity:1; transform:scale(1.05); } }
.pg-featured .info-side h3{ font-family:var(--pg-font-display); font-weight:300; font-variation-settings:"opsz" 144; font-size:clamp(40px,5.6vw,80px); line-height:.96; letter-spacing:-.022em; text-transform:lowercase; color:var(--pg-bone); margin-bottom:32px; }
.pg-featured .info-side h3 em{ font-style:italic; color:var(--pg-ochre); }
.pg-featured .info-side .meta{ display:flex; gap:18px; align-items:baseline; flex-wrap:wrap; margin-bottom:32px; font-family:var(--pg-font-sans); font-weight:300; text-transform:uppercase; letter-spacing:.28em; font-size:10px; color:rgba(244,239,230,.72); }
.pg-featured .info-side .meta .dot{ color:var(--pg-ochre); }
.pg-featured .info-side .meta em{ font-family:var(--pg-font-italic); font-style:italic; text-transform:none; letter-spacing:0; font-size:14px; color:var(--pg-bone); }
.pg-featured .info-side .description{ margin-bottom:40px; max-width:46ch; }
.pg-featured .info-side .description p{ font-family:var(--pg-font-italic); font-size:21px; line-height:1.58; color:rgba(244,239,230,.90); margin:0 0 22px; }
.pg-featured .info-side .description p:last-child{ margin-bottom:0; }
.pg-featured .info-side .description em{ font-style:italic; color:var(--pg-ochre); }
.pg-featured .info-side .description strong{ font-weight:500; color:var(--pg-bone); }
.pg-featured .watch-btn{ display:inline-flex; align-items:center; gap:14px; padding:13px 8px 13px 24px; background:var(--pg-bone); color:var(--pg-ink); border:0; border-radius:999px; font-family:var(--pg-font-sans); font-weight:400; text-transform:uppercase; letter-spacing:.28em; font-size:10.5px; text-decoration:none; cursor:pointer; transition:background 500ms var(--pg-ease), transform 400ms var(--pg-ease); }
.pg-featured .watch-btn:hover{ background:var(--pg-ochre); }
.pg-featured .watch-btn:active{ transform:scale(.98); }
.pg-featured .watch-btn .icon{ width:28px; height:28px; background:var(--pg-ink); color:var(--pg-bone); border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:11px; transition:transform 500ms var(--pg-ease); }
.pg-featured .watch-btn:hover .icon{ transform:translate3d(2px,-1px,0) scale(1.05); }
@media (prefers-reduced-motion: reduce){ .pg-featured .now-airing .pulse{ animation:none; } }
@media (max-width:880px){
  .pg-featured{ padding:110px 24px 120px; }
  .pg-featured .head-row{ grid-template-columns:1fr; gap:8px; }
  .pg-featured .head-row .right{ text-align:left; }
  .pg-featured .feature-body{ grid-template-columns:1fr; gap:48px; }
}