/* topherchambers.com: "The Director's Cut" */
.site-topher { --tc-bg:#0a0a0b; --tc-alt:#0f0f11; --tc-card:#17171a; --tc-line:#26262a; --tc-text:#ecebe8; --tc-soft:#cfcdc6; --tc-muted:#9a988f; --tc-red:#c1121f;
  margin:0; background:var(--tc-bg); color:var(--tc-text); font-family:"Barlow",system-ui,sans-serif; line-height:1.6; }
.site-topher a { color:inherit; text-decoration:none; }
.site-topher img { display:block; max-width:100%; }
.site-topher .tc-muted { color:var(--tc-muted); }

/* Header */
.site-topher .tc-hdr { position:absolute; top:0; left:0; right:0; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.5rem clamp(1rem,4vw,3rem); }
.site-topher .tc-logo { font-family:"Bebas Neue",sans-serif; font-size:1.9rem; letter-spacing:.08em; line-height:1; }
.site-topher .tc-logo span { color:var(--tc-red); }
.site-topher .tc-nav { display:flex; gap:1.75rem; font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:.85rem; letter-spacing:.18em; text-transform:uppercase; }
.site-topher .tc-nav a:hover { color:var(--tc-red); }

/* Hero */
.site-topher .tc-hero { position:relative; min-height:88vh; display:flex; align-items:flex-end; padding:9rem clamp(1rem,4vw,3rem) 5rem; background:#111 center / cover no-repeat; }
.site-topher .tc-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,10,11,.96) 0%, rgba(10,10,11,.72) 45%, rgba(10,10,11,.25) 100%), linear-gradient(0deg, var(--tc-bg) 0%, transparent 45%); }
.site-topher .tc-hero__inner { position:relative; max-width:760px; }
.site-topher .tc-kicker { margin:0 0 1rem; font-family:"Barlow Condensed",sans-serif; font-weight:700; letter-spacing:.3em; text-transform:uppercase; color:var(--tc-red); }
.site-topher .tc-hero__name { margin:0; font-family:"Bebas Neue",sans-serif; font-weight:400; font-size:clamp(4.5rem,13vw,10rem); line-height:.85; letter-spacing:.02em; }
.site-topher .tc-hero__line { margin:1.5rem 0 2rem; max-width:540px; font-size:clamp(1.05rem,1.6vw,1.3rem); color:var(--tc-soft); }

/* Buttons */
.site-topher .tc-btns { display:flex; flex-wrap:wrap; gap:.75rem; }
.site-topher .tc-btn { display:inline-block; padding:.8rem 1.6rem; border:1px solid rgba(236,235,232,.35); font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:.9rem; letter-spacing:.18em; text-transform:uppercase; transition:background .2s, border-color .2s; }
.site-topher .tc-btn:hover { border-color:var(--tc-text); background:rgba(255,255,255,.06); }
.site-topher .tc-btn--red { background:var(--tc-red); border-color:var(--tc-red); }
.site-topher .tc-btn--red:hover { background:#a50f1a; border-color:#a50f1a; }
.site-topher .tc-btn--sm { padding:.45rem .9rem; font-size:.75rem; letter-spacing:.14em; }
.site-topher .tc-btn--ghost { border-color:var(--tc-red); color:#f0b3b8; }

/* Sections */
.site-topher .tc-section { padding:5rem clamp(1rem,4vw,3rem); }
.site-topher .tc-section--alt { background:var(--tc-alt); border-top:1px solid var(--tc-line); border-bottom:1px solid var(--tc-line); }
.site-topher .tc-wrap { max-width:1280px; margin:0 auto; }
.site-topher .tc-head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:1rem; padding-bottom:1rem; margin-bottom:2.25rem; border-bottom:1px solid var(--tc-line); }
.site-topher .tc-head h2, .site-topher .tc-about__title { margin:0; font-family:"Bebas Neue",sans-serif; font-weight:400; font-size:clamp(2.6rem,5vw,4rem); line-height:1; letter-spacing:.03em; }
.site-topher .tc-more { font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:.85rem; letter-spacing:.15em; text-transform:uppercase; color:var(--tc-muted); }
.site-topher .tc-more:hover { color:var(--tc-red); }

/* Films */
.site-topher .tc-films { display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:2.25rem 1.5rem; }
.site-topher .tc-film__poster { aspect-ratio:2 / 3; overflow:hidden; background:var(--tc-card); border:1px solid var(--tc-line); display:grid; place-items:center; text-align:center; }
.site-topher .tc-film__poster img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.site-topher .tc-film:hover .tc-film__poster img { transform:scale(1.04); }
.site-topher .tc-film__poster span, .site-topher .tc-book__cover span { padding:1rem; font-family:"Bebas Neue",sans-serif; font-size:1.6rem; color:var(--tc-muted); }
.site-topher .tc-film h3 { margin:.9rem 0 .15rem; font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:1.1rem; letter-spacing:.06em; text-transform:uppercase; }
.site-topher .tc-film:hover h3 { color:var(--tc-red); }
.site-topher .tc-film p { margin:0; font-size:.85rem; color:var(--tc-muted); }

/* Books */
.site-topher .tc-series { margin:3rem 0 1.25rem; font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:.9rem; letter-spacing:.28em; text-transform:uppercase; color:var(--tc-red); }
.site-topher .tc-head + .tc-series { margin-top:0; }
.site-topher .tc-books { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(460px, 100%), 1fr)); gap:1.5rem; }
.site-topher .tc-book { display:grid; grid-template-columns:150px 1fr; gap:1.5rem; padding:1.25rem; background:var(--tc-card); border:1px solid var(--tc-line); }
.site-topher .tc-book__cover { aspect-ratio:2 / 3; overflow:hidden; background:#0d0d0f; display:grid; place-items:center; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.5); }
.site-topher .tc-book__cover img { width:100%; height:100%; object-fit:cover; }
.site-topher .tc-book__meta { margin:0 0 .25rem; font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:.8rem; letter-spacing:.18em; text-transform:uppercase; color:var(--tc-muted); }
.site-topher .tc-book h4 { margin:0; font-family:"Bebas Neue",sans-serif; font-weight:400; font-size:2rem; line-height:1; letter-spacing:.02em; }
.site-topher .tc-book__tag { margin:.4rem 0 0; font-style:italic; color:var(--tc-soft); }
.site-topher .tc-book__blurb { margin-top:.75rem; font-size:.95rem; color:var(--tc-soft); }
.site-topher .tc-book__blurb p { margin:0 0 .75rem; }
.site-topher .tc-book__links { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem; }

/* About */
.site-topher .tc-about { display:grid; grid-template-columns:320px 1fr; gap:3rem; align-items:center; }
.site-topher .tc-about__photo img, .site-topher .tc-about__empty { width:100%; aspect-ratio:4 / 5; object-fit:cover; border:1px solid var(--tc-line); }
.site-topher .tc-about__empty { display:grid; place-items:center; background:var(--tc-card); font-family:"Bebas Neue",sans-serif; font-size:5rem; color:var(--tc-line); }
.site-topher .tc-about__bio { margin-top:1.25rem; font-size:1.05rem; color:var(--tc-soft); max-width:680px; }
.site-topher .tc-about__links { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.5rem; }

/* Footer */
.site-topher .tc-footer { padding:2.5rem clamp(1rem,4vw,3rem); border-top:1px solid var(--tc-line); text-align:center; font-size:.85rem; color:var(--tc-muted); }
.site-topher .tc-footer p { margin:.35rem 0; }
.site-topher .tc-footer__links { display:flex; flex-wrap:wrap; justify-content:center; gap:1.25rem; font-family:"Barlow Condensed",sans-serif; font-weight:600; letter-spacing:.15em; text-transform:uppercase; }
.site-topher .tc-footer a:hover { color:var(--tc-text); }

/* Phones */
@media (max-width: 700px) {
  .site-topher .tc-hdr { padding:1rem; }
  .site-topher .tc-logo { font-size:1.5rem; }
  .site-topher .tc-nav { gap:1rem; font-size:.75rem; letter-spacing:.12em; }
  .site-topher .tc-nav .ext { display:none; }
  .site-topher .tc-hero { min-height:78vh; padding-bottom:3.5rem; }
  .site-topher .tc-section { padding:3.5rem 1rem; }
  .site-topher .tc-films { grid-template-columns:repeat(2, 1fr); gap:1.75rem 1rem; }
  .site-topher .tc-book { grid-template-columns:100px 1fr; gap:1rem; padding:1rem; }
  .site-topher .tc-book h4 { font-size:1.6rem; }
  .site-topher .tc-about { grid-template-columns:1fr; gap:2rem; }
  .site-topher .tc-about__photo { max-width:280px; }
}

/* Hero collage of posters and covers */
.site-topher .tc-hero { overflow:hidden; }
.site-topher .tc-collage { position:absolute; z-index:0; top:-25%; left:-10%; width:130%; display:grid; grid-template-columns:repeat(7, 1fr); gap:14px; transform:rotate(-8deg); opacity:.5; filter:grayscale(.35) contrast(1.05); pointer-events:none; }
.site-topher .tc-collage img { width:100%; aspect-ratio:2 / 3; object-fit:cover; }
.site-topher .tc-hero::before { z-index:1; }
.site-topher .tc-hero__inner { z-index:2; }
@media (max-width: 700px) {
  .site-topher .tc-collage { grid-template-columns:repeat(4, 1fr); width:170%; left:-35%; }
}

/* Hero sizing: keep the buttons on screen */
.site-topher .tc-hero { min-height:min(88vh, 900px); padding-top:7rem; padding-bottom:4rem; }
.site-topher .tc-hero__name { font-size:clamp(4rem, 10vw, 8rem); }
.site-topher .tc-hero__line { margin:1.25rem 0 1.75rem; }
.site-topher .tc-hero::before { background:
  linear-gradient(180deg, rgba(10,10,11,.85) 0%, transparent 18%),
  linear-gradient(90deg, rgba(10,10,11,.96) 0%, rgba(10,10,11,.72) 45%, rgba(10,10,11,.25) 100%),
  linear-gradient(0deg, var(--tc-bg) 0%, transparent 45%); }
.site-topher .tc-hero { align-items:center; min-height:min(82vh, 860px); padding-top:6rem; padding-bottom:3rem; }

/* Film grid extras */
.site-topher .tc-film .tc-film__meta { font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; color:var(--tc-red); margin:0 0 .1rem; }

/* Full filmography list */
.site-topher .tc-filmo { list-style:none; margin:0; padding:0; border-top:1px solid var(--tc-line); }
.site-topher .tc-filmo li { display:grid; grid-template-columns:4.5rem minmax(0, 1.2fr) minmax(0, 1fr); gap:1.25rem; align-items:baseline; padding:.9rem 0; border-bottom:1px solid var(--tc-line); }
.site-topher .tc-filmo__year { font-family:"Bebas Neue",sans-serif; font-size:1.5rem; color:var(--tc-muted); line-height:1; }
.site-topher .tc-filmo__title { font-weight:600; font-size:1.05rem; }
.site-topher .tc-filmo__title a:hover { color:var(--tc-red); }
.site-topher .tc-filmo__title small { display:block; font-weight:400; font-size:.8rem; color:var(--tc-muted); letter-spacing:.04em; }
.site-topher .tc-filmo__roles { font-size:.9rem; color:var(--tc-soft); }
.site-topher .tc-series--spaced { margin-top:3.5rem; }
@media (max-width: 700px) {
  .site-topher .tc-filmo li { grid-template-columns:3.2rem 1fr; gap:.25rem 1rem; }
  .site-topher .tc-filmo__roles { grid-column:2; }
  .site-topher .tc-nav a[href="/#filmography"] { display:none; }
}
.site-topher #filmography { padding-top:5rem; }
@media (max-width: 700px) { .site-topher #filmography { padding-top:3.5rem; } .site-topher .tc-nav a[href="/#filmography"] { display:inline; } }

/* Newest release: full-width feature card */
.site-topher .tc-book--latest { grid-column:1 / -1; grid-template-columns:260px 1fr; gap:2.5rem; padding:2rem; border-color:rgba(193,18,31,.5); }
.site-topher .tc-book--latest h4 { font-size:clamp(2.4rem, 4vw, 3.4rem); }
.site-topher .tc-book--latest .tc-book__blurb { font-size:1.05rem; max-width:680px; }
.site-topher .tc-book__new { margin:0 0 .5rem; font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:.8rem; letter-spacing:.3em; text-transform:uppercase; color:var(--tc-red); }
@media (max-width: 700px) {
  .site-topher .tc-book--latest { grid-template-columns:1fr; padding:1.25rem; }
  .site-topher .tc-book--latest .tc-book__cover { max-width:220px; }
}

/* Books three across, cover on top */
.site-topher .tc-books { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.site-topher .tc-book { grid-template-columns:1fr; gap:1.1rem; }
.site-topher .tc-book--latest { grid-template-columns:260px 1fr; }
@media (max-width: 1000px) { .site-topher .tc-books { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .site-topher .tc-books { grid-template-columns:1fr; }
  .site-topher .tc-book { grid-template-columns:100px 1fr; }
  .site-topher .tc-book--latest { grid-template-columns:1fr; }
}