/* RUNIEL BLOOM 상세페이지 — 원본 PNG 01~68 재현 (기준 폭 860px)
   - 모든 섹션은 원본 PNG 1장 = <section class="s"> 1개, 원본 높이 그대로, 섹션 사이 여백 없음
   - 요소 위치는 각 섹션 안 절대 좌표(px) = 원본 PNG 픽셀 좌표 */

/* ---------- 폰트: 실제 굵기별 파일 ---------- */
@font-face { font-family: "Pretendard"; font-weight: 100; font-style: normal; src: url("assets/fonts/Pretendard-Thin.otf") format("opentype"); }
@font-face { font-family: "Pretendard"; font-weight: 200; font-style: normal; src: url("assets/fonts/Pretendard-ExtraLight.otf") format("opentype"); }
@font-face { font-family: "Pretendard"; font-weight: 300; font-style: normal; src: url("assets/fonts/Pretendard-Light.otf") format("opentype"); }
@font-face { font-family: "Pretendard"; font-weight: 400; font-style: normal; src: url("assets/fonts/Pretendard-Regular.otf") format("opentype"); }
@font-face { font-family: "Pretendard"; font-weight: 500; font-style: normal; src: url("assets/fonts/Pretendard-Medium.otf") format("opentype"); }
@font-face { font-family: "Pretendard"; font-weight: 600; font-style: normal; src: url("assets/fonts/Pretendard-SemiBold.otf") format("opentype"); }
@font-face { font-family: "Pretendard"; font-weight: 700; font-style: normal; src: url("assets/fonts/Pretendard-Bold.otf") format("opentype"); }
@font-face { font-family: "Pretendard"; font-weight: 800; font-style: normal; src: url("assets/fonts/Pretendard-ExtraBold.otf") format("opentype"); }
@font-face { font-family: "Pretendard"; font-weight: 900; font-style: normal; src: url("assets/fonts/Pretendard-Black.otf") format("opentype"); }
@font-face { font-family: "Gmarket Sans"; font-weight: 300; font-style: normal; src: url("assets/fonts/GmarketSansLight.otf") format("opentype"); }
@font-face { font-family: "Gmarket Sans"; font-weight: 500; font-style: normal; src: url("assets/fonts/GmarketSansMedium.otf") format("opentype"); }
@font-face { font-family: "Gmarket Sans"; font-weight: 700; font-style: normal; src: url("assets/fonts/GmarketSansBold.otf") format("opentype"); }
@font-face { font-family: "Sansita Swashed"; font-weight: 300 900; font-style: normal; src: url("assets/fonts/SansitaSwashed[wght].ttf") format("truetype"); }

/* ---------- 페이지 ---------- */
html, body { margin: 0; padding: 0; background: #ffffff; }
body { overflow-x: hidden; }
.page-fit { width: 100%; }
.page {
  width: 860px; margin: 0 auto; position: relative;
  font-family: "Pretendard", sans-serif; font-synthesis: none;
  -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision;
  word-break: keep-all; color: #000000;
}
.page * { font-synthesis: none; }
.s { position: relative; width: 860px; overflow: hidden; }
.s > * { position: absolute; margin: 0; box-sizing: border-box; }
.s img { display: block; }
.t { white-space: nowrap; }
.t b { font-weight: inherit; }
.f-gm { font-family: "Gmarket Sans", sans-serif; }
.f-sw { font-family: "Sansita Swashed", cursive; }

/* ---------- 좁은 화면: 860px 레이아웃을 비율 그대로 축소 (줄바꿈·배치 유지) ---------- */
@media (max-width: 859.98px) {
  .page-fit { overflow: hidden; }
  .page { transform-origin: 0 0; transform: scale(var(--k, 1)); margin: 0; }
}