@import url('assets/fonts/montserrat.css');
/* One typographic scale and a shared alignment system across the portfolio. */
html body{font-family:'Montserrat',Arial,sans-serif!important;font-weight:400;font-size:16px;line-height:1.75}
html body *,html body *:before,html body *:after{box-sizing:border-box}
html body main :is(h1,h2,h3,h4){font-family:'Montserrat',Arial,sans-serif!important;font-style:normal;word-break:normal;overflow-wrap:break-word;text-wrap:balance}
html body main h1{font-size:clamp(40px,5.4vw,76px)!important;font-weight:600!important;line-height:1.12!important;letter-spacing:-.05em!important;margin:20px 0 26px!important}
html body main h2{font-size:clamp(30px,3.1vw,44px)!important;font-weight:600!important;line-height:1.22!important;letter-spacing:-.04em!important;margin:14px 0 22px!important}
html body main h3{font-size:24px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:-.025em!important;margin:16px 0 14px!important}
html body main h4{font-size:18px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:-.01em!important}
html body main :is(p,li){font-size:16px!important;line-height:1.8!important;font-weight:400;letter-spacing:0!important}
html body main p{margin-top:0;margin-bottom:20px;max-width:76ch;text-wrap:pretty}
html body main :is(.eyebrow,.profile-title){font-size:11px!important;line-height:1.6!important;font-weight:500!important;letter-spacing:.1em!important}
html body main :is(figcaption,small,.proof-note){font-size:13px!important;line-height:1.65!important;letter-spacing:0!important}
html body main :is(.text-link,.pill,.case-cta,.role-detail-link){font-size:13px!important;line-height:1.5!important;font-weight:500!important;letter-spacing:0!important}
html body main :is(.recruiter-hero,.journey-opening,.about-grid,.personal-note,.feature){align-items:center!important}
html body main .section-head{align-items:start!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px!important}
html body main .section-head>p{padding-top:35px!important;margin-bottom:0!important;max-width:52ch!important}
html body main .section-head h2{margin-bottom:0!important}
html body main :is(.live-grid,.digital-grid,.employer-grid,.parallel-grid,.profile-detail-grid,.collection-grid,.service-offers,.campaign-detail-grid,.depth-grid){align-items:stretch!important}
html body main :is(.live-grid,.digital-grid,.parallel-grid,.profile-detail-grid,.service-offers,.depth-grid)>article{min-width:0;display:flex;flex-direction:column}
html body main :is(.live-grid,.digital-grid,.parallel-grid,.profile-detail-grid,.service-offers,.depth-grid)>article>.text-link{align-self:flex-start;margin-top:auto}
html body main :is(.media-grid,.record-grid,.selected-showcase-grid){align-items:start!important}
html body main :is(.project-meta,.profile-facts,.skill-chips){align-items:center!important;gap:12px!important}
html body main .project-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px!important}
html body main :is(.project-meta,.case-navigation,.work-directory) a{overflow-wrap:anywhere}
html body main .page-directory a{font-size:13px!important;line-height:1.65!important;align-items:center}
html body main .career-position strong{font-size:24px!important;line-height:1.35!important;letter-spacing:-.02em}
html body main .career-stats strong{font-size:38px!important;line-height:1.15!important;letter-spacing:-.04em}
html body main .career-stats span{font-size:13px!important;line-height:1.6!important}
html body main .career-process-grid h3{font-size:18px!important;line-height:1.5!important}
html body main .company-logo-grid figcaption{font-size:13px!important;line-height:1.55!important}
html body main .employer-card-copy{display:flex;flex-direction:column;height:100%}.employer-card-copy .case-cta{margin-top:auto;padding-top:24px}.employer-card-copy .employer-identity{flex-shrink:0}
html body main .collection-caption h3{font-size:20px!important}
html body .modern-footer{margin-left:0!important;margin-right:0!important}
html body .footer-invitation h2{font-family:'Montserrat',Arial,sans-serif!important;font-size:clamp(28px,3vw,40px)!important;font-weight:600!important;line-height:1.22!important;letter-spacing:-.04em!important}
@media(max-width:900px){html body main .section-head{grid-template-columns:1fr!important;gap:18px!important}html body main .section-head>p{padding-top:0!important}}
@media(max-width:650px){html body main h1,html body main :is(.recruiter-hero,.page-hero,.case-hero) h1{font-size:clamp(30px,8.3vw,38px)!important;line-height:1.2!important;letter-spacing:-.04em!important}html body main h2{font-size:28px!important;line-height:1.28!important}html body main h3,html body main .career-position strong{font-size:21px!important;line-height:1.4!important}html body main :is(p,li){font-size:15px!important;line-height:1.8!important}html body main .eyebrow{font-size:10px!important;letter-spacing:.08em!important}html body main :is(figcaption,small){font-size:12px!important}html body main .project-meta{grid-template-columns:1fr!important}html body main .career-stats strong{font-size:34px!important}html body .modern-footer{padding:28px 24px!important}.footer-invitation{grid-template-columns:1fr!important;gap:20px!important}.footer-contact{justify-self:start}}
html body main section .company-logo-grid figure .logo-surface.light{background:#fff!important;background-image:none!important}
html body main section .company-logo-grid figure .logo-surface.dark{background:#243229!important;background-image:none!important}

html body main img.logo-dubai-silicon-oasis{background:#fff!important;min-width:0!important;max-width:270px!important;max-height:100px!important;padding:10px!important}

html body main img.logo-prop-stock-realty{max-width:88px!important;max-height:88px!important;background:transparent!important;padding:0!important}