/* ── 엔투모로 새 홈 화면 (시안 반영) ── 이 파일은 홈에서만 씁니다 */
.nh{--dk:#12351F;--gr:#1C6B3E;--ink:#14201A;--bd:#4E5A52;--mu:#8B958E;--ln:#E3EAE5;--sf:#F6F9F7}

/* ═══ 히어로 ═══ */
.nh-hero{position:relative;margin-top:calc(var(--top) + 31px);padding:0;background:#EAF0EC;overflow:hidden}
.nh-stage{position:relative;height:clamp(430px,42vw,560px)}
.nh-sl{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.nh-sl.on{opacity:1}
.nh-sl img{width:100%;height:100%;object-fit:cover;object-position:center}
.nh-veil{position:absolute;inset:0;
  background:linear-gradient(96deg,#fff 0%,rgba(255,255,255,.97) 26%,rgba(255,255,255,.72) 42%,rgba(255,255,255,.12) 58%,rgba(255,255,255,0) 70%)}
.nh-body{position:absolute;inset:0;display:flex;align-items:center;z-index:3;pointer-events:none}
.nh-body a{pointer-events:auto}
.nh-body .wrap{width:100%}
.nh-eye{font-size:.82rem;font-weight:700;letter-spacing:2.4px;color:#7E8C84}
.nh-h1{margin-top:16px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.24;font-weight:800;
  color:var(--ink);letter-spacing:-2.2px}
.nh-h1 em{font-style:normal;color:var(--gr)}
.nh-p{margin-top:20px;font-size:clamp(.95rem,1.2vw,1.12rem);line-height:1.72;color:#43514A;font-weight:500}
.nh-bt{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.nbt{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:6px;
  font-size:.98rem;font-weight:700;letter-spacing:-.4px;transition:.2s;white-space:nowrap}
.nbt i{font-style:normal;font-size:.95em}
.nbt.solid{background:var(--dk);color:#fff}
.nbt.solid:hover{background:#0C2716}
.nbt.line{border:1.6px solid #BFCFC4;color:var(--ink);background:rgba(255,255,255,.72)}
.nbt.line:hover{border-color:var(--gr);color:var(--gr)}
.nbt.plain{padding:0;border:0;background:none;color:var(--ink);border-bottom:1.6px solid #C9D6CE;border-radius:0;padding-bottom:7px}
.nbt.plain:hover{color:var(--gr);border-color:var(--gr)}

.nh-hand{position:absolute;right:16%;top:58%;text-align:center;color:#fff;
  font-family:"Nanum Pen Script",Pretendard,sans-serif;font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.55;
  text-shadow:0 2px 10px rgba(10,35,50,.45);pointer-events:none}
.nh-hand .en{display:block;margin-top:10px;font-family:Pretendard,sans-serif;font-size:.66rem;
  font-weight:600;letter-spacing:1.6px;line-height:1.6;opacity:.92}
.nh-dots{position:absolute;z-index:6;right:2.4%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:26px;
  border-left:1px solid rgba(255,255,255,.45);padding-left:16px}
.nh-dots button{background:none;border:0;text-align:left;cursor:pointer;color:rgba(255,255,255,.62);
  font-size:.7rem;font-weight:700;letter-spacing:1.4px;line-height:1.5;padding:0}
.nh-dots button b{display:block;font-size:.86rem;font-weight:800}
.nh-dots button.on{color:#fff}
.nh-cnt{position:absolute;z-index:4;left:0;right:0;bottom:34px;pointer-events:none}
.nh-cnt .in{display:flex;align-items:center;gap:14px;font-size:.78rem;font-weight:700;letter-spacing:1.4px;color:#6E7C74}
.nh-cnt .bar{width:44px;height:1.5px;background:#9FB0A6}

/* ═══ 가치사슬 ═══ */
.nh-chain{background:var(--sf);padding:clamp(52px,6vw,86px) 0}
.nh-chain .in{display:grid;grid-template-columns:minmax(260px,30%) 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.nh-lbl{font-size:.8rem;font-weight:800;letter-spacing:1.8px;color:var(--gr)}
.nh-h2{margin-top:16px;font-size:clamp(1.5rem,2.5vw,2.15rem);line-height:1.36;font-weight:800;
  color:var(--ink);letter-spacing:-1.5px}
.nh-chain p{margin-top:16px;font-size:.98rem;line-height:1.8;color:var(--bd)}
.nh-chain .nbt{margin-top:24px}
.nh-flow{display:flex;align-items:flex-start;justify-content:space-between;gap:0}
.nh-st{flex:1 1 0;text-align:center;min-width:0}
.nh-st .ph{width:clamp(74px,7.4vw,108px);height:clamp(74px,7.4vw,108px);margin:0 auto;border-radius:50%;
  overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(18,53,31,.13)}
.nh-st .ph img{width:100%;height:100%;object-fit:cover}
.nh-st b{display:block;margin-top:16px;font-size:.92rem;font-weight:800;color:var(--ink);letter-spacing:-.6px}
.nh-st span{display:block;margin-top:7px;font-size:.8rem;line-height:1.6;color:#7E8A82}
.nh-ar{flex:0 0 auto;padding:0 4px;align-self:flex-start;margin-top:clamp(32px,3.4vw,48px);
  color:#A9B7AE;font-size:1.05rem}

/* ═══ 3분할 패널 ═══ */
.nh-trio{display:grid;grid-template-columns:repeat(3,1fr)}
.nh-cell{position:relative;min-height:clamp(300px,26vw,360px);display:flex;flex-direction:column;justify-content:center;
  padding:clamp(30px,3vw,44px);overflow:hidden;color:#fff}
.nh-cell > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.nh-cell .sh{position:absolute;inset:0;z-index:1}
.nh-cell.a .sh{background:linear-gradient(180deg,rgba(12,38,22,.62),rgba(10,30,18,.72))}
.nh-cell.b .sh{background:linear-gradient(180deg,rgba(9,38,58,.58),rgba(7,28,45,.72))}
.nh-cell.c .sh{background:linear-gradient(180deg,rgba(14,42,26,.60),rgba(10,32,20,.74))}
.nh-cell .tx{position:relative;z-index:2}
.nh-cell .k{font-size:.76rem;font-weight:700;letter-spacing:1.8px;line-height:1.7;color:rgba(255,255,255,.86)}
.nh-cell h3{margin-top:16px;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.4;font-weight:800;letter-spacing:-1.2px}
.nh-cell p{margin-top:14px;font-size:.92rem;line-height:1.75;color:rgba(255,255,255,.86)}
.nh-cell .go{margin-top:22px;display:inline-block;font-size:.9rem;font-weight:700;
  border-bottom:1.5px solid rgba(255,255,255,.5);padding-bottom:7px}
.nh-cell:hover .go{border-color:#fff}

/* ═══ 마무리 띠 ═══ */
.nh-end{position:relative;overflow:hidden;padding:clamp(40px,4.4vw,58px) 0;color:#fff}
.nh-end > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.nh-end .sh{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,38,22,.93),rgba(13,45,27,.88));z-index:1}
.nh-end .in{position:relative;z-index:2;display:grid;grid-template-columns:auto auto 1fr;gap:clamp(22px,3vw,44px);align-items:center}
.nh-end .lg img{height:clamp(40px,4vw,54px);width:auto;filter:brightness(0) invert(1)}
.nh-end blockquote{border-left:1.5px solid rgba(255,255,255,.35);padding-left:clamp(18px,2vw,28px);
  font-size:.92rem;line-height:1.8;color:rgba(255,255,255,.92);font-weight:500}
.nh-num{display:grid;grid-template-columns:repeat(4,1fr)}
.nh-num > div{text-align:center;padding:0 clamp(8px,1.4vw,18px);border-left:1px solid rgba(255,255,255,.18)}
.nh-num > div:first-child{border-left:0}
.nh-num svg{width:26px;height:26px;margin:0 auto 10px;display:block;stroke:#9FE0B4;fill:none;stroke-width:1.5}
.nh-num .t{font-size:.78rem;color:rgba(255,255,255,.8);letter-spacing:-.3px}
.nh-num .v{margin-top:6px;font-size:clamp(1.15rem,1.8vw,1.6rem);font-weight:800;letter-spacing:-1px;line-height:1.25}
.nh-num .s{margin-top:5px;font-size:.7rem;color:rgba(255,255,255,.6)}

@media(max-width:1080px){
  .nh-chain .in{grid-template-columns:1fr;gap:34px}
  .nh-flow{flex-wrap:wrap;gap:22px 0}
  .nh-st{flex:1 1 33%}
  .nh-ar{display:none}
  .nh-dots{display:none}
}
@media(max-width:860px){
  .nh-trio{grid-template-columns:1fr}
  .nh-end .in{grid-template-columns:1fr;gap:26px;text-align:center}
  .nh-end blockquote{border-left:0;border-top:1px solid rgba(255,255,255,.3);padding:18px 0 0}
  .nh-end .lg img{margin:0 auto}
}
@media(max-width:720px){
  .nh-stage{height:auto;min-height:0}
  .nh-hero{background:#fff}
  .nh-sl{position:relative;height:230px}
  .nh-sl:not(.on){display:none}
  .nh-veil,.nh-hand,.nh-cnt{display:none}
  .nh-body{position:static;padding:30px 0 34px}
  .nh-h1{letter-spacing:-1.4px}
  .nh-st{flex:1 1 50%}
  .nh-num{grid-template-columns:repeat(2,1fr);gap:22px 0}
  .nh-num > div:nth-child(3){border-left:0}
}