:root{--navy:#172c3b;--cream:#faf7f0;--gold:#a77c47;--ink:#26323b}
*{box-sizing:border-box}
body{margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}
a{color:inherit}
header{background:var(--navy);color:white}
nav{max-width:1100px;margin:auto;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
nav a{text-decoration:none;font-size:14px;margin-right:15px}
.logo{font-size:28px;font-weight:800;letter-spacing:-1px}
.logo span{color:#dfc49a}
.hero{background:var(--navy);color:white;padding:95px 20px 110px}
.wrap{max-width:1100px;margin:auto}
.eyebrow{color:#d6b785;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}
h1{font-size:clamp(38px,5vw,70px);line-height:1.13;letter-spacing:-.045em;max-width:850px;margin:18px 0}
h2{font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.03em}
h3{font-size:22px}
p{max-width:750px}
.lead{font-size:21px;color:#e5e9ed}
.btn{display:inline-block;background:#d6b785;color:#152837;padding:13px 24px;border-radius:4px;text-decoration:none;font-weight:700;margin-top:15px}
.btn.alt{background:var(--navy);color:white}
.section{padding:75px 20px}
.cream{background:var(--cream)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tile{border:1px solid #ddd;padding:26px;background:white;border-radius:6px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.muted{color:#53616a}
footer{background:var(--navy);color:white;padding:35px 20px;font-size:14px}
footer a{color:#e3c99d}
.note{font-size:13px;color:#69747c}
.field{display:block;margin:15px 0}
input,textarea{width:100%;padding:12px;border:1px solid #b8c1c7;border-radius:4px;font:inherit}
textarea{min-height:130px}
/* Meet Louise page only: does not alter other page layouts */
.about-profile{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(28px,5vw,65px);align-items:start}
.about-photo{min-width:0;width:100%;max-width:320px}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:10px}
.about-copy{min-width:0}
.about-copy h2{margin-top:0}
.about-expectations{margin-top:28px}
.about-expectations h3{margin-top:0}
.about-expectations p:last-child{margin-bottom:0}
@media(max-width:720px){
  .grid,.two{grid-template-columns:1fr}
  .hero{padding:65px 20px}
  nav{display:block}
  nav .links{margin-top:15px}
  nav a{display:inline-block;margin-bottom:8px}
  .about-profile{grid-template-columns:1fr;gap:30px}
  .about-photo{width:100%;max-width:280px;margin-inline:auto}
  .about-copy h2{margin-top:0}
}
@media(min-width:721px) and (max-width:900px){.about-profile{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:28px}}
@media(max-width:400px){.section{padding:52px 18px}.hero{padding:55px 18px}.about-expectations{padding:20px}}

/* ==========================================
   Facebook Footer Link
   willyoujust! branding
   ========================================== */

.facebook-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #dfc49a;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.facebook-link:hover,
.facebook-link:focus-visible {
    color: #ffffff;
    text-decoration: underline;
}

.facebook-link svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Accessibility: keyboard navigation */
.facebook-link:focus-visible {
    outline: 2px solid #dfc49a;
    outline-offset: 4px;
    border-radius: 3px;
}