:root{
  --primary:#1A3159;
  --accent:#4472B8;
  --ink:#1A1A1A;
  --sub:#6B7280;
  --line:#E5E5E5;
}
html{scroll-behavior:smooth;}
body{
  font-family:'Pretendard',sans-serif;
  color:var(--ink);
  background:#FFFFFF;
  word-break:keep-all;
  overflow-wrap:break-word;
}
.brand-font, h1, h2{
  font-family:'Pretendard',sans-serif;
  font-weight:300;
  letter-spacing:-.005em;
}
h1.brand-font, h2.brand-font{font-weight:300;}
.prose-body{max-width:68ch;}
.eyebrow{
  font-size:.7rem;
  letter-spacing:.3em;
  color:var(--accent);
  font-weight:600;
  text-transform:uppercase;
}
.hairline{border-color:var(--line);}
.hairline-t{border-top:1px solid var(--line);}
.hairline-b{border-bottom:1px solid var(--line);}

/* 단일이미지 풀블리드 히어로 (메인/서브 공통) */
.mono-hero{position:relative;min-height:82vh;overflow:hidden;display:flex;align-items:flex-end;}
.mono-hero-sub{min-height:52vh;}
.mono-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.mono-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(10,14,20,.55) 0%, rgba(10,14,20,.18) 38%, rgba(10,14,20,0) 62%);
}
.mono-hero-text{position:relative;z-index:2;padding:2.5rem 1.5rem 3rem;width:100%;}
.mono-hero-text h1, .mono-hero-text p{text-shadow:0 2px 10px rgba(0,0,0,.5);}
@media (min-width:768px){
  .mono-hero-text{padding:3rem 3rem 4rem;max-width:56rem;margin:0 auto;}
}

.gallery-bleed{border-radius:2px;border:none;overflow:hidden;background:#F7F7F6;}
@media (min-width:768px){
  .gallery-bleed{border:1px solid var(--line);border-radius:2px;transition:transform .25s ease;}
  .gallery-bleed:hover{transform:translateY(-3px);}
}
.gallery-caption{border-top:1px solid var(--line);}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:.35em;
  padding:.85rem 1.7rem;
  border-radius:2px;
  font-weight:600;
  font-size:.92rem;
  letter-spacing:.02em;
  transition:opacity .2s ease, transform .15s ease;
}
.btn:hover{opacity:.85;}
.btn-primary{background:var(--primary);color:#fff;}
.btn-outline{border:1px solid #fff;color:#fff;}
.btn-outline-dark{border:1px solid var(--primary);color:var(--primary);}
header.site-header{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;
  padding:1.15rem 0;
  font-weight:600;
}
.faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .3s ease, padding .3s ease;
  color:var(--sub);
  font-size:.92rem;
  line-height:1.75;
}
.faq-item.open .faq-a{max-height:400px;padding-bottom:1.15rem;}
.faq-plus{transition:transform .25s ease;color:var(--accent);font-size:1.1rem;font-weight:300;}
.faq-item.open .faq-plus{transform:rotate(45deg);}
.floating-wrap{
  position:fixed;right:1.1rem;z-index:50;display:flex;flex-direction:column;gap:.6rem;
  bottom:calc(1.1rem + env(safe-area-inset-bottom));
}
.floating-btn{
  width:52px;height:52px;border-radius:2px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.14);
  font-size:.66rem;font-weight:600;color:#fff;background:var(--primary);
  opacity:0;transform:translateY(10px);pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
}
.floating-btn.show{opacity:1;transform:translateY(0);pointer-events:auto;}
.floating-btn.consult{opacity:1;transform:none;pointer-events:auto;}
.lightbox{
  position:fixed;inset:0;background:rgba(10,14,20,.92);
  display:none;align-items:center;justify-content:center;z-index:100;padding:2rem;
}
.lightbox.open{display:flex;}
.lightbox img{max-width:92vw;max-height:88vh;border-radius:2px;}
.lightbox-close{
  position:absolute;top:.8rem;right:.8rem;
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:2rem;cursor:pointer;line-height:1;
}
.num-label{font-weight:600;font-size:.85rem;letter-spacing:.08em;color:var(--accent);}
table.compare-table{width:100%;border-collapse:collapse;font-size:.88rem;}
table.compare-table th,table.compare-table td{
  border:1px solid var(--line);padding:.75rem .9rem;text-align:left;vertical-align:top;
}
table.compare-table th{background:#FAFAF9;font-weight:600;}
.reason-box{border:1px solid var(--line);border-radius:2px;}
@media (max-width:767px){
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grid-3-single{grid-template-columns:repeat(1,minmax(0,1fr));}
}