/*
 * rem-briefing.css
 * Real Estate Moguls — Platform Briefing (private presentation page)
 * Cinematic, editorial, presentation-driven. Pushes the visual language
 * further than About / Sponsor / Membership / Mogul Session: oversized
 * watermark numerals, numbered section markers, pull-quote display type,
 * connected horizontal flow diagrams, full-bleed cinematic section,
 * single CTA at the close.
 *
 * All rules scoped under .rem-briefing-page.
 */

.rem-briefing-page { -webkit-font-smoothing: antialiased; overflow-x: hidden; }

/* ── HERO ─────────────────────────────────────────────────────────── */
.rem-briefing-page .pb-hero { position:relative; min-height:760px; overflow:hidden; }
.rem-briefing-page .pb-hero__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 28%; display:block; }
.rem-briefing-page .pb-hero__ov { position:absolute; inset:0; background:linear-gradient(120deg,rgba(13,27,42,.94) 0%,rgba(13,27,42,.78) 38%,rgba(13,27,42,.35) 78%,rgba(13,27,42,.55) 100%); display:flex; align-items:center; padding:120px 80px 100px; }
.rem-briefing-page .pb-hero__inner { position:relative; max-width:880px; z-index:2; }
.rem-briefing-page .pb-hero__h1 { font-family:var(--font-display); font-size:clamp(40px,6vw,76px); font-weight:800; line-height:1.04; color:#fff; margin:24px 0 28px; letter-spacing:-.025em; }
.rem-briefing-page .pb-hero__h1 em { font-style:normal; color:var(--primary); }
.rem-briefing-page .pb-hero__body { font-family:var(--font-body); font-size:clamp(18px,1.6vw,22px); color:rgba(255,255,255,.82); line-height:1.7; max-width:680px; margin:0; }
.rem-briefing-page .pb-hero__num { position:absolute; right:-30px; bottom:-90px; font-family:var(--font-display); font-size:clamp(280px,40vw,520px); font-weight:900; color:rgba(255,255,255,.04); line-height:.78; letter-spacing:-.04em; pointer-events:none; user-select:none; z-index:1; }

/* Hero pill (private briefing label) */
.rem-briefing-page .pb-pill { display:inline-flex; align-items:center; gap:10px; padding:8px 18px; border:1px solid rgba(41,171,226,.4); border-radius:999px; background:rgba(41,171,226,.08); color:var(--primary); font-family:var(--font-body); font-size:13px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.rem-briefing-page .pb-pill::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--primary); box-shadow:0 0 0 4px rgba(41,171,226,.18); }

/* ── SECTION FOUNDATION ───────────────────────────────────────────── */
.rem-briefing-page .pb-sec { position:relative; padding:120px 60px; overflow:hidden; }
.rem-briefing-page .pb-sec--lite     { background:#FFFFFF; }
.rem-briefing-page .pb-sec--platinum { background:linear-gradient(180deg,#F2F4F7 0%,#E8ECF1 100%); }
.rem-briefing-page .pb-sec--dark     { background:var(--authority,#0D1B2A); color:#fff; border-top:5px solid var(--primary); border-bottom:5px solid var(--primary); }
.rem-briefing-page .pb-sec--cinema   { color:#fff; background-color:var(--authority,#0D1B2A); background-size:cover; background-position:center; border-top:5px solid var(--primary); border-bottom:5px solid var(--primary); padding:160px 60px; }
.rem-briefing-page .pb-sec--final    { background:radial-gradient(ellipse at top,#142a44 0%,#0D1B2A 60%,#070f1c 100%); color:#fff; border-top:5px solid var(--primary); padding:140px 60px 160px; }

.rem-briefing-page .pb-inn { position:relative; max-width:1200px; margin:0 auto; z-index:2; }
.rem-briefing-page .pb-inn--center { text-align:center; max-width:880px; }

/* Watermark numeral behind every section */
.rem-briefing-page .pb-watermark { position:absolute; top:-20px; right:-30px; font-family:var(--font-display); font-size:clamp(220px,26vw,420px); font-weight:900; color:rgba(13,27,42,.05); line-height:.8; letter-spacing:-.05em; pointer-events:none; user-select:none; z-index:1; }
.rem-briefing-page .pb-watermark--lt { color:rgba(255,255,255,.045); }

/* Section marker bar */
.rem-briefing-page .pb-marker { display:inline-flex; align-items:center; padding:8px 14px; margin-bottom:32px; border-left:3px solid var(--primary); font-family:var(--font-body); font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--authority,#0D1B2A); background:rgba(41,171,226,.06); }
.rem-briefing-page .pb-marker--lt { color:rgba(255,255,255,.85); background:rgba(41,171,226,.1); }

/* ── TYPOGRAPHY ───────────────────────────────────────────────────── */
.rem-briefing-page .pb-eye { font-family:var(--font-body); font-size:15px; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:var(--primary); display:block; margin-bottom:18px; }
.rem-briefing-page .pb-eye--lt { color:rgba(41,171,226,.95); }

.rem-briefing-page .pb-h2 { font-family:var(--font-display); font-size:clamp(34px,4.6vw,58px); font-weight:800; line-height:1.06; color:var(--authority,#0D1B2A); margin:0 0 28px; letter-spacing:-.025em; max-width:980px; }
.rem-briefing-page .pb-h2 em { font-style:normal; color:var(--primary); }
.rem-briefing-page .pb-h2--lt { color:#fff; }
.rem-briefing-page .pb-h2--xl { font-size:clamp(42px,5.6vw,72px); line-height:1.04; }

.rem-briefing-page .pb-body { font-family:var(--font-body); font-size:19px; color:#4A5568; line-height:1.78; margin:0 0 20px; }
.rem-briefing-page .pb-body--lt { color:rgba(255,255,255,.74); }
.rem-briefing-page .pb-body--narrow { max-width:780px; }

/* Two-column body */
.rem-briefing-page .pb-twocol { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin:8px 0 56px; }
.rem-briefing-page .pb-twocol .pb-body { margin:0; }

/* ── PILLAR CARDS (Section 02) ────────────────────────────────────── */
.rem-briefing-page .pb-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:32px; }
.rem-briefing-page .pb-pillar { padding:36px 32px; background:#fff; border:1px solid var(--border,#E2E5E9); border-radius:8px; transition:transform 220ms,box-shadow 220ms; }
.rem-briefing-page .pb-pillar:hover { transform:translateY(-4px); box-shadow:0 22px 48px rgba(13,27,42,.10); }
.rem-briefing-page .pb-pillar__num { font-family:var(--font-display); font-size:42px; font-weight:800; color:var(--primary); letter-spacing:-.02em; line-height:1; display:block; margin-bottom:18px; }
.rem-briefing-page .pb-pillar__t { font-family:var(--font-display); font-size:24px; font-weight:700; color:var(--authority,#0D1B2A); margin:0 0 10px; line-height:1.25; }
.rem-briefing-page .pb-pillar__b { font-family:var(--font-body); font-size:17px; color:#4A5568; line-height:1.7; margin:0; }

/* ── IMAGE ROWS ───────────────────────────────────────────────────── */
.rem-briefing-page .pb-imgrow { display:grid; grid-template-columns:repeat(3,1fr); }
.rem-briefing-page .pb-imgrow__i { position:relative; overflow:hidden; }
.rem-briefing-page .pb-imgrow__i img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .55s ease; }
.rem-briefing-page .pb-imgrow__i:hover img { transform:scale(1.05); }
.rem-briefing-page .pb-imgrow--tall  .pb-imgrow__i { height:440px; }
.rem-briefing-page .pb-imgrow--short .pb-imgrow__i { height:280px; }

/* ── HORIZONTAL FLOW DIAGRAM (sections 04, 10) ────────────────────── */
.rem-briefing-page .pb-flow { list-style:none; margin:48px 0 0; padding:0; display:grid; gap:0; align-items:stretch; }
.rem-briefing-page .pb-flow--5 { grid-template-columns:repeat(5,1fr); }
.rem-briefing-page .pb-flow--4 { grid-template-columns:repeat(4,1fr); }
.rem-briefing-page .pb-flow__step { position:relative; padding:28px 22px 28px 28px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-right:0; display:flex; flex-direction:column; gap:14px; min-height:140px; }
.rem-briefing-page .pb-flow__step:last-child { border-right:1px solid rgba(255,255,255,.12); }
.rem-briefing-page .pb-flow__step::after { content:""; position:absolute; top:50%; right:-13px; transform:translateY(-50%) rotate(45deg); width:24px; height:24px; background:var(--authority,#0D1B2A); border-top:1px solid rgba(255,255,255,.12); border-right:1px solid rgba(255,255,255,.12); z-index:2; }
.rem-briefing-page .pb-flow__step:last-child::after { display:none; }
.rem-briefing-page .pb-sec--lite .pb-flow__step { background:#fff; border-color:var(--border,#E2E5E9); }
.rem-briefing-page .pb-sec--lite .pb-flow__step::after { background:#fff; border-color:var(--border,#E2E5E9); }
.rem-briefing-page .pb-flow__n { font-family:var(--font-body); font-size:12px; font-weight:700; letter-spacing:.18em; color:var(--primary); }
.rem-briefing-page .pb-flow__t { font-family:var(--font-display); font-size:18px; font-weight:700; color:#fff; line-height:1.3; }
.rem-briefing-page .pb-sec--lite .pb-flow__t { color:var(--authority,#0D1B2A); }

/* ── SPLIT WITH PORTRAIT LABELS (Section 05) ──────────────────────── */
.rem-briefing-page .pb-split { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; margin-top:8px; }
.rem-briefing-page .pb-split__copy { display:flex; flex-direction:column; }
.rem-briefing-page .pb-split__img { position:relative; aspect-ratio:4/5; overflow:hidden; border-radius:8px; }
.rem-briefing-page .pb-split__img img { width:100%; height:100%; object-fit:cover; display:block; }
.rem-briefing-page .pb-split__img::before { content:""; position:absolute; inset:0; background:linear-gradient(220deg,transparent 40%,rgba(13,27,42,.7) 100%); }
.rem-briefing-page .pb-portrait-labels { position:absolute; left:24px; bottom:24px; display:flex; flex-direction:column; gap:10px; z-index:2; }
.rem-briefing-page .pb-portrait-label { display:inline-flex; align-self:flex-start; padding:10px 16px; background:rgba(13,27,42,.7); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.15); border-left:3px solid var(--primary); color:#fff; font-family:var(--font-body); font-size:13px; font-weight:600; letter-spacing:.08em; }

/* ── THREE SIGNALS (Section 06) ───────────────────────────────────── */
.rem-briefing-page .pb-signals { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:48px; }
.rem-briefing-page .pb-signal { position:relative; padding:48px 40px 44px; background:#fff; border:1px solid var(--border,#E2E5E9); border-radius:10px; overflow:hidden; box-shadow:0 6px 18px rgba(13,27,42,.04); transition:transform 240ms,box-shadow 240ms; }
.rem-briefing-page .pb-signal:hover { transform:translateY(-4px); box-shadow:0 24px 56px rgba(13,27,42,.10); }
.rem-briefing-page .pb-signal__big { position:absolute; right:-14px; top:-46px; font-family:var(--font-display); font-size:200px; font-weight:900; color:rgba(41,171,226,.07); line-height:1; letter-spacing:-.04em; pointer-events:none; }
.rem-briefing-page .pb-signal__t { position:relative; font-family:var(--font-display); font-size:30px; font-weight:800; color:var(--authority,#0D1B2A); margin:0 0 16px; letter-spacing:-.015em; }
.rem-briefing-page .pb-signal__t::before { content:""; display:block; width:40px; height:3px; background:var(--primary); margin-bottom:18px; }
.rem-briefing-page .pb-signal__b { position:relative; font-family:var(--font-body); font-size:17px; color:#4A5568; line-height:1.7; margin:0; }

/* ── MOGUL TILES (Section 08) ─────────────────────────────────────── */
.rem-briefing-page .pb-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:48px; }
.rem-briefing-page .pb-tile { display:flex; align-items:center; gap:18px; padding:22px 24px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:6px; transition:background 220ms, border-color 220ms; }
.rem-briefing-page .pb-tile:hover { background:rgba(41,171,226,.08); border-color:rgba(41,171,226,.4); }
.rem-briefing-page .pb-tile__n { font-family:var(--font-body); font-size:12px; font-weight:700; letter-spacing:.18em; color:var(--primary); flex:0 0 auto; }
.rem-briefing-page .pb-tile__t { font-family:var(--font-display); font-size:16px; font-weight:600; color:#fff; line-height:1.35; }

/* ── BUILD MODULES (Section 09) ───────────────────────────────────── */
.rem-briefing-page .pb-modules { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; margin-top:48px; }
.rem-briefing-page .pb-module { padding:36px 24px; background:#fff; border:1px solid var(--border,#E2E5E9); border-radius:8px; text-align:left; transition:transform 220ms,border-color 220ms; }
.rem-briefing-page .pb-module:hover { transform:translateY(-3px); border-color:var(--primary); }
.rem-briefing-page .pb-module__n { font-family:var(--font-body); font-size:12px; font-weight:700; letter-spacing:.2em; color:var(--primary); display:block; margin-bottom:14px; }
.rem-briefing-page .pb-module__t { font-family:var(--font-display); font-size:18px; font-weight:700; color:var(--authority,#0D1B2A); margin:0; line-height:1.3; }

/* ── STATEMENTS (Section 10 bullets) ──────────────────────────────── */
.rem-briefing-page .pb-statements { margin-top:44px; display:grid; grid-template-columns:1fr 1fr; gap:18px 36px; }
.rem-briefing-page .pb-statement { font-family:var(--font-display); font-size:clamp(18px,1.7vw,22px); font-weight:600; color:#fff; line-height:1.4; margin:0; padding:18px 0 18px 24px; border-left:3px solid var(--primary); letter-spacing:-.005em; }

/* ── CHECKLIST (Section 11) ───────────────────────────────────────── */
.rem-briefing-page .pb-checklist { list-style:none; margin:48px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:18px 32px; }
.rem-briefing-page .pb-checklist__item { display:flex; align-items:center; gap:18px; padding:20px 22px; background:#fff; border:1px solid var(--border,#E2E5E9); border-radius:6px; }
.rem-briefing-page .pb-checklist__num { width:42px; height:42px; flex:0 0 42px; border-radius:50%; background:var(--primary); color:#fff; font-family:var(--font-body); font-size:13px; font-weight:700; letter-spacing:.04em; display:inline-flex; align-items:center; justify-content:center; }
.rem-briefing-page .pb-checklist__t { font-family:var(--font-display); font-size:18px; font-weight:600; color:var(--authority,#0D1B2A); line-height:1.4; }

/* ── STAGES (Section 14) ──────────────────────────────────────────── */
.rem-briefing-page .pb-stages { display:grid; grid-template-columns:1fr 60px 1fr; align-items:stretch; gap:24px; margin-top:48px; }
.rem-briefing-page .pb-stage { padding:44px 36px; background:#fff; border:1px solid var(--border,#E2E5E9); border-radius:10px; box-shadow:0 8px 24px rgba(13,27,42,.05); }
.rem-briefing-page .pb-stage--alt { background:linear-gradient(160deg,#142a44 0%,#0D1B2A 100%); border-color:rgba(255,255,255,.1); color:#fff; }
.rem-briefing-page .pb-stage__step { font-family:var(--font-body); font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--primary); display:block; margin-bottom:18px; }
.rem-briefing-page .pb-stage__t { font-family:var(--font-display); font-size:32px; font-weight:800; color:var(--authority,#0D1B2A); margin:0 0 14px; letter-spacing:-.015em; }
.rem-briefing-page .pb-stage--alt .pb-stage__t { color:#fff; }
.rem-briefing-page .pb-stage__b { font-family:var(--font-body); font-size:17px; color:#4A5568; line-height:1.7; margin:0; }
.rem-briefing-page .pb-stage--alt .pb-stage__b { color:rgba(255,255,255,.72); }
.rem-briefing-page .pb-stage__arrow { display:flex; align-items:center; justify-content:center; font-size:42px; font-weight:300; color:var(--primary); }

/* ── PULL QUOTE (Section 15 cinema) ───────────────────────────────── */
.rem-briefing-page .pb-pullquote { max-width:880px; margin-top:8px; padding-left:32px; border-left:3px solid var(--primary); }
.rem-briefing-page .pb-pullquote .pb-body { font-size:clamp(19px,1.7vw,23px); line-height:1.75; }

/* ── THE LAUNCH SEQUENCE (Section 12) ─────────────────────────────── */
.rem-briefing-page .pb-sec--ls .pb-body--narrow {
  margin-bottom: 64px;
}
.rem-briefing-page .pb-ls {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 880px;
  counter-reset: none;
}
.rem-briefing-page .pb-ls__step {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 32px;
  padding: 32px 0;
  border-top: 1px solid var(--border);
  align-items: start;
}
.rem-briefing-page .pb-ls__step:first-child {
  border-top: 2px solid var(--primary);
  padding-top: 36px;
}
.rem-briefing-page .pb-ls__step:last-child {
  border-bottom: 1px solid var(--border);
}
.rem-briefing-page .pb-ls__num {
  font-family: var(--font-display);
  font-size: 56px;
  font-weight: 700;
  color: var(--primary);
  line-height: 1;
  letter-spacing: -0.02em;
}
.rem-briefing-page .pb-ls__copy {
  padding-top: 4px;
}
.rem-briefing-page .pb-ls__title {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--authority);
  margin: 0 0 12px 0;
  letter-spacing: -0.01em;
}
.rem-briefing-page .pb-ls__body {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.7;
  color: var(--slate);
  margin: 0;
}
.rem-briefing-page .pb-ls__close {
  max-width: 880px;
  margin: 56px auto 0;
  padding: 28px 32px;
  background: var(--vital);
  border-left: 3px solid var(--accent);
  border-radius: 3px;
}
.rem-briefing-page .pb-ls__close p {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.7;
  color: var(--authority);
  margin: 0;
  font-style: italic;
}
@media (max-width: 720px) {
  .rem-briefing-page .pb-ls__step {
    grid-template-columns: 64px 1fr;
    gap: 20px;
    padding: 24px 0;
  }
  .rem-briefing-page .pb-ls__num {
    font-size: 40px;
  }
  .rem-briefing-page .pb-ls__title {
    font-size: 20px;
  }
  .rem-briefing-page .pb-ls__body {
    font-size: 16px;
  }
  .rem-briefing-page .pb-ls__close {
    padding: 20px 22px;
    margin-top: 40px;
  }
}

/* ── FINAL CTA (Section 17) ───────────────────────────────────────── */
.rem-briefing-page .pb-cta-row { margin-top:44px; }
.rem-briefing-page .pb-cta { display:inline-block; padding:22px 56px; background:var(--primary); color:#fff; font-family:var(--font-body); font-size:16px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; text-decoration:none; border-radius:4px; box-shadow:0 18px 36px rgba(41,171,226,.32); transition:transform 200ms, background 200ms, box-shadow 200ms; }
.rem-briefing-page .pb-cta:hover { background:#1d8ab5; color:#fff; transform:translateY(-2px); box-shadow:0 24px 48px rgba(41,171,226,.4); }

/* ── RESPONSIVE ───────────────────────────────────────────────────── */
@media (max-width:960px) {
	.rem-briefing-page .pb-hero { min-height:660px; }
	.rem-briefing-page .pb-hero__ov { padding:120px 36px 80px; }
	.rem-briefing-page .pb-sec, .rem-briefing-page .pb-sec--cinema, .rem-briefing-page .pb-sec--final { padding:80px 28px; }
	.rem-briefing-page .pb-twocol { grid-template-columns:1fr; gap:20px; margin-bottom:40px; }
	.rem-briefing-page .pb-pillars { grid-template-columns:1fr; gap:18px; }
	.rem-briefing-page .pb-imgrow { grid-template-columns:1fr 1fr; }
	.rem-briefing-page .pb-imgrow__i:last-child { display:none; }
	.rem-briefing-page .pb-flow--5, .rem-briefing-page .pb-flow--4 { grid-template-columns:1fr; }
	.rem-briefing-page .pb-flow__step { border-right:1px solid rgba(255,255,255,.12); border-bottom:0; }
	.rem-briefing-page .pb-sec--lite .pb-flow__step { border-right:1px solid var(--border,#E2E5E9); }
	.rem-briefing-page .pb-flow__step::after { top:auto; bottom:-13px; right:50%; transform:translateX(50%) rotate(135deg); }
	.rem-briefing-page .pb-flow__step:last-child::after { display:none; }
	.rem-briefing-page .pb-split { grid-template-columns:1fr; gap:32px; }
	.rem-briefing-page .pb-split__img { aspect-ratio:16/10; }
	.rem-briefing-page .pb-signals { grid-template-columns:1fr; }
	.rem-briefing-page .pb-tiles { grid-template-columns:1fr 1fr; }
	.rem-briefing-page .pb-modules { grid-template-columns:repeat(2,1fr); }
	.rem-briefing-page .pb-statements { grid-template-columns:1fr; }
	.rem-briefing-page .pb-checklist { grid-template-columns:1fr; }
	.rem-briefing-page .pb-stages { grid-template-columns:1fr; }
	.rem-briefing-page .pb-stage__arrow { transform:rotate(90deg); }
}

@media (max-width:640px) {
	.rem-briefing-page .pb-hero { min-height:580px; }
	.rem-briefing-page .pb-hero__ov { padding:100px 22px 70px; }
	.rem-briefing-page .pb-sec, .rem-briefing-page .pb-sec--cinema, .rem-briefing-page .pb-sec--final { padding:64px 22px; }
	.rem-briefing-page .pb-imgrow { grid-template-columns:1fr; }
	.rem-briefing-page .pb-imgrow__i { display:block !important; }
	.rem-briefing-page .pb-imgrow--tall .pb-imgrow__i  { height:300px; }
	.rem-briefing-page .pb-imgrow--short .pb-imgrow__i { height:220px; }
	.rem-briefing-page .pb-tiles { grid-template-columns:1fr; }
	.rem-briefing-page .pb-modules { grid-template-columns:1fr; }
	.rem-briefing-page .pb-watermark, .rem-briefing-page .pb-hero__num { font-size:240px; right:-20px; }
	.rem-briefing-page .pb-cta { padding:18px 36px; font-size:14px; letter-spacing:.14em; }
}

@media (max-width:375px) {
	.rem-briefing-page .pb-hero__h1 { font-size:32px; }
	.rem-briefing-page .pb-h2 { font-size:28px; }
	.rem-briefing-page .pb-h2--xl { font-size:32px; }
	.rem-briefing-page .pb-body { font-size:16px; }
	.rem-briefing-page .pb-pullquote { padding-left:20px; }
	.rem-briefing-page .pb-checklist__num { width:36px; height:36px; flex-basis:36px; font-size:11px; }
}

@media (prefers-reduced-motion: reduce) {
	.rem-briefing-page * { transition:none !important; }
	.rem-briefing-page .pb-imgrow__i:hover img { transform:none; }
}