:root{--blue:#257ce1;--navy:#071f3d;--white:#fff;--mist:#dbe6f1;--line:rgba(255,255,255,.22)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--navy)}
body{color:var(--white);font-family:"Manrope",Arial,sans-serif}
.page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}
.header{height:106px;padding:0 clamp(26px,6vw,92px);display:flex;align-items:center;justify-content:space-between;background:#fff;color:#506074}
.logo{width:190px;height:76px;object-fit:contain;object-position:left center}
.header p{margin:0;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.header p:first-letter{color:var(--blue)}
.header span{margin:0 7px;color:#aeb8c4}
.hero{min-height:660px;display:grid;grid-template-columns:46% 54%;background:var(--navy)}
.copy{padding:clamp(72px,9vw,132px) clamp(34px,7vw,118px);display:flex;flex-direction:column;justify-content:center}
.eyebrow{margin:0 0 25px;color:#58a4fb;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
h1{max-width:660px;margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(52px,5.3vw,84px);font-weight:500;line-height:.98;letter-spacing:-.025em}
.rule{width:55px;height:3px;margin:34px 0;background:var(--blue)}
.lead{max-width:520px;margin:0;color:var(--mist);font-size:16px;line-height:1.8}
.contact{margin-top:46px;padding-top:27px;border-top:1px solid var(--line);display:grid;gap:9px}
.contact p{margin:0 0 5px;color:#8ca0b5;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.contact a{width:max-content;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;text-decoration:none;transition:color .2s}
.contact a:hover{color:#58a4fb}
.image{background:linear-gradient(90deg,rgba(7,31,61,.22),transparent 28%),url("assets/santiago-portada.jpg") center/cover no-repeat}
footer{min-height:86px;padding:25px clamp(26px,6vw,92px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#04162b;border-top:1px solid rgba(255,255,255,.09);color:#899bad;font-size:10px;letter-spacing:.04em}
footer p{margin:0}
@media(max-width:900px){.hero{grid-template-columns:1fr}.copy{min-height:650px}.image{min-height:430px}.header{height:92px}.logo{width:155px;height:64px}}
@media(max-width:600px){.header{padding:0 24px}.header p{display:none}.hero{min-height:auto}.copy{min-height:650px;padding:85px 28px 75px}h1{font-size:52px}.lead{font-size:15px}.image{min-height:320px}footer{align-items:flex-start;flex-direction:column;padding:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}