:root { --black:#0b0b0c; --soft-black:#151517; --ivory:#e8e6e1; --dim-ivory:#c8c5be; --muted:#96938e; --line:#2a292c; --pink:#b56a7a; --pink-hover:#c97b8b; --serif:"Playfair Display",Georgia,serif; --sans:Inter,Arial,sans-serif; --mono:"IBM Plex Mono","Courier New",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--ivory); font-family:var(--sans); line-height:1.6; }
a { color:inherit; text-decoration:none; }
.rework-shell { width:min(100%,1440px); margin:0 auto; padding:0 clamp(1rem,4vw,4rem); }
.rework-nav { display:flex; align-items:center; gap:2rem; min-height:5.75rem; border-bottom:1px solid var(--line); font-family:var(--mono); font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; }
.rework-brand { font-weight:600; letter-spacing:.16em; white-space:nowrap; }
.rework-nav-links { display:flex; flex:1; justify-content:flex-end; gap:clamp(.75rem,2vw,2rem); color:var(--muted); }
.rework-nav a:hover,.rework-nav a:focus-visible,.rework-text-link:hover,.rework-text-link:focus-visible { color:var(--pink-hover); }
.rework-hero { position:relative; isolation:isolate; display:flex; align-items:end; min-height:min(760px,calc(100vh - 7rem)); margin-top:1rem; overflow:hidden; border:1px solid var(--line); padding:clamp(3rem,7vw,6rem) clamp(1.5rem,5vw,5rem) 9rem; }
.rework-hero::before { position:absolute; inset:0; z-index:-1; content:""; background:linear-gradient(90deg,rgba(11,11,12,.95),rgba(11,11,12,.62) 52%,rgba(11,11,12,.28)),linear-gradient(0deg,rgba(11,11,12,.94),rgba(11,11,12,.12) 66%),url("../assets/images/mr-charisma/immersion-hero.webp") center/cover; filter:saturate(.62) contrast(1.05) brightness(.8); }
.rework-hero-copy { max-width:48rem; }
.eyebrow,.section-label,.rework-kicker,.rework-meta { font-family:var(--mono); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:.65rem; color:var(--muted); }
.eyebrow span { width:.45rem; height:.45rem; border-radius:50%; background:var(--pink); }
.rework-kicker { margin:3rem 0 1.2rem; color:var(--pink); }
h1,h2,h3 { margin-top:0; font-family:var(--serif); font-weight:500; letter-spacing:-.04em; line-height:.97; }
h1 { max-width:10ch; margin-bottom:2rem; font-size:clamp(4rem,8vw,7.8rem); }
h1 em { color:var(--pink); font-style:italic; }
.rework-lede { max-width:38rem; color:var(--ivory); font-size:clamp(1.1rem,1.7vw,1.35rem); line-height:1.6; }
.rework-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.5rem; margin-top:2.4rem; }
.rework-button { display:inline-flex; align-items:center; gap:1.25rem; border:1px solid var(--pink); background:var(--pink); color:var(--black); padding:1rem 1.2rem; font-family:var(--mono); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.rework-button:hover { background:var(--pink-hover); border-color:var(--pink-hover); }
.rework-button span { font-size:1rem; }
.rework-text-link { border-bottom:1px solid var(--pink); padding-bottom:.3rem; color:var(--dim-ivory); font-family:var(--mono); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.rework-text-link span { color:var(--pink); }
.rework-meta { margin:1.5rem 0 0; color:var(--muted); }
.rework-hero-stats { position:absolute; right:0; bottom:0; left:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(232,230,225,.18); background:rgba(11,11,12,.68); backdrop-filter:blur(5px); }
.rework-hero-stats div { min-height:7.2rem; padding:1.25rem 1.5rem; border-right:1px solid rgba(232,230,225,.18); }
.rework-hero-stats div:last-child { border-right:0; }
.rework-hero-stats strong { display:block; color:var(--ivory); font-family:var(--serif); font-size:clamp(1.4rem,2.3vw,2.2rem); font-weight:500; letter-spacing:-.03em; line-height:1; }
.rework-hero-stats span { display:block; margin-top:.55rem; color:var(--muted); font-size:.83rem; }
.rework-section { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(3rem,8vw,8rem); padding:clamp(4rem,7vw,7rem) 0; border-bottom:1px solid var(--line); }
.section-label { margin:0 0 1.35rem; color:var(--pink); }
h2 { max-width:13ch; margin-bottom:0; font-size:clamp(3rem,5.8vw,6rem); }
.rework-section > div:first-child h2,
.rework-rhythm h2,
.rework-structure h2,
.rework-image-copy h2 { max-width:none; }
.rework-copy,.rework-fit-copy { color:var(--dim-ivory); font-size:1.05rem; }
.rework-copy p + p,.rework-fit-copy p + p { margin-top:1.25rem; }
.rework-value-statement { color:var(--ivory); font-family:var(--serif); font-size:clamp(1.45rem,2.3vw,2.25rem); letter-spacing:-.03em; line-height:1.12; }
.rework-final-line { color:var(--ivory); font-family:var(--serif); font-size:clamp(1.35rem,2vw,1.9rem); letter-spacing:-.02em; line-height:1.2; }
.rework-image-section { display:grid; grid-template-columns:minmax(15rem,.9fr) minmax(0,1.1fr); gap:clamp(3rem,8vw,7rem); align-items:center; padding:clamp(4rem,7vw,7rem) 0; border-bottom:1px solid var(--line); }
.rework-image { min-height:32rem; border:1px solid var(--line); background:url("../assets/images/mr-charisma/immersion-real-world.webp") center/cover; filter:saturate(.75); }
.rework-image-copy h2 { margin-bottom:2rem; }
.rework-image-copy p:not(.section-label),.rework-worldwide > p:not(.section-label),.rework-cta > p:not(.section-label) { max-width:38rem; color:var(--dim-ivory); font-size:1.05rem; }
.rework-fit { grid-template-columns:minmax(0,1fr) minmax(16rem,.8fr); }
.rework-fit { margin-top:clamp(3rem,6vw,6rem); border:1px solid var(--line); background:rgba(28,27,30,.96); padding:clamp(2rem,5vw,4rem); }
.fit-points { display:grid; gap:1rem; margin-top:2rem; color:var(--muted); font-family:var(--mono); font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; }
.fit-points span { display:grid; grid-template-columns:5rem 1fr; gap:.5rem; border-top:1px solid var(--line); padding-top:.75rem; }
.fit-points b { color:var(--pink); font-weight:500; }
.rework-structure { display:block; }
.rework-structure > h2 { max-width:16ch; margin-bottom:3rem; }
.rework-rhythm { display:block; }
.rework-rhythm > div:first-child { margin-bottom:3rem; }
.rework-rhythm h2 { max-width:16ch; }
.rework-rhythm .structure-grid { grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:rgba(28,27,30,.96); }
.rework-rhythm .structure-grid article { min-height:13rem; }
.rework-rhythm .structure-grid h3 { margin-top:2rem; }
.rework-shell .immersion-mid-cta { margin:0; }
.structure-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.structure-grid article { min-height:16rem; padding:1.5rem 1.5rem 1.5rem 0; border-right:1px solid var(--line); }
.structure-grid article + article { padding-left:1.5rem; }
.structure-grid article:last-child { border-right:0; }
.structure-grid span { color:var(--pink); font-family:var(--mono); font-size:.68rem; }
.structure-grid h3 { margin:2.5rem 0 .75rem; font-size:clamp(1.6rem,2.5vw,2.5rem); }
.structure-grid p { color:var(--muted); font-size:.95rem; }
.rework-worldwide { display:block; background:linear-gradient(90deg,rgba(11,11,12,.92),rgba(11,11,12,.45)),url("../assets/images/mr-charisma/immersion-nightgame.webp") center/cover; border-inline:1px solid var(--line); padding-inline:clamp(1.5rem,5vw,5rem); }
.rework-worldwide h2 { max-width:none; margin-bottom:2rem; }
.rework-worldwide p + p { margin-top:1rem; }
.rework-boundaries { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.rework-follow-up { grid-template-columns:minmax(15rem,.8fr) minmax(0,1fr); align-items:center; }
.rework-follow-image { min-height:24rem; border:1px solid var(--line); background:url("../assets/images/mr-charisma/immersion-real-world.webp") center right/cover; filter:saturate(.7); }
.rework-follow-up h2 { margin-bottom:2rem; }
.rework-testimonials { margin-top:clamp(3rem,6vw,6rem); background:rgba(21,21,23,.46); }
.rework-testimonials .testimonials__header h2 { max-width:none; }
.rework-cta { max-width:58rem; padding:clamp(5rem,8vw,8rem) 0; }
.rework-cta h2 { max-width:12ch; margin-bottom:1.5rem; }
.rework-cta .rework-button { margin-top:1.5rem; }
.contact--home { margin-top:2rem; }
.modal-open { overflow:hidden; }
.modal__content h2 { font-size:clamp(2rem,6vw,3rem); }

@media (max-width:900px) {
  .rework-nav { flex-wrap:wrap; padding:1.25rem 0; }
  .rework-nav-links { order:3; flex-basis:100%; justify-content:flex-start; overflow-x:auto; padding-bottom:.35rem; }
  .rework-hero { min-height:auto; padding:4rem 1.25rem 16rem; }
  .rework-hero-stats { grid-template-columns:1fr 1fr; }
  .rework-hero-stats div:nth-child(2) { border-right:0; }
  .rework-hero-stats div:nth-child(3),.rework-hero-stats div:nth-child(4) { border-top:1px solid rgba(232,230,225,.18); }
  .rework-hero-stats div:nth-child(4) { border-right:0; }
  h1 { max-width:8ch; font-size:clamp(3.8rem,16vw,5.5rem); }
  .rework-section,.rework-image-section,.rework-fit,.rework-boundaries,.rework-follow-up { grid-template-columns:1fr; gap:2.5rem; }
  .rework-section { padding:4rem 0; }
  .rework-fit { padding:2rem 1.25rem; }
  .rework-image { min-height:20rem; }
  .structure-grid { grid-template-columns:1fr 1fr; }
  .rework-rhythm .structure-grid { grid-template-columns:1fr 1fr; }
  .structure-grid article:nth-child(2) { border-right:0; }
  .structure-grid article:nth-child(3),.structure-grid article:nth-child(4) { border-top:1px solid var(--line); }
  .structure-grid article:nth-child(4) { border-right:0; }
  .rework-worldwide { padding-inline:1.25rem; }
  .rework-follow-image { min-height:18rem; }
}
@media (max-width:600px) {
  .rework-actions { align-items:flex-start; flex-direction:column; }
  .structure-grid { grid-template-columns:1fr; }
  .rework-rhythm .structure-grid { grid-template-columns:1fr; }
  .structure-grid article,.structure-grid article + article { min-height:auto; padding:1.25rem 0; border-right:0; border-top:1px solid var(--line); }
  .structure-grid article:first-child { border-top:0; }
  .rework-hero { padding-bottom:21rem; }
  .rework-hero-stats { grid-template-columns:1fr; }
  .rework-hero-stats div,.rework-hero-stats div:nth-child(3),.rework-hero-stats div:nth-child(4) { min-height:auto; border-top:1px solid rgba(232,230,225,.18); border-right:0; }
  .rework-hero-stats div:first-child { border-top:0; }
  .substack-popup { padding:1.4rem; }
}