/* ISFAHANWEB V10.2-A3 — HERO BALANCE FIX */

/* ---------- CANVAS ---------- */

.iw10-hero{
min-height:clamp(720px,88vh,920px);
}

.iw10-hero::before{
left:-.025em;
top:45%;
font-size:clamp(15rem,30vw,33rem);
color:rgba(13,39,51,.022);
}


/* ---------- HEADER ---------- */

@media(min-width:1100px){

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 > *{
width:min(calc(100% - 56px),1680px);
max-width: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:46px;
}

body.home > header:first-of-type nav,
body.home #masthead nav,
body.home #site-header nav,
body.home .site-header nav,
body.home .iw-header nav,
body.home .isfahanweb-header nav{
font-size:.92rem;
}

}


/* ---------- COMPOSITION ---------- */

@media(min-width:1100px){

.iw10-hero-grid{
min-height:clamp(580px,69vh,730px);
}


/* H1 owns the right side */

.iw10-hero-copy{
grid-column:7 / 13;
z-index:30;
padding-inline-start:2vw;
}


/* controlled headline */

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

font-size:clamp(4.4rem,6.25vw,7.25rem);
line-height:.94;
letter-spacing:-.045em;

text-wrap:balance;
}


/* prevent emphasis from becoming a separate oversized block */

.iw10-hero h1 em,
.iw10-hero h1 strong{
display:inline;
width:auto !important;
max-width:none !important;
margin:0 !important;

font-size:inherit !important;
line-height:inherit !important;
}


/* remove all pseudo decoration around H1 */

.iw10-hero h1::before,
.iw10-hero h1::after,
.iw10-hero h1 em::after,
.iw10-hero h1 strong::after{
display:none !important;
}


/* project becomes secondary */

.iw10-hero-art{
grid-column:1 / 8;

width:106%;
height:clamp(510px,60vh,650px);

transform:translateX(-1.5vw);
}


/* smaller + lower + left */

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

width:min(78%,650px);
height:clamp(460px,55vh,590px);

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


/* keep browser away from headline */

.iw10-hero-caption{
right:8%;
bottom:4%;

width:230px;
transform:rotate(1deg);
}


/* supporting content remains readable */

.iw10-hero-copy > p{
max-width:520px;
margin-top:28px;
}

.iw10-hero-actions,
.iw10-hero-copy .iw-actions{
margin-top:28px;
}

}


/* ---------- REMOVE LEGACY DECORATIVE CLUTTER ---------- */

.iw10-hero-art::before,
.iw10-hero-art::after{
display:none !important;
}


/* ---------- MOBILE ---------- */

@media(max-width:900px){

.iw10-hero{
min-height:auto;
}

.iw10-hero::before{
font-size:clamp(10rem,43vw,19rem);
color:rgba(13,39,51,.018);
}

.iw10-hero h1{
max-width:680px;
font-size:clamp(3rem,10.5vw,5.4rem);
line-height:.95;
}

.iw10-hero h1 em,
.iw10-hero h1 strong{
display:inline;
font-size:inherit !important;
line-height:inherit !important;
}

.iw10-hero h1::before,
.iw10-hero h1::after,
.iw10-hero h1 em::after,
.iw10-hero h1 strong::after{
display:none !important;
}

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

.iw10-browser{
top:50%;
left:50%;

width:91%;
height:clamp(350px,62vw,510px);

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

}


@media(max-width:600px){

.iw10-hero h1{
font-size:clamp(2.85rem,12vw,4.25rem);
}

.iw10-browser{
height:clamp(300px,86vw,410px);
}

}