/**
 * ADM agency About page — layout from agency_about_mockup (EN/VI).
 * Loaded only on the WordPress page with slug `about`.
 *
 * @package adm-theme
 */

:root{--bg:#f6f3ee;--surface:#fffaf4;--text:#141414;--muted:#6f6a64;--line:#e7ddd0;--accent:#ef7d32;--accent-dark:#d86417;--dark:#171717;--max:1200px;--shadow:0 18px 50px rgba(20,20,20,.08);--shadow-hover:0 30px 70px rgba(20,20,20,.14);--ease-premium:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff url("../images/site-bg.png") repeat fixed;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}

.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:70;backdrop-filter:blur(16px);background:rgba(246,243,238,.82);border-bottom:1px solid rgba(231,221,208,.9)}.site-header.scrolled{background:rgba(246,243,238,.92)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:1.4rem;font-weight:800;letter-spacing:.08em;color:var(--text)}.nav{display:flex;align-items:center;gap:32px}.nav-links{display:flex;gap:28px;font-size:.95rem}.nav-links a{color:var(--text);transition:opacity .3s ease}.nav-links a:hover{opacity:.65}.header-actions{display:flex;align-items:center;gap:14px}.lang-switch{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);font-size:.9rem;color:var(--text)}.lang-switch .active{font-weight:700}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform .45s var(--ease-premium),background .3s ease,box-shadow .45s var(--ease-premium),border-color .3s ease}.button.primary{background:var(--accent);color:#fff;box-shadow:0 12px 24px rgba(239,125,50,.24)}.button.primary:hover{background:var(--accent-dark);transform:translateY(-2px)}.button.ghost{background:#fff;color:var(--text);border-color:var(--line)}.button.ghost:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,20,20,.08)}.header-cta{min-height:44px;padding:0 18px}
.menu-toggle{display:none;width:46px;height:46px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.75);color:var(--text);align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:2}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";position:absolute;width:18px;height:2px;background:currentColor;transition:transform .35s ease,opacity .35s ease}.menu-toggle:before{transform:translateY(-6px)}.menu-toggle:after{transform:translateY(6px)}.menu-toggle.active span{opacity:0}.menu-toggle.active:before{transform:rotate(45deg)}.menu-toggle.active:after{transform:rotate(-45deg)}.mobile-nav{display:none}
section{padding:96px 0}.reveal{opacity:0;transform:translate3d(0,56px,0) scale(.985);filter:blur(8px);transition:opacity 1s var(--ease-premium),transform 1s var(--ease-premium),filter 1s var(--ease-premium)}.reveal.in-view{opacity:1;transform:none;filter:none}.reveal.delay-1{transition-delay:.06s}.reveal.delay-2{transition-delay:.12s}.reveal.delay-3{transition-delay:.18s}.reveal.delay-4{transition-delay:.24s}
.about-hero{padding-top:160px;padding-bottom:56px}.page-title{color:var(--accent);font-size:clamp(3rem,8vw,6.3rem);line-height:.92;letter-spacing:-.05em;margin-bottom:32px;text-transform:uppercase}.hero-copy-block{max-width:1180px;font-size:clamp(1.35rem,2.6vw,2.25rem);line-height:1.35}.hero-copy-block strong{font-weight:800}
.section-label{color:var(--accent);font-size:clamp(1.8rem,4vw,3.6rem);line-height:.95;letter-spacing:-.04em;margin-bottom:20px}.section-label small{display:block;font-size:clamp(1.15rem,2.2vw,1.9rem);font-weight:500;margin-top:10px;opacity:.9}
.section-card{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:34px;padding:38px;box-shadow:var(--shadow)}


.about-two-col{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:42px;
  align-items:start;
  margin-top: 50px;
}
.about-left{
  padding-top:8px;
}
.about-kicker{
  font-size: clamp(2.6rem, 8vw, 2.8rem);
  line-height:.88;
  letter-spacing:-.06em;
  color:var(--accent);
  text-transform:uppercase;
  margin-bottom:28px;
}
.about-meta-block{
  
  gap:10px;
  margin-bottom:24px;
  max-width:520px;
}
.about-meta-label{
  font-size:1.35rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:-.02em;
}
.about-meta-block p{
  margin:0;
  color:var(--muted);
  font-size:clamp(1rem,1.6vw,1.16rem);
  line-height:1.72;
}
.about-right{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:16px;
  box-shadow:var(--shadow);
}
.about-image-grid{
  
  min-height:520px;
}
.about-image{
  border-radius:6px;
  position:relative;
  overflow:hidden;
  background-size:cover;
  background-position:center;
}
.about-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.08));
}
.img-main{
  grid-column:1/2;
  grid-row:1/2;
  background:linear-gradient(135deg,#d9d1c8,#bda28a);
}
.img-top-right{
  grid-column:2/3;
  grid-row:1/2;
  background:linear-gradient(135deg,#eadfd4,#c9aa90);
}
.img-bottom-left{
  grid-column:1/2;
  grid-row:2/3;
  background:linear-gradient(135deg,#d1c7bd,#ab8f75);
}
.img-bottom-right{
  grid-column:2/3;
  grid-row:2/3;
  background:linear-gradient(135deg,#e2d9cf,#b79d84);
}

.mission-grid{display:grid;gap:18px}.mission-banner{min-height:250px;border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(135deg,#dd936d,#c7500e);color:#fff;padding:80px 34px 34px 34px;align-items:end;box-shadow:var(--shadow)}.mission-banner.secondary{background:linear-gradient(135deg,#151515,#50311c)}.mission-badge{position:absolute;top:24px;left:24px;display:inline-flex;padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);font-weight:700}.mission-text{font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.14;letter-spacing:-.03em}
.leadership-grid{display:grid;gap:34px;align-items:center}.leadership-note{font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.35;text-align:center}.leaders-panel{background:linear-gradient(135deg,#e3773a,#d41f1f);border-radius:30px;padding:34px;color:#fff;box-shadow:var(--shadow)}.leaders-title{font-size:clamp(2rem,4vw,3.2rem);line-height:.95;margin-bottom:26px;font-weight:700;letter-spacing:-.04em}.leaders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.leader-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:16px;backdrop-filter:blur(6px);transition:transform .45s var(--ease-premium),background .3s ease}.leader-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.12)}.leader-photo{aspect-ratio:4/5;border-radius:18px;background:linear-gradient(135deg,#382b2b,#85706d);margin-bottom:14px}.leader-name{font-size:1rem;font-weight:800;margin-bottom:6px;text-transform:uppercase}.leader-role{font-size:.84rem;color:rgba(255,255,255,.82);line-height:1.45;text-transform:uppercase}
.team-grid{display:grid;gap:34px;align-items:center}.team-note{font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.35;text-align:center}.team-panel{background:#0b0b0b;border-radius:30px;padding:34px;box-shadow:var(--shadow)}.team-masonry{grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}.team-member{aspect-ratio:3/4;border-radius:18px;background:linear-gradient(135deg,#ddd5cd,#b5a492);min-height:120px}.team-member.tall{aspect-ratio:3/5}.join-card{aspect-ratio:3/4;border-radius:18px;background:#d8d1ca;border:5px solid #ff4e4e;display:grid;place-items:center;color:#111;text-align:center;padding:18px;font-weight:700}.join-card span{display:block;font-size:.95rem;line-height:1.25}
.life-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.gallery-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:16px;box-shadow:var(--shadow)}.gallery-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;min-height:280px}.gallery-photo{border-radius:18px;background:linear-gradient(135deg,#ddd4ca,#b6a18d);/*min-height:220px*/}.gallery-photo.wide{grid-column:span 2;min-height:220px}.gallery-caption{text-align:center;font-size:clamp(1.4rem,2.4vw,2.1rem);margin-top:18px;letter-spacing:-.03em}
.site-footer{background:#f0e6da;border-top:1px solid #e0d3c4;padding:54px 0 60px}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:28px;padding-bottom:26px}.footer-col{display:flex;flex-direction:column;gap:10px;min-width:0}.footer-title{font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.footer-cta-text{font-size:1.5rem;line-height:1.1;letter-spacing:-.03em;font-weight:700;margin-bottom:8px}.footer-item,.footer-link{color:var(--muted)}.footer-link:hover{color:var(--text)}.footer-map{min-height:180px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#fbf7f2);overflow:hidden}.footer-map iframe{width:100%;height:100%;min-height:180px;border:0}.footer-bottom{border-top:1px solid #e0d3c4;padding-top:18px;color:var(--muted);font-size:.92rem}
@media (max-width:1199px){.footer-grid{grid-template-columns:1fr 1fr}.leaders-grid{grid-template-columns:1fr 1fr}.team-masonry{grid-template-columns:repeat(3,1fr)}}
@media (max-width:991px){.container{width:min(var(--max),calc(100% - 40px))}.about-two-col,.leadership-grid,.team-grid,.life-grid{grid-template-columns:1fr}.leadership-note,.team-note{text-align:left}.section-card{padding:28px}}
@media (max-width:767px){.container{width:calc(100% - 32px)}.header-inner{min-height:76px;gap:12px}.nav-links,.lang-switch,.header-cta{display:none}.menu-toggle{display:inline-flex}.mobile-nav{display:flex;position:fixed;inset:0;z-index:65;background:rgba(17,17,17,.94);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s var(--ease-premium),visibility .45s var(--ease-premium)}.mobile-nav.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-nav-inner{width:100%;padding:108px 24px 40px;display:flex;flex-direction:column;justify-content:space-between}.mobile-links{display:grid;gap:20px;font-size:1.5rem;letter-spacing:-.03em;color:#fff}.mobile-bottom{display:grid;gap:16px}.mobile-lang{color:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:12px 16px;width:fit-content}section{padding:72px 0}.about-hero{padding-top:124px}.page-title{margin-bottom:22px}.hero-copy-block{font-size:1.15rem}.about-kicker{font-size:3.3rem}.about-image-grid{grid-template-columns:1fr 1fr;min-height:380px}.leaders-grid{grid-template-columns:1fr}.team-masonry:not(.team-masonry--adm),.gallery-strip{grid-template-columns:1fr 1fr}.gallery-photo.wide{grid-column:span 2}.footer-grid{grid-template-columns:1fr}.footer-cta-text{font-size:1.3rem}}

/* [adm_team_members]: column masonry — uneven photo heights flow naturally */
.team-panel .team-masonry--adm{display:block;column-count:4;column-gap:14px}.team-panel .team-masonry--adm .team-member{break-inside:avoid;margin-bottom:14px;aspect-ratio:auto;min-height:0;background:transparent;overflow:hidden;border-radius:18px}.team-panel .team-masonry--adm .team-member img.adm-team-member-img{width:100%;height:auto;display:block;border-radius:18px}.team-panel .team-masonry--adm .join-card{break-inside:avoid;margin-bottom:14px;display:grid;place-items:center;min-height:140px;aspect-ratio:auto;text-decoration:none;color:inherit}.team-panel .team-masonry--adm a.join-card{cursor:pointer}
@media (max-width:1199px){.team-panel .team-masonry--adm{column-count:3}}
@media (max-width:767px){.team-panel .team-masonry--adm{column-count:2}}

body.lock-scroll {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}

/* WordPress shell (logo, lang switch, main width) */
.lang-switch a { color: inherit; text-decoration: none; }
.lang-switch a:hover { opacity: .85; }
.mobile-bottom .lang-switch { color: rgba(255,255,255,.76); border: 1px solid rgba(255,255,255,.14); border-radius: 999px; padding: 12px 16px; width: fit-content; }
.logo-wrap { display: flex; align-items: center; }
.site-header .logo { display: inline-flex; align-items: center; text-decoration: none; }
.site-header .logo img,
.site-header .logo .adm-theme-logo-img { max-height: 44px; width: auto; height: auto; display: block; }
.site-header .logo .custom-logo-link { display: inline-flex; align-items: center; }
.site-header .logo.custom-logo-link img,
.site-header .logo .custom-logo-link img { max-height: 44px; width: auto; height: auto; display: block; }
.site-header .logo .logo-text { font-size: 1.4rem; font-weight: 800; letter-spacing: .08em; color: inherit; text-decoration: none; }
.footer-logo .footer-logo-link,
.footer-logo .custom-logo-link { display: inline-flex; align-items: center; }
.footer-logo .footer-logo-link img,
.footer-logo .custom-logo-link img,
.footer-logo .adm-theme-footer-logo-img { max-height: 48px; width: auto; }
.adm-main .adm-page-entry { max-width: none; margin: 0; padding: 0; }
body.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}

/* WP menu: ul inside .nav-links / .mobile-links (same as home.css) */
.nav-links .nav-links-menu,
.nav-links > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 28px;
  font-size: inherit;
  align-items: center;
  flex-wrap: wrap;
}
.nav-links .nav-links-menu .menu-item,
.nav-links > ul > li { margin: 0; }
.mobile-links .mobile-links-menu,
.mobile-links > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 20px;
}
.mobile-links .mobile-links-menu .menu-item,
.mobile-links > ul > li { margin: 0; }
.footer-shell-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-shell-menu .menu-item { margin: 0; }