/* ==========================================================
   MALEK ALSHOBAK — FINAL POLISH V1.7
   Shared rhythm, spacing, card treatment and responsive rules
   for the homepage and every inner page.
========================================================== */

:root{
  --section:64px;
  --section-sm:46px;
  --panel-shadow:0 18px 54px rgba(16,33,39,.045);
}

/* Shared page rhythm */
.home-section,.page-section{padding-block:var(--section)}
.page-section-compact{padding-block:var(--section-sm)}
.standard-page{padding-block:var(--section)}
.page-section-head{max-width:820px;margin-bottom:34px}
.page-section-head .eyebrow{margin-bottom:10px}
.inner-hero{padding:54px 0 44px}
.inner-hero-grid{gap:48px}
.inner-hero-side{max-width:610px}

/* Consistent card language */
:where(
  .about-mosaic article,.about-more,.expertise-card,.insight-story,
  .principle-grid article,.contact-page-form-card,.archive-card,
  .press-reference-grid article,.press-venture-card,.legal-summary
){transition:border-color .22s ease,background-color .22s ease,transform .22s ease,box-shadow .22s ease}

@media(hover:hover){
  :where(.about-mosaic article,.about-more,.principle-grid article,.archive-card,.press-reference-grid article):hover{
    border-color:#bccbcb;
    box-shadow:var(--panel-shadow);
  }
}

/* Header: comfortable without stealing vertical room */
.header-inner{height:72px}
.desktop-menu{gap:clamp(10px,1vw,18px)}
.desktop-menu>li>a{padding-inline:6px}
.header-actions{gap:10px}

/* Homepage hero */
.hero-shell{gap:30px 58px;padding-top:40px}
.hero-copy{max-width:620px;padding-block:18px 16px}
.hero-copy h1{margin-top:14px;margin-bottom:14px}
.hero-actions{margin-top:22px}
.hero-quickfacts{margin-top:28px;padding-top:18px}
.hero-visual-frame{box-shadow:15px 15px 0 #e7edeb}
.hero-badge{bottom:22px}
.hero-facts article{padding:16px 20px}

/* About */
.about-head,.ventures-head,.expertise-head,.insights-head{gap:58px}
.about-mosaic{margin-top:30px;gap:12px}
.about-mosaic article,.about-more{padding:23px}
.about-principle{min-height:315px!important}
.about-intro blockquote{margin-top:21px}

/* Ventures */
.venture-cards{margin-top:30px;gap:11px;grid-template-rows:repeat(3,minmax(128px,auto))}
.venture-card{padding:23px;min-height:170px}
.venture-card-1{min-height:448px}
.venture-card h3{margin-bottom:10px}
.venture-card-foot{padding-top:17px}

/* Expertise */
.expertise-bento{margin-top:30px;gap:10px}
.expertise-card{padding:22px;min-height:188px}
.leadership-band{margin-top:10px;padding:24px 27px;gap:28px}

/* Insights */
.insights-editorial{margin-top:30px}
.insight-story{padding:22px}
.insight-story-image{margin:-22px -22px 18px}
.insight-story h3{margin-top:8px;margin-bottom:9px}

/* Professional profile teaser */
.press-teaser{gap:48px}
.press-teaser-title{display:flex;align-items:center;padding-block:4px}
.press-teaser-card{min-height:235px;padding:26px}
.press-teaser-card p{margin:23px 0}

/* Contact */
.contact-wrap{gap:56px}
.contact-card{padding:29px}
.contact-copy>p:not(.eyebrow){max-width:530px}

/* Inner About */
.profile-story-grid{gap:54px}
.profile-story-copy>p{max-width:670px}
.principle-grid{gap:14px}
.principle-grid article{min-height:190px;padding:23px}
.next-path{padding-top:30px;gap:34px}

/* Ventures directory */
.venture-directory-item{grid-template-columns:52px minmax(0,1fr) minmax(230px,.68fr);gap:26px;padding:30px 0}
.venture-directory-side{gap:18px}
.split-light{gap:48px}
.process-grid{margin-top:32px}
.process-grid article{min-height:150px;padding:22px}
.ventures-cta-card{padding-block:5px;gap:42px}

/* Expertise */
.expertise-directory article{grid-template-columns:52px minmax(220px,.88fr) minmax(0,1.12fr);gap:26px;padding:27px 0}
.expertise-framework{gap:48px}
.framework-list p{padding:17px 0}
.expertise-closing{gap:34px}

/* Contact page */
.contact-page-grid{gap:54px}
.contact-page-copy{top:102px}
.contact-page-details{margin-top:26px}
.contact-page-details>div{padding:13px 0}
.contact-page-form-card{padding:28px 30px 30px}
.contact-form-heading{margin-bottom:22px;padding-bottom:18px}
.contact-page-form-card .contact-form{gap:15px!important}
.contact-page-form-card .contact-form .form-row{gap:15px!important}
.contact-page-form-card .contact-form input,.contact-page-form-card .contact-form select,.contact-page-form-card .contact-form textarea{min-height:48px!important}
.contact-page-form-card .contact-form textarea{min-height:145px!important}

/* Professional Profile page */
.press-kit{gap:24px}
.press-page .press-profile{padding:28px}
.press-profile{gap:38px}
.press-bios article{padding:23px}
.press-associated{padding-top:28px}
.press-associated-head{gap:38px;margin-bottom:18px}
.press-venture-grid{gap:12px}
.press-venture-card{min-height:170px;padding:19px}
.press-contact-panel{gap:38px;padding:27px 29px}
.press-coverage{margin-top:28px!important;padding-top:24px!important}
.press-reference-grid{gap:12px;margin-top:18px}
.press-reference-grid article{min-height:182px;padding:20px}

/* Legal pages */
.legal-layout{grid-template-columns:210px minmax(0,800px);gap:46px}
.legal-nav{top:100px;padding-block:17px}
.legal-summary{padding:23px}
.legal-content h2{margin-top:1.7em;margin-bottom:.55em}
.legal-content h3{margin-top:1.45em;margin-bottom:.45em}
.legal-content p{margin-block:.6em 1.05em}

/* Article and archive */
.article-hero{padding:52px 0 36px}
.article-meta{margin-top:17px}
.malek-article>.entry-content{padding-top:36px;padding-bottom:52px}
.related{padding:42px 0}
.archive-grid{gap:15px}
.archive-card-copy{padding:22px}
.archive-card p{margin-bottom:13px}

/* Footer: concise and proportional */
.footer-lead{padding:38px 0 27px;gap:30px}
.footer-grid{grid-template-columns:1.25fr .62fr .9fr .72fr;gap:30px;padding:30px 0 27px}
.footer-brand p{margin-top:9px}
.footer-links a,.footer-contact a{padding-block:2px}
.footer-bottom{min-height:52px}

/* RTL fine tuning */
.malek-rtl .hero-copy,.malek-rtl .about-head,.malek-rtl .ventures-head,.malek-rtl .expertise-head,.malek-rtl .insights-head{text-align:right}
.malek-rtl .hero-actions{justify-content:flex-start}
.malek-rtl .venture-card p,.malek-rtl .expertise-card p,.malek-rtl .insight-story p{text-wrap:pretty}
.malek-rtl .contact-form input[type=email]{font-family:var(--sans)}

@media(max-width:1100px){
  .about-head,.ventures-head,.expertise-head,.insights-head{gap:38px}
  .venture-directory-item{grid-template-columns:48px 1fr}
  .venture-directory-side{grid-column:2;border-inline-start:0;padding-inline-start:0;min-height:0}
  .expertise-directory article{grid-template-columns:48px .9fr 1.1fr}
}

@media(max-width:900px){
  :root{--section:54px;--section-sm:40px}
  .inner-hero{padding:46px 0 36px}
  .profile-story-grid,.contact-page-grid,.press-profile{grid-template-columns:1fr;gap:30px}
  .profile-story-visual{max-width:520px}
  .contact-page-copy{position:static}
  .legal-layout{grid-template-columns:1fr;gap:26px}
  .legal-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .legal-nav>span{grid-column:1/-1}
}

@media(max-width:760px){
  :root{--section:46px;--section-sm:36px}
  .header-inner{height:68px}
  .hero-shell{padding-top:28px;gap:24px}
  .hero-copy{padding-top:6px}
  .hero-quickfacts{margin-top:22px}
  .about-mosaic,.venture-cards,.expertise-bento,.insights-editorial{margin-top:26px}
  .venture-card-1{min-height:270px}
  .venture-card{min-height:220px}
  .leadership-band{padding:21px 18px}
  .press-teaser-card{min-height:210px;padding:22px 19px}
  .contact-card{padding:24px 18px}
  .principle-grid{grid-template-columns:1fr}
  .venture-directory-item,.expertise-directory article{grid-template-columns:40px 1fr;gap:16px}
  .expertise-directory article>p{grid-column:2}
  .process-grid{grid-template-columns:1fr}
  .split-light,.expertise-framework{grid-template-columns:1fr;gap:26px}
  .press-contact-panel{padding:22px 19px}
  .footer-lead{padding:32px 0 24px}
  .footer-grid{padding:26px 0 24px}
}

/* ==========================================================
   v1.8.1 — Insights titles + Contact form refinement
   ========================================================== */

/* Home Insights: keep three editorial titles compact and balanced. */
body.malek-ltr .insights-editorial .insight-story h3{
  font-size:clamp(22px,1.85vw,28px)!important;
  line-height:1.18!important;
  letter-spacing:-.018em;
  text-wrap:balance;
}
body.malek-rtl .insights-editorial .insight-story h3{
  font-size:clamp(22px,1.75vw,27px)!important;
  line-height:1.55!important;
  letter-spacing:0;
  text-wrap:balance;
}

/* Contact: the honeypot must never become a visible field. */
.contact-form .hp{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* A cleaner, more executive field system. */
.contact-page-form-card{
  border-color:#d7e0e0;
  box-shadow:0 20px 55px rgba(15,35,41,.055);
}
.contact-page-form-card .contact-form{
  gap:18px!important;
}
.contact-page-form-card .contact-form .form-row{
  gap:14px!important;
}
.contact-page-form-card .contact-form label>span{
  margin-bottom:8px!important;
  color:#41575e;
  font-weight:650;
}
.contact-page-form-card .contact-form input:not(.hp),
.contact-page-form-card .contact-form select,
.contact-page-form-card .contact-form textarea{
  min-height:50px!important;
  padding:12px 14px!important;
  border:1px solid #c9d5d6!important;
  border-radius:3px!important;
  background:#fbfcfb!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  outline:none!important;
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease!important;
}
.contact-page-form-card .contact-form textarea{
  min-height:158px!important;
  padding-top:14px!important;
  resize:vertical;
}
.contact-page-form-card .contact-form input:not(.hp):hover,
.contact-page-form-card .contact-form select:hover,
.contact-page-form-card .contact-form textarea:hover{
  border-color:#aebfc1!important;
  background:#fff!important;
}
.contact-page-form-card .contact-form input:not(.hp):focus,
.contact-page-form-card .contact-form select:focus,
.contact-page-form-card .contact-form textarea:focus{
  border-color:var(--petrol)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(90,127,135,.10)!important;
}
.contact-page-form-card .contact-form textarea::placeholder{
  color:#89999d;
  opacity:1;
}
.contact-page-form-card .contact-form select{
  cursor:pointer;
}
.contact-page-form-card .form-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  padding-top:2px;
}
.contact-page-form-card .form-submit .button{
  min-height:46px;
  padding-inline:18px;
  white-space:nowrap;
}
.contact-page-form-card .form-submit small{
  max-width:390px!important;
  color:#6d7f84;
}
.contact-page-form-card .form-status:empty{
  display:none;
}

@media(max-width:700px){
  body.malek-ltr .insights-editorial .insight-story h3{font-size:24px!important}
  body.malek-rtl .insights-editorial .insight-story h3{font-size:23px!important;line-height:1.6!important}
  .contact-page-form-card .form-submit{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
}