/* ══════════════════════════════════════
   KABABI ABOUT PAGE — about.css
══════════════════════════════════════ */

.about-hero { position: relative; height: 75vh; min-height: 580px; display: flex; align-items: flex-end; overflow: hidden; }
.about-hero-bg { position: absolute; inset: 0; background: linear-gradient(to top,#070707 0%,rgba(7,7,7,0.3) 50%,rgba(7,7,7,0.15) 100%), linear-gradient(to right,rgba(7,7,7,0.7) 0%,transparent 60%), url('https://images.unsplash.com/photo-1544025162-d76694265947?w=1600&q=80') center/cover no-repeat; transform: scale(1.03); animation: aboutSlowZoom 18s ease-in-out infinite alternate; }
@keyframes aboutSlowZoom { from { transform: scale(1.03); } to { transform: scale(1.08); } }
.about-hero-content { position: relative; z-index: 2; padding: 0 80px 80px; max-width: 680px; }
.about-hero-eyebrow { font-size: 14px; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); margin-bottom: 18px; font-weight: 500; display: block; }
.about-hero-eyebrow::before { content: ''; display: inline-block; width: 36px; height: 1px; background: var(--gold); vertical-align: middle; margin-right: 12px; }
.about-hero-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(48px,7vw,75px); font-weight: 700; line-height: 1.05; margin-bottom: 20px; color: var(--cream); }
.about-hero-title em { font-style: italic; color: var(--gold); font-weight: 400; }
.about-hero-sub { font-size: 17px; color: var(--cream-dim); max-width: 440px; line-height: 1.8; }

.about-container { max-width: 1200px; margin: 0 auto; padding: 0 80px; }
.about-eyebrow { font-size: 14px; letter-spacing: 4px; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; display: block; font-weight: 500; }
.about-section-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(36px,4vw,52px); font-weight: 700; line-height: 1.15; color: var(--cream); }
.about-section-title em { font-style: italic; color: var(--gold); font-weight: 400; }

/* STORY */
.about-story { padding: 60px 0; background: var(--dark); }
.story-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.story-images { position: relative; height: 580px; }
.img-main { position: absolute; top: 0; left: 0; width: 78%; height: 80%; object-fit: cover; border: 1px solid var(--gold-border); }
.img-accent { position: absolute; bottom: 0; right: 0; width: 52%; height: 46%; object-fit: cover; border: 4px solid var(--dark); outline: 1px solid var(--gold-border); }
.badge-years { position: absolute; top: -20px; right: 24%; width: 88px; height: 88px; border-radius: 50%; background: var(--gold); color: var(--dark); display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: 'Cormorant Garamond', serif; box-shadow: 0 0 0 6px var(--dark), 0 0 0 7px var(--gold-border); z-index: 3; }
.badge-years strong { font-size: 26px; font-weight: 900; line-height: 1; }
.badge-years span { font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; }
.story-text { padding-right: 20px; }
.story-text p { font-size: 18px; line-height: 1.9; color: var(--cream-dim); margin-bottom: 22px; }
.story-quote { border-left: 2px solid var(--gold); padding: 18px 24px; margin: 30px 0; background: rgba(192,161,89,0.06); }
.story-quote p { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 20px; line-height: 1.6; color: var(--gold-light); margin: 0; }
.story-stats { display: flex; gap: 0; margin-top: 38px; border-top: 1px solid var(--gold-border); padding-top: 32px; }
.stat { flex: 1; }
.stat:not(:last-child) { border-right: 1px solid var(--gold-border); }
.stat { padding-right: 28px; }
.stat:not(:first-child) { padding-left: 28px; }
.stat strong { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 900; color: var(--gold); display: block; }
.stat span { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--cream-dim); }

/* CHEF */
.about-chef { padding: 110px 0; background: var(--dark); border-top: 1px solid var(--gold-border); }
.chef-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.chef-text { order: 1; }
.chef-text p { font-size: 18px; line-height: 1.9; color: var(--cream-dim); margin-bottom: 18px; }
.chef-name { font-family: 'Cormorant Garamond', serif; font-size: 16px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-top: 32px; display: block; }
.chef-image { order: 2; position: relative; }
.chef-img-wrap { position: relative; overflow: hidden; border: 1px solid var(--gold-border); }
.chef-img-wrap img { width: 100%; height: 520px; object-fit: cover; display: block; }
.chef-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent,rgba(7,7,7,0.85)); padding: 40px 30px 28px; }
.chef-tag { display: inline-block; background: var(--gold); color: var(--dark); font-size: 9px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; padding: 6px 14px; }

/* GALLERY STRIP */
.about-gallery-strip { height: 380px; overflow: hidden; display: grid; grid-template-columns: repeat(4,1fr); gap: 4px; }
.about-gallery-strip img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease, filter .5s; filter: brightness(.85) saturate(.9); }
.about-gallery-strip img:hover { transform: scale(1.04); filter: brightness(1) saturate(1.05); }

/* REVEAL */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: none; }
.reveal-delay-1 { transition-delay: .1s; }
.reveal-delay-2 { transition-delay: .2s; }

/* MOBILE */
@media (max-width: 900px) {
  .about-hero { height: 60vh; min-height: 420px; }
  .about-hero-content { padding: 0 20px 50px !important; max-width: 100%; }
  .about-hero-title { font-size: clamp(34px,9vw,54px) !important; }
  .about-container { padding: 0 16px !important; }
  .about-story { padding: 50px 0; }
  .story-inner { grid-template-columns: 1fr !important; gap: 40px !important; }
  .story-images { height: 340px !important; order: 1; }
  .img-main { width: 82% !important; height: 78% !important; }
  .img-accent { width: 50% !important; height: 44% !important; right: 0 !important; }
  .badge-years { width: 72px !important; height: 72px !important; top: -14px !important; right: 22% !important; }
  .badge-years strong { font-size: 20px !important; }
  .story-text { order: 2; padding-right: 0 !important; }
  .story-text p { font-size: 14px; }
  .story-stats { flex-direction: column; gap: 0; }
  .stat { border-right: none !important; border-bottom: 1px solid var(--gold-border); padding: 16px 0 !important; }
  .stat:last-child { border-bottom: none; }
  .stat strong { font-size: 28px; }
  .about-chef { padding: 60px 0; }
  .chef-inner { grid-template-columns: 1fr !important; gap: 36px !important; }
  .chef-text { order: 2 !important; }
  .chef-image { order: 1 !important; }
  .chef-img-wrap img { height: 320px !important; }
  .about-gallery-strip { grid-template-columns: repeat(2,1fr) !important; height: 260px !important; }
}
@media (max-width: 480px) {
  .story-images { height: 280px !important; }
  .about-gallery-strip { height: 200px !important; }
}