/* GYEOLHWI UI REFINEMENT · 2026-07-25 */
:root{--gh-kakao:#FEE500;--gh-kakao-ink:#181816;--gh-focus:#B56A47}
html{font-size:16px}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gh-focus);outline-offset:3px}
.header .nav a,.desktop-nav a{font-size:.85rem!important;letter-spacing:-.015em}
.header-cta{min-height:48px!important;padding-inline:20px!important;font-size:.84rem!important}
.btn{min-height:52px!important;font-size:.9rem!important;letter-spacing:-.015em}
.btn.kakao,.portfolio-cta .btn.kakao,.case-cta .btn.kakao,.project-cta .btn.kakao{border-color:var(--gh-kakao)!important;background:var(--gh-kakao)!important;color:var(--gh-kakao-ink)!important}
.header-cta.kakao{border-color:#1F332A!important;background:#1F332A!important;color:#fff!important}
.btn.kakao:hover,.portfolio-cta .btn.kakao:hover,.case-cta .btn.kakao:hover,.project-cta .btn.kakao:hover{filter:brightness(.97);transform:translateY(-2px)}
.mobilebar .kakao,.mobile-bar .kakao{background:var(--gh-kakao)!important;color:var(--gh-kakao-ink)!important}
.breadcrumb{font-size:.78rem!important;line-height:1.55}
/* Main + design pages */
.hero h1{font-size:clamp(3.25rem,6.5vw,6.55rem)!important}
.design-hero h1{font-size:clamp(3rem,5.7vw,5.45rem)!important}
.design-hero-copy>p,.contact-copy>p{font-size:1rem!important;line-height:1.78}
.disclaimer,.notice{font-size:.82rem!important;line-height:1.65}
.contact-row{min-height:66px;align-items:center}
.contact-row span{color:rgba(255,255,255,.68)!important;font-size:.82rem!important;font-weight:700}
.contact-row strong{font-size:1rem!important;line-height:1.4}
.form label>span{font-size:.82rem!important}.consent{font-size:.78rem!important}
/* Project archive */
.portfolio-hero h1{max-width:900px!important;font-size:clamp(3rem,5.75vw,6rem)!important;letter-spacing:-.058em!important}
.lead{font-size:1rem!important;line-height:1.78}
.hero-count{padding:28px 0 18px!important}
.hero-count strong{font-size:clamp(3.55rem,5vw,4.9rem)!important;letter-spacing:-.055em}
.hero-count span{margin-top:13px!important;font-size:.75rem!important;letter-spacing:.08em!important}
.hero-count p{font-size:.84rem!important;line-height:1.55}
.project-copy>small{font-size:.7rem!important}.project-copy>p{font-size:.96rem!important;line-height:1.75}
.tags span{font-size:.72rem!important}.project-copy dt{font-size:.68rem!important}.project-copy dd{font-size:.82rem!important}.detail-link{font-size:.88rem!important}
/* Project detail pages */
.hero-copy h1,.case-title h1{font-size:clamp(3rem,5.15vw,5.25rem)!important}
.hero-copy>p,.case-title>p,.case-intro p,.gallery-head>p,.work-note p{font-size:1rem!important;line-height:1.78}
.overview-strip small,.overview small,.room-facts small{font-size:.7rem!important}.overview-strip strong,.overview strong{font-size:.88rem!important}.room-facts p{font-size:.88rem!important}
.point-grid p,.work-grid p{font-size:.9rem!important;line-height:1.72}.process-grid strong{font-size:.82rem!important}.process-grid span{font-size:.7rem!important;line-height:1.45}
/* Footer/contact system */
.footer-contacts a{min-height:96px!important}
.footer-contacts small{color:rgba(255,255,255,.68)!important;font-size:.78rem!important;font-weight:700}
.footer-contacts strong{font-size:1rem!important;line-height:1.35;letter-spacing:-.01em}
.footer-main>div,.footer-info{font-size:.78rem!important;line-height:1.65}
.footer-bottom{font-size:.7rem!important;line-height:1.55}
.mobilebar a,.mobile-bar a{font-size:.78rem!important}
@media(max-width:1050px){.header .nav a,.desktop-nav a{font-size:.77rem!important}}
@media(max-width:600px){
 .hero h1{font-size:clamp(2.8rem,11.5vw,4.55rem)!important}
 .design-hero h1{font-size:clamp(2.7rem,11vw,3.9rem)!important}
 .portfolio-hero h1{font-size:clamp(2.65rem,10.8vw,3.8rem)!important}
 .hero-copy h1,.case-title h1{font-size:clamp(2.55rem,10.8vw,3.75rem)!important}
 .contact-row span{font-size:.76rem!important}.contact-row strong{font-size:.92rem!important}
 .footer-contacts small{font-size:.74rem!important}.footer-contacts strong{max-width:72%!important;font-size:.9rem!important}
 .project-copy>p,.hero-copy>p,.case-title>p,.case-intro p,.gallery-head>p,.work-note p{font-size:.93rem!important}
}