@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;700;900&family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400&display=swap');

/* ── VARIABLES ── */
:root {
  --ink:   #1a1208;
  --paper: #f5edd8;
  --cream: #ede0c4;
  --amber: #d4820a;
  --gold:  #f0b429;
  --dim:   #7a6a4f;
  --rule:  #d6c9a8;
}

/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'IBM Plex Mono', monospace;
  overflow-x: hidden;
  cursor: auto;
}
img { display: block; width: 100%; height: 100%; object-fit: cover; }
a { text-decoration: none; color: inherit; }

/* ── CURSOR ── */

/* ── MASTHEAD ── */
.masthead { border-bottom:3px solid var(--ink);padding:0 2.5rem;position:sticky;top:0;z-index:100;background:var(--paper); }
.mast-top { display:flex;align-items:center;justify-content:space-between;padding:1rem 0 0.8rem;border-bottom:1px solid var(--rule); }
.site-title { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:clamp(1.3rem,2.5vw,1.9rem);letter-spacing:-0.02em;color:var(--ink);text-decoration:none;line-height:1; }
.site-title em { color:var(--gold);font-style:normal; }
.mast-meta { font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--dim);text-align:right;line-height:1.7; }
.mast-nav { display:flex;list-style:none;overflow-x:auto; }
.mast-nav a { display:block;padding:0.6rem 1.3rem;font-size:0.6rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--dim);text-decoration:none;border-right:1px solid var(--rule);white-space:nowrap;transition:background .15s,color .15s; }
.mast-nav li:first-child a { border-left:1px solid var(--rule); }
.mast-nav a:hover, .mast-nav a.active { background:var(--ink);color:var(--paper); }

/* ── HERO ── */
.hero { display:grid;grid-template-columns:2fr 1fr;min-height:64vh;border-bottom:2px solid var(--ink); }
.hero-feat { position:relative;overflow:hidden;background:var(--ink);border-right:2px solid var(--ink); }
.hero-feat-img {
  position:absolute;inset:0;
  transition:transform .7s cubic-bezier(.23,1,.32,1);
}
.hero-feat-img img { width:100%;height:100%;object-fit:cover;opacity:.75; }
.hero-feat:hover .hero-feat-img { transform:scale(1.04); }
.hero-no-img {
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 28% 65%,#3d2406 0%,transparent 55%),
             radial-gradient(ellipse at 75% 25%,#241508 0%,transparent 50%),
             linear-gradient(150deg,#150f04 0%,#241608 45%,#0e0904 100%);
}
.hero-no-img::after { content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");background-size:200px;opacity:.4;pointer-events:none; }
.h-cap { position:absolute;bottom:0;left:0;right:0;padding:2.5rem 2rem 2rem;background:linear-gradient(to top,rgba(26,18,8,.97) 0%,rgba(26,18,8,.55) 60%,transparent 100%);z-index:2; }
.eyebrow { display:inline-block;background:var(--amber);color:#fff;font-size:0.55rem;letter-spacing:0.25em;text-transform:uppercase;padding:.2rem .6rem;margin-bottom:.85rem;position:relative;z-index:2; }
.hero-h1 { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:clamp(2.4rem,5vw,4.2rem);color:var(--paper);line-height:0.95;margin-bottom:.75rem;letter-spacing:-.01em; }
.hero-h1 em { font-style:normal;color:var(--gold); }
.hero-dek { font-size:.7rem;line-height:1.75;color:rgba(245,237,216,.6);max-width:460px;margin-bottom:1.1rem; }
.hero-byline { font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold); }

/* Hero sidebar */
.hero-side { display:flex;flex-direction:column; }
.side-card { flex:1;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:var(--ink);transition:opacity .2s; }
.side-card:last-child { border-bottom:none; }
.side-card:hover { opacity:.85; }
.side-card-img { position:absolute;inset:0;opacity:1;transition:opacity .3s; }
.side-card-img img { width:100%;height:100%;object-fit:cover; }
.side-card:hover .side-card-img { opacity:.9; }
.side-card::after { content:'';position:absolute;inset:0;background:linear-gradient(to top, rgba(26,18,8,.85) 0%, rgba(26,18,8,.35) 50%, rgba(26,18,8,.1) 100%);z-index:1;pointer-events:none; }
.side-num { position:absolute;top:.8rem;right:1rem;font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:4.5rem;color:rgba(255,255,255,.12);line-height:1;pointer-events:none;z-index:2; }
.side-title { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:1.1rem;line-height:1.1;color:#fff;margin-bottom:.4rem;position:relative;z-index:2; }
.side-by { font-size:.53rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.6);position:relative;z-index:2; }

/* ── SECTION WRAP ── */
.sw { padding:4rem 2.5rem; }
.sh { display:flex;align-items:baseline;justify-content:space-between;border-top:2px solid var(--ink);padding-top:.6rem;margin-bottom:2rem; }
.sh h2 { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.06em;text-transform:uppercase; }
.sh a { font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);text-decoration:none;border-bottom:1px solid var(--amber);padding-bottom:1px; }

/* ── SHOW RECAP GRID ── */
.art-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule); }
.art-card { background:var(--paper);transition:background .2s;display:flex;flex-direction:column; }
.art-card:hover { background:var(--cream); }
.art-thumb { width:100%;aspect-ratio:16/10;background:var(--ink);overflow:hidden;position:relative;flex-shrink:0; }
.art-thumb img { width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1); }
.art-card:hover .art-thumb img { transform:scale(1.06); }
.art-thumb-placeholder { width:100%;height:100%;transition:transform .6s cubic-bezier(.23,1,.32,1); }
.art-thumb-placeholder.t1{background:linear-gradient(135deg,#2a1604,#3d2208 50%,#160c02);}
.art-thumb-placeholder.t2{background:linear-gradient(135deg,#1a0e04,#2e1a08 50%,#0f0802);}
.art-thumb-placeholder.t3{background:linear-gradient(135deg,#2a1c04,#3d2a06 50%,#160e02);}
.art-thumb-placeholder.t4{background:linear-gradient(135deg,#1e1204,#301c06 50%,#120a02);}
.art-thumb-placeholder.t5{background:linear-gradient(135deg,#240e04,#381606 50%,#140802);}
.art-thumb-placeholder.t6{background:linear-gradient(135deg,#1a1004,#2a1a06 50%,#0e0802);}
.art-card:hover .art-thumb-placeholder { transform:scale(1.06); }
.art-body { padding:1.1rem 1.2rem 1.4rem;flex:1;display:flex;flex-direction:column; }
.art-title { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:1.1rem;line-height:1.1;color:var(--ink);margin-bottom:.5rem; }
.art-blurb { font-size:.65rem;line-height:1.65;color:var(--dim);margin-bottom:.6rem;flex:1; }
.art-meta { font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:auto;padding-top:.7rem;border-top:1px solid var(--rule);display:flex;justify-content:space-between; }

/* ── BANDS LIST ── */
#bands { background:var(--ink);color:var(--paper); }
#bands .sh { border-color:rgba(245,237,216,.12); }
#bands .sh h2 { color:var(--paper); }
#bands .sh a { color:var(--gold);border-color:var(--gold); }
.a-list { list-style:none; }
.a-row { display:grid;grid-template-columns:2.5rem 1fr auto auto;align-items:center;gap:1.5rem;padding:1rem .5rem;border-bottom:1px solid rgba(245,237,216,.07);transition:background .15s; }
.a-row:hover { background:rgba(245,237,216,.04); }
.a-row:hover .a-n { color:var(--amber); }
.a-n { font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:.72rem;color:rgba(245,237,216,.2);letter-spacing:.1em;text-align:right;transition:color .15s; }
.a-info { display:flex;flex-direction:column;gap:.18rem; }
.a-name { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:1.3rem;color:var(--paper);letter-spacing:-.01em;line-height:1.1;text-decoration:none; }
.a-name:hover { color:var(--gold); }
.a-sub { font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(245,237,216,.38); }
.a-genre { font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);white-space:nowrap; }
.a-tags { display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end; }
.a-tag { font-size:.48rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(245,237,216,.14);color:rgba(245,237,216,.38);padding:.13rem .42rem; }

/* ── ABOUT ── */
#about { display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink); }
.about-l { padding:4rem 2.5rem;border-right:2px solid var(--ink);display:flex;flex-direction:column;justify-content:center; }
.about-label { font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--amber);margin-bottom:1.1rem; }
.about-hed { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:clamp(2.5rem,5.5vw,4.5rem);line-height:0.95;letter-spacing:-.02em;margin-bottom:1.4rem; }
.about-hed em { font-style:normal;color:var(--amber); }
.about-body { font-size:.7rem;line-height:1.85;color:var(--dim);max-width:440px;margin-bottom:1.8rem; }
.about-pull { font-family:'Big Shoulders Display',sans-serif;font-style:normal;font-size:1rem;color:var(--ink);border-left:3px solid var(--amber);padding-left:1.2rem;line-height:1.55;margin-bottom:2.3rem; }
.btn { display:inline-flex;align-items:center;gap:.7rem;background:var(--ink);color:var(--paper);padding:.85rem 1.6rem;font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:none;transition:background .2s;width:fit-content; }
.btn:hover { background:var(--amber); }
.btn-g { background:var(--gold);color:var(--ink); }
.btn-g:hover { background:#9e7230;color:var(--paper); }
.about-r { background:var(--ink);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;min-height:420px; }
.about-badge { background:#d4820a;color:var(--paper);padding:2rem;width:100%; }
.ab-top { font-size:.56rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(245,237,216,.6);margin-bottom:.75rem; }
.ab-q { font-family:'Big Shoulders Display',sans-serif;font-size:1.5rem;line-height:1.3;font-weight:700; }
.about-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);margin-top:0; }
.stat-item { padding:1.5rem 1rem;background:var(--ink);text-align:center; }
.stat-num { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:2.8rem;color:var(--gold);line-height:1;margin-bottom:.4rem; }
.stat-label { font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,237,216,.45); }

/* ── CONTACT ── */
.c-intro { font-size:.7rem;line-height:1.75;color:var(--dim);margin-bottom:2rem;max-width:520px; }
.c-grid { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule); }
.cf { background:var(--paper); }
.cf input, .cf textarea { width:100%;padding:1rem;background:transparent;border:none;outline:none;font-family:'IBM Plex Mono',monospace;font-size:.68rem;color:var(--ink);letter-spacing:.05em; }
.cf input::placeholder, .cf textarea::placeholder { color:var(--dim);text-transform:uppercase;font-size:.58rem;letter-spacing:.18em; }
.cf.full { grid-column:span 2; }
.cf textarea { height:108px;resize:none; }
.c-btn { width:100%;padding:1rem;background:var(--ink);color:var(--paper);border:none;font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;transition:background .2s; }
.c-btn:hover { background:var(--amber); }
.c-links { display:flex;gap:1.8rem;margin-top:1.8rem;flex-wrap:wrap; }
.c-links a { font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:2px;transition:color .15s,border-color .15s; }
.c-links a:hover { color:var(--amber);border-color:var(--amber); }

/* ── SINGLE POST (show recap) ── */
.post-hero { position:relative;min-height:55vh;background:var(--ink);overflow:hidden;display:flex;align-items:flex-end; }
.post-hero-img { position:absolute;inset:0; }
.post-hero-img img { width:100%;height:100%;object-fit:cover;opacity:.6; }
.post-hero-no-img { position:absolute;inset:0;background:radial-gradient(ellipse at 30% 60%,#3d2406,transparent 55%),linear-gradient(150deg,#150f04,#241608 45%,#0e0904); }
.post-hero-cap { position:relative;z-index:2;padding:4rem 2.5rem 3rem;background:linear-gradient(to top,rgba(26,18,8,.97) 0%,rgba(26,18,8,.4) 60%,transparent 100%);width:100%; }
.post-eyebrow { display:inline-block;background:var(--amber);color:#fff;font-size:.55rem;letter-spacing:.25em;text-transform:uppercase;padding:.2rem .6rem;margin-bottom:1rem; }
.post-title { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:clamp(2.8rem,7vw,6rem);color:var(--paper);line-height:.92;letter-spacing:-.01em;margin-bottom:1rem; }
.post-meta-bar { display:flex;align-items:center;gap:2rem;flex-wrap:wrap; }
.post-meta-bar span { font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,237,216,.5); }
.post-meta-bar strong { color:var(--gold); }

/* Post body */
.post-body-wrap { max-width:680px;margin:0 auto;padding:3rem 2.5rem; }
.post-excerpt { font-family:'IBM Plex Mono',monospace;font-size:.78rem;line-height:1.8;color:var(--dim);margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--rule); }
.post-content { font-size:.72rem;line-height:1.85;color:var(--ink); }

/* Photo gallery grid inside post */
.kg-gallery-container { margin:2rem 0; }
.kg-gallery-row { display:flex;gap:4px;margin-bottom:4px; }
.kg-gallery-image { flex:1;overflow:hidden;background:var(--cream); }
.kg-gallery-image img { width:100%;height:100%;object-fit:cover;display:block; }
.kg-image-card { margin:2rem 0; }
.kg-image-card img { width:100%;height:auto; }

/* Post nav */
.post-nav { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin-top:4rem; }
.post-nav-card { background:var(--paper);padding:2rem 2.5rem;transition:background .2s; }
.post-nav-card:hover { background:var(--cream); }
.post-nav-label { font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-bottom:.5rem; }
.post-nav-title { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:1.2rem;line-height:1.1;color:var(--ink); }

/* ── FOOTER ── */
footer { background:var(--ink);color:var(--paper);padding:1.8rem 2.5rem;display:flex;align-items:center;justify-content:space-between;border-top:3px solid var(--gold); }
.foot-title { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:1rem;color:var(--paper); }
.foot-title em { font-style:normal;color:var(--gold); }
.foot-copy { font-size:.52rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(245,237,216,.28); }

/* ── REVEAL ── */
.rv { opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease; }
.rv.in { opacity:1;transform:translateY(0); }

/* ── PAGINATION ── */
.pagination { display:flex;align-items:center;justify-content:space-between;padding:2rem 0;border-top:1px solid var(--rule); }
.pagination a { font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);border-bottom:1px solid var(--amber);padding-bottom:1px; }
.pagination .page-number { font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim); }

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:auto;}
  .hero-side{flex-direction:row;}
  .side-card{min-height:180px;}
  .art-grid{grid-template-columns:1fr 1fr;}
  #about{grid-template-columns:1fr;}
  .about-l{border-right:none;border-bottom:2px solid var(--ink);}
  .about-r{min-height:240px;}
  .post-nav{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .art-grid{grid-template-columns:1fr;}
  .hero-side{flex-direction:column;}
  .a-row{grid-template-columns:1.5rem 1fr;}
  .a-genre,.a-tags{display:none;}
  .c-grid{grid-template-columns:1fr;}
  .cf.full{grid-column:span 1;}
  .masthead{padding:0 1.5rem;}
  .sw{padding:3rem 1.5rem;}
  footer{flex-direction:column;gap:1rem;text-align:center;}
}

/* ── GHOST CARD WIDTH CLASSES (required) ── */
.kg-width-wide {
  grid-column: wide-start / wide-end;
  width: 85vw;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.kg-width-full {
  grid-column: full-start / full-end;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.kg-width-wide img,
.kg-width-full img {
  width: 100%;
  height: auto;
}

/* ── TAG PAGES ─────────────────────────────────────────── */
.tag-header { background:var(--ink);padding:5rem 2.5rem 4rem;border-bottom:2px solid var(--amber); }
.tag-header-inner { max-width:900px;margin:0 auto; }
.tag-eyebrow { font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:var(--amber);margin-bottom:1rem; }
.tag-title { font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:clamp(3rem,8vw,6rem);color:var(--paper);line-height:1;margin-bottom:1rem; }
.tag-desc { font-size:.85rem;color:rgba(245,237,216,.6);max-width:500px;margin-bottom:1.5rem;line-height:1.6; }
.tag-count { display:inline-block;background:var(--amber);color:#fff;font-size:.55rem;letter-spacing:.25em;text-transform:uppercase;padding:.3rem .8rem; }
.tag-grid-wrap { padding:3rem 2.5rem; }

/* ── POST META STRIP ────────────────────────────────────── */
.post-meta-strip { background:var(--ink);border-bottom:1px solid rgba(255,255,255,.08); }
.post-meta-strip-inner { display:flex;gap:0;max-width:100%; }
.pms-item { flex:1;padding:1.2rem 2rem;border-right:1px solid rgba(255,255,255,.08); }
.pms-item:last-child { border-right:none; }
.pms-label { font-size:.48rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(245,237,216,.4);margin-bottom:.35rem; }
.pms-value { font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:1rem;color:var(--paper);line-height:1.2; }
.pms-value a { color:var(--gold);text-decoration:none; }
.pms-value a:hover { text-decoration:underline; }

/* ── POST LAYOUT — content + sidebar ───────────────────── */
.post-layout { display:grid;grid-template-columns:1fr 300px;gap:0;align-items:start;max-width:100%; }
.post-main { padding:3rem 3rem 3rem 2.5rem;border-right:1px solid var(--rule); }
.post-lede { font-size:1.1rem;line-height:1.7;color:var(--dim);margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--rule); }

/* ── POST SIDEBAR ───────────────────────────────────────── */
.post-sidebar { padding:2rem 1.5rem;position:sticky;top:90px; }
.psb-label { font-size:.5rem;letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--rule); }
.psb-card { display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1.25rem;text-decoration:none;padding-bottom:1.25rem;border-bottom:1px solid var(--rule); }
.psb-card:last-of-type { border-bottom:none; }
.psb-img { width:64px;height:64px;flex-shrink:0;overflow:hidden;background:var(--cream); }
.psb-img img { width:100%;height:100%;object-fit:cover; }
.psb-img-empty { background:var(--cream); }
.psb-info { flex:1; }
.psb-title { font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:.85rem;color:var(--ink);line-height:1.2;margin-bottom:.3rem; }
.psb-date { font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim); }
.psb-card:hover .psb-title { color:var(--amber); }

/* ── POST META BAR LINKS ────────────────────────────────── */
.post-meta-tag { color:var(--gold);text-decoration:none; }
.post-meta-tag:hover { text-decoration:underline; }
.post-meta-sep { margin:0 .5rem;opacity:.5; }

/* ── PAGINATION ─────────────────────────────────────────── */
.pagination { display:flex;gap:1rem;justify-content:center;padding:3rem 0; }

/* ── RESPONSIVE ADJUSTMENTS ─────────────────────────────── */
@media(max-width:768px) {
  .post-layout { grid-template-columns:1fr; }
  .post-sidebar { display:none; }
  .post-meta-strip-inner { flex-wrap:wrap; }
  .pms-item { flex:1 1 50%;border-bottom:1px solid rgba(255,255,255,.08); }
  .tag-header { padding:3rem 1.5rem; }
  .tag-grid-wrap { padding:2rem 1rem; }
}

/* ── ABOUT COLLAGE ──────────────────────────────────────── */
.about-collage { position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;opacity:.30;pointer-events:none; }
.collage-img { background-size:cover;background-position:center; }
.about-r-content { position:relative;z-index:2; }