/* Nik polish (2026-10-08). Loaded last on every page. Scoped to the dark pages. */
:root{--kr-gold:#C9A962;--kr-gold-hi:#E6CF8F;--kr-text:#F1EDE6;--kr-text-2:#DAD5CD}

/* 1. Header wordmark */
.kr-lockup--nav .logo-img--wordmark{height:40px;width:auto;max-width:none;display:block}
.kr-lockup--nav .kr-atelier{font-size:11px;margin-top:6px;letter-spacing:.62em;padding-left:.62em}
.site-header .nav{min-height:92px}
@media (max-width:1100px){.kr-lockup--nav .logo-img--wordmark{height:34px}}
@media (max-width:720px){.kr-lockup--nav .logo-img--wordmark{height:28px}.kr-lockup--nav .kr-atelier{font-size:9px;margin-top:4px}
  .site-header .nav{min-height:76px;padding-left:18px;padding-right:14px}}
.mk-header .kr-lockup--nav .logo-img--wordmark{height:26px}
.mk-header .kr-lockup--nav .kr-atelier{font-size:8px;margin-top:3px}
@media (max-width:760px){.mk-header .kr-lockup--nav .logo-img--wordmark{height:20px}}

/* 2. Menu: brand gold text, no box behind the nav or the CTA */
:is(.page-home,.page-lux,.mk) .nav-links a,
:is(.page-home,.page-lux,.mk) .nav-links a.btn-nav,
:is(.page-home,.page-lux,.mk) .mk-header .nav-links a{color:var(--kr-gold)!important;opacity:1}
:is(.page-home,.page-lux,.mk) .nav-links a.btn-nav,
:is(.page-home,.page-lux,.mk) .mk-header .btn-nav{background:none!important;border:0!important;border-radius:0!important;
  padding:0!important;box-shadow:none!important;font-weight:600}
:is(.page-home,.page-lux,.mk) .nav-links a:hover,
:is(.page-home,.page-lux,.mk) .nav-links a[aria-current="page"],
:is(.page-home,.page-lux,.mk) .nav-links a.btn-nav:hover{color:var(--kr-gold-hi)!important;background:none!important}
:is(.page-home,.page-lux,.mk) .nav-links a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
:is(.page-home,.page-lux,.mk) .nav-links a{font-size:16px;letter-spacing:.02em}
:is(.page-home,.page-lux) .nav-toggle span{background:var(--kr-gold)}
:is(.page-home,.page-lux) .nav-toggle{border-color:rgba(201,169,98,.35)}
@media (max-width:720px){
  :is(.page-home,.page-lux) .nav-links{top:76px;background:#0A0A0C;border-bottom:1px solid rgba(201,169,98,.22);box-shadow:0 12px 28px rgba(0,0,0,.6)}
  :is(.page-home,.page-lux) .nav-links li{border-bottom-color:rgba(201,169,98,.14)}
  :is(.page-home,.page-lux) .nav-links a{padding:14px 0!important;font-size:17px}
  :is(.page-home,.page-lux) .nav-links a.btn-nav{padding:14px 0!important;margin-top:0;text-align:left}
}

/* 3. Home hero hummingbird: bigger, zoomed in on the bird */
.page-home .hero--dark-luxury{overflow:hidden}
@media (min-width:861px){.page-home .hero__split{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}
.page-home .hero__visual{position:relative;overflow:visible}
.page-home .hero-flash{width:150%;max-width:none;aspect-ratio:auto;margin:0 -30% 0 -14%}
.page-home .hero-flash__img{width:100%;height:auto}
@media (max-width:860px){
  .page-home .hero__visual{overflow:hidden;margin:0 -24px}
  .page-home .hero-flash{width:128%;margin:-4% -14% -4% -14%}
}

/* 4. Body text: bigger and whiter on dark pages */
body.page-home,body.page-lux{font-size:18px}
.page-lux{--lux-muted:#D2CDC5}
.page-home--dark-luxury p{color:var(--kr-text-2)}
.page-home .hero-blurb{font-size:1.2rem;line-height:1.6;color:var(--kr-text);max-width:34ch}
.page-home .hero-tagline-secondary{color:#EADBB0}
.lux-lead{font-size:1.2rem;color:var(--kr-text)}
.lux-create-card p{font-size:1.06rem;color:var(--kr-text-2)}
.lux-pillar p{font-size:1.02rem;color:var(--kr-text-2)}
.lux-pillar h3{font-size:.8rem}
.lux-who__body{font-size:1.14rem;color:var(--kr-text)}
.swag-panel__body p{font-size:1.08rem}
.page-lux p,.page-lux .lead,.page-lux .so-lead{color:var(--kr-text-2)}
.page-lux .so-lead,.page-lux .lead{font-size:1.15rem}
.wl-hero__lead{font-size:1.14rem;color:var(--kr-text-2)}
.wl-cap span{font-size:.95rem}
.hm-btn__label,.sr-cta__label{color:#E2C98A}
.lux-create-card h3,.lux-pillar h3,.lux-heading,.lux-heading--story,.overline--lux{color:var(--kr-gold)}
.render-note{color:#E7E2DA!important;background:rgba(0,0,0,.72)!important}
.footer-bottom--lux{color:#B9B3AA}
.footer-bottom--lux a{color:#CFC9C0}

/* 6. Feature grids: symmetric */
.lux-create__grid{grid-auto-rows:1fr;align-items:stretch}
.lux-create-card{display:flex;flex-direction:column}
.lux-pillars__grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:22px}
.lux-pillar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px 22px 28px;
  background:#0A0A0C;border:1px solid rgba(201,169,98,.18)}
.lux-pillar h3{min-height:1.5em}
@media (max-width:640px){.lux-pillars__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lux-pillar{padding:22px 12px}}
.lux-strip__track{grid-template-columns:repeat(5,1fr)}
@media (max-width:860px){.lux-strip__track{grid-template-columns:repeat(5,1fr)}}
@media (max-width:640px){.lux-strip__track{grid-template-columns:repeat(5,1fr)}}

/* 9. Market map: booth labels sit above the dark foreground silhouettes (they covered the R in KR Arcade) */
.mk-label{z-index:5}
.mk-fgt{z-index:1}  /* top foreground silhouettes sat above the world layer and covered the R */

/* 7. Footer: contacts only */
.footer-lux.footer-lux--contacts{display:flex;justify-content:center;margin-bottom:32px}
.footer-contacts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 34px;text-align:center}
.footer-contacts li{margin:0;font-size:1.02rem;color:var(--kr-text)}
.footer-contacts a{color:var(--kr-text);font-size:inherit!important}
.footer-contacts a:hover{color:var(--kr-gold)}
.footer-contacts__name{font-family:var(--font-display);font-size:1.3rem!important;letter-spacing:.06em;color:var(--kr-gold)!important}
.footer-lux--contacts h4{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.footer-bottom--lux{justify-content:center;gap:10px 32px}
@media (max-width:640px){.footer-contacts{flex-direction:column;gap:12px}}
