:root{
  --primary:#1A3149;
  --accent:#B8923D;
  --ink:#0F1B2D;
  --sub:#5C6678;
  --line:#DCDCD5;
}
html{scroll-behavior:smooth;}
body{
  font-family:'Pretendard',sans-serif;
  color:var(--ink);
  background:#F8F8F6;
  word-break:keep-all;
  overflow-wrap:break-word;
}
.prose-body{max-width:68ch;}
.eyebrow{
  font-size:.72rem;
  letter-spacing:.22em;
  color:var(--accent);
  font-weight:700;
  text-transform:uppercase;
}
.hairline{border-color:var(--line);}
.hairline-t{border-top:1px solid var(--line);}
.hairline-b{border-bottom:1px solid var(--line);}

/* 풀블리드 사진 히어로 */
.hero-photo{position:relative;overflow:hidden;}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-photo::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top, rgba(10,12,20,.42) 0%, rgba(10,12,20,.14) 42%, rgba(10,12,20,0) 62%);
}
.hero-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;z-index:1;}
.hero-text-shadow{text-shadow:0 2px 10px rgba(0,0,0,.55), 0 1px 3px rgba(0,0,0,.4);}

.card-photo{
  border:1px solid var(--line);
  border-radius:6px;
  overflow:hidden;
  background:#F8F8F6;
  transition:transform .25s ease, box-shadow .25s ease;
}
.card-photo:hover{transform:translateY(-3px);}
.card-photo img{transition:transform .4s ease;}
.card-photo:hover img{transform:scale(1.03);}
/* 모바일: 사진끼리 여백/테두리 없이 화면 꽉 채우고 캡션은 사진 밑에. md 이상은 카드형 */
.gallery-bleed{border-radius:0;border:none;overflow:hidden;background:#F8F8F6;}
@media (min-width:768px){
  .gallery-bleed{border:1px solid var(--line);border-radius:6px;transition:transform .25s ease;}
  .gallery-bleed:hover{transform:translateY(-3px);}
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.85rem 1.6rem;
  border-radius:6px;
  font-weight:700;
  font-size:.95rem;
  transition:opacity .2s ease, transform .15s ease;
}
.btn:hover{opacity:.88;}
.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(248,248,246,.85);
  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.1rem 0;
  font-weight:700;
}
.faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .3s ease, padding .3s ease;
  color:var(--sub);
  font-size:.92rem;
  line-height:1.7;
}
.faq-item.open .faq-a{max-height:400px;padding-bottom:1.1rem;}
.faq-plus{transition:transform .25s ease;color:var(--accent);font-size:1.1rem;}
.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:6px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.18);
  font-size:.68rem;font-weight:700;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(20,20,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:6px;}
.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:800;font-size:.95rem;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:#E8E8E3;font-weight:700;}
@media (max-width:767px){
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}
}