@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Instrument+Serif&display=swap');
:root{--navy:#112b35;--cream:#f5f1e8;--teal:#b8d4ce}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--navy);font:1rem/1.55 "DM Sans",sans-serif}
a{color:inherit;text-underline-offset:.25em}
a:focus-visible,button:focus-visible{outline:3px solid #459f92;outline-offset:4px}
.shell{width:min(74rem,90%);margin:auto}
.header,.footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;font-size:.88rem}
.header>a{text-decoration:none}
nav{display:flex;gap:1.2rem;flex-wrap:wrap}
.hero{position:relative;isolation:isolate;background:#163640 url(assets/coast.jpg) center/cover;color:white}
.hero video,.hero::after{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}
.hero::after{content:"";z-index:-1;background:linear-gradient(90deg,#092329ed,#09232999 55%,#09232929),linear-gradient(0deg,#092329b0,transparent 45%)}
.hero-copy{padding:clamp(4rem,9vw,8rem) 0 6rem}
.eyebrow{text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.16em}
h1,h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:.94;margin:.2em 0;overflow-wrap:anywhere}
h1{font-size:clamp(4rem,9vw,9rem)}
h2{font-size:clamp(2.8rem,5vw,5rem)}
.hero-copy>p:not(.eyebrow){font-size:clamp(1.1rem,2vw,1.4rem)}
.button{display:inline-block;padding:.8rem 1rem;font:inherit;font-weight:700;text-decoration:none;border:1px solid currentColor}
.light{background:var(--cream);color:var(--navy)}
.corridor{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,5vw,5rem);align-items:center;padding-block:clamp(2rem,6vw,5rem)}
.route{margin:0;background:var(--teal);border:1px solid #819c98}
.route img{display:block;width:100%;height:auto}
.acquisition{background:var(--navy);color:var(--cream)}
.footer p{max-width:65ch}
@media(max-width:650px){.corridor{grid-template-columns:1fr}.header,.footer{align-items:flex-start;flex-direction:column}}