/* TAEGEUM v10 — independently authored responsive subpage design inspired by reference layouts. */
:root{--tg-dark:#161b29;--tg-text:#151820;--tg-blue:#0969ed;--tg-surface:#f5f6f9;--tg-border:#e8ebf1}
html{scroll-behavior:smooth}body{font-family:Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif;letter-spacing:-.028em;color:var(--tg-text)}
/* New provided logo displayed over dark backing so white lettering stays legible */
.sol-brand,.brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;background:#080808!important;padding:8px 12px!important;border-radius:9px!important;max-width:290px!important;height:51px!important;overflow:hidden!important}
.sol-brand img,.brand img{display:block!important;width:260px!important;max-width:100%!important;height:auto!important;max-height:39px!important;object-fit:contain!important;object-position:center!important}
.sol-footer-brand img,.footer-logo{width:min(300px,100%)!important;height:auto!important;max-height:none!important;background:#080808!important;object-fit:contain!important;border-radius:8px;padding:8px!important}
/* Sub pages: broad clean editorial pages instead of legacy image overlay */
body:not(.page-home) .sub-hero{min-height:290px!important;height:auto!important;display:flex;align-items:center;background:#f5f6f9!important;padding:67px 0 62px!important;color:#171923!important;position:relative;overflow:hidden}
body:not(.page-home) .sub-hero:before,body:not(.page-home) .sub-hero:after{display:none!important}
body:not(.page-home) .sub-hero>.shell{position:relative;z-index:1}
body:not(.page-home) .sub-hero .eyebrow{color:#296be9!important;letter-spacing:.11em;font-size:12px;font-weight:800}
body:not(.page-home) .sub-hero h1{font-weight:900!important;font-size:clamp(37px,4.7vw,58px)!important;line-height:1.22!important;letter-spacing:-.072em!important;margin:14px 0 14px!important;color:#101319!important}
body:not(.page-home) .sub-hero p{font-size:17px!important;line-height:1.75;color:#656c77!important;max-width:740px}
.breadcrumb{display:flex;align-items:center;gap:12px;padding:18px 0!important;font-size:13px!important;color:#7b8290!important;border-bottom:1px solid #eceef3}
.breadcrumb strong{color:#333b4a}.crumb-separator{font-size:19px;color:#bec3cb}
.tg-sub-tabs{display:flex;align-items:center;gap:8px;overflow:auto;padding-top:23px;padding-bottom:12px;scrollbar-width:thin}
.tg-sub-tabs a{white-space:nowrap;padding:10px 20px;border-radius:999px;background:#f4f5f8;color:#4b5260;font-weight:700;font-size:13px;transition:.2s}
.tg-sub-tabs a.active,.tg-sub-tabs a:hover{background:#121726;color:#fff}
body:not(.page-home) .content-section{padding-top:65px!important;padding-bottom:115px!important}
body:not(.page-home) .content-section>.eyebrow,body:not(.page-home) .content-section>div>.eyebrow{font-size:12px;color:#356ceb!important;font-weight:800;letter-spacing:.12em}
body:not(.page-home) .content-section h2{font-size:clamp(31px,3.8vw,49px)!important;line-height:1.25!important;font-weight:850!important;letter-spacing:-.07em!important;margin:14px 0 22px!important;color:#101318!important}
body:not(.page-home) .content-section .lead{font-size:clamp(15px,1.4vw,18px)!important;line-height:1.85!important;color:#6a7180!important;max-width:810px!important;margin-bottom:46px!important}
/* company */
.editorial-grid{gap:40px!important;align-items:center!important}.editorial-photo{min-height:440px!important;border-radius:25px!important;overflow:hidden;background-size:cover!important;background-position:center!important}.editorial-text{padding:35px 12px!important}.editorial-text h3{font-size:clamp(25px,2.5vw,37px)!important;letter-spacing:-.06em}.editorial-text p{line-height:1.9!important;color:#6a7080}.ticks li{padding:11px 0!important}
/* business / design cards */
.service-grid,.design-grid{gap:20px!important}.service-card,.design-grid article{position:relative;border:1px solid var(--tg-border)!important;border-radius:25px!important;background:#f6f7fa!important;box-shadow:none!important;min-height:320px!important;padding:36px!important;transition:transform .2s,box-shadow .2s}
.service-card:hover,.design-grid article:hover{transform:translateY(-5px);box-shadow:0 16px 34px #1013220c!important}
.service-card.selected{border:2px solid #3379ef!important;background:#eff4ff!important}.service-card h3,.design-grid h3{font-size:clamp(22px,2vw,30px)!important;font-weight:850!important;letter-spacing:-.06em;margin:34px 0 14px!important}.service-card p,.design-grid article p{font-size:15px!important;line-height:1.8!important;color:#606a79!important}
.service-card .num,.design-grid article>span{font-size:12px!important;color:#3474f2!important;font-weight:800}.service-card .arrow{background:#fff!important;color:#171a23!important;border-radius:50%!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important}
.info-banner{background:#171c32!important;border:0!important;border-radius:26px!important;padding:45px!important;margin-top:45px!important;color:#fff!important}.info-banner h3{font-size:27px!important;color:#fff}.info-banner p{color:#d1d5e3!important}.info-banner .btn{border-radius:40px!important;background:#fff!important;color:#171b2c!important}
/* project archive */
.archive-grid{gap:24px!important}.archive-card{border:1px solid #eceef3!important;border-radius:23px!important;background:#fff!important;overflow:hidden;box-shadow:0 6px 30px #161f3208!important}.archive-thumb{height:230px!important;background-size:cover!important;background-position:center!important}.archive-body{padding:25px!important}.archive-body h3{font-size:21px!important;letter-spacing:-.05em!important}.archive-body p{color:#777e8b!important}
/* news / press / blog */
.notice-row,.tg-article-list article{border-radius:18px!important;border:1px solid #eaecf2!important;padding:29px!important;margin-bottom:14px!important;background:#fff!important}
.tg-article-list article h3{font-size:22px!important;letter-spacing:-.05em}.tg-article-list article p,.notice-row p{color:#7a818e!important}
.tg-blog-grid{gap:21px!important}.tg-blog-grid article{background:#f5f6f9!important;border:0!important;border-radius:24px!important;padding:34px!important;min-height:280px!important}
.tg-blog-grid article h3{font-size:25px!important;line-height:1.5}.tg-blog-grid article p{color:#707887!important}
/* Booking, support */
.tg-booking,.contact-layout{gap:60px!important;align-items:start!important}
.tg-reservation-form,.contact-form{background:#f6f7fa!important;border:1px solid #eaecf2!important;border-radius:26px!important;padding:44px!important;box-shadow:none!important}
.tg-reservation-form h3,.contact-form h3{font-size:27px!important;color:#1c2130!important}.tg-reservation-form input,.tg-reservation-form select,.tg-reservation-form textarea,.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{background:#fff!important;border:1px solid #e1e5eb!important;border-radius:11px!important;min-height:48px!important;padding:12px!important}
.tg-submit,.contact-form .submit{border-radius:12px!important;background:#206cef!important;color:#fff!important;min-height:56px!important;border:0!important}
/* Responsive */
@media(max-width:900px){.sol-brand,.brand{max-width:210px!important;height:44px!important}.sol-brand img,.brand img{width:185px!important}.editorial-grid,.tg-booking,.contact-layout{grid-template-columns:1fr!important}.service-grid,.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){body:not(.page-home) .sub-hero{min-height:230px!important;padding:40px 0!important}.tg-sub-tabs{padding-top:15px}.tg-sub-tabs a{font-size:12px;padding:8px 13px}body:not(.page-home) .content-section{padding-top:40px!important;padding-bottom:75px!important}.service-grid,.design-grid,.archive-grid,.tg-blog-grid{grid-template-columns:1fr!important}.service-card,.design-grid article{min-height:250px!important;padding:26px!important}.editorial-photo{min-height:260px!important}.info-banner,.tg-reservation-form,.contact-form{padding:25px!important}.sol-footer-brand img{width:240px!important}}
