/* ==========================================================================
   Estia Homes — Base / reset / primitives
   Element defaults and small utilities shared by every page.
   ========================================================================== */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  color:var(--text);
  background:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{
  font-family:var(--sans);
  color:var(--navy);
  line-height:1.1;
  letter-spacing:-0.02em;
  font-weight:600;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
svg{display:block}

/* Layout container */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}

/* Eyebrow label */
.eyebrow{
  font-size:12px;font-weight:600;letter-spacing:0.22em;
  text-transform:uppercase;color:var(--amber-text);
}
.eyebrow.on-navy{color:var(--amber)}

/* Serif pull-quote — humanist accent, use sparingly */
.pullquote{
  font-family:var(--serif);font-weight:400;color:var(--navy);
  font-size:26px;line-height:1.32;letter-spacing:-0.01em;
}
.pullquote em{color:var(--amber-text);font-style:italic}

/* Accessibility: skip link + visible focus */
.skip{
  position:absolute;left:-9999px;top:0;background:var(--amber);color:var(--navy);
  padding:10px 16px;font-weight:600;z-index:200;border-radius:0 0 2px 0;
}
.skip:focus{left:0}
a:focus-visible,button:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible,.btn:focus-visible{
  outline:3px solid var(--amber);outline-offset:2px;
}

/* Utilities */
.center{text-align:center}
.mx-auto{margin-left:auto;margin-right:auto}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}