/* home.css — 메인 (WU-01) */

.home-hero{
  overflow:hidden;
  padding-block:var(--s9) 0;
}
.home-hero__copy{ max-width:920px; margin-inline:auto; text-align:center; }
.home-hero h1{
  margin-top:var(--s5);
  font-size:clamp(42px,6vw,76px);
  line-height:1.08;
  letter-spacing:-.055em;
}
.home-hero h1 span{ color:var(--ink-soft); }
.home-hero .lead{ max-width:760px; margin:var(--s5) auto 0; font-size:clamp(17px,2vw,21px); }
.home-hero .btn-row{ justify-content:center; margin-top:var(--s6); }

.home-screen-stage{
  position:relative;
  min-height:clamp(360px,39vw,470px);
  margin-top:clamp(var(--s6),5vw,var(--s8));
}
.home-screen-stage__item{
  position:absolute;
  overflow:hidden;
  border:1px solid var(--line-firm);
  border-radius:var(--radius);
  background:var(--white);
}
.home-screen-stage__item figcaption{
  padding:var(--s2) var(--s3);
  color:var(--steel);
  background:var(--white);
  font-family:var(--font-mono);
  font-size:var(--fs-micro);
}
.home-screen-stage__image{ width:100%; height:auto; }
.home-screen-stage__item--inventory{ left:0; bottom:12%; width:46%; transform:rotate(-3deg); }
.home-screen-stage__item--quote{ left:50%; bottom:0; z-index:2; width:72%; transform:translateX(-50%); }
.home-screen-stage__item--consulting{ right:0; bottom:14%; width:46%; transform:rotate(3deg); }

.home-trust{
  max-width:920px;
  margin:var(--s7) auto var(--s9);
  padding-top:var(--s7);
  border-top:1px solid var(--line);
  text-align:center;
}
.home-trust h2{ font-size:clamp(34px,4.4vw,54px); letter-spacing:-.04em; }
/* 경력·자격 4칸 — 모노 서체는 숫자에만 씁니다 */
.home-trust .kpi{ margin-top:var(--s6); text-align:left; }
.home-trust .kpi__n{ font-family:var(--font-kr); letter-spacing:-.03em; }
.home-trust .kpi__n.mono{ font-family:var(--font-mono); }

/* 진입 모션 — 기획안 11-5 : 페이드 수준까지. JS가 없으면 정적으로 그대로 보입니다. */
.js .home-trust{
  opacity:0;
  transform:translateY(8px);
  transition-property:opacity,transform;
  transition-duration:240ms;
  transition-timing-function:var(--ease);
}
.js .home-trust.is-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .js .home-trust{ opacity:1; transform:none; }
}
@media print{
  .js .home-trust{ opacity:1; transform:none; }
}

.home-services .sec-head{ max-width:820px; }
.home-service-bento{ display:grid; gap:var(--s5); }
.home-service-card{
  min-height:260px;
  padding:clamp(var(--s5),4vw,var(--s7));
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--white);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--s6);
}
.home-service-card h3{ margin-top:var(--s3); font-size:clamp(24px,3vw,38px); letter-spacing:-.04em; }
.home-service-card p:not(.card__no){ margin-top:var(--s4); max-width:54ch; }
.home-service-card--primary{ color:var(--white); background:var(--ink); border-color:var(--ink); }
.home-service-card--primary h3,.home-service-card--primary strong{ color:var(--white); }
.home-service-card--primary p{ color:var(--on-ink); }
.home-service-card--primary .card__no{ color:var(--signal); }
.home-service-card--primary .card__link{ color:var(--white); }
.home-service-card--education{ background:var(--mark); }

.home-work{ color:var(--white); background:var(--ink); }
.home-work .sec-head{ max-width:850px; }
.home-work .sec-head__eyebrow{ color:var(--signal); }
.home-work h2,.home-work h3,.home-work strong{ color:var(--white); }
.home-work .sec-head p,.home-work .home-case p{ color:var(--on-ink); }
.home-case-list{ margin-top:var(--s8); display:grid; gap:var(--s9); }
.home-case{ display:grid; align-items:center; gap:var(--s6); }
.home-case__number{ color:var(--signal); font-size:var(--fs-label); letter-spacing:.16em; }
.home-case h3{ margin-top:var(--s3); font-size:clamp(28px,3.5vw,42px); }
.home-case p{ margin-top:var(--s4); }
.home-case__media{ overflow:hidden; border:1px solid var(--line-firm); border-radius:var(--radius); background:var(--paper); }
.home-case__media img{ width:100%; height:auto; }
.home-work__link{ margin-top:var(--s8); }

.home-consultant__grid{ align-items:start; gap:clamp(var(--s6),7vw,var(--s9)); }
.home-consultant__photo{ max-width:440px; }
.home-consultant__photo img{ width:100%; height:auto; }

.home-contact__panel{
  padding:clamp(var(--s6),6vw,var(--s8));
  color:var(--white);
  background:var(--ink);
  border-radius:var(--radius);
  display:grid;
  gap:var(--s6);
}
.home-contact__panel h2{ margin-top:var(--s3); color:var(--white); }
.home-contact__panel p{ margin-top:var(--s4); color:var(--on-ink); }
.home-contact__panel .sec-head__eyebrow{ color:var(--signal); }
.home-contact__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--s3); }
.home-contact__actions .btn--primary{ background:var(--white); color:var(--ink); }
.home-contact__actions .btn--secondary{ background:transparent; color:var(--white); border-color:var(--line-firm); }
.home-contact__actions .btn--text{ color:var(--white); }

@media (min-width:768px){
  .home-case{ grid-template-columns:minmax(220px,.72fr) minmax(0,1.45fr); gap:clamp(var(--s7),7vw,var(--s9)); }
  .home-case:nth-child(even) .home-case__copy{ order:2; }
  .home-contact__panel{ grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); align-items:center; }
  .home-contact__actions{ justify-content:flex-start; }
}

@media (min-width:900px){
  .home-service-bento{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
    grid-template-rows:repeat(2,minmax(0,1fr));
  }
  .home-service-card--primary{ grid-row:1 / span 2; min-height:580px; }
}

@media (max-width:767px){
  .home-screen-stage{ min-height:400px; }
  .home-screen-stage__item--quote{ width:88%; }
  .home-screen-stage__item--inventory,.home-screen-stage__item--consulting{ width:58%; }
  .home-consultant__photo{ margin-inline:auto; }
}

@media (max-width:639px){
  .home-hero{ padding-top:var(--s8); }
  .home-hero__copy{ text-align:left; }
  .home-hero h1{ font-size:clamp(34px,9.8vw,46px); }
  .home-hero .btn-row{ justify-content:flex-start; }
  /* 데스크톱의 겹친 인상을 모바일에서도 유지합니다.
     좁은 폭에서 좌우로 겹치면 화면 내용이 읽히지 않으므로,
     폭은 거의 그대로 두고 세로로 어긋나게 포갭니다.
     위 카드가 아래 카드를 덮도록 z-index 를 내려가며 줍니다. */
  .home-screen-stage{ min-height:0; display:grid; grid-template-columns:minmax(0,1fr); }
  .home-screen-stage__item{ position:relative; inset:auto; }
  .home-screen-stage__item--quote{
    grid-row:1; z-index:3; width:96%; justify-self:start; transform:rotate(-1deg);
  }
  .home-screen-stage__item--inventory{
    grid-row:2; z-index:2; width:88%; justify-self:end;
    margin-top:calc(var(--s5) * -1); transform:rotate(1.6deg);
  }
  .home-screen-stage__item--consulting{
    grid-row:3; z-index:1; width:88%; justify-self:start;
    margin-top:calc(var(--s5) * -1); transform:rotate(-1.6deg);
  }
  .home-trust{ margin-bottom:var(--s8); text-align:left; }
  .home-trust h2{ font-size:34px; }
  .home-service-card{ min-height:0; }
  .home-contact__actions{ flex-direction:column; align-items:stretch; }
  .home-contact__actions .btn{ width:100%; }
}