:root{
  --blue:#A9C4CF; --blue-deep:#5f7f8b; --ivory:#F7F3EA; --sage:#9EAD9B;
  --ink:#263638; --muted:#617071; --white:#fff; --line:rgba(38,54,56,.14);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"Lato",sans-serif;line-height:1.7}
h1,h2,h3{font-family:"Cormorant Garamond",serif;line-height:1.05;margin:0 0 1rem}
h1{font-size:clamp(3rem,6vw,5.8rem);font-weight:600;letter-spacing:-.025em}
h2{font-size:clamp(2.4rem,4vw,4.2rem);font-weight:600}
h3{font-size:1.75rem}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.76rem;font-weight:700;color:var(--blue-deep)}
.site-header{height:82px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(247,243,234,.94);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none;color:var(--ink);font-family:"Cormorant Garamond",serif;font-size:1.55rem;font-weight:700}.feather{font-size:2rem;color:var(--blue-deep)}
.nav{display:flex;gap:1.6rem;align-items:center}.nav a{text-decoration:none;color:var(--ink);font-size:.92rem}.nav-cta{border:1px solid var(--blue-deep);padding:.55rem .95rem;border-radius:999px}
.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:.5rem .75rem}
.hero{min-height:720px;background:linear-gradient(120deg,var(--ivory),#fff);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:clamp(70px,9vw,140px) clamp(28px,8vw,130px);gap:5vw;overflow:hidden}
.hero-copy{max-width:850px}.lead{font-size:clamp(1.1rem,1.5vw,1.35rem);max-width:760px;color:var(--muted)}
.actions{display:flex;gap:1.4rem;align-items:center;margin-top:2rem;flex-wrap:wrap}.button{display:inline-block;text-decoration:none;padding:.95rem 1.4rem;border-radius:3px;font-weight:700}.primary{background:var(--blue-deep);color:white}.secondary{background:var(--sage);color:#172322}.text-link{color:var(--blue-deep);font-weight:700;text-decoration:none}
.hero-art{min-height:430px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--blue-deep)}.halo{position:absolute;width:360px;height:360px;border-radius:50%;background:var(--blue);opacity:.22}.feather-mark{font-size:11rem;position:relative;transform:rotate(-10deg);opacity:.75}.hero-art p{position:relative;font-family:"Cormorant Garamond",serif;font-size:1.55rem}
.quiet-strip{background:var(--blue);padding:2.2rem 10%;text-align:center;font-family:"Cormorant Garamond",serif;font-size:1.55rem}.quiet-strip p{margin:0}
.section{padding:clamp(70px,9vw,130px) clamp(28px,8vw,130px)}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.prose{font-size:1.08rem;max-width:760px}.tinted{background:var(--ivory)}.section-heading{max-width:850px;margin-bottom:3.5rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.card{background:#fff;padding:2.2rem;border-top:4px solid var(--blue);box-shadow:0 10px 35px rgba(38,54,56,.06)}.number{font-family:"Cormorant Garamond",serif;font-size:1.3rem;color:var(--sage);font-weight:700}
.preparedness{background:linear-gradient(135deg,#eef4f3,var(--ivory))}.preparedness-box{max-width:900px;margin:auto;text-align:center}.small-note{font-size:.92rem;color:var(--muted);margin:1.5rem auto 2rem;max-width:680px}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.approach-grid p{border-left:2px solid var(--sage);padding-left:1.4rem}
.about{
  display:grid;
  grid-template-columns:minmax(250px,.65fr) minmax(360px,1.1fr) minmax(230px,.65fr);
  gap:clamp(2rem,4vw,4.5rem);
  align-items:center;
  background:linear-gradient(135deg,#fbf8f1 0%,var(--ivory) 58%,#eef4f3 100%);
  overflow:hidden;
}
.about-copy{max-width:850px;position:relative;z-index:2}
.about-portrait-wrap{
  position:relative;
  width:min(100%,470px);
  margin:auto;
  padding:1.15rem;
  isolation:isolate;
}
.about-watercolor{
  position:absolute;
  inset:-10% -12% -12% -14%;
  z-index:-2;
  background:
    radial-gradient(ellipse at 45% 48%, rgba(169,196,207,.42) 0 38%, transparent 68%),
    radial-gradient(ellipse at 30% 68%, rgba(158,173,155,.32) 0 24%, transparent 58%);
  filter:blur(3px);
  transform:rotate(-4deg);
}
.about-portrait{
  display:block;
  width:100%;
  height:auto;
  border-radius:46% 54% 48% 52% / 50% 46% 54% 50%;
  box-shadow:0 18px 45px rgba(38,54,56,.16);
}
.about-feather{
  position:absolute;
  right:-.2rem;
  bottom:-1.2rem;
  font-size:clamp(5rem,10vw,9rem);
  line-height:1;
  color:var(--blue-deep);
  opacity:.55;
  transform:rotate(-18deg);
  z-index:3;
  text-shadow:0 2px 0 rgba(255,255,255,.65);
}
.contact{text-align:center;padding:clamp(85px,10vw,150px) 8%;background:var(--ink);color:#fff}.contact .eyebrow{color:var(--blue)}.contact h2{max-width:850px;margin:0 auto 1.3rem}.contact>p:not(.eyebrow){max-width:680px;margin:0 auto 2rem;color:#dce3e2}.contact-email{font-size:.9rem!important;margin-top:1rem!important}
footer{display:flex;justify-content:space-between;gap:2rem;padding:2.2rem clamp(28px,8vw,130px);background:#172325;color:#d9e0df;font-size:.85rem}footer span{color:#aebbbb}
@media(max-width:850px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--ivory);padding:1.5rem;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{min-height:280px}.halo{width:250px;height:250px}.feather-mark{font-size:8rem}.two-col,.about{
  display:grid;
  grid-template-columns:minmax(250px,.65fr) minmax(360px,1.1fr) minmax(230px,.65fr);
  gap:clamp(2rem,4vw,4.5rem);
  align-items:center;
  background:linear-gradient(135deg,#fbf8f1 0%,var(--ivory) 58%,#eef4f3 100%);
  overflow:hidden;
}
.about-copy{max-width:850px;position:relative;z-index:2}
.about-portrait-wrap{
  position:relative;
  width:min(100%,470px);
  margin:auto;
  padding:1.15rem;
  isolation:isolate;
}
.about-watercolor{
  position:absolute;
  inset:-10% -12% -12% -14%;
  z-index:-2;
  background:
    radial-gradient(ellipse at 45% 48%, rgba(169,196,207,.42) 0 38%, transparent 68%),
    radial-gradient(ellipse at 30% 68%, rgba(158,173,155,.32) 0 24%, transparent 58%);
  filter:blur(3px);
  transform:rotate(-4deg);
}
.about-portrait{
  display:block;
  width:100%;
  height:auto;
  border-radius:46% 54% 48% 52% / 50% 46% 54% 50%;
  box-shadow:0 18px 45px rgba(38,54,56,.16);
}
.about-feather{
  position:absolute;
  right:-.2rem;
  bottom:-1.2rem;
  font-size:clamp(5rem,10vw,9rem);
  line-height:1;
  color:var(--blue-deep);
  opacity:.55;
  transform:rotate(-18deg);
  z-index:3;
  text-shadow:0 2px 0 rgba(255,255,255,.65);
}footer{flex-direction:column}}


/* Home page compassionate family image */
.hero-family-image {
  width: min(1120px, 92%);
  margin: 2rem auto 0;
  overflow: hidden;
  border-radius: 22px;
  box-shadow: 0 14px 38px rgba(45, 60, 58, 0.14);
}
.hero-family-image img {
  display: block;
  width: 100%;
  height: clamp(280px, 42vw, 540px);
  object-fit: cover;
  object-position: center;
}
@media (max-width: 700px) {
  .hero-family-image {
    width: 100%;
    border-radius: 14px;
    margin-top: 1.4rem;
  }
  .hero-family-image img {
    height: 330px;
  }
}




/* Photographic feather brand motif */
.brand{
  display:flex;
  align-items:center;
  gap:.6rem;
}
.brand-feather-photo{
  width:46px;
  height:30px;
  object-fit:cover;
  border-radius:50%;
  filter:saturate(.82) contrast(.94);
  box-shadow:0 3px 10px rgba(38,54,56,.10);
}
.about-feather-photo{
  align-self:stretch;
  min-height:330px;
  display:flex;
  align-items:center;
  position:relative;
}
.about-feather-photo::before{
  content:"";
  position:absolute;
  inset:8% -12% 8% -18%;
  background:radial-gradient(ellipse at center, rgba(169,196,207,.22), transparent 70%);
  z-index:0;
}
.about-feather-photo img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-height:360px;
  object-fit:cover;
  border-radius:48% 52% 46% 54% / 52% 46% 54% 48%;
  opacity:.94;
  box-shadow:0 18px 40px rgba(38,54,56,.12);
}
@media(max-width:900px){
  .about{
    grid-template-columns:1fr;
  }
  .about-feather-photo{
    min-height:0;
    max-width:430px;
    margin:0 auto;
  }
  .about-feather-photo img{
    max-height:260px;
  }
}