:root{
  --cg-black:#0E0D0B;--cg-black-soft:#1A1815;--cg-ink:#221F1A;--cg-ivory:#FBF9F5;
  --cg-ivory2:#F5F1E9;--cg-line:#E4DCCC;--cg-gold:#C2A25C;--cg-gold-lt:#D9BE85;
  --cg-muted:#6E665B;--cg-white:#fff;--cg-shadow:0 18px 55px rgba(34,31,26,.13)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cg-ivory);color:var(--cg-ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.cg-shell{min-height:100vh}
.cg-top{position:sticky;top:0;z-index:50;height:76px;background:rgba(14,13,11,.97);border-bottom:1px solid rgba(194,162,92,.18);backdrop-filter:blur(14px)}
.cg-top__in{max-width:1320px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;gap:22px}
.cg-brand{font-family:"Cormorant Garamond",Georgia,serif;color:var(--cg-ivory);font-size:23px;letter-spacing:.1em;white-space:nowrap}
.cg-top__right{margin-left:auto;display:flex;align-items:center;gap:14px}
.cg-back,.cg-lang{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#c9c1b3}
.cg-back{padding:9px 12px;border:1px solid rgba(194,162,92,.35);transition:.25s}
.cg-back:hover{color:#fff;border-color:var(--cg-gold);background:rgba(194,162,92,.08)}
.cg-lang a{opacity:.5}.cg-lang a.active{opacity:1;color:#fff}.cg-lang span{opacity:.3}
.cg-hero{position:relative;overflow:hidden;background:var(--cg-black);color:var(--cg-ivory);min-height:440px;display:flex;align-items:flex-end}
.cg-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,13,11,.94) 0%,rgba(14,13,11,.68) 46%,rgba(14,13,11,.2) 100%),url("https://images.unsplash.com/photo-1523731407965-2430cd12f5e4?auto=format&fit=crop&w=2200&q=88") center/cover;opacity:.94}
.cg-hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,rgba(14,13,11,.55))}
.cg-hero__in{position:relative;z-index:1;width:100%;max-width:1320px;margin:auto;padding:92px 28px 72px}
.cg-eyebrow{font-size:10px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--cg-gold-lt)}
.cg-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(58px,8vw,108px);line-height:.84;font-weight:400;letter-spacing:-.035em;max-width:900px;margin:18px 0 24px;color:#fff}
.cg-hero p{font-size:14px;line-height:1.8;max-width:640px;color:#d7d0c5;margin:0}
.cg-hero__meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.cg-chip{font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:9px 12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);backdrop-filter:blur(7px)}
.cg-main{max-width:1320px;margin:auto;padding:48px 28px 100px}
.cg-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:68px}.cg-nav a{font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:11px 14px;border:1px solid var(--cg-line);background:#fff;transition:.25s}.cg-nav a:hover{background:var(--cg-black);color:#fff;border-color:var(--cg-black);transform:translateY(-2px)}
.cg-section{padding:0 0 82px;margin:0 0 76px;border-bottom:1px solid var(--cg-line);position:relative;scroll-margin-top:96px}.cg-section:last-child{margin-bottom:0}
.cg-section:before{content:"";position:absolute;top:-1px;left:0;width:58px;height:2px;background:linear-gradient(90deg,var(--cg-gold),var(--cg-gold-lt))}
.cg-section__head{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:48px;padding-top:15px;margin-bottom:30px}
.cg-section h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(45px,5vw,70px);line-height:.92;letter-spacing:-.025em;margin:10px 0 14px}
.cg-section__intro{font-size:13px;line-height:1.8;color:var(--cg-muted);max-width:700px;margin:0}
.cg-stay{border:1px solid var(--cg-line);border-left:2px solid var(--cg-gold);background:#fff;padding:17px 18px;box-shadow:0 8px 25px rgba(34,31,26,.04)}
.cg-stay__label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#8b8275;margin-bottom:12px}.cg-hotel{font-size:10px;line-height:1.55;color:var(--cg-muted);padding:9px 0;border-top:1px solid var(--cg-line)}.cg-hotel:first-of-type{border-top:0;padding-top:0}.cg-hotel strong{display:block;color:var(--cg-ink);font-size:11px;margin-bottom:2px}
.cg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cg-card{position:relative;min-height:230px;overflow:hidden;display:flex;align-items:flex-end;background:#332c23;border-radius:2px;isolation:isolate;box-shadow:0 1px 0 rgba(0,0,0,.06);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.cg-card:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--cg-bg);background-size:cover;background-position:center;transition:transform .8s var(--ease),filter .6s ease}
.cg-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02) 15%,rgba(0,0,0,.1) 38%,rgba(0,0,0,.9) 100%)}
.cg-card:hover{transform:translateY(-5px);box-shadow:var(--cg-shadow)}.cg-card:hover:before{transform:scale(1.06);filter:saturate(1.08)}
.cg-card__num{position:absolute;top:11px;left:11px;color:#fff;font-size:8px;letter-spacing:.16em;padding:5px 7px;border:1px solid rgba(255,255,255,.35);background:rgba(15,14,12,.35);backdrop-filter:blur(6px)}
.cg-card__arrow{position:absolute;top:10px;right:10px;width:29px;height:29px;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(15,14,12,.25);backdrop-filter:blur(5px);transition:.3s}.cg-card:hover .cg-card__arrow{background:#fff;color:var(--cg-ink);transform:rotate(8deg)}
.cg-card__copy{padding:60px 15px 15px;color:#fff}.cg-card h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;line-height:.95;font-weight:500;margin:0 0 7px;color:#fff}.cg-card p{font-size:9.5px;line-height:1.5;color:rgba(255,255,255,.83);margin:0;max-width:94%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cg-note{font-size:9px;line-height:1.6;color:#8b8275;margin-top:18px;padding-top:13px;border-top:1px dashed var(--cg-line)}
.cg-footer{max-width:1320px;margin:auto;padding:0 28px 50px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8b8275}.cg-footer a:hover{color:var(--cg-ink)}
/* Night page */
.cg-night{background:#0E0D0B;color:#eee9df;min-height:100vh}.cg-night .cg-top{background:rgba(14,13,11,.94)}.cg-night .cg-main{padding-top:56px}.cg-night .cg-nav a{background:#181613;border-color:#3a342c;color:#d8d0c4}.cg-night .cg-nav a:hover{background:#fff;color:#16130f}.cg-night .cg-section{border-color:#373128}.cg-night .cg-section:before{background:linear-gradient(90deg,#c2a25c,#d9be85)}.cg-night .cg-section__intro,.cg-night .cg-note{color:#a8a096}.cg-night .cg-stay{background:#171512;border-color:#3a342c;border-left-color:#c2a25c}.cg-night .cg-stay__label{color:#b9aa91}.cg-night .cg-hotel{border-color:#39332c;color:#aaa196}.cg-night .cg-hotel strong{color:#f2ede4}.cg-night .cg-card{background:#211d18}.cg-night .cg-card:after{background:linear-gradient(180deg,rgba(0,0,0,.03) 10%,rgba(0,0,0,.28) 42%,rgba(0,0,0,.92) 100%)}.cg-night .cg-footer{color:#777067}.cg-night .cg-hero:before{background:linear-gradient(90deg,rgba(14,13,11,.96) 0%,rgba(14,13,11,.68) 48%,rgba(14,13,11,.18) 100%),url("https://images.unsplash.com/photo-1519046904884-53103b34b206?auto=format&fit=crop&w=2200&q=88") center/cover}
@media(max-width:980px){.cg-grid{grid-template-columns:repeat(2,1fr)}.cg-section__head{grid-template-columns:1fr 230px;gap:30px}}
@media(max-width:640px){.cg-top{height:68px}.cg-top__in{padding:0 16px}.cg-brand{font-size:18px}.cg-back{padding:8px 9px}.cg-lang{font-size:9px}.cg-hero{min-height:470px}.cg-hero__in{padding:72px 18px 58px}.cg-hero h1{font-size:58px}.cg-main{padding:34px 16px 75px}.cg-nav{margin-bottom:52px}.cg-section{margin-bottom:58px;padding-bottom:60px}.cg-section__head{grid-template-columns:1fr;gap:18px}.cg-section h2{font-size:48px}.cg-grid{grid-template-columns:1fr 1fr;gap:6px}.cg-card{min-height:205px}.cg-card__copy{padding:54px 11px 12px}.cg-card h3{font-size:20px}.cg-card p{font-size:9px}.cg-footer{padding:0 16px 35px;flex-direction:column}}
@media(max-width:430px){.cg-grid{grid-template-columns:1fr}.cg-card{min-height:220px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* ==========================================================================
   KAS AFTER DARK — V22.15 visual alignment
   ========================================================================== */
body.cg-night{
  background:#0b0a09;
  color:#eee9df;
}
.cg-night .cg-top{
  height:78px;
  border-bottom:1px solid rgba(194,162,92,.24);
}
.cg-night .cg-brand{
  font-size:22px;
  letter-spacing:.13em;
}
.cg-night .cg-hero{
  min-height:590px;
  border-bottom:1px solid rgba(194,162,92,.16);
  isolation:isolate;
}
.cg-night .cg-hero:before{
  background:
    linear-gradient(90deg,rgba(8,7,6,.96) 0%,rgba(8,7,6,.78) 42%,rgba(8,7,6,.28) 100%),
    linear-gradient(180deg,rgba(8,7,6,.08) 35%,rgba(8,7,6,.9) 100%),
    url("https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?auto=format&fit=crop&w=2200&q=88") center/cover;
  opacity:1;
  transform:scale(1.015);
}
.cg-night .cg-hero__in{
  padding-top:120px;
  padding-bottom:88px;
}
.cg-night .cg-hero h1{
  max-width:760px;
  font-size:clamp(62px,9vw,118px);
  line-height:.82;
  text-shadow:0 8px 35px rgba(0,0,0,.25);
}
.cg-night .cg-hero p{
  max-width:610px;
  color:#d4cdc2;
}
.cg-night .cg-hero__meta{
  margin-top:34px;
}
.cg-night .cg-chip{
  border-color:rgba(194,162,92,.42);
  background:rgba(12,11,9,.42);
}
.cg-night .cg-main{
  padding-top:52px;
}
.cg-night .cg-nav{
  margin-bottom:76px;
}
.cg-night .cg-nav a{
  border-color:#3b352d;
  background:#151310;
  color:#d8d0c4;
}
.cg-night .cg-nav a:first-child{
  border-color:rgba(194,162,92,.52);
  color:#e5d0a7;
}
.cg-night .cg-section{
  padding-bottom:92px;
  margin-bottom:84px;
}
.cg-night .cg-section__head{
  grid-template-columns:minmax(0,1fr) 300px;
  gap:64px;
  margin-bottom:36px;
}
.cg-night .cg-section h2{
  font-size:clamp(48px,5.6vw,76px);
  max-width:820px;
}
.cg-night .cg-section__intro{
  max-width:690px;
  color:#aaa198;
}
.cg-night .cg-stay{
  border-color:#39332c;
  border-left:2px solid var(--cg-gold);
  background:linear-gradient(145deg,#1a1714,#12110f);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.cg-night .cg-stay__label{
  color:#c4a978;
}
.cg-night .cg-hotel{
  border-color:#39332c;
}
.cg-night .cg-hotel strong{
  color:#f1eadf;
}
.cg-night .cg-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.cg-night .cg-card{
  min-height:300px;
  background:#191612;
  border:1px solid rgba(255,255,255,.04);
  box-shadow:0 10px 35px rgba(0,0,0,.22);
}
.cg-night .cg-card:after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.03) 12%,rgba(0,0,0,.16) 38%,rgba(0,0,0,.94) 100%);
}
.cg-night .cg-card__copy{
  padding:72px 17px 17px;
}
.cg-night .cg-card h3{
  font-size:26px;
}
.cg-night .cg-card p{
  color:rgba(255,255,255,.76);
  -webkit-line-clamp:4;
}
.cg-night .cg-card__num{
  color:#e4d3ae;
  border-color:rgba(194,162,92,.42);
}
.cg-night .cg-card__arrow{
  border-color:rgba(194,162,92,.48);
}
.cg-night .cg-note{
  max-width:900px;
  color:#8e877d;
}
.cg-night .cg-footer{
  padding-bottom:58px;
  color:#837c72;
}
@media(max-width:1100px){
  .cg-night .cg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .cg-night .cg-top{height:68px}
  .cg-night .cg-top__in{padding:0 18px}
  .cg-night .cg-brand{font-size:17px}
  .cg-night .cg-back{display:none}
  .cg-night .cg-hero{min-height:510px}
  .cg-night .cg-hero__in{padding:92px 18px 62px}
  .cg-night .cg-hero h1{font-size:clamp(54px,17vw,82px)}
  .cg-night .cg-main{padding:38px 18px 72px}
  .cg-night .cg-section__head{grid-template-columns:1fr;gap:28px}
  .cg-night .cg-grid{grid-template-columns:1fr 1fr;gap:8px}
  .cg-night .cg-card{min-height:250px}
  .cg-night .cg-card h3{font-size:23px}
  .cg-night .cg-footer{padding:0 18px 42px}
}
@media(max-width:480px){
  .cg-night .cg-grid{grid-template-columns:1fr}
  .cg-night .cg-card{min-height:280px}
}


/* KAS City Guide — keep category tags visible while scrolling. */
.cg-nav{position:sticky;top:76px;z-index:45;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;margin:0 -28px 68px;padding:12px 28px;background:rgba(247,244,238,.97);border-bottom:1px solid var(--cg-line);backdrop-filter:blur(14px);scrollbar-width:thin}
.cg-nav a{flex:0 0 auto;white-space:nowrap;text-decoration:none;color:var(--cg-black)}
.cg-section{scroll-margin-top:156px}
@media(max-width:760px){.cg-nav{top:64px;margin:0 -18px 42px;padding:9px 18px;gap:7px}.cg-nav a{padding:10px 12px;font-size:8px}.cg-section{scroll-margin-top:128px}}


/* KAS CITY GUIDE — sticky breadcrumb replacing section buttons */
.cg-main{padding-top:0}
.cg-breadcrumb{position:sticky;top:76px;z-index:40;display:flex;align-items:center;gap:13px;min-height:60px;width:100vw;margin-left:calc(50% - 50vw);margin-bottom:48px;padding:16px max(28px,calc((100vw - 1320px)/2));background:rgba(248,246,240,.97);border-bottom:1px solid var(--cg-line);backdrop-filter:blur(12px);font-family:Inter,Arial,sans-serif;font-size:13px;letter-spacing:0;color:#80786c}
.cg-breadcrumb a{color:#80786c;text-decoration:none;transition:color .2s}
.cg-breadcrumb a:hover{color:var(--cg-black)}
.cg-breadcrumb span[aria-hidden="true"]{color:#b9ad9b;font-size:19px;line-height:1}
.cg-breadcrumb [aria-current="page"]{color:#28251f}
@media(max-width:640px){.cg-breadcrumb{top:64px;min-height:54px;gap:9px;padding:14px 20px;margin-bottom:36px;font-size:12px}.cg-main{padding-left:20px;padding-right:20px}}


/* KAS CITY GUIDE — breadcrumb left, category tags retained on the right */
.cg-breadcrumbbar{position:sticky;top:76px;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100vw;margin-left:calc(50% - 50vw);margin-bottom:48px;padding:0 max(28px,calc((100vw - 1320px)/2));background:rgba(248,246,240,.97);border-bottom:1px solid var(--cg-line);backdrop-filter:blur(12px)}
.cg-breadcrumbbar .cg-breadcrumb{position:static;flex:0 0 auto;width:auto;min-height:60px;margin:0;padding:12px 0;background:transparent;border:0;backdrop-filter:none;white-space:nowrap}
.cg-breadcrumbbar .cg-nav{position:static;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;margin:0;padding:12px 0;background:transparent;border:0;backdrop-filter:none;scrollbar-width:thin}
.cg-breadcrumbbar .cg-nav a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;padding:15px 18px;border:1px solid var(--cg-line);background:transparent;color:var(--cg-black);font-family:Inter,Arial,sans-serif;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.cg-breadcrumbbar .cg-nav a:hover,.cg-breadcrumbbar .cg-nav a:focus-visible{border-color:var(--cg-gold);background:rgba(194,162,92,.08);color:var(--cg-black)}
.cg-section{scroll-margin-top:160px}
@media(max-width:900px){.cg-breadcrumbbar{align-items:stretch;flex-direction:column;gap:0;padding:0 22px}.cg-breadcrumbbar .cg-breadcrumb{min-height:46px;padding:12px 0 6px}.cg-breadcrumbbar .cg-nav{justify-content:flex-start;padding:6px 0 12px;gap:7px}.cg-breadcrumbbar .cg-nav a{padding:11px 12px;font-size:9px;letter-spacing:1px}.cg-section{scroll-margin-top:190px}}
@media(max-width:640px){.cg-breadcrumbbar{top:64px;margin-bottom:36px;padding:0 20px}.cg-breadcrumbbar .cg-breadcrumb{font-size:12px;min-height:42px}.cg-breadcrumbbar .cg-nav{margin:0;padding:6px 0 10px}.cg-breadcrumbbar .cg-nav a{font-size:8px;padding:10px 11px}.cg-section{scroll-margin-top:180px}}


/* V28 — selected City Guide category tag state (VI + EN). */
.cg-breadcrumbbar .cg-nav a.active,
.cg-breadcrumbbar .cg-nav a[aria-current="location"]{
  color:#171510;background:var(--cg-gold,#c2a25c);border-color:var(--cg-gold,#c2a25c);
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);
}
.cg-breadcrumbbar .cg-nav a.active:hover,
.cg-breadcrumbbar .cg-nav a[aria-current="location"]:hover{color:#171510;background:#cfb273;border-color:#cfb273}
