/* V10.2-A4 — HERO FINAL COMPOSITION FIX */

@media(min-width:1100px){

/* give headline an uncontested readable zone */

.iw10-hero-copy{
grid-column:7 / 13;
padding-inline-start:4vw;
}

.iw10-hero h1{
max-width:720px;
font-size:clamp(4.15rem,5.75vw,6.8rem);
line-height:.96;
}


/* move project clearly away from headline */

.iw10-hero-art{
grid-column:1 / 7;
width:100%;
height:clamp(500px,58vh,630px);
transform:none;
}

.iw10-browser{
left:42%;
top:55%;

width:min(82%,610px);
height:clamp(440px,53vh,565px);

transform:
translate(-50%,-50%)
rotate(-2.5deg);
}


/* caption stays with project */

.iw10-hero-caption{
right:2%;
bottom:3%;
width:220px;
}


/* stronger readable supporting copy */

.iw10-hero-copy > p{
max-width:500px;
}


/* header gets a usable visual scale */

body.home > header:first-of-type,
body.home #masthead,
body.home #site-header,
body.home .site-header,
body.home .iw-header,
body.home .isfahanweb-header{
min-height:72px;
}

body.home > header:first-of-type > *,
body.home #masthead > *,
body.home #site-header > *,
body.home .site-header > *,
body.home .iw-header > *,
body.home .isfahanweb-header > *{
min-height:72px;
width:min(calc(100% - 56px),1680px);
}

body.home > header:first-of-type img,
body.home #masthead img,
body.home #site-header img,
body.home .site-header img,
body.home .iw-header img,
body.home .isfahanweb-header img{
max-height:52px !important;
}


/* background word must remain background */

.iw10-hero::before{
opacity:.55;
}

}


/* tablet/mobile remain independent */

@media(max-width:900px){

.iw10-hero-copy{
padding-inline:0;
}

.iw10-hero h1{
width:100%;
max-width:680px;
}

.iw10-hero-art{
width:100%;
}

}

/* V10.2-A4.1 — HEADER RTL FIX */

body.home header nav,
body.home header .menu,
body.home header ul.menu,
body.home header .nav-menu{
direction:rtl;
text-align:right;
}

body.home header nav > ul,
body.home header .menu,
body.home header ul.menu,
body.home header .nav-menu{
display:flex;
flex-direction:row;
justify-content:flex-start;
}

body.home header nav{
margin-left:auto;
margin-right:0;
}


/* V10.2-A4.1 — HEADER RTL FIX */

body.home header nav,
body.home header .menu,
body.home header ul.menu,
body.home header .nav-menu{
direction:rtl;
text-align:right;
}

body.home header nav > ul,
body.home header .menu,
body.home header ul.menu,
body.home header .nav-menu{
display:flex;
flex-direction:row;
justify-content:flex-start;
}

body.home header nav{
margin-left:auto;
margin-right:0;
}


/* =========================================================
   V10.2-A4.2 — DESKTOP HEADER + HERO FINAL POLISH
   ========================================================= */

@media (min-width:1100px){

    /* Header */
    body.home .iw-site-header{
        min-height:82px;
    }

    body.home .iw-site-header .iw-shell,
    body.home .iw-site-header > div{
        min-height:82px;
    }

    body.home .iw-desktop-nav{
        direction:rtl;
        margin-left:auto;
        margin-right:32px;
        display:flex;
        align-items:center;
    }

    body.home .iw-desktop-nav .iw-menu{
        direction:rtl;
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        gap:clamp(24px,2.2vw,38px);
        margin:0;
        padding:0;
    }

    body.home .iw-desktop-nav .iw-menu > li{
        margin:0;
        padding:0;
    }

    body.home .iw-desktop-nav .iw-menu > li > a{
        font-size:15px;
        font-weight:650;
        line-height:1.4;
        white-space:nowrap;
    }

    /* Hero: typography remains the primary focal point */
    body.home .iw10-hero-copy{
        position:relative;
        z-index:5;
    }

    body.home .iw10-hero-copy h1{
        max-width:720px;
        line-height:.98;
    }

    /* Visual project stays secondary to H1 */
    body.home .iw10-hero-art{
        z-index:2;
        opacity:.96;
        transform:translateX(-2%);
    }

    body.home .iw10-hero-caption{
        z-index:6;
    }

    /* Supporting copy */
    body.home .iw10-hero-copy > p{
        max-width:520px;
        font-size:clamp(15px,1.05vw,18px);
        line-height:1.9;
    }

    /* Hero actions — improve hierarchy without changing links */
    body.home .iw10-hero-copy a{
        min-height:48px;
        padding:0 24px;
        font-size:14px;
        font-weight:700;
    }

    body.home .iw10-hero-bgword{
        opacity:.34;
    }
}


/* =========================================================
   V10.2-A4.3 — MOBILE HERO FINAL
   Desktop hero remains frozen
   ========================================================= */

@media (max-width:900px){

    body.home .iw10-hero{
        min-height:auto;
        padding-bottom:0;
    }

    body.home .iw10-hero-grid{
        gap:28px;
    }

    body.home .iw10-hero-copy{
        padding:28px 20px 0;
    }

    body.home .iw10-hero-copy h1{
        max-width:390px;
        margin-inline:auto;
        font-size:clamp(2.35rem,10.8vw,3.7rem);
        line-height:1.02;
        letter-spacing:-.035em;
    }

    body.home .iw10-hero-copy > p{
        max-width:390px;
        margin-inline:auto;
        font-size:14px;
        line-height:1.85;
    }

    body.home .iw10-actions{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        margin-top:20px;
    }

    body.home .iw10-actions .iw10-primary,
    body.home .iw10-actions .iw10-secondary{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        min-height:46px;
        padding:0 18px;
        font-size:13px;
        font-weight:750;
        white-space:nowrap;
    }

    body.home .iw10-primary{
        min-width:132px;
    }

    body.home .iw10-secondary{
        min-width:112px;
    }

    body.home .iw10-hero-art{
        width:100%;
        min-height:0;
        height:auto;
        margin-top:0;
        padding:0 16px 22px;
        transform:none;
    }

    body.home .iw10-browser{
        position:relative;
        inset:auto;
        left:auto;
        top:auto;
        width:100%;
        height:clamp(285px,86vw,430px);
        transform:none;
        margin:0 auto;
    }

    body.home .iw10-hero-caption{
        right:26px;
        left:auto;
        bottom:34px;
        width:min(190px,52vw);
        padding:10px 12px;
    }

    body.home .iw10-hero-caption small{
        font-size:9px;
    }

    body.home .iw10-hero-caption strong{
        font-size:14px;
        line-height:1.35;
    }

    body.home .iw10-hero-caption span{
        display:none;
    }

    body.home .iw10-shape{
        opacity:.55;
    }

    body.home .iw10-proof{
        margin-top:0;
    }
}

@media (max-width:420px){

    body.home .iw10-hero-copy h1{
        font-size:clamp(2.15rem,10.4vw,2.8rem);
    }

    body.home .iw10-actions{
        width:100%;
    }

    body.home .iw10-actions .iw10-primary,
    body.home .iw10-actions .iw10-secondary{
        flex:1 1 0;
        min-width:0;
        padding-inline:12px;
    }
}


/* HERO DECORATION CLEANUP
   Remove non-functional decorative shapes.
*/
body.home .iw10-shape,
body.home .iw10-shape-blue,
body.home .iw10-shape-orange{
    display:none !important;
}