/* Performance Media gallery: six Instagram posts, each loaded only when the visitor presses Watch. */
.pm-credit{font-family:var(--mono,'Space Mono'),monospace;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ember-ink,#C0331A);margin:0 0 22px;}
.pm-grid{list-style:none;margin:24px 0 8px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px;align-items:start;}
@media (max-width:760px){ .pm-grid{grid-template-columns:1fr;} }

.pm-card{border-top:3px solid var(--ink,#030303);padding-top:12px;min-width:0;}
.pm-num{font-family:var(--display,'Anton'),sans-serif;font-size:22px;line-height:1;color:var(--ember-ink,#C0331A);margin:0 0 4px;}
.pm-name{font-family:var(--display-heavy,'Archivo Black'),sans-serif;text-transform:uppercase;font-size:clamp(17px,2vw,21px);line-height:1.1;margin:0 0 10px;overflow-wrap:anywhere;}
.pm-quote{font-family:var(--body-serif,Georgia,serif);font-style:italic;font-size:16px;line-height:1.45;margin:0 0 14px;padding-left:12px;border-left:3px solid var(--ember,#FE4B0B);}

/* The stand-in shown before anything loads: a coal panel, no image from Instagram. */
.pm-slot{min-height:120px;}
.pm-face{position:relative;display:grid;place-items:center;min-height:210px;background:var(--coal,#030303);color:var(--cream,#FDF9EE);padding:18px;text-align:center;}
.pm-face::before{content:"";position:absolute;inset:8px;border:1px solid rgba(253,249,238,.25);pointer-events:none;}
.pm-play{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#FB8322;color:#030303;margin:0 auto 10px;}
.pm-play svg{margin-left:4px;}
.pm-face small{display:block;font-family:var(--mono,'Space Mono'),monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.8;}
.pm-actions{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:12px 0 0;}
.pm-load{display:none;font-family:var(--display-heavy,'Archivo Black'),sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.03em;background:#FB8322;color:#030303;border:0;border-radius:4px;padding:12px 18px;min-height:46px;cursor:pointer;}
.pm-js .pm-load{display:inline-block;}
.pm-load:hover{filter:brightness(1.05);}
.pm-load:focus-visible,.pm-ig:focus-visible{outline:3px solid var(--ink,#030303);outline-offset:3px;}
.pm-load:disabled{opacity:.7;cursor:progress;}
.pm-ig{font-family:var(--mono,'Space Mono'),monospace;font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink,#030303);text-decoration:underline;text-decoration-color:#FB8322;text-decoration-thickness:2px;text-underline-offset:4px;padding:10px 0;}
.pm-card.is-loaded .pm-slot{min-height:0;}
.pm-fallback{font-family:var(--body-serif,Georgia,serif);font-size:15.5px;line-height:1.45;border:1px solid var(--rule,rgba(3,3,3,.45));background:var(--cream,#FDF9EE);padding:14px;margin:0;}
.pm-fallback a{color:var(--ink,#030303);font-weight:700;}
.pm-note{font-family:var(--body-serif,Georgia,serif);font-size:14.5px;line-height:1.5;color:rgba(3,3,3,.72);max-width:46rem;margin:22px 0 0;}

/* ---------- Options: scroll (auto-load), strip (sideways reel) and stage (player + playlist) ---------- */
.pm-retry{font-family:var(--mono,'Space Mono'),monospace;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:#FB8322;color:#030303;border:0;border-radius:3px;padding:8px 12px;margin-left:8px;cursor:pointer;}
.pm-switch{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 22px;font-family:var(--mono,'Space Mono'),monospace;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.pm-switch a{color:var(--ink,#030303);border:1px solid var(--ink,#030303);padding:8px 12px;text-decoration:none;}
.pm-switch a[aria-current="page"]{background:var(--ink,#030303);color:var(--cream,#FDF9EE);}
/* a stand-in that waits quietly for its turn (no button) */
.pm-gallery:not([data-pm-mode="click"]) .pm-load{display:none !important;}
.pm-gallery:not([data-pm-mode="click"]) .pm-face small::after{content:" \00b7 loading when it scrolls into view";}
.pm-card.is-loading .pm-face{animation:pmPulse 1.4s ease-in-out infinite;}
.pm-stage.is-loading .pm-slot{opacity:.6;}
@keyframes pmPulse{50%{opacity:.7;}}
@media (prefers-reduced-motion:reduce){.pm-card.is-loading .pm-face{animation:none;}}

/* strip */
.pm-stripwrap{position:relative;margin:22px 0 8px;}
.pm-strip{list-style:none;margin:0;padding:0 0 16px;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.pm-strip .pm-card{flex:0 0 min(344px,84vw);scroll-snap-align:start;}
.pm-strip .pm-slot{min-height:420px;}
.pm-strip .pm-face{min-height:420px;}
.pm-strip .pm-card.is-loaded .pm-slot{min-height:0;}
.pm-stripbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;}
.pm-stripbar p{margin:0;font-family:var(--mono,'Space Mono'),monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.pm-arrows{display:flex;gap:8px;}
.pm-arrow{width:40px;height:40px;border:0;border-radius:6px;background:#FB8322;color:#030303;cursor:pointer;display:grid;place-items:center;}
.pm-arrow:hover{filter:brightness(1.05);}
.pm-arrow:focus-visible{outline:3px solid var(--ink,#030303);outline-offset:3px;}

/* scroll (single column reel) */
.pm-gallery[data-pm-mode="scroll"] .pm-slot{min-height:520px;}
.pm-gallery[data-pm-mode="scroll"] .pm-face{min-height:520px;}
.pm-gallery[data-pm-mode="scroll"] .pm-card.is-loaded .pm-slot{min-height:0;}

/* stage */
.pm-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;margin:22px 0 8px;}
@media (max-width:860px){ .pm-stage{grid-template-columns:1fr;} }
.pm-stage-main{border-top:3px solid var(--ink,#030303);padding-top:12px;min-width:0;}
.pm-stage-main .pm-slot{min-height:520px;max-width:540px;}
.pm-stage-main .pm-ig{display:inline-block;margin-top:10px;}
.pm-rail{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
@media (min-width:861px){ .pm-rail{position:sticky;top:76px;max-height:calc(100vh - 110px);overflow-y:auto;padding:0 6px 6px 0;scrollbar-width:thin;} }
.pm-rail button{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;width:100%;text-align:left;background:transparent;border:4px solid var(--ink,#030303);padding:13px 14px;cursor:pointer;color:var(--ink,#030303);}
.pm-rail button:hover{background:rgba(251,131,34,.14);}
.pm-rail button.is-on{background:var(--ink,#030303);color:var(--cream,#FDF9EE);border-color:#FB8322;}
.pm-rail button:focus-visible{outline:3px solid #FB8322;outline-offset:3px;}
.pm-rail .rn{font-family:var(--display,'Anton'),sans-serif;font-size:22px;line-height:1;color:var(--ember-ink,#C0331A);}
.pm-rail button.is-on .rn{color:#FB8322;}
.pm-rail .rh{font-family:var(--display-heavy,'Archivo Black'),sans-serif;text-transform:uppercase;font-size:14px;line-height:1.15;overflow-wrap:anywhere;}
.pm-rail .rq{display:block;font-family:var(--body-serif,Georgia,serif);font-size:13.5px;line-height:1.35;opacity:.8;margin-top:3px;font-style:italic;}
@media (max-width:860px){
  .pm-rail{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;}
  .pm-rail li{flex:0 0 220px;}
  .pm-rail .rq{display:none;}
}