@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--ink:#30483e;--green:#36584c;--muted:#6e786e;--cream:#f8f7f1;--line:#dedfd4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:15px;line-height:1.85;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c1844e;outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;padding:0 6%;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:26px;line-height:1.2;letter-spacing:-1px}.brand-icon{font-size:48px;color:#809173}.brand small{display:block;font-size:10px;letter-spacing:1px;margin-top:7px}.header-cta{background:var(--green);color:white;padding:11px 22px;border-radius:4px;font-size:13px}nav{display:flex;gap:30px;font-size:13px}nav a:hover,.text-link:hover{color:#a46641}.wrap{max-width:1220px;margin:0 auto;padding-left:36px;padding-right:36px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding-top:64px;padding-bottom:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;margin-bottom:24px;color:#71816c}.eyebrow span{display:inline-block;background:#92a783;width:7px;height:7px;border-radius:50%;margin-right:9px}.hero h1{font-family:'Noto Serif KR',serif;font-size:49px;line-height:1.5;font-weight:500;letter-spacing:-2.5px;margin:0 0 25px}em{font-style:normal;color:#7f906e}.hero p{color:var(--muted);font-size:15px;line-height:1.95}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.button{display:inline-flex;justify-content:space-between;gap:28px;background:var(--green);color:#fff;padding:15px 23px;border-radius:4px;font-size:13px;transition:background .2s,transform .2s}.button:hover,.header-cta:hover{background:#244437}.button:hover{transform:translateY(-2px)}.text-link{font-size:12px}.hero-note{margin-top:33px;font-size:11px;color:#7d8578}.hero-note span{margin-left:15px;border-left:1px solid #bbc0b3;padding-left:15px}.hero-art{position:relative;background:#f0eee3;border-radius:160px 160px 8px 8px;overflow:hidden;min-height:540px}.hero-art svg{display:block;width:100%;margin-top:45px}.art-label{position:absolute;top:39px;left:42px;font-size:9px;letter-spacing:2px;color:#818675;line-height:1.8}.art-caption{position:absolute;bottom:23px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;font-family:'Noto Serif KR',serif;font-size:16px;line-height:1.7}.flower{font-size:46px}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 9%;display:flex;align-items:center;justify-content:space-between}.intro-strip span{font-size:11px;color:#87917f}.intro-strip p{margin:0;font-size:14px;letter-spacing:3px}.section{padding-top:90px;padding-bottom:90px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}h2{font-family:'Noto Serif KR',serif;font-weight:500;letter-spacing:-1.5px;line-height:1.5;font-size:34px;margin:0}p{color:var(--muted)}.section-top p{font-size:13px;margin:0 0 5px}.concern-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.concern-tabs button{text-align:left;display:flex;flex-direction:column;gap:17px;padding:21px;background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:13px;cursor:pointer}.concern-tabs button span{align-self:flex-end}.concern-tabs button.selected{background:var(--green);color:white;border-color:var(--green)}.concern-detail{margin-top:17px;background:#eeeee4;display:flex;justify-content:space-between;align-items:center;padding:29px 34px;gap:40px;border-radius:5px}.tag{font-size:10px;letter-spacing:1px;color:#738269}.concern-detail h3{font-size:21px;font-weight:500;margin:5px 0 9px}.concern-detail p{font-size:13px;margin:0;max-width:690px}.concern-detail>a{white-space:nowrap;font-size:12px;border-bottom:1px solid #a9b09f;padding-bottom:5px}.fine{font-size:10px;color:#929689;margin-top:12px}.about-section{background:#e8ecdf;padding:80px 0}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.about-title{position:relative}.line-flower{font-size:135px;line-height:1;color:#b4c1a6;margin-top:45px}.about-lead{font-family:'Noto Serif KR',serif;font-size:23px;color:var(--ink);margin-top:0}.about-grid p:not(.about-lead){font-size:13px}.values{margin-top:30px}.values>div{border-top:1px solid #cbd4c2;padding:13px 0 10px;position:relative;padding-left:45px}.values span{position:absolute;left:0;top:16px;font-size:11px;color:#859379}.values h3{font-weight:500;font-size:15px;margin:0}.values p{margin:3px 0}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.program-grid article{border:1px solid var(--line);border-radius:5px;padding:30px}.program-symbol{width:52px;height:52px;display:grid;place-items:center;font-family:serif;font-size:29px;border-radius:50%;margin-bottom:25px}.peach{background:#edd9cb}.green{background:#dfe7d7}.yellow{background:#f0e6c3}.lavender{background:#e3dfe8}.sand{background:#eae5d7}.program-grid article>span{font-size:9px;letter-spacing:1.5px;color:#8b9486}.program-grid h3{font-size:21px;font-weight:500;margin:8px 0}.program-grid p{font-size:13px;margin:0}.program-help{padding:35px;background:#e6ebdc;border-radius:5px;display:flex;flex-direction:column;justify-content:center}.program-help>span{font-family:'Noto Serif KR',serif;font-size:25px;line-height:1.6}.program-help p{margin-top:15px}.program-help b{font-size:12px;font-weight:500;margin-top:28px}.people{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:50px;padding-bottom:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.people h2{font-size:29px}.people p{font-size:13px}.people-links{align-self:center}.people-links a{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:27px 0}.people-links a>span{font-size:13px;color:#8b977f}.people-links a>span:last-child{margin-left:auto;font-size:22px}.people-links strong{font-size:20px;font-weight:500}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.story-art{height:220px;position:relative;border-radius:5px;padding:32px;overflow:hidden}.story-art>span{font-family:'Noto Serif KR',serif;font-size:23px;line-height:1.7;position:relative;z-index:1}.story-art>b{position:absolute;right:15px;bottom:-50px;font-size:170px;font-family:serif;font-weight:400;opacity:.18}.art-one{background:#e4e9db}.art-two{background:#efdfd0}.art-three{background:#eae7d7}.story small{font-size:10px;color:#87917c;display:block;margin-top:22px}.story h3{font-size:18px;line-height:1.7;font-weight:500;margin:10px 0 18px}.read{font-size:11px;color:#73816a}.story:hover h3{text-decoration:underline;text-underline-offset:5px}.faq-section{background:#eeeee6;padding:70px 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq-grid p{font-size:13px}.faqs details{border-bottom:1px solid #d1d6c9;padding:20px 0}.faqs details:first-child{border-top:1px solid #d1d6c9}.faqs summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+'}.faqs details[open] summary:after{content:'−'}.faqs details p{font-size:13px;line-height:1.9;padding-right:24px;margin-bottom:5px}.faqs details a{font-size:12px;text-decoration:underline}.visit-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px}.visit-grid p{font-size:13px}.phone{display:block;font-size:30px;letter-spacing:1px;margin:25px 0}dl{font-size:12px;display:grid;grid-template-columns:70px 1fr;gap:14px}dt{color:#8a9480}dd{margin:0}.visit-card{background:#e9eddf;border-radius:8px;text-align:center;padding:24px 24px 30px}.visit-card .eyebrow{margin-bottom:10px}.visit-card p{font-family:'Noto Serif KR',serif;font-size:22px;color:var(--ink);margin:15px 0 6px}.visit-card>span{font-size:10px;color:#859079;display:block}.visit-card>a{font-size:12px;display:inline-block;margin-top:15px;border-bottom:1px solid #a2af95}.map-graphic{height:190px;position:relative;overflow:hidden;background:#e0e6d5;border-radius:5px}.road{position:absolute;background:#f8f7ef}.r1{height:25px;width:120%;transform:rotate(-25deg);top:100px;left:-10%}.r2{height:260px;width:22px;transform:rotate(-20deg);top:-30px;left:220px}.r3{height:260px;width:14px;transform:rotate(20deg);top:-20px;left:60px}.map-block{position:absolute;border-radius:8px;background:#c7d3ba;width:50px;height:35px}.b1{left:90px;top:28px}.b2{right:25px;bottom:20px;width:70px}.b3{left:85px;bottom:12px}.pin{position:absolute;left:50%;top:40px;transform:translateX(-50%);background:var(--green);border-radius:50% 50% 50% 0;rotate:-45deg;color:#fff;width:65px;height:65px;font-size:35px;line-height:65px}.pin small{position:absolute;rotate:45deg;font-family:'Noto Sans KR';font-size:11px;top:60px;left:-42px;white-space:nowrap;background:var(--cream);color:var(--ink);line-height:1;padding:7px 12px;border-radius:20px}.pin{font-size:0}.pin:before{content:'✳';display:block;rotate:45deg;font-size:35px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:34px;padding-bottom:34px}footer .brand{font-size:20px}footer .brand-icon{font-size:38px}footer p{font-size:12px}footer small{font-size:9px;color:#989d90}footer>a{font-size:11px}.mobile-contact{display:none}@media(min-width:1450px){.hero{padding-top:85px;padding-bottom:85px}}@media(max-width:1000px){nav{gap:15px;font-size:11px}.hero{gap:25px}.hero h1{font-size:39px}.hero-art{min-height:470px}.hero-art svg{margin-top:65px}.about-grid,.faq-grid,.visit-grid{gap:35px}.concern-tabs button{padding:15px;font-size:12px}.intro-strip span{display:none}.intro-strip{justify-content:center}.program-grid article{padding:24px}.story-art{padding:25px}.story-art>span{font-size:20px}.hero .actions{gap:15px}}@media(max-width:700px){header{height:80px;padding:0 22px}.brand{font-size:22px}.brand-icon{font-size:38px}nav{display:none}.header-cta{font-size:11px;padding:9px 15px}.wrap{padding-left:23px;padding-right:23px}.hero{grid-template-columns:1fr;padding-top:42px;gap:35px;padding-bottom:35px}.hero h1{font-size:38px;letter-spacing:-1.8px}.hero p{font-size:14px}.hero-art{min-height:0;max-width:470px;width:100%;margin:auto;border-radius:120px 120px 5px 5px}.hero-art svg{margin-top:5px}.art-label{top:30px;left:27px;font-size:8px}.art-caption{font-size:14px;bottom:18px}.hero-note{margin-top:22px}.intro-strip{padding:16px 20px}.intro-strip p{font-size:11px;letter-spacing:1px}.section{padding-top:57px;padding-bottom:57px}.section-top{display:block;margin-bottom:25px}.section-top p,.section-top>.text-link{display:block;margin-top:18px}.eyebrow{font-size:9px;margin-bottom:16px}h2{font-size:28px}.concern-tabs{grid-template-columns:1fr 1fr;gap:9px}.concern-tabs button{min-height:105px}.concern-detail{display:block;padding:24px}.concern-detail h3{font-size:19px}.concern-detail>a{display:inline-block;margin-top:18px}.about-section{padding:55px 0}.about-grid{grid-template-columns:1fr;gap:30px}.line-flower{display:none}.about-lead{font-size:21px}.program-grid{grid-template-columns:1fr 1fr;gap:10px}.program-grid article{padding:21px 16px}.program-grid article>span{font-size:8px;letter-spacing:.3px}.program-grid h3{font-size:19px}.program-grid p{font-size:12px}.program-help{padding:20px 16px}.program-help>span{font-size:20px}.program-help b{font-size:11px}.people{grid-template-columns:1fr;gap:12px;padding-top:35px;padding-bottom:35px}.people h2{font-size:26px}.people-links a{padding:19px 0}.people-links strong{font-size:17px}.story-grid{grid-template-columns:1fr;gap:30px}.story-art{height:180px}.story-art>span{font-size:23px}.story small{margin-top:15px}.story h3{font-size:18px;margin:6px 0 8px}.faq-section{padding:50px 0}.faq-grid{grid-template-columns:1fr;gap:15px}.visit-grid{grid-template-columns:1fr;gap:35px}.phone{font-size:29px}footer{flex-wrap:wrap;gap:10px;padding-bottom:95px}footer p{order:3;width:100%;font-size:11px}footer>a{margin-left:auto}.mobile-contact{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--green);color:#fff;text-align:center;padding:15px 20px calc(15px + env(safe-area-inset-bottom));z-index:10;font-size:13px;box-shadow:0 -3px 20px #213e3020}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Official Yousming CI, rendered directly from supplied Illustrator artwork. */
.brand-logo{display:block;width:230px;height:auto;object-fit:contain}header .brand{flex-shrink:0}footer .brand-logo{width:215px}@media(max-width:1000px){header .brand-logo{width:200px}header nav{gap:14px}}@media(max-width:700px){header{height:98px;gap:16px;padding:0 20px}header .brand-logo{width:min(220px,58vw)}footer .brand-logo{width:210px}.header-cta{white-space:nowrap;padding:9px 12px}}@media(max-width:370px){header .brand-logo{width:190px}.header-cta{font-size:10px;padding:8px}}
/* Mobile navigation and comfortable touch-first reading. */
.mobile-menu,.mobile-actions{display:none}
@media(max-width:700px){
html{scroll-padding-top:105px}body{font-size:16px;line-height:1.8;overflow-wrap:break-word}
header{height:88px;padding:0 20px;position:sticky;top:0;background:#f8f7f1fa;z-index:30;gap:12px;max-width:none}header .brand-logo{width:190px;max-width:58vw;height:auto}header>.header-cta{display:none}
.mobile-menu{display:block;margin-left:auto}.mobile-menu summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;cursor:pointer;font-size:14px;border:1px solid #d7dccf;border-radius:8px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{font-size:20px}.mobile-menu[open] summary{background:#e6ebdc}.mobile-menu nav{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;gap:0;background:var(--cream);padding:12px 24px 20px;border-bottom:1px solid var(--line);box-shadow:0 16px 20px #24362a12}.mobile-menu nav a{display:flex;justify-content:space-between;padding:15px 4px;min-height:52px;font-size:16px;border-bottom:1px solid var(--line)}
.wrap{padding-left:22px;padding-right:22px}.hero{padding-top:34px;gap:28px}.hero h1{font-size:clamp(29px,8.3vw,40px);line-height:1.48;letter-spacing:-1.5px;margin-bottom:20px}.hero p{font-size:16px;line-height:1.9}.hero .eyebrow{font-size:11px;letter-spacing:1px}.actions{gap:10px;margin-top:24px}.actions .button{width:100%;min-height:54px;font-size:15px;justify-content:center;padding:14px 16px}.actions .text-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;font-size:14px}.hero-note{font-size:11px;margin-top:17px}.hero-note span{margin-left:9px;padding-left:9px}.hero-art{max-width:370px;max-height:380px}.hero-art svg{height:380px;object-fit:cover}.art-label{top:24px;font-size:8px}.art-caption{left:24px;right:24px;font-size:14px}.intro-strip p{font-size:12px;letter-spacing:0}
.section{padding-top:48px;padding-bottom:48px}h2{font-size:28px;letter-spacing:-1px}.section-top p,.people p,.faq-grid p,.visit-grid p,.about-grid p:not(.about-lead){font-size:15px;line-height:1.85}.section-top>.text-link{min-height:44px;font-size:14px;padding:10px 0}.eyebrow{font-size:10px;letter-spacing:1.5px}.concern-tabs{gap:10px}.concern-tabs button{font-size:14px;line-height:1.65;padding:16px;min-height:120px;justify-content:space-between}.concern-detail{padding:23px}.concern-detail h3{font-size:21px;line-height:1.6}.concern-detail p{font-size:15px}.concern-detail>a{padding:10px 0;font-size:14px;min-height:44px}.fine{font-size:12px;line-height:1.7}.about-lead{font-size:22px}.values h3{font-size:17px}.values>div{padding-top:18px;padding-bottom:18px}.values span{top:21px}
.program-grid{grid-template-columns:1fr;gap:13px}.program-grid article{padding:24px;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:17px}.program-symbol{grid-column:1;grid-row:1/4;margin:0;align-self:start}.program-grid article>span{grid-column:2;font-size:9px;letter-spacing:1px}.program-grid h3{grid-column:2;font-size:21px;margin:4px 0 8px}.program-grid article p{grid-column:2;font-size:15px;line-height:1.8}.program-help{padding:26px}.program-help>span{font-size:24px}.program-help p{font-size:15px}.program-help b{font-size:15px;margin-top:20px}.people-links a{min-height:64px}.people-links strong{font-size:19px}.story-art{height:170px}.story small{font-size:12px}.story h3{font-size:20px}.read{display:inline-block;font-size:14px;min-height:44px;padding:8px 0}.faqs summary{font-size:16px;line-height:1.65;min-height:44px;align-items:center}.faqs details{padding:14px 0}.faqs details p{font-size:15px;padding-right:0}.faqs details a{font-size:14px;display:inline-block;padding:10px 0}.phone{font-size:29px;min-height:48px}dl{font-size:14px;grid-template-columns:60px minmax(0,1fr);gap:16px}.visit-card>span{font-size:12px}.visit-card>a{font-size:14px;min-height:44px;padding:10px 0}.visit-card p{font-size:23px}footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}footer p{font-size:12px}footer>a{min-height:44px;font-size:13px;display:flex;align-items:center}.mobile-actions{display:grid;grid-template-columns:1fr 1.65fr;gap:10px;position:fixed;z-index:40;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#f8f7f1fa;border-top:1px solid #d8ddd1;box-shadow:0 -5px 20px #213e3010}.mobile-actions a{min-height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:15px;font-weight:500}.mobile-call{border:1px solid var(--green);color:var(--green)}.mobile-chat{background:var(--green);color:white}
}
@media(max-width:360px){header{padding:0 16px}.wrap{padding-left:18px;padding-right:18px}.mobile-menu summary{gap:6px;padding:9px;font-size:13px}header .brand-logo{width:175px}.concern-tabs button{font-size:13px;padding:13px}.hero-note{font-size:10px}.hero-note span{margin-left:6px;padding-left:6px}.program-grid article{padding:20px;column-gap:13px}.mobile-actions{padding-left:12px;padding-right:12px}.mobile-actions a{font-size:14px}}
.blog-sync-note{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.7}.story h3{overflow-wrap:anywhere}.story-grid{align-items:start}@media(max-width:700px){.blog-sync-note{font-size:14px}}

/* Official CI: display the symbol area of the original artwork without altering it. */
.ci-mark{display:block;flex-shrink:0;aspect-ratio:1208/348;background-image:url('/assets/yousming-logo.png');background-repeat:no-repeat;background-size:155.3% auto;background-position:center top}
.hero-ci{width:88px;align-self:flex-end;margin-bottom:8px}
.approach-ci{width:220px;margin-top:52px;margin-bottom:12px}
.pin:before{content:none}
.pin-ci{position:absolute;width:48px;left:9px;top:24px;rotate:45deg}
.art-label{left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}
@media(max-width:700px){.hero-ci{width:64px}.approach-ci{width:160px;margin-top:28px}.art-caption{gap:12px}.art-label{left:50%}}

.story-art.story-photo{padding:0;display:flex;align-items:center;justify-content:center;background:#efeee7;overflow:hidden}.story-photo img{display:block;width:100%;height:100%;object-fit:contain}.story-photo img.image-fallback{width:75%;height:75%;object-fit:contain}

.map-label{position:absolute;top:120px;left:50%;transform:translateX(-50%);background:var(--cream);color:var(--ink);font-size:11px;line-height:1.5;padding:6px 12px;border-radius:20px;white-space:nowrap;max-width:calc(100% - 16px)}
