/* Layout concept: a serious repertory house. Neutral white and near-black so photographs carry the colour,
   date-led listings like a season brochure, one sindoor accent for kickers. Devanagari set in a book serif. */
:root {
  --bg: #FFFFFF; --soft: #F3F2F4; --ink: #1C1B1F; --muted: #5E5B63; --line: #E2E0E5; --accent: #A3271B; --on-accent: #FFFFFF;
  --f-head: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-body: "Mukta", "Segoe UI", system-ui, sans-serif;
  --f-deva: "Tiro Devanagari Hindi", "Mukta", serif;
  --wide: 80rem; --measure: 40rem;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #121114; --soft: #1C1A1F; --ink: #F1EFEA; --muted: #A7A3AB; --line: #2E2C32; --accent: #E2654F; --on-accent: #121114; color-scheme: dark; } }
:root[data-theme="dark"] { --bg: #121114; --soft: #1C1A1F; --ink: #F1EFEA; --muted: #A7A3AB; --line: #2E2C32; --accent: #E2654F; --on-accent: #121114; color-scheme: dark; }

[hidden] { display: none !important; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--f-body); font-size: 1.0625rem; line-height: 1.6; }
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 60; background: var(--bg); }
img { max-width: 100%; display: block; }
a { color: inherit; text-underline-offset: 4px; text-decoration-thickness: 1px; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-family: var(--f-head); font-weight: 700; line-height: 1.05; letter-spacing: -0.015em; text-wrap: balance; }
.wrap { width: 100%; max-width: var(--wide); margin-inline: auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.stack { display: flex; flex-direction: column; gap: 1rem; }
.measure { max-width: var(--measure); }
.kicker { font-family: var(--f-head); font-weight: 600; font-size: 0.8rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); }
.muted { color: var(--muted); }
.deva { font-family: var(--f-deva); }

/* Header */
.site-head { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; background: var(--bg); border-bottom: 1px solid var(--line); }
.site-head .wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4rem; }
.brand { display: flex; flex-direction: column; text-decoration: none; line-height: 1.05; }
.brand b { font-family: var(--f-head); font-weight: 800; font-size: 1.25rem; letter-spacing: 0.02em; text-transform: uppercase; }
.brand span { font-family: var(--f-deva); font-size: 0.9rem; color: var(--muted); }
.nav { display: none; align-items: center; gap: 1.6rem; font-family: var(--f-head); font-weight: 600; font-size: 0.95rem; }
.nav a { text-decoration: none; padding-block: 0.3rem; border-bottom: 2px solid transparent; }
.nav a:hover, .nav a[aria-current="page"] { border-bottom-color: var(--accent); }
.nav a.cta { background: var(--ink); color: var(--bg); padding: 0.5rem 1rem; border: 0; }
.nav a.cta:hover { background: var(--accent); color: var(--on-accent); }
.menu-btn { font-family: var(--f-head); font-weight: 600; font-size: 0.95rem; background: none; color: var(--ink); border: 1px solid var(--ink); padding: 0.45rem 1rem; cursor: pointer; }
@media (min-width: 66rem) { .nav { display: flex; } .menu-btn.open { display: none; } }

.menu { position: fixed; inset: 0; z-index: 70; background: var(--bg); overflow-y: auto; }
.menu .wrap { padding-block: calc(env(safe-area-inset-top, 0px) + 0.75rem) calc(env(safe-area-inset-bottom, 0px) + 2rem); }
.menu-top { display: flex; justify-content: space-between; align-items: center; min-height: 3.25rem; }
.menu ul { list-style: none; margin: 1.5rem 0 0; padding: 0; border-top: 1px solid var(--line); }
.menu li a { display: block; padding-block: 0.9rem; border-bottom: 1px solid var(--line); text-decoration: none; }
.menu li a b { display: block; font-family: var(--f-head); font-size: 1.6rem; line-height: 1.15; }
.menu li a span { font-size: 0.95rem; color: var(--muted); }

/* Hero carousel */
.hero { position: relative; background: #0E0D10; color: #F4F2EE; }
.slides { position: relative; }
.slide { display: grid; min-height: clamp(30rem, 78svh, 46rem); position: relative; isolation: isolate; }
.slide .img { position: absolute; inset: 0; z-index: -2; background: radial-gradient(70% 70% at 70% 30%, #3A2C22, #0E0D10 75%); }
.slide .img img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 30%; }
.slide::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(14,13,16,0.92) 0%, rgba(14,13,16,0.35) 45%, rgba(14,13,16,0.05) 75%); }
.slide .copy { align-self: end; display: grid; gap: 0.9rem; padding-block: 3rem 4.5rem; max-width: 46rem; }
.slide .kicker { color: #F2B58C; }
.slide h1, .slide h2 { font-size: clamp(2.4rem, 7vw, 5rem); }
.slide p.blurb { font-size: 1.15rem; max-width: 34rem; color: #E9E5DF; }
.slide .credit { font-size: 0.85rem; color: #BDB7AE; }
.hero-ctrl { position: absolute; left: 0; right: 0; bottom: 1.25rem; }
.hero-ctrl .wrap { display: flex; gap: 0.5rem; align-items: center; }
.dot { width: 2.25rem; height: 4px; border: 0; padding: 0; background: rgba(244,242,238,0.35); cursor: pointer; }
.dot[aria-current="true"] { background: #F4F2EE; }
.pause { margin-left: 0.5rem; font: inherit; font-size: 0.8rem; background: none; border: 1px solid rgba(244,242,238,0.4); color: #F4F2EE; padding: 0.15rem 0.6rem; cursor: pointer; }
.btn { display: inline-flex; align-items: center; gap: 0.5rem; font-family: var(--f-head); font-weight: 600; font-size: 0.95rem; text-decoration: none; cursor: pointer; padding: 0.75rem 1.25rem; border: 1px solid var(--ink); background: var(--ink); color: var(--bg); }
.btn:hover { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.btn.line { background: transparent; color: var(--ink); }
.btn.line:hover { background: var(--ink); color: var(--bg); border-color: var(--ink); }
.hero .btn { background: #F4F2EE; color: #0E0D10; border-color: #F4F2EE; }
.hero .btn:hover { background: #F2B58C; border-color: #F2B58C; }
.actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }

/* Credentials strip */
.creds { border-bottom: 1px solid var(--line); background: var(--soft); }
.creds .wrap { display: grid; gap: 1.25rem 2rem; padding-block: 1.75rem; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 60rem) { .creds .wrap { grid-template-columns: repeat(4, 1fr); } }
.creds div { border-left: 2px solid var(--accent); padding-left: 0.9rem; min-width: 0; }
.creds b { display: block; font-family: var(--f-head); font-size: 1.05rem; line-height: 1.25; }
.creds span { font-size: 0.9rem; color: var(--muted); }

/* Sections */
.sec { padding-block: clamp(3rem, 7vw, 5rem); }
.sec + .sec { border-top: 1px solid var(--line); }
.sec-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 0.75rem 2rem; margin-bottom: 2rem; }
.sec-head h2 { font-size: clamp(1.9rem, 4.5vw, 3rem); }
.sec-head .more { font-family: var(--f-head); font-weight: 600; font-size: 0.95rem; }

/* Listing cards */
.grid { display: grid; gap: 2rem 1.5rem; }
@media (min-width: 44rem) { .grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 66rem) { .grid.three { grid-template-columns: repeat(3, 1fr); } }
.card { display: flex; flex-direction: column; gap: 0.6rem; min-width: 0; }
.card .pic { aspect-ratio: 16 / 10; max-width: 100%; background: var(--soft); overflow: hidden; position: relative; }
.card .pic img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.card:hover .pic img { transform: scale(1.03); }
.card h3 { font-size: 1.5rem; }
.card h3 a { text-decoration: none; }
.card h3 a:hover { text-decoration: underline; }
.card .hi { font-family: var(--f-deva); font-size: 1.15rem; color: var(--muted); }
.card .date { font-family: var(--f-head); font-weight: 600; font-size: 0.9rem; }
.card .venue { font-size: 0.9rem; color: var(--muted); }
.card .go { font-family: var(--f-head); font-weight: 600; font-size: 0.95rem; margin-top: 0.2rem; }
.pic.empty::after, .ph.empty::after { content: attr(data-label); position: absolute; left: 0.9rem; bottom: 0.75rem; right: 0.9rem; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }

/* Photo figure */
.ph { margin: 0; position: relative; aspect-ratio: 4 / 5; max-width: 100%; background: var(--soft); overflow: hidden; }
.ph.wide { aspect-ratio: 3 / 2; }
.ph img { width: 100%; height: 100%; object-fit: cover; }

/* Split feature */
.split { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 60rem) { .split { grid-template-columns: 1fr 1fr; gap: 4rem; } .split.flip > :first-child { order: 2; } .split > * { min-width: 0; } }
.split h2 { font-size: clamp(1.9rem, 4.5vw, 3rem); }
.quote { font-family: var(--f-head); font-weight: 500; font-size: clamp(1.3rem, 2.6vw, 1.75rem); line-height: 1.35; letter-spacing: -0.01em; }

/* Founders */
.founders { display: grid; gap: 2.5rem 2rem; }
@media (min-width: 52rem) { .founders { grid-template-columns: 1fr 1fr; } .founders > * { min-width: 0; } }
.founder { display: grid; gap: 0.75rem; }
.founder .role { font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); }
.founder h3 { font-size: 2rem; }
.founder ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.35rem; }
.founder li { padding-left: 1rem; position: relative; }
.founder li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 6px; height: 1px; background: var(--accent); }

/* Artists list */
.artists { list-style: none; margin: 0; padding: 0; display: grid; gap: 2rem 1.5rem; }
@media (min-width: 44rem) { .artists { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 66rem) { .artists { grid-template-columns: repeat(3, 1fr); } }
.artist { display: grid; gap: 0.5rem; min-width: 0; }
.artist .ph { aspect-ratio: 1 / 1; }
.artist b { font-family: var(--f-head); font-size: 1.3rem; }
.artist span { color: var(--muted); font-size: 0.95rem; }

/* Page top */
.page-top { padding-block: clamp(2.5rem, 6vw, 4.5rem) 2rem; border-bottom: 1px solid var(--line); }
.page-top .wrap { display: grid; gap: 0.9rem; }
.page-top h1 { font-size: clamp(2.6rem, 8vw, 5.5rem); }
.page-top .deva { font-size: clamp(1.3rem, 3vw, 1.8rem); color: var(--muted); }
.page-top .lede { font-size: 1.2rem; max-width: 40rem; }

/* Filters */
.filters { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; }
.chip { font-family: var(--f-head); font-weight: 600; font-size: 0.88rem; cursor: pointer; padding: 0.45rem 0.95rem; background: var(--bg); color: var(--ink); border: 1px solid var(--line); }
.chip[aria-pressed="true"] { background: var(--ink); color: var(--bg); border-color: var(--ink); }
.chip:hover { border-color: var(--ink); }

/* Archive table */
.archive { width: 100%; border-collapse: collapse; }
.archive-wrap { overflow-x: auto; }
.archive th, .archive td { text-align: left; padding: 0.95rem 1rem 0.95rem 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.archive th { font-family: var(--f-head); font-weight: 600; font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.archive td.y { font-family: var(--f-head); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.archive td .t { font-family: var(--f-head); font-weight: 700; font-size: 1.1rem; }
.archive td .h { font-family: var(--f-deva); color: var(--muted); }
.archive tr { scroll-margin-top: 5rem; }
@media (max-width: 40rem) { .archive thead { display: none; } .archive tr { display: grid; grid-template-columns: 4rem 1fr; padding-block: 0.8rem; border-bottom: 1px solid var(--line); } .archive td { border: 0; padding: 0.1rem 0; } .archive td.w, .archive td.v { grid-column: 2; font-size: 0.92rem; color: var(--muted); } }

/* Offer cards */
.offers { display: grid; gap: 1.5rem; }
@media (min-width: 52rem) { .offers { grid-template-columns: repeat(2, 1fr); } }
.offer { border-top: 2px solid var(--ink); padding-top: 1.1rem; display: grid; gap: 0.6rem; min-width: 0; }
.offer h3 { font-size: 1.6rem; }
.offer .meta { font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; color: var(--accent); }

/* Timeline */
.tl { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.tl li { display: grid; grid-template-columns: 6rem 1fr; gap: 1rem; padding-block: 1rem; border-bottom: 1px solid var(--line); }
.tl .y { font-family: var(--f-head); font-weight: 700; font-variant-numeric: tabular-nums; }
.tl li > p { min-width: 0; }

/* Forms */
.panel { background: var(--soft); padding: clamp(1.25rem, 4vw, 2.5rem); }
.form { display: grid; gap: 1rem; }
.row { display: grid; gap: 1rem; }
@media (min-width: 44rem) { .row { grid-template-columns: 1fr 1fr; } .row > * { min-width: 0; } }
.field { display: flex; flex-direction: column; gap: 0.35rem; }
.field label { font-size: 0.92rem; font-weight: 600; }
.field input, .field select, .field textarea { font: inherit; color: var(--ink); background: var(--bg); border: 1px solid var(--muted); padding: 0.65rem 0.75rem; width: 100%; border-radius: 0; }
.field textarea { min-height: 6rem; resize: vertical; }
.form-status { color: var(--accent); min-height: 1.2em; font-size: 0.95rem; }
.form .btn { justify-self: start; }

/* Get your line (Peepal Matter page) */
.line-box { border: 1px solid var(--line); padding: clamp(1.25rem, 4vw, 2.25rem); display: grid; gap: 1rem; }
.line-box .hi { font-family: var(--f-deva); font-size: clamp(2rem, 6vw, 3.2rem); line-height: 1.15; }
.line-box .en { color: var(--muted); }

/* Sound */
.eq { display: inline-flex; gap: 2px; align-items: flex-end; height: 12px; }
.eq i { width: 3px; height: 4px; background: currentColor; }
.playing .eq i { animation: eq 0.9s ease-in-out infinite; }
.playing .eq i:nth-child(2) { animation-delay: 0.15s; } .playing .eq i:nth-child(3) { animation-delay: 0.3s; }
@keyframes eq { 0%,100% { height: 4px; } 50% { height: 12px; } }
.sound-note { font-size: 0.9rem; color: var(--muted); min-height: 1.2em; }

/* Footer */
.site-foot { background: #0E0D10; color: #D9D5CE; margin-top: 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
.site-foot .wrap { padding-block: 3rem 2.5rem; display: grid; gap: 2rem; }
.foot-top { display: grid; gap: 2rem; }
@media (min-width: 60rem) { .foot-top { grid-template-columns: 1.5fr 1fr 1fr 1fr; } }
.site-foot h4 { margin: 0 0 0.6rem; font-family: var(--f-head); font-size: 0.85rem; letter-spacing: 0.1em; text-transform: uppercase; color: #F4F2EE; }
.site-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.3rem; }
.site-foot a { color: #D9D5CE; text-decoration: none; }
.site-foot a:hover { color: #F2B58C; }
.foot-brand b { display: block; font-family: var(--f-head); font-weight: 800; font-size: 1.6rem; text-transform: uppercase; color: #F4F2EE; }
.foot-brand .deva { font-size: 1.1rem; color: #A9A39A; }
.foot-legal { border-top: 1px solid #2E2C32; padding-top: 1.25rem; font-size: 0.85rem; color: #918B83; }

@media (prefers-reduced-motion: reduce) { .card .pic img { transition: none; } .playing .eq i { animation: none; } }

/* v4 home additions */
.chapters { border-top: 1px solid var(--line); }
.chapter { display: grid; border-bottom: 1px solid var(--line); }
@media (min-width: 60rem) { .chapter { grid-template-columns: 1.15fr 1fr; min-height: 34rem; } .chapter.flip .chapter-img { order: 2; } .chapter > * { min-width: 0; } }
.chapter-img .ph { aspect-ratio: 4 / 3; height: 100%; }
@media (min-width: 60rem) { .chapter-img .ph { aspect-ratio: auto; } }
.chapter-copy { align-self: center; display: grid; gap: 0.9rem; padding: 2.5rem max(16px, env(safe-area-inset-right, 0px)) 2.5rem max(16px, env(safe-area-inset-left, 0px)); max-width: 40rem; }
@media (min-width: 60rem) { .chapter-copy { padding: 3.5rem 3.5rem; } }
.chapter h2 { font-size: clamp(2rem, 4.5vw, 3.2rem); }
.chapter-hi { font-size: 1.3rem; color: var(--muted); }
.chapter-body { font-size: 1.1rem; }
.facts { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.facts li { padding-block: 0.55rem; border-bottom: 1px solid var(--line); font-family: var(--f-head); font-weight: 600; font-size: 0.95rem; }
.chapter-credit { font-size: 0.9rem; color: var(--muted); }
.chapter .btn { justify-self: start; }

.swipe-ctrl { display: flex; gap: 0.5rem; }
.swipe-ctrl.end { justify-content: flex-end; margin-top: 1rem; }
.arrow { font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; cursor: pointer; background: var(--bg); color: var(--ink); border: 1px solid var(--ink); padding: 0.4rem 0.9rem; }
.arrow:hover { background: var(--ink); color: var(--bg); }
.swipe { list-style: none; margin: 0; padding: 0 0 0.5rem; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(15rem, 78%); gap: 1.25rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
@media (min-width: 44rem) { .swipe { grid-auto-columns: calc((100% - 2.5rem) / 3); } }
@media (min-width: 66rem) { .swipe { grid-auto-columns: calc((100% - 3.75rem) / 4); } }
.swipe-item { scroll-snap-align: start; }
.swipe .artist .ph { aspect-ratio: 4 / 5; }

.circle-head { margin: 3.5rem 0 1.25rem; display: grid; gap: 0.4rem; max-width: 40rem; }
.circle { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
@media (min-width: 44rem) { .circle { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 66rem) { .circle { grid-template-columns: repeat(3, 1fr); } }
.circle-card { border: 1px solid var(--line); padding: 1.25rem; display: grid; gap: 0.35rem; align-content: start; min-width: 0; transition: border-color 0.2s; }
.circle-card:hover { border-color: var(--ink); }
.circle-card .field { font-family: var(--f-head); font-weight: 600; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); }
.circle-card h3 { font-size: 1.35rem; }
.circle-card h3 a { text-decoration: none; }
.circle-card h3 a:hover { text-decoration: underline; }
.circle-card .who { font-size: 0.92rem; color: var(--muted); }
.circle-card .line { font-size: 0.97rem; }

.journey { background: var(--soft); }
.journey-intro { display: grid; gap: 1.5rem; align-items: center; }
@media (min-width: 52rem) { .journey-intro { grid-template-columns: auto 1fr; gap: 2.5rem; } }
.founder-faces { display: flex; }
.face-ph { width: 5.5rem; height: 5.5rem; border-radius: 50%; overflow: hidden; border: 3px solid var(--soft); background: var(--bg); }
.face-ph + .face-ph { margin-left: -1rem; }
.face-ph .ph { aspect-ratio: 1 / 1; height: 100%; }
.face-ph .ph.empty::after { content: ""; }
.journey h2 { font-size: clamp(1.9rem, 4.5vw, 3rem); }
.journey-line { font-size: 1.1rem; max-width: 40rem; }
.wall { list-style: none; margin: 1rem 0 0; padding: 0 max(16px, env(safe-area-inset-right, 0px)) 1rem max(16px, env(safe-area-inset-left, 0px)); display: grid; grid-auto-flow: column; grid-auto-columns: 13.5rem; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: max(16px, env(safe-area-inset-left, 0px)); scrollbar-width: none; }
.wall::-webkit-scrollbar { display: none; }
@media (min-width: 66rem) { .wall { grid-auto-columns: 16rem; padding-left: max(16px, calc((100vw - var(--wide)) / 2 + 16px)); scroll-padding-inline: max(16px, calc((100vw - var(--wide)) / 2 + 16px)); } }
.poster { scroll-snap-align: start; perspective: 1200px; }
.poster-card { position: relative; display: block; width: 100%; aspect-ratio: 2 / 3; border: 0; padding: 0; cursor: pointer; background: none; color: inherit; font: inherit; text-align: left; transform-style: preserve-3d; transition: transform 0.6s cubic-bezier(.2,.7,.2,1); }
.poster-card[aria-pressed="true"] { transform: rotateY(180deg); }
.face { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; display: flex; flex-direction: column; }
.front { background: #0E0D10; color: #F4F2EE; box-shadow: 0 10px 30px rgba(0,0,0,0.18); }
.front img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.p-art { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 0.6rem; padding: 1.25rem; background: radial-gradient(90% 70% at 50% 30%, #3B2A20, #0E0D10 75%); }
.p-hi { font-family: var(--f-deva); font-size: 2.1rem; line-height: 1.1; }
.p-en { font-family: var(--f-head); font-weight: 700; font-size: 0.85rem; letter-spacing: 0.14em; text-transform: uppercase; color: #F2B58C; }
.p-year { position: absolute; left: 0; right: 0; bottom: 0; padding: 2.5rem 1rem 0.8rem; font-family: var(--f-head); font-weight: 800; font-size: 2.2rem; line-height: 1; letter-spacing: -0.02em; background: linear-gradient(to top, rgba(14,13,16,0.9), transparent); font-variant-numeric: tabular-nums; }
.back { transform: rotateY(180deg); background: var(--bg); border: 1px solid var(--ink); padding: 1.25rem; gap: 0.6rem; }
.p-year-b { font-family: var(--f-head); font-weight: 800; font-size: 1.8rem; color: var(--accent); }
.p-en-b { font-family: var(--f-head); font-weight: 700; font-size: 1.25rem; line-height: 1.15; }
.p-by { font-size: 0.9rem; color: var(--muted); }
.p-line { font-size: 0.95rem; }
.p-where { margin-top: auto; font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; }
.rail { height: 3px; background: var(--line); margin-top: 0.5rem; position: relative; }
.rail-fill { position: absolute; left: 0; top: 0; bottom: 0; width: 8%; background: var(--accent); transition: width 0.15s; }
.rail-years { display: flex; justify-content: space-between; font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; color: var(--muted); margin-top: 0.4rem; }

.doors { display: grid; gap: 1rem; }
@media (min-width: 60rem) { .doors { grid-template-columns: repeat(3, 1fr); } }
.door { display: grid; gap: 0.5rem; align-content: start; padding: 1.5rem; border-top: 3px solid var(--ink); background: var(--soft); text-decoration: none; min-width: 0; transition: border-color 0.2s; }
.door:hover { border-top-color: var(--accent); }
.door h3 { font-size: 1.5rem; }
.door .go { font-family: var(--f-head); font-weight: 600; margin-top: 0.4rem; text-decoration: underline; text-underline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .poster-card { transition: none; } }
.circle-head.split { max-width: none; }
.circle-head h2 { font-size: clamp(1.7rem, 3.8vw, 2.5rem); }
.press { margin: 0; display: grid; grid-template-columns: 5rem 1fr; gap: 1rem; align-items: center; }
.interlude { position: relative; min-height: clamp(18rem, 46svh, 30rem); display: flex; align-items: flex-end; overflow: hidden; background: #0E0D10; color: #F4F2EE; isolation: isolate; }
.interlude-vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.interlude::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(14,13,16,0.85), rgba(14,13,16,0.15) 60%); }
.interlude-copy { padding-block: 2.5rem; display: grid; gap: 0.5rem; }
.interlude .kicker { color: #F2B58C; }
.interlude-line { font-family: var(--f-head); font-weight: 700; font-size: clamp(2rem, 6vw, 4rem); line-height: 1.05; letter-spacing: -0.02em; }
.stills { grid-auto-columns: minmax(16rem, 85%); }
@media (min-width: 44rem) { .stills { grid-auto-columns: calc((100% - 1.25rem) / 2); } }
@media (min-width: 66rem) { .stills { grid-auto-columns: calc((100% - 2.5rem) / 3); } }
.still .ph figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 2rem 0.9rem 0.7rem; font-size: 0.85rem; color: #F4F2EE; background: linear-gradient(to top, rgba(14,13,16,0.85), transparent); }
.press { margin: 2.5rem 0 0; display: grid; grid-template-columns: 6rem 1fr; gap: 1.25rem; align-items: center; border-top: 1px solid var(--line); padding-top: 1.5rem; }
.press img { width: 6rem; aspect-ratio: 3 / 4; object-fit: cover; object-position: top; border: 1px solid var(--line); }
.press figcaption { display: grid; gap: 0.3rem; min-width: 0; }
.press-head { font-size: clamp(1.3rem, 3vw, 1.8rem); line-height: 1.2; }
@media (prefers-reduced-motion: reduce) { .interlude-vid { display: none; } .interlude { background: #0E0D10 url(images/ovation-still.jpg) center / cover; } }
.ig { font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; color: var(--accent); text-decoration: none; white-space: nowrap; }
.ig:hover { text-decoration: underline; }
.chapter-credit a { color: var(--ink); }
.live-feature { display: grid; gap: 1.5rem; margin-bottom: 2.5rem; align-items: center; }
@media (min-width: 52rem) { .live-feature { grid-template-columns: minmax(0, 20rem) 1fr; gap: 3rem; } .live-feature > * { min-width: 0; } }
.vid-frame { margin: 0; position: relative; aspect-ratio: 9 / 16; max-width: 100%; max-height: 34rem; background: #0E0D10; overflow: hidden; }
.vid-frame video, .card .pic video { width: 100%; height: 100%; object-fit: cover; display: block; }
.vid-frame.small { aspect-ratio: 16 / 10; max-width: 22rem; }
.vid-frame figcaption { position: absolute; left: 0.7rem; bottom: 0.6rem; font-family: var(--f-head); font-weight: 600; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: #F4F2EE; }
.live-title { font-size: clamp(1.7rem, 3.6vw, 2.4rem); }
@media (prefers-reduced-motion: reduce) { .vid-frame video, .card .pic video { display: none; } .vid-frame { background: #0E0D10 url(images/barista-live-still.jpg) center / cover; } }
.slide .img video { width: 100%; height: 100%; object-fit: cover; display: block; }
.circle-top { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.35rem; }
.mark { width: 3rem; height: 3rem; border-radius: 50%; flex: none; object-fit: cover; border: 1px solid var(--line); }
.mark.mono { display: grid; place-items: center; background: var(--ink); color: var(--bg); font-family: var(--f-head); font-weight: 800; font-size: 1.3rem; border: 0; }
@media (prefers-reduced-motion: reduce) { .slide .img video { display: none; } .slide .img:has(video) { background: #0E0D10 url(images/ovation-still.jpg) center / cover; } }
.mark.mono.m-tech { background: linear-gradient(135deg, #1F3A93, #4C7BE8); color: #fff; font-size: 1.05rem; letter-spacing: -0.02em; }
.mark.mono.m-kopal { background: #7A1F2B; color: #F6E7C8; font-family: var(--f-deva); font-weight: 400; font-size: 1.4rem; }
.mark.mono.m-venue { background: #3B2416; color: #F2C58C; font-size: 1.35rem; box-shadow: inset 0 0 0 3px #3B2416, inset 0 0 0 4px #F2C58C; }

/* ---- v5 refinements ---- */
/* 1. Black top bar */
.site-head { background: #0E0D10; border-bottom-color: #26232B; color: #F4F2EE; }
body::before { background: #0E0D10; }
.site-head .brand b { color: #F4F2EE; }
.site-head .brand span { color: #A9A39A; }
.site-head .nav a { color: #E9E5DF; }
.site-head .nav a:hover, .site-head .nav a[aria-current="page"] { border-bottom-color: #F2B58C; color: #fff; }
.site-head .nav a.cta { background: #F4F2EE; color: #0E0D10; }
.site-head .nav a.cta:hover { background: #F2B58C; color: #0E0D10; }
.site-head .menu-btn { color: #F4F2EE; border-color: #F4F2EE; }

/* 2 + 4. One fixed hero height, text placed per photo */
.slides { height: clamp(32rem, 84svh, 50rem); }
.slide { height: 100%; min-height: 0; display: block; }
.slide .img video, .slide .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.slide .copy { position: absolute; left: 0; right: 0; bottom: 0; max-width: var(--wide); margin-inline: auto; padding-block: 3rem 4.5rem; display: grid; gap: 0.9rem; }
.slide .copy > * { max-width: 40rem; }
.slide::after { background: linear-gradient(to top, rgba(14,13,16,0.92) 0%, rgba(14,13,16,0.4) 50%, rgba(14,13,16,0.1) 80%); }
@media (min-width: 60rem) {
  .slide.pos-tr .copy { top: 0; bottom: auto; padding-block: 4rem 0; justify-items: end; text-align: right; }
  .slide.pos-tr .copy .actions { justify-content: flex-end; }
  .slide.pos-tr::after { background: linear-gradient(to bottom left, rgba(14,13,16,0.88) 0%, rgba(14,13,16,0.35) 45%, rgba(14,13,16,0) 70%); }
  .slide.pos-mr .copy { top: 50%; bottom: auto; transform: translateY(-50%); padding-block: 0; justify-items: end; text-align: right; }
  .slide.pos-mr .copy .actions { justify-content: flex-end; }
  .slide.pos-mr::after { background: linear-gradient(to left, rgba(14,13,16,0.92) 0%, rgba(14,13,16,0.5) 40%, rgba(14,13,16,0) 70%); }
  .slide.pos-bl::after { background: linear-gradient(to top right, rgba(14,13,16,0.9) 0%, rgba(14,13,16,0.35) 45%, rgba(14,13,16,0.05) 75%); }
}
.slide h1 { font-size: clamp(3rem, 9vw, 6.5rem); }

/* 5. Artists video area: fill the fold */
.live-feature { grid-template-columns: 1fr; align-items: stretch; }
@media (min-width: 52rem) { .live-feature { grid-template-columns: minmax(0, 18rem) 1fr; gap: 1.5rem; } }
.vid-frame.tall { aspect-ratio: 9 / 16; max-height: none; width: 100%; }
.live-side { display: flex; flex-direction: column; gap: 1.25rem; min-width: 0; }
.vid-frame.wide-fill { flex: 1; aspect-ratio: 16 / 9; max-width: none; max-height: none; width: 100%; }
@media (min-width: 52rem) { .vid-frame.wide-fill { aspect-ratio: auto; min-height: 16rem; } }
.vid-frame figcaption { left: 0.9rem; bottom: 0.8rem; }

/* 6. Our circle: partners and photo in one fold */
.circle-fold { display: grid; gap: 2rem; margin-top: 4rem; align-items: stretch; }
@media (min-width: 60rem) { .circle-fold { grid-template-columns: 1.1fr 1fr; gap: 3rem; } .circle-fold > * { min-width: 0; } }
.circle-left { display: grid; gap: 1.5rem; align-content: start; }
.circle-left h2 { font-size: clamp(1.7rem, 3.6vw, 2.4rem); }
.partners { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.partner { display: flex; gap: 0.8rem; align-items: center; padding: 0.95rem 0.5rem 0.95rem 0; border-bottom: 1px solid var(--line); min-width: 0; }
.partner .mark { width: 2.75rem; height: 2.75rem; }
.p-text { min-width: 0; display: grid; gap: 0.05rem; }
.p-text .field { font-family: var(--f-head); font-weight: 600; font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); }
.p-name { font-family: var(--f-head); font-weight: 700; font-size: 1.05rem; line-height: 1.2; }
.p-name a { text-decoration: none; }
.p-name a:hover { text-decoration: underline; }
.p-text .who { font-size: 0.85rem; color: var(--muted); }
@media (max-width: 30rem) { .partners { grid-template-columns: 1fr; } }
.ph.circle-pic { aspect-ratio: 4 / 3; height: 100%; }
@media (min-width: 60rem) { .ph.circle-pic { aspect-ratio: auto; min-height: 26rem; } }

/* 7. Images on the closing sections */
.door { padding: 0 0 1.5rem; overflow: hidden; }
.door > :not(.door-pic) { margin-inline: 1.5rem; }
.door-pic { aspect-ratio: 16 / 10; max-width: 100%; margin: 0 0 0.6rem; background: var(--line); position: relative; overflow: hidden; }
.door-pic img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.door:hover .door-pic img { transform: scale(1.03); }
.list-pic { aspect-ratio: 16 / 9; max-width: 100%; background: var(--line); position: relative; overflow: hidden; margin-bottom: 0.5rem; }
.list-pic img { width: 100%; height: 100%; object-fit: cover; }
@media (prefers-reduced-motion: reduce) { .door-pic img { transition: none; } }

/* ---- production pages ---- */
.play-hero { position: relative; height: clamp(26rem, 72svh, 44rem); overflow: hidden; background: #0E0D10; color: #F4F2EE; isolation: isolate; display: flex; align-items: flex-end; }
.play-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; z-index: -2; }
.play-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(14,13,16,0.92) 0%, rgba(14,13,16,0.35) 50%, rgba(14,13,16,0.1) 80%); }
.play-hero-copy { padding-block: 2.5rem 3rem; display: grid; gap: 0.5rem; }
.play-hero .kicker { color: #F2B58C; }
.play-hero h1 { font-size: clamp(2.6rem, 8vw, 5.5rem); }
.play-hi { font-size: clamp(1.4rem, 3.5vw, 2.2rem); color: #E9E5DF; line-height: 1.2; }
.play-sub { font-size: 1.15rem; color: #E9E5DF; max-width: 36rem; }
.video-hero .vid-tall { display: none; }
@media (max-width: 44rem) { .video-hero .vid-wide { display: none; } .video-hero .vid-tall { display: block; } }
.play-intro { display: grid; gap: 2rem; align-items: start; }
@media (min-width: 56rem) { .play-intro { grid-template-columns: minmax(0, 20rem) 1fr; gap: 4rem; } .play-intro > * { min-width: 0; } }
.play-poster { margin: 0; max-width: 22rem; }
.play-poster img { width: 100%; height: auto; box-shadow: 0 18px 40px rgba(0,0,0,0.18); }
.play-text { max-width: var(--measure); }
.play-text p { font-size: 1.08rem; }
.play-lede { font-family: var(--f-head); font-weight: 500; font-size: clamp(1.3rem, 2.6vw, 1.7rem) !important; line-height: 1.35; }
.play-when { display: grid; gap: 0.1rem; border-left: 2px solid var(--accent); padding-left: 0.9rem; }
.play-when b { font-family: var(--f-head); }
.play-when span { color: var(--muted); }
.credits { margin: 0.5rem 0 0; display: grid; border-top: 1px solid var(--line); }
.credits div { display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; padding-block: 0.6rem; border-bottom: 1px solid var(--line); }
.credits dt { font-family: var(--f-head); font-weight: 600; font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); padding-top: 0.15rem; }
.credits dd { margin: 0; min-width: 0; }
@media (max-width: 30rem) { .credits div { grid-template-columns: 1fr; gap: 0.1rem; } }
.gallery { list-style: none; margin: 0; padding: 0; columns: 2 14rem; column-gap: 1rem; }
@media (min-width: 66rem) { .gallery { columns: 3; } }
.gallery li { break-inside: avoid; margin-bottom: 1rem; }
.g-item { display: block; width: 100%; padding: 0; border: 0; background: var(--soft); cursor: zoom-in; }
.g-item img { width: 100%; height: auto; display: block; transition: opacity 0.2s; }
.g-item:hover img { opacity: 0.88; }
.g-credit { margin-top: 0.5rem; font-size: 0.9rem; }
.lightbox { border: 0; padding: 0; background: transparent; max-width: 96vw; max-height: 92vh; }
.lightbox::backdrop { background: rgba(10,9,12,0.92); }
.lightbox img { max-width: 96vw; max-height: 88vh; display: block; }
.lb-close { position: fixed; top: calc(env(safe-area-inset-top, 0px) + 1rem); right: max(1rem, env(safe-area-inset-right, 0px)); font: inherit; font-weight: 600; background: #F4F2EE; color: #0E0D10; border: 0; padding: 0.5rem 1rem; cursor: pointer; }
.play-nav { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; border-top: 1px solid var(--line); padding-top: 2rem; }
.pn { text-decoration: none; display: grid; gap: 0.15rem; }
.pn b { font-family: var(--f-head); font-size: 1.25rem; }
.pn:hover b { text-decoration: underline; }
.pn.next { text-align: right; }
.pn.all { font-family: var(--f-head); font-weight: 600; border: 1px solid var(--ink); padding: 0.55rem 1rem; }
.pn.all:hover { background: var(--ink); color: var(--bg); }
@media (max-width: 40rem) { .play-nav { grid-template-columns: 1fr 1fr; } .pn.all { grid-column: 1 / -1; grid-row: 2; justify-self: center; } }

/* Productions poster wall */
.poster-wall { list-style: none; margin: 0; padding: 0; display: grid; gap: 2.5rem 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 44rem) { .poster-wall { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 70rem) { .poster-wall { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pw-card { display: grid; gap: 0.3rem; text-decoration: none; }
.pw-img { display: block; aspect-ratio: 3 / 4; max-width: 100%; background: #0E0D10; overflow: hidden; margin-bottom: 0.5rem; }
.pw-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.pw-card:hover .pw-img img { transform: scale(1.04); }
.pw-year { font-family: var(--f-head); font-weight: 700; font-size: 0.85rem; color: var(--accent); font-variant-numeric: tabular-nums; }
.pw-title { font-family: var(--f-head); font-size: 1.3rem; line-height: 1.15; }
.pw-hi { color: var(--muted); }
.pw-sub { font-size: 0.9rem; }
.pw-also { margin-top: 2.5rem; }

/* Watch section on Peepal Matter */
.watch-grid { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 52rem) { .watch-grid { grid-template-columns: minmax(0, 20rem) 1fr; gap: 3rem; } .watch-grid > * { min-width: 0; } }

/* Home hero additions */
@media (min-width: 60rem) {
  .slide.pos-tl .copy { top: 0; bottom: auto; padding-block: 4rem 0; }
  .slide.pos-tl::after { background: linear-gradient(to bottom right, rgba(14,13,16,0.88) 0%, rgba(14,13,16,0.35) 45%, rgba(14,13,16,0) 70%); }
  .slide.pos-ml .copy { top: 50%; bottom: auto; transform: translateY(-50%); padding-block: 0; }
  .slide.pos-ml::after { background: linear-gradient(to right, rgba(14,13,16,0.9) 0%, rgba(14,13,16,0.45) 40%, rgba(14,13,16,0) 70%); }
}
.slide .vid-tall { display: none; }
@media (max-width: 44rem) { .slide .vid-wide { display: none; } .slide .vid-tall { display: block; } }
.p-art.has-img { display: none; }
@media (prefers-reduced-motion: reduce) { .pw-card:hover .pw-img img { transform: none; } }
.p-link { font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; color: var(--accent); text-decoration: underline; text-underline-offset: 3px; margin-top: 0.4rem; }
.vid-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
@media (min-width: 52rem) { .watch-grid { grid-template-columns: minmax(0, 30rem) 1fr; } }

/* ---- v6: hero video fix ---- */
.slides { overflow: hidden; }
.slide { overflow: hidden; }
.slide .img .vid-tall { display: none; }
@media (max-width: 44rem) { .slide .img .vid-wide { display: none; } .slide .img .vid-tall { display: block; } }

/* ---- v6: desktop/mobile switches ---- */
.m-only, .toggles, .tabbar, .tabs { display: none; }
.burger { display: none; }

/* ---- v6: app-style mobile ---- */
@media (max-width: 40rem) {
  :root, :root:not([data-theme="light"]) {
    --bg: #0E0D10; --soft: #1A181D; --ink: #F4F2EE; --muted: #A7A1A9; --line: #2A272E; --accent: #F2B58C; --on-accent: #0E0D10; color-scheme: dark;
  }
  body { font-size: 1rem; padding-bottom: calc(4.1rem + env(safe-area-inset-bottom, 0px)); }
  .m-only { display: block; }
  .d-only { display: none !important; }

  /* Header: slim, icon menu, floats over heroes */
  .site-head .wrap { min-height: 3.5rem; }
  .brand b { font-size: 1.1rem; }
  .brand span { font-size: 0.8rem; }
  .site-head .menu-btn { border: 0; padding: 0.5rem; display: grid; place-items: center; }
  .menu-lbl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .burger { display: grid; gap: 5px; width: 22px; }
  .burger i { display: block; height: 2px; background: currentColor; border-radius: 2px; }
  body:has(main > .hero:first-child) .site-head,
  body:has(main > .play-hero:first-child) .site-head {
    position: fixed; left: 0; right: 0; background: linear-gradient(to bottom, rgba(14,13,16,0.85), rgba(14,13,16,0)); border-bottom-color: transparent; transition: background 0.25s;
  }
  body:has(main > .hero:first-child) .site-head.solid,
  body:has(main > .play-hero:first-child) .site-head.solid { background: rgba(14,13,16,0.94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom-color: #26232B; }

  /* Bottom tab bar */
  .tabbar { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 55;
    padding: 0.35rem max(6px, env(safe-area-inset-left, 0px)) calc(0.35rem + env(safe-area-inset-bottom, 0px)) max(6px, env(safe-area-inset-right, 0px));
    background: rgba(14,13,16,0.94); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-top: 1px solid #26232B; }
  .tabbar a, .tabbar button { display: grid; justify-items: center; gap: 0.15rem; padding: 0.35rem 0.1rem; text-decoration: none; color: #8F8992; background: none; border: 0; font: inherit; cursor: pointer; }
  .tabbar svg { width: 23px; height: 23px; }
  .tabbar span { font-family: var(--f-head); font-weight: 600; font-size: 0.66rem; letter-spacing: 0.01em; white-space: nowrap; }
  .tabbar a[aria-current="page"] { color: #F4F2EE; }
  .tabbar a[aria-current="page"] svg { stroke: #F2B58C; }

  /* Hero: full-bleed, swipeable, centred like a title card */
  .slides { height: min(86svh, 46rem); touch-action: pan-y; }
  .slide::after { background: linear-gradient(to top, #0E0D10 0%, rgba(14,13,16,0.75) 28%, rgba(14,13,16,0.1) 60%, rgba(14,13,16,0.35) 100%) !important; }
  .slide .copy, .slide.pos-tr .copy, .slide.pos-tl .copy, .slide.pos-ml .copy, .slide.pos-mr .copy {
    top: auto !important; bottom: 0; transform: none !important; padding-block: 0 3.4rem; justify-items: center !important; text-align: center !important; gap: 0.6rem; }
  .slide .copy .actions { justify-content: center !important; }
  .slide h1, .slide h2 { font-size: clamp(2.3rem, 11vw, 3.2rem); }
  .slide p.blurb { font-size: 1rem; }
  .slide .credit { font-size: 0.78rem; }
  .slide .kicker { font-size: 0.72rem; }
  .hero .btn { padding: 0.7rem 1.4rem; border-radius: 4px; }
  .hero-ctrl { bottom: 1.1rem; }
  .hero-ctrl .wrap { justify-content: center; gap: 0.35rem; }
  .dot { width: 6px; height: 6px; border-radius: 50%; }
  .dot[aria-current="true"] { width: 18px; border-radius: 3px; background: #F2B58C; }
  .pause { display: none; }

  /* Sticky section toggles */
  .toggles { display: block; position: sticky; top: calc(env(safe-area-inset-top, 0px) + 3.5rem); z-index: 40; background: rgba(14,13,16,0.94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
  body:has(main > .hero:first-child) .toggles { top: calc(env(safe-area-inset-top, 0px) + 3.5rem); }
  .toggles-row { display: flex; gap: 0.5rem; overflow-x: auto; scrollbar-width: none; padding: 0.6rem max(16px, env(safe-area-inset-left, 0px)); }
  .toggles-row::-webkit-scrollbar { display: none; }
  .toggles a { flex: none; font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; text-decoration: none; color: #E9E5DF; padding: 0.4rem 0.95rem; border: 1px solid #3A363F; border-radius: 999px; }
  .toggles a[aria-current="true"] { background: #F4F2EE; color: #0E0D10; border-color: #F4F2EE; }
  [id] { scroll-margin-top: 7.5rem; }

  /* Section rhythm: clear breaks, no borders bleeding into each other */
  .sec { padding-block: 2.25rem; }
  .sec + .sec, .m-sec + .sec { border-top: 0; }
  .m-sec { padding-block: 1.75rem 0.5rem; }
  .sec-head { margin-bottom: 1rem; flex-wrap: nowrap; align-items: end; }
  .sec-head h2, .rail-head h2, .rail-head-inline h2, .circle-left h2, .journey h2 { font-size: 1.45rem; }
  .sec-head .kicker, .rail-head .kicker { font-size: 0.7rem; }
  .rail-head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 0.85rem; }
  .rail-head .kicker { margin-bottom: 0.2rem; }
  .rail-head-inline { margin-bottom: 1rem; }
  .rail-more { font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; color: #F2B58C; text-decoration: none; white-space: nowrap; }
  .rail-more::after { content: " ›"; }
  .swipe-ctrl .arrow, .swipe-ctrl.end { display: none; }
  .swipe-ctrl .btn.line { padding: 0.45rem 0.9rem; border-radius: 999px; font-size: 0.85rem; }

  /* Rails: edge to edge with the next card peeking */
  .hrow, .swipe, .wall { list-style: none; margin: 0; display: grid; grid-auto-flow: column; gap: 0.6rem; overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 max(16px, env(safe-area-inset-right, 0px)) 0.5rem max(16px, env(safe-area-inset-left, 0px));
    scroll-padding-inline: max(16px, env(safe-area-inset-left, 0px)); }
  .hrow::-webkit-scrollbar, .swipe::-webkit-scrollbar { display: none; }
  .hrow > li, .swipe > li { scroll-snap-align: start; }
  .sec .wrap > .swipe, .sec .wrap .swipe { margin-inline: calc(-1 * max(16px, env(safe-area-inset-left, 0px))); }

  .tiles { grid-auto-columns: 82%; }
  .tile a { display: block; position: relative; text-decoration: none; border-radius: 6px; overflow: hidden; background: #1A181D; }
  .tile-img { display: block; aspect-ratio: 4 / 5; }
  .tile-img img { width: 100%; height: 100%; object-fit: cover; }
  .tile-copy { position: absolute; inset: auto 0 0 0; padding: 3.5rem 1rem 1rem; display: grid; gap: 0.15rem; background: linear-gradient(to top, rgba(14,13,16,0.95) 15%, rgba(14,13,16,0)); color: #F4F2EE; }
  .tile-year { justify-self: start; font-family: var(--f-head); font-weight: 700; font-size: 0.7rem; letter-spacing: 0.08em; background: #F2B58C; color: #0E0D10; padding: 0.1rem 0.45rem; border-radius: 3px; margin-bottom: 0.3rem; }
  .tile-title { font-family: var(--f-head); font-size: 1.35rem; line-height: 1.1; }
  .tile-hi { font-size: 1rem; color: #CFC9C2; }
  .tile-line { font-size: 0.88rem; color: #BDB7AE; }


  /* Music: videos become a swipe row, artists become round faces */
  .m-intro { color: var(--muted); margin: -0.25rem 0 1rem; font-size: 0.95rem; }
  .live-side > .stack { display: none; }
  .live-feature { display: grid; grid-auto-flow: column; grid-auto-columns: auto; grid-template-columns: none; gap: 0.6rem; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; scroll-padding-inline: max(16px, env(safe-area-inset-left, 0px));
    margin: 0 calc(-1 * max(16px, env(safe-area-inset-left, 0px))) 1.75rem; padding-inline: max(16px, env(safe-area-inset-left, 0px)); }
  .live-feature::-webkit-scrollbar { display: none; }
  .live-side { display: contents; }
  .live-feature .vid-frame { scroll-snap-align: start; border-radius: 6px; height: 26rem; aspect-ratio: auto; }
  .live-feature .vid-frame.tall { width: 14.6rem; }
  .live-feature .vid-frame.wide-fill { width: 80vw; min-height: 0; flex: none; }

  /* Circle: logo chips you swipe */
  .circle-fold { margin-top: 2.5rem; gap: 1rem; }
  .circle-left { gap: 0.9rem; }
  .circle-left .muted { display: none; }
  .ph.circle-pic { border-radius: 6px; aspect-ratio: 16 / 10; min-height: 0; }

  /* Journey: posters with big outlined years */
  .journey { background: #0E0D10; }
  .journey-intro { gap: 1rem; }
  .face-ph { width: 3.75rem; height: 3.75rem; border-color: #0E0D10; }
  .journey-line { font-size: 0.95rem; color: var(--muted); }
  .wall { grid-auto-columns: 11.5rem; gap: 0.25rem; margin-top: 1.25rem; }
  .poster { position: relative; padding-left: 3.4rem; perspective: 1200px; }
  .poster::before { content: attr(data-year); position: absolute; left: -0.2rem; bottom: 2.1rem; z-index: 0; writing-mode: vertical-rl; transform: rotate(180deg);
    font-family: var(--f-head); font-weight: 800; font-size: 3.6rem; line-height: 1; letter-spacing: -0.03em; color: #0E0D10; -webkit-text-stroke: 1.5px #6E6872; }
  .poster-card { position: relative; z-index: 1; border-radius: 6px; }
  .face { border-radius: 6px; }
  .p-year { display: none; }
  .p-link { display: block; font-size: 0.75rem; color: #F2B58C; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
  .p-text .field { white-space: nowrap; }
  .journey .rail { display: none; }
  .journey .rail-years { display: none; }

  /* Work with us: cards you swipe */
  #work .doors { display: grid; grid-auto-flow: column; grid-auto-columns: 80%; gap: 0.6rem; overflow-x: auto; scroll-padding-inline: max(16px, env(safe-area-inset-left, 0px)); scrollbar-width: none; scroll-snap-type: x mandatory;
    margin-inline: calc(-1 * max(16px, env(safe-area-inset-left, 0px))); padding-inline: max(16px, env(safe-area-inset-left, 0px)); grid-template-columns: none; }
  #work .doors::-webkit-scrollbar { display: none; }
  .door { scroll-snap-align: start; border-top: 0; border-radius: 8px; background: #1A181D; padding-bottom: 1.1rem; }
  .door > :not(.door-pic) { margin-inline: 1rem; }
  .door h3 { font-size: 1.2rem; }
  .door .muted { font-size: 0.9rem; }
  .door .go { color: #F2B58C; text-decoration: none; font-size: 0.9rem; }

  /* Mailing list */
  .panel { border-radius: 10px; padding: 1.25rem; }
  .list-pic { display: none; }
  .field input, .field select, .field textarea { background: #0E0D10; border-color: #3A363F; border-radius: 6px; }
  .btn { border-radius: 6px; }
  .form .btn { justify-self: stretch; justify-content: center; }

  /* Production pages: tabs instead of one long scroll */
  .play-hero { height: min(70svh, 34rem); }
  .play-hero::after { background: linear-gradient(to top, #0E0D10 0%, rgba(14,13,16,0.6) 35%, rgba(14,13,16,0.1) 70%, rgba(14,13,16,0.4) 100%); }
  .play-hero-copy { padding-block: 0 1.5rem; gap: 0.3rem; }
  .play-hero h1 { font-size: clamp(2.1rem, 10vw, 3rem); }
  .play-hi { font-size: 1.25rem; }
  .play-sub { font-size: 0.98rem; }
  .tabs { display: flex; position: sticky; top: calc(env(safe-area-inset-top, 0px) + 3.5rem); z-index: 40; background: rgba(14,13,16,0.94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid #26232B; padding-inline: max(16px, env(safe-area-inset-left, 0px)); gap: 1.4rem; }
  .tabs button { font-family: var(--f-head); font-weight: 600; font-size: 0.95rem; background: none; border: 0; color: #8F8992; padding: 0.85rem 0 0.7rem; border-bottom: 3px solid transparent; cursor: pointer; }
  .tabs button[aria-selected="true"] { color: #F4F2EE; border-bottom-color: #F2B58C; }
  .tabbed[data-active="story"] [data-panel]:not([data-panel~="story"]),
  .tabbed[data-active="credits"] [data-panel]:not([data-panel~="credits"]),
  .tabbed[data-active="photos"] [data-panel]:not([data-panel~="photos"]) { display: none; }
  .tabbed .play-intro { padding-top: 1.5rem; }
  .tabbed[data-active="credits"] .play-intro { grid-template-columns: 1fr; }
  .play-poster { display: none; }
  .play-poster img { border-radius: 6px; }
  .play-intro { display: block; }
  .play-text { gap: 0.9rem; }
  .gallery { columns: 2; column-gap: 0.5rem; }
  .gallery li { margin-bottom: 0.5rem; }
  .g-item, .g-item img { border-radius: 4px; }
  .tabbed .sec[data-panel="photos"] { padding-top: 1.25rem; }
  .tabbed .sec[data-panel="photos"] .sec-head { display: none; }
  .posters-rail { grid-auto-columns: 8.5rem; }
  .more-card { display: grid; gap: 0.2rem; text-decoration: none; }
  .more-card .pw-img { border-radius: 6px; margin-bottom: 0.25rem; }
  .more-card b { font-family: var(--f-head); font-size: 0.9rem; line-height: 1.2; }
  .more-like { padding-bottom: 2rem; }

  /* Other pages */
  .page-top { padding-block: 1.75rem 1.25rem; }
  .page-top h1 { font-size: clamp(2.1rem, 10vw, 3rem); }
  .page-top .lede { font-size: 1rem; color: var(--muted); }
  .poster-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 0.75rem; }
  .pw-img { border-radius: 6px; }
  .pw-title { font-size: 1.05rem; }
  .pw-sub { display: none; }
  .filters { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .chip { border-radius: 999px; border-color: #3A363F; background: transparent; }
  .chip[aria-pressed="true"] { background: #F4F2EE; color: #0E0D10; border-color: #F4F2EE; }
  .ph, .card .pic, .vid-frame { border-radius: 6px; }
  .offer { border-top-color: #3A363F; }
  .site-foot .wrap { padding-block: 2rem 1.5rem; gap: 1.25rem; }
  .foot-top { grid-template-columns: 1fr 1fr; gap: 1.25rem; }
  .foot-brand { grid-column: 1 / -1; }
  .site-foot { border-top: 1px solid #26232B; }

  /* Menu sheet */
  .menu { background: #0E0D10; }
  .menu li a b { font-size: 1.35rem; }
}
@media (max-width: 40rem) and (prefers-reduced-motion: no-preference) {
  .slide:not([hidden]) .copy > * { animation: rise 0.55s cubic-bezier(.2,.7,.2,1) both; }
  .slide:not([hidden]) .copy > :nth-child(2) { animation-delay: 0.06s; } .slide:not([hidden]) .copy > :nth-child(3) { animation-delay: 0.12s; } .slide:not([hidden]) .copy > :nth-child(4) { animation-delay: 0.18s; }
  @keyframes rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
  .tile a, .more-card, .door { transition: transform 0.2s; }
  .tile a:active, .more-card:active, .door:active { transform: scale(0.97); }
}

/* ---- v7 ---- */
.hero-arrow { display: none; }
/* On stage: a strip of photos at their own shapes */
.stills, .sec .wrap .stills { display: flex !important; gap: 0.75rem; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; padding-bottom: 0.25rem; }
.stills::-webkit-scrollbar { display: none; }
.still { flex: none; height: clamp(15rem, 34vw, 26rem); aspect-ratio: var(--ar); scroll-snap-align: start; }
.still figure { margin: 0; position: relative; height: 100%; overflow: hidden; background: var(--soft); }
.still img { width: 100%; height: 100%; object-fit: cover; }
.still figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 2.5rem 0.9rem 0.75rem; display: grid; gap: 0.05rem; color: #F4F2EE; background: linear-gradient(to top, rgba(14,13,16,0.88), transparent); }
.still figcaption b { font-family: var(--f-head); font-size: 1rem; line-height: 1.2; }
.still figcaption span { font-size: 0.82rem; color: #CFC9C2; }

/* Musicians: readable rows, full text */
.people { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem 2rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr)); }
.person { display: grid; grid-template-columns: 6.5rem 1fr; gap: 1rem; align-items: start; padding-block: 1rem; border-top: 1px solid var(--line); min-width: 0; }
.person .ph { aspect-ratio: 1 / 1; }
.person b { display: block; font-family: var(--f-head); font-size: 1.15rem; line-height: 1.2; margin-bottom: 0.25rem; }
.person p { font-size: 0.95rem; color: var(--muted); line-height: 1.5; }
.person .ig { display: inline-block; margin-top: 0.35rem; }

/* Our circle: a slow, steady strip */
.strip { overflow: hidden; }
.strip .partners { display: flex; width: max-content; gap: 0.75rem; margin: 0; padding: 0; border: 0; overflow: visible; animation: drift 48s linear infinite; }
.strip:hover .partners, .strip:focus-within .partners { animation-play-state: paused; }
.strip .partner { flex: none; width: 16.5rem; border: 1px solid var(--line); padding: 0.85rem 1rem; background: var(--bg); }
@keyframes drift { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 0.375rem)); } }
@media (prefers-reduced-motion: reduce) { .strip { overflow-x: auto; } .strip .partners { animation: none; } .strip .partner[aria-hidden="true"] { display: none; } }

@media (max-width: 40rem) {
  .still { height: 17rem; }
  .stills, .sec .wrap .stills { gap: 0.5rem; margin-inline: calc(-1 * max(16px, env(safe-area-inset-left, 0px))); padding-inline: max(16px, env(safe-area-inset-left, 0px)); scroll-padding-inline: max(16px, env(safe-area-inset-left, 0px)); }
  .still figure { border-radius: 6px; }
  .person { grid-template-columns: 5rem 1fr; gap: 0.85rem; padding-block: 0.85rem; }
  .person .ph { border-radius: 50%; }
  .person b { font-size: 1.02rem; }
  .person p { font-size: 0.9rem; }
  .strip { margin-inline: calc(-1 * max(16px, env(safe-area-inset-left, 0px))); }
  .strip .partner { width: 15rem; border-radius: 8px; background: #1A181D; border-color: #2A272E; }
  .strip .partners { padding-left: max(16px, env(safe-area-inset-left, 0px)); }

  /* Recent work: arrows and dots so it is obvious there is more */
  .tiles { grid-auto-columns: 86%; }
  .tile-img video { width: 100%; height: 100%; object-fit: cover; display: block; }
  .tile-go { margin-top: 0.4rem; font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; color: #F2B58C; }
  .tile-go::after { content: " ›"; }
  .rail-box { position: relative; }
  .rail-arrow { position: absolute; top: 42%; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 0; background: rgba(14,13,16,0.72); color: #F4F2EE; font-size: 1.5rem; line-height: 1; cursor: pointer; display: grid; place-items: center; z-index: 2; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
  .rail-arrow.prev { left: 0.5rem; } .rail-arrow.next { right: 0.5rem; }
  .rail-arrow[disabled] { opacity: 0; pointer-events: none; }
  .rail-dots { display: flex; justify-content: center; gap: 0.4rem; padding-top: 0.75rem; }
  .rail-dots i { width: 6px; height: 6px; border-radius: 3px; background: #3A363F; transition: width 0.2s, background 0.2s; }
  .rail-dots i.on { width: 18px; background: #F2B58C; }

  /* Hero: arrows to change slide, finger drags the photo */
  .hero-arrow { display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 50%; border: 1px solid rgba(244,242,238,0.35); background: rgba(14,13,16,0.4); color: #F4F2EE; font-size: 1.25rem; line-height: 1; padding: 0; cursor: pointer; }
  .hero-ctrl .wrap { gap: 0.6rem; }
  .hero-ctrl { bottom: 0.9rem; }
  .slide .copy { padding-bottom: 3.9rem; }
  .pan-hint { position: absolute; top: calc(env(safe-area-inset-top, 0px) + 4.4rem); left: 50%; transform: translateX(-50%); z-index: 3; font-family: var(--f-head); font-weight: 600; font-size: 0.72rem; letter-spacing: 0.06em; color: #F4F2EE; background: rgba(14,13,16,0.55); padding: 0.3rem 0.75rem; border-radius: 999px; pointer-events: none; transition: opacity 0.6s; }
  .pan-hint.gone { opacity: 0; }
  .play-hero { touch-action: pan-y; }
}
.list-pic.empty, .door-pic.empty { display: none; }
.pan-hint { white-space: nowrap; }
.chapter-img video { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (min-width: 40.01rem) {
  .circle-fold { grid-template-columns: 1.1fr 1fr; column-gap: 3rem; row-gap: 1.75rem; }
  .circle-left { display: contents; }
  .circle-left > .stack { grid-column: 1; grid-row: 1; align-self: center; }
  .circle-fold > .ph.circle-pic { grid-column: 2; grid-row: 1; min-height: 22rem; }
  .strip { grid-column: 1 / -1; grid-row: 2; }
}
.mark.fit { object-fit: contain; background: #fff; padding: 0.35rem; }

/* ---- v8: hierarchy, fit hero, equal chapters, square stills, artists ---- */
/* Type scale: wide, heavy display; small tracked labels; quieter body */
h1, h2, h3 { font-stretch: 112%; }
.sec-head h2, .rail-head h2, .rail-head-inline h2, .circle-left h2, .journey h2, .page-top h1 {
  font-size: clamp(2.3rem, 5.6vw, 4.6rem); font-weight: 800; line-height: 0.92; letter-spacing: -0.035em; }
.kicker { font-size: 0.72rem; letter-spacing: 0.18em; }
.kicker.num::before { content: attr(data-n); display: inline-block; margin-right: 0.7rem; padding-right: 0.7rem; border-right: 1px solid currentColor; font-weight: 800; letter-spacing: 0.02em; }
[data-ghost] { position: relative; isolation: isolate; }
[data-ghost]::after { content: attr(data-ghost); position: absolute; z-index: -1; right: 0; top: 50%; transform: translateY(-58%); font-family: var(--f-deva); font-size: clamp(5rem, 13vw, 11rem); line-height: 1; color: var(--ink); opacity: 0.05; pointer-events: none; white-space: nowrap; }
.journey-intro[data-ghost]::after { right: 0; }
.sec-head { margin-bottom: 2.25rem; }
.sec-head .more, .rail-more { font-size: 0.8rem; letter-spacing: 0.12em; text-transform: uppercase; }
.recent-head { padding-top: clamp(3rem, 6vw, 5rem); }
.recent-head .sec-head { margin-bottom: 1.5rem; }

/* Hero type */
.slide h1 { font-size: clamp(3.2rem, 9.5vw, 7.4rem); font-stretch: 118%; letter-spacing: -0.045em; line-height: 0.86; }
.slide h2 { font-size: clamp(2.6rem, 7vw, 5.6rem); font-stretch: 116%; letter-spacing: -0.04em; line-height: 0.9; }
.slide p.blurb { font-size: clamp(0.98rem, 1.3vw, 1.12rem); max-width: 30rem; color: #D8D3CC; }
.slide .kicker { font-size: 0.72rem; }
.slide .credit { font-size: 0.78rem; }

/* Hero: a portrait photo sits whole, on a blurred wash of itself */
.slide .img .bgfill { display: none; }
@media (min-width: 40.01rem) {
  .slide.fit .img .bgfill { display: block; position: absolute; inset: -40px; width: calc(100% + 80px); height: calc(100% + 80px); object-fit: cover; filter: blur(38px) brightness(0.45) saturate(1.2); }
  .slide.fit .img .fg { position: absolute; right: 6%; top: 0; height: 100%; width: auto; max-width: 52%; object-fit: contain; }
  .slide.fit::after { background: linear-gradient(to right, rgba(14,13,16,0.85) 0%, rgba(14,13,16,0.35) 45%, rgba(14,13,16,0) 70%) !important; }
}

/* Recent work on laptops: three equal blocks, text from the top */
@media (min-width: 60rem) {
  .chapter { height: clamp(30rem, 40vw, 36rem); min-height: 0; }
  .chapter-img, .chapter-img .ph { height: 100%; min-height: 0; }
  .chapter-img .ph { aspect-ratio: auto; }
  .chapter-img video, .chapter-img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
  .chapter-copy { align-self: start; padding: 3rem 3.5rem; max-width: 42rem; }
}
.chapter h2 { font-size: clamp(2.3rem, 4.6vw, 3.9rem); font-weight: 800; letter-spacing: -0.035em; line-height: 0.92; }
.chapter-hi { font-size: 1.15rem; }
.chapter-body { font-size: 1rem; color: var(--muted); max-width: 34rem; }
.facts li { font-size: 0.82rem; letter-spacing: 0.04em; text-transform: uppercase; padding-block: 0.45rem; }
.chapter-credit { font-size: 0.82rem; }

/* On stage: one shape for every photo */
.still { height: auto !important; aspect-ratio: 1 / 1 !important; width: clamp(15rem, 24vw, 21rem); }
.still figcaption b { font-size: 1.05rem; }
@media (max-width: 40rem) { .still { width: 72vw; } }

/* Our Artists on laptops: big portrait cards */
@media (min-width: 52rem) {
  .people { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.25rem; }
  .person { grid-template-columns: 1fr; gap: 0.75rem; border-top: 0; padding-block: 0; }
  .person .ph { aspect-ratio: 4 / 5; }
  .person b { font-size: 1.25rem; }
  .person p { font-size: 0.9rem; }
}
.live-title { font-size: clamp(1.8rem, 3.4vw, 2.8rem); font-stretch: 112%; letter-spacing: -0.03em; line-height: 0.95; }

@media (max-width: 40rem) {
  .sec-head h2, .rail-head h2, .rail-head-inline h2, .circle-left h2, .journey h2 { font-size: 2rem; }
  [data-ghost]::after { font-size: 5.5rem; }
  .slide h1 { font-size: 3rem; }
  .slide h2 { font-size: 2.6rem; }
}
@media (min-width: 60rem) { .chapter { height: clamp(36rem, 46vw, 42rem); } }
.rail-head-inline { margin-bottom: 1.75rem; }
/* v9 */
@media (min-width: 52rem) {
  .person { text-align: center; justify-items: center; }
  .person > div { display: grid; justify-items: center; }
  .person .ph { width: 100%; }
}
@media (min-width: 40.01rem) {
  .slide .copy { padding-block: 6rem 5rem; }
  .slide:first-child h1 { font-size: clamp(3rem, 7.6vw, 6rem); }
  .slide:first-child .copy { gap: 1.1rem; }
}
.person > div { align-content: start; }
@media (min-width: 40.01rem) and (max-height: 820px) {
  .slide:first-child h1 { font-size: clamp(2.8rem, 6vw, 4.6rem); }
  .slide h2 { font-size: clamp(2.4rem, 5.4vw, 4.4rem); }
  .slide .copy { padding-block: 5rem 4.25rem; gap: 0.75rem; }
  .slide p.blurb { font-size: 0.98rem; }
}
.person { align-content: start; }

/* ---- Wordmark: ABHI (now) + MANCH (stage), a live dot, a stage line ---- */
.brand { flex-direction: row; }
.wm { display: inline-grid; justify-items: start; gap: 0.32em; font-size: 1.15rem; line-height: 1; color: #F4F2EE; }
.wm-row { display: inline-flex; align-items: center; gap: 0.08em; font-family: var(--f-head); font-stretch: 125%; letter-spacing: 0.04em; }
.wm-dot { width: 0.42em; height: 0.42em; border-radius: 50%; background: #E2654F; margin-right: 0.38em; box-shadow: 0 0 0 0 rgba(226,101,79,0.6); }
.wm-abhi { font-weight: 300; color: #BDB6AD; }
.wm-manch { position: relative; font-weight: 800; padding-bottom: 0.18em; }
.wm-manch::after { content: ""; position: absolute; left: -0.02em; right: 0.04em; bottom: -0.08em; height: 0.14em; background: #E2654F; }
.wm-manch::before { content: ""; position: absolute; left: -0.02em; right: 0.04em; bottom: -0.32em; height: 0.24em; border-left: 0.09em solid #E2654F; border-right: 0.09em solid #E2654F; }
.wm-deva { justify-self: end; font-family: var(--f-deva); font-size: 0.62em; letter-spacing: 0.12em; color: #A9A39A; margin-top: 0.2em; }
.wm-lg { font-size: clamp(1.9rem, 3.4vw, 2.6rem); }
.site-foot .wm-lg { color: #F4F2EE; }
.menu .wm { color: var(--ink); }
.menu .wm-abhi { color: var(--muted); }
@media (prefers-reduced-motion: no-preference) {
  .wm-dot { animation: live 2.4s ease-out infinite; }
  @keyframes live { 0% { box-shadow: 0 0 0 0 rgba(226,101,79,0.55); } 70% { box-shadow: 0 0 0 0.5em rgba(226,101,79,0); } 100% { box-shadow: 0 0 0 0 rgba(226,101,79,0); } }
}
.brand:hover .wm-manch::after { background: #F2B58C; }
@media (max-width: 40rem) { .wm { font-size: 1rem; } }
.brand .wm span { font-size: inherit; color: inherit; }
.brand .wm-row, .brand .wm-abhi, .brand .wm-manch { font-family: var(--f-head); }
.brand .wm-abhi { color: #BDB6AD; }
.brand .wm-deva { font-family: var(--f-deva); font-size: 0.62em; color: #A9A39A; }
.menu .brand .wm { color: var(--ink); }
.menu .brand .wm-abhi { color: var(--muted); }
.site-head .brand .wm-manch, .site-foot .wm-manch { color: #F4F2EE; }
.site-head .brand .wm-abhi { color: #BDB6AD; }
.site-head .brand .wm-deva { color: #A9A39A; }
/* Logo */
.brand { display: flex; align-items: center; }
.logo { display: block; height: 2.9rem; width: auto; max-width: 62vw; }
.menu .logo.on-light { display: none; }
@media (min-width: 40.01rem) { .menu .logo.on-dark { display: none; } .menu .logo.on-light { display: block; } }
.logo-foot { display: block; width: min(22rem, 80%); height: auto; margin-bottom: 0.5rem; }
@media (max-width: 40rem) { .logo { height: 2.4rem; } }
.site-head .logo { height: 3.4rem; } @media (max-width: 40rem) { .site-head .logo { height: 2.7rem; } }
/* v10 */
.poster { padding-left: 0 !important; }
.poster::before { content: none !important; }
.poster-card { display: block; transform: none !important; border-radius: 4px; overflow: hidden; box-shadow: 0 10px 28px rgba(0,0,0,0.22); transition: transform 0.3s, box-shadow 0.3s; }
.poster-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.poster-card:hover { transform: translateY(-4px) !important; box-shadow: 0 16px 36px rgba(0,0,0,0.3); }
@media (max-width: 40rem) { .wall { grid-auto-columns: 9.5rem; gap: 0.6rem; } }

.door { text-align: center; justify-items: center; }
.door .door-pic { width: 100%; }

.list-panel { position: relative; isolation: isolate; overflow: hidden; }
.list-panel::before { content: ""; position: absolute; inset: 1.5rem; z-index: -1; background: url(images/logo-dark.png) center / contain no-repeat; opacity: 0.09; pointer-events: none; }
@media (max-width: 40rem) { .list-panel::before { background-image: url(images/logo-light.png); opacity: 0.12; inset: 1rem; } }
@media (prefers-color-scheme: dark) and (min-width: 40.01rem) { :root:not([data-theme="light"]) .list-panel::before { background-image: url(images/logo-light.png); } }
.list-panel::before { opacity: 0.14; inset: 1.25rem 2rem; }
@media (max-width: 40rem) { .list-panel::before { inset: 0.75rem 0.75rem auto; height: 9rem; background-size: contain; background-position: center top; opacity: 0.16; } .list-panel > .stack { padding-top: 0.5rem; } }
/* v11: door links on one line */
#work .door { display: flex; flex-direction: column; align-items: center; }
#work .door .go { margin-top: auto; padding-top: 0.6rem; }
/* v11: mailing list logo, bottom right, fully visible */
.list-panel { padding-bottom: 6.5rem; }
.list-panel::before { inset: auto 1.75rem 1.5rem auto !important; width: 15rem; height: 4.2rem !important; background-position: right bottom !important; background-size: contain !important; opacity: 1 !important; }
@media (max-width: 40rem) { .list-panel { padding-bottom: 6rem; } .list-panel::before { width: 13rem; right: 1.25rem !important; left: auto !important; } }

/* ---- v12: productions as a journey ---- */
.center { text-align: center; justify-content: center; }
.page-top.center .wrap { justify-items: center; }
.page-top.center .lede { margin-inline: auto; }
.journey-line-list { list-style: none; margin: 2.5rem 0 0; padding: 0; position: relative; }
.journey-line-list::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; transform: translateX(-50%); background: linear-gradient(to bottom, var(--accent), var(--line) 85%); }
.stop { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding-block: 1.5rem; }
.stop::before { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; border-radius: 50%; background: var(--bg); border: 3px solid var(--accent); transform: translate(-50%, -50%); z-index: 1; }
.stop-year { position: absolute; top: 50%; transform: translateY(-50%); font-family: var(--f-head); font-weight: 800; font-stretch: 118%; font-size: clamp(3.5rem, 8vw, 7rem); line-height: 1; letter-spacing: -0.04em; color: transparent; -webkit-text-stroke: 1.5px var(--line); pointer-events: none; }
.stop.l .stop-card { grid-column: 1; margin-right: 3rem; }
.stop.l .stop-year { left: calc(50% + 2.5rem); }
.stop.r .stop-card { grid-column: 2; margin-left: 3rem; }
.stop.r .stop-year { right: calc(50% + 2.5rem); }
.stop-card { display: grid; grid-template-columns: 8.5rem 1fr; gap: 1.25rem; align-items: center; text-decoration: none; padding: 1rem; border: 1px solid var(--line); background: var(--bg); transition: border-color 0.2s, transform 0.25s; }
.stop.l .stop-card { grid-template-columns: 1fr 8.5rem; text-align: right; }
.stop.l .stop-poster { order: 2; }
.stop-card:hover { border-color: var(--accent); transform: translateY(-3px); }
.stop-poster { aspect-ratio: 2 / 3; overflow: hidden; background: #0E0D10; box-shadow: 0 10px 24px rgba(0,0,0,0.18); }
.stop-poster img { width: 100%; height: 100%; object-fit: cover; }
.stop-copy { display: grid; gap: 0.3rem; min-width: 0; }
.stop-copy .kicker { font-size: 0.68rem; }
.stop-title { font-family: var(--f-head); font-weight: 800; font-stretch: 112%; font-size: clamp(1.4rem, 2.4vw, 1.9rem); line-height: 1; letter-spacing: -0.02em; }
.stop-hi { color: var(--muted); }
.stop-line { font-size: 0.95rem; }
.stop-go { font-family: var(--f-head); font-weight: 600; font-size: 0.85rem; color: var(--accent); margin-top: 0.3rem; }
.stop-start { position: relative; text-align: center; padding-top: 2rem; }
.stop-start span { position: relative; z-index: 1; display: inline-block; background: var(--bg); padding: 0.4rem 1rem; border: 1px solid var(--line); font-family: var(--f-head); font-weight: 600; font-size: 0.8rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.stop[hidden] { display: none; }
@media (max-width: 52rem) {
  .journey-line-list::before { left: 0.6rem; transform: none; }
  .stop { grid-template-columns: 1fr; padding: 0.75rem 0 0.75rem 2rem; }
  .stop::before { left: 0.6rem; top: 2rem; transform: translate(-50%, 0); }
  .stop.l .stop-card, .stop.r .stop-card { grid-column: 1; margin: 0; grid-template-columns: 6.5rem 1fr; text-align: left; }
  .stop.l .stop-poster { order: 0; }
  .stop-year { display: none; }
  .stop-start { text-align: left; padding-left: 0; }
}

/* ---- v12: inner pages, centred and tidy ---- */
.page-hero { height: clamp(26rem, 70svh, 40rem); }
.page-hero .actions { margin-top: 0.75rem; }
.founders { text-align: center; }
.founder { justify-items: center; }
.founder ul { justify-items: center; }
.founder li { padding-left: 0; }
.founder li::before { display: none; }
.ph.portrait { aspect-ratio: 4 / 5; width: min(100%, 24rem); }
.ph.portrait img { object-position: 50% 15%; }
.ph.portrait-top img { object-position: 50% 12%; }
.artists .artist { text-align: center; justify-items: center; }
.artists .artist .ph { width: 100%; }
.offers .offer { text-align: center; justify-items: center; }
main > .wrap > .sec > .sec-head, main .wrap .sec > .sec-head:only-child { justify-content: center; text-align: center; }
.page-top:not(.center) .wrap { justify-items: center; text-align: center; }
.page-top .lede { margin-inline: auto; }
.tl li { text-align: left; }
@media (min-width: 60rem) { .split > .stack { text-align: left; } }
@media (max-width: 59.99rem) { .split > .stack { text-align: center; justify-items: center; } .split > .stack .actions { justify-content: center; } }
.founder, .artists .artist { align-content: start; }
@media (min-width: 66rem) { .artists { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.panel > .sec-head { justify-content: center; text-align: center; flex-direction: column; align-items: center; gap: 0.4rem; }
.page-hero::after { background: linear-gradient(to right, rgba(14,13,16,0.9) 0%, rgba(14,13,16,0.6) 40%, rgba(14,13,16,0.1) 75%), linear-gradient(to top, rgba(14,13,16,0.7), transparent 50%); }
/* v13 */
#work .door, #work .door > * { text-align: center !important; }
#work .door > :not(.door-pic) { margin-inline: auto !important; padding-inline: 1.25rem; width: 100%; }
#work .door .go { display: block; }
.contact-block { justify-items: center; text-align: center; }
@media (min-width: 60rem) { .contact-block { text-align: left; justify-items: start; } }
#contact .panel { text-align: left; }

/* ---- v14 ---- */
/* Bring Abhimanch in: every line starts at the same height */
#work .door h3 { min-height: 2.3em; display: flex; align-items: center; justify-content: center; line-height: 1.1; }
#work .door .muted { min-height: 4.8em; }

/* Productions: dark stage */
.prod-dark { --bg: #0E0D10; --soft: #17151A; --ink: #F4F2EE; --muted: #A7A1A9; --line: #2E2B33; --accent: #F2B58C; --on-accent: #0E0D10; background: var(--bg); color: var(--ink); }
.prod-dark .page-top { border-bottom-color: var(--line); }
.prod-dark .kicker { color: #E2654F; }
.prod-dark .journey-line-list::before { background: linear-gradient(to bottom, #E2654F, #3A363F 90%); }
.prod-dark .stop::before { background: #0E0D10; border-color: #E2654F; }
.prod-dark .stop-year { -webkit-text-stroke-color: #3A363F; }
.prod-dark .stop-card { background: #17151A; border-color: #2E2B33; cursor: pointer; }
.prod-dark .stop-card:hover, .prod-dark .stop-card:focus-visible { border-color: #F2B58C; background: #1D1A21; transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,0.45); }
.prod-dark .stop-go { display: inline-flex; align-items: center; gap: 0.4rem; justify-self: start; margin-top: 0.6rem; padding: 0.5rem 1rem; border-radius: 999px; background: #F4F2EE; color: #0E0D10; font-size: 0.82rem; }
.prod-dark .stop.l .stop-go { justify-self: end; }
.prod-dark .stop-go i { font-style: normal; font-size: 1.1em; transition: transform 0.2s; }
.prod-dark .stop-card:hover .stop-go { background: #F2B58C; }
.prod-dark .stop-card:hover .stop-go i { transform: translateX(3px); }
.prod-dark .stop-start span { background: #0E0D10; border-color: #2E2B33; color: #A7A1A9; }
.prod-dark .chip { background: transparent; color: #F4F2EE; border-color: #3A363F; border-radius: 999px; }
.prod-dark .chip[aria-pressed="true"] { background: #F4F2EE; color: #0E0D10; border-color: #F4F2EE; }
.prod-dark .sec { padding-bottom: 4rem; }
@media (max-width: 52rem) { .prod-dark .stop.l .stop-go { justify-self: start; } }

/* Founders: two matching cards, one section */
.founders { gap: 1.25rem; align-items: stretch; text-align: left; }
.founder { display: grid; grid-template-columns: 11rem 1fr; gap: 1.5rem; align-items: start; justify-items: start; background: var(--soft); padding: 1.5rem; height: 100%; }
.founder > .ph { grid-row: 1 / span 5; width: 100%; aspect-ratio: 4 / 5; margin: 0; }
.founder > .ph img { object-position: 50% 15%; }
.founder .role { margin: 0; }
.founder h3 { font-size: 1.8rem; margin-top: -0.4rem; }
.founder p:not(.role) { font-size: 0.98rem; line-height: 1.6; }
.founder ul { display: flex; flex-wrap: wrap; gap: 0.4rem; justify-items: start; }
.founder li { padding: 0.25rem 0.7rem !important; border: 1px solid var(--line); border-radius: 999px; font-size: 0.82rem; background: var(--bg); }
@media (max-width: 40rem) { .founder { grid-template-columns: 1fr; } .founder > .ph { grid-row: auto; max-width: 16rem; } }

/* ---- Reels ---- */
.reels-sec { background: #0E0D10; color: #F4F2EE; --ink: #F4F2EE; --muted: #A7A1A9; --line: #2E2B33; --bg: #0E0D10; }
.reels-sec .kicker { color: #F2B58C; }
.reels-sec .arrow { background: transparent; color: #F4F2EE; border-color: #F4F2EE; }
.reel-row { list-style: none; margin: 0; padding: 0 0 0.5rem; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(12.5rem, 15rem); gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.reel-row::-webkit-scrollbar { display: none; }
.reel-item { scroll-snap-align: start; }
.reel { position: relative; display: block; width: 100%; aspect-ratio: 9 / 16; padding: 0; border: 0; cursor: pointer; overflow: hidden; border-radius: 10px; background: #1A181D; color: #F4F2EE; font: inherit; text-align: left; }
.reel-face, .reel-face img { position: absolute; inset: 0; width: 100%; height: 100%; }
.reel-face img { object-fit: cover; transition: transform 0.5s; }
.reel:hover .reel-face img { transform: scale(1.05); }
.reel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(14,13,16,0.92) 0%, rgba(14,13,16,0.1) 50%, rgba(14,13,16,0.25) 100%); }
.reel-play { position: absolute; z-index: 2; left: 50%; top: 46%; width: 3.6rem; height: 3.6rem; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(244,242,238,0.92); box-shadow: 0 8px 24px rgba(0,0,0,0.35); transition: transform 0.25s, background 0.25s; }
.reel-play::before { content: ""; position: absolute; left: 54%; top: 50%; transform: translate(-50%, -50%); border-style: solid; border-width: 0.6rem 0 0.6rem 1rem; border-color: transparent transparent transparent #0E0D10; }
.reel:hover .reel-play { transform: translate(-50%, -50%) scale(1.08); background: #F2B58C; }
.reel-title { position: absolute; z-index: 2; left: 0.9rem; right: 0.9rem; bottom: 0.9rem; font-family: var(--f-head); font-weight: 700; font-size: 1rem; line-height: 1.2; }
.reel-type { position: absolute; inset: 0; display: grid; align-content: center; justify-items: center; gap: 0.35rem; text-align: center; padding: 1.25rem; background: radial-gradient(80% 60% at 50% 35%, #5A1E17, #0E0D10 75%); }
.reel-type .kicker { color: #F2B58C; }
.reel-type b { font-family: var(--f-head); font-weight: 800; font-stretch: 115%; font-size: 2rem; line-height: 0.95; letter-spacing: -0.03em; }
.reel-type span:last-child { font-size: 0.9rem; color: #CFC9C2; }
.reel-row.solo { grid-auto-columns: minmax(12rem, 15rem); }

/* Seema Pahwa fold */
.seema { background: #0E0D10; color: #F4F2EE; padding-block: clamp(3rem, 6vw, 5rem); }
.seema-grid { display: grid; gap: 2rem; align-items: center; justify-items: center; }
@media (min-width: 52rem) { .seema-grid { grid-template-columns: auto 1fr; gap: 4rem; justify-items: start; } }
.seema-reel { grid-auto-columns: min(78vw, 19rem); overflow: visible; }
.seema-reel .reel-title { display: none; }
.seema-copy { max-width: 34rem; }
.seema .kicker { color: #F2B58C; }
.seema h2 { font-size: clamp(2.2rem, 4.8vw, 3.8rem); font-weight: 800; font-stretch: 112%; line-height: 0.95; letter-spacing: -0.035em; }
.seema p { color: #CFC9C2; }
.seema .btn { background: #F4F2EE; color: #0E0D10; border-color: #F4F2EE; }
.seema .btn:hover { background: #F2B58C; border-color: #F2B58C; }
@media (max-width: 51.99rem) { .seema-copy { text-align: center; justify-items: center; } .seema-copy .actions { justify-content: center; } }

.about-reels { margin-bottom: 2rem; display: grid; justify-items: center; }
.org-reel .reel-row { justify-self: center; }

/* Player */
.reel-modal { border: 0; padding: 0; background: transparent; width: 100vw; height: 100dvh; max-width: none; max-height: none; color: #F4F2EE; }
.reel-modal::backdrop { background: rgba(8,7,10,0.94); }
.reel-modal[open] { display: grid; grid-template-rows: auto 1fr auto; }
.rm-bar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: calc(env(safe-area-inset-top, 0px) + 0.9rem) 1.25rem 0.6rem; }
.rm-title { font-family: var(--f-head); font-weight: 700; }
.rm-close { font: inherit; font-weight: 600; background: #F4F2EE; color: #0E0D10; border: 0; padding: 0.45rem 1rem; border-radius: 999px; cursor: pointer; }
.rm-stage { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.75rem; padding-inline: 0.75rem; min-height: 0; }
.rm-frame { position: relative; justify-self: center; width: min(100%, 26rem); height: min(100%, 46rem); background: #fff; border-radius: 10px; overflow: hidden; }
.rm-frame iframe { position: relative; z-index: 1; width: 100%; height: 100%; border: 0; display: block; background: transparent; }
.rm-fallback { position: absolute; inset: auto 1rem 45%; z-index: 0; text-align: center; color: #5E5B63; font-size: 0.95rem; }
.rm-fallback a { color: #A3271B; }
.rm-nav { width: 2.8rem; height: 2.8rem; border-radius: 50%; border: 1px solid rgba(244,242,238,0.4); background: rgba(14,13,16,0.6); color: #F4F2EE; font-size: 1.6rem; line-height: 1; cursor: pointer; }
.rm-nav:hover { background: #F4F2EE; color: #0E0D10; }
.rm-link { justify-self: center; margin: 0.8rem 0 calc(env(safe-area-inset-bottom, 0px) + 1rem); color: #F2B58C; font-family: var(--f-head); font-weight: 600; font-size: 0.9rem; }
@media (max-width: 40rem) {
  .rm-stage { grid-template-columns: 1fr; padding-inline: 0.5rem; }
  .rm-nav { position: absolute; bottom: calc(env(safe-area-inset-bottom, 0px) + 0.6rem); z-index: 3; }
  .rm-nav.prev { left: 1rem; } .rm-nav.next { right: 1rem; }
  .rm-frame { width: 100%; }
  .reel-row { grid-auto-columns: 62vw; gap: 0.6rem; margin-inline: calc(-1 * max(16px, env(safe-area-inset-left, 0px))); padding-inline: max(16px, env(safe-area-inset-left, 0px)); scroll-padding-inline: max(16px, env(safe-area-inset-left, 0px)); }
  .reels-sec .swipe-ctrl { display: none; }
  .seema-reel { margin: 0; padding: 0; }
}
.seema-reel { grid-auto-columns: 17rem !important; }
@media (max-width: 40rem) { .seema-reel { grid-auto-columns: 15rem !important; } }
.seema .reel { box-shadow: 0 24px 60px rgba(226,101,79,0.18); }
.reel-type { align-content: end; padding-bottom: 2rem; background: radial-gradient(90% 55% at 50% 30%, #7A2A1F, #2A1210 55%, #0E0D10 90%); }
.reel-type b { font-size: 2.3rem; }
.seema .reel-play { top: 38%; width: 4.4rem; height: 4.4rem; }
.seema .reel-play::before { border-width: 0.75rem 0 0.75rem 1.25rem; }
.seema .reel::after { display: none; }
/* final */
.list-panel::before { display: none !important; }
.list-panel { padding-bottom: clamp(1.25rem, 4vw, 2.5rem) !important; }
.seema .reel-face img { object-position: 50% 30%; }
.seema .reel-play { top: 78%; }

/* ---- Mobile: one clear fold per section ---- */
@media (max-width: 40rem) {
  [data-ghost]::after { display: none; }
  .live-feature { display: none !important; }
  .m-intro { margin-bottom: 0.5rem; }

  /* alternate fold colours so each section reads as its own page */
  .seema { background: #17151A; }
  #recent { background: #0E0D10; padding-block: 2.75rem 2.25rem; }
  #stage { background: #17151A; }
  #watch { background: #0E0D10; }
  #music { background: #17151A; padding-bottom: 0; }
  .circle-fold { background: #0E0D10; margin: 2.75rem calc(-1 * max(16px, env(safe-area-inset-left, 0px))) 0; padding: 2.75rem max(16px, env(safe-area-inset-left, 0px)); }
  #journey { background: #17151A; }
  #work { background: #0E0D10; }
  #list { background: #17151A; }
  #list .panel { background: #0E0D10; }
  .site-foot { background: #0E0D10; }

  /* consistent fold rhythm and a clear start to each fold */
  .seema, #stage, #watch, #music, #journey, #work, #list { padding-block: 2.75rem; }
  #recent, #stage, #watch, #music, .circle-fold, #journey, #work, #list { position: relative; }
  #recent::before, #stage::before, #watch::before, #music::before, .circle-fold::before, #journey::before, #work::before, #list::before {
    content: ""; position: absolute; top: 0; left: max(16px, env(safe-area-inset-left, 0px)); width: 2.5rem; height: 3px; background: #E2654F; }
  .kicker.num::before { color: #F4F2EE; }
  .sec-head, .rail-head { margin-bottom: 1.25rem; }
  .sec-head h2, .rail-head h2, .rail-head-inline h2, .circle-left h2, .journey h2 { font-size: 1.9rem; line-height: 1; }

  /* artists: tidier list */
  .people { gap: 0; }
  .person { padding-block: 0.75rem; border-top-color: #2E2B33; }
  .person .ph { width: 4.25rem; }
  .person { grid-template-columns: 4.25rem 1fr; }
}
/* Seema fold, laptop: fuller */
.seema-cv { display: none; }
@media (min-width: 60rem) {
  .seema { padding-block: 4rem; position: relative; overflow: hidden; }
  .seema::before { content: ""; position: absolute; inset: 0 0 0 45%; background: url(images/seema-pahwa.jpg) 50% 30% / cover; filter: blur(40px) brightness(0.35) saturate(1.1); opacity: 0.55; pointer-events: none; }
  .seema-grid { position: relative; grid-template-columns: 20rem minmax(0, 1fr) 17rem; gap: 3.5rem; align-items: center; }
  .seema-reel { grid-auto-columns: 20rem !important; }
  .seema-copy { max-width: none; }
  .seema-cv { display: grid; list-style: none; margin: 0; padding: 0 0 0 2rem; border-left: 1px solid #3A363F; gap: 1.4rem; }
  .seema-cv li { display: grid; gap: 0.1rem; }
  .seema-cv span { font-family: var(--f-head); font-weight: 800; font-size: 0.8rem; letter-spacing: 0.12em; color: #E2654F; }
  .seema-cv b { font-family: var(--f-head); font-weight: 700; font-size: 1.3rem; line-height: 1.15; color: #F4F2EE; }
  .seema-cv i { font-style: normal; font-size: 0.88rem; color: #A7A1A9; }
}