/**
 * style.css — 스톤 코랄 (Stone & Coral)
 * Critical CSS는 header.php 인라인에 포함됨
 */

/* ── 서브페이지 grid 반응형 ── */
@media(max-width:768px){
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}
  div[style*="grid-template-columns:repeat(3,1fr)"],
  div[style*="grid-template-columns: repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:480px){
  div[style*="grid-template-columns:repeat(2,1fr)"],
  div[style*="grid-template-columns: repeat(2,1fr)"]{grid-template-columns:1fr!important}
  div[style*="grid-template-columns:repeat(3,1fr)"],
  div[style*="grid-template-columns: repeat(3,1fr)"]{grid-template-columns:1fr!important}
}

/* ── 서비스 페이지 히어로 ── */
.page-hero{position:relative;height:52vh;min-height:360px;overflow:hidden;margin-top:68px}
.page-hero img{width:100%;height:100%;object-fit:cover}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(28,36,51,.82) 0%,rgba(28,36,51,.45) 60%,rgba(28,36,51,.18) 100%)}
.page-hero-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 40px;max-width:700px}
@media(max-width:480px){.page-hero-text{padding:0 20px}}

/* ── 서브페이지 버튼 ── */
.btn-line-w{color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:4px}
.btn-line-w:hover{background:#fff;color:var(--ink);border-color:#fff}