/*
Theme Name: 오복헤리티지스퀘어 Coming Soon
Theme URI: https://오복헤리티지스퀘어.com
Author: 비랜딩 (blanding.kr)
Author URI: https://blanding.kr
Description: 오복헤리티지스퀘어 공식 커밍순 인트로. 제공된 Illustrator 원안의 빛, 로고와 조판을 보존한 반응형 테마.
Version: 1.0.0
Text Domain: obok-coming-soon
*/

:root {
  color-scheme: dark;
  --color-canvas: #010107;
  --color-copy: #ffffff;
  --color-gold: #e3b322;
  --font-body: "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  --type-body-size: clamp(1rem, 1.25vw, 1.125rem);
  --type-body-weight: 400;
  --type-body-leading: 1.65;
  --type-body-tracking: 0;
  --type-title-size: clamp(1.75rem, 3vw, 2.75rem);
  --type-title-weight: 600;
  --type-title-leading: 1.25;
  --type-title-tracking: -.025em;
  --canvas-height: max(100svh, 51.925vw);
}

*, *::before, *::after { box-sizing: border-box; }
html { background: var(--color-canvas); }
body {
  margin: 0;
  color: var(--color-copy);
  background: var(--color-canvas);
  font-family: var(--font-body);
  font-size: var(--type-body-size);
  font-weight: var(--type-body-weight);
  line-height: var(--type-body-leading);
  letter-spacing: var(--type-body-tracking);
}
img { display: block; max-width: 100%; }

.coming-soon {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: var(--canvas-height);
  min-height: 540px;
  overflow: hidden;
  background: var(--color-canvas);
}
.coming-soon__light {
  position: absolute;
  z-index: -1;
  inset: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  max-width: none;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}
.coming-soon__composition {
  position: absolute;
  top: 35.82%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(90%, calc(var(--canvas-height) * .451));
  transform: translateX(-50%);
}
.coming-soon__copy { width: 83.81%; height: auto; }
.coming-soon__brand { width: 26.743%; height: auto; margin-top: calc(var(--canvas-height) * .0334); }
.coming-soon__announcement { width: 100%; height: auto; margin-top: calc(var(--canvas-height) * .02586); }
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Portrait screens give the source typography its own readable width. */
@media (max-width: 767px) {
  .coming-soon { min-height: 640px; }
  .coming-soon__composition { top: 35%; width: min(91%, 420px); }
  .coming-soon__copy { width: 100%; }
  .coming-soon__brand { width: 32%; margin-top: 34px; }
  .coming-soon__announcement { width: 100%; margin-top: 30px; }
}
@media (max-height: 700px) and (min-width: 768px) {
  .coming-soon { min-height: 620px; }
  .coming-soon__composition { width: min(80%, 360px); top: 33%; }
  .coming-soon__brand { margin-top: 24px; }
  .coming-soon__announcement { margin-top: 22px; }
}

/* The copied base remains usable for future editorial pages. */
.document-main { max-width: 900px; margin: 0 auto; padding: 80px 24px; }
.document-main h1, .document-main h2 {
  font-size: var(--type-title-size);
  font-weight: var(--type-title-weight);
  line-height: var(--type-title-leading);
  letter-spacing: var(--type-title-tracking);
}
.document-main a { color: var(--color-gold); }