@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap");


/* =========================================================
   Christina Kalkmann / RE/MAX Trend global shell
   V6 — intentionally isolated from page-level CSS
   ========================================================= */

#ck-global-header,
#ck-global-footer,
#ck-global-header *,
#ck-global-footer * { box-sizing:border-box; }

#ck-global-header {
  position:relative;
  z-index:999;
  width:100%;
  font-family:Manrope,Arial,sans-serif;
}
#ck-global-header a { text-decoration:none; }

/* fixed inner width everywhere so the top never "bounces" */
#ck-global-header .ckg-inner,
#ck-global-footer .ckg-inner {
  width:min(1180px, calc(100% - 36px));
  margin:0 auto;
}

/* top contact row */
#ck-global-header .ckg-top {
  height:36px;
  background:#071b35;
  color:#fff;
}
#ck-global-header .ckg-top .ckg-inner {
  height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
#ck-global-header .ckg-top-left {
  display:flex;
  align-items:center;
  gap:28px;
  white-space:nowrap;
}
#ck-global-header .ckg-top a {
  color:#fff;
  font-size:12px;
  line-height:1;
  font-weight:500;
}
#ck-global-header .ckg-login { opacity:.92; }

/* Christina + RE/MAX identity row */
#ck-global-header .ckg-brand {
  height:96px;
  background:#111;
  border-bottom:1px solid #343434;
}
#ck-global-header .ckg-brand .ckg-inner {
  height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
}
#ck-global-header .ckg-identity {
  min-width:0;
  display:flex;
  align-items:center;
  gap:20px;
}
#ck-global-header .ckg-name-wrap { line-height:1; flex:0 0 auto; }
#ck-global-header .ckg-name {
  color:#fff;
  font-family:"Instrument Serif",Georgia,serif;
  font-style:italic;
  font-size:44px;
  line-height:.95;
  white-space:nowrap;
}
#ck-global-header .ckg-role {
  margin-top:9px;
  color:#bfc8d4;
  font-size:9px;
  line-height:1;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
}
#ck-global-header .ckg-rule {
  width:1px;
  height:54px;
  flex:0 0 auto;
  background:#4d4d4d;
}
#ck-global-header .ckg-trend {
  display:block;
  width:310px;
  max-width:27vw;
  height:auto;
  max-height:60px;
  object-fit:contain;
  flex:0 1 auto;
}
#ck-global-header .ckg-balloon {
  display:block;
  width:49px;
  height:64px;
  object-fit:contain;
  flex:0 0 auto;
}
#ck-global-header .ckg-contact {
  min-width:106px;
  height:42px;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:#5b4000;
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:1;
  letter-spacing:.03em;
  text-transform:uppercase;
}

/* nav row */
#ck-global-header .ckg-nav {
  height:66px;
  background:#111;
  border-bottom:1px solid #343434;
}
#ck-global-header .ckg-nav .ckg-inner {
  position:relative;
  height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#ck-global-header .ckg-links {
  width:100%;
  height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:31px;
}
#ck-global-header .ckg-links > a,
#ck-global-header .ckg-drop > button {
  height:66px;
  display:flex;
  align-items:center;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  font:800 11px/1 Manrope,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.01em;
  white-space:nowrap;
}
#ck-global-header .ckg-links > a:hover,
#ck-global-header .ckg-drop > button:hover { color:#e3b45a; }

#ck-global-header .ckg-drop { position:relative; height:66px; }
#ck-global-header .ckg-menu {
  display:none;
  position:absolute;
  top:65px;
  left:-18px;
  min-width:235px;
  padding:8px;
  background:#0b1724;
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 14px 34px rgba(0,0,0,.35);
}
#ck-global-header .ckg-drop:hover .ckg-menu,
#ck-global-header .ckg-drop.ckg-open .ckg-menu { display:block; }
#ck-global-header .ckg-menu a {
  display:block;
  padding:11px 13px;
  color:#fff;
  font-size:12px;
  line-height:1.3;
  font-weight:600;
  text-transform:none;
  white-space:nowrap;
}
#ck-global-header .ckg-menu a:hover { background:rgba(255,255,255,.07); }

#ck-global-header .ckg-hamburger {
  display:none;
  width:46px;
  height:42px;
  border:1px solid #3a4653;
  background:transparent;
  color:#fff;
  font-size:23px;
  line-height:1;
  cursor:pointer;
}

/* ================= FOOTER ================= */
#ck-global-footer {
  width:100%;
  padding:48px 0 20px;
  background:#061a34;
  color:#fff;
  font-family:Manrope,Arial,sans-serif;
}
#ck-global-footer a { color:rgba(255,255,255,.92); text-decoration:none; }
#ck-global-footer .ckgf-grid {
  display:grid;
  grid-template-columns:.9fr 1fr .9fr;
  gap:38px;
  align-items:start;
}
#ck-global-footer .ckgf-title {
  margin:0 0 18px;
  color:#e3b45a;
  font-family:"Instrument Serif",Georgia,serif;
  font-style:italic;
  font-size:30px;
  font-weight:400;
  line-height:1;
}
#ck-global-footer .ckgf-contact {
  display:grid;
  gap:9px;
}
#ck-global-footer .ckgf-contact a,
#ck-global-footer .ckgf-contact span,
#ck-global-footer .ckgf-areas li {
  color:rgba(255,255,255,.90);
  font-size:13px;
  line-height:1.65;
  font-weight:500;
}
#ck-global-footer .ckgf-center {
  min-height:120px;
  padding:0 34px;
  border-left:1px solid rgba(255,255,255,.22);
  border-right:1px solid rgba(255,255,255,.22);
}
#ck-global-footer .ckgf-brand {
  display:flex;
  align-items:center;
  gap:22px;
}
#ck-global-footer .ckgf-photo {
  width:92px;
  height:92px;
  flex:0 0 92px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.8);
  object-fit:cover;
}
#ck-global-footer .ckgf-name {
  color:#fff;
  font-family:"Instrument Serif",Georgia,serif;
  font-style:italic;
  font-size:34px;
  line-height:1;
}
#ck-global-footer .ckgf-role {
  margin:8px 0 12px;
  color:rgba(255,255,255,.78);
  font-size:10px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#ck-global-footer .ckgf-logo {
  display:block;
  width:225px;
  max-width:100%;
  height:auto;
}
#ck-global-footer .ckgf-areas ul {
  list-style:none;
  margin:0;
  padding:0;
}
#ck-global-footer .ckgf-bottom {
  margin-top:32px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.16);
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  flex-wrap:wrap;
}
#ck-global-footer .ckgf-bottom small,
#ck-global-footer .ckgf-bottom a {
  color:rgba(255,255,255,.65);
  font-size:10px;
  line-height:1.5;
  font-weight:500;
}

@media (max-width:1150px) {
  #ck-global-header .ckg-name { font-size:38px; }
  #ck-global-header .ckg-trend { width:250px; max-width:28vw; }
  #ck-global-header .ckg-balloon { display:none; }

  #ck-global-header .ckg-nav { height:58px; }
  #ck-global-header .ckg-nav .ckg-inner { height:58px; justify-content:flex-end; }
  #ck-global-header .ckg-hamburger { display:block; }

  #ck-global-header .ckg-links {
    display:none;
    position:absolute;
    top:58px;
    left:0;
    right:0;
    width:100%;
    height:auto;
    padding:12px 24px 22px;
    background:#111;
    border-top:1px solid #343434;
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  #ck-global-header .ckg-links.ckg-open { display:flex; }
  #ck-global-header .ckg-links > a,
  #ck-global-header .ckg-drop,
  #ck-global-header .ckg-drop > button { height:auto; width:100%; }
  #ck-global-header .ckg-links > a,
  #ck-global-header .ckg-drop > button {
    min-height:44px;
    justify-content:flex-start;
    padding:13px 0;
  }
  #ck-global-header .ckg-menu {
    position:static;
    display:none;
    margin-left:12px;
    border:0;
    border-left:1px solid #3a4653;
    box-shadow:none;
    background:transparent;
  }
  #ck-global-header .ckg-drop:hover .ckg-menu { display:none; }
  #ck-global-header .ckg-drop.ckg-open .ckg-menu { display:block; }
}

@media (max-width:820px) {
  #ck-global-footer .ckgf-grid { grid-template-columns:1fr; }
  #ck-global-footer .ckgf-center {
    padding:28px 0;
    border-left:0;
    border-right:0;
    border-top:1px solid rgba(255,255,255,.18);
    border-bottom:1px solid rgba(255,255,255,.18);
  }
}

@media (max-width:720px) {
  #ck-global-header .ckg-inner,
  #ck-global-footer .ckg-inner { width:min(100% - 24px, 1180px); }

  #ck-global-header .ckg-top { height:34px; }
  #ck-global-header .ckg-top .ckg-inner { height:34px; justify-content:center; }
  #ck-global-header .ckg-top-left { gap:13px; }
  #ck-global-header .ckg-top a { font-size:10px; }
  #ck-global-header .ckg-login { display:none; }

  #ck-global-header .ckg-brand { height:auto; }
  #ck-global-header .ckg-brand .ckg-inner {
    height:auto;
    min-height:106px;
    padding:13px 0;
    justify-content:center;
  }
  #ck-global-header .ckg-identity {
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
  }
  #ck-global-header .ckg-name-wrap { width:100%; text-align:center; }
  #ck-global-header .ckg-name { font-size:36px; }
  #ck-global-header .ckg-role { font-size:8px; }
  #ck-global-header .ckg-rule,
  #ck-global-header .ckg-balloon,
  #ck-global-header .ckg-contact { display:none; }
  #ck-global-header .ckg-trend { width:220px; max-width:75vw; }

  #ck-global-footer .ckgf-brand { align-items:flex-start; }
  #ck-global-footer .ckgf-photo { width:76px; height:76px; flex-basis:76px; }
  #ck-global-footer .ckgf-name { font-size:29px; }
  #ck-global-footer .ckgf-logo { width:190px; }
}


/* V7 font consistency lock */
#ck-global-header .ckg-name,
#ck-global-footer .ckgf-name {
  font-family:"Instrument Serif", Georgia, serif !important;
  font-weight:400 !important;
  font-style:italic !important;
}
#ck-global-header .ckg-role,
#ck-global-header .ckg-links > a,
#ck-global-header .ckg-drop > button,
#ck-global-footer,
#ck-global-footer a,
#ck-global-footer span,
#ck-global-footer li {
  font-family:Manrope, Arial, sans-serif !important;
}