@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;600;700&display=swap');
:root{--ink:#14283a;--paper:#f5f1e9}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.55 "Instrument Sans",Arial,sans-serif}
a{color:inherit;text-underline-offset:.2em}
a:focus-visible{outline:2px solid #c38348;outline-offset:4px}
.wrap{width:min(1120px,90%);margin-inline:auto}
header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem}
.brand{text-decoration:none}
.hero{position:relative;background:var(--ink);color:white;isolation:isolate}
.hero figure{margin:0}
.hero img{display:block;width:100%;height:auto;aspect-ratio:2 / 1}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,23,37,.84),rgba(9,23,37,.48) 32%,transparent 65%);pointer-events:none}
.hero-copy{position:absolute;z-index:1;left:5%;top:61%;transform:translateY(-12%);width:36%;margin:0}
h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.04;margin:0}
h1{font-size:clamp(2.1rem,4.8vw,6.25rem);letter-spacing:-.04em}
.hero-copy p{max-width:31ch;margin:.8rem 0 0;font-size:clamp(.8rem,1.25vw,1.15rem)}
.acquire{padding:clamp(2rem,5vw,4.5rem) 0}
.acquire .grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:center}
h2{font-size:clamp(1.85rem,4vw,3rem);overflow-wrap:anywhere}
.label{font-size:.72rem;letter-spacing:.14em;font-weight:700}
.button{display:inline-block;background:var(--ink);color:white;padding:.65rem 1rem;text-decoration:none;font-weight:600}
footer{padding:1rem 0 1.5rem;border-top:1px solid #d5cfc2;font-size:.8rem}
@media(max-width:640px){
 .hero img{aspect-ratio:2 / 1}
 .hero-copy{width:62%;top:34%;transform:none}
 h1{font-size:clamp(1.6rem,6vw,2.8rem)}
 .hero-copy p{margin-top:.4rem;font-size:.75rem}
 .acquire .grid{grid-template-columns:1fr}
}

@media(max-width:640px){
 .hero-copy{position:relative;top:auto;left:auto;width:90%;margin:auto;padding:1.1rem 0 1.35rem}
 .hero{display:flex;flex-direction:column-reverse}
 .hero::after{display:none}
 h1{font-size:clamp(2rem,9vw,3.25rem)}
 .hero-copy p{font-size:.9rem}
}

.experiences{padding:clamp(2.5rem,6vw,5rem) 0}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.3rem}
.experience-grid article{background:#fffdf8;border:1px solid #ded7cb;border-radius:10px;overflow:hidden}
.experience-grid img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;display:block}
.experience-grid article div{padding:1rem}
.experience-grid h3{margin:0;font:1.35rem Georgia,serif}
.experience-grid p{margin:.45rem 0 0;font-size:.92rem}
.experience-note{font-size:.82rem}
@media(max-width:660px){.experience-grid{grid-template-columns:1fr}}

/* Keep the aerial full width and trim only sky and foreground water on desktop. */
@media(min-width:641px){
 .hero img{height:38vw;aspect-ratio:auto;object-fit:cover;object-position:center 65%}
 .hero-copy{top:auto;bottom:12%;transform:none}
}