@charset "UTF-8";
/* ============================================
   About page styles
   ============================================ */

/* ── Page header ── */
.page-header{
  padding:clamp(32px,5vw,56px) 0 clamp(24px,4vw,40px);
}
.page-header__title{
  font-size:clamp(28px,3vw + 10px,42px);
  margin:0;
}

/* ── Intro (TEAM x ZENYU) ── */
.intro{
  padding:0 0 clamp(42px,7vw,72px);
  text-align:center;
}
.intro__logos{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(16px,3vw,32px);
  margin-bottom:clamp(20px,3vw,32px);
}
.intro__logo-img{
  height:clamp(32px,4vw,50px);
  width:auto;
}
.intro__x{
  font-size:clamp(20px,2.5vw,28px);
  font-weight:300;
  color:var(--muted);
}
.intro__subtitle{
  font-size:clamp(16px,1.4vw + 8px,20px);
  font-weight:700;
  margin:0 0 8px;
}
.intro__tagline{
  color:var(--muted);
  font-size:14px;
  margin:0 0 clamp(20px,3vw,32px);
}
.intro__body{
  max-width:800px;
  margin:0 auto;
  text-align:left;
  color:var(--text);
  line-height:1.8;
}
.intro__body p{
  margin:0 0 1em;
}

/* ── What we do ── */
.whatwedo{
  padding:clamp(42px,7vw,72px) 0;
}
.whatwedo__block{
  margin-bottom:clamp(36px,6vw,64px);
}
.whatwedo__block:last-child{ margin-bottom:0; }

.whatwedo__heading{
  font-size:clamp(15px,1.2vw + 4px,18px);
  font-weight:700;
  font-style:italic;
  color:var(--accent);
  margin:0 0 16px;
}
.whatwedo__text{
  color:var(--text);
  line-height:1.8;
  margin:0 0 16px;
}
.whatwedo__text p{ margin:0 0 1em; }

/* 2-column: text left + image right */
.whatwedo__split{
  display:grid;
  grid-template-columns:1fr 0.6fr;
  gap:clamp(24px,4vw,48px);
  align-items:end;
}
@media(max-width:768px){
  .whatwedo__split{ grid-template-columns:1fr; }
  .whatwedo__split-img{ order:-1; }
}
.whatwedo__split-img img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

/* Checklist */
.check-list{
  list-style:none;
  padding:0;
  margin:0 0 clamp(20px,3vw,32px);
  display:grid;
  gap:12px;
}
.check-list li{
  position:relative;
  padding-left:28px;
  color:var(--text);
  line-height:1.6;
}
.check-list li::before{
  content:'';
  display:block;
  position:absolute;
  top:.45em;
  left:0;
  width:14px;
  height:6px;
  border-left:2px solid var(--accent);
  border-bottom:2px solid var(--accent);
  transform:rotate(-45deg);
}

/* Image layouts */
.whatwedo__img-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(12px,2vw,20px);
  margin:clamp(20px,3vw,32px) 0;
}
@media(max-width:640px){
  .whatwedo__img-row{ grid-template-columns:1fr; }
}
.whatwedo__img-full{
  margin:clamp(20px,3vw,32px) 0;
}
.whatwedo__img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--radius);
  object-fit:cover;
}
.whatwedo__img--row{
  aspect-ratio:16/10;
}
.whatwedo__img-caption{
  display:block;
  margin-top:8px;
  font-size:13px;
  color:var(--muted);
  text-align:center;
}

/* ── Company Information ── */
.company-info{
  padding:clamp(42px,7vw,72px) 0;
}
.company-box{
  background:#111318;
  border-radius:var(--radius);
  padding:clamp(24px,4vw,40px);
}
.company-box__section{
  margin-bottom:28px;
}
.company-box__section:last-child{ margin-bottom:0; }
.company-box__heading{
  font-size:clamp(16px,1.2vw + 6px,20px);
  margin:0 0 12px;
  color:var(--accent);
}
.company-box__text{
  color:var(--text);
  line-height:1.8;
  margin:0 0 10px;
}
.company-box__text p{ margin:0 0 .8em; }
.company-box__list{
  list-style:none;
  padding:0;
  margin:0 0 12px;
}
.company-box__list li{
  position:relative;
  padding-left:18px;
  margin-bottom:8px;
  color:var(--text);
  line-height:1.6;
}
.company-box__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
}
.company-box__sub{
  font-size:16px;
  font-weight:700;
  margin:20px 0 8px;
  color:#fff;
}
.company-box__addr{
  color:var(--muted);
  line-height:1.7;
  margin:0 0 4px;
  font-style:normal;
}
.company-box__access{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid #2b2f39;
}
.company-box__access p{
  margin:0 0 6px;
  color:var(--muted);
  line-height:1.6;
}

/* ── Header nav override (About is active) ── */
.nav__list a[href="about.php"]{ color:var(--accent); opacity:1; }