/* Karo Atlas product shell and design tokens. Existing interior templates remain
   available while their layouts are upgraded page by page. */
:root{
  --ka-ink:#091923;
  --ka-night:#0d2730;
  --ka-forest:#173c3b;
  --ka-paper:#f7f4ed;
  --ka-sand:#e9e1d2;
  --ka-gold:#d9ac6d;
  --ka-gold-deep:#986a35;
  --ka-body:#263b42;
  --ka-muted:#607075;
  --ka-line:#d8d4ca;
  --ka-radius:14px;
  --ka-radius-sm:8px;
  --ka-shadow:0 20px 52px #0919231c;
  --ka-fast:160ms;
  --ka-ease:cubic-bezier(.2,.75,.2,1);
}
.site-header{z-index:50;background:#091923;border-bottom:1px solid #d9ac6d36}
.site-header .header-inner{min-height:76px;gap:25px;flex-wrap:nowrap;padding-block:10px}
.site-header .brand{display:flex;align-items:center;min-width:0}
.brand-lockup{display:block;width:146px;height:auto;max-height:51px;object-fit:contain}
.site-header .main-nav{display:flex;align-items:center;justify-content:flex-start;gap:clamp(15px,1.5vw,27px);flex:1;min-width:0;overflow:visible;order:initial}
.site-header .main-nav a{font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.005em;padding:13px 0;color:#d5dfd9}
.site-header .main-nav a:hover,.site-header .main-nav a[aria-current=page]{color:#fff}
.site-header .main-nav a[aria-current=page]:after{bottom:5px;height:2px;background:var(--ka-gold)}
.header-tools{display:flex;align-items:center;gap:11px;flex:none;margin-left:auto}
.header-search{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 5px;color:#e8ece5;font-size:12px;font-weight:700;white-space:nowrap}
.header-search:before{content:"";width:19px;height:19px;display:block;background:currentColor;-webkit-mask:url('icons/search.svg') center/contain no-repeat;mask:url('icons/search.svg') center/contain no-repeat}
.header-search:hover,.header-search[aria-current=page]{color:var(--ka-gold)}
.site-header .header-link{margin:0;min-height:42px;padding:10px 15px;white-space:nowrap;border-radius:5px;background:var(--ka-gold);border-color:var(--ka-gold);font-size:11px;font-weight:850;box-shadow:0 7px 22px #0003}
.site-header .header-link:hover{background:#f0c88c;transform:translateY(-2px)}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid #d9ac6d73;border-radius:5px;color:#f5eee3;font-size:12px;font-weight:800}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu[open] summary{background:#d9ac6d;color:#091923}
.mobile-menu nav{position:absolute;z-index:60;top:calc(100% + 12px);right:0;width:min(320px,calc(100vw - 30px));padding:8px;border:1px solid #d9ac6d8a;border-radius:10px;background:#102a32;box-shadow:0 18px 46px #0008;display:grid;grid-template-columns:1fr}
.mobile-menu nav a{display:block;padding:13px 15px;border-bottom:1px solid #ffffff1c;color:#f5f2e8;font-size:13px;font-weight:700}
.mobile-menu nav a:last-child{border-bottom:0}
.mobile-menu nav a:hover,.mobile-menu nav a:focus-visible{background:#1c444a;color:#f4ca8d}
.topline{font-size:10px;letter-spacing:.09em}
.topline-inner{padding-block:6px}
.site-header a:focus-visible,.mobile-menu summary:focus-visible{outline:2px solid #f4ca8d;outline-offset:3px}
@media(max-width:1120px){
  .site-header .header-inner{gap:18px}
  .site-header .main-nav{gap:14px}
  .site-header .main-nav a{font-size:11px}
  .brand-lockup{width:132px}
  .header-search{font-size:0;gap:0;justify-content:center;width:44px;padding:8px}
  .header-search:before{width:20px;height:20px}
}
@media(max-width:950px){
  .site-header .main-nav{display:none}
  .mobile-menu{display:block}
  .site-header .header-inner{justify-content:space-between;min-height:67px}
}
@media(max-width:620px){
  .site-header .header-link{display:none}
  .brand-lockup{width:135px}
  .header-tools{gap:8px}
  .mobile-menu summary{min-width:56px}
  .topline-inner{justify-content:center;text-align:center}
  .topline-inner span:first-child{font-size:9px}
}
@media(max-width:380px){
  .site-header .header-inner{gap:7px}
  .brand-lockup{width:128px}
  .header-tools{gap:5px}
}
@media(prefers-reduced-motion:reduce){.site-header .header-link{transition:none}}