/* =========================================================
   ZHOVA — SHARED DESIGN SYSTEM / LEVEL 3
   ========================================================= */
:root{
  --zhova-font:"ZHOVA Bricolage",Arial,Helvetica,sans-serif;
  --zhova-outline-font:Arial,Helvetica,sans-serif;
  --zhova-gold:#D4AF37;
  --zhova-gold-light:#E5C766;
  --zhova-gold-soft:#C9A25B;
  --zhova-white:#F2EDE3;
  --zhova-muted:#929298;
  --zhova-line:rgba(255,255,255,.10);
  --zhova-ease:cubic-bezier(.16,.8,.24,1);
  --zhova-container:1360px;
}
.zhova-container{width:min(calc(100% - 48px),var(--zhova-container));margin-inline:auto}
.zhova-eyebrow{font-family:var(--zhova-font);font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.zhova-signature{position:relative}
.zhova-signature::before{content:"";display:block;width:38px;height:1px;margin-bottom:18px;background:var(--zhova-gold);opacity:.72;transform:scaleX(.35);transform-origin:left center;transition:transform .7s var(--zhova-ease),opacity .7s ease}
.zhova-signature.is-visible::before{transform:scaleX(1);opacity:1}
@media(prefers-reduced-motion:reduce){.zhova-signature::before{transition:none;transform:none;opacity:.72}}

/* =========================================================
   ZHOVA UI — FINAL CSS / HERO NAVIGATION FIXED
   Original CSS preserved.
   Hero navigation keeps the original HTML/state-switching logic.
   Only the visual hover motion was softened.
   ========================================================= */
/* =========================================================
   ZHOVA — LOCAL FONT SYSTEM
   Single source of truth. Google Fonts is no longer required.
   Bricolage Grotesque: local variable font, weights 200–800.
   Arial: outline / hollow typography only.
   ========================================================= */
@font-face {
    font-family:"ZHOVA Bricolage";src:url("../fonts/zhova-bricolage-variable.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap;font-optical-sizing:auto;font-stretch:75% 100%}
:root{
    --zhova-font:"ZHOVA Bricolage",Arial,Helvetica,sans-serif;--zhova-outline-font:Arial,Helvetica,sans-serif}
/* =========================================================
   ZHOVA ABOUT — FONT METRICS LOCK
   Prevents fallback/optical-size metric shifts without
   changing layout, effects or animation behavior.
   ========================================================= */
#zhova-about .zhova-about-title,
#zhova-about .zhova-about-title-line:not(.zhova-about-title-outline){
    font-family:var(--zhova-font) !important;font-style:normal !important;font-weight:700 !important;font-optical-sizing:none !important;font-variation-settings:"opsz" 48,"wdth" 100,"wght" 700 !important;font-synthesis:none !important;font-kerning:normal !important;font-feature-settings:"kern" 1 !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#zhova-about .zhova-about-title-outline{
    font-family:var(--zhova-outline-font) !important;font-style:normal !important;font-weight:700 !important;font-optical-sizing:auto !important;font-variation-settings:normal !important;font-synthesis:none !important;color:transparent !important;-webkit-text-fill-color:transparent !important;-webkit-text-stroke:1.25px rgba(255,255,255,.72) !important;text-stroke:1.25px rgba(255,255,255,.72) !important;text-shadow:none !important}
/* =========================================================
   ZHOVA UI — SHARED UTILITIES
   Reusable effects/classes for any ZHOVA page.
   These utilities are additive and do not override component styles.
   ========================================================= */
.zhova-reveal,
[data-zhova-reveal]{
    opacity:0;transform:translateY(32px);transition:
        opacity .9s cubic-bezier(.16,.8,.24,1),
        transform .9s cubic-bezier(.16,.8,.24,1);will-change:opacity,transform}
.zhova-reveal.zhova-visible,
[data-zhova-reveal].zhova-visible{
    opacity:1;transform:translateY(0)}
[data-zhova-tilt="true"]{
    transform-style:preserve-3d;will-change:transform}
[data-zhova-magnetic="true"]{
    will-change:transform}
@media (prefers-reduced-motion:reduce){
    .zhova-reveal,
    [data-zhova-reveal],
    [data-zhova-tilt="true"],
    [data-zhova-magnetic="true"]{
        transition:none !important;animation:none !important;}
}
/* =========================================================
   ZHOVA UI — COMPONENT CSS 1
   Original CSS block preserved; moved out of HTML.
   ========================================================= */
.zhova-team{
    --zt-gold:#c9a25b;--zt-gold-soft:#e3c384;--zt-white:#f2ede3;--zt-muted:#8e8a82;--zt-bg:#08080a;--zt-panel:#101012;--zt-line:rgba(242,237,227,.09);--zt-ease:cubic-bezier(.16,.8,.24,1);position:relative;width:100%;padding:120px 0 130px;background:transparent;isolation:isolate;overflow:hidden}
.zhova-team::before{
    content:"";position:absolute;width:700px;height:700px;left:-420px;top:15%;border-radius:50%;background:radial-gradient(
        circle,
        rgba(201,162,91,.08) 0%,
        rgba(201,162,91,.025) 35%,
        transparent 70%
    );pointer-events:none;z-index:-1}
.zhova-team::after{
    content:"";position:absolute;width:600px;height:600px;right:-420px;bottom:-180px;border-radius:50%;background:radial-gradient(
        circle,
        rgba(201,162,91,.055),
        transparent 68%
    );pointer-events:none;z-index:-1}
.zhova-team__container{
    width:1360px;max-width:calc(100% - 64px);margin:0 auto;position:relative;z-index:2}
.zhova-team__header{
    display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:70px}
.zhova-team__heading-wrap{
    max-width:760px}
.zhova-eyebrow{
    display:flex;align-items:center;gap:13px;margin-bottom:22px}
.zhova-eyebrow__line{
    width:36px;height:1px;background:linear-gradient(
        90deg,
        var(--zt-gold),
        var(--zt-gold-soft)
    )}
.zhova-eyebrow span:last-child{
    color:var(--zt-gold-soft);font-size:11px;font-weight:700;letter-spacing:.34em}
.zhova-team__title{
    margin:0;color:var(--zt-white);font-family:var(--zhova-font);font-size:clamp(52px,6vw,86px);line-height:.94;font-weight:700;letter-spacing:-.045em}
.zhova-team__title em{
     font-family:var(--zhova-outline-font) !important;font-style:normal;color:transparent;-webkit-text-stroke:1px var(--zt-gold-soft);text-stroke:1px var(--zt-gold-soft)}
.zhova-team__intro{
    width:330px;display:flex;align-items:flex-start;gap:20px;padding-bottom:7px}
.zhova-team__intro-number{
    color:var(--zt-gold-soft);font-family:var(--zhova-font);font-size:13px;letter-spacing:.12em;line-height:1.4}
.zhova-team__intro p{
    margin:0;color:var(--zt-muted);font-family:var(--zhova-font);font-size:14px;line-height:1.75}
.zhova-team__grid{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:var(--zt-line);border:1px solid var(--zt-line)}
.zhova-team-card{
    position:relative;min-width:0;overflow:hidden;background:var(--zt-panel);transform-style:preserve-3d;transition:
        transform .7s var(--zt-ease),
        background .5s ease;will-change:transform}
.zhova-team-card:hover{
    z-index:5;background:#121214}
.zhova-team-card__glow{
    position:absolute;width:230px;height:230px;left:var(--mouse-x,50%);top:var(--mouse-y,50%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(
        circle,
        rgba(201,162,91,.14),
        rgba(201,162,91,.035) 35%,
        transparent 70%
    );opacity:0;pointer-events:none;z-index:3;transition:opacity .4s ease;filter:blur(4px)}
.zhova-team-card:hover
.zhova-team-card__glow{
    opacity:1}
.zhova-team-card__media{
    position:relative;width:100%;height:500px;overflow:hidden;background:#050505}
.zhova-team-card__media img{
      width:100%;height:100%;display:block;object-fit:cover;filter:
        grayscale(.08)
        contrast(1.04)
        saturate(.88);transform:scale(1.055);transition:
        transform 1.15s var(--zt-ease),
        filter .7s ease}
.zhova-team-card:hover
.zhova-team-card__media img{
    transform:scale(1);filter:
        grayscale(0)
        contrast(1.04)
        saturate(1)}
.zhova-team-card__shade{
    position:absolute;inset:0;z-index:2;background:
        linear-gradient(
            180deg,
            rgba(8,8,10,.05) 25%,
            rgba(8,8,10,.18) 48%,
            rgba(8,8,10,.94) 100%
        );pointer-events:none}
.zhova-team-card__number{
    position:absolute;top:20px;left:20px;z-index:4;display:flex;align-items:center;gap:8px;color:var(--zt-gold-soft);font-family:var(--zhova-font);font-size:11px;letter-spacing:.16em}
.zhova-team-card__number::before{
    content:"";width:16px;height:1px;background:var(--zt-gold)}
.zhova-team-card__status{
    position:absolute;right:19px;top:20px;z-index:4;display:flex;align-items:center;gap:7px;color:rgba(242,237,227,.65);font-size:9px;font-weight:700;letter-spacing:.2em}
.zhova-team-card__status i{
    display:block;width:5px;height:5px;border-radius:50%;background:var(--zt-gold);box-shadow:
        0 0 0 4px rgba(201,162,91,.08),
        0 0 14px rgba(201,162,91,.45)}
.zhova-team-card__content{
    position:absolute;left:0;right:0;bottom:0;z-index:5;padding:25px 24px 23px;transform:translateZ(30px)}
.zhova-team-card__line{
    width:0;height:2px;margin-bottom:14px;background:linear-gradient(
        90deg,
        var(--zt-gold),
        var(--zt-gold-soft)
    );transition:
        width .65s var(--zt-ease)}
.zhova-team-card:hover
.zhova-team-card__line{
    width:42px}
.zhova-team-card__content h3{
    margin:0 0 5px;color:var(--zt-white);font-family:var(--zhova-font);font-size:21px;line-height:1.15;font-weight:700;letter-spacing:-.02em;transition:
        transform .5s var(--zt-ease)}
.zhova-team-card:hover
.zhova-team-card__content h3{
    transform:translateY(-2px)}
.zhova-team-card__content > p{
    margin:0;color:var(--zt-gold-soft);font-size:10.5px;line-height:1.4;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.zhova-team-card__bottom{
    display:flex;align-items:center;justify-content:space-between;margin-top:17px;opacity:.72;transform:translateY(7px);transition:
        opacity .5s var(--zt-ease),
        transform .5s var(--zt-ease)}
.zhova-team-card:hover
.zhova-team-card__bottom{
    opacity:1;transform:translateY(0)}
.zhova-team-card__bottom > span{
    color:rgba(242,237,227,.48);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.zhova-team-card__arrow{
    width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(242,237,227,.14);border-radius:50%;color:var(--zt-white);text-decoration:none;transition:
        background .35s ease,
        border-color .35s ease,
        color .35s ease,
        transform .5s var(--zt-ease)}
.zhova-team-card__arrow svg{
    width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:
        transform .45s var(--zt-ease)}
.zhova-team-card:hover
.zhova-team-card__arrow{
    background:var(--zt-gold);border-color:var(--zt-gold);color:var(--zt-bg);transform:rotate(-8deg)}
.zhova-team-card:hover
.zhova-team-card__arrow svg{
    transform:translateX(2px)}
.zhova-team-card::after{
    content:"";position:absolute;inset:0;z-index:6;border:1px solid transparent;pointer-events:none;transition:
        border-color .5s var(--zt-ease)}
.zhova-team-card:hover::after{
    border-color:rgba(201,162,91,.42)}
.zhova-team__footer{
    display:flex;align-items:center;justify-content:center;gap:22px;margin-top:52px}
.zhova-team__footer-line{
    width:70px;height:1px;background:var(--zt-line)}
.zhova-team__footer p{
    margin:0;color:rgba(242,237,227,.35);font-size:10px;font-weight:600;letter-spacing:.25em}
.zhova-team__footer strong{
    color:var(--zt-gold-soft);font-weight:600}
.zhova-team__grid
.zhova-team-card:nth-child(1){
    transition-delay:.05s}
.zhova-team__grid
.zhova-team-card:nth-child(2){
    transition-delay:.13s}
.zhova-team__grid
.zhova-team-card:nth-child(3){
    transition-delay:.21s}
.zhova-team__grid
.zhova-team-card:nth-child(4){
    transition-delay:.29s}
@media (max-width:1100px){
    .zhova-team{
        padding:100px 0 110px;}
    .zhova-team__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));}
    .zhova-team__header{
        align-items:flex-start;}
    .zhova-team__intro{
        max-width:300px;}
}
@media (max-width:680px){
    .zhova-team{
        padding:80px 0 85px;}
    .zhova-team__container{
        max-width:calc(100% - 32px);}
    .zhova-team__header{
        display:block;margin-bottom:45px;}
    .zhova-team__title{
        font-size:clamp(46px,13vw,64px);}
    .zhova-team__intro{
        width:auto;margin-top:27px;max-width:390px;}
    .zhova-team__grid{
        grid-template-columns:1fr;}
    .zhova-team-card__media{
        aspect-ratio: / 4.8;}
    .zhova-team-card__content{
        padding:24px 20px 21px;}
    .zhova-team__footer{
        margin-top:40px;}
    .zhova-team__footer-line{
        width:35px;}
}
@media (max-width:390px){
    .zhova-team__container{
        max-width:calc(100% - 24px);}
    .zhova-team__title{
        font-size:43px;}
    .zhova-team-card__content h3{
        font-size:19px;}
}
@media (prefers-reduced-motion:reduce){
    .zhova-reveal{
        opacity:1 !important;transform:none !important;transition:none !important;}
    .zhova-team-card,
    .zhova-team-card *,
    .zhova-team-card::after{
        transition:none !important;}
}
/* =========================================================
   ZHOVA UI — COMPONENT CSS 2
   Original CSS block preserved; moved out of HTML.
   ========================================================= */
/* =========================================================
   ZHOVA ABOUT
   ========================================================= */
#zhova-about {
    --zhova-gold: #D4AF37;--zhova-gold-light: #E5C766;--zhova-white: #ffffff;--zhova-black: #111111;position: relative;width: 100%;min-height: 850px;padding:
        75px
        0
        45px;overflow: hidden;isolation: isolate;background:
        #111111;color:
        #ffffff;font-family:var(--zhova-font)}
.zhova-about-grid {
    position: absolute;inset: 0;z-index: -5;opacity: .23;background-image:
        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );background-size:
        70px 70px;mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 20%,
            black 80%,
            transparent
        );-webkit-mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 20%,
            black 80%,
            transparent
        )}
.zhova-about-glow {
    position: absolute;width: 500px;height: 500px;border-radius: 50%;pointer-events: none;filter:
        blur(100px);opacity: .08;z-index: -4}
.zhova-about-glow-1 {
    top: 5%;left: 25%;background:
        var(--zhova-gold)}
.zhova-about-glow-2 {
    right: -10%;bottom: -20%;background:
        #ffffff;opacity: .035}
.zhova-about-bg-number {
    position: absolute;right: 4%;bottom: -13%;z-index: -3;font-size:
        clamp(
            360px,
            42vw,
            720px
        );line-height: .75;font-weight:
        800;letter-spacing:
        -0.08em;color:
        transparent;-webkit-text-stroke:
        1px rgba(255,255,255,.055);pointer-events:
        none;user-select:
        none}
.zhova-about-top {
    position: relative;width: 84%;max-width: 1450px;margin:
        0 auto 50px;display:
        flex;align-items:
        center;justify-content:
        space-between;z-index:
        5}
.zhova-about-label {
    display:
        flex;align-items:
        center;gap:
        12px;font-size:
        11px;font-weight:
        700;letter-spacing:
        3px;color:
        var(--zhova-gold)}
.zhova-about-label-line {
    width:
        34px;height:
        1px;background:
        var(--zhova-gold)}
.zhova-about-meta {
    display:
        flex;align-items:
        center;gap:
        14px;font-size:
        9px;letter-spacing:
        2.4px;color:
        rgba(255,255,255,.42)}
.zhova-about-meta-dot {
    width:
        3px;height:
        3px;border-radius:
        50%;background:
        var(--zhova-gold);opacity:
        .7}
.zhova-about-inner {
    position:
        relative;width:
        84%;max-width:
        1450px;min-height:
        610px;margin:
        0 auto;display:
        grid;grid-template-columns:
        minmax(0, 1fr)
        minmax(480px, .82fr);align-items:
        center;gap:
        60px;z-index:
        3}
.zhova-about-content {
    position:
        relative;z-index:
        5;padding-bottom:
        25px}
.zhova-about-eyebrow {
    display:
        flex;align-items:
        center;gap:
        12px;margin-bottom:
        24px;font-size:
        10px;letter-spacing:
        2.5px;color:
        rgba(255,255,255,.45)}
.zhova-about-year {
    color:
        var(--zhova-gold)}
.zhova-about-eyebrow-line {
    width:
        55px;height:
        1px;background:
        rgba(212,175,55,.55)}
.zhova-about-title {
    margin: 0;padding: 0;font-size:
        clamp(
            64px,
            7vw,
            118px
        );line-height:
       1.15;letter-spacing:
        -.030em;font-weight:
        700;max-width:
        850px;color:
        #f2ede3 !important}
.zhova-about-title-line {
    display: block;overflow: hidden}
.zhova-about-title-outline {
    font-family:
        Arial,
        sans-serif;color:
        transparent;-webkit-text-fill-color:
        transparent;-webkit-text-stroke:
        1.25px rgba(255,255,255,.72);text-stroke:
        1.25px rgba(255,255,255,.72)}
.zhova-about-copy {
    max-width:
        560px;margin-top:
        42px}
.zhova-about-copy p {
    margin:
        0}
.zhova-about-lead {
    margin-bottom:
        13px !important;font-size:
        16px;line-height:
        1.6;font-weight:
        600;color:
        rgba(255,255,255,.88)}
.zhova-about-copy p:not(.zhova-about-lead) {
    font-size:
        13px;line-height:
        1.85;font-weight:
        400;color:
        rgba(255,255,255,.48)}
.zhova-about-button {
    position:
        relative;display:
        inline-flex;align-items:
        center;gap:
        22px;margin-top:
        35px;padding:
        5px 5px 5px 22px;min-width:
        205px;height:
        52px;border:
        1px solid rgba(255,255,255,.22);border-radius:
        50px;color:
        #ffffff;text-decoration:
        none;font-size:
        11px;font-weight:
        600;letter-spacing:
        .4px;overflow:
        hidden;transition:
        border-color .4s ease,
        background .4s ease,
        transform .4s cubic-bezier(.2,.8,.2,1)}
.zhova-about-button::before {
    content:
        "";position:
        absolute;inset:
        0;background:
        linear-gradient(
            100deg,
            transparent 20%,
            rgba(212,175,55,.16),
            transparent 80%
        );transform:
        translateX(-120%);transition:
        transform .7s ease}
.zhova-about-button:hover {
    border-color:
        rgba(212,175,55,.65);background:
        rgba(212,175,55,.055);transform:
        translateY(-2px)}
.zhova-about-button:hover::before {
    transform:
        translateX(120%)}
.zhova-about-button-text {
    position:
        relative;z-index:
        2}
.zhova-about-button-arrow {
    position:
        relative;z-index:
        2;width:
        40px;height:
        40px;display:
        flex;align-items:
        center;justify-content:
        center;border-radius:
        50%;background:
        var(--zhova-gold);color:
        #111111;font-size:
        18px;transition:
        transform .4s cubic-bezier(.2,.8,.2,1)}
.zhova-about-button:hover
.zhova-about-button-arrow {
    transform:
        translateX(4px)
        rotate(-3deg)}
.zhova-about-bottom-meta {
    display:
        flex;align-items:
        center;gap:
        13px;margin-top:
        62px;font-size:
        8px;letter-spacing:
        2.5px;color:
        rgba(255,255,255,.28)}
.zhova-about-bottom-line {
    width:
        42px;height:
        1px;background:
        rgba(212,175,55,.45)}
.zhova-about-visual-wrap {
    position:
        relative;height:
        590px;display:
        flex;align-items:
        center;justify-content:
        center;perspective:
        1200px}
.zhova-about-visual {
    position:
        relative;width:
        min(520px, 100%);aspect-ratio:
        1 / 1;transform-style:
        preserve-3d;transition:
        transform .2s ease-out}
.zhova-about-ring {
    position:
        absolute;left:
        50%;top:
        50%;border:
        1px solid rgba(255,255,255,.09);border-radius:
        50%;transform:
        translate(-50%,-50%)}
.zhova-about-ring-1 {
    width:
        91%;height:
        91%}
.zhova-about-ring-2 {
    width:
        73%;height:
        73%;border-color:
        rgba(212,175,55,.20)}
.zhova-about-ring-3 {
    width:
        54%;height:
        54%;border-color:
        rgba(255,255,255,.13)}
.zhova-about-orbit {
    position:
        absolute;inset:
        4%;border-radius:
        50%;border:
        1px dashed rgba(212,175,55,.18);animation:
        zhovaAboutOrbit
        22s
        linear
        infinite}
.zhova-about-orbit-dot {
    position:
        absolute;top:
        0;left:
        50%;width:
        7px;height:
        7px;border-radius:
        50%;background:
        var(--zhova-gold);box-shadow:
        0 0 18px
        rgba(212,175,55,.75);transform:
        translate(-50%,-50%)}
@keyframes zhovaAboutOrbit {
    from {
        transform:
            rotate(0deg)}
    to {
        transform:
            rotate(360deg)}
}
.zhova-about-svg {
    position:
        absolute;inset:
        0;width:
        100%;height:
        100%;overflow:
        visible;transform:
        translateZ(20px)}
.zhova-about-abstract {
    transform-origin:
        300px 300px;animation:
        zhovaAboutFloat
        7s
        ease-in-out
        infinite}
.zhova-about-shape {
    stroke-dasharray:
        7 11;animation:
        zhovaAboutDash
        18s
        linear
        infinite}
.zhova-about-shape-inner {
    opacity:
        .8}
@keyframes zhovaAboutDash {
    to {
        stroke-dashoffset:
            -360}
}
@keyframes zhovaAboutFloat {
    0%,
    100% {
        transform:
            translateY(0)
            rotate(0deg)}
    50% {
        transform:
            translateY(-10px)
            rotate(1deg)}
}
.zhova-about-years {
    position:
        absolute;left:
        50%;top:
        50%;transform:
        translate(-50%,-50%)
        translateZ(50px);text-align:
        center;pointer-events:
        none}
.zhova-about-years-number {
    display:
        block;font-size:
        clamp(
            100px,
            12vw,
            165px
        );line-height:
        .72;font-weight:
        800;letter-spacing:
        -.09em;color:
        transparent;-webkit-text-stroke:
        1px rgba(255,255,255,.68);text-shadow:
        0 0 40px
        rgba(212,175,55,.08)}
.zhova-about-years-text {
    display:
        block;margin-top:
        20px;font-size:
        13px;line-height:
        1;letter-spacing:
        7px;font-weight:
        700;color:
        var(--zhova-gold)}
.zhova-about-years-sub {
    display:
        block;margin-top:
        11px;font-size:
        8px;letter-spacing:
        4px;color:
        rgba(255,255,255,.35)}
.zhova-about-visual-label {
    position:
        absolute;right:
        2%;bottom:
        11%;display:
        flex;align-items:
        center;gap:
        9px;font-size:
        8px;letter-spacing:
        2px;color:
        rgba(255,255,255,.34)}
.zhova-about-visual-label-dot {
    width:
        5px;height:
        5px;border-radius:
        50%;background:
        var(--zhova-gold);box-shadow:
        0 0 12px
        rgba(212,175,55,.7)}
.zhova-about-footer {
    position:
        relative;width:
        84%;max-width:
        1450px;margin:
        25px auto 0;padding-top:
        18px;border-top:
        1px solid rgba(255,255,255,.09);display:
        grid;grid-template-columns:
        auto 1fr auto auto;align-items:
        center;gap:
        18px;font-size:
        8px;letter-spacing:
        2px;color:
        rgba(255,255,255,.25)}
.zhova-about-footer > span:first-child {
    color:
        var(--zhova-gold)}
.zhova-about-footer-line {
    height:
        1px;background:
        rgba(255,255,255,.08)}
@media
(min-width: 768px)
and
(max-width: 1199px) {
    #zhova-about {
        min-height:
            760px;padding-top:
            55px;}
    .zhova-about-top,
    .zhova-about-inner,
    .zhova-about-footer {
        width:
            88%;}
    .zhova-about-inner {
        grid-template-columns:
            1fr
            .8fr;gap:
            20px;}
    .zhova-about-title {
        font-size:
            clamp(
            64px,
            7vw,
            118px
            );}
    .zhova-about-visual-wrap {
        height:
            500px;}
    .zhova-about-meta {
        display:
            none;}
}
@media
(max-width: 767px) {
    #zhova-about {
        min-height:
            auto;padding:
            55px 0 30px;}
    .zhova-about-top {
        width:
            88%;margin-bottom:
            35px;}
    .zhova-about-meta {
        display:
            none;}
    .zhova-about-inner {
        width:
            88%;display:
            flex;flex-direction:
            column;gap:
            10px;}
    .zhova-about-content {
        width:
            100%;padding:
            0;}
    .zhova-about-eyebrow {
        margin-bottom:
            22px;}
    .zhova-about-title {
        font-size:
                clamp(
            64px,
            7vw,
            118px
            );line-height:
            .9;letter-spacing:
            -.065em;}
    .zhova-about-title-outline {
        font-family:var(--zhova-outline-font) !important;-webkit-text-stroke:
            .9px rgba(255,255,255,.72);}
    .zhova-about-copy {
        margin-top:
            30px;max-width:
            100%;}
    .zhova-about-lead {
        font-size:
            14px;}
    .zhova-about-copy p:not(.zhova-about-lead) {
        font-size:
            12px;line-height:
            1.8;}
    .zhova-about-button {
        margin-top:
            28px;}
    .zhova-about-bottom-meta {
        margin-top:
            35px;font-size:
            7px;gap:
            9px;}
    .zhova-about-visual-wrap {
        width:
            100%;height:
            390px;margin-top:
            15px;}
    .zhova-about-visual {
        width:
            min(
                360px,
                100%
            );}
    .zhova-about-years-number {
        font-size:
            105px;}
    .zhova-about-years-text {
        margin-top:
            16px;font-size:
            10px;letter-spacing:
            5px;}
    .zhova-about-years-sub {
        font-size:
            7px;letter-spacing:
            3px;}
    .zhova-about-visual-label {
        right:
            1%;bottom:
            8%;}
    .zhova-about-bg-number {
        right:
            -7%;bottom:
            -4%;font-size:
            430px;}
    .zhova-about-footer {
        width:
            88%;margin-top:
            25px;grid-template-columns:
            auto 1fr auto;}
    .zhova-about-footer > span:nth-child(3) {
        display:
            none;}
    .zhova-about-footer > span:last-child {
        font-size:
            7px;}
}
@media
(prefers-reduced-motion: reduce) {
    .zhova-about-orbit,
    .zhova-about-abstract,
    .zhova-about-shape {
        animation:
            none !important;}
    .zhova-about-visual {
        transition:
            none !important;}
}
#zhova-about *,
#zhova-about *::before,
#zhova-about *::after {
    box-sizing:
        border-box}
/* =========================================================
   ZHOVA UI — COMPONENT CSS 3
   Original CSS block preserved; moved out of HTML.
   ========================================================= */
/* =========================================================
   ZHOVA THE TEAM — FULL WIDTH MARQUEE
   ========================================================= */
.zhova-marquee-section{
  width:100%;white-space:nowrap;position:relative;background:transparent;padding:14px 0;border-bottom:1px solid rgba(242,237,227,.09);overflow:hidden;margin:0;border-top:0}
.zhova-marquee-track{
  display:inline-flex;align-items:center;width:max-content;animation:
    zhovaMarqueeScroll
    26s
    linear
    infinite}
.zhova-marquee-track span{
  font-family:var(--zhova-font);font-size:14px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#5c584f;padding:0 22px;display:inline-flex;align-items:center;gap:22px}
/* =========================================================
   ZHOVA GOLD COLOR
   ========================================================= */
.zhova-marquee-track span em{
  font-style:normal;color:#c9a25b}
.zhova-marquee-track span::after{
  content:"◆";font-size:8px;color:#6b562c;margin-inline-start:22px}
@keyframes zhovaMarqueeScroll{
  from{
    transform:
      translateX(0);}
  to{
    transform:
      translateX(-50%);}
}
@media (prefers-reduced-motion:reduce){
  .zhova-marquee-track{
    animation:none;}
}
/* =========================================================
   ZHOVA UI — COMPONENT CSS 4
   Original CSS block preserved; moved out of HTML.
   ========================================================= */
/* =========================================================
   ZHOVA HERO
   Clean / Optimized / Single Source of Truth
   ========================================================= */
#zhova-hero,
#zhova-hero *,
#zhova-hero *::before,
#zhova-hero *::after {
    box-sizing: border-box}
#zhova-hero {--gold-light: #E5C766;--gold-dark: #9E7A16;--black: #111111;--white: #ffffff;width: 100%;height: min(100vh, 900px);min-height: 700px;overflow: hidden;isolation: isolate;background: transparent !important;color: var(--white);
    --gold: #D4AF37;position: relative;font-family:var(--zhova-font)}
#zhova-hero {
    background: transparent !important}
#zhova-hero .zhova-main-circle {
    position: absolute;z-index: -1;width: 540px;height: 540px;left: 17.1%;top: 11.5%;border-radius: 50%;background:
        radial-gradient(
            circle at 35% 28%,
            rgba(239,215,126,.82) 0%,
            rgba(212,175,55,.70) 45%,
            rgba(180,139,24,.58) 100%
        );opacity: .58;animation:
        zhovaMainFloat 6s ease-in-out infinite}
@keyframes zhovaMainFloat {
    0%,
    100% {
        transform:
            translateY(0)
            scale(1);}
    50% {
        transform:
            translateY(-13px)
            scale(1.012);}
}
#zhova-hero .zhova-small-circle {
    position: absolute;border-radius: 50%;background: var(--gold);z-index: 2;pointer-events: none}
#zhova-hero .zhova-small-1 {
    width: 38px;height: 38px;right: 22.5%;top: 20%;animation:
        zhovaSmallFloat1 4.5s ease-in-out infinite}
#zhova-hero .zhova-small-2 {
    width: 120px;height: 120px;right: 15.2%;bottom: 10.5%;opacity: .88;animation:
        zhovaSmallFloat2 5.5s ease-in-out infinite}
@keyframes zhovaSmallFloat1 {
    0%,
    100% {
        transform: translateY(0);}
    50% {
        transform: translateY(-16px);}
}
@keyframes zhovaSmallFloat2 {
    0%,
    100% {
        transform: translateY(0)}
    50% {
        transform: translateY(18px)}
}
/* =========================================================
   ZHOVA BRAND CIRCLE
   ========================================================= */
#zhova-hero .zhova-brand {
    position: absolute;z-index: 10;width: 180px;height: 180px;left: 18.5%;top: 8.5%;opacity: .68;animation:
        zhovaBrandFloat 5.5s ease-in-out infinite}
@keyframes zhovaBrandFloat {
    0%,
    100% {
        transform: translateY(0);}
    50% {
        transform: translateY(-11px);}
}
#zhova-hero .zhova-brand-rotating {
    position: absolute;inset: 0;animation:
        zhovaBrandRotate 20s linear infinite}
#zhova-hero .zhova-brand-rotating svg {
    width: 100%;height: 100%;overflow: visible}
#zhova-hero .zhova-brand-rotating text {
    fill: rgba(255,255,255,.95);font-family:var(--zhova-font);font-size: 9.5px;font-weight: 600}
#zhova-hero .zhova-brand-center {
    position: absolute;left: 50%;top: 50%;transform:
        translate(-50%,-50%);width: 73px;height: 73px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: rgba(255,255,255,.95);background:
        rgba(255,255,255,.12);border:
        1px solid
        rgba(255,255,255,.43);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);font-family:var(--zhova-font);font-size: 13px;font-weight: 700}
@keyframes zhovaBrandRotate {
    from {
        transform: rotate(0deg);}
    to {
        transform: rotate(360deg);}
}
#zhova-hero .zhova-slides {
    position: absolute;inset: 0;width: 100%;height: 100%}
#zhova-hero .zhova-slide {
    position: absolute;inset: 0;opacity: 0;visibility: hidden;pointer-events: none;transition:
        opacity .8s ease}
#zhova-hero .zhova-slide.active {
    opacity: 1;visibility: visible;pointer-events: auto}
#zhova-hero .zhova-hero-title {
    position: absolute;left: 26.3%;top: 19.5%;width: 72%;height: 500px;z-index: 6;pointer-events: none;color: #f2ede3 !important}
#zhova-hero .zhova-line {
    position: absolute;white-space: nowrap;line-height: .82;font-family:var(--zhova-font)}
#zhova-hero .zhova-line-1 {
    left: 5.5%;top: 0}
#zhova-hero .zhova-line-2 {
    left: 0;top: 150px}
#zhova-hero .zhova-line-3 {
    left: 17%;top: 315px}
#zhova-hero .zhova-outline {
    display: block;font-family:
        "Arial",
        Arial,
        sans-serif !important;font-size:
        clamp(62px, 7.5vw, 144px);font-weight: 700;line-height: .82;text-transform: none;color: transparent;-webkit-text-fill-color: transparent;-webkit-text-stroke:
        1.15px rgba(255,255,255,.88);text-stroke:
        1.15px rgba(255,255,255,.88);text-shadow: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
#zhova-hero .zhova-solid {
    display: block;font-family:var(--zhova-font);color: var(--white);font-size:
        clamp(67px, 8.2vw, 158px);font-weight: 800;line-height: .82;text-transform: none;white-space: nowrap;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
#zhova-hero .zhova-slide-2 .zhova-line-1 {
    left: 4%}
#zhova-hero .zhova-slide-2 .zhova-line-2 {
    left: -1%}
#zhova-hero .zhova-slide-2 .zhova-line-3 {
    left: 18%}
#zhova-hero .zhova-slide.active .zhova-line-1 {
    animation:
        zhovaTitleIn1
        .95s
        cubic-bezier(.77,0,.18,1)
        both}
#zhova-hero .zhova-slide.active .zhova-line-2 {
    animation: zhovaTitleIn2 1s .08s cubic-bezier(.77,0,.18,1) both !important}
#zhova-hero .zhova-slide.active .zhova-line-2 .zhova-solid {
    animation: none !important}
#zhova-hero .zhova-slide.active .zhova-line-3 {
    animation:
        zhovaTitleIn3
        1s
        .15s
        cubic-bezier(.77,0,.18,1)
        both}
@keyframes zhovaTitleIn1 {
    from {
        opacity: 0;transform: translateX(90px)}
    to {
        opacity: 1;transform: translateX(0)}
}
@keyframes zhovaTitleIn2 {
    from {
        opacity: 0;transform: translateX(-70px)}
    to {
        opacity: 1;transform: translateX(0)}
}
@keyframes zhovaTitleIn3 {
    from {
        opacity: 0;transform: translateX(80px)}
    to {
        opacity: 1;transform: translateX(0)}
}
#zhova-hero .zhova-description {
    position: absolute;left: 36.3%;top: 83%;width: 37%;z-index: 8;color:
        rgba(255,255,255,.78);font-family:var(--zhova-font);font-size: 15px;font-weight: 400;line-height: 1.8}
#zhova-hero .zhova-cta {
    position: absolute;left: 36.3%;top: 93%;z-index: 9;display: inline-flex;align-items: center;gap: 14px;color: var(--white);font-family:var(--zhova-font);font-size: 12px;font-weight: 600;text-decoration: none;transition:
        color .3s ease}
#zhova-hero .zhova-cta b {
    width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--gold);color: var(--black);font-family:var(--zhova-font);font-size: 17px;font-weight: 600;transition:
        transform .3s ease,
        background .3s ease}
#zhova-hero .zhova-cta:hover {
    color: var(--white)}
#zhova-hero .zhova-cta:hover b {
    transform: translateX(5px)}
#zhova-hero:has(#zhova-slide-radio-1:checked) .zhova-slide-1 {
    opacity: 1;visibility: visible;pointer-events: auto;z-index: 5}
#zhova-hero:has(#zhova-slide-radio-1:checked) .zhova-slide-2 {
    opacity: 0;visibility: hidden;pointer-events: none;z-index: 1}
#zhova-hero:has(#zhova-slide-radio-2:checked) .zhova-slide-1 {
    opacity: 0;visibility: hidden;pointer-events: none;z-index: 1}
#zhova-hero:has(#zhova-slide-radio-2:checked) .zhova-slide-2 {
    opacity: 1;visibility: visible;pointer-events: auto;z-index: 5}
#zhova-hero:has(#zhova-slide-radio-1:checked)
.zhova-slide-1 .zhova-line-1,
#zhova-hero:has(#zhova-slide-radio-2:checked)
.zhova-slide-2 .zhova-line-1 {
    animation:
        zhovaTitleIn1
        .95s
        cubic-bezier(.77,0,.18,1)
        both}
#zhova-hero:has(#zhova-slide-radio-1:checked)
.zhova-slide-1 .zhova-line-2,
#zhova-hero:has(#zhova-slide-radio-2:checked)
.zhova-slide-2 .zhova-line-2 {
    animation:
        zhovaTitleIn2
        1s
        .08s
        cubic-bezier(.77,0,.18,1)
        both}
#zhova-hero:has(#zhova-slide-radio-1:checked)
.zhova-slide-1 .zhova-line-3,
#zhova-hero:has(#zhova-slide-radio-2:checked)
.zhova-slide-2 .zhova-line-3 {
    animation:
        zhovaTitleIn3
        1s
        .15s
        cubic-bezier(.77,0,.18,1)
        both}
#zhova-hero .zhova-bottom {
    position: absolute;z-index: 100;top: 50%;right: 0;bottom: auto;left: auto;transform:
        translateY(-50%);width: auto;height: auto;margin: 0;padding: 0;display: flex;flex-direction: column;align-items: flex-end;justify-content: center;gap: 7px;pointer-events: none}
#zhova-hero .zhova-nav-button,
#zhova-hero .zhova-next.zhova-nav-button {
    position: relative;width: 54px;min-width: 54px;height: 86px;min-height: 86px;flex: 0 0 54px;display: flex;align-items: center;justify-content: center;margin: 0;padding: 0;box-sizing: border-box;overflow: hidden;border:
        1px solid
        rgba(255,255,255,.14);border-right: 0;border-radius:
        16px 0 0 16px;background:
        rgba(8,8,8,.25);color: var(--white);cursor: pointer;pointer-events: auto;text-decoration: none;appearance: none;-webkit-appearance: none;outline: none;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);font-family:var(--zhova-font);transition:
        width 1.05s cubic-bezier(.16,1,.3,1),
        min-width 1.05s cubic-bezier(.16,1,.3,1),
        flex-basis 1.05s cubic-bezier(.16,1,.3,1),
        background .65s ease,
        border-color .65s ease,
        box-shadow .75s ease,
        transform .25s ease}
#zhova-hero .zhova-nav-button::before {
    content: "";position: absolute;left: 0;top: 13px;bottom: 13px;width: 1px;background:
        linear-gradient(
            180deg,
            transparent,
            rgba(229,199,102,.78),
            transparent
        );opacity: .72;transition:
        opacity .3s ease}
#zhova-hero .zhova-nav-index {
    position: absolute;top: 12px;left: 0;right: 0;display: block;text-align: center;color:
        rgba(255,255,255,.46);font-family:var(--zhova-font);font-size: 8px;font-weight: 700;line-height: 1;transition:
        color .3s ease}
#zhova-hero .zhova-nav-arrow {
    position: absolute;top: 50%;right: 14px;width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;transform:
        translateY(-50%);color:
        rgba(255,255,255,.90);font-family:var(--zhova-font);font-size: 19px;font-weight: 400;line-height: 1;transition:
        right .9s cubic-bezier(.16,1,.3,1),
        transform .9s cubic-bezier(.16,1,.3,1),
        color .55s ease}
#zhova-hero .zhova-next-button .zhova-nav-arrow {
    color: var(--gold-light)}
#zhova-hero .zhova-nav-text {
    position: absolute;left: 18px;top: 50%;transform:
        translateY(-50%)
        translateX(-7px);opacity: 0;visibility: hidden;white-space: nowrap;color: var(--white);font-family:var(--zhova-font);font-size: 10px;font-weight: 600;line-height: 1;text-transform: uppercase;transition:
        opacity .55s ease .18s,
        visibility 0s linear .73s,
        transform .85s cubic-bezier(.16,1,.3,1) .10s}
#zhova-hero .zhova-nav-button:hover,
#zhova-hero .zhova-nav-button:focus-visible {
    width: 128px;min-width: 128px;flex-basis: 128px;background:
        linear-gradient(
            90deg,
            rgba(212,175,55,.18),
            rgba(255,255,255,.08)
        );border-color:
        rgba(229,199,102,.44);box-shadow:
        0 10px 35px rgba(0,0,0,.22),
        0 0 24px rgba(212,175,55,.08)}
#zhova-hero .zhova-nav-button:hover::before,
#zhova-hero .zhova-nav-button:focus-visible::before {
    opacity: 1}
#zhova-hero .zhova-nav-button:hover .zhova-nav-index,
#zhova-hero .zhova-nav-button:focus-visible .zhova-nav-index {
    color: var(--gold-light)}
#zhova-hero .zhova-nav-button:hover .zhova-nav-arrow,
#zhova-hero .zhova-nav-button:focus-visible .zhova-nav-arrow {
    right: 15px;transform:
        translateY(-50%)
        scale(1.12);color: var(--white)}
#zhova-hero .zhova-nav-button:hover .zhova-nav-text,
#zhova-hero .zhova-nav-button:focus-visible .zhova-nav-text {
    opacity: 1;visibility: visible;transform:
        translateY(-50%)
        translateX(0)}
#zhova-hero .zhova-nav-button:active {
    transform:
        translateX(-2px)
        scale(.96)}
#zhova-hero .zhova-nav-state {
    display: flex;flex-direction: column;align-items: flex-end;justify-content: center;gap: 7px}
#zhova-hero .zhova-nav-state-2 {
    display: none}
#zhova-hero:has(#zhova-slide-radio-2:checked)
.zhova-nav-state-1 {
    display: none}
#zhova-hero:has(#zhova-slide-radio-2:checked)
.zhova-nav-state-2 {
    display: flex}
#zhova-hero .zhova-counter {
    position: absolute;top: calc(100% + 11px);right: 0;width: 52px;display: flex;align-items: center;justify-content: center;gap: 7px;color:
        rgba(255,255,255,.38);font-family:var(--zhova-font);font-size: 8px;line-height: 1;pointer-events: none}
#zhova-hero .zhova-counter i {
    display: block;width: 11px;height: 1px;background:
        rgba(255,255,255,.25)}
#zhova-hero .zhova-counter .zhova-current {
    color: var(--gold-light);font-weight: 700}
#zhova-hero:has(#zhova-slide-radio-2:checked)
.zhova-counter .zhova-current {
    color:
        rgba(255,255,255,.38)}
#zhova-hero:has(#zhova-slide-radio-2:checked)
.zhova-counter > span:last-child {
    color: var(--gold-light)}
/* =========================================================
   ZHOVA TYPOGRAPHY STABILITY PATCH
   Keeps Bricolage Grotesque title metrics stable while
   Google Fonts finishes loading.
   Existing layout / effects / animations are preserved.
   ========================================================= */
#zhova-hero .zhova-line,
#zhova-hero .zhova-line-2,
#zhova-hero .zhova-solid {
    font-family:var(--zhova-font) !important;font-weight: 800 !important;font-style: normal !important;font-optical-sizing: none !important;font-kerning: normal !important;font-synthesis: none !important;font-variation-settings:
        "opsz" 48,
        "wght" 800 !important;text-rendering: geometricPrecision;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
#zhova-hero .zhova-solid {
    font-size: clamp(67px, 8.2vw, 158px) !important;line-height: .82 !important;letter-spacing: -0.045em !important;white-space: nowrap !important;transform-origin: left center;backface-visibility: hidden;-webkit-backface-visibility: hidden}
#zhova-hero .zhova-slide.active .zhova-line-2 .zhova-solid,
#zhova-hero:has(#zhova-slide-radio-1:checked) .zhova-slide-1 .zhova-line-2 .zhova-solid,
#zhova-hero:has(#zhova-slide-radio-2:checked) .zhova-slide-2 .zhova-line-2 .zhova-solid {
    animation: none !important;transform: none !important}
#zhova-hero .zhova-line-2 {
    min-height: clamp(67px, 8.2vw, 158px);contain: layout paint}
#zhova-hero .zhova-outline {
    font-family:var(--zhova-outline-font) !important;font-weight: 700 !important;font-optical-sizing: auto !important;font-variation-settings: normal !important;letter-spacing: -0.045em !important}
@media (prefers-reduced-motion: reduce) {
    #zhova-hero .zhova-solid,
    #zhova-hero .zhova-line-2 {
        animation: none !important;transform: none !important;}
}
@media (min-width: 1500px) {
    #zhova-hero .zhova-main-circle {
        width: 570px;height: 570px;left: 17.1%;top: 11.5%;}
    #zhova-hero .zhova-brand {
        left: 18.5%;top: 8.5%;}
    #zhova-hero .zhova-hero-title {
        left: 26.2%;top: 19.5%;}
    #zhova-hero .zhova-line-2 {
        top: 155px;}
    #zhova-hero .zhova-line-3 {
        top: 325px;}
}
@media (min-width: 768px)
and (max-width: 1199px) {
    #zhova-hero {
        min-height: 650px;}
    #zhova-hero .zhova-main-circle {
        width: 420px;height: 420px;left: 14%;top: 19%;}
    #zhova-hero .zhova-brand {
        width: 145px;height: 145px;left: 16%;top: 13%;}
    #zhova-hero .zhova-hero-title {
        left: 24%;top: 26%;}
    #zhova-hero .zhova-line-2 {
        top: 110px;}
    #zhova-hero .zhova-line-3 {
        top: 235px;}
    #zhova-hero .zhova-outline {
        font-size:
            clamp(38px, 11.5vw, 58px);-webkit-text-stroke:
            1px rgba(255,255,255,.9);text-stroke:
            1px rgba(255,255,255,.9);}
    #zhova-hero .zhova-solid {
        font-size:
            clamp(53px, 7.5vw, 96px);}
    #zhova-hero .zhova-description {
        left: 34%;top: 82%;width: 45%;font-size: 14px;}
    #zhova-hero .zhova-cta {
        left: 34%;top: 92%;}
}
@media (max-width: 767px) {
    #zhova-hero {
        height: 100svh;min-height: 640px;}
    #zhova-hero .zhova-main-circle {
        width: 310px;height: 310px;left: 11%;top: 28%;opacity: .50;}
    #zhova-hero .zhova-brand {
        width: 125px;height: 125px;left: auto;right: 7%;top: 9%;}
    #zhova-hero .zhova-brand-center {
        width: 52px;height: 52px;font-size: 9px;}
    #zhova-hero .zhova-brand-rotating text {
        font-size: 7.8px;}
    #zhova-hero .zhova-hero-title {
        left: 8%;top: 29%;width: 90%;height: 350px;color: #f2ede3 !important;}
    #zhova-hero .zhova-line-1 {
        left: 5%;top: 0;}
    #zhova-hero .zhova-line-2 {
        left: 0;top: 82px;}
    #zhova-hero .zhova-line-3 {
        left: 15%;top: 170px;}
    #zhova-hero .zhova-outline {
        font-size:
            clamp(38px, 11.5vw, 58px);letter-spacing: -2px;-webkit-text-stroke:
            1px rgba(255,255,255,.9);text-stroke:
            1px rgba(255,255,255,.9);}
    #zhova-hero .zhova-solid {
        font-size:45px;}
    #zhova-hero .zhova-description {
        left: 14%;top: 67%;width: 72%;font-size: 12.5px;line-height: 1.75;color:
            rgba(255,255,255,.80);}
    #zhova-hero .zhova-cta {
        left: 14%;top: 84%;font-size: 11px;}
    #zhova-hero .zhova-cta b {
        width: 32px;height: 32px;font-size: 15px;}
    #zhova-hero .zhova-small-1 {
        width: 22px;height: 22px;right: 12%;top: 25%;}
    #zhova-hero .zhova-small-2 {
        width: 70px;height: 70px;right: 8%;bottom: 17%;}
    #zhova-hero .zhova-bottom {
        top: auto;right: 0;bottom: 24px;transform: none;gap: 5px;}
    #zhova-hero .zhova-nav-button,
    #zhova-hero .zhova-next.zhova-nav-button {
        width: 40px;min-width: 40px;flex-basis: 40px;height: 62px;min-height: 62px;border-radius:
            13px 0 0 13px;}
    #zhova-hero .zhova-nav-button:hover,
    #zhova-hero .zhova-nav-button:focus-visible {
        width: 120px;min-width: 120px;flex-basis: 120px;}
    #zhova-hero .zhova-nav-index {
        top: 9px;font-size: 7px;}
    #zhova-hero .zhova-nav-arrow {
        right: 10px;font-size: 16px;}
    #zhova-hero .zhova-nav-text {
        left: 14px;font-size: 8px;}
    #zhova-hero .zhova-counter {
        display: none;}
}
@media (max-width: 390px) {
    #zhova-hero .zhova-bottom {
        bottom: 18px;}
    #zhova-hero .zhova-nav-button,
    #zhova-hero .zhova-next.zhova-nav-button {
        width: 36px;min-width: 36px;flex-basis: 36px;height: 58px;min-height: 58px;}
    #zhova-hero .zhova-nav-button:hover,
    #zhova-hero .zhova-nav-button:focus-visible {
        width: 108px;min-width: 108px;flex-basis: 108px;}
}
@media (prefers-reduced-motion: reduce) {
    #zhova-hero .zhova-brand,
    #zhova-hero .zhova-brand-rotating,
    #zhova-hero .zhova-main-circle,
    #zhova-hero .zhova-small-circle,
    #zhova-hero .zhova-next-dot {
        animation: none !important;}
    #zhova-hero .zhova-slide {
        transition: none !important;}
}
/* =========================================================
   ZHOVA HEADER
========================================================= */
#zhHeader,
#zhHeader * {
    box-sizing: border-box}
#zhHeader {
    --zh-gold: #D4AF37;--zh-gold-light: #E5C766;--zh-bg: #080809;--zh-white: #F5F5F2;--zh-nav: #D7D7D4;--zh-muted: #929298;--zh-border: rgba(255,255,255,.10);--zh-gold-border: rgba(212,175,55,.38);width: 100%;position: relative;z-index: 99999;color: var(--zh-white);font-family:var(--zhova-font)}
#zhHeader a,
#zhHeader a:link,
#zhHeader a:visited,
#zhHeader a:hover,
#zhHeader a:focus,
#zhHeader a:focus-visible,
#zhHeader a:active {
    color: inherit;text-decoration: none}
#zhHeader .zh-header__inner {
    width:
        min( calc(100% - 40px));min-height: 88px;margin: 0 auto;display: flex;align-items: center;gap: 38px}
#zhHeader .zh-logo {
    display: flex;align-items: center;flex-shrink: 0;color: var(--zh-white) !important;line-height: 0}
#zhHeader .zh-logo__image {
    display: block;width: 190px;height: auto;max-height: 62px;object-fit: contain;transition:
        transform .35s ease,
        filter .35s ease}
#zhHeader .zh-logo:hover .zh-logo__image {
    transform: scale(1.025);filter:
        drop-shadow(
            0 0 12px
            rgba(212,175,55,.15)
        )}
#zhHeader .zh-nav {
    flex: 1;display: flex;align-items: center;justify-content: center;gap: 11px}
#zhHeader .zh-nav__item {
    position: relative}
#zhHeader .zh-nav__link {
    position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 9px;padding: 13px 14px;border: 0;background: transparent;color: var(--zh-nav) !important;font-family: inherit;font-size: 14px;font-weight: 600;line-height: 1.2;cursor: pointer;appearance: none;transition:
        color .25s ease,
        transform .25s ease}
#zhHeader .zh-nav__link:hover,
#zhHeader .zh-nav__link:focus,
#zhHeader .zh-nav__link:focus-visible,
#zhHeader .zh-nav__link:active {
    color:
        var(--zh-gold-light) !important;background:
        transparent !important}
#zhHeader .zh-nav__link::before {
    content: "";position: absolute;left: 50%;bottom: 2px;width: 0;height: 1px;transform:
        translateX(-50%);background:
        linear-gradient(
            90deg,
            transparent,
            var(--zh-gold-light),
            transparent
        );box-shadow:
        0 0 8px
        rgba(212,175,55,.38);transition:
        width .35s
        cubic-bezier(.2,.8,.2,1)}
#zhHeader .zh-nav__link:hover::before,
#zhHeader .zh-nav__link:focus-visible::before {
    width:
        calc(100% - 22px)}
#zhHeader .zh-nav__link:focus-visible {
    outline:
        1px solid
        rgba(229,199,102,.75) !important;outline-offset: 4px;border-radius: 5px}
#zhHeader .zh-chevron {
    width: 6px;height: 6px;border-right:
        1px solid currentColor;border-bottom:
        1px solid currentColor;transform:
        rotate(45deg)
        translateY(-2px);transition:
        transform .3s ease}
#zhHeader .zh-nav__item.is-open .zh-chevron {
    transform:
        rotate(225deg)
        translate(-1px,-1px)}
#zhHeader .zh-mega {
    position: fixed;left: 0;right: 0;width: 100vw;max-width: none;transform:
        translateY(-12px);opacity: 0;visibility: hidden;pointer-events: none;background:
        radial-gradient(
            circle at 5% 0%,
            rgba(212,175,55,.08),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #111113,
            #09090A
        );border-top:
        1px solid
        rgba(255,255,255,.08);border-bottom:
        1px solid
        var(--zh-border);box-shadow:
        0 35px 90px rgba(0,0,0,.50),
        0 10px 35px rgba(0,0,0,.25);transition:
        opacity .25s ease,
        transform .3s cubic-bezier(.2,.8,.2,1),
        visibility .25s ease;top: 88px}
#zhHeader .zh-nav__item.is-open .zh-mega {
    opacity: 1;visibility: visible;pointer-events: auto;transform:
        translateY(0)}
#zhHeader .zh-mega::before {
    content: "";position: absolute;top: 0;left: 50%;width: min(1180px, 80%);height: 1px;transform:
        translateX(-50%);background:
        linear-gradient(
            90deg,
            transparent,
            rgba(229,199,102,.75),
            transparent
        )}
#zhHeader .zh-mega__inner {
    width:
        min(1360px, calc(100% - 40px));min-height: 390px;margin: 0 auto;display: grid;grid-template-columns:
        minmax(250px,.72fr)
        minmax(0,1.8fr);gap: 60px;padding: 50px 0}
#zhHeader .zh-mega__intro {
    display: flex;flex-direction: column;align-items: flex-start}
#zhHeader .zh-eyebrow {
    margin-bottom: 18px;color:
        var(--zh-gold-light) !important;font-size: 9px;font-weight: 700;letter-spacing: .24em;text-transform: uppercase}
#zhHeader .zh-mega__intro h2 {
    margin: 0;max-width: 430px;color:
        var(--zh-white) !important;font-size:
        clamp(30px,3vw,44px);line-height: 1.07;font-weight: 600}
#zhHeader .zh-mega__intro h2 span {
    display: block;color:
        var(--zh-gold-light) !important}
#zhHeader .zh-mega__intro p {
    max-width: 370px;margin: 20px 0 30px;color:
        var(--zh-muted) !important;font-size: 12px;line-height: 1.85}
#zhHeader .zh-mega__view {
    display: inline-flex;align-items: center;gap: 12px;color:
        var(--zh-white) !important;font-size: 11px;font-weight: 700}
#zhHeader .zh-mega__view:hover,
#zhHeader .zh-mega__view:focus {
    color:
        var(--zh-gold-light) !important}
#zhHeader .zh-mega__view b {
    width: 29px;height: 29px;display: flex;align-items: center;justify-content: center;border:
        1px solid
        var(--zh-gold-border);border-radius: 50%;color:
        var(--zh-gold-light) !important}
#zhHeader .zh-mega__columns {
    display: grid;grid-template-columns:
        repeat(2,minmax(0,1fr));gap: 14px 20px}
#zhHeader .zh-mega__column {
    display: flex;flex-direction: column;gap: 10px}
#zhHeader .zh-mega__service {
    min-height: 86px;display: grid;grid-template-columns:
        36px minmax(0,1fr) 32px;align-items: center;gap: 14px;padding: 13px 14px;color:
        var(--zh-white) !important;border:
        1px solid transparent;border-radius: 12px;background: transparent !important;transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease}
#zhHeader .zh-mega__service:hover,
#zhHeader .zh-mega__service:focus,
#zhHeader .zh-mega__service:active {
    color:
        var(--zh-white) !important;background:
        linear-gradient(
            110deg,
            rgba(212,175,55,.09),
            rgba(255,255,255,.025)
        ) !important;border-color:
        var(--zh-gold-border);transform:
        translateY(-1px)}
#zhHeader .zh-mega__number {
    color:
        rgba(229,199,102,.70) !important;font-size: 11px;font-weight: 700}
#zhHeader .zh-mega__service strong {
    display: block;color:
        var(--zh-white) !important;font-size: 13px}
#zhHeader .zh-mega__service:hover strong {
    color:
        var(--zh-gold-light) !important}
#zhHeader .zh-mega__service small {
    display: block;margin-top: 5px;color:
        #7E7E84 !important;font-size: 10px;line-height: 1.4}
#zhHeader .zh-mega__service i {
    width: 31px;height: 31px;display: flex;align-items: center;justify-content: center;border:
        1px solid
        rgba(255,255,255,.12);border-radius: 50%;color:
        #88888E !important;font-size: 14px;font-style: normal;transition:
        color .25s ease,
        border-color .25s ease,
        transform .25s ease}
#zhHeader .zh-mega__service:hover i {
    color:
        var(--zh-gold-light) !important;border-color:
        var(--zh-gold-border);transform:
        translateX(2px)}
#zhHeader .zh-solutions-grid,
#zhHeader .zh-work-links,
#zhHeader .zh-insights-grid {
    display: grid;grid-template-columns:
        repeat(2,minmax(0,1fr));gap: 12px}
#zhHeader .zh-solution,
#zhHeader .zh-work-card,
#zhHeader .zh-insight {
    position: relative;background:
        rgba(255,255,255,.018) !important;border:
        1px solid transparent;border-radius: 13px;color:
        var(--zh-white) !important;transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease}
#zhHeader .zh-solution {
    min-height: 110px;display: flex;flex-direction: column;justify-content: center;padding: 18px 20px}
#zhHeader .zh-work-card {
    min-height: 108px;display: flex;flex-direction: column;justify-content: center;padding: 18px}
#zhHeader .zh-insight {
    min-height: 82px;display: flex;flex-direction: column;justify-content: center;padding: 14px 16px}
#zhHeader .zh-solution:hover,
#zhHeader .zh-work-card:hover,
#zhHeader .zh-insight:hover {
    color:
        var(--zh-white) !important;background:
        rgba(212,175,55,.065) !important;border-color:
        var(--zh-gold-border);transform:
        translateY(-2px)}
#zhHeader .zh-solution strong,
#zhHeader .zh-work-card strong,
#zhHeader .zh-insight strong {
    color:
        var(--zh-white) !important}
#zhHeader .zh-solution:hover strong,
#zhHeader .zh-work-card:hover strong,
#zhHeader .zh-insight:hover strong {
    color:
        var(--zh-gold-light) !important}
#zhHeader .zh-solution small,
#zhHeader .zh-work-card small,
#zhHeader .zh-insight small {
    color:
        #7E7E84 !important}
#zhHeader .zh-dropdown {
    position: absolute;top: calc(100% + 15px);right: 0;width: 215px;padding: 9px;background:
        linear-gradient(
            145deg,
            #121214,
            #09090A
        );border:
        1px solid
        var(--zh-border);border-radius: 13px;box-shadow:
        0 25px 60px rgba(0,0,0,.45);opacity: 0;visibility: hidden;pointer-events: none;transform:
        translateY(-8px);transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s ease}
#zhHeader .zh-nav__item.is-open .zh-dropdown {
    opacity: 1;visibility: visible;pointer-events: auto;transform:
        translateY(0)}
#zhHeader .zh-dropdown a {
    display: flex;align-items: center;justify-content: space-between;padding: 12px;border-radius: 8px;color:
        #D8D8D6 !important;font-size: 12px}
#zhHeader .zh-dropdown a:hover,
#zhHeader .zh-dropdown a:focus {
    color:
        var(--zh-gold-light) !important;background:
        rgba(212,175,55,.07) !important}
#zhHeader .zh-dropdown i {
    color:
        #77777D !important;font-style: normal}
#zhHeader .zh-header__cta {
    flex-shrink: 0;display: inline-flex;align-items: center;gap: 10px;padding: 13px 17px;color:
        #0A0A0B !important;background:
        linear-gradient(
            135deg,
            var(--zh-gold-light),
            var(--zh-gold)
        ) !important;border-radius: 8px;font-size: 12px;font-weight: 800}
#zhHeader .zh-mobile-toggle {
    display: none;width: 43px;height: 43px;padding: 10px;border:
        1px solid
        rgba(255,255,255,.12);border-radius: 8px;background:
        transparent !important;cursor: pointer}
#zhHeader .zh-mobile-toggle span {
    display: block;width: 20px;height: 1px;margin: 4px auto;background:
        var(--zh-white) !important}
#zhHeader .zh-mobile-nav {
    display: none}
@media (max-width: 1180px) {
    #zhHeader .zh-header__inner {
        width:
            min(100% - 30px,1050px);gap: 22px;}
    #zhHeader .zh-logo__image {
        width: 170px;}
    #zhHeader .zh-nav {
        gap: 4px;}
    #zhHeader .zh-nav__link {
        padding:
            11px 9px;font-size: 13px;}
}
@media (max-width: 900px) {
    #zhHeader .zh-header__inner {
        min-height: 72px;}
    #zhHeader .zh-logo__image {
        width: 160px;max-height: 55px;}
    #zhHeader .zh-nav,
    #zhHeader .zh-header__cta {
        display: none;}
    #zhHeader .zh-mobile-toggle {
        display: block;margin-left: auto;}
    #zhHeader .zh-mega {
        display: none;}
    #zhHeader .zh-mobile-nav {
        position: absolute;top: 100%;left: 0;right: 0;display: block;max-height: 0;overflow: hidden;opacity: 0;visibility: hidden;background:
            linear-gradient(
                150deg,
                #111113,
                #080809
            );border-top:
            1px solid
            rgba(255,255,255,.08);transition:
            max-height .4s ease,
            opacity .25s ease,
            visibility .25s ease;}
    #zhHeader.mobile-open .zh-mobile-nav {
        max-height:
            calc(100vh - 72px);overflow-y: auto;opacity: 1;visibility: visible;}
    #zhHeader .zh-mobile-nav__inner {
        width:
            min(100% - 30px,700px);margin: 0 auto;padding:
            18px 0 25px;}
    #zhHeader .zh-mobile-link,
    #zhHeader .zh-mobile-parent {
        width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 15px 3px;border: 0;border-bottom:
            1px solid
            rgba(255,255,255,.08);background:
            transparent !important;color:
            #E9E9E6 !important;font-family: inherit;font-size: 14px;font-weight: 600;}
    #zhHeader .zh-mobile-parent i {
        color:
            var(--zh-gold-light) !important;font-style: normal;font-size: 18px;}
    #zhHeader .zh-mobile-sub {
        display: grid;grid-template-rows: 0fr;transition:
            grid-template-rows .3s ease;}
    #zhHeader .zh-mobile-group.is-open .zh-mobile-sub {
        grid-template-rows: 1fr;}
    #zhHeader .zh-mobile-sub a {
        min-height: 0;padding:
            0 12px;color:
            #96969C !important;border-left:
            1px solid
            rgba(212,175,55,.25);font-size: 12px;transition:
            padding .3s ease,
            opacity .25s ease;}
    #zhHeader .zh-mobile-group.is-open .zh-mobile-sub a {
        min-height: 42px;padding:
            10px 12px;}
    #zhHeader .zh-mobile-cta {
        margin-top: 22px;padding:
            15px 17px;color:
            #09090A !important;background:
            linear-gradient(
                135deg,
                var(--zh-gold-light),
                var(--zh-gold)
            ) !important;border-radius: 8px;font-weight: 800;}
}
@media (prefers-reduced-motion: reduce) {
    #zhHeader *,
    #zhHeader *::before,
    #zhHeader *::after {
        transition: none !important;animation: none !important;}
}
/* =========================================================
   ZHOVA — GLOBAL OUTLINE FONT
   فقط فونت نوشته‌های توخالی
   ========================================================= */
.zhova-team__title em,
.zhova-about-title-outline,
.zhova-about-years-number {
      font-family:var(--zhova-outline-font) !important;color: transparent !important;-webkit-text-fill-color: transparent !important;-webkit-text-stroke: 1.1px currentColor !important;text-stroke: 1.1px currentColor !important;text-shadow: none !important}
.zhova-team__title em {
     font-family:var(--zhova-outline-font) !important;-webkit-text-stroke-color: var(--zt-gold-soft) !important;text-stroke-color: var(--zt-gold-soft) !important}
.zhova-about-title-outline,
.zhova-about-years-number {
     font-family:var(--zhova-outline-font) !important;-webkit-text-stroke-color: rgba(255,255,255,.72) !important;text-stroke-color: rgba(255,255,255,.72) !important}
/* =========================================================
   ZHOVA SERVICES — FINAL CSS
   Max content width: 1360px
   ========================================================= */
#zhova-services,
#zhova-services *,
#zhova-services *::before,
#zhova-services *::after{
    box-sizing:border-box}
#zhova-services{
    --zs-gold:#D4AF37;--zs-gold-light:#E5C766;--zs-gold-soft:#C9A25B;--zs-white:#F7F6F2;--zs-muted:#A8A6A0;--zs-dim:#77756F;--zs-line:rgba(255,255,255,.11);--zs-line-soft:rgba(255,255,255,.065);--zs-black:#111111;width:100%;position:relative;overflow:hidden;color:var(--zs-white);font-family:var(--zhova-font)}
.zhova-services-container{
    width:min(
        calc(100% - 48px),
        1360px
    );margin-inline:auto}
#zhova-services p{
    font-family:var(--zhova-font);font-size:16px;line-height:1.85;color:var(--zs-muted);margin:0}
.zhova-services-lead{
    max-width:620px;font-size:
        clamp(17px,1.35vw,19px) !important;line-height:1.75 !important;color:
        rgba(247,246,242,.72) !important}
.zhova-services-large-copy{
    font-family:var(--zhova-font) !important;font-size:
        clamp(20px,2vw,27px) !important;line-height:1.45 !important;color:#F7F6F2 !important}
#zhova-services .zhova-outline{
    font-family:
        "Arial",
        Arial,
        sans-serif !important;color:transparent !important;-webkit-text-fill-color:transparent !important;-webkit-text-stroke:
        1.15px rgba(255,255,255,.88) !important;text-stroke:
        1.15px rgba(255,255,255,.88) !important;text-shadow:none !important;font-weight:700 !important;-webkit-font-smoothing:antialiased}
.zhova-services-hero{
    min-height:780px;display:grid;grid-template-columns:
        minmax(0,1fr)
        minmax(0,.88fr);align-items:center;gap:80px;padding:
        105px
        0
        95px}
.zhova-services-hero-copy{
    position:relative;z-index:3}
.zhova-services-eyebrow,
.zhova-services-section-label{
    font-family:var(--zhova-font);font-size:11px;font-weight:700;letter-spacing:.28em;color:
        var(--zs-gold-light);text-transform:uppercase}
.zhova-services-eyebrow{
    margin-bottom:34px;display:flex;align-items:center;gap:16px}
.zhova-services-eyebrow::before{
    content:"";width:42px;height:1px;background:
        linear-gradient(
            90deg,
            var(--zs-gold),
            transparent
        )}
.zhova-services-title{
    margin:0;max-width:820px;display:flex;flex-direction:column;gap:0;font-family:var(--zhova-font);font-size:
        clamp(58px,6.1vw,94px);line-height:.94;letter-spacing:-.055em;font-weight:700;color:#F7F6F2}
.zhova-services-title .zhova-outline{
    width:max-content}
.zhova-services-hero-copy > .zhova-services-lead{
    margin-top:40px}
.zhova-services-hero-actions{
    display:flex;align-items:center;gap:30px;margin-top:38px}
.zhova-services-primary-btn{
    min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:
        0
        8px
        0
        21px;color:#111111;background:
        linear-gradient(
            135deg,
            var(--zs-gold-light),
            var(--zs-gold)
        );text-decoration:none;font-family:var(--zhova-font);font-size:12px;font-weight:800;letter-spacing:.04em;transition:
        transform .3s ease,
        box-shadow .3s ease}
.zhova-services-primary-btn b{
    width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#111111;color:#ffffff;font-size:18px;font-weight:400}
.zhova-services-primary-btn:hover{
    transform:translateY(-3px);box-shadow:
        0 15px 45px rgba(212,175,55,.16)}
.zhova-services-text-link{
    display:inline-flex;align-items:center;gap:11px;color:#F7F6F2;font-family:var(--zhova-font);font-size:13px;font-weight:700;text-decoration:none;transition:
        color .25s ease,
        gap .25s ease}
.zhova-services-text-link span{
    color:var(--zs-gold-light);font-size:16px}
.zhova-services-text-link:hover{
    color:var(--zs-gold-light);gap:16px}
.zhova-services-hero-visual{
    position:relative;min-height:570px;display:flex;align-items:center;justify-content:center}
.zhova-services-image-frame{
    position:relative;width:min(
        100%,
        600px
    );aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.zhova-services-image-frame::before{
    content:"";position:absolute;inset:7%;border:
        1px solid
        rgba(212,175,55,.2);transform:
        rotate(7deg);transition:
        transform .7s cubic-bezier(.2,.8,.2,1)}
.zhova-services-image-frame::after{
    content:"";position:absolute;width:62%;height:62%;border-radius:50%;background:
        rgba(212,175,55,.12);filter:blur(70px);z-index:-1}
.zhova-services-image-frame img{
    position:relative;width:100%;height:100%;object-fit:contain;display:block;filter:
        drop-shadow(
            0 25px 45px rgba(0,0,0,.35)
        );transition:
        transform .7s cubic-bezier(.2,.8,.2,1)}
.zhova-services-image-frame:hover img{
    transform:
        scale(1.025)
        translateY(-6px)}
.zhova-services-image-frame:hover::before{
    transform:
        rotate(2deg)
        scale(1.02)}
.zhova-services-image-label{
    position:absolute;right:0;bottom:5%;padding:
        9px 13px;background:
        rgba(17,17,17,.9);border:
        1px solid
        rgba(212,175,55,.28);color:
        var(--zs-gold-light);font-family:var(--zhova-font);font-size:9px;font-weight:700;letter-spacing:.16em}
.zhova-services-intro-strip{
    min-height:70px;display:flex;align-items:center;justify-content:space-between;border-top:
        1px solid var(--zs-line);border-bottom:
        1px solid var(--zs-line);font-family:var(--zhova-font);font-size:10px;font-weight:700;letter-spacing:.2em;color:#85827A}
.zhova-services-intro-strip span{
    transition:
        color .25s ease}
.zhova-services-intro-strip span:hover{
    color:var(--zs-gold-light)}
.zhova-services-intro-strip i{
    width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:
        var(--zs-gold-soft);opacity:.75}
.zhova-services-section-head{
    display:grid;grid-template-columns:
        74px
        minmax(0,1fr);gap:28px;align-items:start;margin-bottom:52px}
.zhova-services-section-number{
    padding-top:4px;font-family:var(--zhova-font);font-size:13px;font-weight:700;letter-spacing:.14em;color:
        var(--zs-gold-light);position:relative}
.zhova-services-section-number::after{
    content:"";position:absolute;left:0;top:30px;width:34px;height:1px;background:
        var(--zs-gold)}
.zhova-services-section-label{
    margin-bottom:19px}
.zhova-services-section-title{
    margin:0;font-family:var(--zhova-font);font-size:
        clamp(42px,4.8vw,70px);line-height:.98;letter-spacing:-.055em;color:#F7F6F2;font-weight:700}
.zhova-services-do{
    padding:
        125px
        0
        130px}
/* =====================================================
   ZHOVA — WHAT WE DESIGN
   EDITORIAL MINIMAL TILE SYSTEM
===================================================== */
.zhova-services-do .zhova-services-grid {
    display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1px;margin-top: 48px;background: rgba(255,255,255,.09);border: 1px solid rgba(255,255,255,.09);overflow: hidden}
.zhova-services-do .zhova-service-card {
    position: relative;min-height: 330px;padding: 25px 27px 24px;display: flex;flex-direction: column;background: #101010;color: inherit;text-decoration: none;overflow: hidden;transition:
        background .45s ease,
        transform .45s cubic-bezier(.22,1,.36,1),
        box-shadow .45s ease}
.zhova-services-do .zhova-service-card::before {
    content: "";position: absolute;width: 260px;height: 260px;top: -150px;right: -130px;background: radial-gradient(
        circle,
        rgba(212,175,55,.075) 0%,
        rgba(212,175,55,.025) 35%,
        transparent 70%
    );opacity: 0;transition:
        opacity .6s ease,
        transform .7s cubic-bezier(.22,1,.36,1);pointer-events: none}
.zhova-services-do .zhova-service-card:hover::before {
    opacity: 1;transform: scale(1.15)}
.zhova-services-do .zhova-service-card::after {
    content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: var(--zs-gold);transform: scaleX(0);transform-origin: left;transition:
        transform .55s cubic-bezier(.22,1,.36,1)}
.zhova-services-do .zhova-service-card:hover::after {
    transform: scaleX(1)}
.zhova-services-do .zhova-service-card:hover {
    background: #141414;transform: translateY(-2px);box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.035)}
.zhova-services-do .zhova-service-card-top {
    position: relative;z-index: 2;display: flex;align-items: flex-start;justify-content: space-between}
.zhova-services-do .zhova-service-number {
    font-size: 18px;line-height: 1;font-weight: 500;letter-spacing: .08em;color: rgba(255,255,255,.78);transition:
        color .35s ease,
        transform .45s cubic-bezier(.22,1,.36,1)}
.zhova-services-do .zhova-service-card:hover
.zhova-service-number {
    color: var(--zs-gold-light);transform: translateX(2px)}
.zhova-services-do .zhova-service-arrow {
    width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(255,255,255,.12);border-radius: 50%;font-size: 15px;line-height: 1;color: rgba(255,255,255,.52);transition:
        color .35s ease,
        border-color .35s ease,
        transform .45s cubic-bezier(.22,1,.36,1),
        background .35s ease}
.zhova-services-do .zhova-service-card:hover
.zhova-service-arrow {
    color: var(--zs-gold-light);border-color: rgba(212,175,55,.45);background: rgba(212,175,55,.035);transform: translate(3px,-3px)}
.zhova-services-do .zhova-service-icon {
    position: relative;z-index: 2;width: 38px;height: 38px;margin-top: 42px;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(255,255,255,.11);color: rgba(255,255,255,.58);font-size: 17px;font-weight: 300;transition:
        color .4s ease,
        border-color .4s ease,
        background .4s ease,
        transform .5s cubic-bezier(.22,1,.36,1)}
.zhova-services-do .zhova-service-card:hover
.zhova-service-icon {
    color: var(--zs-gold-light);border-color: rgba(212,175,55,.42);background: rgba(212,175,55,.035);transform: rotate(7deg)}
.zhova-services-do .zhova-service-card h3 {
    position: relative;z-index: 2;margin: 20px 0 10px;font-size: clamp(19px, 1.35vw, 23px);line-height: 1.18;font-weight: 500;letter-spacing: -.025em;color: #fff}
.zhova-services-do .zhova-service-card p {
    position: relative;z-index: 2;max-width: 390px;margin: 0;font-size: 13.5px;line-height: 1.7;color: rgba(255,255,255,.49);transition:
        color .35s ease}
.zhova-services-do .zhova-service-card:hover p {
    color: rgba(255,255,255,.64)}
@media (max-width: 900px) {
    .zhova-services-do .zhova-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));margin-top: 40px;}
    .zhova-services-do .zhova-service-card {
        min-height: 320px;}
}
@media (max-width: 600px) {
    .zhova-services-do .zhova-services-grid {
        grid-template-columns: 1fr;margin-top: 32px;}
    .zhova-services-do .zhova-service-card {
        min-height: 285px;padding: 23px 22px;}
    .zhova-services-do .zhova-service-icon {
        margin-top: 36px;}
    .zhova-services-do .zhova-service-card h3 {
        font-size: 20px;}
}
.zhova-service-card::before{
    content:"";position:absolute;inset:0;background:
        linear-gradient(
            135deg,
            rgba(212,175,55,.08),
            transparent 42%
        );opacity:0;transition:
        opacity .35s ease;pointer-events:none}
.zhova-service-card:hover{
    background:
        #151514}
.zhova-service-card:hover::before{
    opacity:1}
.zhova-service-card-top{
    position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.zhova-service-number{
    font-family:var(--zhova-font);font-size:15px;font-weight:700;letter-spacing:.13em;color:
        var(--zs-gold-light)}
.zhova-service-arrow{
    width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:
        1px solid rgba(212,175,55,.28);color:
        var(--zs-gold-light);font-size:16px;transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease}
.zhova-service-card:hover .zhova-service-arrow{
    background:
        var(--zs-gold);color:#111111;transform:
        translate(2px,-2px)}
.zhova-service-icon{
    width:52px;height:52px;margin-top:42px;display:flex;align-items:center;justify-content:center;border:
        1px solid rgba(212,175,55,.34);background:
        rgba(212,175,55,.055);color:
        var(--zs-gold-light);transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease}
.zhova-service-icon svg{
    width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zhova-service-card:hover .zhova-service-icon{
    transform:
        translateY(-3px);background:
        rgba(212,175,55,.12);border-color:
        rgba(212,175,55,.65)}
.zhova-service-card h3{
    position:relative;z-index:2;margin:
        27px
        0
        13px;font-family:var(--zhova-font);font-size:22px;line-height:1.1;letter-spacing:-.025em;color:#F7F6F2}
.zhova-service-card p{
    position:relative;z-index:2;font-size:15px !important;line-height:1.75 !important;color:
        #A7A49D !important}
.zhova-service-link{
    position:relative;z-index:2;margin-top:auto;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:
        1px solid rgba(255,255,255,.08);color:
        #D8D5CC;font-family:var(--zhova-font);font-size:11px;font-weight:700;letter-spacing:.04em}
.zhova-service-link b{
    color:
        var(--zs-gold-light);font-size:16px;font-weight:400;transition:
        transform .25s ease}
.zhova-service-card:hover .zhova-service-link b{
    transform:
        translateX(4px)}
.zhova-service-card-featured{
    background:
        linear-gradient(
            145deg,
            #171612,
            #111111 65%
        )}
.zhova-service-card-featured::after{
    content:"";position:absolute;right:-55px;bottom:-85px;width:220px;height:220px;border:
        1px solid rgba(212,175,55,.18);transform:
        rotate(45deg)}
.zhova-service-card-featured-bg{
    position:absolute;right:-16px;top:85px;font-family:var(--zhova-font);font-size:120px;line-height:1;font-weight:700;color:transparent;-webkit-text-stroke:
        1px rgba(212,175,55,.055);pointer-events:none}
 .zhova-services-strategy{
    min-height:720px;display:grid;gap:90px;align-items:center;padding:
        115px 0;border-top:
        1px solid var(--zs-line);grid-template-columns:
        minmax(0,1fr)
        minmax(0,.9fr)}
.zhova-services-strategy-visual{
    display:flex;align-items:center;justify-content:center;order:1;min-width:0}
.zhova-services-strategy-image{
    position:relative;width:min(
        100%,
        620px
    );aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.zhova-services-strategy-image::before{
    content:"";position:absolute;inset:8%;border:
        1px solid rgba(255,255,255,.1);transform:
        rotate(-5deg)}
.zhova-services-strategy-image img{
    width:100%;height:100%;object-fit:contain;position:relative;display:block;filter:
        drop-shadow(
            0 28px 50px rgba(0,0,0,.3)
        )}
.zhova-services-image-index{
    position:absolute;left:2%;bottom:5%;padding:
        9px 13px;border:
        1px solid rgba(212,175,55,.25);background:
        rgba(17,17,17,.92);color:
        var(--zs-gold-light);font-family:var(--zhova-font);font-size:9px;font-weight:700;letter-spacing:.15em}
.zhova-services-strategy-copy{
    max-width:620px;order:2;min-width:0}
.zhova-services-strategy-copy .zhova-services-section-title{
    margin-bottom:35px}
.zhova-services-strategy-copy p + p{
    margin-top:19px}
.zhova-services-outline-btn{
    margin-top:38px;display:inline-flex;align-items:center;gap:28px;min-height:52px;padding:
        0 19px;border:
        1px solid rgba(212,175,55,.35);color:#F7F6F2;text-decoration:none;font-family:var(--zhova-font);font-size:11px;font-weight:700;transition:
        background .3s ease,
        border-color .3s ease,
        color .3s ease}
.zhova-services-outline-btn span{
    color:
        var(--zs-gold-light);font-size:17px}
.zhova-services-outline-btn:hover{
    background:
        rgba(212,175,55,.08);border-color:
        var(--zs-gold);color:
        var(--zs-gold-light)}
.zhova-services-solutions{
    position:relative;padding:
        90px 0 105px;overflow:hidden}
.zhova-services-section-head{
    display:flex;align-items:flex-start;gap:28px;margin-bottom:48px}
.zhova-services-section-number{
    flex-shrink:0;padding-top:6px;color:
        var(--zs-gold-light);font-family:var(--zhova-font);font-size:9px;font-weight:700;letter-spacing:.18em}
.zhova-services-section-label{
    margin-bottom:14px;color:
        var(--zs-gold-light);font-family:var(--zhova-font);font-size:9px;font-weight:700;letter-spacing:.2em}
.zhova-services-section-title{
    margin:0;color:#F7F6F2;font-family:var(--zhova-font);font-size:
        clamp(38px,4.5vw,66px);line-height:.98;font-weight:700;letter-spacing:-.05em}
.zhova-services-section-title .zhova-outline{
    color:transparent;-webkit-text-stroke:
        1px rgba(247,246,242,.48);transition:
        color .4s ease,
        -webkit-text-stroke-color .4s ease}
.zhova-solutions-grid{
    display:grid;grid-template-columns:
        repeat(2,minmax(0,1fr));gap:1px;border:
        1px solid rgba(247,246,242,.11);overflow:hidden}
.zhova-solution,
.zhova-solution:link,
.zhova-solution:visited,
.zhova-solution:hover,
.zhova-solution:active,
.zhova-solution:focus{
    color:#F7F6F2;text-decoration:none;outline:none}
.zhova-solution{
    position:relative;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;padding:
        27px 30px 28px;background:
        #111111;overflow:hidden;transition:
        background .35s ease}
.zhova-solution::before{
    content:"";position:absolute;top:-100px;right:-100px;width:220px;height:220px;border-radius:50%;background:
        radial-gradient(
            circle,
              rgba(212,175,55,.12),
    transparent 68%
        );opacity:0;transition:
        opacity .45s ease}
.zhova-solution::after{
    content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:
        var(--zs-gold-light);transform:
        scaleX(0);transform-origin:left;opacity:.65;transition:
        transform .45s ease}
.zhova-solution > span{
    display:flex;align-items:center;gap:8px;margin-bottom:32px;color:
        rgba(247,246,242,.38);font-family:var(--zhova-font);font-size:8px;font-weight:700;letter-spacing:.18em;transition:
        color .3s ease}
.zhova-solution > span::before{
    content:"";width:4px;height:4px;border:
        1px solid var(--zs-gold-light);border-radius:50%;transition:
        background .3s ease}
.zhova-solution > strong{
    display:block;margin:0;color:#F7F6F2;font-family:var(--zhova-font);font-size:
        clamp(18px,1.7vw,23px);line-height:1.15;font-weight:600;letter-spacing:-.025em;transition:
        color .3s ease,
        transform .35s ease}
.zhova-solution > small{
    display:block;max-width:390px;margin-top:11px;color:
        rgba(247,246,242,.48);font-family:var(--zhova-font);font-size:10.5px;line-height:1.65;font-weight:400;transition:
        color .3s ease}
.zhova-solution > b{
    position:absolute;right:27px;bottom:25px;color:
        rgba(212,175,55,.7);font-family:
        Arial,
        sans-serif;font-size:17px;font-weight:400;line-height:1;transition:
        transform .35s ease,
        color .3s ease}
.zhova-solution:hover{
    background:
        #141414}
.zhova-solution:hover::before{
    opacity:1}
.zhova-solution:hover::after{
    transform:
        scaleX(1)}
.zhova-solution:hover > span{
    color:
        var(--zs-gold-light)}
.zhova-solution:hover > span::before{
    background:
        var(--zs-gold-light)}
.zhova-solution:hover > strong{
    color:
        var(--zs-gold-light);transform:
        translateX(3px)}
.zhova-solution:hover > small{
    color:
        rgba(247,246,242,.64)}
.zhova-solution:hover > b{
    color:
        var(--zs-gold-light);transform:
        translate(3px,-3px)}
.zhova-solutions-grid .zhova-solution:last-child{
    grid-column:
        1 / -1;min-height:100px}
.zhova-solution:focus-visible{
    outline:
        1px solid var(--zs-gold-light);outline-offset:
        -1px}
@media (max-width:800px){
    .zhova-services-solutions{
        padding:
            75px 0 85px;}
    .zhova-solutions-grid{
        grid-template-columns:
            1fr;}
    .zhova-solutions-grid .zhova-solution:last-child{
        grid-column:
            auto;}
}
@media (max-width:520px){
    .zhova-services-section-head{
        gap:18px;margin-bottom:38px;}
    .zhova-services-section-title{
        font-size:
            clamp(34px,10vw,48px);}
    .zhova-solution{
        min-height:175px;padding:
            24px 22px;}
    .zhova-solution > span{
        margin-bottom:28px;}
    .zhova-solution > strong{
        font-size:19px;}
    .zhova-solution > small{
        font-size:10px;}
    .zhova-solution > b{
        right:21px;bottom:22px;}
}
.zhova-services-seo-hub{
    display:grid;grid-template-columns:
        .72fr
        1.28fr;gap:90px;padding:
        115px 0;border-top:
        1px solid var(--zs-line);border-bottom:
        1px solid var(--zs-line)}
.zhova-services-seo-links{
    display:grid;grid-template-columns:
        repeat(2,minmax(0,1fr));gap:0 35px}
.zhova-services-seo-links a{
    min-height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:
        1px solid var(--zs-line-soft);color:
        #C7C4BC;font-family:var(--zhova-font);font-size:14px;font-weight:600;text-decoration:none;transition:
        color .25s ease,
        padding .25s ease}
.zhova-services-seo-links a span{
    color:
        var(--zs-gold-light);font-size:17px}
.zhova-services-seo-links a:hover{
    padding-left:7px;color:
        var(--zs-gold-light)}
.zhova-services-faq{
    padding:
        120px 0}
.zhova-faq-list{
    border-top:
        1px solid var(--zs-line)}
.zhova-faq-list details{
    border-bottom:
        1px solid var(--zs-line)}
.zhova-faq-list summary{
    min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer;list-style:none;color:#F1EFE8;font-family:var(--zhova-font);font-size:
        clamp(17px,1.5vw,21px);font-weight:600}
.zhova-faq-list summary::-webkit-details-marker{
    display:none}
.zhova-faq-list summary span{
    width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;border:
        1px solid rgba(212,175,55,.3);color:
        var(--zs-gold-light);font-family:var(--zhova-font);font-size:17px;font-weight:400;transition:
        transform .3s ease,
        background .3s ease}
.zhova-faq-list details[open] summary span{
    transform:
        rotate(45deg);background:
        rgba(212,175,55,.08)}
.zhova-faq-list details p{
    max-width:900px;padding:
        0 70px 28px 0;font-size:16px !important;color:#97958F !important}
.zhova-services-build{
    position:relative;padding:
        105px 0
        110px;text-align:center;border-top:
        1px solid var(--zs-line)}
.zhova-services-build::before{
    content:"";position:absolute;left:50%;top:50%;width:460px;height:460px;transform:
        translate(-50%,-50%);background:
        radial-gradient(
            circle,
            rgba(212,175,55,.08),
            transparent 68%
        );filter:blur(25px);pointer-events:none}
.zhova-services-build-top{
    position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:15px;font-family:var(--zhova-font);font-size:10px;font-weight:700;letter-spacing:.22em;color:#77756F}
.zhova-services-build-top > span:first-child{
    color:
        var(--zs-gold-light);font-family:var(--zhova-font);font-size:14px;letter-spacing:.12em}
.zhova-build-icon{
    width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin:
        0 5px;border:
        1px solid rgba(212,175,55,.32);background:
        rgba(212,175,55,.045);transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease}
.zhova-build-icon img{
    width:38px;height:38px;display:block;object-fit:contain}
.zhova-services-build:hover .zhova-build-icon{
    transform:
        translateY(-3px);border-color:
        rgba(212,175,55,.65);background:
        rgba(212,175,55,.09)}
.zhova-services-build h2{
    position:relative;z-index:2;max-width:900px;margin:
        45px auto
        25px;font-family:var(--zhova-font);font-size:
        clamp(48px,6vw,86px);line-height:.95;letter-spacing:-.06em;color:#F7F6F2}
.zhova-services-build p{
    position:relative;z-index:2;max-width:650px;margin-inline:auto;font-size:17px !important;line-height:1.75 !important;color:#98958E !important}
.zhova-services-build-btn{
    position:relative;z-index:2;margin-top:36px;display:inline-flex;align-items:center;gap:30px;min-height:57px;padding:
        0 10px
        0 22px;background:
        var(--zs-gold);color:#111111;text-decoration:none;font-family:var(--zhova-font);font-size:12px;font-weight:800;letter-spacing:.04em}
.zhova-services-build-btn span{
    width:39px;height:39px;display:flex;align-items:center;justify-content:center;background:#111111;color:#ffffff;font-size:18px;font-weight:400}
.zhova-services-bottom-nav{
    min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:
        1px solid var(--zs-line);font-family:var(--zhova-font);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.zhova-services-bottom-nav a{
    color:#68665F;text-decoration:none;transition:
        color .25s ease}
.zhova-services-bottom-nav a:first-child{
    color:
        var(--zs-gold-light)}
.zhova-services-bottom-nav a:hover{
    color:#F7F6F2}
@media (max-width:1100px){
    .zhova-services-container{
        width:
            min(
                calc(100% - 40px),
                1360px
            );}
    .zhova-services-hero{
        grid-template-columns:1fr 1fr;gap:45px;min-height:700px;}
    .zhova-services-title{
        font-size:
            clamp(54px,7vw,76px);}
    .zhova-services-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));}
    .zhova-services-strategy{
        gap:50px;}
    .zhova-services-seo-hub{
        gap:50px;}
}
@media (max-width:680px){
    .zhova-services-container{
        width:
            calc(100% - 32px);}
    #zhova-services p{
        font-size:15px;line-height:1.8;}
    .zhova-services-hero{
        min-height:auto;grid-template-columns:1fr;gap:25px;padding:
            75px
            0
            70px;}
    .zhova-services-eyebrow{
        margin-bottom:25px;font-size:9px;letter-spacing:.2em;}
    .zhova-services-title{
        font-size:
            clamp(47px,14vw,67px);line-height:.94;}
    .zhova-services-hero-copy > .zhova-services-lead{
        margin-top:28px;}
    .zhova-services-lead{
        font-size:16px !important;line-height:1.75 !important;}
    .zhova-services-hero-actions{
        align-items:flex-start;flex-direction:column;gap:22px;margin-top:30px;}
    .zhova-services-hero-visual{
        min-height:auto;margin-top:10px;}
    .zhova-services-image-frame{
        width:
            min(
                100%,
                470px
            );}
    .zhova-services-image-label{
        right:2%;bottom:2%;font-size:7px;}
    .zhova-services-intro-strip{
        min-height:auto;padding:
            18px 0;flex-wrap:wrap;justify-content:center;gap:10px 14px;font-size:8px;letter-spacing:.13em;}
    .zhova-services-intro-strip i{
        width:3px;height:3px;}
    .zhova-services-do{
        padding:
            85px 0
            90px;}
    .zhova-services-section-head{
        grid-template-columns:
            45px
            minmax(0,1fr);gap:15px;margin-bottom:35px;}
    .zhova-services-section-number{
        font-size:11px;}
    .zhova-services-section-title{
        font-size:
            clamp(40px,12vw,57px);}
    .zhova-services-section-label{
        font-size:9px;letter-spacing:.18em;margin-bottom:15px;}
    .zhova-services-grid{
        grid-template-columns:1fr;}
    .zhova-service-card{
        min-height:350px;padding:
            26px 23px 24px;}
    .zhova-service-number{
        font-size:14px;}
    .zhova-service-icon{
        margin-top:32px;width:49px;height:49px;}
    .zhova-service-card h3{
        font-size:21px;margin-top:23px;}
    .zhova-service-card p{
        font-size:15px !important;}
    .zhova-services-strategy{
        grid-template-columns:1fr;gap:55px;padding:
            85px 0
            90px;}
    .zhova-services-strategy-copy{
        max-width:none;}
    .zhova-services-large-copy{
        font-size:20px !important;}
    .zhova-services-strategy-image{
        width:100%;}
    .zhova-services-solutions{
        padding:
            85px 0
            90px;}
    .zhova-solutions-grid{
        grid-template-columns:1fr;}
    .zhova-solution{
        min-height:165px;padding:
            25px 20px;}
    .zhova-solution strong{
        font-size:19px;}
    .zhova-solution small{
        font-size:13px;}
    .zhova-services-seo-hub{
        grid-template-columns:1fr;gap:35px;padding:
            85px 0;}
    .zhova-services-seo-links{
        grid-template-columns:1fr;gap:0;}
    .zhova-services-seo-links a{
        min-height:60px;font-size:13px;}
    .zhova-services-faq{
        padding:
            85px 0
            90px;}
    .zhova-faq-list summary{
        min-height:78px;font-size:17px;line-height:1.4;}
    .zhova-faq-list details p{
        padding:
            0
            0
            25px;font-size:15px !important;}
    .zhova-services-build{
        padding:
            80px 0
            85px;}
    .zhova-services-build-top{
        font-size:8px;letter-spacing:.14em;}
    .zhova-build-icon{
        width:47px;height:47px;}
    .zhova-build-icon img{
        width:33px;height:33px;}
    .zhova-services-build h2{
        margin-top:35px;font-size:
            clamp(45px,13vw,65px);}
    .zhova-services-build p{
        font-size:15px !important;}
    .zhova-services-bottom-nav{
        min-height:auto;padding:
            23px 0;gap:17px 25px;}
}
@media (max-width:390px){
    .zhova-services-container{
        width:
            calc(100% - 24px);}
    .zhova-services-title{
        font-size:45px;}
    .zhova-services-section-title{
        font-size:39px;}
    .zhova-service-card{
        min-height:365px;}
    .zhova-services-build h2{
        font-size:43px;}
}
@media (prefers-reduced-motion:reduce){
    #zhova-services *,
    #zhova-services *::before,
    #zhova-services *::after{
        animation:none !important;transition:none !important;}
}

/* =========================================================
   ZHOVA SERVICES — HERO CTA UPGRADE
   Add this AFTER the existing Services CSS
   ========================================================= */
#zhova-services .zhova-services-hero-actions{
    display:flex;align-items:center;gap:14px;margin-top:34px}
#zhova-services .zhova-services-btn{
    position:relative;min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 9px 0 22px;color:#111111;background:linear-gradient(
        135deg,
        #D8C28A 0%,
        #CDB574 48%,
        #D8C28A 100%
    );border:1px solid rgba(229,199,102,.35);border-radius:2px;font-family:var(--zhova-font);font-size:12px;font-weight:800;letter-spacing:.045em;text-decoration:none;overflow:hidden;isolation:isolate;box-shadow:
        0 8px 30px rgba(201,162,91,.08);transition:
        transform .45s cubic-bezier(.16,.8,.24,1),
        box-shadow .45s ease,
        background .45s ease}
#zhova-services .zhova-services-btn::before{
    content:"";position:absolute;inset:0;background:
        linear-gradient(
            105deg,
            transparent 20%,
            rgba(255,255,255,.28) 48%,
            transparent 72%
        );transform:translateX(-120%);transition:
        transform .7s cubic-bezier(.16,.8,.24,1);pointer-events:none;z-index:-1}
#zhova-services .zhova-services-btn span{
    width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#111111;color:#F7F6F2;font-size:17px;font-weight:400;transition:
        transform .45s cubic-bezier(.16,.8,.24,1),
        background .35s ease}
#zhova-services .zhova-services-btn:hover{
    transform:translateY(-4px);background:linear-gradient(
        135deg,
        #E0CC98,
        #D2BC7D
    );box-shadow:
        0 18px 50px rgba(201,162,91,.14)}
#zhova-services .zhova-services-btn:hover::before{
    transform:translateX(120%)}
#zhova-services .zhova-services-btn:hover span{
    transform:rotate(45deg);background:#171717}
#zhova-services .zhova-services-text-link{
    position:relative;min-height:56px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:13px;color:rgba(247,246,242,.82);border:1px solid rgba(247,246,242,.18);border-radius:2px;font-family:var(--zhova-font);font-size:12px;font-weight:700;letter-spacing:.035em;text-decoration:none;background:rgba(255,255,255,.015);transition:
        color .35s ease,
        border-color .35s ease,
        background .35s ease,
        transform .45s cubic-bezier(.16,.8,.24,1),
        gap .35s ease}
#zhova-services .zhova-services-text-link::before{
    content:"";position:absolute;inset:0;background:
        linear-gradient(
            135deg,
            rgba(212,175,55,.10),
            transparent 60%
        );opacity:0;transition:opacity .35s ease}
#zhova-services .zhova-services-text-link span{
    position:relative;color:#D8C58F;font-size:16px;transition:
        transform .35s cubic-bezier(.16,.8,.24,1)}
#zhova-services .zhova-services-text-link:hover{
    color:#F7F6F2;border-color:rgba(212,175,55,.42);background:rgba(212,175,55,.035);transform:translateY(-3px);gap:17px}
#zhova-services .zhova-services-text-link:hover::before{
    opacity:1}
#zhova-services .zhova-services-text-link:hover span{
    transform:translateX(3px)}
@media (max-width:600px){
    #zhova-services .zhova-services-hero-actions{
        width:100%;flex-direction:column;align-items:stretch;gap:10px;}
    #zhova-services .zhova-services-btn,
    #zhova-services .zhova-services-text-link{
        width:100%;justify-content:space-between;}
    #zhova-services .zhova-services-text-link{
        justify-content:center;}
}
/* =========================================================
   ZHOVA SERVICES — FINAL POLISH
   Typography + Softer Gold + Cleaner Visuals
   ========================================================= */
#zhova-services,
#zhova-services *,
#zhova-services *::before,
#zhova-services *::after {
    box-sizing: border-box}
#zhova-services {
    font-family:var(--zhova-font);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}
#zhova-services h1,
#zhova-services h2,
#zhova-services h3,
#zhova-services 
#zhova-services .zhova-services-section-number,
#zhova-services .zhova-service-number {
    font-family:var(--zhova-font)}
#zhova-services p,
#zhova-services a,
#zhova-services span {
    font-family:var(--zhova-font)}
#zhova-services .zhova-services-title {
    font-family:var(--zhova-font);font-weight: 700;letter-spacing: -0.045em;line-height: .94;text-wrap: balance}
#zhova-services .zhova-services-section-title {
    font-family:var(--zhova-font);font-weight: 700;letter-spacing: -0.045em;line-height: .98;text-wrap: balance}
#zhova-services .zhova-services-large-copy {
    font-family:var(--zhova-font) !important;font-weight: 500;letter-spacing: -0.02em}
#zhova-services p {
    font-family:var(--zhova-font);font-weight: 400;letter-spacing: -0.005em}
#zhova-services .zhova-services-lead {
    font-family:var(--zhova-font) !important;font-weight: 400;letter-spacing: -0.01em}
#zhova-services {
    --zs-gold: #D4AF37;--zs-gold-light: #DCC77A;--zs-gold-soft: #BFA96A;--zs-gold-faint: rgba(212,175,55,.08);--zs-gold-glow: rgba(212,175,55,.075);--zs-gold-line: rgba(212,175,55,.16)}
#zhova-services .zhova-services-image-frame {
    position: relative;isolation: isolate}
#zhova-services .zhova-services-image-frame::before {
    border-color:
        rgba(212,175,55,.12);transition:
        transform .7s cubic-bezier(.2,.8,.2,1),
        border-color .4s ease}
#zhova-services .zhova-services-image-frame::after {
    width: 58%;height: 58%;background:
        radial-gradient(
            circle,
            rgba(212,175,55,.075) 0%,
            rgba(212,175,55,.035) 38%,
            transparent 72%
        );filter: blur(75px);opacity: .75;z-index: -1;pointer-events: none}
#zhova-services .zhova-services-image-frame img {
    filter:
        drop-shadow(
            0 25px 45px rgba(0,0,0,.32)
        );transition:
        transform .7s cubic-bezier(.2,.8,.2,1),
        filter .5s ease}
#zhova-services .zhova-services-image-frame:hover img {
    transform:
        scale(1.02)
        translateY(-5px);filter:
        drop-shadow(
            0 28px 50px rgba(0,0,0,.36)
        )}
#zhova-services .zhova-services-image-label {
    background:
        rgba(17,17,17,.88);border-color:
        rgba(212,175,55,.16);color:
        rgba(220,199,122,.82);font-family:var(--zhova-font);font-weight: 600}
#zhova-services .zhova-services-grid {
    grid-template-columns:
        repeat(3, minmax(0, 1fr));gap: 1px;background:
        rgba(255,255,255,.075);border-color:
        rgba(255,255,255,.075)}
#zhova-services .zhova-service-card {
    min-height: 330px;padding:
        25px 27px 24px;background:
        #101010;transition:
        background .35s ease,
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease}
#zhova-services .zhova-service-card:hover {
    background:
        #131313;transform:
        translateY(-2px);box-shadow:
        0 18px 45px rgba(0,0,0,.20)}
#zhova-services .zhova-service-card::before {
    background:
        radial-gradient(
            circle at 15% 15%,
            rgba(212,175,55,.055),
            transparent 42%
        );opacity: 0;transition:
        opacity .4s ease}
#zhova-services .zhova-service-card:hover::before {
    opacity: 1}
#zhova-services .zhova-service-number {
    font-family:var(--zhova-font);font-size: 18px;font-weight: 600;letter-spacing: .08em;color:
        rgba(247,246,242,.78)}
#zhova-services .zhova-service-arrow {
    width: 30px;height: 30px;border:
        1px solid rgba(212,175,55,.18);color:
        rgba(220,199,122,.78);background:
        transparent;transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease}
#zhova-services .zhova-service-card:hover
.zhova-service-arrow {
    background:
        rgba(212,175,55,.82);border-color:
        rgba(212,175,55,.82);color:
        #111;transform:
        translate(2px,-2px)}
#zhova-services .zhova-service-icon {
    width: 48px;height: 48px;margin-top: 40px;border:
        1px solid rgba(212,175,55,.20);background:
        rgba(212,175,55,.035);color:
        rgba(220,199,122,.78);transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease}
#zhova-services .zhova-service-card:hover
.zhova-service-icon {
    background:
        rgba(212,175,55,.065);border-color:
        rgba(212,175,55,.35);transform:
        translateY(-3px)}
#zhova-services .zhova-service-card h3 {
    font-family:var(--zhova-font);font-size: 21px;font-weight: 600;line-height: 1.12;letter-spacing: -.025em;margin:
        20px 0 9px;color:
        #F7F6F2}
#zhova-services .zhova-service-card p {
    font-family:var(--zhova-font) !important;font-size: 13.5px !important;font-weight: 400;line-height: 1.72 !important;color:
        rgba(167,164,157,.82) !important;max-width: 38em}
@media (max-width: 1024px) {
    #zhova-services .zhova-services-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));}
    #zhova-services .zhova-service-card {
        min-height: 315px;}
}
@media (max-width: 680px) {
    #zhova-services .zhova-services-grid {
        grid-template-columns: 1fr}
    #zhova-services .zhova-service-card {
        min-height: 285px;padding:
            24px 22px 23px}
    #zhova-services .zhova-service-icon {
        margin-top: 30px}
    #zhova-services .zhova-service-card h3 {
        font-size: 20px;margin-top: 19px}
    #zhova-services .zhova-service-card p {
        font-size: 13.5px !important}
}
@media (prefers-reduced-motion: reduce) {
    #zhova-services *,
    #zhova-services *::before,
    #zhova-services *::after {
        transition: none !important;animation: none !important;}
}
/* =========================================================
   ZHOVA HERO — SOLID TEXT STABLE RENDER
   ========================================================= */
/* =========================================================
   ZHOVA HERO — FINAL FONT STABILITY FIX
   ========================================================= */
#zhova-hero .zhova-line-2 {
    font-family:var(--zhova-outline-font) !important;line-height: .82 !important}
#zhova-hero .zhova-line-2 .zhova-solid {
    display: block !important;font-family:var(--zhova-font) !important;font-size: clamp(67px, 8.2vw, 158px) !important;font-weight: 800 !important;font-style: normal !important;line-height: .82 !important;letter-spacing: -0.055em !important;font-stretch: normal !important;font-synthesis: none !important;white-space: nowrap !important;text-rendering: optimizeSpeed !important;transition: none !important;animation: none !important;transform: none !important}
/* =========================================================
   ZHOVA UI/UX DESIGN PAGE — PAGE-SPECIFIC CSS
   Appended only. Existing ZHOVA CSS above remains untouched.
   ========================================================= */
#zhova-uiux{--uiux-black:#080808;--uiux-surface:#101010;--uiux-surface-2:#151515;--uiux-line:rgba(255,255,255,.12);--uiux-muted:rgba(255,255,255,.62);--uiux-gold:#d5b36a;--uiux-white:#fff;position:relative;overflow:hidden;background:var(--uiux-black);color:var(--uiux-white)}
#zhova-uiux a{color:inherit;text-decoration:none}
#zhova-uiux img{display:block;width:100%;height:auto}
.uiux-container{width:min(1200px,88%);margin:0 auto}
.uiux-section{position:relative;padding:clamp(90px,10vw,160px) 0}
.uiux-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--uiux-gold);font-family:var(--zhova-font);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.uiux-eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.uiux-title{margin:0;font-family:var(--zhova-font);font-weight:700;letter-spacing:-.045em;line-height:.95}
.uiux-title-xl{font-size:clamp(52px,7vw,105px)}
.uiux-title-lg{font-size:clamp(42px,5vw,76px)}
.uiux-title-md{font-size:clamp(27px,3vw,43px)}
.uiux-copy{max-width:680px;margin-top:28px;color:var(--uiux-muted);font-family:var(--zhova-font);font-size:clamp(16px,1.4vw,19px);line-height:1.8}
.uiux-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.uiux-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border:1px solid rgba(255,255,255,.2);font-family:var(--zhova-font);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:.3s ease}
.uiux-btn-primary{border-color:var(--uiux-gold);background:var(--uiux-gold);color:#080808!important}
.uiux-btn:hover{transform:translateY(-3px)}
.uiux-btn-secondary:hover{border-color:var(--uiux-gold);color:var(--uiux-gold)}
.uiux-hero{min-height:min(900px,100vh);display:flex;align-items:center;padding:150px 0 100px}
.uiux-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:clamp(50px,7vw,110px);align-items:center}
.uiux-hero-copy{position:relative;z-index:2}
.uiux-hero h1{max-width:850px}
.uiux-hero h1 span{color:var(--uiux-gold)}
.uiux-hero-media{position:relative}
.uiux-hero-media::before{content:"";position:absolute;inset:10% -10% -10% 10%;background:radial-gradient(circle,rgba(213,179,106,.18),transparent 65%);filter:blur(25px);pointer-events:none}
.uiux-hero-media img{position:relative;z-index:1;border:1px solid var(--uiux-line);background:#0d0d0d}
.uiux-answer{max-width:820px;margin-top:45px;padding:25px 28px;border-left:2px solid var(--uiux-gold);background:rgba(255,255,255,.025)}
.uiux-answer p{margin:0;color:rgba(255,255,255,.78);font-family:var(--zhova-font);font-size:16px;line-height:1.75}
.uiux-proof{border-top:1px solid var(--uiux-line);border-bottom:1px solid var(--uiux-line)}
.uiux-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.uiux-proof-item{min-height:150px;padding:35px 25px;border-right:1px solid var(--uiux-line)}
.uiux-proof-item:first-child{border-left:1px solid var(--uiux-line)}
.uiux-proof-number{display:block;margin-bottom:15px;color:var(--uiux-gold);font-family:var(--zhova-font);font-size:27px}
.uiux-proof-item strong{display:block;font-family:var(--zhova-font);font-size:14px}
.uiux-proof-item p{margin:8px 0 0;color:var(--uiux-muted);font-family:var(--zhova-font);font-size:13px;line-height:1.6}
.uiux-two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,9vw,140px);align-items:start}
.uiux-sticky-title{position:sticky;top:120px}
.uiux-text-block{color:var(--uiux-muted);font-family:var(--zhova-font);font-size:17px;line-height:1.9}
.uiux-text-block p{margin:0 0 25px}
.uiux-text-block strong{color:var(--uiux-white)}
.uiux-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:65px;background:var(--uiux-line)}
.uiux-card{min-height:260px;padding:35px;background:var(--uiux-surface);transition:background .3s ease,transform .3s ease}
.uiux-card:hover{background:var(--uiux-surface-2);transform:translateY(-4px)}
.uiux-card-index{display:block;margin-bottom:55px;color:var(--uiux-gold);font-family:var(--zhova-font);font-size:11px;letter-spacing:.12em}
.uiux-card h3{margin:0 0 14px;font-family:var(--zhova-font);font-size:25px;letter-spacing:-.025em}
.uiux-card p{margin:0;color:var(--uiux-muted);font-family:var(--zhova-font);font-size:14px;line-height:1.75}
.uiux-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:60px;background:var(--uiux-line)}
.uiux-service{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:35px;background:var(--uiux-surface)}
.uiux-service-number{color:var(--uiux-gold);font-family:var(--zhova-font);font-size:23px}
.uiux-service h3{margin:0 0 10px;font-family:var(--zhova-font);font-size:24px}
.uiux-service p{margin:0;color:var(--uiux-muted);font-family:var(--zhova-font);font-size:14px;line-height:1.75}
.uiux-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px);align-items:center}
.uiux-feature.reverse .uiux-feature-media{order:2}
.uiux-feature-media{border:1px solid var(--uiux-line);overflow:hidden}
.uiux-feature-content ul{margin:35px 0 0;padding:0;list-style:none}
.uiux-feature-content li{position:relative;padding:16px 0 16px 27px;border-bottom:1px solid var(--uiux-line);color:rgba(255,255,255,.78);font-family:var(--zhova-font);font-size:14px;line-height:1.65}
.uiux-feature-content li::before{content:"↗";position:absolute;left:0;color:var(--uiux-gold)}
.uiux-process{margin-top:65px;border-top:1px solid var(--uiux-line)}
.uiux-process-item{display:grid;grid-template-columns:90px 280px 1fr;gap:30px;padding:35px 0;border-bottom:1px solid var(--uiux-line);align-items:start}
.uiux-process-num{color:var(--uiux-gold);font-family:var(--zhova-font);font-size:26px}
.uiux-process-item h3{margin:0;font-family:var(--zhova-font);font-size:25px}
.uiux-process-item p{margin:0;max-width:600px;color:var(--uiux-muted);font-family:var(--zhova-font);font-size:14px;line-height:1.8}
.uiux-links{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:60px;background:var(--uiux-line)}
.uiux-link-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 30px;background:var(--uiux-surface);font-family:var(--zhova-font);transition:.3s ease}
.uiux-link-card:hover{background:var(--uiux-surface-2);color:var(--uiux-gold)}
.uiux-link-card span:first-child{font-size:15px;font-weight:700}
.uiux-link-card span:last-child{color:var(--uiux-gold)}
.uiux-faq{margin-top:60px;border-top:1px solid var(--uiux-line)}
.uiux-faq details{border-bottom:1px solid var(--uiux-line)}
.uiux-faq summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 0;cursor:pointer;list-style:none;font-family:var(--zhova-font);font-size:clamp(19px,2vw,25px)}
.uiux-faq summary::-webkit-details-marker{display:none}
.uiux-faq summary::after{content:"+";color:var(--uiux-gold);font-family:var(--zhova-font);font-size:24px;font-weight:300}
.uiux-faq details[open] summary::after{content:"−"}
.uiux-faq-answer{max-width:800px;padding:0 0 30px;color:var(--uiux-muted);font-family:var(--zhova-font);font-size:15px;line-height:1.85}
.uiux-faq-answer a{color:var(--uiux-gold)}
.uiux-cta{position:relative;padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--uiux-line);text-align:center;overflow:hidden}
.uiux-cta::before{content:"";position:absolute;width:600px;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(213,179,106,.13),transparent 65%);pointer-events:none}
.uiux-cta-inner{position:relative;z-index:1}
.uiux-cta .uiux-copy{margin-left:auto;margin-right:auto}
@media (max-width:900px){.uiux-hero-grid,.uiux-two-col,.uiux-feature{grid-template-columns:1fr}.uiux-feature.reverse .uiux-feature-media{order:0}.uiux-sticky-title{position:static}.uiux-proof-grid{grid-template-columns:repeat(2,1fr)}.uiux-card-grid{grid-template-columns:repeat(2,1fr)}.uiux-process-item{grid-template-columns:60px 1fr}.uiux-process-item p{grid-column:2}}
@media (max-width:650px){.uiux-container{width:90%}.uiux-section{padding:80px 0}.uiux-hero{min-height:auto;padding:120px 0 75px}.uiux-hero-grid{gap:50px}.uiux-proof-grid,.uiux-card-grid,.uiux-services-grid,.uiux-links{grid-template-columns:1fr}.uiux-proof-item{border-left:1px solid var(--uiux-line);border-bottom:1px solid var(--uiux-line)}.uiux-card{min-height:auto}.uiux-card-index{margin-bottom:35px}.uiux-process-item{grid-template-columns:50px 1fr;gap:15px}.uiux-process-item p{grid-column:2}.uiux-btns{width:100%}.uiux-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.uiux-card,.uiux-btn,.uiux-link-card{transition:none!important}}
/* =========================================================
   ZHOVA UI/UX — SPACING & CONTENT WIDTH OPTIMIZATION
   Existing styles remain intact; these are final layout overrides.
   ========================================================= */
#zhova-uiux .uiux-container{
  width:min(1360px, calc(100% - 48px));max-width:1360px}
#zhova-uiux .uiux-section{
  padding:clamp(64px, 6vw, 96px) 0}
#zhova-uiux .uiux-hero{
  min-height:min(820px, 100vh);padding:120px 0 72px}
#zhova-uiux .uiux-hero-grid{
  gap:clamp(45px, 5.5vw, 82px)}
#zhova-uiux .uiux-answer{
  margin-top:32px;padding:21px 25px}
#zhova-uiux .uiux-copy{
  margin-top:22px}
#zhova-uiux .uiux-btns{
  margin-top:28px}
#zhova-uiux .uiux-two-col{
  gap:clamp(45px, 6vw, 95px)}
#zhova-uiux .uiux-card-grid{
  margin-top:44px}
#zhova-uiux .uiux-services-grid{
  margin-top:44px}
#zhova-uiux .uiux-feature{
  gap:clamp(45px, 6vw, 90px)}
#zhova-uiux .uiux-feature-content ul{
  margin-top:25px}
#zhova-uiux .uiux-process{
  margin-top:44px}
#zhova-uiux .uiux-process-item{
  padding:27px 0}
#zhova-uiux .uiux-links{
  margin-top:44px}
#zhova-uiux .uiux-faq{
  margin-top:44px}
#zhova-uiux .uiux-cta{
  padding:80px 0}
#zhova-uiux .uiux-cta .uiux-btns{
  justify-content:center;align-items:center}
#zhova-uiux .uiux-cta .uiux-btn{
  min-width:190px}
@media (max-width:900px){
  #zhova-uiux .uiux-container{
    width:min(1360px, calc(100% - 40px))}
  #zhova-uiux .uiux-section{
    padding:60px 0}
  #zhova-uiux .uiux-hero{
    padding:105px 0 60px}
}
@media (max-width:650px){
  #zhova-uiux .uiux-container{
    width:90%}
  #zhova-uiux .uiux-section{
    padding:52px 0}
  #zhova-uiux .uiux-hero{
    padding:100px 0 52px}
  #zhova-uiux .uiux-hero-grid{
    gap:38px}
  #zhova-uiux .uiux-copy{
    margin-top:18px}
  #zhova-uiux .uiux-btns{
    margin-top:22px}
  #zhova-uiux .uiux-answer{
    margin-top:25px}
  #zhova-uiux .uiux-card-grid,
  #zhova-uiux .uiux-services-grid,
  #zhova-uiux .uiux-links,
  #zhova-uiux .uiux-faq,
  #zhova-uiux .uiux-process{
    margin-top:32px}
  #zhova-uiux .uiux-cta{
    padding:60px 0}
  #zhova-uiux .uiux-cta .uiux-btns{
    justify-content:center}
}
/* =========================================================
   ZHOVA UI/UX — TYPOGRAPHY + SELECTED WORK ALIGNMENT
   Uses the existing ZHOVA heading fonts: Bricolage Grotesque
   for solid type and Arial for outline type.
   ========================================================= */
#zhova-uiux .uiux-title {
  font-family:var(--zhova-font)}
#zhova-uiux .uiux-outline {
  font-family:var(--zhova-outline-font) !important;color:transparent !important;-webkit-text-fill-color:transparent !important;-webkit-text-stroke:1.15px rgba(255,255,255,.88) !important;text-stroke:1.15px rgba(255,255,255,.88) !important;text-shadow:none !important;font-weight:700 !important;-webkit-font-smoothing:antialiased}
#zhova-uiux .uiux-cta .uiux-eyebrow {
  justify-content:center}
#zhova-uiux .uiux-selected-work {
  text-align:center}
#zhova-uiux .uiux-selected-work .uiux-eyebrow {
  justify-content:center}
#zhova-uiux .uiux-selected-work .uiux-title {
  margin-left:auto;margin-right:auto}
#zhova-uiux .uiux-selected-work .uiux-copy {
  margin-left:auto;margin-right:auto}
#zhova-uiux .uiux-selected-work .uiux-btns {
  justify-content:center}
#zhova-uiux .uiux-selected-work .uiux-container {
  width:min(1360px, calc(100% - 48px));max-width:1360px}
@media (max-width:650px){
  #zhova-uiux .uiux-selected-work .uiux-container {
    width:90%}
}
/* =========================================================
   ZHOVA UI/UX — FULL-WIDTH COPY + PROCESS + SELECTED WORK
   ========================================================= */
#zhova-uiux .uiux-section > .uiux-container > .uiux-copy{
  width:100%;max-width:1360px}
@media (min-width:901px){
  #zhova-uiux .uiux-process-item p{
    max-width:none;width:100%;white-space:nowrap;}
}
#zhova-uiux .uiux-two-col .uiux-text-block p:last-child{
  margin-bottom:0}
#zhova-uiux .uiux-selected-work{
  position:relative;overflow:hidden;isolation:isolate;min-height:620px;display:flex;align-items:center}
#zhova-uiux .uiux-selected-work::before{
  content:"";position:absolute;inset:0;z-index:-2;background-image:url("/wp-content/uploads/2026/09/selected-work-background.jpg");background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;transform:scale(1.02)}
#zhova-uiux .uiux-selected-work::after{
  content:"";position:absolute;inset:0;z-index:-1;background:
linear-gradient(
  180deg,
  rgba(0,0,0,.16),
  rgba(0,0,0,.12)
),
radial-gradient(
  circle at center,
  rgba(0,0,0,.02),
  rgba(0,0,0,.14)
);pointer-events:none}
#zhova-uiux .uiux-selected-work .uiux-container{
  position:relative;z-index:1;width:min(1360px,calc(100% - 48px));max-width:1360px;margin:0 auto}
#zhova-uiux .uiux-selected-work .uiux-copy{
  width:100%;max-width:1360px}
@media (max-width:900px){
  #zhova-uiux .uiux-process-item p{
    white-space:normal}
  #zhova-uiux .uiux-selected-work{
    min-height:520px}
  #zhova-uiux .uiux-selected-work::before{
    background-attachment:scroll}
}
@media (max-width:650px){
  #zhova-uiux .uiux-selected-work .uiux-container{
    width:90%}
  #zhova-uiux .uiux-selected-work{
    min-height:460px}
}
/* =========================================================
   ZHOVA PROCESS — CUSTOM BACKGROUND
   ========================================================= */
#zhova-process {
    position: relative;overflow: hidden;background-image:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .20),
            rgba(0, 0, 0, .402)
        ),
        radial-gradient(
            circle at center,
            rgba(0, 0, 0, .04),
            rgba(0, 0, 0, .30)
        ),
        url("/wp-content/uploads/2026/09/selected-work-background.jpg");background-size: cover;background-position: center;background-repeat: no-repeat}
/* =========================================================
   /* =========================================================
   ZHOVA ABOUT — SECTIONS 02 → 06
   RESPONSIVE / 1360 CONTENT SYSTEM / TYPOGRAPHY FIX
   ========================================================= */
#zhova-services .zhova-about-section,
#zhova-services .zhova-about-section *,
#zhova-services .zhova-about-section *::before,
#zhova-services .zhova-about-section *::after{
    box-sizing:border-box}
#zhova-services .zhova-about-section{
    width:100%;position:relative;overflow:hidden;color:var(--zs-white);font-family:var(--zhova-font)}
#zhova-services .zhova-about-section-inner{
    width:
        min(
            calc(100% - 48px),
            1360px
        );margin-left:auto;margin-right:auto;position:relative}
#zhova-services .zhova-about-editorial-label{
    margin:0 0 15px;color:
        var(--zs-gold-light);font-family:var(--zhova-font);font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.20em;text-transform:uppercase}
#zhova-services .zhova-about-section h2,
#zhova-services .zhova-about-section h3{
    font-family:var(--zhova-font)}
#zhova-services .zhova-about-section p{
    font-family:var(--zhova-font)}
#zhova-services .zhova-about-section a{
    font-family:var(--zhova-font)}
#zhova-services .zhova-about-how-we-think{
    padding:
        125px 0 135px;background:
        #0B0B0B}
#zhova-services .zhova-about-how-we-think::before{
    content:"";position:absolute;width:520px;height:520px;top:-260px;right:-180px;border-radius:50%;background:
        radial-gradient(
            circle,
            rgba(212,175,55,.055),
            transparent 68%
        );pointer-events:none}
#zhova-services .zhova-about-editorial-head{
    display:grid;grid-template-columns:
        72px minmax(0,1fr);gap:30px;align-items:start;margin-bottom:76px}
#zhova-services .zhova-about-editorial-index{
    padding-top:5px;color:
        var(--zs-gold-light);font-family:var(--zhova-font);font-size:11px;font-weight:700;letter-spacing:.18em}
#zhova-services .zhova-about-editorial-heading{
    max-width:960px}
#zhova-services .zhova-about-editorial-heading h2{
    margin:0;color:
        var(--zs-white);font-size:
        clamp(42px,5vw,72px);line-height:
        .96;font-weight:700;letter-spacing:
        -.055em}
#zhova-services .zhova-about-editorial-heading h2 span{
    color:transparent;-webkit-text-stroke:
        1px rgba(247,246,242,.52);text-stroke:
        1px rgba(247,246,242,.52)}
#zhova-services .zhova-thinking-list{
    position:relative;border-top:
        1px solid rgba(247,246,242,.12)}
#zhova-services .zhova-thinking-item{
    position:relative;display:grid;grid-template-columns:
        72px 24px minmax(0,1fr) 60px;gap:25px;align-items:center;min-height:190px;padding:
        28px 0;border-bottom:
        1px solid rgba(247,246,242,.12);transition:
        padding .35s ease,
        background .35s ease}
#zhova-services .zhova-thinking-item::before{
    content:"";position:absolute;left:-24px;right:-24px;top:0;bottom:0;background:
        linear-gradient(
            90deg,
            rgba(212,175,55,.035),
            transparent 65%
        );opacity:0;transition:
        opacity .35s ease;pointer-events:none}
#zhova-services .zhova-thinking-item:hover::before{
    opacity:1}
#zhova-services .zhova-thinking-number{
    color:
        rgba(247,246,242,.38);font-family:var(--zhova-font);font-size:10px;font-weight:700;letter-spacing:.16em;transition:
        color .3s ease}
#zhova-services .zhova-thinking-marker{
    position:relative;width:24px;height:100%;display:flex;justify-content:center}
#zhova-services .zhova-thinking-marker::before{
    content:"";position:absolute;width:1px;top:0;bottom:0;background:
        rgba(229,199,102,.28)}
#zhova-services .zhova-thinking-marker span{
    position:relative;z-index:2;width:7px;height:7px;margin-top:8px;border:
        1px solid var(--zs-gold-light);border-radius:50%;background:
        #0B0B0B;transition:
        background .3s ease,
        transform .3s ease}
#zhova-services .zhova-thinking-content{
    position:relative;z-index:2;max-width:820px}
#zhova-services .zhova-thinking-content h3{
    margin:0 0 12px;color:
        var(--zs-white);font-size:
        clamp(23px,2.2vw,32px);line-height:1.08;font-weight:600;letter-spacing:
        -.035em;transition:
        transform .35s ease,
        color .3s ease}
#zhova-services .zhova-thinking-content p{
    max-width:720px;margin:0;color:
        rgba(247,246,242,.50);font-size:13px;line-height:1.75;font-weight:400;transition:
        color .3s ease}
#zhova-services .zhova-thinking-arrow{
    position:relative;z-index:2;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:
        1px solid rgba(229,199,102,.25);border-radius:50%;color:
        var(--zs-gold-light);font-family:
        Arial,
        sans-serif;font-size:17px;transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease,
        border-color .35s ease}
#zhova-services .zhova-thinking-item:hover{
    padding-left:8px}
#zhova-services .zhova-thinking-item:hover .zhova-thinking-number{
    color:
        var(--zs-gold-light)}
#zhova-services .zhova-thinking-item:hover .zhova-thinking-marker span{
    background:
        var(--zs-gold-light);transform:
        scale(1.25)}
#zhova-services .zhova-thinking-item:hover .zhova-thinking-content h3{
    color:
        var(--zs-gold-light);transform:
        translateX(4px)}
#zhova-services .zhova-thinking-item:hover .zhova-thinking-content p{
    color:
        rgba(247,246,242,.68)}
#zhova-services .zhova-thinking-item:hover .zhova-thinking-arrow{
    background:
        var(--zs-gold);border-color:
        var(--zs-gold);color:
        #0B0B0B;transform:
        translate(3px,-3px)}
#zhova-services .zhova-about-section-footer{
    display:grid;grid-template-columns:
        1fr auto 1fr;align-items:center;gap:22px;margin-top:58px}
#zhova-services .zhova-about-section-footer span{
    height:1px;background:
        rgba(247,246,242,.10)}
#zhova-services .zhova-about-section-footer p{
    margin:0;color:
        rgba(247,246,242,.36);font-size:9px;font-weight:700;letter-spacing:.20em}
#zhova-services .zhova-about-approach-new{
    padding:
        135px 0 145px;background:
        #101010;border-top:
        1px solid rgba(247,246,242,.08);border-bottom:
        1px solid rgba(247,246,242,.08)}
#zhova-services .zhova-about-process-head{
    display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:80px}
#zhova-services .zhova-about-process-head h2{
    max-width:900px;margin:0;color:
        var(--zs-white);font-size:
        clamp(42px,5vw,72px);line-height:.96;font-weight:700;letter-spacing:
        -.055em}
#zhova-services .zhova-about-process-head h2 span{
    color:
        var(--zs-gold-light)}
#zhova-services .zhova-about-process-intro{
    flex-shrink:0;color:
        rgba(247,246,242,.25);font-family:var(--zhova-font);font-size:
        clamp(80px,10vw,150px);line-height:.7;font-weight:700;letter-spacing:-.08em}
#zhova-services .zhova-process-track{
    position:relative;display:grid;grid-template-columns:
        repeat(6,minmax(0,1fr));gap:20px}
#zhova-services .zhova-process-line{
    position:absolute;top:21px;left:3%;right:3%;height:1px;background:
        linear-gradient(
            90deg,
            transparent,
            rgba(229,199,102,.38) 8%,
            rgba(229,199,102,.38) 92%,
            transparent
        );pointer-events:none}
#zhova-services .zhova-process-step{
    position:relative;min-width:0}
#zhova-services .zhova-process-node{
    position:relative;z-index:3;width:43px;height:43px;display:flex;align-items:center;justify-content:center;margin-bottom:34px;border:
        1px solid rgba(229,199,102,.48);border-radius:50%;background:
        #101010;color:
        var(--zs-gold-light);font-family:var(--zhova-font);font-size:9px;font-weight:700;letter-spacing:.08em;transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease}
#zhova-services .zhova-process-card{
    min-height:245px;padding:
        26px 22px 24px;border:
        1px solid rgba(247,246,242,.10);background:
        rgba(247,246,242,.025);transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease}
#zhova-services .zhova-process-card > span{
    display:block;margin-bottom:22px;color:
        rgba(229,199,102,.68);font-size:8px;font-weight:700;letter-spacing:.18em}
#zhova-services .zhova-process-card h3{
    margin:0 0 13px;color:
        var(--zs-white);font-size:
        clamp(19px,1.5vw,23px);line-height:1.05;font-weight:600;letter-spacing:
        -.03em}
#zhova-services .zhova-process-card p{
    margin:0;color:
        rgba(247,246,242,.44);font-size:11px;line-height:1.7}
#zhova-services .zhova-process-step:hover .zhova-process-node{
    background:
        var(--zs-gold-light);color:
        #101010;transform:
        scale(1.08)}
#zhova-services .zhova-process-step:hover .zhova-process-card{
    border-color:
        rgba(229,199,102,.34);background:
        rgba(229,199,102,.035);transform:
        translateY(-5px)}
#zhova-services .zhova-process-bottom{
    display:flex;align-items:center;gap:18px;margin-top:54px;color:
        rgba(247,246,242,.28);font-family:var(--zhova-font);font-size:9px;font-weight:700;letter-spacing:.15em}
#zhova-services .zhova-process-bottom i{
    width:35px;height:1px;background:
        rgba(229,199,102,.30)}
#zhova-services .zhova-process-bottom strong{
    margin-left:auto;color:
        var(--zs-gold-light);font-weight:700}
#zhova-services .zhova-about-who-new{
    padding:
        140px 0 150px;background:
        #0B0B0B}
#zhova-services .zhova-about-who-head{
    position:relative;display:grid;grid-template-columns:
        180px minmax(0,1fr);gap:50px;align-items:start;margin-bottom:72px}
#zhova-services .zhova-about-who-number{
    color:
        rgba(229,199,102,.12);font-family:var(--zhova-font);font-size:
        clamp(100px,13vw,185px);line-height:.68;font-weight:700;letter-spacing:-.09em}
#zhova-services .zhova-about-who-head h2{
    max-width:980px;margin:0;color:
        var(--zs-white);font-size:
        clamp(40px,5vw,70px);line-height:.97;font-weight:700;letter-spacing:-.055em}
#zhova-services .zhova-about-who-head h2 span{
    color:
        transparent;-webkit-text-stroke:
        1px rgba(247,246,242,.48)}
#zhova-services .zhova-client-list{
    border-top:
        1px solid rgba(247,246,242,.13)}
#zhova-services .zhova-client-row{
    position:relative;display:grid;grid-template-columns:
        70px minmax(0,1fr) 130px;gap:30px;align-items:center;min-height:155px;padding:
        28px 0;border-bottom:
        1px solid rgba(247,246,242,.11);transition:
        padding .35s ease}
#zhova-services .zhova-client-row::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:
        var(--zs-gold-light);transform:
        scaleY(0);transform-origin:
        bottom;transition:
        transform .4s ease}
#zhova-services .zhova-client-index{
    color:
        rgba(247,246,242,.32);font-size:9px;font-weight:700;letter-spacing:.16em}
#zhova-services .zhova-client-main{
    min-width:0}
#zhova-services .zhova-client-main h3{
    margin:0 0 9px;color:
        var(--zs-white);font-size:
        clamp(22px,2.2vw,31px);line-height:1.05;font-weight:600;letter-spacing:-.035em;transition:
        color .3s ease,
        transform .35s ease}
#zhova-services .zhova-client-main p{
    max-width:750px;margin:0;color:
        rgba(247,246,242,.43);font-size:12px;line-height:1.7;transition:
        color .3s ease}
#zhova-services .zhova-client-tag{
    justify-self:end;color:
        rgba(229,199,102,.62);font-size:8px;font-weight:700;letter-spacing:.17em}
#zhova-services .zhova-client-row:hover{
    padding-left:14px}
#zhova-services .zhova-client-row:hover::before{
    transform:
        scaleY(1)}
#zhova-services .zhova-client-row:hover .zhova-client-main h3{
    color:
        var(--zs-gold-light);transform:
        translateX(4px)}
#zhova-services .zhova-client-row:hover .zhova-client-main p{
    color:
        rgba(247,246,242,.64)}
#zhova-services .zhova-client-bottom{
    display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:52px}
#zhova-services .zhova-client-bottom span{
    color:
        rgba(247,246,242,.30);font-size:8px;font-weight:700;letter-spacing:.18em}
#zhova-services .zhova-client-bottom strong{
    color:
        var(--zs-gold-light);font-family:var(--zhova-font);font-size:14px;letter-spacing:-.02em}
#zhova-services .zhova-about-values-new{
    padding:
        135px 0 145px;background:
        #101010}
#zhova-services .zhova-about-values-head{
    display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:70px}
#zhova-services .zhova-about-values-head h2{
    max-width:900px;margin:0;color:
        var(--zs-white);font-size:
        clamp(42px,5vw,72px);line-height:.96;font-weight:700;letter-spacing:-.055em}
#zhova-services .zhova-about-values-head h2 span{
    color:
        var(--zs-gold-light)}
#zhova-services .zhova-about-values-number{
    color:
        rgba(247,246,242,.18);font-family:var(--zhova-font);font-size:10px;font-weight:700;letter-spacing:.18em}
#zhova-services .zhova-values-grid{
    display:grid;grid-template-columns:
        repeat(4,minmax(0,1fr));gap:1px;background:
        rgba(247,246,242,.11);border:
        1px solid rgba(247,246,242,.11)}
#zhova-services .zhova-value-card{
    position:relative;min-height:390px;padding:
        28px 27px;overflow:hidden;background:
        #101010;transition:
        background .4s ease,
        transform .4s ease}
#zhova-services .zhova-value-card::before{
    content:"";position:absolute;width:250px;height:250px;top:-120px;right:-100px;border-radius:50%;background:
        radial-gradient(
            circle,
            rgba(229,199,102,.11),
            transparent 70%
        );opacity:0;transition:
        opacity .45s ease}
#zhova-services .zhova-value-top{
    position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}
#zhova-services .zhova-value-top span{
    color:
        rgba(247,246,242,.32);font-size:8px;font-weight:700;letter-spacing:.16em}
#zhova-services .zhova-value-top i{
    width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:
        1px solid rgba(229,199,102,.25);border-radius:50%;color:
        var(--zs-gold-light);font-family:
        Arial,
        sans-serif;font-style:normal;transition:
        transform .35s ease,
        background .35s ease}
#zhova-services .zhova-value-word{
    position:absolute;left:20px;bottom:125px;color:
        rgba(247,246,242,.035);font-family:var(--zhova-font);font-size:
        clamp(52px,5vw,82px);line-height:.8;font-weight:700;letter-spacing:-.075em;white-space:nowrap;transition:
        color .4s ease,
        transform .45s ease}
#zhova-services .zhova-value-content{
    position:absolute;left:27px;right:27px;bottom:27px;z-index:3}
#zhova-services .zhova-value-content h3{
    margin:0 0 9px;color:
        var(--zs-white);font-size:23px;line-height:1;font-weight:600;letter-spacing:-.03em}
#zhova-services .zhova-value-content p{
    max-width:280px;margin:0;color:
        rgba(247,246,242,.43);font-size:11px;line-height:1.7}
#zhova-services .zhova-value-card:hover{
    background:
        #141414;transform:
        translateY(-3px)}
#zhova-services .zhova-value-card:hover::before{
    opacity:1}
#zhova-services .zhova-value-card:hover .zhova-value-top i{
    background:
        var(--zs-gold);color:
        #101010;transform:
        rotate(90deg)}
#zhova-services .zhova-value-card:hover .zhova-value-word{
    color:
        rgba(229,199,102,.07);transform:
        translateX(8px)}
#zhova-services .zhova-values-footer{
    display:grid;grid-template-columns:
        1fr auto 1fr;align-items:center;gap:22px;margin-top:58px}
#zhova-services .zhova-values-footer span{
    height:1px;background:
        rgba(247,246,242,.10)}
#zhova-services .zhova-values-footer p{
    margin:0;color:
        rgba(247,246,242,.30);font-size:8px;font-weight:700;letter-spacing:.20em}
#zhova-services .zhova-about-work-new{
    padding:
        140px 0 150px;background:
        #0B0B0B;border-top:
        1px solid rgba(247,246,242,.08)}
#zhova-services .zhova-about-work-head{
    display:grid;grid-template-columns:
        160px minmax(0,1fr);gap:45px;align-items:start;margin-bottom:75px}
#zhova-services .zhova-about-work-number{
    color:
        rgba(229,199,102,.13);font-family:var(--zhova-font);font-size:
        clamp(100px,12vw,175px);line-height:.67;font-weight:700;letter-spacing:-.09em}
#zhova-services .zhova-about-work-head h2{
    max-width:970px;margin:0;color:
        var(--zs-white);font-size:
        clamp(40px,5vw,70px);line-height:.97;font-weight:700;letter-spacing:-.055em}
#zhova-services .zhova-about-work-head h2 span{
    color:
        transparent;-webkit-text-stroke:
        1px rgba(247,246,242,.48)}
#zhova-services .zhova-work-list{
    border-top:
        1px solid rgba(247,246,242,.13)}
#zhova-services .zhova-work-row{
    position:relative;display:grid;grid-template-columns:
        72px minmax(0,1fr) 65px;gap:30px;align-items:center;min-height:180px;padding:
        28px 0;border-bottom:
        1px solid rgba(247,246,242,.11);color:
        var(--zs-white);text-decoration:none;transition:
        padding .35s ease}
#zhova-services .zhova-work-row::after{
    content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:
        var(--zs-gold-light);transform:
        scaleX(0);transform-origin:
        left;transition:
        transform .45s ease}
#zhova-services .zhova-work-row-number{
    color:
        rgba(247,246,242,.30);font-size:9px;font-weight:700;letter-spacing:.16em}
#zhova-services .zhova-work-row-content{
    min-width:0}
#zhova-services .zhova-work-row-content > span{
    display:block;margin-bottom:12px;color:
        rgba(229,199,102,.68);font-size:8px;font-weight:700;letter-spacing:.18em}
#zhova-services .zhova-work-row-content h3{
    margin:0 0 8px;color:
        var(--zs-white);font-family:var(--zhova-font);font-size:
        clamp(25px,2.5vw,37px);line-height:1;font-weight:600;letter-spacing:-.04em;transition:
        color .3s ease,
        transform .35s ease}
#zhova-services .zhova-work-row-content p{
    max-width:760px;margin:0;color:
        rgba(247,246,242,.43);font-size:12px;line-height:1.7;transition:
        color .3s ease}
#zhova-services .zhova-work-row-arrow{
    width:48px;height:48px;display:flex;align-items:center;justify-content:center;justify-self:end;border:
        1px solid rgba(229,199,102,.25);border-radius:50%;color:
        var(--zs-gold-light);font-family:
        Arial,
        sans-serif;font-size:18px;transition:
        background .35s ease,
        border-color .35s ease,
        color .35s ease,
        transform .35s ease}
#zhova-services .zhova-work-row:hover{
    padding-left:12px}
#zhova-services .zhova-work-row:hover::after{
    transform:
        scaleX(1)}
#zhova-services .zhova-work-row:hover .zhova-work-row-content h3{
    color:
        var(--zs-gold-light);transform:
        translateX(4px)}
#zhova-services .zhova-work-row:hover .zhova-work-row-content p{
    color:
        rgba(247,246,242,.64)}
#zhova-services .zhova-work-row:hover .zhova-work-row-arrow{
    background:
        var(--zs-gold);border-color:
        var(--zs-gold);color:
        #0B0B0B;transform:
        translate(3px,-3px)}
#zhova-services .zhova-work-bottom{
    display:flex;align-items:center;gap:17px;padding-top:48px;color:
        rgba(247,246,242,.28);font-size:8px;font-weight:700;letter-spacing:.18em}
#zhova-services .zhova-work-bottom i{
    width:30px;height:1px;background:
        rgba(229,199,102,.30)}
#zhova-services .zhova-work-bottom strong{
    color:
        var(--zs-gold-light)}
@media (max-width:1100px){
    #zhova-services .zhova-about-section-inner{
        width:
            min(
                calc(100% - 40px),
                1360px
            );}
    #zhova-services .zhova-thinking-item{
        grid-template-columns:
            55px 22px minmax(0,1fr) 55px;gap:20px;}
    #zhova-services .zhova-process-track{
        grid-template-columns:
            repeat(3,minmax(0,1fr));row-gap:55px;}
    #zhova-services .zhova-process-line{
        display:none;}
    #zhova-services .zhova-process-card{
        min-height:220px;}
    #zhova-services .zhova-about-who-head{
        grid-template-columns:
            130px minmax(0,1fr);gap:35px;}
    #zhova-services .zhova-values-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));}
    #zhova-services .zhova-value-card{
        min-height:340px;}
    #zhova-services .zhova-about-work-head{
        grid-template-columns:
            120px minmax(0,1fr);}
}
@media (max-width:800px){
    #zhova-services .zhova-about-section-inner{
        width:
            calc(100% - 36px);}
    #zhova-services .zhova-about-section{
        overflow:hidden;}
    #zhova-services .zhova-about-how-we-think{
        padding:
            90px 0 100px;}
    #zhova-services .zhova-about-editorial-head{
        grid-template-columns:
            50px minmax(0,1fr);gap:20px;margin-bottom:55px;}
    #zhova-services .zhova-thinking-item{
        grid-template-columns:
            42px 18px minmax(0,1fr) 45px;gap:15px;min-height:170px;}
    #zhova-services .zhova-thinking-arrow{
        width:38px;height:38px;}
    #zhova-services .zhova-about-approach-new{
        padding:
            95px 0 105px;}
    #zhova-services .zhova-about-process-head{
        margin-bottom:55px;}
    #zhova-services .zhova-process-track{
        grid-template-columns:
            repeat(2,minmax(0,1fr));}
    #zhova-services .zhova-process-card{
        min-height:230px;}
    #zhova-services .zhova-about-who-new{
        padding:
            95px 0 105px;}
    #zhova-services .zhova-about-who-head{
        grid-template-columns:
            100px minmax(0,1fr);gap:25px;}
    #zhova-services .zhova-client-row{
        grid-template-columns:
            48px minmax(0,1fr) 80px;min-height:145px;}
    #zhova-services .zhova-about-values-new{
        padding:
            95px 0 105px;}
    #zhova-services .zhova-about-work-new{
        padding:
            95px 0 110px;}
    #zhova-services .zhova-about-work-head{
        grid-template-columns:
            100px minmax(0,1fr);}
}
@media (max-width:680px){
    #zhova-services .zhova-about-section-inner{
        width:
            calc(100% - 32px);}
    #zhova-services .zhova-about-how-we-think{
        padding:
            75px 0 85px;}
    #zhova-services .zhova-about-editorial-head{
        display:block;margin-bottom:45px;}
    #zhova-services .zhova-about-editorial-index{
        margin-bottom:18px;}
    #zhova-services .zhova-about-editorial-heading h2{
        font-size:
            clamp(36px,10vw,50px);line-height:
            .98;}
    #zhova-services .zhova-thinking-item{
        grid-template-columns:
            32px 16px minmax(0,1fr);gap:12px;min-height:0;padding:
            25px 0 28px;}
    #zhova-services .zhova-thinking-arrow{
        position:absolute;right:0;top:26px;width:32px;height:32px;font-size:14px;}
    #zhova-services .zhova-thinking-content{
        padding-right:42px;}
    #zhova-services .zhova-thinking-content h3{
        margin-bottom:9px;font-size:
            22px;}
    #zhova-services .zhova-thinking-content p{
        font-size:
            11px;line-height:
            1.72;}
    #zhova-services .zhova-thinking-marker{
        min-height:100%;}
    #zhova-services .zhova-about-section-footer{
        grid-template-columns:
            1fr;margin-top:35px;text-align:center;}
    #zhova-services .zhova-about-section-footer span{
        display:none;}
    #zhova-services .zhova-about-approach-new{
        padding:
            80px 0 90px;}
    #zhova-services .zhova-about-process-head{
        display:block;}
    #zhova-services .zhova-about-process-head h2{
        font-size:
            clamp(36px,10vw,50px);}
    #zhova-services .zhova-about-process-intro{
        display:none;}
    #zhova-services .zhova-process-track{
        display:block;}
    #zhova-services .zhova-process-step{
        position:relative;padding-left:48px;padding-bottom:35px;}
    #zhova-services .zhova-process-step:last-child{
        padding-bottom:0;}
    #zhova-services .zhova-process-step::before{
        content:"";position:absolute;left:20px;top:43px;bottom:0;width:1px;background:
            rgba(229,199,102,.25);}
    #zhova-services .zhova-process-step:last-child::before{
        display:none;}
    #zhova-services .zhova-process-node{
        position:absolute;left:0;top:0;width:40px;height:40px;margin:0;font-size:8px;}
    #zhova-services .zhova-process-card{
        min-height:0;padding:
            24px 20px;}
    #zhova-services .zhova-process-card > span{
        margin-bottom:17px;}
    #zhova-services .zhova-process-card h3{
        font-size:21px;}
    #zhova-services .zhova-process-card p{
        font-size:11px;}
    #zhova-services .zhova-process-bottom{
        flex-wrap:wrap;margin-top:40px;}
    #zhova-services .zhova-process-bottom strong{
        width:100%;margin-left:0;margin-top:5px;}
    #zhova-services .zhova-about-who-new{
        padding:
            80px 0 90px;}
    #zhova-services .zhova-about-who-head{
        display:block;}
    #zhova-services .zhova-about-who-number{
        margin-bottom:20px;font-size:
            90px;}
    #zhova-services .zhova-about-who-head h2{
        font-size:
            clamp(36px,10vw,50px);}
    #zhova-services .zhova-client-row{
        grid-template-columns:
            35px minmax(0,1fr);gap:15px;align-items:start;padding:
            25px 0;}
    #zhova-services .zhova-client-index{
        padding-top:4px;}
    #zhova-services .zhova-client-main h3{
        padding-right:25px;}
    #zhova-services .zhova-client-main p{
        font-size:
            11px;line-height:
            1.7;}
    #zhova-services .zhova-client-tag{
        display:none;}
    #zhova-services .zhova-client-bottom{
        display:block;padding-top:38px;}
    #zhova-services .zhova-client-bottom strong{
        display:block;margin-top:9px;font-size:13px;}
    #zhova-services .zhova-about-values-new{
        padding:
            80px 0 90px;}
    #zhova-services .zhova-about-values-head{
        display:block;}
    #zhova-services .zhova-about-values-head h2{
        font-size:
            clamp(36px,10vw,50px);}
    #zhova-services .zhova-about-values-number{
        margin-top:20px;}
    #zhova-services .zhova-values-grid{
        grid-template-columns:
            1fr;}
    #zhova-services .zhova-value-card{
        min-height:315px;padding:
            24px 22px;}
    #zhova-services .zhova-value-word{
        left:15px;bottom:118px;font-size:
            58px;}
    #zhova-services .zhova-value-content{
        left:22px;right:22px;bottom:23px;}
    #zhova-services .zhova-value-content h3{
        font-size:21px;}
    #zhova-services .zhova-values-footer{
        grid-template-columns:
            1fr;}
    #zhova-services .zhova-values-footer span{
        display:none;}
    #zhova-services .zhova-about-work-new{
        padding:
            80px 0 90px;}
    #zhova-services .zhova-about-work-head{
        display:block;}
    #zhova-services .zhova-about-work-number{
        margin-bottom:20px;}
    #zhova-services .zhova-about-work-head h2{
        font-size:
            clamp(36px,10vw,50px);}
    #zhova-services .zhova-work-row{
        grid-template-columns:
            35px minmax(0,1fr) 35px;}
    #zhova-services .zhova-work-row-number{
        padding-top:4px;}
    #zhova-services .zhova-work-row-content h3{
        padding-right:5px;font-size:
            23px;line-height:
            1.03;}
    #zhova-services .zhova-work-row-content p{
        font-size:
            11px;}
    #zhova-services .zhova-work-row-arrow{
        width:34px;height:34px;}
    #zhova-services .zhova-work-bottom{
        flex-wrap:wrap;gap:10px;padding-top:35px;}
}
@media (max-width:480px){
    #zhova-services .zhova-about-section-inner{
        width:
            calc(100% - 28px);}
    #zhova-services .zhova-about-editorial-label{
        font-size:8px;letter-spacing:.17em;}
    #zhova-services .zhova-thinking-item{
        grid-template-columns:
            27px 13px minmax(0,1fr);gap:10px;}
    #zhova-services .zhova-thinking-content{
        padding-right:38px;}
    #zhova-services .zhova-thinking-content h3{
        font-size:20px;}
    #zhova-services .zhova-process-step{
        padding-left:44px;}
    #zhova-services .zhova-process-card{
        padding:
            21px 17px;}
    #zhova-services .zhova-client-row{
        grid-template-columns:
            30px minmax(0,1fr);gap:12px;}
    #zhova-services .zhova-value-card{
        min-height:300px;}
    #zhova-services .zhova-value-word{
        font-size:
            51px;}
    #zhova-services .zhova-work-row{
        grid-template-columns:
            30px minmax(0,1fr) 32px;}
    #zhova-services .zhova-work-row-content h3{
        font-size:21px;}
}
@media (prefers-reduced-motion:reduce){
    #zhova-services .zhova-about-section *,
    #zhova-services .zhova-about-section *::before,
    #zhova-services .zhova-about-section *::after{
        transition:none !important;animation:none !important;}
}
#zhova-services .zhova-about-think-copy{
    display:grid;grid-template-columns:
        1.25fr .75fr;gap:90px;margin-bottom:0}
#zhova-services .zhova-about-think-copy p{
    margin:0;color:
        rgba(247,246,242,.48);font-family:var(--zhova-font);font-size:13px;line-height:1.8}
#zhova-services .zhova-about-think-copy .zhova-services-large-copy{
    color:
        #F7F6F2;font-size:
        clamp(18px,1.7vw,24px);line-height:
        1.5;font-weight:500;letter-spacing:-.025em}
@media (max-width:680px){
    #zhova-services .zhova-about-think-copy{
        grid-template-columns:1fr;gap:25px}
    #zhova-services .zhova-about-think-copy p{
        font-size:11px}
    #zhova-services .zhova-about-think-copy .zhova-services-large-copy{
        font-size:18px;line-height:1.55}
}

/* =========================================================
   ZHOVA — SOFT LOAD / FONT STABILITY
   Hero + About only. No background ownership.
   ========================================================= */
#zhova-hero .zhova-line-1,#zhova-hero .zhova-line-2,#zhova-hero .zhova-line-3{animation:none!important;transform:translate3d(0,14px,0);opacity:0;transition:opacity .8s var(--zhova-ease),transform .8s var(--zhova-ease)}
html.zhova-fonts-ready #zhova-hero .zhova-line-1{transition-delay:.04s;opacity:1;transform:none}
html.zhova-fonts-ready #zhova-hero .zhova-line-2{transition-delay:.10s;opacity:1;transform:none}
html.zhova-fonts-ready #zhova-hero .zhova-line-3{transition-delay:.16s;opacity:1;transform:none}
#zhova-hero .zhova-solid{letter-spacing:-.038em!important;padding-right:.035em}
#zhova-hero{background-color:transparent!important}
#zhova-about .zhova-about-content,#zhova-about .zhova-about-visual-wrap{will-change:transform,opacity}
#zhova-about .zhova-about-content{transform:translate3d(0,16px,0);opacity:0}
#zhova-about .zhova-about-visual-wrap{transform:translate3d(0,12px,0);opacity:0}
#zhova-about.zhova-about-ready .zhova-about-content{transform:none;opacity:1;transition:opacity .85s var(--zhova-ease),transform .85s var(--zhova-ease)}
#zhova-about.zhova-about-ready .zhova-about-visual-wrap{transform:none;opacity:1;transition:opacity .9s var(--zhova-ease) .10s,transform .9s var(--zhova-ease) .10s}
@media(prefers-reduced-motion:reduce){#zhova-hero .zhova-line-1,#zhova-hero .zhova-line-2,#zhova-hero .zhova-line-3,#zhova-about .zhova-about-content,#zhova-about .zhova-about-visual-wrap{opacity:1!important;transform:none!important;transition:none!important}}

/* =========================================================
   ZHOVA GLOBAL INTERACTION COLOR POLICY
   ========================================================= */
:where(a, button, input[type="button"], input[type="submit"], .elementor-button):hover {
    color: var(--zhova-gold, #D4AF37);
}
:where(a, button, input[type="button"], input[type="submit"], .elementor-button):focus-visible {
    outline-color: var(--zhova-gold, #D4AF37);
}


/* =========================================================
   ZHOVA HEADER — PRODUCTION LAYOUT LOCK
   Full-width header surface; 1360px inner content.
   Prevents parent/theme defaults from changing the header.
   ========================================================= */
#zhHeader{
    width:100% !important;
    min-width:100%;
    margin:0 !important;
    padding:0 !important;
    background:linear-gradient(180deg,#0B0B0C 0%,#080809 100%) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 8px 28px rgba(0,0,0,.16);
}
#zhHeader .zh-header__inner{
    width:min(1360px,calc(100% - 48px)) !important;
    max-width:1360px !important;
    min-height:88px !important;
    margin-inline:auto !important;
    padding:0 !important;
}
#zhHeader .zh-logo,
#zhHeader .zh-nav,
#zhHeader .zh-nav__item,
#zhHeader .zh-nav__link{
    box-sizing:border-box;
}
#zhHeader .zh-nav__link,
#zhHeader .zh-nav__link:hover,
#zhHeader .zh-nav__link:focus,
#zhHeader .zh-nav__link:focus-visible,
#zhHeader .zh-nav__link:active{
    background:transparent !important;
}
#zhHeader .zh-mega__inner{
    width:min(1360px,calc(100% - 48px)) !important;
    max-width:1360px !important;
    margin-inline:auto !important;
}
body{
    background:#080809;
}
@media (max-width:1399px){
    #zhHeader .zh-header__inner,
    #zhHeader .zh-mega__inner{
        width:calc(100% - 40px) !important;
    }
}
@media (max-width:767px){
    #zhHeader .zh-header__inner,
    #zhHeader .zh-mega__inner{
        width:calc(100% - 28px) !important;
    }
}