[hidden]{display:none!important}.section-intro{max-width:65ch;color:#adbfce;margin-bottom:28px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:40px}.value-grid>div{border-top:1px solid #2b4257;padding-top:24px}.value-grid h3{font-size:23px;font-weight:400;line-height:1.3;margin:20px 0}.value-grid p:not(.eyebrow){color:#adbfce;font-size:14px}.layers,.capabilities,.work{padding-top:120px}.layers-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.layers dl{margin-top:30px}.layers dl>div{padding:24px 0;border-bottom:1px solid #2b4257}.layers dt{font-size:32px}.layers dt span{font-size:12px;color:#88a9c3;margin-right:20px}.layers dd{margin:12px 0 0;color:#adbfce;font-size:15px}.education{margin-block:32px;border-top:1px solid #2b4257}.education a{display:block;padding:20px 0;border-bottom:1px solid #2b4257;text-decoration:none}.education strong{font-weight:600;text-decoration:underline;text-underline-offset:5px}.education span{display:block;margin-top:8px;color:#adbfce;font-size:14px}.capabilities dl{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.capabilities dl>div{padding:28px 0;border-bottom:1px solid #2b4257}.capabilities dt{font-size:22px}.capabilities dd{margin:12px 0 0;color:#adbfce;font-size:15px}.case-evidence{width:100%;margin-top:24px;font-size:14px}.case-evidence summary{cursor:pointer;min-height:44px;padding-block:12px;color:#f7f8fa;text-decoration:underline;text-underline-offset:4px}.case-evidence dl{margin-bottom:24px}.case-evidence dt{font-weight:600;margin-top:18px}.case-evidence dd{margin:6px 0 0;color:#c2cfda}.case-image img{max-height:650px;object-fit:contain}.immersive-form{width:min(760px,calc(100% - 36px));margin:0 auto 100px;padding:clamp(20px,4vw,48px);background:#14202e;border:1px solid #2b4257}.immersive-form h3{font-size:26px;line-height:1.3;margin-bottom:16px}.immersive-form>p{font-size:14px;color:#c2cfda;margin-bottom:20px}.v5-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.v5-contact-wide{grid-column:1/-1}.immersive-form label{display:block;margin-bottom:8px;font-size:14px}.immersive-form input,.immersive-form textarea{width:100%;font:inherit;color:#f7f8fa;background:#090f1d;border:1px solid #526575;border-radius:0;padding:12px;min-height:48px}.immersive-form textarea{resize:vertical}.immersive-form input:focus-visible,.immersive-form textarea:focus-visible,.immersive-form button:focus-visible,summary:focus-visible{outline:3px solid #88a9c3;outline-offset:4px}.immersive-form form p{font-size:13px;color:#c2cfda;margin-block:14px}.immersive-form .v5-button{font:inherit;cursor:pointer;border:0;min-height:54px;width:100%;background:#88a9c3;color:#091235;padding:14px;margin-bottom:24px}.v5-contact-captcha{margin-top:24px}.immersive-form .v5-contact-error{color:#fff;border-left:3px solid #88a9c3;padding:12px}.contact{padding-bottom:60px}section[id]{scroll-margin-top:24px}
@media(max-width:800px){.value-grid{grid-template-columns:1fr;gap:28px}.layers,.capabilities,.work{padding-top:70px}.layers-layout{grid-template-columns:1fr;gap:0}.layers dl{margin-top:0}.capabilities dl{grid-template-columns:1fr}.v5-contact-fields{grid-template-columns:1fr}.case-copy{padding:24px}.nav nav{flex-wrap:wrap}.nav nav>a:not(.nav-contact){display:flex}.nav{flex-wrap:wrap;gap:20px}.nav nav{gap:8px 20px}.immersive-form{padding:20px}}
/* Keep each situation number together while the description wraps. */
.situations .rows>a>span{flex:0 0 2ch;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}.situations .rows>a>div{flex:1;min-width:0}.situations .rows>a>b{flex-shrink:0}

/* A full-width light interval for the five stages of work. */
.process-light{margin-top:120px;padding-block:100px;background:#f7f8f5;color:#091235}
.process-light .eyebrow,.process-light li span{color:#3e627f}
.process-light .section-intro,.process-light li p{color:#405569}
.process-light li{border-top-color:#547894}
.process-light ol{margin-bottom:0}
@media(max-width:800px){.process-light{margin-top:70px;padding-block:64px}}
@media(max-width:480px){.process-light ol{grid-template-columns:1fr;gap:28px}.process-light li p{margin-top:10px}}
/* Repeat the light treatment in the final contact form. */
.immersive-form{width:100%;margin-bottom:0;padding:80px max(18px,calc((100% - 664px)/2));background:#f7f8f5;color:#091235;border:0}
.immersive-form>p,.immersive-form form p{color:#405569}
.immersive-form input,.immersive-form textarea{background:#fff;color:#091235;border-color:#708596}
.immersive-form label span{color:#405569}
.immersive-form .v5-button{background:#091235;color:#f7f8f5}
.immersive-form .v5-button:hover{background:#28445f}
.immersive-form input:focus-visible,.immersive-form textarea:focus-visible,.immersive-form button:focus-visible,.immersive-form a:focus-visible{outline-color:#3e627f}
.immersive-form .v5-contact-error{color:#091235;border-left-color:#3e627f;background:#e8edf0}
@media(max-width:800px){.immersive-form{padding-block:56px}}
/* Layered diagonal light panels inspired by the reference, drawn entirely in CSS. */
.hero-art{pointer-events:none;width:74%;height:740px;top:0;mask-image:radial-gradient(ellipse at 59% 43%,#000 35%,rgba(0,0,0,.85) 62%,transparent 90%)}
.hero-art::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 59% 49%,rgba(91,151,180,.17),transparent 60%)}
.hero-art .plane{width:210px;height:860px;transform:rotate(-43deg);background:radial-gradient(ellipse at 62% 55%,rgba(157,206,220,.8),rgba(104,164,188,.4) 28%,transparent 65%),linear-gradient(90deg,rgba(26,51,72,.05),rgba(62,111,141,.28) 28%,rgba(103,163,190,.44) 82%,rgba(158,206,220,.5) 99%,transparent);filter:blur(.7px);opacity:.8;box-shadow:inset -1px 0 0 rgba(177,211,225,.18),16px 0 36px rgba(6,12,24,.28);mask-image:linear-gradient(to bottom,transparent 5%,rgba(0,0,0,.35) 19%,#000 35%,#000 62%,rgba(0,0,0,.3) 78%,transparent 95%)}
.hero-art .plane-one{left:14%;top:-140px;opacity:.62}
.hero-art .plane-two{left:38%;top:-115px;opacity:.9}
.hero-art .plane-three{left:62%;top:-90px;opacity:.72}
@media(max-width:800px){.hero-art{width:100%;height:560px;top:90px;opacity:.5}.hero-art .plane{width:125px;height:680px}.hero-art .plane-one{left:2%;top:-100px}.hero-art .plane-two{left:34%;top:-85px}.hero-art .plane-three{left:66%;top:-70px}}
/* Anchor navigation skips section spacing and starts at the visible content. */
#enfoque{scroll-margin-top:-150px}
#casos,#proyectos{scroll-margin-top:-120px}
#perfil,#contacto{scroll-margin-top:-160px}
@media(max-width:800px){#enfoque,#perfil,#contacto{scroll-margin-top:-90px}#casos,#proyectos{scroll-margin-top:-70px}}

/* Visible post-submit state, with a recoverable draft for uncertain delivery. */
.contact-feedback{padding:28px;border:1px solid #88a9c3;background:#e8eef0;color:#091235;margin-block:24px}
.contact-feedback[hidden]{display:none}
.contact-feedback h3{margin:0 0 16px;font:600 24px/1.25 Inter,Arial,sans-serif}
.contact-feedback p{font-size:15px;line-height:1.6}
.contact-feedback-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.contact-feedback-actions button{padding:12px 18px;min-height:44px;border:1px solid #091235;background:#091235;color:#fff;font:600 14px/1.4 Inter,Arial,sans-serif;cursor:pointer}
.contact-feedback-actions button+button{background:transparent;color:#091235}
.contact-feedback-actions button:focus-visible{outline:3px solid #52798e;outline-offset:4px}