*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#172033;background:#f5f1e8}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.header{height:82px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:34px;background:#07182c;color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff18}.brand{margin-right:auto}.brand img{width:235px;max-height:48px;object-fit:contain}.header nav{display:flex;gap:25px;font-size:13px}.header nav a{opacity:.82}.header nav a:hover{opacity:1;color:#d6b36a}.call{font-weight:800;color:#d6b36a}.hero{height:calc(100vh - 82px);min-height:690px;position:relative;color:#fff;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,23,.82) 0%,rgba(2,11,23,.34) 48%,rgba(2,11,23,.08)),linear-gradient(0deg,rgba(2,11,23,.78),transparent 42%)}.hero-copy{position:absolute;left:max(24px,calc((100vw - 1180px)/2));top:50%;transform:translateY(-55%);max-width:660px}.eyebrow,.section-no{letter-spacing:.2em;font-size:12px;color:#d6b36a;font-weight:800}.hero h1{font-size:clamp(42px,5.2vw,78px);line-height:1.1;margin:22px 0}.hero h1 strong{color:#e4c37d}.hero-copy p{font-size:18px;opacity:.9}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-actions a{padding:15px 25px;background:#c9a65f;color:#08182b;font-weight:800}.hero-actions .ghost{background:#ffffff12;color:#fff;border:1px solid #ffffff55}.hero-stats{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(1180px,calc(100% - 48px));display:grid;grid-template-columns:repeat(4,1fr);background:#07182ce8;border-top:1px solid #d6b36a55}.hero-stats div{padding:24px;border-right:1px solid #ffffff18}.hero-stats div:last-child{border:0}.hero-stats b{display:block;font-size:25px;color:#e1c078}.hero-stats span{font-size:12px;opacity:.7}.section{padding:120px 0}.ivory{background:#f4f0e7}.white{background:#fff}.navy{background:#07182c;color:#fff}.section h2{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(32px,4vw,52px);margin:14px 0 25px;line-height:1.2}.lead{max-width:720px;opacity:.72;margin-bottom:42px;line-height:1.8}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.reverse{grid-template-columns:1fr 1fr}.section-copy>p{line-height:1.9;color:#58606c}.photo{margin:0;overflow:hidden;background:#ddd}.photo img{width:100%;height:100%;object-fit:cover}.photo.tall{aspect-ratio:4/5}.overview{margin-top:38px;border-top:1px solid #c8c0b2}.overview div{display:grid;grid-template-columns:110px 1fr;padding:14px 0;border-bottom:1px solid #d8d1c5}.overview dt{font-size:12px;color:#857a69}.overview dd{margin:0;font-size:14px}.image-card,.unit-view{border:0;background:none;padding:0;width:100%;cursor:zoom-in;position:relative;text-align:left}.image-card img{width:100%;max-height:780px;object-fit:contain;background:#fff}.image-card span,.unit-view span{position:absolute;right:16px;bottom:16px;padding:10px 14px;background:#07182ddd;color:#fff;font-size:12px}.features{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d5ccbd;border:1px solid #d5ccbd}.features article{background:#f4f0e7;padding:28px}.features b{color:#b28b42}.features h3{margin:12px 0 8px}.features p{font-size:13px;line-height:1.7;color:#6c6b69}.complex-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.complex-grid .photo{height:100%}.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.community-grid img{width:100%;height:500px;object-fit:cover;object-position:top;background:#fff}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.system-grid article{background:#fff;padding:10px;border:1px solid #ddd5c7}.system-grid img{width:100%;height:300px;object-fit:cover;object-position:top}.system-grid h3{font-size:13px;letter-spacing:.15em;padding:0 10px;color:#806839}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.tabs button{border:1px solid #c9c0b1;background:#fff;padding:12px 19px;cursor:pointer}.tabs button.active{background:#07182c;color:#fff;border-color:#07182c}.unit-view{background:#f7f5f1;padding:30px}.unit-view img{margin:auto;max-height:900px;object-fit:contain}.contact{background:#112743;color:#fff;text-align:center;padding:100px 0}.contact>div>span{color:#d6b36a;letter-spacing:.2em}.contact h2{font:42px/1.3 Georgia,"Noto Serif KR",serif}.contact a{display:inline-block;font-size:38px;font-weight:800;color:#e2c079;margin:14px}.contact p{opacity:.65;font-size:13px}footer{background:#04101e;color:#fff;padding:55px 0 45px}.footer-main{display:grid;grid-template-columns:240px 1fr;gap:45px;align-items:center}.footer-main img{width:220px}.footer-main p{font-size:11px;line-height:1.8;opacity:.48}.footer-info{margin-top:28px;padding-top:20px;border-top:1px solid #ffffff1c;font-size:11px;line-height:1.9;opacity:.5}.mobile-call{display:none}.modal{position:fixed;inset:0;background:#000d;z-index:100;display:none;align-items:center;justify-content:center;padding:35px}.modal.open{display:flex}.modal img{max-width:96vw;max-height:92vh;object-fit:contain;background:#fff}.close{position:absolute;right:24px;top:18px;border:0;background:none;color:#fff;font-size:44px;cursor:pointer}
@media(max-width:900px){body{padding-bottom:68px}.header{height:68px;padding:0 18px}.brand img{width:180px}.header nav,.header .call{display:none}.hero{height:78vh;min-height:620px}.hero-copy{left:24px;right:24px;top:44%}.hero h1{font-size:43px}.hero-copy p{font-size:14px}.hero-stats{width:100%;grid-template-columns:repeat(2,1fr)}.hero-stats div{padding:15px 20px}.hero-stats b{font-size:20px}.section{padding:80px 0}.wrap{width:min(100% - 36px,1180px)}.split,.reverse,.complex-grid{grid-template-columns:1fr;gap:35px}.split .photo{order:-1}.features{grid-template-columns:1fr 1fr}.community-grid{grid-template-columns:1fr}.community-grid img{height:auto}.system-grid{grid-template-columns:1fr 1fr}.system-grid img{height:230px}.unit-view{padding:10px}.footer-main{grid-template-columns:1fr;gap:18px}.footer-main img{width:190px}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;height:68px;background:#b9944e;color:#08182b;z-index:80;align-items:center;justify-content:center;gap:14px}.mobile-call span{font-size:12px}.mobile-call b{font-size:20px}}
@media(max-width:520px){.hero h1{font-size:36px}.hero-actions{flex-direction:column;align-items:flex-start}.section h2{font-size:34px}.features{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.system-grid img{height:auto}.overview div{grid-template-columns:90px 1fr}.contact h2{font-size:31px}.contact a{font-size:31px}.footer-info{font-size:10px}}
.media-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}
.media-tabs button{border:1px solid #ffffff40;background:transparent;color:inherit;padding:12px 19px;cursor:pointer}
.ivory .media-tabs button,.white .media-tabs button{border-color:#c9c0b1;color:#172033;background:#fff}
.media-tabs button.active{background:#c9a65f!important;color:#07182c!important;border-color:#c9a65f!important;font-weight:800}
.tab-image-view{border:0;background:none;padding:0;width:100%;cursor:zoom-in;position:relative;text-align:left}
.tab-image-view img{width:100%;max-height:850px;object-fit:contain;background:#fff}
.tab-image-view span{position:absolute;right:16px;bottom:16px;padding:10px 14px;background:#07182ddd;color:#fff;font-size:12px}
.interest{background:#e9e1d3}
.interest-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.interest-copy p{line-height:1.8;color:#6e685f;max-width:520px}
.interest-phone{display:inline-block;margin-top:18px;color:#8a6a32;font-weight:800}
.interest-form{background:#fff;padding:34px;border:1px solid #d7cdbd;box-shadow:0 18px 45px #07182c0f}
.interest-form label{display:block;font-size:12px;font-weight:700;margin-bottom:18px;color:#5c554b}
.interest-form input[type=text],.interest-form input[type=tel]{width:100%;margin-top:8px;padding:15px 14px;border:1px solid #d2c9bb;font-size:15px;outline:none}
.interest-form input:focus{border-color:#b9934c}
.interest-form .agree{display:flex;align-items:center;gap:9px;font-weight:500}
.interest-form .agree input{width:16px;height:16px}
.interest-form button{width:100%;padding:16px;border:0;background:#07182c;color:#fff;font-weight:800;font-size:15px;cursor:pointer}
.interest-form small{display:block;margin-top:12px;color:#8a847a;font-size:10px;line-height:1.6}
.mobile-actions{display:none}
@media(max-width:900px){
  body{padding-bottom:68px}
  .interest-wrap{grid-template-columns:1fr;gap:30px}
  .interest-form{padding:24px}
  .mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;height:68px;z-index:80}
  .mobile-actions a{display:flex!important;position:static!important;height:68px;align-items:center;justify-content:center;gap:8px}
  .mobile-interest{background:#f0e7d7;color:#07182c;border-top:1px solid #cab98f}
  .mobile-interest b{font-size:16px}
  .mobile-interest span{font-size:11px}
  .mobile-call{background:#b9944e!important;color:#08182b!important}
}

.interest-top{padding:11px 16px;border:1px solid #d6b36a;color:#e1c078;font-size:12px;font-weight:800;white-space:nowrap}
.interest-top:hover{background:#d6b36a;color:#07182c}
.hero-actions .interest-hero{background:#f1e7d4;color:#07182c;border:1px solid #f1e7d4}
@media(max-width:900px){
  .interest-top{display:none}
}

/* Large-image layout: desktop-first */
.image-card,
.tab-image-view,
.unit-view{
  width:100%;
  display:block;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  cursor:default;
}
.image-card img,
.tab-image-view img,
.unit-view img{
  width:100%;
  max-width:none;
  height:auto;
  max-height:none;
  object-fit:contain;
  background:#fff;
}
#location .wrap,
#complex .wrap,
#community .wrap,
.systems .wrap,
#unit .wrap{
  width:min(1380px,calc(100% - 48px));
}
#location .image-card{
  margin-top:34px;
}
.complex-grid{
  grid-template-columns:1fr;
  gap:34px;
}
.complex-grid .photo{
  width:100%;
}
.complex-grid .photo img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:cover;
}
.community-grid,
.system-grid{
  width:100%;
}
.tab-image-view{
  margin-top:18px;
}
.unit-view{
  padding:18px;
  background:#f7f5f1;
}
@media(min-width:1200px){
  .section{
    padding-top:110px;
    padding-bottom:110px;
  }
  #location .image-card img,
  #community .tab-image-view img,
  .systems .tab-image-view img,
  #unit .unit-view img{
    width:100%;
  }
}
@media(max-width:900px){
  #location .wrap,
  #complex .wrap,
  #community .wrap,
  .systems .wrap,
  #unit .wrap{
    width:min(100% - 30px,1380px);
  }
  .unit-view{
    padding:8px;
  }
}
