.pi-is-page { --accent:#f36a0d; --ink:#f7f7f5; --muted:#b9bbc2; --panel:#111318; --line:#2a2d34; background:#08090c; color:var(--ink); min-height:100vh; font-family:"Open Sans",Arial,sans-serif; }
.pi-is-page * { box-sizing:border-box; }
.pi-is-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.pi-is-top { display:flex; align-items:center; gap:24px; padding:26px 0 22px; border-bottom:1px solid var(--line); }
.pi-is-logo { width:120px; flex:0 0 auto; }
.pi-is-logo img { display:block; width:100%; height:auto; }
.pi-is-nav { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-inline-start:auto; }
.pi-is-nav a { display:inline-flex; align-items:center; min-height:42px; padding:8px 13px; color:#fff; border:1px solid #343741; border-radius:999px; font-size:13px; font-weight:700; text-decoration:none; transition:.2s; }
.pi-is-nav a:hover,.pi-is-nav a[aria-current="page"] { background:var(--accent); border-color:var(--accent); color:#fff; }
.pi-is-hero { padding:78px 0 54px; max-width:900px; }
.pi-is-eyebrow { color:var(--accent); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:12px; }
.pi-is-hero h1 { margin:12px 0 20px; padding:0; color:#fff; font-size:clamp(42px,7vw,86px); line-height:.98; font-weight:800; letter-spacing:-.035em; }
.pi-is-hero p { margin:0; max-width:820px; color:#d6d7dc; font-size:clamp(17px,2vw,22px); line-height:1.65; }
.pi-is-featured { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); background:linear-gradient(145deg,#15171c,#0d0f13); border:1px solid var(--line); border-radius:24px; overflow:hidden; box-shadow:0 28px 80px rgba(0,0,0,.28); }
.pi-is-featured-media { min-height:520px; background:#121318; }
.pi-is-featured-media img { width:100%; height:100%; object-fit:cover; display:block; }
.pi-is-featured-copy { padding:clamp(30px,5vw,62px); display:flex; flex-direction:column; justify-content:center; }
.pi-is-kicker { color:var(--accent); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.pi-is-featured h2,.pi-is-song h2,.pi-is-story h2,.pi-is-collab h2 { color:#fff; padding:0; font-weight:800; }
.pi-is-featured h2 { margin:10px 0 12px; font-size:clamp(34px,5vw,58px); line-height:1.05; }
.pi-is-performers { color:#fff; font-weight:700; margin-bottom:18px; }
.pi-is-copy { color:#c9cbd1; font-size:16px; line-height:1.75; }
.pi-is-links { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.pi-is-links a,.pi-is-contact { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:9px 15px; border-radius:9px; background:#fff; color:#111; text-decoration:none; font-size:13px; font-weight:800; }
.pi-is-links a:hover,.pi-is-contact:hover { background:var(--accent); color:#fff; }
.pi-is-section-title { margin:82px 0 28px; color:#fff; font-size:clamp(28px,4vw,42px); font-weight:800; }
.pi-is-song { display:grid; grid-template-columns:360px minmax(0,1fr); gap:42px; align-items:start; padding:34px; border:1px solid var(--line); border-radius:20px; background:#0e1014; }
.pi-is-song img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:13px; }
.pi-is-song h2 { margin:5px 0 8px; font-size:38px; line-height:1.08; }
.pi-is-credits { margin-top:22px; padding-top:19px; border-top:1px solid var(--line); }
.pi-is-credits h3 { margin:0 0 10px; padding:0; color:#fff; font-size:16px; font-weight:800; }
.pi-is-credits ul { margin:0; padding:0; list-style:none; color:#bfc1c8; line-height:1.7; }
.pi-is-story { margin-top:82px; display:grid; grid-template-columns:.75fr 1.25fr; gap:50px; padding:50px; background:#f1f1ef; border-radius:22px; color:#161616; }
.pi-is-story h2 { margin:0; color:#111; font-size:38px; line-height:1.05; }
.pi-is-story p { margin:0 0 15px; color:#333; font-size:16px; line-height:1.8; }
.pi-is-collab { margin:40px 0 0; padding:52px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(135deg,#111318,#17130f); }
.pi-is-collab h2 { margin:0 0 12px; font-size:34px; }
.pi-is-collab p { margin:0 0 22px; color:#c8cad0; font-size:16px; line-height:1.7; max-width:760px; }
.pi-is-footer { padding:50px 0 68px; color:#777b86; font-size:12px; text-align:center; }
html[dir="rtl"] .pi-is-page { direction:rtl; }
html[dir="rtl"] .pi-is-nav { margin-inline-start:auto; }
@media (max-width:960px) {
  .pi-is-featured { grid-template-columns:1fr; }
  .pi-is-featured-media { min-height:auto; }
  .pi-is-song { grid-template-columns:1fr; }
  .pi-is-song img { max-width:520px; margin:auto; }
  .pi-is-story { grid-template-columns:1fr; gap:20px; }
}
@media (max-width:700px) {
  .pi-is-shell { width:min(100% - 30px,1180px); }
  .pi-is-top { align-items:flex-start; gap:14px; }
  .pi-is-logo { width:82px; }
  .pi-is-nav { gap:7px; }
  .pi-is-nav a { min-height:36px; padding:6px 10px; font-size:11px; }
  .pi-is-hero { padding:54px 0 38px; }
  .pi-is-featured-copy,.pi-is-song,.pi-is-story,.pi-is-collab { padding:24px; }
  .pi-is-featured h2 { font-size:38px; }
  .pi-is-song h2 { font-size:32px; }
  .pi-is-section-title { margin-top:58px; }
}