/* Shared values extracted from the existing studio style.css.
   Scoped to imported sections; original intro scenes retain their styles. */
#scFlower .col_title-prefix { display:block; margin-bottom:8px; font-family:inherit; font-size:.5em; font-weight:600; line-height:1.4; }
/* Keep the production cards intact and reserve a full section gutter above them. */
@media (min-width: 1025px) {
  html[data-preview-draft="3"] #scNetworkGlobal {
    min-height: calc(max(867px * var(--base-ratio), 867 / var(--base-size) * var(--base-percent)) + max(320px * var(--base-ratio), 320 / var(--base-size) * var(--base-percent)));
  }
}
.dormur-business-source,
#dormur-original-comparison,
#dormur-planning,
#kyle-service,
#dormur-contact,
#dormur-case,
.dormur-solutions-source,
#dormur-results {
  --system-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --system-display: "Bai Jamjuree", "Pretendard", sans-serif;
  --system-primary: #1444C4;
  --system-text: #161D27;
  --system-border: #D1D2D4;
  --system-title: round(down, max(var(--fs-h1-pc) * 1px * var(--base-ratio), var(--fs-h1-pc) / var(--base-size) * var(--base-percent)), 1px);
  --system-label: round(down, max(var(--fs-h5-pc) * 1px * var(--base-ratio), var(--fs-h5-pc) / var(--base-size) * var(--base-percent)), 1px);
  --system-body: round(down, max(var(--fs-p1-pc) * 1px * var(--base-ratio), var(--fs-p1-pc) / var(--base-size) * var(--base-percent)), 1px);
  --system-number: round(down, max(var(--fs-d2-pc) * 1px * var(--base-ratio), var(--fs-d2-pc) / var(--base-size) * var(--base-percent)), 1px);
  --system-space: max(48px * var(--base-ratio), 48 / var(--base-size) * var(--base-percent));
  --system-small: max(20px * var(--base-ratio), 20 / var(--base-size) * var(--base-percent));
  --system-gutter: max(80px * var(--base-ratio), 80 / var(--base-size) * var(--base-percent));
  --system-section: max(160px * var(--base-ratio), 160 / var(--base-size) * var(--base-percent));
  font-family: var(--system-font);
  letter-spacing: -0.02em;
}

.dormur-business-source .biz-info,
.dormur-business-source .biz-desc,
.dormur-business-source .biz-link,
.dormur-solutions-source .dormur-solutions-title,
.dormur-solutions-source .dormur-solutions-stat h3,
.dormur-solutions-source .dormur-solutions-stat-copy,
.dormur-solutions-source .dormur-solutions-service-copy p,
.dormur-solutions-source .dormur-solutions-tags span {
  font-family: var(--system-font);
  letter-spacing: -0.02em;
}

.dormur-business-source .biz-title,
.dormur-solutions-source .dormur-solutions-title {
  font-size: var(--system-title);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.dormur-business-source .biz-category,
.dormur-solutions-source .dormur-solutions-kicker {
  font-family: var(--system-display);
  font-size: var(--system-label);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.dormur-business-source .biz-category { margin-bottom: var(--system-small); }
.dormur-business-source .biz-desc { font-size: var(--system-body); line-height: 1.6; margin-top: var(--system-space); }
.dormur-business-source .biz-action { margin-top: var(--system-space); }
.dormur-business-source .biz-box { border-radius: 8px; }
.dormur-business-source .biz-link {
  height: max(60px * var(--base-ratio), 60 / var(--base-size) * var(--base-percent));
  padding: 0 max(24px * var(--base-ratio), 24 / var(--base-size) * var(--base-percent));
  min-width: max(140px * var(--base-ratio), 140 / var(--base-size) * var(--base-percent));
  font-size: max(18px * var(--base-ratio), 18 / var(--base-size) * var(--base-percent));
  border: 3px solid rgba(255,255,255,.4);
  transition: border-color .3s ease, background .3s ease;
}
.dormur-business-source .biz-link:focus-visible { outline: 2px solid #4873EA; outline-offset: 4px; }
@media (hover: hover) {
  .dormur-business-source .biz-link:hover {
    border-color: transparent;
    background: linear-gradient(90deg, #4873EA 0%, #1444C4 100%);
    background-origin: border-box;
  }
}

.dormur-solutions-source {
  --dormur-solutions-background: #FFFFFF;
  --dormur-solutions-foreground: var(--system-text);
  --dormur-solutions-brand-primary: var(--system-primary);
  --dormur-solutions-brand-secondary: var(--system-primary);
  --dormur-solutions-brand-text: var(--system-primary);
  --dormur-solutions-brand-gradient: linear-gradient(var(--system-primary), var(--system-primary));
}
.dormur-solutions-source .dormur-solutions-proof,
.dormur-solutions-source .dormur-solutions-offer { padding: var(--system-section) 0; }
.dormur-solutions-source .dormur-solutions-shell { width: 100%; max-width: 1920px; padding: 0 var(--system-gutter); }
.dormur-solutions-source .dormur-solutions-title { color: var(--system-text); margin-top: var(--system-small); }
.dormur-solutions-source .proof-title-first .dormur-solutions-title {
  margin-top: 0;
  position: relative;
  /* Move only the title; balance its upper/lower gaps without shifting the label or stats. */
  top: calc((var(--system-space) * 1.5 - var(--system-section)) / 2);
}
.dormur-solutions-source .proof-title-first .dormur-solutions-kicker { margin-top: calc(var(--system-space) * 1.5); }
.dormur-solutions-source .proof-title-first .dormur-solutions-stats { margin-top: calc((var(--system-section) + var(--system-space) * 1.5) / 2); }
.dormur-solutions-source .dormur-solutions-kicker span { background: var(--system-border); }
.dormur-solutions-source .dormur-solutions-stats,
.dormur-solutions-source .dormur-solutions-services { margin-top: var(--system-space); gap: var(--system-space); }
.dormur-solutions-source .dormur-solutions-stat h3 { font-size: var(--system-label); font-weight: 600; }
.dormur-solutions-source .dormur-solutions-stat-value {
  font-family: var(--system-display);
  color: var(--system-text);
  font-size: var(--system-number);
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-top: var(--system-small);
}
.dormur-solutions-source .dormur-solutions-stat-copy,
.dormur-solutions-source .dormur-solutions-service-copy p {
  font-size: var(--system-body);
  color: var(--system-text);
  line-height: 1.6;
}
.dormur-solutions-source .dormur-solutions-service-copy h3 {
  font-family: var(--system-display);
  color: var(--system-primary);
  font-size: var(--system-label);
  font-weight: 600;
  letter-spacing: -0.02em;
}
.dormur-solutions-source .dormur-solutions-media { border-radius: 8px; }
.dormur-solutions-source .dormur-solutions-tags span {
  border-color: var(--system-border);
  border-radius: 999px;
  color: var(--system-text);
  font-weight: 400;
}

@media (max-width: 1024px) {
  .dormur-business-source,
  #dormur-planning,
  #dormur-contact,
  #dormur-case,
  .dormur-solutions-source,
  #dormur-results,
  #kyle-service {
    --system-title: var(--fs-h1-tab);
    --system-label: var(--fs-h5-tab);
    --system-body: var(--fs-p1-tab);
    --system-number: var(--fs-d2-tab);
    --system-space: 32px;
    --system-small: 20px;
    --system-gutter: 40px;
    --system-section: 100px;
  }
  .dormur-business-source .biz-link { height: 52px; padding: 0 20px; min-width: 120px; font-size: 16px; border-width: 2px; }
}
@media (max-width: 767px) {
  .dormur-business-source,
  #dormur-planning,
  #dormur-contact,
  #dormur-case,
  .dormur-solutions-source,
  #dormur-results,
  #kyle-service {
    --system-title: var(--fs-h1-mob);
    --system-label: var(--fs-h5-mob);
    --system-body: 16px;
    --system-number: var(--fs-d2-mob);
    --system-space: 32px;
    --system-small: 16px;
    --system-gutter: 20px;
    --system-section: 80px;
  }
  .dormur-business-source .biz-title { font-size: var(--fs-h2-mob); }
  .dormur-business-source .biz-desc { font-size: 14px; margin-top: 24px; }
  .dormur-business-source .biz-action { margin-top: 24px; }
}
/* Maintain readable white copy across all three production-team images.
   Paint only: preserve the existing columns, spacing and image crossfades. */
#scFlower .flower_banner::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,
    rgba(7, 14, 23, .54) 0%,
    rgba(7, 14, 23, .48) 48%,
    rgba(7, 14, 23, .64) 100%);
}
#scFlower .col_desc,
#scFlower .col_title {
  text-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}
#scFlower .banner_col.inactive .col_title {
  opacity: .85;
}