:root{--navy:#14284b;--navy-dark:#0d1b33;--steel:#9aa5b8;--grey-bg:#f1f3f6;--ink:#222a36;--mute:#5b6473;--line:#d8dce3}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Archivo',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65;font-size:17px}
h1,h2,h3{font-family:'Bitter',Georgia,serif;line-height:1.2;margin:0 0 .6em;color:var(--navy)}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--steel);outline-offset:3px}
header{background:var(--navy);color:#fff}
.bar{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo{text-decoration:none;color:#fff;display:flex;flex-direction:column;line-height:1.1}
.logo b{font-family:'Bitter',serif;font-size:2rem;letter-spacing:.08em;border-bottom:3px solid var(--steel);padding-bottom:2px}
.logo small{font-size:.72rem;margin-top:5px;opacity:.85}
nav{display:flex;gap:22px;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current]{border-color:var(--steel)}
main{max-width:1080px;margin:0 auto;padding:48px 24px 72px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2rem,4.5vw,3rem)}
.hero img,.ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;background:#d5d9e0}
.btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:12px 24px;border-radius:3px;border:0;font:inherit;font-weight:700;cursor:pointer}
.btn:hover{background:var(--navy-dark)}
.prose{max-width:66ch}
.list{columns:2;padding-left:1.1em;max-width:520px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;background:#d5d9e0;display:block}
.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:48px}
.contact dt{font-weight:700;margin-top:1em;color:var(--navy)}
.contact dd{margin-left:0}
form{background:var(--grey-bg);padding:24px;border-radius:4px}
form label{display:block;font-weight:600;margin-top:1em}
form label:first-of-type{margin-top:0}
input,textarea{width:100%;padding:11px;font:inherit;border:1px solid #aab2c0;border-radius:3px;background:#fff;margin-top:4px}
textarea{min-height:150px}
.hp{display:none}
footer{background:var(--grey-bg);border-top:1px solid var(--line);text-align:center;color:var(--mute);padding:24px;font-size:.9rem}
@media(max-width:760px){.hero,.contact{grid-template-columns:1fr}.list{columns:1}}

body.home main{max-width:none;padding:0}
.hero-full{display:flex;align-items:center;min-height:max(440px,calc(100svh - 150px));background:linear-gradient(90deg,rgba(13,27,51,.82),rgba(13,27,51,.4)),url("hero.png") center/cover no-repeat,url("Azevedo%20House%20Pictures/IMG_0376.JPG") center/cover no-repeat,var(--navy)}
.hero-full .inner{width:100%;max-width:1080px;margin:0 auto;padding:48px 24px}
.hero-full h1{color:#fff;font-size:clamp(2.2rem,5vw,3.4rem);max-width:16ch}
.hero-full p{color:#fff;max-width:52ch;font-size:1.1rem}
.btn-light{background:#fff;color:var(--navy)}
.btn-light:hover{background:#e6eaf0}