*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial;color:#272525}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}header{height:78px;padding:0 max(20px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:24px;position:sticky;top:0;background:#fff;z-index:20;border-bottom:1px solid #eee}header>a:first-child{margin-right:auto}header img{width:235px;max-height:50px;object-fit:contain}nav{display:flex;gap:18px;font-size:12px;font-weight:800}.call{color:#9d2c32;border:1px solid #9d2c32;padding:11px 17px;font-weight:900}.hero{height:calc(100vh - 78px);min-height:700px;position:relative;color:white}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,24,25,.86),rgba(30,24,25,.2))}.hero-in{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1250px,calc(100% - 50px));display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:center}.hero small,section small{color:#d4aa78;letter-spacing:.18em;font-weight:900}.hero h1{font:clamp(42px,5vw,70px)/1.13 Georgia,"Noto Serif KR";margin:18px 0}.hero h1 b{color:#e0bd92}.btn{display:inline-block;margin-top:18px;background:#963239;padding:14px 22px;font-weight:900}.hero aside{background:#ffffffee;color:#2c2929;padding:26px}.hero aside em{font-size:10px;color:#9b5558;letter-spacing:.15em}.hero aside h3{font-size:26px;margin:8px 0}.hero aside p{font-size:12px;color:#716b6b}.hero form{display:grid;gap:9px}.hero form>input{height:45px;padding:0 12px;border:1px solid #ddd}.hero form label{font-size:11px}.hero form button{height:48px;border:0;background:#903238;color:#fff;font-weight:900}.intro,section{padding:76px 0}.soft{background:#f4f1ee}.dark{background:#292326;color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}h2{font:clamp(34px,3vw,48px)/1.2 Georgia,"Noto Serif KR";margin:12px 0}section p{font-size:14px;color:#746e6d;line-height:1.8}.dark p{color:#c4bbbb}.viewer{margin-top:22px;background:#f8f7f6;padding:10px;display:flex;justify-content:center;align-items:flex-start}.viewer img{width:100%;height:auto}.compact{width:min(100%,980px);margin:22px auto 0}.dark .viewer{background:#1d191b}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.tabs button{padding:11px 17px;border:1px solid #cfc8c5;background:white;font-weight:800;cursor:pointer}.tabs button.on{background:#91353a;color:white;border-color:#91353a}.contact{text-align:center;background:#8f3238;color:#fff}.contact h2{font-size:38px}.contact a{font-size:36px;color:#eccb9e;font-weight:900}.contact small{color:#e1bb8d}footer{background:#211d1e;color:white;padding:40px max(20px,calc((100vw - 1180px)/2));font-size:11px}footer img{width:210px;filter:brightness(2);margin-bottom:18px}footer p{opacity:.5}.mobile{display:none}@media(max-width:900px){nav{display:none}.hero-in{grid-template-columns:1fr}.hero{min-height:900px}.grid{grid-template-columns:1fr}}@media(max-width:650px){body{padding-bottom:64px}header{height:68px;padding:0 15px}header img{width:190px}.call{display:none}.hero h1{font-size:34px}.wrap{width:calc(100% - 28px)}section,.intro{padding:58px 0}.mobile{position:fixed;display:flex;bottom:0;left:0;right:0;height:64px;background:#c99c70;z-index:30;align-items:center;justify-content:center;gap:10px}.contact h2{font-size:29px}.contact a{font-size:30px}}

/* V2 - viewer size normalization */
.viewer{
  width:min(100%,980px);
  margin:22px auto 0;
  padding:10px;
}
.viewer img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:top center;
}
.compact{
  width:min(100%,980px);
  margin:22px auto 0;
}
.hero-desc{
  max-width:690px;
  line-height:1.8;
  font-size:16px;
}
.hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:22px 0 4px;
}
.hero-points span{
  border:1px solid rgba(255,255,255,.42);
  background:rgba(255,255,255,.08);
  padding:8px 12px;
  font-size:11px;
  font-weight:800;
}
.ghost-btn{
  margin-left:8px;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.45);
}
.project-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:55px;
  align-items:center;
}
.project-head>div>p{
  max-width:650px;
}
.project-head img{
  width:100%;
}
.project-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:38px;
}
.project-cards article{
  background:#fff;
  border:1px solid #e7e1dc;
  padding:24px 20px;
  min-height:180px;
}
.project-cards article>b{
  color:#963239;
  font-size:12px;
}
.project-cards h3{
  margin:12px 0 8px;
  font-size:15px;
}
.project-cards p{
  margin:0;
  font-size:12px;
  line-height:1.75;
  color:#756d6d;
}
@media(max-width:900px){
  .project-head{grid-template-columns:1fr}
  .project-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .hero-points{gap:6px}
  .hero-points span{font-size:10px}
  .ghost-btn{margin-left:0}
  .project-cards{grid-template-columns:1fr}
}