
:root{--navy:#112238;--dark:#0d1d31;--gold:#b69d76;--gold-light:#d1b992;--ink:#202b3a;--muted:#66717d;--line:#e3e6e5;--cream:#f7f7f4;--max:1330px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid #c9a86c;outline-offset:4px}.wrap{width:min(100% - 104px,var(--max));margin-inline:auto}
.topbar{position:relative;z-index:10;background:var(--dark);color:white;border-bottom:1px solid #324256}.topbar-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar img{width:159px;height:auto}.mainnav{display:flex;align-items:center;gap:34px;color:#dce1e7;font-size:12px}.mainnav a:hover,.mainnav a:focus-visible{color:var(--gold-light)}.outline-contact{border:1px solid #788493;padding:11px 17px;font-size:11px;letter-spacing:.1em}.mobile-toggle{display:none;border:0;background:transparent;color:white;font-size:27px;line-height:1}
.breadcrumb{display:flex;gap:11px;align-items:center;color:#b3bed0;font-size:11px;letter-spacing:.05em;margin-bottom:24px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.project-hero{min-height:680px;display:grid;grid-template-columns:42% 58%;background:var(--navy);color:white}.hero-text{padding:95px 36px 70px max(52px,calc((100vw - var(--max)) / 2 + 52px));display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--gold-light);font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}.hero-text h1{font-size:clamp(35px,3.8vw,60px);font-weight:500;letter-spacing:-.045em;line-height:1.23;margin:29px 0 21px;word-break:keep-all}.hero-text .sub-en{font-size:13px;letter-spacing:.12em;color:#d0d9e1;margin:0}.hero-text .intro{color:#b9c6d2;font-size:14px;line-height:2.05;max-width:440px;margin:45px 0 0;word-break:keep-all}.hero-actions{margin-top:38px;display:flex;gap:21px;align-items:center}.hero-actions a{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #b69d76;padding:10px 0;font-size:12px;color:#f2ebde}.hero-actions a span{color:var(--gold-light)}.hero-image{position:relative;overflow:hidden;min-height:650px;background:#42516b}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,17,30,.58),transparent 38%)}.hero-image-label{position:absolute;bottom:32px;left:32px;z-index:1;font-size:11px;letter-spacing:.09em;color:#f4f3f0}
.summary{padding:83px 0 90px;background:var(--cream)}.sectioncap{color:#987d57;font-size:11px;letter-spacing:.16em;font-weight:700}.summary-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;margin-top:20px}.summary h2{font-weight:500;font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.45;margin:16px 0}.summary .summary-desc{font-size:14px;line-height:2.2;color:#5d6876;word-break:keep-all;margin:0;max-width:485px}.info-table{border-top:1px solid #b9c0c5}.info-item{padding:21px 0;border-bottom:1px solid #dce0df;display:grid;grid-template-columns:125px 1fr;gap:20px;font-size:13px}.info-item dt{color:#7c8590}.info-item dd{margin:0;font-weight:500;line-height:1.8}
.gallery{padding:105px 0 110px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.section-header h2{font-size:39px;font-weight:500;letter-spacing:-.05em;margin:14px 0 0}.section-header p{color:#7f8893;font-size:12px;margin:0}.gallery-main{position:relative;height:min(59vw,640px);min-height:300px;background:#eef0ef;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover;object-position:center}.gallery-overlay{position:absolute;bottom:18px;left:22px;background:rgba(10,25,41,.86);color:white;font-size:11px;padding:12px 17px;letter-spacing:.04em}.thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.thumb{position:relative;display:block;padding:0;border:2px solid transparent;background:#fff;overflow:hidden;min-height:136px}.thumb.active{border-color:var(--gold)}.thumb img{width:100%;height:176px;object-fit:cover;transition:transform .2s}.thumb:hover img{transform:scale(1.015)}.thumb span{position:absolute;bottom:10px;left:10px;color:#fff;background:rgba(8,22,38,.83);padding:7px 11px;font-size:10px}
.execution{padding:95px 0 104px;background:#112238;color:white}.execution h2{font-size:38px;font-weight:500;letter-spacing:-.04em;line-height:1.4;max-width:660px;margin:16px 0 23px}.execution .lead{color:#c7d1d9;font-size:14px;line-height:2.1;max-width:780px;word-break:keep-all}.steps{margin-top:38px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #405066;border-bottom:1px solid #405066}.steps div{min-height:132px;padding:24px 12px 24px 20px;border-right:1px solid #405066}.steps div:first-child{padding-left:0}.steps div:last-child{border-right:0}.steps b{display:block;font-size:11px;letter-spacing:.12em;color:#d2bb91;font-weight:500;margin-bottom:16px}.steps span{display:block;font-size:16px;font-weight:500;line-height:1.5}.disclaimer{font-size:11px;color:#9eafbf;line-height:1.8;margin-top:25px}
.next{padding:80px 0;background:#fff}.next-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.next-label{color:#927852;font-size:11px;letter-spacing:.14em}.next-title{font-size:32px;letter-spacing:-.04em;font-weight:500;margin:9px 0 0}.next-link{padding:15px 18px;border:1px solid #b8bfc4;font-size:13px;white-space:nowrap}.next-link:hover{border-color:var(--gold);color:#927852}
.footer{background:#0b1625;color:#a2afbe;padding:35px 0;font-size:11px;line-height:1.9}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer strong{color:#fff;font-size:15px;font-weight:500}.footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.wrap{width:min(100% - 56px,var(--max))}.project-hero{grid-template-columns:46% 54%;min-height:600px}.hero-text{padding:64px 28px}.hero-image{min-height:580px}.summary-grid{gap:50px}.steps span{font-size:14px}}
@media(max-width:700px){.wrap{width:calc(100% - 42px)}.topbar-inner{height:70px}.topbar img{width:136px}.mobile-toggle{display:block}.outline-contact{display:none}.mainnav{display:none;position:absolute;left:0;right:0;top:70px;background:#0d1d31;padding:25px;flex-direction:column;align-items:flex-start;gap:22px;box-shadow:0 14px 20px rgba(0,0,0,.16)}.mainnav.open{display:flex}.mainnav a{font-size:14px}.project-hero{display:block}.hero-text{padding:65px 23px 48px}.hero-text h1{font-size:40px}.hero-text .intro{font-size:13px;margin-top:25px}.hero-image{min-height:370px;height:48vh}.hero-image-label{left:22px;bottom:22px}.summary{padding:65px 0}.summary-grid{display:block}.summary-desc{margin-bottom:30px!important}.info-item{grid-template-columns:92px 1fr;font-size:12px;gap:10px}.gallery{padding:70px 0}.section-header{display:block}.section-header h2{font-size:30px}.section-header p{margin-top:12px}.gallery-main{height:320px}.thumb-grid{gap:8px;margin-top:8px}.thumb{min-height:80px}.thumb img{height:94px}.thumb span{font-size:9px;padding:6px 7px;left:3px;bottom:3px}.execution{padding:70px 0}.execution h2{font-size:30px}.execution .lead{font-size:13px}.steps{grid-template-columns:repeat(2,1fr)}.steps div{min-height:125px;padding:22px 12px!important}.steps div:nth-child(2){border-right:0}.steps div:nth-child(-n+2){border-bottom:1px solid #405066}.next{padding:64px 0}.next-inner{display:block}.next-title{font-size:27px;margin-bottom:26px}.footer-inner{display:block}.footer p{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V4: all supplied gallery assets visible without lazy-load placeholders */
.thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.thumb{min-width:0;min-height:160px;border-radius:2px}.thumb img{width:100%;height:168px;display:block;object-fit:cover;background:#dce2e5;aspect-ratio:1.7}.thumb span{max-width:calc(100% - 20px);white-space:normal;text-align:left;line-height:1.4}.gallery-main img{background:#dce2e5}
@media(max-width:700px){.thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thumb img{height:112px}.thumb{min-height:114px}.thumb span{bottom:7px;left:7px;max-width:calc(100% - 14px);font-size:10px;line-height:1.35;padding:5px 7px}}

/* v6 technical fixes (no visual redesign) */
.topbar img{height:auto}
@media(max-width:700px){.mobile-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0}}
/* long single-word project names (e.g. 인덕원시그니티타워) overflowed at 360px */
@media(max-width:400px){.hero-text h1{font-size:34px}}
