/*
Theme Name: Havin Kohan Child
Theme URI: https://havinkohan.com
Description: Child theme for Havin Kohan WordPress + Elementor implementation.
Author: Havin Kohan
Template: hello-elementor
Version: 1.0.0
Text Domain: havin-kohan-child
*/

@font-face {
  font-display: swap;
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 300;
  src: url("assets/fonts/vazirmatn/vazirmatn-arabic-300-normal.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/vazirmatn/vazirmatn-arabic-400-normal.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 500;
  src: url("assets/fonts/vazirmatn/vazirmatn-arabic-500-normal.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 600;
  src: url("assets/fonts/vazirmatn/vazirmatn-arabic-600-normal.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/vazirmatn/vazirmatn-arabic-700-normal.woff2") format("woff2");
}

:root {
  --hk-navy: #091129;
  --hk-navy-deep: #05070a;
  --hk-gold: #a57e45;
  --hk-champagne: #f2e8c9;
  --hk-text-soft: #b8b1a4;
  --font-body: ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-english: "Inter", "SF Pro Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Playfair Display", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: "Roboto Mono", ui-monospace, "Cascadia Code", "Source Code Pro", monospace;
  --font-persian: "Vazirmatn", "Yekan Bakh", "YekanBakh", "IRANSansX", Tahoma, Arial, sans-serif;
}

html,
body {
  background: var(--hk-navy);
  color: var(--hk-champagne);
  font-family: var(--font-body);
}

/* Hide default Hello header/footer chrome so custom Havin Kohan chrome is used */
body:not(.wp-admin) header.site-header,
body:not(.wp-admin) footer.site-footer {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  color: var(--hk-champagne);
}

body,
p,
li,
a,
span,
div {
  font-family: var(--font-body);
}

html[lang='fa-IR'],
html[lang^='fa'] {
  direction: rtl;
}

html[lang='fa-IR'] body:not(.home),
html[lang^='fa'] body:not(.home) {
  direction: rtl;
  font-family: var(--font-persian);
}

html[lang='fa-IR'] body:not(.home) :where(p, li, a, button, input, textarea, select, label, figcaption, blockquote, .elementor-widget, .elementor-heading-title, .elementor-button, .elementor-icon-list-text),
html[lang^='fa'] body:not(.home) :where(p, li, a, button, input, textarea, select, label, figcaption, blockquote, .elementor-widget, .elementor-heading-title, .elementor-button, .elementor-icon-list-text) {
  font-family: var(--font-persian);
}

html[lang='fa-IR'] body:not(.home) :where(.site, #page, #content, main, article, section, .elementor, .elementor-section, .elementor-container, .elementor-widget-wrap),
html[lang^='fa'] body:not(.home) :where(.site, #page, #content, main, article, section, .elementor, .elementor-section, .elementor-container, .elementor-widget-wrap) {
  direction: rtl;
}

html[lang='en-US'] {
  direction: ltr;
}

html[lang='en-US'] body,
html[lang='en-US'] p,
html[lang='en-US'] li,
html[lang='en-US'] a,
html[lang='en-US'] span,
html[lang='en-US'] div {
  direction: ltr;
  font-family: var(--font-english);
}

/* Hero reveal: anti-FOUC + no-JS/reduced-motion fallbacks */
html.hk-hero-anim-js [data-hk-homepage] [data-hk-reveal] {
  opacity: 0;
  transform: translateY(30px);
  will-change: transform, opacity;
}

html.hk-hero-anim-js [data-hk-homepage].animation-initiated [data-hk-reveal] {
  opacity: 1;
  transform: none;
  will-change: auto;
}

[data-hk-homepage].hk-hero-enter .hk-home-hero {
  opacity: 0.001;
  transform: scale(1.02);
  transition: opacity .8s ease, transform 1.1s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}

[data-hk-homepage].hk-hero-enter.hk-hero-enter-active .hk-home-hero {
  opacity: 1 !important;
  transform: scale(1) !important;
  will-change: auto;
}

.no-js [data-hk-reveal] {
  opacity: 1;
  transform: none;
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  [data-hk-homepage] [data-hk-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
  }
}

a {
  color: var(--hk-champagne);
}

.elementor-page,
.elementor-page #content,
.elementor-page .site-main,
.elementor-page .elementor {
  background: transparent;
  color: var(--hk-champagne);
}

/* Keep inner pages in Havin Kohan dark language */
.elementor-page .elementor-section {
  background-color: transparent !important;
}

.elementor-page .elementor-widget-heading h1,
.elementor-page .elementor-widget-heading h2,
.elementor-page .elementor-widget-heading h3,
.elementor-page .elementor-widget-heading h4,
.elementor-page .elementor-widget-heading h5,
.elementor-page .elementor-widget-heading h6 {
  color: var(--hk-champagne) !important;
}

.elementor-page .elementor-widget-text-editor,
.elementor-page .elementor-widget-text-editor p,
.elementor-page .elementor-icon-list-text {
  color: var(--hk-text-soft) !important;
}

/* About page: architectural linework layer matching the coded reference */
body.page-id-8.elementor-page,
body.page-id-8.elementor-page #content,
body.page-id-8.elementor-page .site-main,
body.page-id-8.elementor-page .elementor {
  background: var(--hk-navy) !important;
}

.hk-about-reference-contours {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  display: block;
  visibility: visible;
  opacity: 0.14;
  mix-blend-mode: normal;
  background-image:
    radial-gradient(circle at 50% 40%, rgba(165, 126, 69, 0.10), rgba(165, 126, 69, 0.035) 48%, rgba(9, 17, 41, 0) 75%);
}

.hk-about-reference-contours__svg {
  display: block;
  visibility: visible;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
}

body.page-id-8.elementor-page #page,
body.page-id-8.elementor-page .site,
body.page-id-8.elementor-page #content,
body.page-id-8.elementor-page .site-main,
body.page-id-8.elementor-page .elementor {
  position: relative;
  z-index: 2;
}

body.page-id-8.elementor-page .elementor-top-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: var(--hk-navy) !important;
}

body.page-id-8.elementor-page .elementor-top-section .hk-about-reference-contours {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: 0.14 !important;
}

.hk-about-reference-coordinates,
.hk-about-reference-grid-lines {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.hk-about-reference-coordinates {
  top: clamp(32px, 4.45vw, 64px);
  left: clamp(40px, 8.888vw, 128px);
  display: flex;
  flex-direction: column;
  gap: 0;
  color: rgba(242, 232, 201, 0.10);
  font-family: var(--font-mono, "Roboto Mono", ui-monospace, "Cascadia Code", "Source Code Pro", monospace);
  font-size: 9px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  white-space: nowrap;
}

.hk-about-reference-grid-lines {
  inset: 0;
  overflow: hidden;
}

.hk-about-reference-grid-lines__line {
  position: absolute;
  display: block;
  height: 1px;
  max-width: calc(100vw - 80px);
  background: rgba(165, 126, 69, 0.10);
  transform: translateZ(0);
}

.hk-about-reference-grid-lines__line--top {
  top: clamp(170px, 12.85vw, 185px);
  left: clamp(280px, 20.8vw, 300px);
  right: clamp(80px, 5.55vw, 80px);
  height: 1px;
}

.hk-about-reference-grid-lines__line--middle {
  top: clamp(216px, 18.4vw, 265px);
  left: 0;
  right: clamp(160px, 15.6vw, 225px);
  height: 1px;
  background: rgba(165, 126, 69, 0.055);
}

.hk-about-reference-grid-lines__line--accent {
  top: clamp(360px, 27.7vw, 399px);
  right: clamp(128px, 13.1vw, 188px);
  width: clamp(64px, 4.86vw, 70px);
  height: 2px;
  background: rgba(165, 126, 69, 0.48);
}

@media (max-width: 767px) {
  .hk-about-reference-coordinates {
    top: 32px;
    left: clamp(40px, 19.5vw, 76px);
    font-size: 9px;
    letter-spacing: 0.2em;
  }

  .hk-about-reference-grid-lines__line {
    max-width: 100vw;
  }

  .hk-about-reference-grid-lines__line--top {
    top: 170px;
    left: 56%;
    right: 24px;
    width: auto;
  }

  .hk-about-reference-grid-lines__line--middle {
    top: 216px;
    left: 0;
    right: 50%;
    width: auto;
  }

  .hk-about-reference-grid-lines__line--accent {
    top: 398px;
    right: 24px;
    left: auto;
    width: 58px;
  }
}

/* ─── Global contour background utility ─── */
/* Extracted from About page (page-id-8) for 1:1 DRY reuse across pages */
.global-contour-bg::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.16;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='warm' cx='72%25' cy='44%25' r='72%25'%3E%3Cstop offset='0' stop-color='%23A57E45' stop-opacity='.13'/%3E%3Cstop offset='.48' stop-color='%23A57E45' stop-opacity='.045'/%3E%3Cstop offset='1' stop-color='%23091129' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='gold' x1='0' y1='0' x2='1440' y2='900' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F2E8C9' stop-opacity='.11'/%3E%3Cstop offset='.46' stop-color='%23A57E45' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%23F2E8C9' stop-opacity='.08'/%3E%3C/linearGradient%3E%3ClinearGradient id='blue' x1='1440' y1='0' x2='0' y2='900' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F2E8C9' stop-opacity='.07'/%3E%3Cstop offset='.5' stop-color='%23232A4C' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23F2E8C9' stop-opacity='.05'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1440' height='900' fill='url(%23warm)'/%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='url(%23gold)' stroke-width='1'%3E%3Cpath d='M-70 168H980c84 0 138 28 168 86l168 328c23 45 64 70 114 70h90'/%3E%3Cpath d='M74 0v248c0 66 29 110 87 132l321 124c50 19 82 66 82 119v277'/%3E%3Cpath d='M242 0v154c0 42 18 80 51 106l682 534c48 37 103 56 164 56h345'/%3E%3Cpath d='M-28 494h334c64 0 111-26 144-81l182-307c32-53 78-80 140-80h620'/%3E%3Cpath d='M945 0v236c0 48 19 88 58 118l196 151c42 32 63 73 63 125v270'/%3E%3C/g%3E%3Cg stroke='url(%23blue)' stroke-width='1.05'%3E%3Cpath d='M0 724h378c59 0 107-22 145-67l290-344c41-48 94-72 157-72h470'/%3E%3Cpath d='M1201 0v169c0 56-24 100-72 131L721 566c-42 27-63 65-63 115v219'/%3E%3Cpath d='M0 92h476c61 0 111 23 150 70l209 249c36 43 83 65 139 65h466'/%3E%3Cpath d='M108 900V681c0-52 22-94 67-123l268-174c39-25 59-60 59-107V0'/%3E%3Cpath d='M1356 0v900M1164 0v900M0 606h1440M0 328h1440'/%3E%3C/g%3E%3Cg stroke='%23A57E45' stroke-opacity='.23' stroke-width='.8'%3E%3Cpath d='M-20 814c219-80 385-126 498-138 156-16 251 35 382 23 141-13 246-96 600-148'/%3E%3Cpath d='M-15 248c143 43 270 48 380 16 174-51 267-185 424-206 162-21 302 82 664 76'/%3E%3C/g%3E%3C/g%3E%3Cg fill='%23A57E45' opacity='.28'%3E%3Ccircle cx='74' cy='248' r='2.8'/%3E%3Ccircle cx='502' cy='384' r='2.5'/%3E%3Ccircle cx='945' cy='236' r='2.4'/%3E%3Ccircle cx='1262' cy='630' r='2.7'/%3E%3Ccircle cx='658' cy='681' r='2.4'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 73% 42%, rgba(165, 126, 69, 0.13), transparent 44%),
    linear-gradient(120deg, rgba(242, 232, 201, 0.035), transparent 56%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: screen;
}

.global-contour-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.76;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 24%, rgba(9, 17, 41, 0.82), transparent 38%),
    linear-gradient(90deg, rgba(9, 17, 41, 0.84) 0%, rgba(9, 17, 41, 0.42) 48%, rgba(9, 17, 41, 0.18) 100%);
}

body.page-id-8.elementor-page .elementor-top-section::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.16;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='warm' cx='72%25' cy='44%25' r='72%25'%3E%3Cstop offset='0' stop-color='%23A57E45' stop-opacity='.13'/%3E%3Cstop offset='.48' stop-color='%23A57E45' stop-opacity='.045'/%3E%3Cstop offset='1' stop-color='%23091129' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='gold' x1='0' y1='0' x2='1440' y2='900' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F2E8C9' stop-opacity='.11'/%3E%3Cstop offset='.46' stop-color='%23A57E45' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%23F2E8C9' stop-opacity='.08'/%3E%3C/linearGradient%3E%3ClinearGradient id='blue' x1='1440' y1='0' x2='0' y2='900' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23F2E8C9' stop-opacity='.07'/%3E%3Cstop offset='.5' stop-color='%23232A4C' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23F2E8C9' stop-opacity='.05'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1440' height='900' fill='url(%23warm)'/%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='url(%23gold)' stroke-width='1'%3E%3Cpath d='M-70 168H980c84 0 138 28 168 86l168 328c23 45 64 70 114 70h90'/%3E%3Cpath d='M74 0v248c0 66 29 110 87 132l321 124c50 19 82 66 82 119v277'/%3E%3Cpath d='M242 0v154c0 42 18 80 51 106l682 534c48 37 103 56 164 56h345'/%3E%3Cpath d='M-28 494h334c64 0 111-26 144-81l182-307c32-53 78-80 140-80h620'/%3E%3Cpath d='M945 0v236c0 48 19 88 58 118l196 151c42 32 63 73 63 125v270'/%3E%3C/g%3E%3Cg stroke='url(%23blue)' stroke-width='1.05'%3E%3Cpath d='M0 724h378c59 0 107-22 145-67l290-344c41-48 94-72 157-72h470'/%3E%3Cpath d='M1201 0v169c0 56-24 100-72 131L721 566c-42 27-63 65-63 115v219'/%3E%3Cpath d='M0 92h476c61 0 111 23 150 70l209 249c36 43 83 65 139 65h466'/%3E%3Cpath d='M108 900V681c0-52 22-94 67-123l268-174c39-25 59-60 59-107V0'/%3E%3Cpath d='M1356 0v900M1164 0v900M0 606h1440M0 328h1440'/%3E%3C/g%3E%3Cg stroke='%23A57E45' stroke-opacity='.23' stroke-width='.8'%3E%3Cpath d='M-20 814c219-80 385-126 498-138 156-16 251 35 382 23 141-13 246-96 600-148'/%3E%3Cpath d='M-15 248c143 43 270 48 380 16 174-51 267-185 424-206 162-21 302 82 664 76'/%3E%3C/g%3E%3C/g%3E%3Cg fill='%23A57E45' opacity='.28'%3E%3Ccircle cx='74' cy='248' r='2.8'/%3E%3Ccircle cx='502' cy='384' r='2.5'/%3E%3Ccircle cx='945' cy='236' r='2.4'/%3E%3Ccircle cx='1262' cy='630' r='2.7'/%3E%3Ccircle cx='658' cy='681' r='2.4'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 73% 42%, rgba(165, 126, 69, 0.13), transparent 44%),
    linear-gradient(120deg, rgba(242, 232, 201, 0.035), transparent 56%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: screen;
}

body.page-id-8.elementor-page .elementor-top-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.76;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 24%, rgba(9, 17, 41, 0.82), transparent 38%),
    linear-gradient(90deg, rgba(9, 17, 41, 0.84) 0%, rgba(9, 17, 41, 0.42) 48%, rgba(9, 17, 41, 0.18) 100%);
}

body.page-id-8.elementor-page .elementor-top-section > .elementor-container {
  position: relative;
  z-index: 2;
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh;
  display: flex;
}

body.page-id-8.elementor-page .elementor-top-section > .elementor-container > .elementor-column:first-child {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

body.page-id-8.elementor-page .elementor-top-section > .elementor-container > .elementor-column:last-child {
  display: none !important;
}

body.page-id-8.elementor-page .elementor-top-section > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap {
  width: 100% !important;
  max-width: none !important;
  align-content: flex-start !important;
  padding: 64px 80px 96px !important;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget-divider:first-child {
  max-width: 640px;
  margin-inline-start: auto;
  margin-inline-end: 0;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget-heading,
body.page-id-8.elementor-page .elementor-top-section .elementor-widget-heading .elementor-heading-title {
  width: 100% !important;
  max-width: 100% !important;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget-heading .elementor-heading-title {
  color: rgb(255, 255, 255) !important;
  font-size: clamp(58px, 5.333333vw, 76.8px) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  text-align: right !important;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget-divider:not(:first-child),
body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor {
  width: 100% !important;
  max-width: 768px !important;
}

html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-divider:not(:first-child),
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-divider:not(:first-child),
html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor {
  margin-left: auto !important;
  margin-right: 0 !important;
}

html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-divider:not(:first-child),
html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor {
  margin-left: 0 !important;
  margin-right: auto !important;
}

html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor,
html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor p,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor p {
  text-align: right !important;
}

html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor,
html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor p {
  text-align: left !important;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget-heading {
  margin-bottom: 30px !important;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget-divider:not(:first-child) {
  margin-bottom: 28px !important;
}

@media (max-width: 1024px) {
  body.page-id-8.elementor-page .elementor-top-section > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap {
    padding: 72px 48px 80px !important;
  }
}

@media (max-width: 767px) {
  body.page-id-8.elementor-page .elementor-top-section::before {
    opacity: 0.42;
    background-position: 58% center;
    background-size: auto 100%;
  }

  body.page-id-8.elementor-page .elementor-top-section::after {
    background: linear-gradient(180deg, rgba(9, 17, 41, 0.58), rgba(9, 17, 41, 0.78));
  }

  body.page-id-8.elementor-page .elementor-top-section > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap {
    padding: 112px 26px 72px !important;
  }

  body.page-id-8.elementor-page .elementor-top-section .elementor-widget-heading .elementor-heading-title {
    font-size: clamp(42px, 13vw, 58px) !important;
  }

  body.page-id-8.elementor-page .elementor-top-section .elementor-widget-divider:first-child,
  body.page-id-8.elementor-page .elementor-top-section .elementor-widget-divider:not(:first-child),
  body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor {
    max-width: 100% !important;
  }
}

/* Final About parity override: exact reference contour geometry + strict language typography */
html[lang='fa-IR'] body,
html[lang^='fa'] body,
html[lang='fa-IR'] body :where(h1, h2, h3, h4, h5, h6, p, li, a, span, div, button, input, textarea, select, label, figcaption, blockquote, strong, em, small, .elementor, .elementor *, .hk-site-nav, .hk-site-nav *) {
  font-family: var(--font-persian) !important;
}

html[lang='fa-IR'] [data-latin],
html[lang^='fa'] [data-latin],
html[lang='fa-IR'] [lang='en'],
html[lang^='fa'] [lang='en'] {
  font-family: var(--font-mono, var(--font-english)) !important;
}

html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor,
html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor p {
  direction: ltr !important;
  text-align: left !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-family: var(--font-english) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-heading .elementor-heading-title {
  direction: ltr !important;
  text-align: left !important;
  color: rgb(255, 255, 255) !important;
  font-size: clamp(58px, 5.333333vw, 76.8px) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
}

html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-heading .elementor-heading-title,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-heading .elementor-heading-title {
  direction: rtl !important;
  text-align: right !important;
  color: rgb(255, 255, 255) !important;
  font-family: var(--font-persian) !important;
  font-size: clamp(58px, 5.333333vw, 76.8px) !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
}

html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor,
html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor p,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor p {
  direction: rtl !important;
  text-align: right !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-family: var(--font-persian) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

body.page-id-8.elementor-page .elementor-top-section::before {
  opacity: 0 !important;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20900'%20preserveAspectRatio='xMidYMid%20slice'%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1440'%20y2='900'%20gradientUnits='userSpaceOnUse'%3E%3Cstop%20offset='0%25'%20stop-color='%23F2E8C9'%20stop-opacity='.20'/%3E%3Cstop%20offset='45%25'%20stop-color='%23A57E45'%20stop-opacity='.48'/%3E%3Cstop%20offset='100%25'%20stop-color='%23F2E8C9'%20stop-opacity='.18'/%3E%3C/linearGradient%3E%0A%3ClinearGradient%20id='b'%20x1='0'%20y1='0'%20x2='1440'%20y2='900'%20gradientUnits='userSpaceOnUse'%3E%3Cstop%20offset='0%25'%20stop-color='%23F2E8C9'%20stop-opacity='.08'/%3E%3Cstop%20offset='55%25'%20stop-color='%236F7AA8'%20stop-opacity='.20'/%3E%3Cstop%20offset='100%25'%20stop-color='%23F2E8C9'%20stop-opacity='.10'/%3E%3C/linearGradient%3E%0A%3C/defs%3E%0A%3Cg%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%0A%3Cg%20stroke='url(%23g)'%20stroke-width='1'%3E%3Cpath%20d='M80%20-120%20V120%20C80%20206%20144%20270%20230%20270%20H330%20C418%20270%20486%20338%20486%20426%20V948'/%3E%3Cpath%20d='M110%20-120%20V118%20C110%20188%20162%20240%20232%20240%20H330%20C436%20240%20516%20320%20516%20426%20V948'/%3E%3Cpath%20d='M140%20-120%20V112%20C140%20170%20178%20210%20236%20210%20H330%20C454%20210%20546%20302%20546%20426%20V948'/%3E%3Cpath%20d='M170%20-120%20V104%20C170%20150%20194%20180%20240%20180%20H330%20C472%20180%20576%20284%20576%20426%20V948'/%3E%3C/g%3E%0A%3Cg%20stroke='url(%23b)'%20stroke-width='1.05'%3E%3Cpath%20d='M-96%20598%20H12%20C112%20598%20182%20528%20182%20428%20V404%20C182%20312%20250%20244%20342%20244%20H440'/%3E%3Cpath%20d='M-96%20628%20H14%20C132%20628%20212%20546%20212%20428%20V404%20C212%20330%20268%20274%20342%20274%20H448'/%3E%3C/g%3E%0A%3Cg%20stroke='url(%23g)'%20stroke-width='1'%3E%3Cpath%20d='M1118%20-90%20V278%20C1118%20378%201192%20452%201292%20452%20H1530'/%3E%3Cpath%20d='M1148%20-90%20V278%20C1148%20360%201210%20422%201292%20422%20H1530'/%3E%3Cpath%20d='M1178%20-90%20V278%20C1178%20342%201228%20392%201292%20392%20H1530'/%3E%3Cpath%20d='M1208%20-90%20V278%20C1208%20324%201246%20362%201292%20362%20H1530'/%3E%3C/g%3E%0A%3Cg%20stroke='url(%23b)'%20stroke-width='1'%3E%3Cpath%20d='M1030%20948%20V808%20C1030%20698%201112%20616%201222%20616%20H1298%20C1380%20616%201440%20556%201440%20474%20V390%20C1440%20318%201494%20264%201566%20264'/%3E%3Cpath%20d='M1060%20948%20V808%20C1060%20716%201130%20646%201222%20646%20H1298%20C1398%20646%201470%20574%201470%20474%20V390%20C1470%20336%201512%20294%201566%20294'/%3E%3C/g%3E%0A%3Cg%20stroke='url(%23g)'%20stroke-width='.95'%3E%3Cpath%20d='M-40%20948%20V810%20C-40%20704%2040%20624%20146%20624%20H204%20C312%20624%20392%20704%20392%20812%20V948'/%3E%3Cpath%20d='M-10%20948%20V812%20C-10%20724%2058%20654%20146%20654%20H204%20C294%20654%20362%20724%20362%20812%20V948'/%3E%3Cpath%20d='M20%20948%20V814%20C20%20742%2074%20684%20146%20684%20H204%20C276%20684%20332%20742%20332%20814%20V948'/%3E%3C/g%3E%0A%3Cg%20stroke='url(%23g)'%20stroke-width='.9'%3E%3Cpath%20d='M1328%20948%20V778%20C1328%20716%201374%20670%201436%20670%20H1530'/%3E%3Cpath%20d='M1298%20948%20V778%20C1298%20698%201356%20640%201436%20640%20H1530'/%3E%3Cpath%20d='M1268%20948%20V778%20C1268%20680%201338%20610%201436%20610%20H1530'/%3E%3C/g%3E%0A%3C/g%3E%0A%3Cg%20fill='%23A57E45'%20opacity='.30'%3E%3Ccircle%20cx='238'%20cy='270'%20r='4.5'/%3E%3Ccircle%20cx='390'%20cy='812'%20r='5.5'/%3E%3Ccircle%20cx='1288'%20cy='744'%20r='4.5'/%3E%3C/g%3E%0A%3Cg%20fill='%23F2E8C9'%20opacity='.14'%3E%3Ccircle%20cx='182'%20cy='404'%20r='6'/%3E%3Ccircle%20cx='1030'%20cy='808'%20r='6'/%3E%3C/g%3E%0A%3C/svg%3E"),
    radial-gradient(circle at 72% 43%, rgba(165, 126, 69, 0.16), transparent 46%),
    linear-gradient(120deg, rgba(242, 232, 201, 0.04), transparent 58%) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  mix-blend-mode: normal !important;
}

body.page-id-8.elementor-page .elementor-top-section::after {
  background:
    radial-gradient(circle at 25% 26%, rgba(9, 17, 41, 0.62), transparent 38%),
    linear-gradient(90deg, rgba(9, 17, 41, 0.72) 0%, rgba(9, 17, 41, 0.38) 44%, rgba(9, 17, 41, 0.10) 100%) !important;
}

/* Precision style pass: values extracted from localhost:3000 About page */
body.page-id-8.elementor-page .hk-about-reference-contours {
  z-index: 1 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 0.14 !important;
  mix-blend-mode: normal !important;
}

body.page-id-8.elementor-page .hk-about-reference-contours__svg {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

body.page-id-8.elementor-page .hk-about-reference-contours :is(path, circle) {
  stroke: rgba(165, 126, 69, 0.92) !important;
}

body.page-id-8.elementor-page .hk-about-reference-contours rect {
  fill-opacity: 0.34 !important;
}

body.page-id-8.elementor-page .elementor-top-section > .elementor-container,
body.page-id-8.elementor-page .elementor-top-section > .elementor-container > .elementor-column,
body.page-id-8.elementor-page .elementor-top-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
body.page-id-8.elementor-page .elementor-top-section .elementor-widget {
  position: relative !important;
  z-index: 2 !important;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget-heading .elementor-heading-title {
  color: rgb(255, 255, 255) !important;
  font-size: clamp(58px, 5.333333vw, 76.8px) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor,
body.page-id-8.elementor-page .elementor-top-section .elementor-widget-text-editor p {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-element-85f87af3,
body.page-id-8.elementor-page .elementor-top-section .elementor-element-85f87af3 p {
  color: oklab(0.618905 0.0225718 0.0859314 / 0.7) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 19.5px !important;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-element-d98d32f7,
body.page-id-8.elementor-page .elementor-top-section .elementor-element-d98d32f7 p,
body.page-id-8.elementor-page .elementor-top-section .elementor-element-e1c83d33,
body.page-id-8.elementor-page .elementor-top-section .elementor-element-e1c83d33 p,
body.page-id-8.elementor-page .elementor-top-section .elementor-element-f5e87177,
body.page-id-8.elementor-page .elementor-top-section .elementor-element-f5e87177 p {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3,
html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3,
html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3 .elementor-widget-container,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3 .elementor-widget-container,
html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3 .elementor-widget-container,
html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3 p,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3 p,
html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3 p {
  color: oklab(0.618905 0.0225718 0.0859314 / 0.7) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 19.5px !important;
}

html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-element-85f87af3,
html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-element-85f87af3 p {
  direction: ltr !important;
  text-align: left !important;
  font-family: var(--font-mono, var(--font-english)) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-element-85f87af3,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-element-85f87af3,
html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-element-85f87af3 p,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-element-85f87af3 p {
  direction: rtl !important;
  text-align: right !important;
}

/* Phase 4: language-aware coordinates, subtitle linework, and subtler contours */
body.page-id-8.elementor-page .elementor-top-section > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}

body.page-id-8.elementor-page .elementor-top-section .hk-about-reference-contours,
body.page-id-8.elementor-page .hk-about-reference-contours {
  opacity: 0.07 !important;
}

body.page-id-8.elementor-page .hk-about-reference-coordinates {
  top: clamp(32px, 4.45vw, 64px) !important;
  color: rgba(242, 232, 201, 0.075) !important;
  z-index: 1 !important;
}

html[dir="ltr"] body.page-id-8.elementor-page .hk-about-reference-coordinates,
html[lang='en-US'] body.page-id-8.elementor-page .hk-about-reference-coordinates {
  right: clamp(40px, 4.45vw, 64px) !important;
  left: auto !important;
  text-align: right !important;
  align-items: flex-end !important;
}

html[dir="rtl"] body.page-id-8.elementor-page .hk-about-reference-coordinates,
html[lang='fa-IR'] body.page-id-8.elementor-page .hk-about-reference-coordinates,
html[lang^='fa'] body.page-id-8.elementor-page .hk-about-reference-coordinates {
  left: clamp(40px, 4.45vw, 64px) !important;
  right: auto !important;
  text-align: left !important;
  align-items: flex-start !important;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3 {
  position: relative !important;
  z-index: 3 !important;
  width: fit-content !important;
  max-width: min(420px, calc(100vw - 52px)) !important;
  isolation: isolate;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::before,
body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::after {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  pointer-events: none;
  background: rgba(165, 126, 69, 0.18);
  transform: translateY(-50%);
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::before {
  top: -42px;
  width: clamp(180px, 70vw, 1000px);
  opacity: 0.52;
}

body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::after {
  top: 50%;
  width: clamp(48px, 8vw, 116px);
  opacity: 0.34;
}

html[dir="ltr"] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3,
html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3 {
  margin-right: auto !important;
  margin-left: 0 !important;
}

html[dir="ltr"] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::before,
html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::before {
  left: 0;
  right: auto;
}

html[dir="ltr"] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::after,
html[lang='en-US'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::after {
  left: calc(100% + 22px);
  right: auto;
}

html[dir="rtl"] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3,
html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3 {
  margin-left: auto !important;
  margin-right: 0 !important;
}

html[dir="rtl"] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::before,
html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::before,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::before {
  right: 0;
  left: auto;
}

html[dir="rtl"] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::after,
html[lang='fa-IR'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::after,
html[lang^='fa'] body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::after {
  right: calc(100% + 22px);
  left: auto;
}

@media (max-width: 767px) {
  body.page-id-8.elementor-page .elementor-top-section .hk-about-reference-contours,
  body.page-id-8.elementor-page .hk-about-reference-contours {
    opacity: 0.055 !important;
  }

  body.page-id-8.elementor-page .hk-about-reference-coordinates {
    top: 32px !important;
  }

  html[dir="ltr"] body.page-id-8.elementor-page .hk-about-reference-coordinates,
  html[lang='en-US'] body.page-id-8.elementor-page .hk-about-reference-coordinates {
    right: 24px !important;
    left: auto !important;
  }

  html[dir="rtl"] body.page-id-8.elementor-page .hk-about-reference-coordinates,
  html[lang='fa-IR'] body.page-id-8.elementor-page .hk-about-reference-coordinates,
  html[lang^='fa'] body.page-id-8.elementor-page .hk-about-reference-coordinates {
    left: 24px !important;
    right: auto !important;
  }

  body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::before {
    top: -32px;
    width: min(54vw, 240px);
  }

  body.page-id-8.elementor-page .elementor-top-section .elementor-widget.elementor-element-85f87af3::after {
    width: 54px;
  }
}

/* ==========================================================================
   CONTACT US PAGE RECONSTRUCTION (PAGE-ID-50)
   Architecture: Engineered Minimalism, Ghost Cards & Dark Romanticism
   ========================================================================== */

/* --- 1. Global Contour Background Integration --- */
body.page-id-50.elementor-page .global-contour-bg {
    position: relative !important;
    overflow: hidden !important;
    background-color: var(--hk-navy, #091129) !important;
}

body.page-id-50.elementor-page .global-contour-bg::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%201440%20900%27%20preserveAspectRatio=%27xMidYMid%20slice%27%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%27g%27%20x1=%270%27%20y1=%270%27%20x2=%271440%27%20y2=%27900%27%20gradientUnits=%27userSpaceOnUse%27%3E%3Cstop%20offset=%270%25%27%20stop-color=%27%23F2E8C9%27%20stop-opacity=%27.20%27/%3E%3Cstop%20offset=%2745%25%27%20stop-color=%27%23A57E45%27%20stop-opacity=%27.48%27/%3E%3Cstop%20offset=%27100%25%27%20stop-color=%27%23F2E8C9%27%20stop-opacity=%27.18%27/%3E%3C/linearGradient%3E%0A%3ClinearGradient%20id=%27b%27%20x1=%270%27%20y1=%270%27%20x2=%271440%27%20y2=%27900%27%20gradientUnits=%27userSpaceOnUse%27%3E%3Cstop%20offset=%270%25%27%20stop-color=%27%23F2E8C9%27%20stop-opacity=%27.08%27/%3E%3Cstop%20offset=%2755%25%27%20stop-color=%27%236F7AA8%27%20stop-opacity=%27.20%27/%3E%3Cstop%20offset=%27100%25%27%20stop-color=%27%23F2E8C9%27%20stop-opacity=%27.10%27/%3E%3C/linearGradient%3E%0A%3C/defs%3E%0A%3Cg%20fill=%27none%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%0A%3Cg%20stroke=%27url(%23g)%27%20stroke-width=%271%27%3E%3Cpath%20d=%27M80%20-120%20V120%20C80%20206%20144%20270%20230%20270%20H330%20C418%20270%20486%20338%20486%20426%20V948%27/%3E%3Cpath%20d=%27M110%20-120%20V118%20C110%20188%20162%20240%20232%20240%20H330%20C436%20240%20516%20320%20516%20426%20V948%27/%3E%3Cpath%20d=%27M140%20-120%20V112%20C140%20170%20178%20210%20236%20210%20H330%20C454%20210%20546%20302%20546%20426%20V948%27/%3E%3Cpath%20d=%27M170%20-120%20V104%20C170%20150%20194%20180%20240%20180%20H330%20C472%20180%20576%20284%20576%20426%20V948%27/%3E%3C/g%3E%0A%3Cg%20stroke=%27url(%23b)%27%20stroke-width=%271.05%27%3E%3Cpath%20d=%27M-96%20598%20H12%20C112%20598%20182%20528%20182%20428%20V404%20C182%20312%20250%20244%20342%20244%20H440%27/%3E%3Cpath%20d=%27M-96%20628%20H14%20C132%20628%20212%20546%20212%20428%20V404%20C212%20330%20268%20274%20342%20274%20H448%27/%3E%3C/g%3E%0A%3Cg%20stroke=%27url(%23g)%27%20stroke-width=%271%27%3E%3Cpath%20d=%27M1118%20-90%20V278%20C1118%20378%201192%20452%201292%20452%20H1530%27/%3E%3Cpath%20d=%27M1148%20-90%20V278%20C1148%20360%201210%20422%201292%20422%20H1530%27/%3E%3Cpath%20d=%27M1178%20-90%20V278%20C1178%20342%201228%20392%201292%20392%20H1530%27/%3E%3Cpath%20d=%27M1208%20-90%20V278%20C1208%20324%201246%20362%201292%20362%20H1530%27/%3E%3C/g%3E%0A%3Cg%20stroke=%27url(%23b)%27%20stroke-width=%271%27%3E%3Cpath%20d=%27M1030%20948%20V808%20C1030%20698%201112%20616%201222%20616%20H1298%20C1380%20616%201440%20556%201440%20474%20V390%20C1440%20318%201494%20264%201566%20264%27/%3E%3Cpath%20d=%27M1060%20948%20V808%20C1060%20716%201130%20646%201222%20646%20H1298%20C1398%20646%201470%20574%201470%20474%20V390%20C1470%20336%201512%20294%201566%20294%27/%3E%3C/g%3E%0A%3Cg%20stroke=%27url(%23g)%27%20stroke-width=%27.95%27%3E%3Cpath%20d=%27M-40%20948%20V810%20C-40%20704%2040%20624%20146%20624%20H204%20C312%20624%20392%20704%20392%20812%20V948%27/%3E%3Cpath%20d=%27M-10%20948%20V812%20C-10%20724%2058%20654%20146%20654%20H204%20C294%20654%20362%20724%20362%20812%20V948%27/%3E%3Cpath%20d=%27M20%20948%20V814%20C20%20742%2074%20684%20146%20684%20H204%20C276%20684%20332%20742%20332%20814%20V948%27/%3E%3C/g%3E%0A%3Cg%20stroke=%27url(%23g)%27%20stroke-width=%27.9%27%3E%3Cpath%20d=%27M1328%20948%20V778%20C1328%20716%201374%20670%201436%20670%20H1530%27/%3E%3Cpath%20d=%27M1298%20948%20V778%20C1298%20698%201356%20640%201436%20640%20H1530%27/%3E%3Cpath%20d=%27M1268%20948%20V778%20C1268%20680%201338%20610%201436%20610%20H1530%27/%3E%3C/g%3E%0A%3C/g%3E%0A%3Cg%20fill=%27%23A57E45%27%20opacity=%27.30%27%3E%3Ccircle%20cx=%27238%27%20cy=%27270%27%20r=%274.5%27/%3E%3Ccircle%20cx=%27390%27%20cy=%27812%27%20r=%275.5%27/%3E%3Ccircle%20cx=%271288%27%20cy=%27744%27%20r=%274.5%27/%3E%3C/g%3E%0A%3Cg%20fill=%27%23F2E8C9%27%20opacity=%27.14%27%3E%3Ccircle%20cx=%27182%27%20cy=%27404%27%20r=%276%27/%3E%3Ccircle%20cx=%271030%27%20cy=%27808%27%20r=%276%27/%3E%3C/g%3E%0A%3C/svg%3E"),
        radial-gradient(circle at 72% 43%, rgba(165, 126, 69, 0.16), transparent 46%),
        linear-gradient(120deg, rgba(242, 232, 201, 0.04), transparent 58%) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    mix-blend-mode: normal !important;
}

/* --- 2. Cinematic Hero Fade --- */
body.page-id-50.elementor-page .hk-contact-hero-section {
    position: relative !important;
}

body.page-id-50.elementor-page .hk-contact-hero-section::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 75% !important;
    background: linear-gradient(to bottom, transparent 0%, var(--hk-navy, #091129) 95%, var(--hk-navy, #091129) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

body.page-id-50.elementor-page .hk-contact-hero-section .elementor-container {
    position: relative !important;
    z-index: 2 !important;
}

/* --- 3. Ghost Cards Grid Architecture --- */
body.page-id-50.elementor-page .hk-contact-main-section .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

@media (min-width: 768px) {
    body.page-id-50.elementor-page .hk-contact-main-section .elementor-widget-wrap {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 24px !important;
    }

    /* Ensuring the 3rd card (Office Address) spans full width */
    body.page-id-50.elementor-page .hk-contact-main-section .elementor-widget-wrap > .elementor-element:nth-child(3) {
        grid-column: 1 / -1 !important;
    }
}

/* --- 4. Ghost Card Aesthetics --- */
body.page-id-50.elementor-page .hk-contact-card {
    background: rgba(255, 255, 255, 0.025) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(200, 167, 106, 0.15) !important;
    padding: 32px !important;
    min-height: 140px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    position: relative !important;
}

body.page-id-50.elementor-page .hk-contact-card:hover {
    border-color: rgba(200, 167, 106, 0.45) !important;
    background: rgba(255, 255, 255, 0.035) !important;
}

/* --- 5. Micro-Typography --- */
body.page-id-50.elementor-page .hk-card-label {
    display: block !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    color: rgba(200, 167, 106, 0.70) !important;
    margin-bottom: 16px !important;
}

body.page-id-50.elementor-page .hk-card-value {
    font-family: Vazirmatn, Tahoma, Arial, sans-serif !important;
    font-size: clamp(1.1rem, 2vw, 1.5rem) !important;
    color: rgba(242, 232, 201, 0.94) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

/* --- 6. Dynamic Bidi (RTL/LTR) Flex Logic --- */
body.page-id-50.elementor-page .hk-office-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* English Mode (LTR) */
html[dir="ltr"] body.page-id-50.elementor-page .hk-office-header {
    flex-direction: row !important;
}

/* Persian Mode (RTL) */
html[dir="rtl"] body.page-id-50.elementor-page .hk-office-header {
    flex-direction: row-reverse !important;
}

/* Responsive Padding Adjustment */
@media (max-width: 767px) {
    body.page-id-50.elementor-page .hk-contact-card {
        padding: 24px !important;
    }
}

/* CONTACT PARITY PATCH v1 (baseline 3000 -> WP 8080) */

/* Contact-scope only: FA + EN pages */
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-bb7d051a > .elementor-container {
  min-height: 58vh !important;
}

/* Compact section rhythm */
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-9a876960 {
  padding: 56px 64px !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-60d6aecc,
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-0933adc4 {
  padding: 0 64px 56px !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-319877b1 {
  padding: 16px 64px !important;
}

/* Remove unintended wrapper/widget vertical residues in contact scope */
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-99baf86e,
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-0202aa96,
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-6230a9d3,
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-5eef77da,
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-1e2c0dcd,
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-9d47a024 {
  margin-bottom: 0 !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-851566c8,
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-742423d1 {
  margin-bottom: 14px !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-16a46e8e {
  margin-bottom: 20px !important;
}

/* Eyebrow/meta line parity */
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-99baf86e {
  font-family: var(--font-mono, var(--font-english)) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.4em !important;
  line-height: 1.4 !important;
}

/* Hero title parity */
html[dir="ltr"] body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-0202aa96 .elementor-heading-title {
  font-family: var(--font-heading) !important;
  font-weight: 600 !important;
  line-height: 1.06 !important;
}

html[dir="rtl"] body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-0202aa96 .elementor-heading-title {
  font-family: var(--font-persian) !important;
  font-weight: 600 !important;
  line-height: 1.24 !important;
}

/* Section hierarchy parity */
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-1ee64f41,
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-16a46e8e {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

html[dir="ltr"] body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-1ee64f41,
html[dir="ltr"] body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-16a46e8e {
  letter-spacing: 0.12em !important;
}

html[dir="rtl"] body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-1ee64f41,
html[dir="rtl"] body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-16a46e8e {
  letter-spacing: 0.02em !important;
}

html[dir="ltr"] body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-6230a9d3 {
  line-height: 1.72 !important;
}

html[dir="rtl"] body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-6230a9d3 {
  line-height: 1.88 !important;
}

/* Neutralize legacy overreach (keep old block intact, override safely) */
body.page-id-50.elementor-page .hk-contact-main-section .elementor-widget-wrap {
  display: initial !important;
  grid-template-columns: none !important;
  gap: 0 !important;
}

/* Controlled contact card layout (both pages) */
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-b643801e > .elementor-element-populated {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

@media (min-width: 768px) {
  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-b643801e > .elementor-element-populated {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }

  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-b643801e > .elementor-element-populated > .elementor-element:nth-child(3) {
    grid-column: 1 / -1 !important;
  }
}

/* Soften glass-card excess */
body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card {
  background: rgba(255, 255, 255, 0.025) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  min-height: 132px !important;
  padding: 24px !important;
  transition: border-color 0.3s ease, background 0.3s ease !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card:hover {
  border-color: rgba(165, 126, 69, 0.35) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

/* Neutralize floating-label heaviness while keeping form functional */
body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-form-wrapper .elementor-form {
  background: rgba(255, 255, 255, 0.01) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 24px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-form-wrapper .elementor-field-group {
  margin-bottom: 22px !important;
  padding-top: 0 !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-form-wrapper .elementor-field-label {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin-bottom: 8px !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  color: rgba(200, 167, 106, 0.72) !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-form-wrapper .elementor-field {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(200, 167, 106, 0.2) !important;
  padding: 8px 0 !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-form-wrapper .elementor-field:focus {
  border-bottom-color: rgba(200, 167, 106, 0.72) !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-form-wrapper .elementor-button {
  transform: none !important;
  padding: 14px 32px !important;
  letter-spacing: 0.2em !important;
}

/* Responsive parity */
@media (max-width: 1024px) {
  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-bb7d051a > .elementor-container {
    min-height: 54vh !important;
  }

  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-9a876960 {
    padding: 44px 48px !important;
  }

  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-60d6aecc,
  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-0933adc4 {
    padding: 0 48px 44px !important;
  }

  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-319877b1 {
    padding: 16px 48px !important;
  }
}

@media (max-width: 767px) {
  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-bb7d051a > .elementor-container {
    min-height: 54vh !important;
  }

  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-9a876960 {
    padding: 36px 24px !important;
  }

  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-60d6aecc,
  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-0933adc4 {
    padding: 0 24px 36px !important;
  }

  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-319877b1 {
    padding: 14px 24px !important;
  }

  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-851566c8,
  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-742423d1 {
    margin-bottom: 12px !important;
  }
}

/* CONTACT CURVED/GEOMETRIC BACKGROUND LINES (about-style subtle pass) */
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-bb7d051a:not(.elementor-motion-effects-element-type-background),
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-9a876960:not(.elementor-motion-effects-element-type-background),
body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-319877b1:not(.elementor-motion-effects-element-type-background) {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23A57E45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-90 188H1040c86 0 142 28 172 86l178 338c24 46 66 72 116 72h120' stroke-opacity='.16' stroke-width='1'/%3E%3Cpath d='M92 -24v286c0 70 32 118 93 142l354 132c52 20 86 69 86 124v312' stroke-opacity='.13' stroke-width='1'/%3E%3Cpath d='M262 -26v178c0 46 20 86 56 116l742 560c50 38 108 58 170 58h402' stroke-opacity='.14' stroke-width='1.05'/%3E%3Cpath d='M-40 546h368c68 0 118-28 152-86l194-324c34-56 84-84 150-84h688' stroke-opacity='.10' stroke-width='1'/%3E%3Cpath d='M1068 -14v270c0 52 22 94 64 126l212 162c44 34 66 78 66 132v286' stroke-opacity='.11' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 72% 42%, rgba(165, 126, 69, 0.09), rgba(9, 17, 41, 0) 48%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media (max-width: 767px) {
  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-bb7d051a:not(.elementor-motion-effects-element-type-background),
  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-9a876960:not(.elementor-motion-effects-element-type-background),
  body:is(.page-id-10, .page-id-50).elementor-page .elementor-element.elementor-element-319877b1:not(.elementor-motion-effects-element-type-background) {
    background-position: 58% center;
    background-size: auto 100%;
  }
}

/* CONTACT CARD LAYOUT MATCH (phone + address) */
body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 22px !important;
  min-height: 136px !important;
  padding: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  text-decoration: none !important;
}

body:is(.page-id-10, .page-id-50).elementor-page a.hk-contact-card:hover {
  border-color: rgba(165, 126, 69, 0.3) !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__label {
  font-family: var(--font-mono, var(--font-english)) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: rgba(165, 126, 69, 0.82) !important;
  text-transform: uppercase !important;
}

html[dir="ltr"] body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__label {
  letter-spacing: 0.1em !important;
}

html[dir="rtl"] body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__label {
  letter-spacing: 0.01em !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__icon-frame {
  flex: 0 0 auto !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__icon-frame svg {
  width: 16px !important;
  height: 16px !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__value {
  font-family: var(--font-body, var(--font-persian)) !important;
  font-size: clamp(1.08rem, 4.4vw, 1.55rem) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: rgba(242, 232, 201, 0.94) !important;
}

html[dir="ltr"] body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__value {
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
}

html[dir="rtl"] body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__value {
  letter-spacing: 0 !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card--address {
  min-height: 206px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(165, 126, 69, 0.045)) !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-address-art {
  position: absolute !important;
  inset-block: 0 !important;
  inset-inline-end: 0 !important;
  width: 260px !important;
  opacity: 0.08 !important;
  pointer-events: none !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-address-art svg {
  width: 100% !important;
  height: 100% !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card--address .hk-contact-card__body {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 14px !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card--address .hk-contact-card__header {
  justify-content: flex-start !important;
  gap: 14px !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__address {
  margin: 0 !important;
  max-width: 880px !important;
  font-style: normal !important;
  font-family: var(--font-body, var(--font-persian)) !important;
  font-size: clamp(1rem, 2.2vw, 1.08rem) !important;
  color: rgba(242, 232, 201, 0.84) !important;
}

html[dir="ltr"] body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__address {
  line-height: 1.62 !important;
}

html[dir="rtl"] body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__address {
  line-height: 1.86 !important;
}

body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card__postal {
  font-family: var(--font-body, var(--font-persian)) !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: rgba(242, 232, 201, 0.7) !important;
}

@media (min-width: 768px) {
  body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card {
    min-height: 142px !important;
    padding: 28px !important;
  }

  body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card--address {
    min-height: 224px !important;
  }
}

@media (max-width: 767px) {
  body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-card {
    gap: 18px !important;
    padding: 22px !important;
  }

  body:is(.page-id-10, .page-id-50).elementor-page .hk-contact-address-art {
    width: 200px !important;
    opacity: 0.07 !important;
  }
}

/* CONTACT-US bilingual rendering + EN-only card alignment refinements */
body.page-id-50.elementor-page .hk-i18n {
  display: none !important;
}

html[dir="rtl"] body.page-id-50.elementor-page .hk-i18n-fa {
  display: inline !important;
}

html[dir="ltr"] body.page-id-50.elementor-page .hk-i18n-en {
  display: inline !important;
}

html[dir="ltr"] body.page-id-50.elementor-page .hk-contact-card--address .hk-contact-card__body {
  position: relative !important;
}

html[dir="ltr"] body.page-id-50.elementor-page .hk-contact-card--address .hk-contact-card__postal {
  position: absolute !important;
  inset-inline-end: 0 !important;
  inset-block-start: 0 !important;
  max-width: 210px !important;
  text-align: end !important;
  line-height: 1.45 !important;
}

html[dir="ltr"] body.page-id-50.elementor-page .hk-contact-card--address .hk-contact-card__address {
  padding-inline-end: 228px !important;
}

@media (max-width: 1024px) {
  html[dir="ltr"] body.page-id-50.elementor-page .hk-contact-card--address .hk-contact-card__postal {
    position: static !important;
    inset: auto !important;
    max-width: 100% !important;
    text-align: start !important;
  }

  html[dir="ltr"] body.page-id-50.elementor-page .hk-contact-card--address .hk-contact-card__address {
    padding-inline-end: 0 !important;
  }
}

/* PHASE 6: precision visual parity (hero + title + lead micro-typography) */
body.page-id-50.elementor-page .elementor-element.elementor-element-0202aa96 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-bottom: 0 !important;
  text-align: start !important;
}

html[dir="ltr"] body.page-id-50.elementor-page .elementor-element.elementor-element-0202aa96 .hk-i18n-en {
  display: inline !important;
}

html[dir="ltr"] body.page-id-50.elementor-page .elementor-element.elementor-element-0202aa96 .elementor-heading-title {
  font-family: var(--font-heading, "Playfair Display", ui-serif, Georgia, serif) !important;
  font-size: clamp(58px, 5.333333vw, 76.8px) !important;
  line-height: 1.02 !important;
  font-weight: 600 !important;
  color: var(--hk-champagne, #f2e8c9) !important;
  letter-spacing: 0 !important;
}

body.page-id-50.elementor-page .elementor-element.elementor-element-77b923d8 {
  --divider-color: rgba(165, 126, 69, 0.30) !important;
  --divider-border-width: 2px !important;
}

body.page-id-50.elementor-page .elementor-element.elementor-element-77b923d8 .elementor-divider {
  text-align: start !important;
}

body.page-id-50.elementor-page .elementor-element.elementor-element-77b923d8 .elementor-divider-separator {
  width: 64px !important;
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
}

body.page-id-50.elementor-page .elementor-element.elementor-element-1ee64f41 {
  font-family: var(--font-mono, var(--font-english)) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: #A57E45 !important;
  text-transform: uppercase !important;
}

html[dir="ltr"] body.page-id-50.elementor-page .elementor-element.elementor-element-1ee64f41 {
  letter-spacing: 0.15em !important;
}

html[dir="rtl"] body.page-id-50.elementor-page .elementor-element.elementor-element-1ee64f41 {
  letter-spacing: 0.02em !important;
}

body.page-id-50.elementor-page .elementor-element.elementor-element-6230a9d3,
body.page-id-50.elementor-page .elementor-element.elementor-element-6230a9d3 p,
body.page-id-50.elementor-page .elementor-element.elementor-element-6230a9d3 .hk-contact-section-desc {
  font-family: var(--font-body, var(--font-persian)) !important;
  font-weight: 300 !important;
  line-height: 1.88 !important;
  color: rgba(242, 232, 201, 0.72) !important;
  margin: 0 !important;
}

/* PHASE 7: strict desktop viewport lock (zero-scroll) + hero/main height budgeting */
@media (min-width: 1025px) {
  html:has(body.page-id-50.elementor-page),
  body.page-id-50.elementor-page {
    height: 100vh !important;
    overflow: hidden !important;
  }

  body.page-id-50.elementor-page #content,
  body.page-id-50.elementor-page .site-main,
  body.page-id-50.elementor-page .page-content,
  body.page-id-50.elementor-page .elementor.elementor-50 {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
  }

  body.page-id-50.elementor-page .elementor-element.elementor-element-bb7d051a {
    height: 38vh !important;
    min-height: 38vh !important;
    max-height: 38vh !important;
    margin: 0 !important;
    padding: 0 64px !important;
    display: flex !important;
    align-items: flex-end !important;
  }

  body.page-id-50.elementor-page .elementor-element.elementor-element-bb7d051a > .elementor-container,
  body.page-id-50.elementor-page .elementor-element.elementor-element-bb7d051a > .elementor-container > .elementor-column,
  body.page-id-50.elementor-page .elementor-element.elementor-element-bb7d051a > .elementor-container > .elementor-column > .elementor-widget-wrap {
    height: 100% !important;
    min-height: 100% !important;
    justify-content: flex-end !important;
    align-content: flex-end !important;
    gap: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 22px !important;
  }

  body.page-id-50.elementor-page .hk-contact-hero-section::after {
    height: 100% !important;
    background: linear-gradient(
      to bottom,
      rgba(9, 17, 41, 0) 0%,
      rgba(9, 17, 41, 0.06) 64%,
      rgba(9, 17, 41, 0.52) 88%,
      var(--hk-navy, #091129) 100%
    ) !important;
  }

  body.page-id-50.elementor-page .elementor-element.elementor-element-9a876960 {
    height: 62vh !important;
    min-height: 62vh !important;
    max-height: 62vh !important;
    margin: 0 !important;
    padding: 22px 64px 18px !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  body.page-id-50.elementor-page .elementor-element.elementor-element-9a876960 > .elementor-container,
  body.page-id-50.elementor-page .elementor-element.elementor-element-9a876960 > .elementor-container > .elementor-column,
  body.page-id-50.elementor-page .elementor-element.elementor-element-9a876960 > .elementor-container > .elementor-column > .elementor-widget-wrap {
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
  }

  body.page-id-50.elementor-page .elementor-element.elementor-element-6dc3a3d0 > .elementor-element-populated {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 4px 0 !important;
  }

  body.page-id-50.elementor-page .elementor-element.elementor-element-b643801e > .elementor-element-populated {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-auto-rows: minmax(0, 1fr) !important;
    gap: 12px !important;
    align-content: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
  }

  body.page-id-50.elementor-page .elementor-element.elementor-element-b643801e > .elementor-element-populated > .elementor-element:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  body.page-id-50.elementor-page .hk-contact-card {
    min-height: 0 !important;
    height: 100% !important;
    padding: 18px 20px !important;
    gap: 10px !important;
  }

  body.page-id-50.elementor-page .hk-contact-card--address {
    min-height: 0 !important;
  }

  body.page-id-50.elementor-page .elementor-element.elementor-element-319877b1,
  body.page-id-50.elementor-page #site-footer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* --- 8. Contact Page: Hero Image Stretching & Z-Index Layering Fix --- */
@media (min-width: 1025px) {
    /* Force the hero container to be a strict relative anchor */
    body.page-id-50 .hk-contact-hero-section {
        position: relative !important;
        overflow: hidden !important;
    }

    /* Force the image widget to stretch edge-to-edge behind everything */
    body.page-id-50 .hk-contact-hero-section .elementor-widget-image {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 42vh !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 1 !important; /* Send to back */
    }

    body.page-id-50 .hk-contact-hero-section .elementor-widget-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center 35% !important;
    }

    /* Pull all text, headings, dividers, and coordinates ABOVE the image layer */
    body.page-id-50 .hk-contact-hero-section .elementor-widget-heading,
    body.page-id-50 .hk-contact-hero-section .elementor-widget-text-editor,
    body.page-id-50 .hk-contact-hero-section .elementor-widget-divider,
    body.page-id-50 .hk-contact-hero-section .elementor-widget-html {
        position: relative !important;
        z-index: 5 !important; /* Bring to front */
    }

    /* Fix the cinematic shadow fade to mask the lower image border cleanly */
    body.page-id-50 .hk-contact-hero-section::after {
        content: "" !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 85% !important;
        background: linear-gradient(to bottom, transparent 0%, var(--hk-navy, #091129) 80%, var(--hk-navy, #091129) 100%) !important;
        z-index: 2 !important; /* Sits perfectly between image (1) and text (5) */
        pointer-events: none !important;
    }
}
