/* KOMD 2026-10-27 homepage redesign — draft */
body.komd-connect .kn-home{background:#f7f5f0;color:#263735}
body.home.komd-connect .kc-header,body.home.komd-connect .kc-footer{background:#112724}
body.komd-connect .kn-home .kd-bottom{background:radial-gradient(ellipse at 50% 100%,#456658,#112724 80%)}
body.komd-connect .kn-hero{padding:104px 6% 42px; background:linear-gradient(100deg,rgba(18,37,40,.96) 0%,rgba(23,42,43,.91) 40%,rgba(28,43,39,.56) 76%,rgba(28,43,39,.50) 100%),url("https://komdtour.com/wp-content/uploads/2026/10/hero-concept-original-1536x864.png") center top/cover no-repeat;color:#fff}
body.komd-connect .kn-glow{background:linear-gradient(0deg,rgba(18,37,40,.86),transparent 70%)}
body.komd-connect .kn-hero-inner{max-width:1140px}
body.komd-connect .komd-redesign-lettering{display:block;width:min(230px,55vw);height:auto;margin:0 auto 22px;filter:brightness(0) invert(1);opacity:.82}
body.komd-connect .kn-home .kn-hero .kc-eyebrow{color:#f5e8ce;letter-spacing:.16em}
body.komd-connect .kn-hero h1{color:#fff;font-weight:500;letter-spacing:-.045em;text-shadow:0 2px 24px rgba(0,0,0,.2)}
body.komd-connect .kn-hero h1 span{color:#e8d9bc;background:none;-webkit-text-fill-color:currentColor}
body.komd-connect main.kn-home section.kn-hero p.kn-hero-lead{color:#f7f6f1}
body.komd-connect .kn-hero #kc-clinic-start>label,body.komd-connect .kn-hero .kn-graph-heading p{color:#f2f0ea}
body.komd-connect .kn-hero #kc-clinic-start{max-width:740px}
body.komd-connect .kn-hero-promises{color:#f4eee2}
body.komd-connect .kn-graph-heading{margin-top:64px}
body.komd-connect .kn-network{border:1px solid rgba(232,217,188,.23);border-radius:28px;background:rgba(17,36,37,.74);backdrop-filter:blur(12px)}
/* Keep the destination badge centered with breathing room below the network. */
body.komd-connect .kn-clinic-destination{box-sizing:border-box;align-items:center;justify-content:center;line-height:1.25;margin:18px auto 28px}
@media(max-width:700px){body.komd-connect .kn-clinic-destination{margin:14px auto 18px}}
body.komd-connect .kn-home .kd-section{padding-top:92px;padding-bottom:92px}
body.komd-connect .kn-home .kd-care,body.komd-connect .kn-home .kd-process{background:#fbfaf7}
body.komd-connect .kd-care-grid article{border-color:#dddcd3;background:linear-gradient(150deg,#fff,#f5f4ef);border-radius:12px;box-shadow:0 14px 36px rgba(34,51,43,.05)}
body.komd-connect .kd-care-grid article:hover{border-color:#8b9c8d;background:#f5f7f1}
body.komd-connect .komd-planning-illustration{position:relative;margin:0 6% 72px;overflow:hidden;border-radius:12px;max-height:470px;background:#e9e6dd}
body.komd-connect .komd-planning-illustration img{display:block;width:100%;max-height:470px;object-fit:cover}
body.komd-connect .komd-planning-illustration figcaption{position:absolute;right:12px;bottom:12px;color:#fff;background:rgba(20,33,31,.75);font-size:10px;padding:4px 7px;border-radius:3px}
@media(max-width:700px){body.komd-connect .komd-planning-illustration{margin:0 22px 48px;max-height:280px}body.komd-connect .komd-planning-illustration img{height:240px;object-fit:cover}}
body.komd-connect .kn-home h2 span,body.komd-connect .kn-home .kc-eyebrow,body.komd-connect .kn-home .kd-step{color:#526e61}
body.komd-connect .kn-home .kc-button-blue{background:#405e52;color:#fff}
body.komd-connect .kn-home .kc-button-blue:hover{background:#2d493d}
body.komd-connect .kd-process-grid article{border-color:#e2e2d9;border-radius:12px;box-shadow:0 14px 36px rgba(34,51,43,.05)}
body.komd-connect .kn-home .kd-section-heading h2{letter-spacing:-.04em}
body.komd-connect .kn-home .kd-section-heading>p{color:#4c5c56}
body.komd-connect .kn-hero:after{content:"AI illustration";position:absolute;top:12px;right:18px;font-size:10px;letter-spacing:.06em;color:#fff;background:rgba(20,33,31,.72);padding:4px 7px;border-radius:3px}
:lang(ko) body.komd-connect .kn-hero:after{content:"AI 생성 이미지"}
:lang(ja) body.komd-connect .kn-hero:after{content:"AI生成イメージ"}
:lang(zh) body.komd-connect .kn-hero:after{content:"AI生成示意图"}
:lang(vi) body.komd-connect .kn-hero:after{content:"Hình minh họa AI"}
:lang(ru) body.komd-connect .kn-hero:after{content:"Иллюстрация ИИ"}
@media(max-width:700px){html[lang^="ja"] body.komd-connect .kn-hero h1,html[lang^="zh"] body.komd-connect .kn-hero h1{font-size:clamp(27px,7.2vw,32px)!important;line-height:1.22}}
@media(max-width:430px){body.komd-connect .kc-header .kc-logo,body.komd-connect .kc-header .kc-logo img{width:85px!important;flex-basis:85px}body.komd-connect .kc-header-actions{gap:6px!important}body.komd-connect .kc-header .kc-header-cta{padding-left:9px;padding-right:9px;gap:5px}}
@media(max-width:700px){body.komd-connect .kn-hero{padding:75px 22px 32px;background-position:58% top;background-image:linear-gradient(100deg,rgba(18,37,40,.96) 0%,rgba(23,42,43,.91) 40%,rgba(28,43,39,.56) 76%,rgba(28,43,39,.5) 100%),url("https://komdtour.com/wp-content/uploads/2026/10/hero-concept-original-768x432.png")}body.komd-connect .kn-hero h1{font-size:clamp(34px,9vw,52px)!important}body.komd-connect .kn-hero-lead{color:#f0eee9}body.komd-connect .kn-graph-heading{margin-top:44px}body.komd-connect .kn-network{border-radius:20px}body.komd-connect .kn-home .kd-section{padding-top:60px;padding-bottom:60px}}