/* ABOUT PAGE V3 */
.about-hero { position:relative; min-height:500px; display:flex; align-items:center; overflow:hidden; background:linear-gradient(180deg, #E8F4FD 0%, #F5FAFF 50%, #FFFFFF 100%); }
.about-hero-bg { position:absolute; inset:0; z-index:0; }
.about-hero-bg img { width:100%; height:100%; object-fit:cover; opacity:0.3; }
.about-hero-c { position:relative; z-index:2; display:grid; grid-template-columns:1.2fr 1fr; gap:64px; align-items:center; padding:60px 0; }
.about-hero-script { font-family:var(--fs); font-size:24px; color:var(--p); font-style:italic; margin-bottom:8px; }
.about-hero-title { font-family:var(--fh); font-size:42px; font-weight:700; color:var(--p); line-height:1.15; margin-bottom:16px; }
.about-hero-desc { color:var(--text-s); line-height:1.7; margin-bottom:24px; max-width:480px; }
.about-hero-trust { display:flex; gap:32px; flex-wrap:wrap; }
.about-hero-trust-i { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-s); }
.about-hero-trust-i i { font-size:20px; color:var(--p); }
.about-hero-img img { border-radius:var(--r); box-shadow:0 8px 24px rgba(0,0,0,0.12); }

/* Journey */
.journey { padding:var(--sp) 0; background:#fff; }
.journey-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.journey-img img { border-radius:var(--r); box-shadow:0 4px 16px rgba(0,0,0,0.1); }
.journey-content h2 { font-family:var(--fh); font-size:32px; margin-bottom:16px; }
.journey-content p { color:var(--text-s); line-height:1.7; margin-bottom:16px; }
.journey-stats { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; margin-top:32px; }
.journey-stat { text-align:center; }
.journey-stat-num { font-family:var(--fh); font-size:36px; font-weight:700; color:var(--p); }
.journey-stat-label { font-size:13px; color:var(--text-s); }

/* Values */
.values { padding:var(--sp) 0; background:var(--bg-light); }
.values-g { display:grid; grid-template-columns:repeat(5, 1fr); gap:24px; }
.value-card { background:#fff; border-radius:var(--r); padding:32px 20px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.06); transition:all 0.3s; }
.value-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.1); }
.value-card i { font-size:32px; color:var(--p); margin-bottom:16px; }
.value-card h3 { font-size:16px; font-weight:700; margin-bottom:8px; }
.value-card p { font-size:13px; color:var(--text-s); line-height:1.5; }

/* Behind the Taste */
.behind { padding:var(--sp) 0; background:#fff; }
.behind-grid { display:grid; grid-template-columns:1fr 1.5fr; gap:48px; align-items:start; }
.behind-list { display:flex; flex-direction:column; gap:12px; margin:20px 0; }
.behind-list li { display:flex; align-items:center; gap:10px; font-size:15px; color:var(--text-s); }
.behind-list li i { color:var(--success); }
.behind-ingredients { display:grid; grid-template-columns:repeat(5, 1fr); gap:16px; }
.behind-ing { text-align:center; }
.behind-ing img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--r); margin-bottom:12px; }
.behind-ing h4 { font-size:14px; font-weight:600; margin-bottom:4px; }
.behind-ing p { font-size:12px; color:var(--text-l); }

/* Facility */
.facility { padding:var(--sp) 0; background:var(--bg-light); }
.facility-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.facility-img img { border-radius:var(--r); box-shadow:0 4px 16px rgba(0,0,0,0.1); }
.facility-content h2 { font-family:var(--fh); font-size:32px; margin-bottom:16px; }
.facility-content p { color:var(--text-s); line-height:1.7; margin-bottom:24px; }
.facility-features { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.facility-f { text-align:center; padding:20px; background:#fff; border-radius:var(--r); }
.facility-f i { font-size:28px; color:var(--p); margin-bottom:8px; }
.facility-f h4 { font-size:13px; font-weight:600; margin-bottom:4px; }
.facility-f p { font-size:12px; color:var(--text-l); }

/* Team */
.team { padding:var(--sp) 0; background:#fff; }
.team-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.team-content h2 { font-family:var(--fh); font-size:32px; margin-bottom:16px; }
.team-content p { color:var(--text-s); line-height:1.7; margin-bottom:24px; }
.team-img img { border-radius:var(--r); box-shadow:0 4px 16px rgba(0,0,0,0.1); }

@media(max-width:1199px){
  .values-g{grid-template-columns:repeat(3,1fr);}
  .behind-ingredients{grid-template-columns:repeat(3,1fr);}
  .facility-features{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:991px){
  .about-hero-c{grid-template-columns:1fr;text-align:center;}
  .about-hero-desc{margin:0 auto 24px;}
  .about-hero-trust{justify-content:center;}
  .about-hero-img{order:-1;max-width:400px;margin:0 auto;}
  .journey-grid{grid-template-columns:1fr;}
  .journey-img{max-width:500px;margin:0 auto;}
  .behind-grid{grid-template-columns:1fr;}
  .facility-grid{grid-template-columns:1fr;}
  .facility-img{max-width:500px;margin:0 auto;}
  .team-grid{grid-template-columns:1fr;}
  .team-img{max-width:500px;margin:0 auto;}
}
@media(max-width:767px){
  .about-hero-title{font-size:32px;}
  .values-g{grid-template-columns:1fr;max-width:400px;margin:0 auto;}
  .journey-stats{grid-template-columns:repeat(2,1fr);}
  .behind-ingredients{grid-template-columns:repeat(2,1fr);}
}