
/* eegulf v3.6.1.4 launch-ready refinements */
:root{
 --eg-hero-desktop:400px;
 --eg-hero-tablet:360px;
 --eg-hero-mobile:430px;
 --eg-hero-position:center;
}

/* Approved compact hero */
.eg-home-hero{
 height:var(--eg-hero-desktop)!important;
 min-height:var(--eg-hero-desktop)!important;
}
.eg-home-copy{
 padding:58px 62px 44px!important;
}
.eg-home-copy h1{
 font-size:64px!important;
 margin:18px 0 14px!important;
}
.eg-home-copy p{
 font-size:18px!important;
 line-height:1.45!important;
}
.eg-actions{margin-top:22px!important}

/* Real homepage hero uses the same Admin-controlled heights */
.np-hero{
 height:var(--eg-hero-desktop)!important;
 min-height:var(--eg-hero-desktop)!important;
 background-position:var(--eg-hero-position) center!important;
 background-size:cover!important;
}

/* Brand name must stay lowercase where it is a brand kicker */
.eg-page-intro>.eg-kicker,
.eg-library-hero>.eg-kicker,
.eg-connect-hero-card>.eg-kicker{
 text-transform:none!important;
 letter-spacing:.08em!important;
}

/* The demo covers already include their titles: avoid repeating them in the Special row. */
.eg-special-panel .eg-cover-meta{display:none!important}

/* Archive preview pills are links now. */
.eg-pills a.eg-pill{text-decoration:none!important}

/* Connect header/menu cleanup */
.eg-connect-page .eg-nav a[href="/en/#inside"]{display:none!important}

@media(max-width:1100px){
 .eg-home-hero{
   height:var(--eg-hero-tablet)!important;
   min-height:var(--eg-hero-tablet)!important;
 }
 .np-hero{
   height:var(--eg-hero-tablet)!important;
   min-height:var(--eg-hero-tablet)!important;
 }
 .eg-home-copy{padding:44px 42px 34px!important}
 .eg-home-copy h1{font-size:52px!important}
 .eg-home-copy p{font-size:16px!important}
}
@media(max-width:680px){
 .eg-home-hero{
   height:var(--eg-hero-mobile)!important;
   min-height:var(--eg-hero-mobile)!important;
 }
 .np-hero{
   height:var(--eg-hero-mobile)!important;
   min-height:var(--eg-hero-mobile)!important;
 }
 .eg-home-copy{padding:62px 24px 38px!important}
 .eg-home-copy h1{font-size:45px!important}
}
