:root {
      --text: #fff7ea;
      --dark: #171410;
      --muted: #d0c0a8;
      --gold: #c99a53;
      --gold2: #f2cb82;
      --btn-brass: #b8793c;
      --btn-brass-hover: #c98f4a;
      --btn-brass-active: #8e5f31;
      --btn-ink: #130e09;
      --cream: #efe2cf;
      --line: rgba(201, 154, 83, .24);
      --shadow: 0 26px 70px rgba(0, 0, 0, .30);
    }

    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      font-family: 'IRANYekan', 'IRYekan', Tahoma, Arial, sans-serif !important;
      color: var(--text);
      background:
        radial-gradient(circle at 12% 8%, rgba(242, 203, 130, .16), transparent 24%),
        radial-gradient(circle at 84% 18%, rgba(255, 255, 255, .06), transparent 24%),
        linear-gradient(180deg, #211b14 0%, #2a2118 24%, #1a1611 52%, #15120e 100%);
      overflow-x: hidden;
      text-align: right;
    }

    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }
    button, input, textarea { font-family: inherit !important; }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(22, 18, 13, .78);
      border-bottom: 1px solid rgba(242, 203, 130, .14);
      backdrop-filter: blur(18px);
      box-shadow: 0 14px 40px rgba(0,0,0,.18);
    }

    .nav-wrap {
      min-height: 70px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }

    .brand-mark {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      border-radius: 14px;
      color: #1a1208;
      background: linear-gradient(135deg, var(--gold2), var(--gold));
      font-weight: 950;
      box-shadow: 0 14px 34px rgba(0,0,0,.22);
    }

    .brand strong {
      display: block;
      font-size: .98rem;
      font-weight: 950;
      line-height: 1.4;
    }

    .brand span {
      display: block;
      color: #dccbb5;
      font-size: .72rem;
      direction: ltr;
      text-align: right;
    }

    .btn-gold,
    .btn-soft {
      min-height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 15px;
      border-radius: 10px;
      font-size: .84rem;
      font-weight: 850;
      border: 1px solid transparent;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
      white-space: nowrap;
      cursor: pointer;
    }

    .btn-gold {
      color: var(--btn-ink);
      border-color: rgba(242,203,130,.26);
      background: var(--btn-brass);
      box-shadow: 0 12px 26px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.18);
    }

    .btn-soft {
      color: #f0d4aa;
      background: rgba(184,121,60,.09);
      border-color: rgba(184,121,60,.42);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
    }

    .btn-gold:hover,
    .btn-soft:hover { transform: translateY(-1px); }

    .btn-gold:hover {
      color: var(--btn-ink);
      background: var(--btn-brass-hover);
      border-color: rgba(242,203,130,.42);
      box-shadow: 0 16px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.24);
    }

    .btn-soft:hover {
      color: #ffe2b2;
      background: rgba(184,121,60,.17);
      border-color: rgba(201,143,74,.68);
      box-shadow: 0 12px 28px rgba(0,0,0,.20), inset 0 0 0 1px rgba(242,203,130,.06);
    }

    .btn-gold:active,
    .btn-soft:active { transform: translateY(1px); }

    .btn-gold:active {
      background: var(--btn-brass-active);
      box-shadow: inset 0 2px 8px rgba(0,0,0,.22);
    }

    .btn-soft:active {
      background: rgba(142,95,49,.22);
      border-color: rgba(201,143,74,.75);
    }

    .btn-gold:focus-visible,
    .btn-soft:focus-visible {
      outline: 2px solid rgba(242,203,130,.72);
      outline-offset: 3px;
    }

    .btn-gold:disabled,
    .btn-soft:disabled,
    .btn-gold.disabled,
    .btn-soft.disabled,
    .btn-gold[aria-disabled="true"],
    .btn-soft[aria-disabled="true"] {
      opacity: .48;
      pointer-events: none;
      transform: none;
      box-shadow: none;
    }

    .hero {
      position: relative;
      padding: 24px 0 18px;
      overflow: hidden;
      background:
        linear-gradient(90deg, rgba(12, 10, 7, .88), rgba(22, 17, 11, .58)),
        linear-gradient(180deg, rgba(12, 10, 7, .35), rgba(12, 10, 7, .72)),
        url('../../images/dark-building.jpg') center center / cover no-repeat;
      border-bottom: 1px solid rgba(242,203,130,.10);
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 18% 35%, rgba(242,203,130,.12), transparent 24%),
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.28));
      pointer-events: none;
    }

    .hero-content {
      position: relative;
      z-index: 1;
      max-width: none;
      margin: 0;
      min-height: 188px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 22px;
      text-align: right;
    }

    .hero-copy {
      min-width: 0;
    }

    .hero-kicker {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 6px 11px;
      margin-bottom: 10px;
      border-radius: 999px;
      color: var(--gold2);
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(242,203,130,.16);
      font-size: .74rem;
      font-weight: 850;
    }

    .hero h1 {
      margin: 0 0 8px;
      max-width: 720px;
      font-size: clamp(1.35rem, 2.5vw, 2.35rem);
      line-height: 1.35;
      font-weight: 950;
      letter-spacing: -.04em;
      text-align: right;
    }

    .hero h1 span {
      color: var(--gold2);
    }

    .hero p {
      max-width: 620px;
      margin: 0;
      color: #d8c6aa;
      line-height: 1.9;
      text-align: right;
      font-size: .88rem;
    }

    .call-focus {
      position: relative;
      min-width: 290px;
      padding: 16px 18px;
      border-radius: 24px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
        rgba(18, 15, 11, .58);
      border: 1px solid rgba(242,203,130,.20);
      box-shadow: 0 22px 50px rgba(0,0,0,.25);
      backdrop-filter: blur(14px);
      text-align: center;
      overflow: hidden;
    }

    .call-focus::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent, rgba(242,203,130,.12), transparent);
      transform: translateX(110%);
      animation: callShine 4.8s ease-in-out infinite;
      pointer-events: none;
    }

    @keyframes callShine {
      0%, 55% { transform: translateX(110%); }
      75%, 100% { transform: translateX(-110%); }
    }

    .call-label {
      display: block;
      margin-bottom: 8px;
      color: #d7c4a8;
      font-size: .78rem;
      font-weight: 800;
    }

    .call-number {
      direction: ltr;
      display: block;
      color: #fff3df;
      font-size: clamp(1.65rem, 3.2vw, 2.55rem);
      line-height: 1;
      font-weight: 980;
      letter-spacing: .05em;
      text-shadow: 0 12px 34px rgba(0,0,0,.28);
    }

    .call-action {
      margin-top: 12px;
      width: 100%;
      min-height: 38px;
    }

    .main-section {
      position: relative;
      padding: 34px 0 86px;
      color: #f5ead8;
    }

    .main-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 12% 22%, rgba(242, 203, 130, .08), transparent 26%),
        radial-gradient(circle at 88% 10%, rgba(255, 255, 255, .04), transparent 22%);
      pointer-events: none;
    }

    .main-section .container {
      position: relative;
      z-index: 1;
    }

    .section-head {
      margin-bottom: 24px;
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 20px;
      flex-wrap: wrap;
    }

    .section-head h2 {
      margin: 0;
      color: #fff3df;
      font-size: clamp(1.5rem, 2.6vw, 2.2rem);
      font-weight: 950;
    }

    .section-head p {
      max-width: 650px;
      margin: 0;
      color: #cdbba1;
      line-height: 1.9;
      font-size: .92rem;
    }

    .location-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
      align-items: stretch;
      perspective: 1200px;
    }

    .location-grid:hover .location-card:not(:hover) {
      transform: scale(.965);
      opacity: .82;
      filter: saturate(.85);
    }

    .location-card {
      position: relative;
      min-height: 540px;
      overflow: hidden;
      border-radius: 32px;
      background: #1d1710;
      box-shadow: 0 24px 62px rgba(0, 0, 0, .28);
      isolation: isolate;
      border: 1px solid rgba(201, 154, 83, .24);
      transform: translateY(0) scale(1) rotateX(0deg);
      transform-origin: center;
      transition: transform .46s cubic-bezier(.16, 1, .3, 1), box-shadow .46s ease, border-color .46s ease, opacity .35s ease, filter .35s ease;
      will-change: transform;
    }

    .location-card::after {
      content: "";
      position: absolute;
      inset: 1px;
      z-index: 2;
      border-radius: 31px;
      border: 1px solid rgba(255,255,255,.10);
      pointer-events: none;
    }

    .location-card::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(180deg, rgba(7,7,6,.08), rgba(7,7,6,.26) 34%, rgba(7,7,6,.86)),
        radial-gradient(circle at 50% 36%, transparent 0 24%, rgba(0,0,0,.28) 64%),
        linear-gradient(120deg, rgba(242,203,130,.12), transparent 32%, rgba(255,255,255,.06));
      pointer-events: none;
    }

    .location-card:hover {
      transform: translateY(-16px) scale(1.08) rotateX(1deg);
      border-color: rgba(242, 203, 130, .74);
      box-shadow: 0 38px 92px rgba(0,0,0,.42), 0 0 0 1px rgba(242,203,130,.16), 0 0 52px rgba(201,154,83,.14);
      z-index: 10;
    }

    .location-card img {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.03);
      filter: saturate(1.02) contrast(1.05) brightness(.78);
      transition: transform .9s cubic-bezier(.16, 1, .3, 1), filter .55s ease;
    }

    .location-card:hover img {
      transform: scale(1.20);
      filter: saturate(1.18) contrast(1.08) brightness(.93);
    }

    .loc-badge {
      position: absolute;
      top: 16px;
      right: 16px;
      z-index: 3;
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      padding: 0 11px;
      border-radius: 999px;
      color: #1a1208;
      background: linear-gradient(135deg, var(--gold2), var(--gold));
      font-size: .72rem;
      font-weight: 950;
      box-shadow: 0 16px 30px rgba(0,0,0,.20);
      transition: .34s ease;
    }

    .location-card:hover .loc-badge {
      transform: translateY(-2px) scale(1.04);
    }

    .loc-glass {
      position: absolute;
      right: 14px;
      left: 14px;
      bottom: 14px;
      z-index: 3;
      padding: 16px;
      border-radius: 22px;
      background: rgba(18, 15, 11, .68);
      border: 1px solid rgba(255,255,255,.13);
      backdrop-filter: blur(18px);
      transform: translateY(0) scale(1);
      transition: transform .38s cubic-bezier(.16, 1, .3, 1), background .32s ease, border-color .32s ease;
      box-shadow: 0 20px 42px rgba(0,0,0,.24);
    }

    .location-card:hover .loc-glass {
      transform: translateY(-8px) scale(1.025);
      background: rgba(18, 15, 11, .80);
      border-color: rgba(242,203,130,.28);
    }

    .loc-glass h3 {
      margin: 0 0 8px;
      color: #fff3df;
      font-size: 1.08rem;
      font-weight: 950;
    }

    .loc-address {
      margin: 0 0 12px;
      color: #d9c8b2;
      font-size: .78rem;
      line-height: 1.75;
    }

    .loc-info {
      display: grid;
      gap: 8px;
      margin-bottom: 14px;
    }

    .loc-row {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      color: #eadbc6;
      font-size: .76rem;
      line-height: 1.55;
      overflow-wrap: anywhere;
    }

    .loc-row b {
      color: var(--gold2);
      font-weight: 900;
      white-space: nowrap;
    }

    .loc-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      opacity: .92;
      transition: .28s ease;
    }

    .location-card:hover .loc-actions { opacity: 1; }

    .mini-btn {
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 10px;
      border-radius: 12px;
      color: #1a1208;
      background: linear-gradient(135deg, var(--gold2), var(--gold));
      font-size: .72rem;
      font-weight: 900;
      transition: .2s ease;
    }

    .mini-btn.secondary {
      color: #f7ead7;
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.13);
    }

    .mini-btn:hover { transform: translateY(-2px); }

    .org-actions {
      margin-top: 34px;
      position: relative;
      overflow: hidden;
      border-radius: 34px;
      border: 1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(circle at 78% 20%, rgba(242,203,130,.11), transparent 26%),
        radial-gradient(circle at 15% 78%, rgba(255,255,255,.055), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.022)),
        rgba(15, 12, 9, .76);
      box-shadow: var(--shadow);
      backdrop-filter: blur(18px);
      isolation: isolate;
    }

    .org-actions::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, transparent, rgba(242,203,130,.055), transparent),
        repeating-linear-gradient(90deg, transparent 0 78px, rgba(255,255,255,.025) 79px, transparent 80px 158px);
      pointer-events: none;
      opacity: .9;
    }

    .org-actions::after {
      content: "";
      position: absolute;
      width: 320px;
      height: 320px;
      left: -150px;
      bottom: -160px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(201,154,83,.13), transparent 68%);
      pointer-events: none;
    }

    .org-shell {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 310px minmax(0, 1fr);
      gap: 22px;
      padding: 24px;
      align-items: stretch;
    }

    .org-command {
      position: relative;
      min-height: 100%;
      padding: 24px;
      overflow: hidden;
      border-radius: 28px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
        rgba(18, 14, 10, .74);
      border: 1px solid rgba(242,203,130,.15);
      box-shadow: 0 22px 54px rgba(0,0,0,.24);
    }

    .org-command::before {
      content: "";
      position: absolute;
      inset: auto -80px -80px auto;
      width: 180px;
      height: 180px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(242,203,130,.18), transparent 70%);
      pointer-events: none;
    }

    .org-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 32px;
      padding: 0 11px;
      margin-bottom: 14px;
      border-radius: 999px;
      color: var(--gold2);
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(242,203,130,.16);
      font-size: .74rem;
      font-weight: 850;
    }

    .org-command h3 {
      margin: 0 0 10px;
      color: #fff3df;
      font-size: clamp(1.35rem, 2vw, 1.9rem);
      font-weight: 980;
      line-height: 1.35;
      letter-spacing: -.03em;
    }

    .org-command p {
      margin: 0 0 18px;
      color: #d5c3a9;
      font-size: .86rem;
      line-height: 1.95;
    }

    .org-mini-list {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 9px;
      margin-top: 20px;
    }

    .org-mini-list span {
      display: flex;
      align-items: center;
      gap: 8px;
      color: #eadbc6;
      font-size: .78rem;
    }

    .org-mini-list span::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--gold2), var(--gold));
      box-shadow: 0 0 0 5px rgba(201,154,83,.10);
      flex: 0 0 auto;
    }

    .org-network {
      position: relative;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      align-content: stretch;
    }

    .org-network::before {
      content: "";
      position: absolute;
      inset: 50% 9% auto 9%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(242,203,130,.28), transparent);
      pointer-events: none;
      opacity: .8;
    }

    .org-node {
      position: relative;
      min-height: 178px;
      display: grid;
      align-content: space-between;
      padding: 18px;
      overflow: hidden;
      border-radius: 26px;
      color: inherit;
      background:
        linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),
        rgba(255,255,255,.035);
      border: 1px solid rgba(255,255,255,.08);
      cursor: pointer;
      transition: transform .38s cubic-bezier(.16,1,.3,1), border-color .38s ease, background .38s ease, box-shadow .38s ease;
    }

    .org-node::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(120deg, transparent, rgba(242,203,130,.10), transparent);
      transform: translateX(110%);
      transition: transform .75s ease;
      pointer-events: none;
    }

    .org-node::after {
      content: "";
      position: absolute;
      width: 125px;
      height: 125px;
      left: -42px;
      bottom: -46px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(242,203,130,.15), transparent 70%);
      transition: .38s ease;
      pointer-events: none;
    }

    .org-node:hover {
      transform: translateY(-8px) scale(1.018);
      border-color: rgba(242,203,130,.34);
      background:
        linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.038)),
        rgba(255,255,255,.045);
      box-shadow: 0 26px 66px rgba(0,0,0,.26);
    }

    .org-node:hover::before { transform: translateX(-110%); }
    .org-node:hover::after { transform: scale(1.18); }

    .node-top {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 14px;
    }

    .node-icon {
      width: 54px;
      height: 54px;
      display: grid;
      place-items: center;
      border-radius: 19px;
      color: var(--gold2);
      background: linear-gradient(135deg, rgba(242,203,130,.18), rgba(201,154,83,.20));
      border: 1px solid rgba(242,203,130,.13);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
      font-size: 1.12rem;
      flex: 0 0 auto;
      transition: .34s ease;
    }

    .org-node:hover .node-icon {
      transform: rotate(-6deg) scale(1.06);
      background: linear-gradient(135deg, var(--gold2), var(--gold));
      color: #1a1208;
    }

    .node-code {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      padding: 0 9px;
      border-radius: 999px;
      color: #dac7a9;
      background: rgba(255,255,255,.055);
      border: 1px solid rgba(255,255,255,.08);
      font-size: .68rem;
      font-weight: 850;
      direction: ltr;
    }

    .org-node h4 {
      position: relative;
      z-index: 1;
      margin: 0 0 7px;
      color: #fff3df;
      font-size: .98rem;
      font-weight: 950;
      line-height: 1.55;
    }

    .org-node p {
      position: relative;
      z-index: 1;
      margin: 0 0 16px;
      color: #d1bea3;
      font-size: .78rem;
      line-height: 1.8;
    }

    .node-action {
      position: relative;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: var(--gold2);
      font-size: .76rem;
      font-weight: 950;
    }

    .node-action::after {
      content: "←";
      transition: transform .24s ease;
    }

    .org-node:hover .node-action::after {
      transform: translateX(-4px);
    }

    .dynamic-panel {
      position: relative;
      z-index: 1;
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      margin: 0 24px;
      padding: 0;
      border-radius: 24px;
      transform: translateY(8px);
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)),
        rgba(17, 14, 11, .70);
      backdrop-filter: blur(14px);
      transition: max-height .45s ease, opacity .32s ease, transform .32s ease, padding .32s ease, margin-bottom .32s ease;
    }

    .dynamic-panel.active {
      max-height: 900px;
      opacity: 1;
      transform: none;
      padding: 20px;
      margin-bottom: 24px;
      border: 1px solid rgba(255,255,255,.08);
    }

    .panel-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      flex-wrap: wrap;
      margin-bottom: 16px;
    }

    .panel-title h4 {
      margin: 0;
      color: #fff3df;
      font-size: 1.05rem;
      font-weight: 950;
    }

    .panel-title p {
      margin: 0;
      color: #d2c0a7;
      font-size: .82rem;
      line-height: 1.8;
    }

    .directory-grid,
    .it-grid {
      display: grid;
      gap: 12px;
    }

    .directory-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .it-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

    .directory-item,
    .info-item {
      padding: 14px;
      border-radius: 18px;
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.08);
    }

    .directory-item strong,
    .info-item strong {
      display: block;
      margin-bottom: 7px;
      color: #fff3df;
      font-size: .88rem;
      font-weight: 900;
    }

    .directory-item span,
    .info-item span,
    .info-item a {
      display: block;
      color: #d7c5ac;
      font-size: .8rem;
      line-height: 1.8;
      overflow-wrap: anywhere;
    }

    .cta-row {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 16px;
    }

    .reveal {
      opacity: 0;
      transform: translateY(22px);
      transition: opacity .65s ease, transform .65s ease;
    }

    .reveal.show {
      opacity: 1;
      transform: none;
    }

    @media (max-width: 1199.98px) {
      .location-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .org-shell { grid-template-columns: 1fr; }
      .org-network { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .directory-grid,
      .it-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 991.98px) {
      .action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .directory-grid,
      .it-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 767.98px) {
      .nav-wrap { min-height: 64px; }
      .nav-actions .btn-soft { display: none; }
      .hero { padding: 20px 0 16px; }
      .hero-content {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 16px;
      }
      .call-focus {
        min-width: 0;
        width: 100%;
      }
      .location-grid { grid-template-columns: 1fr; }
      .location-grid:hover .location-card:not(:hover) { transform: none; opacity: 1; filter: none; }
      .location-card { min-height: 470px; }
      .location-card:hover { transform: translateY(-8px) scale(1.018); }
      .section-head { display: block; }
      .section-head p { margin-top: 10px; }
      .loc-actions { grid-template-columns: 1fr; }
      .org-shell { padding: 18px; }
      .org-network,
      .directory-grid,
      .it-grid { grid-template-columns: 1fr; }
      .org-command { padding: 20px; }
      .dynamic-panel { margin: 0 18px; }
      .dynamic-panel.active { padding: 16px; margin-bottom: 18px; }
    }

    @media (max-width: 480px) {
      .location-card { min-height: 440px; border-radius: 24px; }
      .loc-glass { right: 10px; left: 10px; bottom: 10px; padding: 14px; }
      .org-shell { padding: 14px; }
      .org-command { padding: 16px; border-radius: 22px; }
      .org-node { min-height: 150px; padding: 15px; border-radius: 22px; }
      .dynamic-panel { margin: 0 14px; }
      .hero h1 { font-size: 1.35rem; }
      .hero p { font-size: .8rem; }
      .call-number { font-size: 1.9rem; }
    }