html { scroll-behavior: smooth; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

::selection { background: #e7734a; color: #fff; }

/* ── 배경 아트 (static/img/*.svg) ───────────────────────────── */
.bg-art {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* 실사진 배경 — static/img/photos (창문기획사 실제 현장 사진) */
.art-hero      { background-image: url('/static/img/photos/mural-alley.jpg');              background-position: center 62%; }
.art-about     { background-image: url('/static/img/photos/community-banner.jpg');         background-position: center 40%; }
.art-business  { background-image: url('/static/img/photos/sculpture-dragon-detail.jpg');  background-position: center 55%; }
.art-projects  { background-image: url('/static/img/photos/mural-wall-green.jpg');         background-position: center 55%; }
.art-contact   { background-image: url('/static/img/photos/village-road-team.jpg');        background-position: center 45%; }
.art-news      { background-image: url('/static/img/photos/radio-interview.jpg');          background-position: center 45%; }
.art-resources { background-image: url('/static/img/photos/brochure-company.jpg');         background-position: center 50%; }
.art-network   { background-image: url('/static/img/photos/team-indoor.jpg');              background-position: center 42%; }
.art-footer    { background-image: url('/static/img/photos/mural-wall-green.jpg');         background-position: center 60%; }

/* 일러스트 배경 (실사진이 없는 자리 - 자료실 아이콘 배경 등 폴백) */
.art-header { background-image: url('/static/img/page-header.svg'); }
.art-before { background-image: url('/static/img/before-placeholder.svg'); }
.art-pattern {
  background-image: url('/static/img/pattern-window.svg');
  background-size: 320px 320px;
  background-repeat: repeat;
  background-position: center;
}