.hybrid-v3-home {
    --hv3-ink: #000;
    --hv3-orange: #ff630c;
    --hv3-orange-text: #9c3500;
    --hv3-sand: #f6f3ee;
    --hv3-blush: #eee5dc;
    --hv3-sage: #dfe8dd;
    --hv3-display: 'Cormorant Garamond', 'Noto Sans Arabic', Georgia, serif;
    background: #fff;
    color: var(--hv3-ink);
    font-family: 'Manrope', 'Noto Sans Arabic', sans-serif;
    overflow-wrap: anywhere;
    text-align: start;
}
.hybrid-v3-home *, .hybrid-v3-home *::before, .hybrid-v3-home *::after { box-sizing: border-box; }
.hybrid-v3-home .public-container { max-inline-size: 80rem; padding-inline: 1.25rem; }
.hybrid-v3-home h1, .hybrid-v3-home h2, .hybrid-v3-home h3 { font-family: var(--hv3-display); font-weight: 500; }
.hybrid-v3-home .home-eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .15em; line-height: 1.8; text-transform: uppercase; }
.hybrid-v3-home .home-section-title { font-size: clamp(2.25rem, 4vw, 3rem); line-height: 1.1; letter-spacing: -.03em; }
.hybrid-v3-home a:focus-visible, .hybrid-v3-home button:focus-visible { outline: 3px solid var(--hv3-orange); outline-offset: 5px; }
.hybrid-v3-home img { max-inline-size: 100%; }
.hybrid-v3-home .touch-target { min-block-size: 2.75rem; }
.hybrid-v3-home .hv3-v9-hero { min-block-size: min(51.25rem, calc(100svh - 5rem)); background-color: var(--hv3-ink); color: #fff; }
.hybrid-v3-home .hv3-v9-hero > .public-container { min-block-size: inherit; padding-block: 6rem; }
.hybrid-v3-home .hv3-v9-hero > .public-container > div { max-inline-size: 46rem; }
.hybrid-v3-home .hv3-v9-hero > .absolute > div:last-child { background: linear-gradient(90deg, rgb(0 0 0 / .78), rgb(0 0 0 / .4) 58%, rgb(0 0 0 / .12)); }
.hybrid-v3-home .hv3-v9-hero h1 { max-inline-size: 42rem; font-size: clamp(3rem, 5vw, 4.5rem); line-height: .98; letter-spacing: -.04em; }
.hybrid-v3-home .hv3-v9-hero .home-eyebrow { color: #eee9e2; }
.hybrid-v3-home .hv3-v9-hero h1 + p { max-inline-size: 36rem; font-size: 1.125rem; line-height: 2; color: #eeeae5; }
.hybrid-v3-home .hv3-v9-hero .public-container a { display: inline-flex; min-block-size: 3rem; align-items: center; justify-content: center; padding: .75rem 1.5rem; border-radius: 999px; font-size: .875rem; font-weight: 700; letter-spacing: normal; }
.hybrid-v3-home .hv3-v9-hero .public-container a:first-child { background: var(--hv3-ink); color: #fff; }
.hybrid-v3-home .hv3-v9-hero .public-container a:nth-child(2), .hybrid-v3-home .hv3-v9-hero .public-container a:last-child { border-color: transparent; background: #fff; color: var(--hv3-ink); }
.hybrid-v3-home .hv3-v9-hero .public-container a:hover { border-color: var(--hv3-orange); background: var(--hv3-orange); color: #fff; transform: translateY(-.125rem); }
.hybrid-v3-home .hv3-v9-intro { padding-block: 4rem; background: #fff; }
.hybrid-v3-home .hv3-v9-intro > .public-container > div:first-child { max-inline-size: 56rem; margin-inline: 0; text-align: start; }
.hybrid-v3-home .hv3-v9-intro h2 { font-size: clamp(2.25rem, 4vw, 3rem); line-height: 1.1; letter-spacing: -.03em; }
.hybrid-v3-home .hv3-v9-intro .home-eyebrow { color: var(--hv3-orange-text); }
.hybrid-v3-home .hv3-v9-intro h2 + p { max-inline-size: 45rem; margin-inline: 0; color: #5c5751; line-height: 2; }
.hybrid-v3-home .hv3-v9-intro > .public-container > .grid { max-inline-size: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-block-start: 2.5rem; border: 0; }
.hybrid-v3-home .hv3-v9-intro article { min-inline-size: 0; min-block-size: 16rem; padding: clamp(1.75rem, 3vw, 2.5rem); border: 0; border-radius: 2rem; background: var(--hv3-blush); text-align: start; }
.hybrid-v3-home .hv3-v9-intro article:nth-child(even) { background: var(--hv3-sage); }
.hybrid-v3-home .hv3-v9-intro article > span { color: var(--hv3-orange-text); font-size: 2.5rem; }
.hybrid-v3-home .hv3-v9-intro article h3 { font-size: clamp(1.9rem, 3vw, 2.7rem); line-height: 1.15; }
.hybrid-v3-home .hv3-v9-intro article p { max-inline-size: 30rem; color: #514c46; line-height: 1.9; }
.hybrid-v3-home .hv3-v9-campaign, .hybrid-v3-home .hv3-v9-services, .hybrid-v3-home .hv3-v9-projects, .hybrid-v3-home .hv3-v9-process { padding-block: 4rem; }
.hybrid-v3-home .hv3-v9-campaign { background: var(--hv3-blush); }
.hybrid-v3-home .hv3-v9-services { background: #fff; }
.hybrid-v3-home .hv3-v9-projects { background: var(--hv3-blush); }
.hybrid-v3-home .hv3-v9-process { background: var(--hv3-sand); }
.hybrid-v3-home .hv3-v9-campaign > .public-container > div:first-child, .hybrid-v3-home .hv3-v9-services > .public-container > div:first-child, .hybrid-v3-home .hv3-v9-projects > .public-container > div:first-child { border-color: rgb(0 0 0 / .13); }
.hybrid-v3-home .hv3-v9-campaign > .public-container > .grid, .hybrid-v3-home .hv3-v9-services > .public-container > .grid, .hybrid-v3-home .hv3-v9-projects > .public-container > .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-block-start: 2.5rem; }
.hybrid-v3-home .hv3-v9-campaign > .public-container > div:first-child h2 { font-size: clamp(2.25rem, 4vw, 3rem); line-height: 1.1; }
.hybrid-v3-home .hv3-v9-campaign > .public-container > .grid > article { min-inline-size: 0; padding: 1.25rem; border: 1px solid rgb(0 0 0 / .08); border-radius: .55rem; background: #fff; }
.hybrid-v3-home .hv3-v9-campaign > .public-container > .grid > article > a:first-child { border-radius: .3rem; }
.hybrid-v3-home .hv3-v9-campaign > .public-container > .grid > article h2 { font-size: 1.9rem; line-height: 1.2; }
.hybrid-v3-home .hv3-v9-services > .public-container > .grid > article { min-inline-size: 0; overflow: hidden; border: 1px solid #e4ddd5; border-radius: .55rem; background: #fff; }
.hybrid-v3-home .hv3-v9-services > .public-container > .grid > article:focus-within { outline: 3px solid var(--hv3-orange); outline-offset: 5px; }
.hybrid-v3-home .hv3-v9-services > .public-container > .grid > article > a { display: block; block-size: 100%; padding-block-end: 1.5rem; }
.hybrid-v3-home .hv3-v9-services > .public-container > .grid > article h3 { padding-inline: 1.5rem; font-size: 1.9rem; line-height: 1.2; }
.hybrid-v3-home .hv3-v9-projects > .public-container > .grid > article { min-inline-size: 0; }
.hybrid-v3-home .hv3-v9-projects > .public-container > .grid > article > a > div:first-child, .hybrid-v3-home .hv3-v9-projects > .public-container > .grid > article > div:first-child { aspect-ratio: 4 / 5; border-radius: .4rem; background: var(--hv3-sand); }
.hybrid-v3-home .hv3-v9-projects > .public-container > .grid > article h3 { font-size: 1.9rem; line-height: 1.2; }
.hybrid-v3-home .hv3-v9-process > .public-container > div:first-child { max-inline-size: 56rem; text-align: start; margin-inline: 0; }
.hybrid-v3-home .hv3-v9-process h2 { font-size: clamp(2.25rem, 4vw, 3rem); line-height: 1.1; letter-spacing: -.03em; }
.hybrid-v3-home .hv3-v9-process > .public-container > .grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
.hybrid-v3-home .hv3-v9-process article { min-inline-size: 0; padding: 1.5rem 1.25rem; border: 1px solid #e4ddd5; border-radius: .55rem; background: #fff; }
.hybrid-v3-home .hv3-v9-process article h3 { font-size: 1.65rem; line-height: 1.2; }
.hybrid-v3-home .hv3-v9-process article p { color: #5c5751; line-height: 1.9; }
.hybrid-v3-home .hv3-v9-process a[download] { min-block-size: 3rem; border-radius: 999px; padding: .75rem 1.5rem; }
.hybrid-v3-home .hv3-v9-consultation { padding: 4rem 1.25rem; background: #fff; }
.hybrid-v3-home .hv3-v9-consultation > section { max-inline-size: 79rem; margin-inline: auto; padding-block: 3rem; border-radius: 2rem; background-color: var(--hv3-ink); }
.hybrid-v3-home .hv3-v9-consultation .public-container > .grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); min-block-size: 0; gap: 2rem; }
.hybrid-v3-home .hv3-v9-consultation .public-container > .grid > div:last-child { grid-column: 1 / -1; }
.hybrid-v3-home .hv3-v9-consultation h2 { font-size: clamp(2.25rem, 4vw, 3rem); line-height: 1.1; }
.hybrid-v3-home .hv3-v9-consultation .public-container a { min-block-size: 3rem; border-radius: 999px; padding: .75rem 1.5rem; }
.hybrid-v3-home .hv3-v9-consultation .public-container a:hover { background: var(--hv3-orange); border-color: var(--hv3-orange); color: #fff; transform: translateY(-.125rem); }
.hybrid-v3-home:dir(rtl) { font-family: 'Noto Sans Arabic', 'Manrope', sans-serif; }
.hybrid-v3-home:dir(rtl) .home-eyebrow { letter-spacing: normal; }
.hybrid-v3-home:dir(rtl) h1, .hybrid-v3-home:dir(rtl) h2, .hybrid-v3-home:dir(rtl) h3 { line-height: 1.45; letter-spacing: normal; }
.hybrid-v3-home:dir(rtl) .hv3-v9-hero > .absolute > div:last-child { background: linear-gradient(270deg, rgb(0 0 0 / .78), rgb(0 0 0 / .4) 58%, rgb(0 0 0 / .12)); }
@media (max-width: 63.99rem) {
    .hybrid-v3-home .public-container { padding-inline: 2rem; }
    .hybrid-v3-home .hv3-v9-campaign > .public-container > .grid, .hybrid-v3-home .hv3-v9-services > .public-container > .grid, .hybrid-v3-home .hv3-v9-projects > .public-container > .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hybrid-v3-home .hv3-v9-process > .public-container > .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hybrid-v3-home .hv3-v9-consultation .public-container > .grid { grid-template-columns: minmax(0, 1fr); }
    .hybrid-v3-home .hv3-v9-consultation .public-container > .grid > div:last-child { grid-column: auto; }
}
@media (min-width: 640px) {
    .hybrid-v3-home .hv3-v9-hero > .public-container { padding-block: 6rem; }
    .hybrid-v3-home .hv3-v9-intro,
    .hybrid-v3-home .hv3-v9-campaign,
    .hybrid-v3-home .hv3-v9-services,
    .hybrid-v3-home .hv3-v9-projects,
    .hybrid-v3-home .hv3-v9-process { padding-block: 6rem; }
    .hybrid-v3-home .hv3-v9-consultation { padding-block: 6rem; }
}
@media (min-width: 1024px) {
    .hybrid-v3-home .public-container { padding-inline: 3rem; }
    .hybrid-v3-home .hv3-v9-hero > .public-container { padding-block: 8rem; }
    .hybrid-v3-home .hv3-v9-intro,
    .hybrid-v3-home .hv3-v9-campaign,
    .hybrid-v3-home .hv3-v9-services,
    .hybrid-v3-home .hv3-v9-projects,
    .hybrid-v3-home .hv3-v9-process { padding-block: 7rem; }
    .hybrid-v3-home .hv3-v9-consultation { padding-block: 7rem; }
}
@media (max-width: 39.99rem) {
    .hybrid-v3-home .public-container { padding-inline: 1.25rem; }
    .hybrid-v3-home .hv3-v9-hero { min-block-size: 39rem; }
    .hybrid-v3-home .hv3-v9-hero > .public-container { padding-block: 4rem; }
    .hybrid-v3-home .hv3-v9-hero .public-container a { inline-size: 100%; }
    .hybrid-v3-home .hv3-v9-intro > .public-container > .grid, .hybrid-v3-home .hv3-v9-campaign > .public-container > .grid, .hybrid-v3-home .hv3-v9-services > .public-container > .grid, .hybrid-v3-home .hv3-v9-projects > .public-container > .grid, .hybrid-v3-home .hv3-v9-process > .public-container > .grid { grid-template-columns: minmax(0, 1fr); }
    .hybrid-v3-home .hv3-v9-process article { min-block-size: 12rem; }
}
@media (prefers-reduced-motion: reduce) {
    .hybrid-v3-home *, .hybrid-v3-home *::before, .hybrid-v3-home *::after { transition: none; animation: none; }
}