/* ===========================================================
   法鸮 LAWOWL · 首页版式（home.css）
   -----------------------------------------------------------
   取向：暖白 / 象牙白底 · 深墨文字 · 金色仅作细节强调。
   编辑式排版，细线分区，尽量少用卡片、图标与装饰。
   仅 index.html 引用，不牵动子页。
   =========================================================== */

/* ============ 通用层级 ============ */
.hm-sect{padding:126px 0;background:var(--paper)}
.hm-sect-soft{background:#FBF8F1}
.hm-head{margin-bottom:68px;max-width:52em}
.hm-head .hm-lead{margin-top:20px}

.hm-kicker{
  display:block;font-size:var(--sec-label-size);
  letter-spacing:var(--ph-kicker-ls);color:var(--ink-2);font-weight:500;
}
.hm-kicker::before{
  content:"";display:block;width:var(--ph-kicker-rule);height:1px;
  background:var(--gold);margin-bottom:var(--sec-label-mb);
}
/* Hero 是全站门面，标签与内页页头同档（16px），比普通版块标签大一档 */
.hm-hero .hm-kicker{font-size:var(--ph-kicker-size)}
.hm-head h2,.hm-cta h2,.hm-about h2{
  font-family:var(--serif);font-weight:500;letter-spacing:var(--ls-title);
  line-height:var(--sec-h2-lh);
  font-size:var(--sec-h2-size);margin-top:var(--sec-h2-mt);color:var(--ink);
}
.hm-lead{font-size:var(--fs-lead);line-height:var(--ph-lead-lh);letter-spacing:var(--ls-title);color:var(--ink-2);max-width:38em}
.hm-center{margin-top:52px}

/* ============ 01 Hero ============ */
.hm-hero{
  position:relative;overflow:hidden;
  padding:calc(var(--nav-h) + 126px) 0 128px;
  background:var(--paper);
}
.hm-hero::after{
  content:"";position:absolute;right:-140px;top:22%;
  width:560px;height:560px;border-radius:50%;
  border:1px solid rgba(197,162,90,.30);pointer-events:none;
}
.hm-hero::before{
  content:"";position:absolute;right:60px;top:36%;
  width:280px;height:280px;border-radius:50%;
  border:1px solid rgba(197,162,90,.18);pointer-events:none;
}
.hm-hero-inner{position:relative;z-index:1;max-width:900px}

.hm-hero h1{
  font-family:var(--serif);font-weight:500;
  font-size:var(--fs-hero);line-height:var(--lh-hero);letter-spacing:var(--ls-title);
  margin:26px 0 0;color:var(--ink);
}
/* 第一行稍轻、第二行略强调：靠字重与墨色区分，不加装饰 */
.hm-hero h1 .hm-h1-a{font-weight:400;color:var(--ink-2)}
.hm-hero h1 .hm-h1-b{font-weight:600;color:var(--ink)}
.hm-hero .hm-lead{margin-top:30px;max-width:36em}
.hm-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:42px}
.hm-actions .btn-primary{background:var(--ink)}
.hm-actions .btn-primary:hover{box-shadow:0 12px 26px rgba(21,35,58,.18)}
.hm-actions .btn-ghost{border-color:rgba(21,35,58,.22)}
.hm-actions .btn-ghost:hover{border-color:var(--gold);color:var(--ink)}

.hm-trust{
  list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  margin-top:56px;padding-top:28px;border-top:1px solid rgba(197,162,90,.38);
}
.hm-trust li{font-size:var(--fs-small);letter-spacing:var(--ls-label);color:var(--ink-2);display:flex;align-items:center;gap:14px}
.hm-trust li + li::before{content:"";width:1px;height:12px;background:rgba(21,35,58,.22)}

/* ============ 02 法律服务 ============ */
.hm-lines{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 68px}
.hm-line{border-top:1px solid rgba(21,35,58,.16);padding-top:26px}
.hm-num{
  display:block;font-family:var(--serif);font-size:var(--fs-small);letter-spacing:var(--ls-caps);
  color:var(--gold);font-weight:500;margin-bottom:12px;
}
.hm-line h3{font-family:var(--serif);font-size:var(--fs-h3);letter-spacing:var(--ls-title);font-weight:500;color:var(--ink)}
.hm-sub{font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);margin-top:14px;max-width:26em}
.hm-line-note{
  display:inline-block;margin-left:14px;padding:2px 10px;
  font-size:var(--fs-micro);font-family:var(--sans);letter-spacing:var(--ls-caps);font-weight:500;
  color:var(--gold);border:1px solid rgba(197,162,90,.45);
  vertical-align:middle;transform:translateY(-2px);
}

.hm-list{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:10px}
.hm-list li{
  position:relative;padding-left:22px;font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);
}
.hm-list li::before{
  content:"";position:absolute;left:0;top:.85em;width:11px;height:1px;background:rgba(197,162,90,.85);
}

.hm-more{
  display:inline-flex;align-items:center;gap:7px;margin-top:26px;
  font-size:var(--fs-sub);color:var(--ink);font-weight:500;letter-spacing:var(--ls-text);transition:gap .22s,color .22s;
}
.hm-more span{color:var(--gold);transition:transform .22s}
.hm-more:hover{gap:12px}
.hm-more:hover span{transform:translateX(2px)}

/* 第四条：跨两列 + 淡底 + 极简经线，做差异化但不喧哗 */
.hm-line-wide{
  grid-column:span 2;border-top:2px solid var(--gold);
  background:#FCFAF2;padding:44px 48px 40px;
}
.hm-wide-grid{display:grid;grid-template-columns:1fr 220px;gap:48px;align-items:start}
.hm-wide-aside{display:flex;flex-direction:column;gap:18px;padding-top:14px}
.hm-meridian{display:block;height:1px;background:rgba(197,162,90,.34)}
.hm-meridian:nth-child(1){width:100%}
.hm-meridian:nth-child(2){width:82%;margin-left:auto}
.hm-meridian:nth-child(3){width:64%}
.hm-meridian:nth-child(4){width:44%;margin-left:auto}

/* ============ 03 从你的问题开始 ============ */
.hm-qs{list-style:none;border-top:1px solid rgba(21,35,58,.14);max-width:960px}
.hm-qs li{border-bottom:1px solid rgba(21,35,58,.10)}
.hm-qs a{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:24px 4px;transition:padding .22s;
}
.hm-q-txt{
  position:relative;font-family:var(--serif);font-weight:500;font-size:var(--fs-h3);line-height:var(--lh-quote);
  letter-spacing:var(--ls-title);color:var(--ink);
}
.hm-q-txt::after{
  content:"";position:absolute;left:0;bottom:-5px;height:1px;width:0;
  background:var(--gold);transition:width .32s ease;
}
.hm-qs a:hover .hm-q-txt::after{width:100%}
.hm-q-mark{color:rgba(197,162,90,.9);font-size:var(--fs-sub);transition:transform .22s}
.hm-qs a:hover .hm-q-mark{transform:translateX(5px)}

.hm-q-cta{
  margin-top:64px;padding-top:34px;border-top:1px solid rgba(21,35,58,.14);
  display:flex;flex-wrap:wrap;align-items:center;gap:22px;justify-content:space-between;
}
.hm-q-cta p{
  font-family:var(--serif);font-weight:500;font-size:var(--fs-h3);letter-spacing:var(--ls-title);color:var(--ink);
}

/* ============ 04 服务流程 ============ */
.hm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:52px}
.hm-step{border-top:2px solid rgba(21,35,58,.14);padding-top:28px;position:relative}
.hm-step::before{content:"";position:absolute;top:-2px;left:0;width:44px;height:2px;background:var(--gold)}
.hm-step h3{font-family:var(--serif);font-size:var(--fs-h3);letter-spacing:var(--ls-title);font-weight:500;color:var(--ink)}
.hm-step p{font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);margin-top:14px}

.hm-note{
  margin-top:58px;padding:20px 24px;font-size:var(--fs-small);line-height:var(--lh-body);color:var(--ink-2);
  background:#FBF8F1;border-left:2px solid var(--gold);max-width:56em;
}

/* ============ 05 为什么是法鸮 ============ */
.hm-why{display:grid;grid-template-columns:repeat(4,1fr);gap:44px}
.hm-why-item{border-left:1px solid rgba(21,35,58,.16);padding-left:22px}
.hm-why-item h3{
  font-family:var(--serif);font-size:var(--fs-h3);letter-spacing:var(--ls-title);font-weight:500;color:var(--ink);
}
.hm-why-item p{font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);margin-top:14px}

/* ============ 06 律师团队 ============ */
/* 一位核心律师主视觉 + 团队方向，不做平级人员卡片 */
.hm-team{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:start}
.hm-team-lead{max-width:300px}
.hm-photo{
  aspect-ratio:4/5;background:#F1EDE1;border:1px dashed rgba(21,35,58,.20);
  display:flex;align-items:center;justify-content:center;margin-bottom:24px;
}
.hm-photo span{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);color:var(--ink-3)}
.hm-lead-name{font-family:var(--serif);font-size:var(--fs-h3);letter-spacing:var(--ls-title);color:var(--ink);font-weight:500}
.hm-lead-role{font-size:var(--fs-small);letter-spacing:var(--ls-caps);color:var(--gold);margin-top:8px}
.hm-lead-field{font-size:var(--fs-small);color:var(--ink-3);margin-top:6px}

.hm-team-bio{padding-top:6px}
.hm-team-bio > p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);max-width:34em}
.hm-team-list{list-style:none;margin-top:34px;border-top:1px solid rgba(21,35,58,.14)}
.hm-team-list li{
  display:flex;align-items:baseline;justify-content:space-between;gap:24px;
  padding:18px 0;border-bottom:1px solid rgba(21,35,58,.08);
}
.hm-team-list span{font-family:var(--serif);font-size:var(--fs-body);letter-spacing:var(--ls-text);font-weight:500;color:var(--ink)}
.hm-team-list em{font-style:normal;font-size:var(--fs-small);letter-spacing:var(--ls-label);color:var(--ink-3)}
.hm-team-bio .hm-more{margin-top:38px}

/* ============ 07 法律知识 ============ */
.hm-articles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 68px}
.hm-article{
  display:block;border-top:1px solid rgba(21,35,58,.16);padding:28px 0 26px;
  transition:border-color .24s;
}
.hm-article:hover{border-color:var(--gold)}
.hm-cat{display:block;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);color:var(--gold);margin-bottom:12px}
.hm-article h3{
  font-family:var(--serif);font-size:var(--fs-h3);line-height:var(--lh-quote);letter-spacing:var(--ls-title);
  font-weight:500;color:var(--ink);
}
.hm-article .hm-article-p{
  font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);margin-top:14px;max-width:32em;
}
.hm-article .hm-more{margin-top:18px}
/* 栏目页分组后的「查看该板块服务」入口 */
.hm-more-wrap{margin-top:44px;padding-top:26px;border-top:1px solid rgba(21,35,58,.12)}

/* ============ 07b 法律知识栏目页：板块导航 + 关键词筛选 ============ */
/* 板块锚点：为收起状态预留顶部间距 */
.hm-cat-block{scroll-margin-top:calc(var(--nav-h) + 58px)}

/* 板块条：向下滚动时收起，让出正文空间；向上滚动或短暂停顿后重新出现。
   不长期压住文章内容。
   背景用不透明纯色而非 backdrop-filter —— 后者会与 position:sticky 组合成
   独立合成层，使粘性条脱离父级 padding 基准，导致左边界与正文错位。 */
.hm-subnav{
  position:sticky;top:var(--nav-h);z-index:90;
  background:var(--paper);
  border-bottom:1px solid rgba(21,35,58,.10);
  transform:translateY(0);opacity:1;
  transition:transform .28s ease,opacity .28s ease;
}
.hm-subnav.tucked{transform:translateY(-100%);opacity:0;pointer-events:none}
.hm-subnav-in{display:flex;align-items:center;gap:22px;min-height:58px}

/* 关键词筛选（整行撑满） */
.hm-filter{flex:1;margin-left:0;display:flex;align-items:center;gap:10px;min-width:0}
.hm-filter-box{position:relative;display:flex;align-items:center;flex:1;width:100%}
.hm-filter-box svg{
  position:absolute;left:11px;width:14px;height:14px;color:var(--ink-3);pointer-events:none;
}
.hm-filter input{
  width:100%;padding:8px 30px 8px 32px;border-radius:980px;
  border:1px solid rgba(21,35,58,.16);background:var(--white);
  font-family:var(--sans);font-size:var(--fs-small);color:var(--ink);
  transition:border-color .18s,width .2s;
}
.hm-filter input::placeholder{color:var(--ink-3)}
.hm-filter input:focus{outline:none;border-color:var(--gold)}
.hm-filter-clear{
  position:absolute;right:8px;width:18px;height:18px;padding:0;border:none;border-radius:50%;
  background:rgba(21,35,58,.10);color:var(--ink-2);font-size:var(--fs-micro);line-height:1;
  cursor:pointer;display:none;
}
.hm-filter-clear.show{display:block}
.hm-filter-status{
  font-size:var(--fs-micro);color:var(--ink-3);letter-spacing:var(--ls-text);white-space:nowrap;
  font-family:var(--font-en);
}

/* 板块容器：筛选时整体隐藏 */
.hm-cat-block[hidden]{display:none}
.hm-none{
  padding:56px 0;text-align:center;font-size:var(--fs-sub);color:var(--ink-2);letter-spacing:var(--ls-text);
}
.hm-none[hidden]{display:none}

@media (max-width:900px){
  .hm-subnav-in{flex-direction:column;align-items:stretch;gap:10px;padding-top:12px;padding-bottom:12px}
  .hm-filter{margin-left:0}
  .hm-filter input,.hm-filter input:focus{width:100%}
  .hm-filter-box{width:100%}
}

/* ============ 08 关于法鸮 ============ */
.hm-about{display:grid;grid-template-columns:1.5fr 1fr;gap:72px;align-items:start}
.hm-about-copy p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);margin-top:16px;max-width:34em}
.hm-about-copy .btn{margin-top:34px}
.hm-sign{display:flex;align-items:center;gap:14px;margin-top:40px}
.hm-sign-txt{display:flex;flex-direction:column;line-height:var(--lh-tight)}
.hm-sign-txt b{font-family:var(--serif-mix);font-size:var(--fs-body);letter-spacing:var(--ls-label);font-weight:500;color:var(--ink)}
.hm-sign-txt span{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);color:var(--ink-3);margin-top:4px}

.hm-about-visual{display:flex;flex-direction:column;align-items:flex-end;gap:26px;padding-top:40px}
.hm-arc{display:block;border-top:1px solid rgba(197,162,90,.34);border-radius:50% 50% 0 0}
.hm-arc:nth-child(1){width:150px;height:75px}
.hm-arc:nth-child(2){width:220px;height:110px}
.hm-arc:nth-child(3){width:300px;height:150px}

/* ============ 09 预约咨询 ============ */
.hm-cta-sect{background:#FBF8F1}
.hm-cta{max-width:760px;margin:0 auto;text-align:center}
.hm-cta .hm-lead{margin:22px auto 0}
.hm-cta-sub{font-size:var(--fs-sub);color:var(--ink);letter-spacing:var(--ls-text);margin-top:34px}
.hm-cta-list{
  list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;
  margin-top:16px;
}
.hm-cta-list li{
  font-size:var(--fs-sub);color:var(--ink-2);letter-spacing:var(--ls-text);display:flex;align-items:center;gap:26px;
}
.hm-cta-list li + li::before{content:"";width:1px;height:11px;background:rgba(21,35,58,.24)}
.hm-cta .btn{margin-top:40px}
.hm-cta-note{font-size:var(--fs-small);color:var(--ink-3);margin-top:20px;letter-spacing:var(--ls-text)}

/* ============ 10 页脚（浅色，与首页暖白体系一致） ============ */
.hm-footer{
  background:#F5F1E5;color:var(--ink-2);padding:84px 0 40px;
  border-top:1px solid rgba(197,162,90,.45);margin-top:56px;
}
.hm-footer .f-top{border-bottom-color:rgba(21,35,58,.12)}
.hm-footer .f-logo b{color:var(--ink)}
.hm-footer .f-logo span span{color:var(--ink-3)}
.hm-footer .f-desc{font-size:var(--fs-small);letter-spacing:var(--ls-caps);color:var(--ink);margin-top:18px}
.hm-footer h4{color:var(--ink);letter-spacing:var(--ls-caps)}
.hm-footer ul a{color:var(--ink-2)}
.hm-footer ul a:hover{color:var(--ink)}
.hm-footer .line-2{color:var(--ink-3);line-height:var(--lh-body)}
.hm-footer .todo{color:var(--ink-3);border-bottom-color:rgba(21,35,58,.30)}
.hm-footer .f-bottom{gap:6px;padding-top:28px}

/* ============ 内页通用（services / about / contact / articles 共用） ============ */
.hm-page-head{
  padding:calc(var(--nav-h) + 92px) 0 var(--ph-pad-y);background:var(--paper);
  border-bottom:1px solid rgba(21,35,58,.10);
}
.hm-crumb{font-size:var(--ph-crumb-size);color:var(--ink-3);letter-spacing:var(--ls-label);line-height:var(--lh-crumb)}
.hm-crumb a{color:var(--ink-2);transition:color .18s}
.hm-crumb a:hover{color:var(--ink)}
/* 页头里的栏目标签：与正文 .hm-head 同一形态（金线 + 小字），
   但需自行留出与面包屑的间距——.hm-kicker 自身无 margin-top */
/* 页头里的栏目标签：与 Hero 标签同档（--ph-kicker-size 16px）；
   普通版块标签用 --sec-label-size 14px */
.hm-page-head .hm-kicker{margin-top:var(--ph-crumb-gap);font-size:var(--ph-kicker-size)}
.hm-page-head h1{
  font-family:var(--serif);font-weight:500;color:var(--ink);
  font-size:var(--ph-h1-size);letter-spacing:var(--ls-title);
  line-height:var(--ph-h1-lh);margin-top:var(--ph-h1-mt);
  max-width:var(--ph-h1-max);
}
.hm-page-head .hm-lead{
  margin-top:var(--ph-lead-mt);font-size:var(--ph-lead-size);
  line-height:var(--ph-lead-lh);max-width:var(--ph-lead-max);
}

.hm-sect-in{padding:86px 0;background:var(--paper)}

/* 细线分区的条目网格（替代卡片） */
.hm-grid{display:grid;gap:0 64px}
.hm-grid.c2{grid-template-columns:repeat(2,1fr)}
.hm-grid.c3{grid-template-columns:repeat(3,1fr)}
.hm-item{border-top:1px solid rgba(21,35,58,.14);padding:26px 0 24px}
.hm-item h3{font-family:var(--serif);font-size:var(--fs-h3);letter-spacing:var(--ls-title);font-weight:500;color:var(--ink)}
.hm-item p{font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);margin-top:10px}

/* 服务交付清单：编号 + 标题 + 说明 */
.hm-deliver{display:grid;grid-template-columns:repeat(2,1fr);gap:0 64px}
.hm-deliver-item{border-top:1px solid rgba(21,35,58,.14);padding:26px 0 24px}
.hm-deliver-item h3{font-family:var(--serif);font-size:var(--fs-h3);letter-spacing:var(--ls-title);font-weight:500;color:var(--ink);margin-top:10px}
.hm-deliver-item p{font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);margin-top:10px}

/* 问答 */
.hm-faq{border-top:1px solid rgba(21,35,58,.14);max-width:900px}
.hm-faq-row{padding:26px 0;border-bottom:1px solid rgba(21,35,58,.08)}
.hm-faq-q{
  position:relative;padding-left:38px;font-family:var(--serif);font-weight:500;
  font-size:var(--fs-h4);line-height:var(--lh-quote);letter-spacing:var(--ls-title);color:var(--ink);
}
.hm-faq-q::before{
  content:"问";position:absolute;left:0;top:3px;
  font-family:var(--sans);font-size:var(--fs-micro);letter-spacing:var(--ls-label);font-weight:600;
  color:var(--gold);border:1px solid rgba(197,162,90,.45);padding:1px 6px;
}
.hm-faq-a{font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);margin-top:12px;padding-left:38px}

/* 内页结尾 CTA */
.hm-page-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.hm-page-cta h2{font-family:var(--serif);font-weight:500;font-size:var(--sec-h2-size);letter-spacing:var(--ls-title);color:var(--ink)}
.hm-page-cta .hm-lead{font-size:var(--fs-lead);line-height:var(--ph-lead-lh);margin-top:14px;max-width:32em}

/* ============ 响应式 ============ */
@media (max-width:1000px){
  .hm-lines{grid-template-columns:1fr;gap:48px}
  .hm-line-wide{grid-column:span 1;padding:34px 30px}
  .hm-wide-grid{grid-template-columns:1fr;gap:28px}
  .hm-wide-aside{flex-direction:row;align-items:center;gap:14px;padding-top:0}
  .hm-meridian{width:auto;flex:1;margin-left:0}
  .hm-wide-aside .hm-meridian:nth-child(1){flex:1.4}
  .hm-wide-aside .hm-meridian:nth-child(2){flex:1.1}
  .hm-wide-aside .hm-meridian:nth-child(3){flex:.9}
  .hm-wide-aside .hm-meridian:nth-child(4){flex:.6}
  .hm-steps{grid-template-columns:1fr;gap:34px}
  .hm-why{grid-template-columns:repeat(2,1fr);gap:36px}
  .hm-team{grid-template-columns:260px 1fr;gap:44px}
  .hm-team-lead{max-width:260px}
  .hm-articles{grid-template-columns:1fr;gap:0}
  .hm-about{grid-template-columns:1fr;gap:44px}
  .hm-about-visual{align-items:flex-start;padding-top:8px}
}

@media (max-width:1000px){
  .hm-grid.c3{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:900px){
  .hm-sect{padding:76px 0}
  .hm-sect-in{padding:60px 0}
  .hm-page-head{padding:calc(var(--nav-h) + 56px) 0 48px}
  .hm-page-head h1{font-size:clamp(27px,7vw,34px)}
  .hm-page-head .hm-lead{font-size:16px}
  .hm-grid.c2,.hm-grid.c3,.hm-deliver{grid-template-columns:1fr}
  .hm-faq-q,.hm-faq-a{padding-left:0}
  .hm-faq-q::before{position:static;display:inline-block;margin-right:10px;vertical-align:2px}
  .hm-head{margin-bottom:46px}
  .hm-hero{padding:calc(var(--nav-h) + 68px) 0 76px}
  .hm-hero::after,.hm-hero::before{display:none}
  .hm-hero h1{font-size:var(--fs-hero);line-height:var(--lh-hero)}
  .hm-hero .hm-lead{margin-top:24px;font-size:var(--fs-lead);line-height:var(--ph-lead-lh)}
  .hm-actions{margin-top:32px}
  .hm-trust{margin-top:38px;padding-top:22px;gap:10px}
  .hm-trust li{font-size:var(--fs-small);letter-spacing:var(--ls-label)}

  .hm-line h3{font-size:var(--fs-h3)}
  .hm-qs a{padding:20px 2px;gap:14px}
  .hm-q-txt{font-size:var(--fs-h3)}
  .hm-q-cta{margin-top:44px;flex-direction:column;align-items:flex-start;gap:18px}
  .hm-q-cta p{font-size:var(--fs-h3)}

  .hm-why{grid-template-columns:1fr;gap:30px}
  .hm-team{grid-template-columns:1fr;gap:34px}
  .hm-team-lead{max-width:240px}
  .hm-lead-name{font-size:var(--fs-h3)}
  .hm-team-list li{flex-direction:column;gap:4px;align-items:flex-start}
  .hm-note{margin-top:40px;padding:18px 20px}
  .hm-footer .f-top{grid-template-columns:1fr;gap:34px}
  .hm-footer{padding:60px 0 32px}
}