/* ============================================================
   V3 — Home Section Restyle
   按参考稿重排：02 The Services / Tools & Stack / Let's Collaborate / Footer
   仅覆盖首页这四个区块，其余区块与共享层不动
   ============================================================ */

/* ------------------------------------------------------------
   00. 全站节奏：区块上下留白统一加大一档（7.2–13rem → 9–15rem）
   ------------------------------------------------------------ */
.o-section{padding-block:clamp(9rem,12vh,15rem)}

/* ------------------------------------------------------------
   02. THE SERVICES
   大号 02. + 标题；引言右置；左文右手风琴（1px 发丝分隔，+ / −）
   ------------------------------------------------------------ */
/* 两栏布局：左文 / 右手风琴，保持明确的中缝间距 */
@media (min-width:68.75em){
  .c-services .c-services-main{gap:8vw;align-items:flex-start}
  .c-services .c-services-intro{width:24%;padding-right:2rem}
  .c-services .c-services-offerings{width:68%;padding-top:0}
}
/* 子项小方块符号（参考稿样式） */
.o-offering-subofferings{list-style:none;padding-left:0}
.o-offering-subofferings li{position:relative;padding-left:1.6rem}
.o-offering-subofferings li::before{
  content:"";position:absolute;left:0;top:.85em;width:.5rem;height:.5rem;background:var(--c-ink-3);
}
.o-offering-line{
  color:var(--c-ink-2);
  font-size:clamp(1.5rem,1.5vw,1.9rem);
  letter-spacing:.02em;
  line-height:1.6;
}
.c-services .o-section-tagline{
  margin-left:auto;
  max-width:64rem;
  text-align:left;
  font-size:clamp(2rem,2.2vw,2.8rem);
  font-weight:600;
  line-height:1.45;
}
@media (min-width:68.75em){
  .c-services .o-section-tagline{margin-right:6%}
}

/* 手风琴：0.5rem 粗分隔 → 1px 发丝分隔，更接近参考稿 */
.c-services .o-offering{border-bottom:1px solid var(--c-hairline)}
.c-services .o-offering:first-child{border-top:1px solid var(--c-hairline)}
.c-services .o-offering-title{font-size:clamp(2rem,2.4vw,2.8rem);height:9.6rem;font-weight:700}
@media (min-width:48em){ .c-services .o-offering-title{height:10.4rem} }
.c-services .o-offering-title::after{font-size:2.2rem;color:var(--c-ink-2);transition:transform var(--dur-fast) var(--ease-out)}
.c-services .o-offering.s-is_active .o-offering-title::after{transform:rotate(180deg)}
.c-services .o-offering-main_container{padding-bottom:4.8rem}
/* 左栏：按钮与上方正文留出更明确的间隔 */
.c-services-intro p:last-child{margin-top:4rem}

/* ------------------------------------------------------------
   TOOLS & STACK
   浅灰底 + 白色瓷砖 3×3，中列上移、右列下移的错位节奏
   ------------------------------------------------------------ */
.c-brands{background-color:var(--c-page-2)}
.c-brands .o-brand{
  background-color:#fff;
  aspect-ratio:4 / 3;
  transition:background-color var(--dur-fast) var(--ease-out);
}
.c-brands .o-brand:nth-child(even){background-color:#fff}
.c-brands .o-brand:hover{background-color:#ececf0}

/* 整墙限宽居中，避免占满整个 1280 容器 */
.c-brands-container.v3-tools{display:flex;gap:0;max-width:76rem;margin-left:auto;margin-right:auto}
.v3-tools .c-brands-column{flex:1;display:flex;flex-direction:column}
.v3-tools .c-brands-column:nth-child(1){margin-top:2.4rem}
.v3-tools .c-brands-column:nth-child(2){margin-top:.6rem}
.v3-tools .c-brands-column:nth-child(3){margin-top:4.2rem}

.c-brands-container.v3-tools .o-brand_icon{max-height:3.6rem;opacity:1}
.c-brands-container.v3-tools .o-brand:hover .o-brand_icon{transform:scale(1.06)}
.c-brands-container.v3-tools .o-brand-name{font-size:1.1rem;letter-spacing:.2em;color:var(--c-ink-2)}

/* 浅色底上的 Workflow 链（原样式为深底设计） */
.c-brands .v2-workflow{border-top-color:var(--c-hairline)}
.c-brands .v2-workflow-item{color:var(--c-ink-2)}
.c-brands .v2-workflow-arrow{color:var(--c-ink-4)}
.c-brands .v2-workflow-label{color:var(--c-ink-3);margin-top:4.8rem}
.c-brands .v2-workflow{margin-top:2.4rem;padding-top:3.2rem}

@media (max-width:47.99em){
  /* 移动端：三列铺开为 2×5 瓷砖墙（优先级需高于上面的 .c-brands-container.v3-tools） */
  .c-brands .c-brands-container.v3-tools{
    display:grid;grid-template-columns:1fr 1fr;gap:0;
    margin-left:0;margin-right:0;
  }
  .c-brands .c-brands-container.v3-tools .c-brands-column{display:contents}
  .c-brands .c-brands-container.v3-tools .o-brand{aspect-ratio:1 / 1;margin-top:0}
}

/* ------------------------------------------------------------
   LET'S COLLABORATE
   黑底居中：大标题 → 两行说明 → 单个主按钮
   ------------------------------------------------------------ */
.v3-collab{text-align:center}
.v3-collab .c-lets_collab-title{
  font-size:clamp(3.6rem,5vw,6.4rem);
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  line-height:1.05;
}
.v3-collab .c-lets_collab-p{
  max-width:62rem;
  margin:4rem auto 0;
  color:rgba(255,255,255,.75);
  font-size:clamp(1.6rem,1.4vw,1.9rem);
  line-height:1.7;
}
.v3-collab .c-lets_collab-p .u-text--bold{color:#fff}
.v3-collab .v3-collab-sub{
  max-width:62rem;
  margin:1.6rem auto 0;
  color:rgba(255,255,255,.75);
  font-size:clamp(1.6rem,1.4vw,1.9rem);
  line-height:1.7;
}
.v3-collab .c-lets_collab-button_row{justify-content:center;margin-top:5.6rem}
.v3-collab .v3-collab-loc{
  margin-top:1.2rem;color:rgba(255,255,255,.6);
  font-size:var(--fs-label);letter-spacing:.2em;text-transform:uppercase;
}
.v3-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem 3.2rem;margin-top:4rem}
.v3-contact a{
  color:#fff;font-size:clamp(1.5rem,1.3vw,1.8rem);letter-spacing:.01em;
  border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:.4rem;
  transition:border-color var(--dur-fast) var(--ease-out);
}
.v3-contact a:hover{border-color:#fff}
/* About：参考排版细节（标签 / 引言句 / 时间线间距） */
.c-about-bio .v2-label{margin-bottom:1.2rem}
.c-about-bio .c-about-career_domains{margin-top:0;margin-bottom:3.2rem}
.c-about-bio_lede{color:var(--c-ink);font-size:clamp(1.7rem,1.6vw,2rem);font-weight:500;line-height:1.7}
.c-about-bio_lead{color:var(--c-ink);font-size:clamp(2.2rem,2.2vw,2.8rem);font-weight:700;line-height:1.4;letter-spacing:-.01em}
.c-about-bio_meta{color:var(--c-ink-2);font-size:clamp(1.5rem,1.4vw,1.7rem);line-height:1.8;margin-top:.8rem}
.c-about-bio_meta strong{color:var(--c-ink);font-weight:600}
.c-about-bio .v2-timeline{margin-top:3.2rem}
.c-about-career{margin-bottom:2.4rem}
.v2-timeline-line{color:var(--c-ink-2);font-size:1.4rem;line-height:1.7;margin-top:.6rem}

/* ------------------------------------------------------------
   FOOTER
   小号大写栏目标题 + 大号 LOCATION；次行左右分布
   ------------------------------------------------------------ */
.c-footer-column_heading{
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:1.1rem;
  font-weight:500;
}
.c-footer-nav ul li{text-align:left}
.c-footer-column_text_large{font-size:clamp(2.4rem,2.6vw,3.4rem);font-weight:700;line-height:1.15}
/* 邮箱在窄栏下换行，避免被省略号截断 */
.c-footer-link{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.c-footer-grid--secondary .l-grid-item:nth-child(2){text-align:center}
.c-footer-grid--secondary .l-grid-item:nth-child(3){text-align:right}
@media (max-width:61.99em){
  .c-footer-grid--secondary .l-grid-item:nth-child(2),
  .c-footer-grid--secondary .l-grid-item:nth-child(3){text-align:left}
}