/* =========================================================
   KABUL ART GALLERY - Master Design System
   Warm editorial art-gallery aesthetic
   ========================================================= */

/* Fonts loaded via <link rel="preconnect"> in <head> for zero render-blocking delay */

.kg-picture {
  display: block;
  width: 100%;
  height: 100%;
}
.kg-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease;
}
.kg-picture img.is-broken {
  opacity: 0.3;
  filter: grayscale(1);
}

:root {
  --clr-parchment:  #f5f0e8;
  --clr-cream:      #faf7f2;
  --clr-warm-white: #fff9f3;
  --clr-espresso:   #2c1a0e;
  --clr-espresso-md:#4a2c1a;
  --clr-espresso-lt:#7a5c46;
  --clr-gold:       #b8932a;
  --clr-gold-lt:    #d4a94a;
  --clr-border:     rgba(44,26,14,0.12);
  --clr-border-gold:rgba(184,147,42,0.35);
  --font-serif:  'Cormorant Garamond', Georgia, serif;
  --font-sans:   'Jost', system-ui, sans-serif;
  --nav-h:       68px;
  --max-w:       1340px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --shadow-sm:   0 2px 8px rgba(44,26,14,0.10);
  --shadow-md:   0 8px 32px rgba(44,26,14,0.15);
  --shadow-lg:   0 20px 60px rgba(44,26,14,0.18);
  --transition:  0.3s cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-sans);background-color:var(--clr-cream);color:var(--clr-espresso);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;}
img,picture{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;padding:0;margin:0;}

/* NAV */
.kg-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);background:var(--clr-espresso);display:flex;align-items:center;padding:0 2.5rem;border-bottom:1px solid rgba(255,255,255,0.06);box-shadow:0 2px 20px rgba(0,0,0,0.25);}
.kg-nav__brand{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-right:auto;}
.kg-nav__brand img.logo-icon{height:44px;width:44px;object-fit:contain;}
.kg-nav__brand img.logo-text{height:38px;width:auto;object-fit:contain;}
.kg-nav__links{display:flex;align-items:center;}
.kg-nav__links a{font-family:var(--font-sans);font-weight:500;font-size:0.82rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(245,240,232,0.75);padding:0 1.1rem;height:var(--nav-h);display:flex;align-items:center;position:relative;transition:color var(--transition);}
.kg-nav__links a::after{content:'';position:absolute;bottom:0;left:1.1rem;right:1.1rem;height:2px;background:var(--clr-gold);transform:scaleX(0);transform-origin:center;transition:transform var(--transition);}
.kg-nav__links a:hover{color:var(--clr-parchment);}
.kg-nav__links a:hover::after,.kg-nav__links a.kg-active::after{transform:scaleX(1);}
.kg-nav__links a.kg-active{color:var(--clr-parchment);}
.kg-nav__hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto;color:var(--clr-parchment);}
.kg-nav__hamburger span{display:block;width:24px;height:2px;background:currentColor;margin:5px 0;transition:var(--transition);}

@media(max-width:768px){
  .kg-nav{padding:0 1.25rem;}
  .kg-nav__hamburger{display:block;}
  .kg-nav__links{position:fixed;top:var(--nav-h);left:0;right:0;background:var(--clr-espresso);flex-direction:column;align-items:stretch;max-height:0;overflow:hidden;transition:max-height 0.4s ease;border-top:1px solid rgba(255,255,255,0.06);}
  .kg-nav__links.is-open{max-height:400px;}
  .kg-nav__links a{height:52px;padding:0 1.5rem;font-size:0.88rem;border-bottom:1px solid rgba(255,255,255,0.05);justify-content:flex-start;}
  .kg-nav__links a::after{display:none;}
  .kg-nav__links a.kg-active{background:rgba(184,147,42,0.12);color:var(--clr-gold-lt);}
}

/* PAGE SHELL */
.kg-page{padding-top:var(--nav-h);min-height:100vh;}
.kg-container{max-width:var(--max-w);margin:0 auto;padding:0 2rem;}
@media(max-width:600px){.kg-container{padding:0 1rem;}}

/* PAGE HERO */
.kg-page-hero{background:var(--clr-espresso);color:var(--clr-parchment);padding:4.5rem 2rem 3.5rem;text-align:center;position:relative;overflow:hidden;}
.kg-page-hero::before{content:'';position:absolute;inset:0;background:url('/img/header.png') center/cover no-repeat;opacity:0.12;}
.kg-page-hero__eyebrow{display:inline-block;font-size:0.72rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--clr-gold-lt);margin-bottom:0.75rem;position:relative;}
.kg-page-hero__title{font-family:var(--font-serif);font-size:clamp(2.4rem,5vw,4rem);font-weight:300;letter-spacing:0.04em;line-height:1.1;color:var(--clr-parchment);position:relative;}

/* DIVIDER */
.kg-divider{border:none;height:1px;background:linear-gradient(to right,transparent,var(--clr-border-gold),transparent);margin:3rem 0;}

/* HOME HERO */
.kg-home-hero{background:var(--clr-espresso);padding:4.5rem 2rem 3.5rem;position:relative;overflow:hidden;}
.kg-home-hero::before{content:'';position:absolute;inset:0;background:url('/img/header.png') center/cover no-repeat;opacity:0.15;}
.kg-home-hero__inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;gap:2rem;position:relative;}
.kg-home-hero__logos{display:flex;align-items:center;gap:1.5rem;}
.kg-home-hero__logos img.logo-icon{height:90px;width:90px;object-fit:contain;}
.kg-home-hero__logos img.logo-text{height:70px;width:auto;object-fit:contain;}
@media(max-width:600px){.kg-home-hero{padding:3rem 1.25rem 2.5rem;}.kg-home-hero__logos img.logo-icon{height:64px;width:64px;}.kg-home-hero__logos img.logo-text{height:50px;}}

/* ABOUT STRIP */
.kg-about{padding:4rem 0;}
.kg-about__inner{display:flex;align-items:flex-start;gap:3rem;}
.kg-about__photo{flex:0 0 260px;}
.kg-about__photo img{width:100%;height:300px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md);}
.kg-about__body h2{font-family:var(--font-serif);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:400;color:var(--clr-espresso);margin-bottom:1rem;line-height:1.2;}
.kg-about__body p{font-size:1.05rem;color:var(--clr-espresso-lt);line-height:1.8;text-align:justify;}
@media(max-width:768px){.kg-about__inner{flex-direction:column;gap:2rem;}.kg-about__photo{flex:none;width:100%;}.kg-about__photo img{height:240px;}}

/* SECTION LABEL */
.kg-section-label{font-size:0.72rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--clr-gold);margin-bottom:0.5rem;display:block;}
.kg-section-title{font-family:var(--font-serif);font-size:clamp(1.5rem,2vw,2rem);font-weight:400;color:var(--clr-espresso);margin-bottom:2rem;}

/* INFO CARDS */
.kg-info-list{display:flex;flex-direction:column;gap:1.75rem;padding:3rem 0;}
.kg-info-card{display:flex;align-items:flex-start;background:var(--clr-warm-white);border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition);}
.kg-info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
.kg-info-card__img{flex:0 0 200px;}
.kg-info-card__img img{width:200px;height:200px;object-fit:cover;display:block;}
.kg-info-card__body{padding:1.5rem 1.75rem;flex:1;}
.kg-info-card__label{font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--clr-gold);margin-bottom:0.5rem;display:block;}
.kg-info-card__desc{font-size:1rem;color:var(--clr-espresso);line-height:1.75;text-align:justify;}
@media(max-width:600px){.kg-info-card{flex-direction:column;}.kg-info-card__img{flex:none;width:100%;}.kg-info-card__img img{width:100%;height:200px;}.kg-info-card__body{padding:1.25rem;}}

/* BUTTONS */
.kg-btn-more{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-sans);font-size:0.78rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--clr-espresso);border:1px solid var(--clr-espresso-lt);padding:0.7rem 1.6rem;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition),border-color var(--transition);cursor:pointer;background:transparent;}
.kg-btn-more:hover{background:var(--clr-espresso);color:var(--clr-parchment);border-color:var(--clr-espresso);}
.kg-btn-wrap{margin:1.5rem 0;}

/* ARTWORK GRID */
.kg-artwork-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:3rem 0;}
.kg-artwork-card{background:var(--clr-warm-white);border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition);display:flex;flex-direction:column;}
.kg-artwork-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
.kg-artwork-card__img-wrap{overflow:hidden;aspect-ratio:1/1;background:var(--clr-warm-white);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--clr-border);}
.kg-artwork-card__img-wrap picture,.kg-artwork-card__img-wrap .kg-picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.kg-artwork-card__img-wrap img{width:100%;height:100%;object-fit:contain;transition:transform 0.4s cubic-bezier(.4,0,.2,1);display:block;}
.kg-artwork-card:hover .kg-artwork-card__img-wrap img{transform:scale(1.02);}
.kg-artwork-card__body{padding:1rem 1rem 1.25rem;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.3rem;}
.kg-artwork-card__name{font-family:var(--font-serif);font-size:1rem;font-weight:500;color:var(--clr-espresso);line-height:1.3;}
.kg-artwork-card__dim{font-size:0.78rem;color:var(--clr-espresso-lt);letter-spacing:0.04em;margin-bottom:0.5rem;}
.kg-btn-order{display:inline-block;font-family:var(--font-sans);font-size:0.72rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--clr-parchment);background:var(--clr-espresso);padding:0.55rem 1.2rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background var(--transition),transform var(--transition);margin-top:auto;}
.kg-btn-order:hover{background:var(--clr-gold);transform:translateY(-1px);}
@media(max-width:600px){.kg-artwork-grid{grid-template-columns:repeat(2,1fr);gap:0.85rem;}}

/* TESTIMONI GRID (Editorial Masonry) */
.kg-testimoni-grid{columns:4 240px;column-gap:1.5rem;padding:3rem 0 4rem;}
.kg-testimoni-item{break-inside:avoid;margin-bottom:1.5rem;border-radius:var(--radius-md);overflow:hidden;background:var(--clr-warm-white);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition);display:block;}
.kg-testimoni-item:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
.kg-testimoni-item picture,.kg-testimoni-item .kg-picture{display:block;width:100%;}
.kg-testimoni-item img{width:100%;height:auto;display:block;transition:transform 0.45s cubic-bezier(.4,0,.2,1);}
.kg-testimoni-item:hover img{transform:scale(1.02);}
@media(max-width:600px){.kg-testimoni-grid{columns:2 140px;column-gap:0.85rem;}.kg-testimoni-item{margin-bottom:0.85rem;}}

/* PROFIL */
.kg-profil{padding:4rem 0 5rem;}
.kg-profil__gallery-intro{display:grid;grid-template-columns:360px 1fr;gap:3rem;align-items:center;margin-bottom:4rem;}
.kg-profil__gallery-img{overflow:hidden;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--clr-border);}
.kg-profil__gallery-img picture,.kg-profil__gallery-img img{width:100%;height:auto;display:block;}
.kg-profil__gallery-text h2{font-family:var(--font-serif);font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:400;color:var(--clr-espresso);margin-bottom:1.25rem;}
.kg-profil__gallery-text p{font-size:1.05rem;color:var(--clr-espresso-lt);line-height:1.85;text-align:justify;}
.kg-maestro{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:3.5rem;align-items:start;background:var(--clr-warm-white);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:2.75rem;box-shadow:var(--shadow-sm);}
.kg-maestro__name{font-family:var(--font-serif);font-size:1.85rem;font-weight:600;color:var(--clr-espresso);line-height:1.25;}
.kg-maestro__subtitle{font-size:0.75rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--clr-gold);margin-bottom:1.25rem;display:block;}
.kg-maestro__bio p{font-size:1rem;color:var(--clr-espresso-lt);line-height:1.8;margin-bottom:1rem;}
.kg-maestro__exhib-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;color:var(--clr-espresso);margin:1.5rem 0 0.75rem;}
.kg-maestro__bio ul{list-style:none;padding:0;margin-top:0.75rem;}
.kg-maestro__bio ul li{padding:0.45rem 0 0.45rem 1.4rem;position:relative;font-size:0.92rem;color:var(--clr-espresso-lt);border-bottom:1px solid var(--clr-border);line-height:1.55;}
.kg-maestro__bio ul li::before{content:'\2013';position:absolute;left:0;color:var(--clr-gold);}
.kg-maestro__photos{display:flex;flex-direction:column;gap:1.5rem;min-width:0;}
.kg-maestro__photo-item{margin:0;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--clr-border);box-shadow:var(--shadow-sm);background:var(--clr-cream);}
.kg-maestro__photo-item picture,.kg-maestro__photo-item img{width:100%;height:auto;display:block;}
.kg-maestro__photo-item figcaption{padding:0.6rem 0.85rem;font-size:0.76rem;color:var(--clr-espresso-lt);background:var(--clr-warm-white);border-top:1px solid var(--clr-border);text-align:center;}
@media(max-width:860px){.kg-profil__gallery-intro{grid-template-columns:1fr;gap:2rem;}.kg-maestro{grid-template-columns:1fr;}.kg-maestro__photos{flex-direction:row;}.kg-maestro__photo-item{flex:1;}}
@media(max-width:540px){.kg-maestro__photos{flex-direction:column;}}

/* FOOTER */
.kg-footer{background:var(--clr-espresso);color:var(--clr-parchment);padding:3.5rem 2rem 2rem;margin-top:4rem;}
.kg-footer__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}
.kg-footer__contact ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:0.75rem;}
.kg-footer__contact ul li{font-size:0.95rem;line-height:1.6;color:rgba(245,240,232,0.75);}
.kg-footer__contact ul li a{color:rgba(245,240,232,0.75);display:inline-flex;align-items:center;gap:0.5rem;transition:color var(--transition);}
.kg-footer__contact ul li a:hover{color:var(--clr-gold-lt);}
.kg-footer__contact ul li .fa{color:var(--clr-gold);width:18px;}
.kg-footer__map iframe{width:100%;height:200px;border-radius:var(--radius-md);border:none;}
.kg-footer__copy{max-width:var(--max-w);margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.08);font-size:0.78rem;color:rgba(245,240,232,0.35);text-align:center;letter-spacing:0.05em;}
@media(max-width:680px){.kg-footer__inner{grid-template-columns:1fr;gap:2rem;}.kg-footer{padding:3rem 1.25rem 1.5rem;}}

/* EMPTY STATE */
.kg-empty{text-align:center;padding:5rem 2rem;color:var(--clr-espresso-lt);font-family:var(--font-serif);font-size:1.2rem;font-style:italic;}

/* LANGUAGE SWITCHER */
.kg-lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-left: 1.5rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid rgba(184, 147, 42, 0.35);
  border-radius: var(--radius-sm);
  background: rgba(44, 26, 14, 0.5);
  font-family: var(--font-sans);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  flex-shrink: 0;
}
.kg-lang-btn {
  color: rgba(245, 240, 232, 0.65);
  padding: 0.2rem 0.45rem;
  border-radius: 2px;
  transition: all var(--transition);
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
}
.kg-lang-btn:hover {
  color: var(--clr-parchment);
}
.kg-lang-btn.is-active {
  color: var(--clr-espresso);
  background: var(--clr-gold-lt);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  font-weight: 700;
}
.kg-lang-divider {
  color: rgba(184, 147, 42, 0.45);
  user-select: none;
  font-size: 0.7rem;
}

@media(max-width: 768px) {
  .kg-lang-switch {
    margin: 1rem 1.5rem 1.25rem;
    align-self: flex-start;
  }
}