/*
 * studio reuse scope
 * Preserve the original intro/KV sequence and the immediately following
 * Business Area carousel while intentionally ending the page there.
 */
.main_stage ~ *:not(.dormur-business-source):not(.dormur-solutions-source):not(.sc_flower.dormur-flower-source):not(.sc_network_global.dormur-network-only),
.content ~ *,
.footer_quick,
.main_popup {
  display: none !important;
}

/* Keep the requested studio Network panel intact while omitting the
   following Global Scale panel that shares its original scroll scene. */
.sc_network_global.dormur-network-only {
  z-index: 50;
  isolation: isolate;
}

.sc_flower.dormur-flower-source {
  z-index: 50;
  isolation: isolate;
}

.sc_network_global.dormur-network-only .panel_global {
  display: none !important;
}

/* Eight production steps retain the original card dimensions and stagger. */
#panelNetwork .network_card {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: transparent;
}
#panelNetwork .network_card .card_hover_bg { opacity: 1; }
#panelNetwork .network_card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.50);
  pointer-events: none;
}
#panelNetwork .network_card .card_icon { opacity: 0; }

#panelNetwork .network_card .card_value {
  order: -1;
}

@media (min-width: 1025px) {
  #panelNetwork .network_grid {
    top: max(199px * var(--base-ratio), 199 / var(--base-size) * var(--base-percent));
    height: max(668px * var(--base-ratio), 668 / var(--base-size) * var(--base-percent));
  }
  #panelNetwork .network_card {
    left: calc(var(--step-column) * max(308px * var(--base-ratio), 308 / var(--base-size) * var(--base-percent)));
    top: calc(var(--step-row) * max(308px * var(--base-ratio), 308 / var(--base-size) * var(--base-percent)) + var(--step-stagger));
    --step-stagger: 0px;
  }
  #panelNetwork .network_card:nth-child(4n+1) { --step-column: 0; --step-stagger: max(80px * var(--base-ratio), 80 / var(--base-size) * var(--base-percent)); }
  #panelNetwork .network_card:nth-child(4n+2) { --step-column: 1; }
  #panelNetwork .network_card:nth-child(4n+3) { --step-column: 2; --step-stagger: max(80px * var(--base-ratio), 80 / var(--base-size) * var(--base-percent)); }
  #panelNetwork .network_card:nth-child(4n+4) { --step-column: 3; }
  #panelNetwork .network_card:nth-child(-n+4) { --step-row: 0; }
  #panelNetwork .network_card:nth-child(n+5) { --step-row: 1; }
}
@media (max-width: 1024px) {
  #panelNetwork .network_card[data-index="6"] { margin-top: 48px; }
}
@media (max-width: 767px) {
  /* The source's 340px minimum otherwise crops 320px phones. */
  .wrapper { min-width:0; }
}

/* Header-only brand and future section-navigation preparation. */
/* Generated photography replaces borrowed industrial footage visually.
   Keep the original video clock for carousel progression and transitions. */
.main_card_wrapper .main_card_content .card_bg .card_thumb {
  opacity: 1 !important;
  visibility: visible !important;
}

.header .header_logo img {
  object-fit: contain;
  object-position: left center;
}

/* The palette converter updates this token alongside the section key colour. */
:root { --header-logo-keycolor: #1444c4; }
.header-logo-tint { flood-color: var(--header-logo-keycolor); }
.header .header_logo .logo_dark { filter: url(#header-logo-keycolor); }

.header .header_logo .logo_white,
.main_card_branding img[src$="logo-dormur-studio.png"] {
  filter: brightness(0) invert(1);
}

.header .nav_depth2,
.header .gnb_indicator,
.mobile_menu .menu_2depth,
.mobile_menu .menu_1depth svg {
  display: none !important;
}

.header .nav_item > a,
.mobile_menu .menu_1depth {
  cursor: default;
}