@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600&family=Nanum+Myeongjo:wght@400;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.css');
html[data-design="1"]{--paper:#f8f6f1;--ink:#302b29;--wine:#70404a;--line:#ded8ce;--serif:'Nanum Myeongjo',serif;--sans:'Pretendard Variable',Pretendard,sans-serif;--latin:'Manrope',sans-serif;--display:'Cormorant Garamond',serif;scroll-padding-top:100px}
html[data-design="1"] body{padding-bottom:0;font:400 16px/1.75 var(--sans);letter-spacing:-.015em;-webkit-font-smoothing:antialiased}
html[data-design="1"] body.comparing{padding-bottom:86px}
html[data-design="1"] :is(button,input,select,textarea){font-family:var(--sans)}
html[data-design="1"] :is(h1,h2,h3,p,a){overflow-wrap:break-word}
html[data-design="1"] header{height:96px;padding-inline:max(5%,calc((100vw - 1440px)/2));gap:25px;background:#f8f6f1f5;backdrop-filter:blur(15px)}
html[data-design="1"] .logo{font:600 47px/.8 var(--display);letter-spacing:-3px}
html[data-design="1"] .logo b{font-weight:600}
html[data-design="1"] .logo small{font:500 11px/1.5 var(--latin);letter-spacing:2px;margin-top:12px}
html[data-design="1"] nav{gap:27px}
html[data-design="1"] nav a{font:500 17px/1.5 var(--sans);padding-block:16px}
html[data-design="1"] .header-contact{font:500 16px/1.5 var(--sans);border:1px solid #bfb0a5;padding:12px 18px}
html[data-design="1"] :is(.eyebrow,.hero-foot,.hero-caption small,.breadcrumb,.category,.person small,.project-card small,.channel small,.contact-item small,.detail-meta){font-family:var(--latin),var(--sans);font-weight:500}
html[data-design="1"] .eyebrow{font-size:13px;letter-spacing:2.1px}
html[data-design="1"] .hero{padding-top:67px;max-width:1600px}
html[data-design="1"] .hero-heading{gap:50px;margin-bottom:43px;align-items:end}
html[data-design="1"] .hero h1{font:400 clamp(38px,4.05vw,66px)/1.55 var(--serif);letter-spacing:-.065em;margin-top:19px;text-wrap:balance}
html[data-design="1"] .hero h1 i{font-family:var(--display);font-size:1.22em;letter-spacing:-.035em;font-weight:500;margin-right:.06em}
html[data-design="1"] .hero-summary{max-width:310px;flex-shrink:0;padding-bottom:8px}
html[data-design="1"] .hero-summary p{font:400 16px/1.95 var(--sans);color:#71675f;margin-bottom:25px}
html[data-design="1"] .text-link{font:500 16px/1.6 var(--sans);min-height:44px;align-items:center;gap:30px;border-color:#c2b6ac}
html[data-design="1"] .hero-image{height:auto;aspect-ratio:auto}
html[data-design="1"] .hero-image>img{height:auto;width:100%;object-fit:contain;object-position:center}
html[data-design="1"] .hero-caption{bottom:30px;left:35px;right:35px}
html[data-design="1"] .hero-caption p{font:400 23px/1.65 var(--serif)}
html[data-design="1"] .hero-foot{font-size:12px;padding:22px 0;letter-spacing:1.5px}
html[data-design="1"] .section{padding-block:105px}
html[data-design="1"] h2{font:400 clamp(28px,2.75vw,43px)/1.65 var(--serif);letter-spacing:-.055em;text-wrap:balance}
html[data-design="1"] .section-head{margin-bottom:40px;align-items:end}
html[data-design="1"] .intro{grid-template-columns:.9fr 1.3fr;gap:85px}
html[data-design="1"] :is(.body-copy,.intro p,.split p,.service-row p,.page-heading p,.detail-copy,.article p){font-family:var(--sans);font-size:16px;line-height:2;color:#746b62}
html[data-design="1"] .intro>div>img{margin-top:30px}
html[data-design="1"] .stats{gap:30px;padding-top:30px;margin-top:35px}
html[data-design="1"] .stats strong{font:500 clamp(36px,4vw,58px)/1.1 var(--display);letter-spacing:-1px;color:#70404a}
html[data-design="1"] .stats span{font:400 15px/1.6 var(--sans);margin-top:14px;color:#766d63}
html[data-design="1"] .stats-note{font-family:var(--sans);font-size:14px!important;line-height:1.8!important;margin-top:18px}
html[data-design="1"] .business-band{background:#eeeae2}
html[data-design="1"] .business-grid{gap:35px}
html[data-design="1"] .business-card{background:transparent;padding:28px 0 0;border-top:1px solid #c3b7a9;min-height:260px}
html[data-design="1"] .business-card .num{font:400 italic 21px var(--display);color:#8b7666}
html[data-design="1"] .business-card h3{font:500 33px/1.2 var(--display);letter-spacing:.01em;margin:23px 0 16px}
html[data-design="1"] .business-card p{font:400 15px/1.9 var(--sans);max-width:340px}
html[data-design="1"] .grid{gap:40px 28px}
html[data-design="1"] .project-card h3{font:500 18px/1.65 var(--sans);margin:20px 0 8px;letter-spacing:-.025em}
html[data-design="1"] .project-card small{font-size:14px}
html[data-design="1"] .category{font-size:12px;letter-spacing:1px;padding:7px 11px}
html[data-design="1"] .image-wrap{background:#ece7df}
html[data-design="1"] .people-grid{gap:38px 27px}
html[data-design="1"] .person .image-wrap{aspect-ratio:3/4}
html[data-design="1"] .person h3{font:400 23px/1.5 var(--serif);margin:20px 0 6px}
html[data-design="1"] .person small{font-size:12px;letter-spacing:1.5px}
html[data-design="1"] .dark{background:#2e302d}
html[data-design="1"] .dark p{color:#c7c2b8}
html[data-design="1"] .dark .eyebrow{color:#cbb69d}
html[data-design="1"] .split{gap:80px}
html[data-design="1"] .split img{height:auto;max-height:620px}
html[data-design="1"] .contact-strip{background:#f0ece4;max-width:none;padding-inline:max(5%,calc((100vw - 1440px)/2));border:0}
html[data-design="1"] .mail{font:500 clamp(27px,3.4vw,49px)/1.4 var(--display);letter-spacing:-.02em}
html[data-design="1"] .page-heading{padding-top:58px;padding-bottom:45px}
html[data-design="1"] .page-heading h1{font:400 clamp(34px,4.4vw,62px)/1.55 var(--serif);letter-spacing:-.055em}
html[data-design="1"] .page-body{padding-top:45px;padding-bottom:85px}
html[data-design="1"] .page-heading p{max-width:850px}
html[data-design="1"] .breadcrumb{font-size:13px;line-height:1.7;letter-spacing:1px}
html[data-design="1"] .filters button{font:500 16px/1.5 var(--sans);min-height:44px;padding:10px 17px}
html[data-design="1"] .search{font:400 16px/1.5 var(--sans);min-height:48px;width:300px;border-color:#b9aa9b}
html[data-design="1"] :is(.count,.notice){font:400 16px/1.85 var(--sans);color:#7c7063}
html[data-design="1"] .button,html[data-design="1"] .pill{font:500 17px/1.5 var(--sans);min-height:48px;padding:14px 24px}
html[data-design="1"] .history-row{gap:25px;padding-block:28px}
html[data-design="1"] .history-row time{font:500 15px/1.7 var(--latin)}
html[data-design="1"] .history-row h3{font:500 18px/1.65 var(--sans)}
html[data-design="1"] .history-row p{font:400 17px/1.8 var(--sans)}
html[data-design="1"] .year-label{font:400 56px/1.2 var(--display);margin:40px 0 25px}
html[data-design="1"] .gallery{column-gap:25px}
html[data-design="1"] .gallery span,html[data-design="1"] .detail-images span{font:400 15px/1.7 var(--sans);padding-top:12px}
html[data-design="1"] .gallery button{margin-bottom:30px}
html[data-design="1"] .detail-meta{font-size:15px;line-height:1.9;flex-wrap:wrap}
html[data-design="1"] .article h2{font:400 28px/1.7 var(--serif)}
html[data-design="1"] .archive-grid a{font:400 16px/1.8 var(--sans)}
html[data-design="1"] .archive-grid small{font-size:15px;white-space:nowrap}
html[data-design="1"] .channel{padding:30px;min-height:170px;background:#f5f1e9}
html[data-design="1"] .channel strong{font:500 17px/1.65 var(--sans);overflow-wrap:anywhere}
html[data-design="1"] .channel small{font-size:13px;letter-spacing:1.3px;color:#786650}
html[data-design="1"] .contact-item a,html[data-design="1"] .contact-item p{font:400 20px/1.9 var(--sans);overflow-wrap:anywhere}
html[data-design="1"] .service-row strong{font:400 25px/1.5 var(--serif)}
html[data-design="1"] .service-row span{font:400 30px var(--display)}
html[data-design="1"] .admin h1{font:400 38px/1.6 var(--serif)}
html[data-design="1"] footer{background:#2c2b28;padding-top:65px}
html[data-design="1"] .footer-top p{font:400 20px/1.9 var(--serif)}
html[data-design="1"] .footer-top>a:last-child{font:500 30px/1.4 var(--display)}
html[data-design="1"] .footer-bottom{font:400 15px/1.9 var(--sans);color:#c2bbae}
html[data-design="1"] .footer-bottom small{font:400 13px/1.9 var(--latin),var(--sans)}
html[data-design="1"] .footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
html[data-design="1"] dialog p{font:400 17px/1.7 var(--sans)}
html[data-design="1"] dialog button{width:44px;height:44px;font-family:var(--sans)}
html[data-design="1"] .menu-toggle{font:500 17px/1.5 var(--sans);min-height:44px}
html[data-design="1"] a:hover{color:var(--wine)}
html[data-design="1"] :is(footer,.dark,.hero-caption) a:hover{color:#e3c1ad}
html[data-design="1"] .button:hover{background:#5e303b;color:#fff}
html[data-design="1"] .button.outline:hover{color:#fff}
@media(max-width:1200px){html[data-design="1"] nav{gap:16px}html[data-design="1"] nav a{font-size:16px}html[data-design="1"] .hero-heading{gap:30px}html[data-design="1"] .hero-summary{max-width:270px}html[data-design="1"] .hero-summary p{font-size:15px}html[data-design="1"] .intro,html[data-design="1"] .split{gap:45px}}
@media(max-width:1120px){html[data-design="1"] header{height:80px;gap:15px}html[data-design="1"] .logo{font-size:40px}html[data-design="1"] .menu-toggle{display:block;margin-left:auto;background:none;border:0;padding:12px}html[data-design="1"] nav{display:none;position:absolute;top:79px;left:0;right:0;padding:20px 5%;background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:4px 20px;max-height:calc(100dvh - 80px);overflow:auto}html[data-design="1"] nav.open{display:grid}html[data-design="1"] nav a{font-size:16px;padding:14px 10px}html[data-design="1"] .header-contact{font-size:15px;padding:11px 13px}html[data-design="1"] .hero{padding-top:45px}html[data-design="1"] .hero-heading{display:block}html[data-design="1"] .hero h1{font-size:clamp(34px,5.7vw,54px)}html[data-design="1"] .hero-summary{display:flex;max-width:none;justify-content:space-between;gap:25px;align-items:end;margin-top:25px}html[data-design="1"] .hero-summary p{margin-bottom:0}html[data-design="1"] .section{padding-block:70px}html[data-design="1"] .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){html[data-design="1"]{scroll-padding-top:84px}html[data-design="1"] body{font-size:16px}html[data-design="1"] header{padding-inline:20px;height:76px;gap:9px}html[data-design="1"] .logo{font-size:36px;letter-spacing:-2px}html[data-design="1"] .logo small{font-size:9px;letter-spacing:1.3px;margin-top:9px}html[data-design="1"] nav{top:75px;padding:14px 20px 22px}html[data-design="1"] .header-contact{padding:10px;font-size:14px}html[data-design="1"] .menu-toggle{font-size:15px;padding:10px}html[data-design="1"] .hero{padding:38px 20px 0}html[data-design="1"] .eyebrow{font-size:11px;letter-spacing:1.35px}html[data-design="1"] .hero-heading{margin-bottom:28px}html[data-design="1"] .hero h1{font-size:clamp(27px,7.45vw,43px);line-height:1.65;letter-spacing:-.065em;margin-top:20px}html[data-design="1"] .hero-summary{display:block;margin-top:22px}html[data-design="1"] .hero-summary p{font-size:15px;line-height:1.85}html[data-design="1"] .hero-summary .text-link{font-size:16px;margin-top:14px}html[data-design="1"] .hero-image{aspect-ratio:auto}html[data-design="1"] .hero-image>img{object-position:50% 45%}html[data-design="1"] .hero-caption{left:17px;right:17px;bottom:17px;gap:10px}html[data-design="1"] .hero-caption small{font-size:10px;letter-spacing:1px}html[data-design="1"] .hero-caption p{font-size:17px;line-height:1.5;margin-top:8px}html[data-design="1"] .hero-caption a{width:44px;height:44px;flex-shrink:0}html[data-design="1"] .hero-foot{font-size:10px;padding-block:16px;letter-spacing:1px}html[data-design="1"] .hero-foot span:last-child{display:none}html[data-design="1"] .section{padding:58px 20px}html[data-design="1"] h2{font-size:28px;line-height:1.65;letter-spacing:-.055em}html[data-design="1"] .intro,html[data-design="1"] .split{grid-template-columns:1fr;gap:25px}html[data-design="1"] :is(.intro p,.body-copy,.split p,.page-heading p,.service-row p,.article p,.detail-copy){font-size:16px;line-height:1.95}html[data-design="1"] .intro p br{display:none}html[data-design="1"] .stats{gap:12px;margin-top:28px;padding-top:25px}html[data-design="1"] .stats strong{font-size:38px}html[data-design="1"] .stats span{font-size:14px;margin-top:9px}html[data-design="1"] .stats-note{font-size:13px!important}html[data-design="1"] .business-grid{grid-template-columns:1fr;gap:30px}html[data-design="1"] .business-card{padding-top:22px;min-height:0}html[data-design="1"] .business-card h3{font-size:32px;margin:14px 0 12px}html[data-design="1"] .business-card p{max-width:none;font-size:15px;margin-bottom:12px}html[data-design="1"] .section-head{display:block;margin-bottom:28px}html[data-design="1"] .section-head .text-link{margin-top:15px;font-size:16px}html[data-design="1"] .grid{grid-template-columns:1fr;gap:32px}html[data-design="1"] .grid .project-card:last-child:nth-child(odd){grid-column:auto}html[data-design="1"] .project-card h3{font-size:17px;margin-top:15px}html[data-design="1"] .people-grid{gap:28px 15px}html[data-design="1"] .person h3{font-size:20px;margin-top:13px}html[data-design="1"] .person small{font-size:11px;letter-spacing:1px}html[data-design="1"] .contact-strip{display:block}html[data-design="1"] .contact-strip .mail{font-size:34px;margin-top:10px;max-width:100%;overflow-wrap:anywhere}html[data-design="1"] .page-heading{padding:35px 20px 30px}html[data-design="1"] .page-heading h1{font-size:32px;line-height:1.6;margin-block:18px}html[data-design="1"] .breadcrumb{font-size:11px;margin-bottom:24px;overflow-wrap:anywhere}html[data-design="1"] .page-body{padding:30px 20px 58px}html[data-design="1"] .toolbar{gap:18px;margin-bottom:24px}html[data-design="1"] .filters{gap:7px}html[data-design="1"] .filters button{font-size:15px;padding:10px 14px}html[data-design="1"] .search{width:100%}html[data-design="1"] .year-label{font-size:46px;margin-top:30px}html[data-design="1"] .history-row{grid-template-columns:minmax(0,1fr) 80px;gap:10px 15px;padding-block:22px}html[data-design="1"] .history-row time{font-size:14px;grid-column:1/-1}html[data-design="1"] .history-row h3{font-size:16px;line-height:1.6}html[data-design="1"] .history-row p{font-size:16px;line-height:1.8}html[data-design="1"] .history-row img{width:80px;height:85px}html[data-design="1"] .gallery{columns:2;column-gap:13px}html[data-design="1"] .gallery span{font-size:14px}html[data-design="1"] .gallery button{margin-bottom:20px}html[data-design="1"] .channels{grid-template-columns:1fr;gap:12px}html[data-design="1"] .channel{padding:23px;min-height:135px;gap:22px}html[data-design="1"] .channel strong{font-size:17px}html[data-design="1"] .archive-grid{grid-template-columns:1fr}html[data-design="1"] .archive-grid a{font-size:15px;gap:15px}html[data-design="1"] .contact-details{grid-template-columns:1fr;gap:25px}html[data-design="1"] .contact-item a,html[data-design="1"] .contact-item p{font-size:18px}html[data-design="1"] .service-row{grid-template-columns:30px 1fr;gap:12px;padding-block:26px}html[data-design="1"] .service-row strong{font-size:23px}html[data-design="1"] .service-row p{grid-column:2}html[data-design="1"] .detail-meta{gap:12px;font-size:14px}html[data-design="1"] .article h2{font-size:24px}html[data-design="1"] footer{padding:45px 20px 25px}html[data-design="1"] .footer-top{flex-direction:column;align-items:start;gap:20px;padding-bottom:30px}html[data-design="1"] .footer-top p{font-size:18px}html[data-design="1"] .footer-top>a:last-child{font-size:28px}html[data-design="1"] .footer-bottom{flex-direction:column;align-items:start;gap:15px;font-size:15px}html[data-design="1"] .footer-bottom div{gap:10px 20px;flex-wrap:wrap}html[data-design="1"] dialog{padding:45px 12px 20px;max-width:96vw}html[data-design="1"] dialog img{max-width:88vw}html[data-design="1"] .empty{padding:40px 15px}}
@media(max-width:360px){html[data-design="1"] .hero h1{font-size:26px}html[data-design="1"] .stats strong{font-size:33px}html[data-design="1"] .stats span{font-size:13px}html[data-design="1"] .contact-strip .mail{font-size:29px}}

/* Refined achievement typography: aligned, understated numerals. */
html[data-design="1"] .stats strong{font-family:var(--latin),var(--sans);font-size:clamp(32px,3.4vw,48px);font-weight:500;line-height:1.25;letter-spacing:-.045em;font-variant-numeric:lining-nums tabular-nums}
html[data-design="1"] .stats span{font-family:var(--sans);font-size:16px;line-height:1.7;color:#70665e}
html[data-design="1"] .stats-note{font-family:var(--sans);font-size:15px!important;color:#786d63!important}
@media(max-width:700px){html[data-design="1"] .stats strong{font-size:32px}html[data-design="1"] .stats span{font-size:14px}html[data-design="1"] .stats-note{font-size:13px!important}}
@media(max-width:360px){html[data-design="1"] .stats strong{font-size:28px}html[data-design="1"] .stats span{font-size:13px}}


.managed-gallery{display:block;break-inside:avoid;margin-bottom:25px}.managed-gallery img{width:100%;height:auto}.managed-gallery span{display:block;font-size:14px;padding-top:10px}.managed-gallery:hover{color:var(--wine)}