@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@300;400;500;600&family=Noto+Sans+KR:wght@400;500;600&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--paper:#f7f5f0;--ink:#252523;--line:#dcd8d0;--wine:#6d2635;--serif:'Noto Serif KR',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Malgun Gothic',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--wine);outline-offset:5px}img{display:block;max-width:100%}.skip{position:absolute;top:-100px}.skip:focus{top:5px;z-index:200;background:white;padding:12px}header{height:103px;padding:0 4.5%;display:flex;align-items:center;gap:38px;justify-content:space-between;border-bottom:1px solid var(--line);background:#f7f5f0f5;position:sticky;top:0;z-index:40}.logo{font:42px/.8 Georgia,serif;letter-spacing:-3px;white-space:nowrap}.logo small{display:block;font:8px/1.2 Arial,sans-serif;letter-spacing:2px;margin-top:12px}nav{display:flex;gap:25px}nav a{font-size:12px;font-weight:600;white-space:nowrap;position:relative;padding:12px 0}nav a.active:after{content:'';height:2px;background:var(--wine);position:absolute;bottom:0;left:0;right:0}.header-contact{border-bottom:1px solid var(--wine);padding:12px 0;color:var(--wine);font-size:12px;white-space:nowrap}.menu-toggle{display:none}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--wine);font-weight:600;text-transform:uppercase}.hero{padding:58px 5% 0;max-width:1600px;margin:auto}.hero-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:37px;gap:30px}.hero h1{font:500 clamp(36px,4.3vw,68px)/1.5 var(--serif);letter-spacing:-3px;margin:16px 0 0}.hero h1 i{font-style:normal;color:var(--wine)}.hero-summary{max-width:310px;padding-bottom:10px}.hero-summary p{font-size:14px;line-height:1.9;color:#66625e;margin:0 0 20px}.text-link{font-size:12px;border-bottom:1px solid #aaa;padding-bottom:8px;display:inline-flex;gap:40px;align-items:center}.hero-image{position:relative;overflow:hidden;height:clamp(300px,37vw,580px);background:#30343a}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 49%}.hero-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#101820a8);pointer-events:none}.hero-caption{position:absolute;bottom:30px;left:32px;right:32px;z-index:2;display:flex;justify-content:space-between;color:white;align-items:end}.hero-caption small{font-size:9px;letter-spacing:2px}.hero-caption p{font:22px var(--serif);margin:10px 0 0}.hero-caption a{border:1px solid #ffffff70;border-radius:100%;width:44px;height:44px;display:grid;place-items:center;font-size:20px}.hero-foot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;padding:19px 0;border-bottom:1px solid var(--line);color:#74716b}.section{padding:95px 5%;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}h2{font:500 clamp(27px,3vw,43px)/1.5 var(--serif);letter-spacing:-1.5px;margin:14px 0 0}.body-copy{color:#6d6962;line-height:1.9;font-size:14px}.intro{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.intro p{margin-top:8px;line-height:2;color:#69655e;font-size:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:36px;padding-top:25px;gap:20px}.stats strong{font:44px Georgia,serif;display:block}.stats span{font-size:11px;color:#756f66;display:block;margin-top:12px}.stats-note{font-size:10px!important;color:#7c7265!important}.business-band{background:#eae7df}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.business-card{background:var(--paper);padding:35px;min-height:230px;display:flex;flex-direction:column}.business-card .num{font:italic 20px Georgia;color:#9b8c7c}.business-card h3{font:27px Georgia;margin:24px 0 12px}.business-card p{font-size:13px;line-height:1.9;color:#756d63;margin:0 0 22px}.business-card a{margin-top:auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.image-wrap{aspect-ratio:4/3;overflow:hidden;background:#e8e4dc;position:relative}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-card:hover img{transform:scale(1.025)}.project-card h3{font-size:16px;line-height:1.6;font-weight:500;letter-spacing:-.5px;margin:15px 0 7px}.project-card small{font-size:10px;color:#847c71;letter-spacing:1px}.image-wrap.contain img{object-fit:contain}.category{position:absolute;left:14px;top:14px;background:#f7f5f0ef;color:#3c342e;font-size:10px;padding:7px 10px}.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px}.person .image-wrap{aspect-ratio:2/3}.person h3{font:20px var(--serif);margin:17px 0 8px}.person small{font-size:10px;color:#8c8278;letter-spacing:1.5px}.name-line{display:flex;justify-content:space-between;align-items:center}.dark{background:#242624;color:#f3eee6}.dark .eyebrow{color:#bfa993}.dark p{color:#b7b6ae}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{width:100%;max-height:580px;object-fit:cover}.split p{font-size:14px;line-height:2;white-space:pre-line}.contact-strip{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-strip h2{margin-bottom:25px}.mail{font:clamp(22px,3vw,40px) Georgia;border-bottom:1px solid #8f8375;padding-bottom:10px}.page-heading{padding:60px 5% 42px;max-width:1600px;margin:auto;border-bottom:1px solid var(--line)}.page-heading h1{font:500 clamp(36px,4.6vw,64px)/1.35 var(--serif);letter-spacing:-2px;margin:22px 0 18px}.page-heading p{max-width:760px;color:#746e65;font-size:14px;line-height:1.9;white-space:pre-line}.breadcrumb{font-size:10px;color:#8c8175;letter-spacing:1px;margin-bottom:28px}.breadcrumb span{padding:0 13px}.page-body{padding:42px 5% 80px;max-width:1600px;margin:auto}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{background:transparent;border:1px solid var(--line);padding:9px 16px;font-size:12px}.filters button.active{background:var(--wine);border-color:var(--wine);color:white}.search{border:0;border-bottom:1px solid #a99e91;background:transparent;padding:12px 2px;width:270px;max-width:100%;font-size:13px}.count{font-size:11px;color:#887e72;margin:24px 0}.button,.pill{display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:15px 23px;background:var(--wine);border:1px solid var(--wine);color:white;font-size:12px}.button.outline{background:transparent;color:var(--wine)}.load-more{display:flex;margin:38px auto 0}[hidden]{display:none!important}.gallery{columns:3;column-gap:22px}.gallery button{width:100%;display:block;border:0;background:transparent;padding:0;margin:0 0 24px;text-align:left;break-inside:avoid}.gallery img{width:100%;height:auto}.gallery span{display:block;font-size:11px;color:#766d61;padding-top:10px}.history-row{display:grid;grid-template-columns:110px 1fr 150px 22px;gap:30px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.history-row time{font:16px Georgia;color:#887b6e}.history-row h3{font-size:17px;line-height:1.5;margin:0 0 10px;font-weight:500}.history-row p{font-size:12px;line-height:1.7;color:#857b6f;margin:0}.history-row img{width:150px;height:90px;object-fit:cover}.history-row:hover h3{color:var(--wine)}.year-label{font:48px Georgia;color:var(--wine);margin:30px 0}.detail-copy{line-height:2;white-space:pre-line;color:#756c62}.detail-images{max-width:1000px;margin:auto;display:grid;gap:25px}.detail-images button{background:transparent;border:0;padding:0;cursor:zoom-in}.detail-images img{max-height:1000px;margin:auto;object-fit:contain}.detail-images span{display:block;font-size:11px;padding:12px}.detail-meta{display:flex;gap:25px;font-size:12px;color:#938271;margin:25px 0}.article{max-width:1050px}.article p{line-height:2;color:#635c53;white-space:pre-line}.article img{margin:28px auto;max-height:1100px;width:auto}.article h2{font-size:26px}.archive-link{display:block;color:var(--wine);text-decoration:underline;margin:15px 0;overflow-wrap:anywhere}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}.archive-grid a{padding:25px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:14px}.archive-grid small{font-size:10px;color:#8a8177}.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.channel{padding:32px;border:1px solid var(--line);min-height:140px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.channel small{font-size:10px;color:#9b8874;letter-spacing:2px}.channel strong{font-weight:500;font-size:15px}.channel:hover{background:#ebe7df}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact-item{border-top:1px solid var(--line);padding:24px 0}.contact-item small{display:block;font-size:10px;letter-spacing:2px;color:#948574;margin-bottom:15px}.contact-item a,.contact-item p{font-size:19px;line-height:1.8}.service-row{display:grid;grid-template-columns:70px 1fr 1.2fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);align-items:center}.service-row strong{font:500 22px var(--serif)}.service-row span{font:24px Georgia;color:#998675}.service-row p{font-size:14px;color:#7c7164;line-height:1.9}.admin{max-width:850px;margin:auto;padding:60px 5%}.admin h1{font:36px var(--serif)}.notice{font-size:12px;color:#847768;line-height:1.9}.admin label{display:block;margin:23px 0 9px}.admin input,.admin textarea,.admin select{width:100%;padding:13px;background:white;border:1px solid var(--line)}.admin textarea{min-height:140px}.form-actions{display:flex;gap:15px;margin-top:25px}.preview-image{max-width:250px;max-height:250px;margin-top:20px}footer{background:#242624;color:#f2eee6;padding:55px 5% 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:50px;border-bottom:1px solid #ffffff20}.footer-top p{font:18px/1.9 var(--serif);color:#d0c9bc}.footer-top>a:last-child{font:22px Georgia}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:25px;color:#a49f94;font-size:10px;line-height:1.9}.footer-bottom p{margin:0}.footer-bottom div{display:flex;gap:20px}.loading,.empty{padding:70px;text-align:center;color:#857969}dialog{border:0;padding:40px;background:#171918;color:#fff;max-width:95vw;max-height:95vh}dialog::backdrop{background:#000c}dialog img{max-height:78vh;max-width:85vw;object-fit:contain;margin:auto}dialog p{font-size:13px;text-align:center}dialog button{position:absolute;right:8px;top:3px;font-size:32px;background:transparent;border:0;color:white}.image-trigger{cursor:zoom-in}@media(min-width:1700px){header,footer{padding-left:calc((100vw - 1456px)/2);padding-right:calc((100vw - 1456px)/2)}}@media(max-width:1100px){header{gap:20px}nav{gap:15px}nav a{font-size:11px}.logo{font-size:36px}.hero-summary{max-width:260px}.intro{gap:40px}.business-card{padding:26px}.section{padding-top:70px;padding-bottom:70px}.people-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){header{height:80px;gap:15px}.logo{font-size:32px}.logo small{font-size:7px}.menu-toggle{display:block;margin-left:auto;font-size:12px;background:transparent;border:0;padding:12px}.header-contact{font-size:11px}nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--paper);padding:20px 5%;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr)}nav.open{display:grid}nav a{font-size:14px;padding:12px}.hero{padding-top:36px}.hero-heading{display:block}.hero h1{font-size:42px;letter-spacing:-2px}.hero-summary{max-width:none;display:flex;gap:20px;justify-content:space-between;align-items:end;margin-top:20px}.hero-summary p{font-size:12px;margin:0}.hero-summary .text-link{white-space:nowrap;gap:15px;font-size:11px}.hero-image{height:370px}.hero-caption{left:20px;bottom:20px;right:20px}.hero-caption p{font-size:17px}.hero-foot{font-size:7px;letter-spacing:1px}.section{padding:55px 5%}.section-head{align-items:start}.section-head .text-link{white-space:nowrap;gap:12px;margin-top:15px}.intro,.split,.contact-details{grid-template-columns:1fr;gap:25px}.stats strong{font-size:36px}.stats span{font-size:10px}.business-grid{grid-template-columns:1fr}.business-card{min-height:auto}.business-card h3{margin-top:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.grid .project-card:last-child:nth-child(odd){grid-column:1/-1}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.gallery{columns:2;column-gap:14px}.gallery button{margin-bottom:18px}.contact-strip{display:block}.contact-strip .mail{display:inline-block;margin-top:10px}.history-row{grid-template-columns:1fr 85px;gap:10px 15px}.history-row time{grid-column:1/-1;font-size:12px}.history-row img{width:85px;height:80px}.history-row h3{font-size:14px}.history-row p{font-size:11px}.history-row>span{display:none}.channels{grid-template-columns:repeat(2,minmax(0,1fr))}.channel{padding:22px}.channel strong{font-size:12px;overflow-wrap:anywhere}.service-row{grid-template-columns:32px 1fr;gap:12px}.service-row p{grid-column:2;margin:0}.archive-grid{grid-template-columns:1fr}.page-heading{padding-top:35px}.page-heading h1{font-size:38px}.page-body{padding-top:30px}.footer-top,.footer-bottom{flex-direction:column;align-items:start}.footer-top{gap:20px}.footer-top p{font-size:15px}.footer-bottom div{flex-wrap:wrap}.detail-meta{flex-wrap:wrap;gap:15px}.hero-caption small{font-size:8px}.hero-caption a{width:36px;height:36px}.form-actions{flex-wrap:wrap}}@media(max-width:420px){.hero h1{font-size:35px}.hero-image{height:300px}.hero-summary{align-items:start;flex-direction:column}.section-head{flex-direction:column;gap:10px}.hero-foot span:last-child{display:none}.contact-item p{font-size:16px}.stats strong{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-wrap img{transition:none}}
h1,h2,h3{word-break:keep-all}.hero h1 i{margin-right:.12em}@media(max-width:420px){.hero h1{font-size:29px;letter-spacing:-1.5px}}