/* 문의하기 v8 — 한 화면, 손을 건네는 사진 + 왼쪽 글 */
.ct-hero{min-height:calc(100svh - 66px);display:flex;align-items:center;padding:56px 0 64px;text-align:left;background:linear-gradient(90deg,#0b1f14f2 0%,#0b1f14d9 34%,#0b1f1466 58%,#0b1f1400 78%),url(contact-handshake.webp) right center/cover no-repeat;color:#fff}
.ct-hero .h8-wrap{max-width:1160px}
.ct-hero .h8-wrap>*{max-width:560px}
.ct-hero .h8-tag{display:inline-block;color:#fff;background:#ffffff1f;border:1px solid #ffffff38;padding:6px 14px;border-radius:999px;font-size:14px;letter-spacing:.04em}
.ct-hero h1{font-size:clamp(30px,4.2vw,50px);font-weight:900;line-height:1.3;letter-spacing:-.045em;color:#fff;text-wrap:balance}
.ct-hero h1 em{font-style:normal;color:#86efac}
.ct-hero .h8-lead{color:#ffffffd9;margin:16px 0 0}
.ct-main{margin-top:34px;font-size:18px;padding:20px 40px}
.ct-micro{margin-top:14px;font-size:14px;color:#ffffffb3}
.ct-sub{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.ct-sub a{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;border:1.5px solid #ffffff59;color:#fff;font-size:15px;font-weight:800;transition:background .2s,border-color .2s}
.ct-sub a:hover{background:#ffffff1a;border-color:#fff}
.ct-direct{margin-top:22px;display:flex;gap:10px;font-size:14px;color:#ffffff99}
.ct-direct a{color:#ffffffcc;padding:6px 0}
.ct-direct a:hover{color:#86efac}
@media(max-width:900px){
 .ct-hero{text-align:center;align-items:flex-end;min-height:calc(100svh - 60px);padding:40px 0 56px;background:linear-gradient(180deg,#0b1f1426 0%,#0b1f1473 35%,#0b1f14f0 62%,#0b1f14 100%),url(contact-handshake.webp) 78% top/auto 62% no-repeat,#0b1f14}
 .ct-hero .h8-wrap>*{margin-left:auto;margin-right:auto}
 .ct-sub,.ct-direct{justify-content:center}
 .ct-main{font-size:16.5px;padding:18px 28px}
}
@media(max-width:900px){.ct-hero{display:block;min-height:0;padding:min(58vw,330px) 0 56px;background:linear-gradient(180deg,#0b1f1400 0%,#0b1f1400 30%,#0b1f14e6 48%,#0b1f14 60%),url(contact-handshake.webp) 72% top/auto min(78vw,440px) no-repeat,#0b1f14}}
@media(max-width:900px){.ct-hero{padding:300px 0 56px;background:linear-gradient(180deg,#0b1f1400 0,#0b1f1400 190px,#0b1f14d9 320px,#0b1f14 400px),url(contact-handshake.webp) 70% top/auto 400px no-repeat,#0b1f14}}
/* 실제 대표 사진 + 흐린 사무실 배경 */
.ct-hero{background:linear-gradient(90deg,#0b1f14f2 0%,#0b1f14d9 34%,#0b1f1459 56%,#0b1f1400 74%),url(contact-portrait-bg.webp) right center/cover no-repeat}
@media(max-width:900px){.ct-hero{background:linear-gradient(180deg,#0b1f1400 0,#0b1f1400 190px,#0b1f14d9 320px,#0b1f14 400px),url(contact-portrait-bg.webp) 72% top/auto 400px no-repeat,#0b1f14}}
/* 검정 그라데이션 */
.ct-hero{background:radial-gradient(60% 70% at 74% 60%,#00000000 0%,#0000004d 60%,#000000b3 100%),linear-gradient(90deg,#050807f5 0%,#050807e0 36%,#05080780 58%,#05080733 78%),url(contact-portrait-bg.webp?v=2) right center/cover no-repeat,#050807}
@media(max-width:900px){.ct-hero{background:linear-gradient(180deg,#05080733 0,#05080733 180px,#050807e6 310px,#050807 390px),url(contact-portrait-bg.webp?v=2) 72% top/auto 400px no-repeat,#050807}}
.ct-hero{background:radial-gradient(60% 70% at 74% 60%,#00000000 0%,#0000004d 60%,#000000b3 100%),linear-gradient(90deg,#050807f5 0%,#050807e0 36%,#05080780 58%,#05080733 78%),url(contact-portrait-bg.webp?v=3) right center/cover no-repeat,#050807}
@media(max-width:900px){.ct-hero{padding:320px 0 56px;background:linear-gradient(180deg,#05080700 0,#05080700 170px,#050807e6 300px,#050807 380px),url(contact-portrait-mobile.webp?v=3) center top/cover no-repeat,#050807;background-size:100% auto,max(100%,420px) auto;background-position:0 0,center top}}
/* 글과 사진을 가운데로 모음 */
@media(min-width:901px){
 .ct-hero{background:radial-gradient(50% 70% at 63% 62%,#00000000 0%,#0000004d 60%,#000000b3 100%),linear-gradient(90deg,#050807 0%,#050807f2 22%,#050807b3 42%,#05080740 56%,#05080759 80%,#050807d9 100%),url(contact-portrait-bg.webp?v=5) center center/cover no-repeat,#050807}
 .ct-hero .h8-wrap{max-width:980px}
 .ct-hero .h8-wrap>*{max-width:520px}
}
@media(min-width:901px){.ct-hero .h8-wrap>h1{max-width:620px}}