/* ============================================
   THE BODAS GROUP — DESIGN SYSTEM
   Shared stylesheet for all pages
   ============================================ */

:root {
  /* Core palette */
  --black: #08080A;
  --dark: #0F0F12;
  --dark2: #161618;
  --dark3: #1E1E21;
  --red: #C41E3A;
  --redh: #A01830;
  --gold: #C9A84C;
  --goldl: #E8D5A3;
  --white: #F8F6F2;

  /* Alphas */
  --w70: rgba(248, 246, 242, .7);
  --w50: rgba(248, 246, 242, .5);
  --w40: rgba(248, 246, 242, .4);
  --w20: rgba(248, 246, 242, .2);
  --w06: rgba(248, 246, 242, .06);
  --bdr: rgba(255, 255, 255, .08);
  --bdrg: rgba(201, 168, 76, .25);
  --bdrr: rgba(196, 30, 58, .3);

  /* Spacing */
  --sp-edge: 5rem;
  --sp-section: 7rem;

  /* Type */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

* , *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-sans);
  background: var(--black);
  color: var(--white);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; }

/* ============ NAV ============ */
nav.site-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  display: flex; align-items: center; justify-content: space-between;
  padding: 1.2rem var(--sp-edge);
  transition: all .4s;
  border-bottom: 1px solid transparent;
}
nav.site-nav.scrolled {
  background: rgba(8, 8, 10, .96);
  backdrop-filter: blur(22px);
  padding: .8rem var(--sp-edge);
  border-color: var(--bdr);
}
.nav-logo { display: flex; align-items: center; gap: 1.1rem; }
.nav-logo img {
  width: 64px; height: 64px;
  border-radius: 50%; object-fit: cover;
  box-shadow: 0 0 0 2px rgba(196, 30, 58, .35);
  background: var(--dark3);
}
.logo-text { display: flex; flex-direction: column; }
.logo-name {
  font-family: var(--font-serif);
  font-size: 19px; font-weight: 600;
  color: var(--white);
  letter-spacing: .16em; text-transform: uppercase; line-height: 1;
}
.logo-group {
  font-size: 10px; color: var(--gold);
  letter-spacing: .22em; text-transform: uppercase;
  margin-top: 4px; font-weight: 600;
}
.nav-links {
  display: flex; align-items: center; gap: 1.8rem;
  list-style: none;
}
.nav-links a {
  font-size: 11px; color: var(--w70);
  letter-spacing: .14em; text-transform: uppercase;
  transition: color .2s;
  position: relative;
}
.nav-links a:hover { color: var(--gold); }
.nav-links a.active { color: var(--white); }
.nav-links a.active::after {
  content: ''; position: absolute;
  bottom: -6px; left: 0; right: 0;
  height: 1px; background: var(--gold);
}
.nav-cta {
  background: var(--red) !important;
  color: var(--white) !important;
  padding: .55rem 1.3rem;
  border-radius: 2px;
  font-weight: 600 !important;
}
.nav-cta:hover { background: var(--redh) !important; }

.ham-btn {
  display: none; flex-direction: column; justify-content: center;
  gap: 5px; background: transparent; border: none;
  padding: 6px; z-index: 300;
}
.ham-btn span {
  display: block; width: 24px; height: 2px;
  background: var(--white); border-radius: 2px;
  transition: all .32s cubic-bezier(.25, .46, .45, .94);
  transform-origin: center;
}
.ham-btn.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ham-btn.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.ham-btn.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mob-menu {
  position: fixed; inset: 0;
  background: rgba(8, 8, 10, .97);
  backdrop-filter: blur(20px);
  z-index: 200;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  transform: translateX(100%);
  transition: transform .42s cubic-bezier(.25, .46, .45, .94);
}
.mob-menu.open { transform: translateX(0); }
.mob-menu ul {
  list-style: none; display: flex; flex-direction: column;
  align-items: center; gap: 1.6rem;
}
.mob-menu a {
  font-family: var(--font-serif);
  font-size: 2rem; font-weight: 300;
  color: var(--white);
  letter-spacing: .06em;
  transition: color .2s;
}
.mob-menu a:hover { color: var(--gold); }
.mob-menu-cta {
  margin-top: 2rem;
  background: var(--red);
  color: var(--white);
  padding: .9rem 2.6rem;
  border-radius: 2px;
  font-size: 12px; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase;
}

/* ============ PAGE HEADER (interior pages) ============ */
.page-hero {
  padding: calc(var(--sp-section) + 60px) var(--sp-edge) var(--sp-section);
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--bdr);
}
/* Tasteful background parallax on desktop pointers (no text movement, mobile-safe) */
@media (min-width: 1025px) and (hover: hover) {
  .page-hero { background-attachment: fixed; }
}
@media (prefers-reduced-motion: reduce) {
  .page-hero { background-attachment: scroll; }
}
.page-hero::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse 80% 60% at 70% 50%, #1c0508, var(--black));
  z-index: -2;
}
.page-hero::after {
  content: ''; position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(201, 168, 76, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201, 168, 76, .025) 1px, transparent 1px);
  background-size: 64px 64px;
  z-index: -1;
}
.crumb {
  display: flex; align-items: center; gap: .6rem;
  font-size: 10px; letter-spacing: .22em; text-transform: uppercase;
  color: var(--w40);
  margin-bottom: 1.4rem;
}
.crumb a { color: var(--w70); transition: color .2s; }
.crumb a:hover { color: var(--gold); }
.crumb-sep { color: var(--gold); }
.page-eyebrow {
  display: flex; align-items: center; gap: 1rem;
  margin-bottom: 1.4rem;
}
.page-eyebrow-bar { width: 36px; height: 1px; background: var(--gold); }
.page-eyebrow span {
  font-size: 10px; letter-spacing: .32em; text-transform: uppercase;
  color: var(--gold);
}
.page-title {
  font-family: var(--font-serif);
  font-size: clamp(2.6rem, 5.5vw, 4.6rem);
  font-weight: 300; line-height: 1.05;
  max-width: 880px;
}
.page-title em { font-style: italic; color: var(--goldl); }
.page-lede {
  font-size: 16px; color: var(--w70);
  line-height: 1.75; max-width: 620px;
  margin-top: 1.6rem;
}

/* ============ SHARED COMPONENTS ============ */
section { padding: var(--sp-section) var(--sp-edge); }
.eyebrow { display: flex; align-items: center; gap: .8rem; margin-bottom: 1rem; }
.ebar { width: 28px; height: 1px; background: var(--red); }
.elbl { font-size: 10px; letter-spacing: .26em; text-transform: uppercase; color: var(--red); }
.sec-title {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 3.8vw, 3rem);
  font-weight: 400; line-height: 1.1;
}
.sec-title em { font-style: italic; color: var(--goldl); }
.reveal {
  opacity: 0; transform: translateY(22px);
  transition: opacity .75s ease, transform .75s ease;
}
.reveal.in { opacity: 1; transform: none; }

/* Buttons */
.btn-primary {
  background: var(--red); color: var(--white);
  border: none; padding: .85rem 1.8rem;
  font-size: 11px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  border-radius: 2px; display: inline-block;
  transition: background .2s;
}
.btn-primary:hover { background: var(--redh); }
.btn-ghost {
  background: transparent;
  border: 1px solid var(--gold);
  color: var(--gold);
  padding: .85rem 1.8rem;
  font-size: 11px; font-weight: 600;
  letter-spacing: .15em; text-transform: uppercase;
  border-radius: 2px; display: inline-block;
  transition: all .2s;
}
.btn-ghost:hover { background: var(--gold); color: var(--black); }
.btn-outline {
  background: transparent;
  border: 1px solid var(--bdr);
  color: var(--w70);
  padding: .65rem 1.3rem;
  font-size: 10px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  border-radius: 2px; display: inline-block;
  transition: all .2s;
}
.btn-outline:hover { border-color: var(--gold); color: var(--gold); }

/* Tag chip */
.chip {
  display: inline-block;
  padding: .3rem .8rem;
  background: rgba(255, 255, 255, .04);
  border: 1px solid var(--bdr);
  border-radius: 20px;
  font-size: 10px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--w70);
}
.chip-gold { color: var(--gold); border-color: var(--bdrg); }
.chip-red { color: var(--red); border-color: var(--bdrr); }

/* ============ LISTING CARD (shared across home, listings, search) ============ */
.lcard {
  background: var(--dark);
  border: 1px solid var(--bdr);
  border-radius: 3px;
  overflow: hidden;
  transition: transform .35s, border-color .35s, box-shadow .35s;
  display: block;
}
.lcard:hover {
  transform: translateY(-7px);
  border-color: var(--bdrg);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}
.limg {
  height: 240px; position: relative; overflow: hidden;
  background: var(--dark3);
}
.limg-placeholder {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
  background-size: 28px 28px;
}
.li-grad-1 { background: linear-gradient(145deg, #200510, #3d0a1a, #120005); }
.li-grad-2 { background: linear-gradient(145deg, #08101e, #0d1e38, #030812); }
.li-grad-3 { background: linear-gradient(145deg, #081a0a, #0f3010, #030d03); }
.li-grad-4 { background: linear-gradient(145deg, #1a1408, #30260d, #0d0a03); }
.li-grad-5 { background: linear-gradient(145deg, #180820, #2e1040, #0c040f); }
.li-grad-6 { background: linear-gradient(145deg, #0a0818, #18102e, #050408); }

.lbadge {
  position: absolute; top: 1rem; left: 1rem;
  padding: .3rem .8rem;
  border-radius: 2px;
  font-size: 9px; letter-spacing: .16em;
  text-transform: uppercase; font-weight: 700;
  z-index: 2;
}
.b-sale { background: var(--red); color: var(--white); }
.b-sold { background: transparent; color: var(--gold); border: 1px solid var(--gold); }
.b-pow { background: var(--gold); color: #0a0a0a; }
.b-comm { background: rgba(74, 140, 196, .9); color: var(--white); }
.b-new { background: var(--white); color: var(--black); }

.lfav {
  position: absolute; top: 1rem; right: 1rem;
  width: 32px; height: 32px;
  background: rgba(0, 0, 0, .55);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  z-index: 2;
  transition: all .2s;
  cursor: pointer;
}
.lfav:hover { background: rgba(196, 30, 58, .85); border-color: var(--red); }
.lfav svg { width: 14px; height: 14px; fill: var(--white); }
.lfav.on svg { fill: var(--red); }
.lfav.on { background: rgba(196, 30, 58, .15); border-color: var(--red); }

.lprice-wrap {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 2.5rem 1.25rem .9rem;
  background: linear-gradient(to top, rgba(0, 0, 0, .92), transparent);
}
.lprice {
  font-family: var(--font-serif);
  font-size: 1.55rem; font-weight: 600; color: var(--white);
}
.lbody { padding: 1.2rem 1.25rem; }
.laddress {
  font-size: 13px; color: var(--w70);
  margin-bottom: .9rem; line-height: 1.4;
}
.lspecs { display: flex; gap: 1.4rem; flex-wrap: wrap; }
.lspec {
  font-size: 11px; color: var(--w40);
  text-transform: uppercase; letter-spacing: .1em;
}
.lspec strong { color: var(--white); }
.ldiv { height: 1px; background: var(--bdr); margin: .9rem 0; }
.lfoot { display: flex; align-items: center; justify-content: space-between; }
.ltype {
  font-size: 9px; letter-spacing: .18em;
  text-transform: uppercase; color: var(--gold);
}
.lcity {
  font-size: 9px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--w40);
}

/* ============ FORMS ============ */
.bform {
  background: var(--dark);
  border: 1px solid var(--bdr);
  border-radius: 3px;
  padding: 2.5rem;
}
.frow {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: .9rem; margin-bottom: .9rem;
}
.fg {
  display: flex; flex-direction: column;
  gap: .35rem; margin-bottom: .9rem;
}
.flbl {
  font-size: 9px; letter-spacing: .22em;
  text-transform: uppercase; color: var(--gold);
}
.fi {
  background: rgba(255, 255, 255, .03);
  border: 1px solid var(--bdr);
  border-radius: 2px; color: var(--white);
  font-family: var(--font-sans);
  font-size: 13px; padding: .75rem .9rem;
  outline: none; transition: border-color .2s;
  width: 100%;
}
.fi::placeholder { color: var(--w40); }
.fi:focus { border-color: var(--red); }
.fi-ta { resize: vertical; min-height: 90px; }
.fi-sel { appearance: none; cursor: pointer; }
.fsubmit {
  width: 100%; background: var(--red); color: var(--white);
  border: none; padding: 1rem;
  font-family: var(--font-sans);
  font-size: 12px; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase;
  border-radius: 2px; transition: background .2s;
  margin-top: .4rem;
}
.fsubmit:hover { background: var(--redh); }
.fdiscl {
  font-size: 10px; color: rgba(255, 255, 255, .25);
  text-align: center; margin-top: .9rem; line-height: 1.6;
}
.fnotif {
  display: none; padding: .9rem 1rem;
  border-radius: 2px; font-size: 12px;
  text-align: center; margin-top: .8rem;
}
.fnotif.ok {
  background: rgba(0, 180, 80, .1);
  border: 1px solid rgba(0, 180, 80, .25);
  color: #7ef7b0;
}
.fnotif.err {
  background: rgba(196, 30, 58, .1);
  border: 1px solid var(--bdrr);
  color: #ffaaaa;
}

/* ============ FOOTER ============ */
footer.site-footer {
  background: var(--dark);
  border-top: 1px solid var(--bdr);
  padding: 4.5rem var(--sp-edge) 3rem;
}
.ftop {
  display: grid;
  grid-template-columns: 1.8fr 1fr 1fr 1fr 1fr;
  gap: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--bdr);
  margin-bottom: 2.5rem;
}
.fbrand-txt {
  font-size: 13px; color: var(--w70);
  line-height: 1.7; margin-top: 1.25rem; max-width: 270px;
}
.fbrand-brok {
  font-size: 10px; color: var(--gold);
  letter-spacing: .18em; text-transform: uppercase;
  margin-top: .75rem;
}
.fcol-title {
  font-size: 9px; letter-spacing: .24em;
  text-transform: uppercase; color: var(--gold);
  margin-bottom: 1.1rem;
}
.flinks {
  list-style: none;
  display: flex; flex-direction: column; gap: .6rem;
}
.flinks a {
  font-size: 13px; color: var(--w70);
  transition: color .2s;
}
.flinks a:hover { color: var(--white); }
.fbot {
  display: flex; align-items: flex-start;
  justify-content: space-between; gap: 2rem;
}
.flegal {
  font-size: 10px; color: rgba(255, 255, 255, .2);
  line-height: 1.65; max-width: 680px;
}
.fsocials { display: flex; gap: .65rem; }
.fsoc {
  width: 34px; height: 34px;
  border: 1px solid var(--bdr);
  border-radius: 2px;
  display: flex; align-items: center; justify-content: center;
  transition: all .2s;
}
.fsoc:hover { border-color: var(--red); background: rgba(196, 30, 58, .1); }
.fsoc svg { width: 13px; height: 13px; fill: var(--w70); }
.fsoc:hover svg { fill: var(--white); }
.mls-strip {
  background: var(--dark);
  border-top: 1px solid var(--bdr);
  padding: .9rem var(--sp-edge);
  font-size: 10px;
  color: rgba(255, 255, 255, .18);
  text-align: center; line-height: 1.55;
}

/* ============ STICKY MOBILE CTA ============ */
.sticky-cta {
  display: none;
  position: fixed; bottom: 0; left: 0; right: 0;
  z-index: 90;
  background: rgba(8, 8, 10, .96);
  backdrop-filter: blur(20px);
  border-top: 1px solid var(--bdr);
  padding: .75rem 1rem;
  gap: .5rem;
}
.sticky-cta a {
  flex: 1;
  text-align: center;
  padding: .75rem;
  border-radius: 2px;
  font-size: 11px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
}
.sticky-cta .sc-call { background: var(--red); color: var(--white); }
.sticky-cta .sc-wa { background: #25D366; color: var(--white); }
.sticky-cta .sc-email {
  background: transparent;
  border: 1px solid var(--gold);
  color: var(--gold);
}

/* ============ TOASTS ============ */
.vb-toast {
  position: fixed; bottom: 2rem; left: 50%;
  transform: translateX(-50%);
  background: var(--dark);
  border: 1px solid var(--bdrg);
  color: var(--white);
  padding: .7rem 1.4rem;
  border-radius: 3px;
  font-size: 12px; z-index: 9999;
  letter-spacing: .06em;
  pointer-events: none;
  animation: toast-in .3s ease;
}
@keyframes toast-in {
  from { opacity: 0; transform: translate(-50%, 10px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1024px) {
  :root { --sp-edge: 2.5rem; --sp-section: 5rem; }
  nav.site-nav { padding: 1.4rem var(--sp-edge); }
  nav.site-nav.scrolled { padding: .9rem var(--sp-edge); }
  .ftop { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 768px) {
  :root { --sp-edge: 1.5rem; --sp-section: 4rem; }
  nav.site-nav { padding: 1rem var(--sp-edge); }
  nav.site-nav.scrolled { padding: .8rem var(--sp-edge); }
  .nav-links { display: none; }
  .ham-btn { display: flex; }
  .nav-logo img { width: 48px; height: 48px; }
  .logo-name { font-size: 14px; }
  .logo-group { font-size: 9px; }
  .frow { grid-template-columns: 1fr; }
  .ftop { grid-template-columns: 1fr; }
  .sticky-cta { display: flex; }
  body { padding-bottom: 70px; }
  .page-hero { padding: calc(var(--sp-section) + 80px) var(--sp-edge) var(--sp-section); }
}


/* ===== Concierge Live UX Layer ===== */
.live-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(201,168,76,.35);background:rgba(201,168,76,.08);color:var(--goldl);padding:.35rem .7rem;border-radius:999px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.live-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:#58d68d;box-shadow:0 0 0 5px rgba(88,214,141,.12)}
.concierge-shell{background:radial-gradient(circle at 20% 0%,rgba(201,168,76,.11),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(201,168,76,.22);border-radius:18px;padding:1rem;box-shadow:0 26px 90px rgba(0,0,0,.28);position:relative;overflow:hidden}.concierge-shell::after{content:'';position:absolute;inset:auto -20% -50% 30%;height:180px;background:radial-gradient(circle,rgba(196,30,58,.18),transparent 62%);pointer-events:none}.concierge-input{display:grid;grid-template-columns:1.6fr repeat(3,1fr) auto;gap:.6rem;position:relative;z-index:1}.concierge-input input,.concierge-input select{background:rgba(8,8,10,.72);border:1px solid var(--bdr);color:var(--white);border-radius:12px;padding:.9rem 1rem;font-size:13px;outline:none}.concierge-input input:focus,.concierge-input select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.08)}.concierge-input button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--gold),#f0dc9d);color:#08080a;padding:.9rem 1.25rem;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.concierge-hints{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;position:relative;z-index:1}.concierge-chip{border:1px solid var(--bdr);background:rgba(255,255,255,.035);color:var(--w70);padding:.45rem .7rem;border-radius:999px;font-size:11px;cursor:pointer}.concierge-chip:hover{color:var(--gold);border-color:var(--bdrg)}
.life-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.5rem}.life-card{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--bdr);border-radius:18px;padding:1.25rem;position:relative;overflow:hidden}.life-card h3{font-family:var(--font-serif);font-weight:400;font-size:1.55rem;margin-bottom:.35rem}.life-card p{font-size:13px;color:var(--w70);line-height:1.7}.score-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}.score-tile{border:1px solid var(--bdr);border-radius:16px;padding:1rem;background:rgba(8,8,10,.35)}.score-num{font-family:var(--font-serif);font-size:2.2rem;color:var(--white);line-height:1}.score-label{font-size:9px;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-top:.35rem}.amenity-list{display:grid;gap:.65rem}.amenity-item{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--bdr);padding:.65rem 0}.amenity-item:last-child{border-bottom:0}.amenity-name{font-size:13px;color:var(--white)}.amenity-meta{font-size:11px;color:var(--w50);text-align:right}.school-table{width:100%;border-collapse:collapse;margin-top:.7rem}.school-table th,.school-table td{border-bottom:1px solid var(--bdr);padding:.75rem .4rem;text-align:left;font-size:12px}.school-table th{color:var(--gold);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.map-live{height:320px;border-radius:18px;border:1px solid var(--bdr);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(201,168,76,.18),transparent 18%),linear-gradient(135deg,#09111b,#101012);position:relative}.map-live::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px}.map-pin{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(201,168,76,.16);transform:translate(-50%,-50%)}.map-pin.home{left:52%;top:50%;background:var(--red);box-shadow:0 0 0 10px rgba(196,30,58,.18)}.map-pin.p1{left:35%;top:37%}.map-pin.p2{left:66%;top:32%}.map-pin.p3{left:42%;top:65%}.map-pin.p4{left:72%;top:64%}.data-note{font-size:10px;color:var(--w40);line-height:1.55;margin-top:.75rem}.floating-pdp-actions{position:fixed;left:50%;bottom:1.1rem;transform:translateX(-50%);z-index:120;display:flex;gap:.55rem;background:rgba(8,8,10,.82);backdrop-filter:blur(18px);border:1px solid var(--bdrg);border-radius:999px;padding:.45rem;box-shadow:0 20px 60px rgba(0,0,0,.35)}.floating-pdp-actions a,.floating-pdp-actions button{border:0;border-radius:999px;padding:.7rem 1rem;background:rgba(255,255,255,.06);color:var(--white);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.floating-pdp-actions .primary{background:var(--red)}
@media(max-width:900px){.concierge-input{grid-template-columns:1fr}.life-grid{grid-template-columns:1fr}.score-row{grid-template-columns:1fr}.floating-pdp-actions{left:.7rem;right:.7rem;transform:none;overflow-x:auto;justify-content:flex-start}.floating-pdp-actions a,.floating-pdp-actions button{white-space:nowrap}}

/* ============ LIVE MLS PERFORMANCE + POLISH ============ */
.lcard { contain: content; will-change: transform; }
.limg-photo { width:100%; height:100%; object-fit:cover; transform:scale(1.015); transition:transform .7s cubic-bezier(.2,.8,.2,1), filter .4s; filter:saturate(.95) contrast(1.04); }
.lcard:hover .limg-photo { transform:scale(1.075); }
.lcard.is-live { position:relative; }
.lcard.is-live::after { content:''; position:absolute; inset:0; pointer-events:none; border:1px solid rgba(201,168,76,.12); opacity:0; transition:opacity .3s; }
.lcard.is-live:hover::after { opacity:1; }
.l-live-dot { display:inline-flex; align-items:center; gap:.35rem; margin-top:.35rem; font-size:8px; letter-spacing:.16em; text-transform:uppercase; color:#bfffd7; }
.l-live-dot::before { content:''; width:6px; height:6px; border-radius:50%; background:#43e484; box-shadow:0 0 12px #43e484; }
.mls-data-status { display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(201,168,76,.22);background:rgba(201,168,76,.06);padding:.42rem .7rem;color:var(--goldl);font-size:9px;letter-spacing:.16em;text-transform:uppercase;border-radius:2px; }
.mls-data-status::before { content:'';width:7px;height:7px;border-radius:50%;background:#42e384;box-shadow:0 0 14px #42e384; }
.mls-data-status.offline { color:var(--w50);border-color:var(--bdr);background:rgba(255,255,255,.035); }
.mls-data-status.offline::before { background:var(--gold);box-shadow:none; }
.results-skeleton { display:grid;grid-template-columns:repeat(2,1fr);gap:1rem; }
.skel-card { height:365px;background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.07),rgba(255,255,255,.035));background-size:220% 100%;animation:vbShimmer 1.4s infinite;border:1px solid var(--bdr);border-radius:4px; }
@keyframes vbShimmer { 0%{background-position:100% 0} 100%{background-position:-100% 0} }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }


/* ============ TEAM PROFILE SYSTEM V17 ============ */
.team-card-link{display:block;color:inherit;text-decoration:none;height:100%;position:relative}.tm-card{cursor:pointer}.tm-card .tm-front,.tm-card .tm-back{transition:border-color .25s,box-shadow .25s}.tm-card:hover .tm-front,.tm-card:hover .tm-back{border-color:rgba(201,168,76,.45);box-shadow:0 26px 90px rgba(0,0,0,.34)}.tm-open{position:absolute;right:1.2rem;bottom:1.1rem;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);z-index:4}.team-profile-hero{min-height:86vh;position:relative;display:flex;align-items:flex-end;padding:8rem var(--sp-edge) 4.5rem;background:#08080a;overflow:hidden}.team-profile-bg{position:absolute;inset:0;background:center/cover no-repeat;filter:saturate(.85) contrast(1.05);transform:scale(1.025)}.team-profile-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.94),rgba(8,8,10,.62) 45%,rgba(8,8,10,.2)),linear-gradient(to top,rgba(8,8,10,.98),rgba(8,8,10,.15) 60%,rgba(8,8,10,.75))}.team-profile-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:3rem;align-items:end;width:100%}.profile-title{font-family:var(--font-serif);font-size:clamp(3.4rem,9vw,8rem);font-weight:300;line-height:.88;letter-spacing:-.05em}.profile-kicker{color:var(--gold);font-size:10px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:1rem}.profile-lede{max-width:760px;color:var(--w70);line-height:1.85;margin-top:1.2rem;font-size:15px}.profile-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(201,168,76,.24);border-radius:18px;padding:1rem;backdrop-filter:blur(18px);box-shadow:0 30px 100px rgba(0,0,0,.38)}.profile-card img{width:100%;height:330px;object-fit:cover;border-radius:14px}.profile-contact{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem}.profile-contact a{text-align:center;padding:.72rem .8rem;border-radius:999px;border:1px solid var(--bdr);font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--white)}.profile-contact a:first-child{background:var(--red);border-color:var(--red)}.profile-section{padding:var(--sp-section) var(--sp-edge);border-top:1px solid var(--bdr);background:var(--black)}.profile-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:start}.profile-stats{display:grid;gap:.8rem}.profile-stat{border:1px solid var(--bdr);background:rgba(255,255,255,.035);border-radius:16px;padding:1.25rem}.profile-stat strong{display:block;font-family:var(--font-serif);font-size:2.25rem;font-weight:300;color:var(--white)}.profile-stat span{font-size:9px;color:var(--gold);letter-spacing:.18em;text-transform:uppercase}.profile-story h2,.member-listings-head h2{font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,4.2rem);font-weight:300;line-height:1}.profile-story p{color:var(--w70);font-size:15px;line-height:1.9;margin-top:1rem}.specialty-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.specialty-pills span{border:1px solid var(--bdrg);background:rgba(201,168,76,.065);color:var(--goldl);border-radius:999px;padding:.55rem .85rem;font-size:11px}.member-listings-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1.4rem}.member-listings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.member-empty{grid-column:1/-1;border:1px solid var(--bdr);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-radius:18px;padding:2rem;text-align:center}.member-empty h3{font-family:var(--font-serif);font-size:1.65rem;font-weight:400}.member-empty p{max-width:680px;margin:.75rem auto 1.25rem;color:var(--w60);line-height:1.75}@media(max-width:980px){.team-profile-content,.profile-grid{grid-template-columns:1fr}.profile-card{max-width:420px}.member-listings-grid{grid-template-columns:1fr}.tm-card:hover .tm-inner{transform:none!important}}

/* V18 — premium agent profile refinements */
.premium-agent-hero .team-profile-bg{background-position:center right;}
.profile-copy-stack{max-width:900px;}
.profile-mini-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem;}
.profile-mini-meta span{border:1px solid rgba(201,168,76,.26);background:rgba(201,168,76,.07);color:var(--goldl);border-radius:999px;padding:.6rem .85rem;font-size:10px;letter-spacing:.14em;text-transform:uppercase;}
.premium-agent-card img{object-position:center top;background:#111;}
.agent-overview-section{background:radial-gradient(circle at 12% 10%,rgba(201,168,76,.08),transparent 36%),var(--black);}
.agent-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;}
.agent-proof-grid>div{border:1px solid var(--bdr);border-radius:18px;background:rgba(255,255,255,.035);padding:1.2rem;}
.agent-proof-grid strong{display:block;color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.5rem;}
.agent-proof-grid p{font-size:13px!important;line-height:1.75!important;margin:0!important;color:var(--w70)!important;}
.profile-detail-band{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;background:var(--dark);}
.profile-detail-panel{border:1px solid var(--bdr);border-radius:24px;padding:2rem;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));min-height:310px;display:flex;flex-direction:column;justify-content:space-between;}
.profile-detail-panel.panel-alt{background:linear-gradient(145deg,rgba(201,168,76,.075),rgba(255,255,255,.018));border-color:rgba(201,168,76,.22);}
.profile-detail-panel h2{font-family:var(--font-serif);font-weight:300;line-height:1.03;font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.035em;}
.service-pills span{background:rgba(255,255,255,.04);}
.live-member-section{background:linear-gradient(180deg,var(--black),#0d0d10);}
.member-live-copy{color:var(--w60);margin-top:.6rem;line-height:1.7;}
.mls-compliance-note{margin-top:1rem;color:var(--w40);font-size:11px;line-height:1.7;}
.agent-cta-section{background:radial-gradient(circle at 50% 0,rgba(201,168,76,.1),transparent 38%),var(--black);}
.agent-cta-card{max-width:980px;margin:0 auto;border:1px solid rgba(201,168,76,.25);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));padding:clamp(2rem,5vw,4rem);text-align:center;box-shadow:0 34px 120px rgba(0,0,0,.35);}
.agent-cta-card h2{font-family:var(--font-serif);font-size:clamp(2.4rem,6vw,5rem);font-weight:300;letter-spacing:-.05em;line-height:.95;}
.agent-cta-card p{max-width:620px;margin:1rem auto 0;color:var(--w70);line-height:1.8;}
.agent-cta-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1.6rem;}
.agent-cta-actions a{text-decoration:none;}
@media(max-width:980px){.profile-detail-band,.agent-proof-grid{grid-template-columns:1fr}.profile-mini-meta span{font-size:9px}.team-profile-hero{padding-top:7rem;min-height:auto}.profile-title{font-size:clamp(3.2rem,18vw,6rem)}.profile-card img{height:auto;max-height:520px}.agent-cta-actions{flex-direction:column}.agent-cta-actions a{width:100%;}}


/* ============ V38 PRODUCTION REFINEMENTS ============ */
.luxe-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:var(--sp-section) var(--sp-edge);border-top:1px solid var(--bdr);background:var(--black)}
.luxe-split.reverse{grid-template-columns:minmax(340px,.82fr) minmax(0,1fr)}
.luxe-copy .sec-title{margin:.6rem 0 1rem}.luxe-copy p{color:var(--w70);line-height:1.85;font-size:15px}.luxe-media{position:relative;border:1px solid var(--bdrg);border-radius:5px;overflow:hidden;background:linear-gradient(145deg,#16030a,#1e1e21);box-shadow:0 28px 90px rgba(0,0,0,.32)}.luxe-media img{width:100%;height:100%;min-height:520px;object-fit:cover}.luxe-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,10,.35),transparent 45%);pointer-events:none}.process-list{display:grid;gap:.75rem;margin:2rem 0}.process-step{display:grid;grid-template-columns:58px 1fr;gap:1rem;align-items:start;padding:1rem;border:1px solid var(--bdr);background:rgba(255,255,255,.028);border-radius:5px}.process-step .num{font-family:var(--font-serif);font-size:1.7rem;color:var(--gold);line-height:1}.process-step h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;margin-bottom:.25rem}.process-step p{font-size:13px;margin:0;color:var(--w70)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.6rem 0}.stat-pill{border:1px solid var(--bdrg);background:rgba(201,168,76,.055);padding:1rem;border-radius:5px}.stat-pill strong{display:block;font-family:var(--font-serif);font-size:1.6rem;color:var(--white);font-weight:500}.stat-pill span{display:block;margin-top:.25rem;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.quote-card{border-left:2px solid var(--gold);padding:1rem 0 1rem 1.25rem;margin:1.5rem 0;color:var(--goldl);font-family:var(--font-serif);font-style:italic;font-size:1.35rem;line-height:1.45}.cta-row{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.5rem}.strategy-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin:1.5rem 0}.strategy-card{border:1px solid var(--bdr);background:rgba(255,255,255,.03);padding:1.25rem;border-radius:5px}.strategy-card h3{font-family:var(--font-serif);font-size:1.25rem;margin-bottom:.45rem}.strategy-card p{font-size:13px}.marketing-list{columns:2;column-gap:2rem;margin:1.2rem 0;color:var(--w70);line-height:1.9}.marketing-list li{break-inside:avoid;margin-left:1rem}.credential-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.credential-item{border:1px solid var(--bdrg);background:rgba(201,168,76,.055);padding:1.2rem;border-radius:5px}.credential-item strong{font-family:var(--font-serif);font-size:1.35rem;font-weight:500;color:var(--white)}.credential-item span{display:block;color:var(--w60);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:.35rem}.credential-footnote{font-size:11px;color:var(--w40);line-height:1.7;margin-top:.75rem}.fallback-gradient{background:linear-gradient(145deg,#17050c,#2a0b16,#0f0f12)}
.lifestyle-panel{margin-top:1rem}.lifestyle-skeleton{display:grid;gap:.75rem}.skeleton-bar{height:76px;border-radius:5px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.085),rgba(255,255,255,.04));background-size:200% 100%;animation:skeleton 1.4s linear infinite}@keyframes skeleton{to{background-position:-200% 0}}.score-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.score-badge{border:1px solid var(--bdr);border-radius:999px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.03)}.score-badge strong{font-family:var(--font-serif);font-size:2.5rem;line-height:1;color:var(--white)}.score-badge span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:.35rem}.score-badge small{font-size:10px;color:var(--w50);margin-top:.25rem}.score-green{border-color:rgba(74,222,128,.45)}.score-lime{border-color:rgba(163,230,53,.45)}.score-yellow{border-color:rgba(250,204,21,.45)}.score-orange{border-color:rgba(251,146,60,.45)}.score-red{border-color:rgba(248,113,113,.45)}.amenity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.amenity-card{border:1px solid var(--bdr);background:rgba(255,255,255,.03);border-radius:5px;padding:1rem}.amenity-card h3{font-family:var(--font-serif);font-size:1.25rem;margin-bottom:.7rem}.amenity-list{display:grid;gap:.55rem}.amenity-row{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.55rem;font-size:12px;color:var(--w70)}.amenity-row a{color:var(--gold)}.lifestyle-note{font-size:10px;color:var(--w40);line-height:1.7;margin-top:.9rem}.school-list{display:grid;gap:.75rem;margin-top:1rem}.school-card{border:1px solid var(--bdr);background:rgba(255,255,255,.03);border-radius:5px;padding:.9rem;display:flex;justify-content:space-between;gap:1rem}.school-card a{color:var(--gold)}
@media(max-width:900px){.luxe-split,.luxe-split.reverse{grid-template-columns:1fr;padding:4rem 1.25rem}.luxe-split.reverse .luxe-media{order:2}.luxe-media img{min-height:360px}.stat-row,.strategy-list,.credential-strip,.score-badges,.amenity-grid{grid-template-columns:1fr}.marketing-list{columns:1}.process-step{grid-template-columns:44px 1fr}}


/* === V39 premium page repair: Buy/Sell editorial layouts + reliable social cards === */
.premium-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(2.5rem,5vw,5.5rem);align-items:center;padding:calc(var(--sp-section)*.95) var(--sp-edge);border-top:1px solid var(--bdr);background:radial-gradient(circle at 12% 18%,rgba(196,30,58,.14),transparent 34%),var(--black)}
.premium-split.reverse{grid-template-columns:minmax(360px,.9fr) minmax(0,1fr)}
.premium-copy{max-width:780px}.premium-copy p{font-size:15px;color:var(--w70);line-height:1.9;margin:1rem 0}.premium-copy .sec-title{margin-bottom:1.2rem}
.premium-media{position:relative;min-height:560px;border:1px solid var(--bdrg);border-radius:6px;overflow:hidden;background:linear-gradient(145deg,#17050c,#1d1d20);box-shadow:0 40px 110px rgba(0,0,0,.38)}
.premium-media img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.02)}
.premium-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,10,.42),transparent 46%);pointer-events:none}.premium-media-caption{position:absolute;left:1.3rem;bottom:1.3rem;z-index:2;padding:.7rem .9rem;background:rgba(8,8,10,.64);border:1px solid var(--bdr);backdrop-filter:blur(12px);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.premium-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.premium-card{border:1px solid var(--bdr);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:6px;padding:1.35rem;min-height:150px}.premium-card .kicker{font-size:10px;color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin-bottom:.7rem}.premium-card h3{font-family:var(--font-serif);font-size:1.35rem;font-weight:500;margin-bottom:.5rem}.premium-card p{font-size:13px;line-height:1.7;margin:0;color:var(--w70)}
.premium-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:2rem}.premium-step{position:relative;border:1px solid var(--bdr);background:rgba(255,255,255,.028);padding:1.15rem;border-radius:6px}.premium-step strong{display:block;font-family:var(--font-serif);font-size:1.65rem;color:var(--gold);font-weight:400;margin-bottom:.65rem}.premium-step h3{font-family:var(--font-serif);font-size:1.2rem;font-weight:500;margin-bottom:.45rem}.premium-step p{font-size:12.5px;line-height:1.7;color:var(--w60);margin:0}.premium-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.premium-stat{padding:1.25rem;border:1px solid var(--bdrg);background:rgba(201,168,76,.06);border-radius:6px}.premium-stat strong{display:block;font-family:var(--font-serif);font-size:2rem;font-weight:500;color:var(--white)}.premium-stat span{display:block;color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-top:.35rem}.premium-quote{border-left:2px solid var(--gold);padding:1rem 0 1rem 1.3rem;margin:1.7rem 0;color:var(--goldl);font-family:var(--font-serif);font-style:italic;font-size:1.45rem;line-height:1.45}.premium-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.4rem}.premium-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1.5rem 0}.premium-list li{list-style:none;display:flex;gap:.65rem;color:var(--w70);line-height:1.7;font-size:13px}.premium-list li:before{content:"";width:6px;height:6px;margin-top:.55rem;background:var(--gold);border-radius:50%;flex:0 0 6px}.community-fallback-art{background:linear-gradient(135deg,#101217,#1b2634 45%,#241019);position:relative;overflow:hidden}.community-fallback-art:before{content:"";position:absolute;left:8%;right:8%;bottom:18%;height:42%;background:linear-gradient(90deg,rgba(201,168,76,.42),rgba(255,255,255,.16),rgba(196,30,58,.25));clip-path:polygon(0 80%,8% 80%,8% 45%,16% 45%,16% 65%,24% 65%,24% 30%,34% 30%,34% 80%,48% 80%,48% 20%,58% 20%,58% 80%,72% 80%,72% 42%,82% 42%,82% 80%,100% 80%,100% 100%,0 100%)}.community-fallback-art:after{content:"Mississauga";position:absolute;left:1.2rem;bottom:1rem;font-family:var(--font-serif);font-size:1.7rem;color:var(--white)}
.ig-reel-showcase{padding:var(--sp-section) var(--sp-edge);background:radial-gradient(circle at 12% 22%,rgba(196,30,58,.22),transparent 36%),var(--black);border-top:1px solid var(--bdr)}.ig-reel-shell{display:grid;grid-template-columns:minmax(0,.75fr) minmax(420px,1fr);gap:clamp(2rem,5vw,5.5rem);align-items:center}.ig-reel-copy p{color:var(--w70);line-height:1.85;max-width:620px}.ig-card-stage{position:relative;min-height:560px;border:1px solid var(--bdrg);border-radius:18px;background:linear-gradient(145deg,#161618,#070709);box-shadow:0 40px 110px rgba(0,0,0,.48);overflow:hidden;padding:1.2rem}.ig-card-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 25%,rgba(201,168,76,.16),transparent 28%),radial-gradient(circle at 20% 78%,rgba(196,30,58,.18),transparent 36%);pointer-events:none}.ig-reel-card{position:relative;z-index:1;height:100%;min-height:515px;border:1px solid var(--bdr);border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.018));overflow:hidden}.ig-reel-card:after{content:"";position:absolute;inset:auto -20% -25% -20%;height:55%;background:linear-gradient(135deg,rgba(131,58,180,.55),rgba(253,29,29,.42),rgba(252,176,69,.32));filter:blur(38px);opacity:.65}.ig-reel-badge{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.08em}.ig-reel-card h3{position:relative;font-family:var(--font-serif);font-size:clamp(2.1rem,4vw,4rem);font-weight:300;line-height:1.02;margin:2rem 0 .8rem}.ig-reel-card p{position:relative;color:var(--w70);line-height:1.8;max-width:520px}.ig-reel-actions{display:flex;gap:.85rem;flex-wrap:wrap;position:relative;z-index:2}.ig-reel-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.ig-reel-nav button{border:1px solid var(--bdr);background:rgba(255,255,255,.04);color:var(--white);border-radius:999px;padding:.65rem 1rem;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.ig-reel-nav button:hover{border-color:var(--gold);color:var(--gold)}.ig-reel-count{color:var(--w50);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.ig-reel-dots{display:flex;gap:.45rem;margin-top:1rem;flex-wrap:wrap}.ig-reel-dots button{width:34px;height:34px;border:1px solid var(--bdr);border-radius:50%;background:rgba(255,255,255,.04);color:var(--w70);font-size:10px}.ig-reel-dots button.active{background:var(--red);border-color:var(--red);color:#fff}.ig-embed-fallback{display:none}
@media(max-width:1100px){.premium-split,.premium-split.reverse,.ig-reel-shell{grid-template-columns:1fr}.premium-split.reverse .premium-media{order:2}.premium-timeline{grid-template-columns:repeat(2,1fr)}.premium-card-grid{grid-template-columns:1fr}.ig-card-stage{min-height:470px}.ig-reel-card{min-height:425px}}
@media(max-width:700px){.premium-split{padding:4rem 1.25rem}.premium-media,.premium-media img{min-height:340px}.premium-timeline,.premium-stats,.premium-list{grid-template-columns:1fr}.premium-actions .btn-primary,.premium-actions .btn-outline{width:100%;text-align:center}.ig-reel-showcase{padding:4rem 1.25rem}.ig-card-stage{min-height:420px}.ig-reel-card{min-height:380px;padding:1.4rem}.ig-reel-nav{align-items:stretch}.ig-reel-nav button{flex:1}.ig-reel-count{text-align:center;align-self:center}}