/* Quiet Korean ink landscapes. Decorative only; forms and hero media stay intact. */
:root {
  --sumuk-paper: #f4efe5;
  --sumuk-landscape: url('/assets/sumuk-landscape-20260912.webp');
}

html body .hanok-home-panel::before,
html body .brand-story-section::before {
  background-color: var(--sumuk-paper);
  background-image: linear-gradient(rgba(244,239,229,.65), rgba(244,239,229,.65)), var(--sumuk-landscape);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  pointer-events: none;
}

html body .brand-story-section::after { content: none; }
html body .brand-story-section {
  background-image: linear-gradient(rgba(244,239,229,.65), rgba(244,239,229,.65)), var(--sumuk-landscape) !important;
  background-size: 100% 100%, max(100%, 1400px) auto !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
}

html body main:is(.brand-page, .hanok-diagnosis-page) {
  background-color: var(--sumuk-paper);
  background-image: linear-gradient(rgba(244,239,229,.58), rgba(244,239,229,.58)), var(--sumuk-landscape) !important;
  background-position: center bottom !important;
  background-size: 100% 100%, max(100%, 1200px) auto !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* The diagnosis retains clean, opaque working surfaces above the landscape. */
html body main.hanok-diagnosis-page {
  background-image: linear-gradient(rgba(244,239,229,.72), rgba(244,239,229,.72)), var(--sumuk-landscape) !important;
}

@media (max-width: 640px) {
  html body .hanok-home-panel::before,
  html body .brand-story-section::before {
    background-image: linear-gradient(rgba(244,239,229,.64), rgba(244,239,229,.64)), var(--sumuk-landscape);
    background-size: auto 560px;
    background-position: right bottom;
  }
  html body main:is(.brand-page, .hanok-diagnosis-page),
  html body .brand-story-section {
    background-size: 100% 100%, auto 600px !important;
    background-position: right bottom !important;
  }
}

@media print {
  html body main:is(.brand-page, .hanok-diagnosis-page),
  html body .hanok-home-panel::before,
  html body .brand-story-section::before,
  html body .brand-story-section { background-image: none !important; }
}