:root{--footer-text:rgba(255,255,255,.86)}

/* Hero correction: use only official brandbook assets, never the legacy illustration. */
.hero-shell{align-items:center!important}
.hero-art{
    min-width:0!important;
    height:480px!important;
    align-self:center!important;
    display:grid!important;
    place-items:center!important;
    isolation:isolate;
    padding:58px!important;
    border-radius:240px 240px 32px 32px!important;
    background:
        url('/images/ines-logo-main.svg') center 57%/42% auto no-repeat,
        linear-gradient(90deg,transparent 0 12%,rgba(214,186,206,.9) 12% 23%,transparent 23% 31%,rgba(239,226,160,.9) 31% 42%,transparent 42% 50%,rgba(143,201,184,.94) 50% 61%,transparent 61% 69%,rgba(163,209,203,.92) 69% 80%,transparent 80%),
        linear-gradient(180deg,#fffdf8 0 66%,#a3d1cb 66% 100%)!important;
    box-shadow:0 30px 80px rgba(15,44,53,.14)!important;
}
.hero-art::before{
    inset:34px 34px 0!important;
    z-index:-1!important;
    border:42px solid rgba(255,253,248,.78)!important;
    border-bottom:0!important;
    border-radius:210px 210px 0 0!important;
}
.hero-art::after{display:none!important;content:none!important}
.hero-art img{display:none!important}

/* Keep text, CTA and artwork in separate columns on desktop. */
.hero-copy{min-width:0!important;padding-right:6px!important}
.hero-copy h1{overflow-wrap:anywhere}
.button-row{position:relative;z-index:5}

/* Footer correction: stronger hierarchy and contrast, no hidden/overlapping content. */
.site-footer{
    min-height:260px;
    padding:64px 0 44px!important;
    overflow:hidden!important;
    background:#0f2c35!important;
    border-radius:54px 54px 0 0;
}
.site-footer::before{
    right:clamp(20px,6vw,90px)!important;
    bottom:22px!important;
    width:132px!important;
    height:112px!important;
    opacity:.065!important;
    pointer-events:none!important;
}
.site-footer::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.08;
    background-image:radial-gradient(ellipse at 50% 100%,transparent 47%,#a3d1cb 48% 54%,transparent 55%);
    background-size:82px 62px;
    mask-image:linear-gradient(90deg,transparent 0 36%,#000 78% 100%);
}
.footer-row{
    position:relative!important;
    z-index:3!important;
    display:grid!important;
    grid-template-columns:minmax(240px,1.15fr) minmax(220px,.85fr) minmax(220px,.85fr)!important;
    align-items:start!important;
    gap:36px!important;
    color:var(--footer-text)!important;
    font-size:13px!important;
    line-height:1.8!important;
}
.footer-row>*{min-width:0!important;color:var(--footer-text)!important;opacity:1!important}
.footer-row a{color:#d9f1ed!important;text-decoration:none!important;font-weight:700!important}
.footer-row a:hover{color:#efe2a0!important}
.site-footer nav,.site-footer .social-links,.site-footer [class*='social']{position:relative!important;z-index:4!important;opacity:1!important}
.site-footer .social-links,.site-footer [class*='social']{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
.site-footer .social-links a,.site-footer [class*='social'] a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:10px 20px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
}
.seo-footer-nav{position:relative!important;z-index:4!important;display:flex!important;flex-wrap:wrap!important;gap:12px 20px!important;margin-top:24px!important}
.seo-footer-nav a{color:#d9f1ed!important}

@media(max-width:1050px){
    .hero-shell{grid-template-columns:1fr 1fr!important;gap:34px!important;padding:54px 42px!important}
    .hero-art{height:420px!important;padding:44px!important}
    .footer-row{grid-template-columns:1fr 1fr!important}
}

@media(max-width:760px){
    .hero-shell{grid-template-columns:1fr!important;gap:38px!important;padding:42px 24px 28px!important}
    .hero-copy{padding-right:0!important}
    .hero-art{width:100%!important;height:390px!important;order:2;border-radius:190px 190px 24px 24px!important}
    .footer-row{grid-template-columns:1fr!important;gap:26px!important}
    .site-footer{padding:48px 0 38px!important;border-radius:38px 38px 0 0}
}

@media(max-width:460px){
    .hero-art{height:320px!important;padding:32px!important;background-size:46% auto,auto,auto!important}
    .hero-art::before{inset:24px 24px 0!important;border-width:30px!important}
    .site-footer .social-links a,.site-footer [class*='social'] a{width:100%!important}
}