/* ===== Original styles from the one-page site (unchanged) ===== */
:root{
  --sand:#FFFFFF;
  --paper:#FAFAFA;
  --ink:#0F2A4A;
  --ink-soft:#0F2A4A;
  --copper:#C9A227;
  --stone:#B8C4D6;
  --line: rgba(15,42,74,0.14);
  --line-strong: rgba(15,42,74,0.26);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--sand);
  color:var(--ink);
  font-family:'IBM Plex Sans', sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-text-size-adjust:100%;
}

h1,h2,h3{
  font-family:'Fraunces', serif;
  font-weight:500;
  line-height:1.15;
  margin:0;
  color:var(--ink);
}

a{color:inherit;}
img{max-width:100%; display:block;}

.wrap{
  max-width:1080px;
  margin:0 auto;
  padding:0 24px;
}

/* ---------- coordinate strip ---------- */
.coord-strip{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 24px;
  font-size:12px;
  letter-spacing:0.04em;
  color:var(--ink-soft);
  border-bottom:1px solid var(--line);
  max-width:1080px;
  margin:0 auto;
}

/* ---------- nav ---------- */
header{
  position:sticky;
  top:0;
  background:var(--ink);
  z-index:20;
  border-bottom:1px solid var(--line);
}
nav.wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:16px;
  padding-bottom:16px;
}
.logo{
  font-family:'Fraunces', serif;
  font-size:18px;
  font-weight:500;
  color:var(--paper);
}
.logo em{font-style:italic; color:var(--copper);}
.navlinks{
  display:flex;
  gap:28px;
  font-size:14px;
}
.navlinks a{
  text-decoration:none;
  color:var(--paper);
  border-bottom:1px solid transparent;
  padding-bottom:2px;
  white-space:nowrap;
}
.navlinks a:hover{
  color:var(--copper);
  border-bottom:1px solid var(--copper);
}
.navlinks a.nav-cta{
  background:var(--copper);
  color:var(--ink);
  padding:8px 16px;
  border-radius:999px;
  border-bottom:none;
  font-weight:600;
}
.navlinks a.nav-cta:hover{
  background:var(--paper);
  color:var(--ink);
  border-bottom:none;
}
.navtoggle{display:none;}

/* ---------- hero ---------- */
.hero{
  position:relative;
  padding:56px 0 72px;
  overflow:hidden;
}
.hero-grid{
  display:grid;
  grid-template-columns:0.85fr 1.15fr;
  gap:40px;
  align-items:center;
}
.hero h1{
  font-size:clamp(30px,4.6vw,50px);
  margin-bottom:18px;
}
.hero h1 i{font-style:italic; color:var(--copper);}
.hero p.lede.intro{font-size:clamp(19px,1.6vw,22px); line-height:1.5; color:var(--ink); margin-bottom:18px;}
.hero p.lede.intro{font-family:'Fraunces', Georgia, serif; font-family:inherit; font-style:normal; font-weight:400;}
.lede.intro strong.gold{font-family:'Fraunces', Georgia, serif; font-style:italic; font-weight:600; color:var(--ink);}
.hero p.sources{font-size:12px; color:var(--ink); opacity:.6; margin:-8px 0 20px;}
.lede.intro strong.place{font-weight:600; color:var(--ink); white-space:nowrap;}
.promise{font-family:'Fraunces', Georgia, serif; font-style:italic; font-weight:600; color:var(--ink); font-size:1.1em;}
.lede em.closer{font-family:'Fraunces', Georgia, serif; font-style:italic; font-weight:500; color:#A8841A;}
.lede em.accent{font-family:'Fraunces', Georgia, serif; font-style:italic; font-weight:700; color:var(--ink);}
.hero p.lede{
  font-size:17px;
  color:var(--ink-soft);
  max-width:46ch;
  margin-bottom:26px;
}
.cta-row{display:flex; flex-wrap:wrap; gap:12px;}
.hero-cta{align-items:center;}
.avatar, .avatar-ph{
  width:56px; height:56px; border-radius:50%;
  flex:0 0 56px; object-fit:cover;
  border:2px solid var(--copper);
}
.avatar-ph{
  display:flex; align-items:center; justify-content:center;
  border-style:dashed; background:rgba(201,162,39,0.08);
  color:var(--copper); font-size:11px; letter-spacing:.05em; text-transform:uppercase;
}
.mid-cta{
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid var(--line);
  text-align:center;
}
.mid-cta p{
  color:var(--ink-soft);
  font-size:16px;
  margin:0 0 16px;
}
.mid-cta .cta-row{justify-content:center;}
.cta{
  display:inline-block;
  background:var(--ink);
  color:var(--paper);
  padding:13px 24px;
  font-size:15px;
  font-weight:500;
  text-decoration:none;
  border-radius:2px;
}
.cta:hover{background:var(--copper);}
.cta.ghost{
  background:transparent;
  border:1px solid var(--line-strong);
  color:var(--ink);
}
.cta.ghost:hover{border-color:var(--ink);}
.cta.whatsapp{background:var(--copper);}
.cta.whatsapp:hover{background:var(--ink);}

.map-box{
  position:relative;
  border:1px solid var(--line-strong);
  background:var(--paper);
  padding:16px;
}
.map-box .corner-label{
  position:absolute;
  font-size:11px;
  color:var(--ink-soft);
  letter-spacing:0.03em;
}
.map-box .cl-tl{top:8px; left:12px;}
.map-box .cl-br{bottom:8px; right:12px;}
.map-svg{width:100%; height:auto; display:block;}
.video-box{padding:0; overflow:hidden; line-height:0;}
.hero-video{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}
.video-box .corner-label{
  background:rgba(0,0,0,0.45);
  color:#fff;
  padding:4px 8px;
  z-index:2;
}
.pin-label{
  font-family:'IBM Plex Sans', sans-serif;
  font-size:10.5px;
  fill:var(--ink-soft);
}

/* ---------- section shell ---------- */
section{
  padding:64px 0;
  border-top:1px solid var(--line);
}
.kicker{
  font-size:13px;
  color:var(--copper);
  margin-bottom:10px;
}
.section-head{
  max-width:60ch;
  margin-bottom:36px;
}
.section-head h2{
  font-size:clamp(24px,3.2vw,34px);
  margin-bottom:14px;
}
.section-head p{
  color:var(--ink-soft);
  font-size:16px;
}

/* ---------- bio ---------- */
.bio-grid{
  display:grid;
  grid-template-columns:0.8fr 1.2fr;
  gap:44px;
  align-items:start;
}
.bio-marker{
  border:1px solid var(--line-strong);
  background:var(--ink);
  padding:22px;
}
.bio-marker .tag{
  font-size:12px;
  color:rgba(255,255,255,0.65);
  border-bottom:1px solid rgba(255,255,255,0.15);
  padding-bottom:10px;
  margin-bottom:14px;
}
.bio-marker .photo-slot{
  width:100%;
  aspect-ratio:4/5;
  border:1px dashed rgba(255,255,255,0.3);
  background:rgba(255,255,255,0.06);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:13px;
  color:rgba(255,255,255,0.75);
  padding:14px;
  margin-bottom:14px;
}
.bio-marker h3{
  font-size:20px;
  margin-bottom:8px;
  color:var(--copper);
}
.bio-marker .loc{
  font-size:13px;
  color:var(--copper);
}
.bio-marker .license{
  font-size:12.5px;
  color:var(--paper);
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,0.15);
}
.bio-text p{
  color:var(--ink-soft);
  margin:0 0 16px;
  font-size:16px;
}
.bio-text p:last-child{margin-bottom:0;}
.bio-text strong{color:var(--ink); font-weight:500;}
.bio-text ul{
  margin:0 0 16px;
  padding:0;
  list-style:none;
}
.bio-text ul li{
  color:var(--ink-soft);
  font-size:16px;
  padding:0 0 10px 22px;
  position:relative;
}
.bio-text ul li:last-child{padding-bottom:0;}
.bio-text ul li::before{
  content:"\2022";
  position:absolute;
  left:2px;
  top:0;
  color:var(--copper);
  font-size:20px;
  line-height:1;
}
.bio-text ul + p{margin-top:0;}
.bio-text p.services-head{font-family:'Fraunces', Georgia, serif; font-style:italic; font-weight:700; font-size:23px; color:var(--ink); margin:8px 0 12px;}
.bio-text ul.services li{font-size:17px; color:var(--ink);}


/* ---------- comparison ---------- */
.compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border:1px solid var(--line-strong);
  margin-top:8px;
}
.compare .col{
  padding:28px;
}
.compare .col + .col{
  border-left:1px solid var(--line-strong);
}
.compare .col.no{background:var(--sand);}
.compare .col.yes{background:var(--ink);}
.compare h3{
  font-size:clamp(20px,2vw,24px);
  margin-bottom:20px;
  font-weight:600;
}
.compare h3.no-head{color:var(--ink-soft);}
.compare h3.yes-head{color:var(--paper);}
.compare ul{
  list-style:none;
  margin:0; padding:0;
}
.compare li{
  padding:9px 0;
  border-top:1px solid var(--line);
  font-size:15px;
  color:var(--ink-soft);
}
.compare li:first-child{border-top:none;}
.compare .yes li{color:var(--paper); border-top-color: rgba(255,255,255,0.18);}

/* ---------- goals ---------- */
.goal-list{
  display:flex;
  flex-direction:column;
}
.goal{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:24px;
  padding:20px 0;
  border-top:1px solid var(--line);
}
.goal:first-child{border-top:none;}
.goal .marker{
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#A8841A;
  padding-top:6px;
}
.goal h4{
  font-family:'Fraunces', serif;
  font-weight:500;
  font-size:21px;
  margin:0 0 6px;
}
.goal p{
  margin:0;
  color:var(--ink-soft);
  font-size:16px;
  max-width:60ch;
}

/* ---------- market note ---------- */
.market-block p{
  color:var(--ink-soft);
  font-size:16px;
  max-width:70ch;
  margin:0 0 16px;
}
.market-block .snapshot-tag{
  display:inline-block;
  font-size:13px;
  font-style:italic;
  color:var(--ink-soft);
  border-top:1px solid var(--line);
  padding-top:14px;
  margin-top:6px;
}
.stat-line{
  font-family:'Fraunces', serif;
  font-size:15px;
  color:var(--copper);
  margin-top:22px;
}

/* ---------- process ---------- */
.process{
  counter-reset:step;
}
.step{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:22px;
  padding:22px 0;
  border-top:1px solid var(--line);
}
.step:first-child{border-top:none;}
.step .num{
  counter-increment:step;
  font-family:'Fraunces', serif;
  font-size:20px;
  color:var(--copper);
}
.step .num::before{content: counter(step, decimal-leading-zero);}
.step h4{
  font-size:17px;
  font-weight:500;
  margin:0 0 6px;
  font-family:'IBM Plex Sans', sans-serif;
}
.step p{margin:0; color:var(--ink-soft); font-size:15px; max-width:60ch;}

/* ---------- contact ---------- */
.contact{
  background:var(--ink);
  color:var(--paper);
  padding:64px 0;
  border-top:none;
}
.contact .section-head p{color:rgba(251,248,241,0.72);}
.contact .kicker{color:var(--stone);}
.contact h2{color:var(--paper);}
.contact .cta.ghost{border-color:rgba(251,248,241,0.3); color:var(--paper);}
.contact .cta.ghost:hover{border-color:var(--paper);}
.contact .cta:not(.whatsapp):not(.ghost){background:var(--paper); color:var(--ink);}

footer{
  padding:24px 0 36px;
}
.foot-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12.5px;
  color:var(--ink-soft);
  flex-wrap:wrap;
  gap:10px;
}

@media (max-width: 860px){
  .hero-grid, .bio-grid, .compare{
    grid-template-columns:1fr;
  }
  .compare .col + .col{border-left:none; border-top:1px solid var(--line-strong);}
  .goal{grid-template-columns:1fr;}
  .goal .marker{padding-top:0;}
  section{padding:44px 0;}
  .hero{padding:36px 0 48px;}
  .navlinks{
    position:fixed;
    top:58px; left:0; right:0;
    background:var(--paper);
    flex-direction:column;
    padding:16px 24px;
    border-bottom:1px solid var(--line);
    display:none;
    gap:0;
    max-height:calc(100vh - 58px);
    overflow-y:auto;
  }
  .navlinks.open{display:flex;}
  .navlinks a{padding:12px 0; border-bottom:1px solid var(--line); color:var(--ink);}
  .navlinks a.nav-cta{
    margin-top:8px;
    text-align:center;
    border-bottom:none;
  }
  .navtoggle{
    display:block;
    background:none;
    border:1px solid rgba(255,255,255,0.4);
    padding:8px 12px;
    font-size:13px;
    font-family:'IBM Plex Sans', sans-serif;
    color:var(--paper);
  }
  .coord-strip{display:none;}
  .cta{width:100%; text-align:center;}
  .cta-row{flex-direction:column;}
}

.photo-break{
  position:relative;
  width:100%;
  max-width:1800px;
  margin:0 auto;
  aspect-ratio:5/2;
  max-height:85vh;
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.photo-break img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.photo-break .caption{
  position:absolute;
  left:24px;
  bottom:20px;
  background:rgba(251,248,241,0.88);
  color:var(--ink);
  font-size:13.5px;
  padding:10px 16px;
  max-width:60ch;
  border-left:2px solid var(--copper);
}
@media (max-width: 860px){
  .photo-break{aspect-ratio:auto; height:320px;}
  .photo-break .caption{left:12px; right:12px; bottom:12px; font-size:12.5px;}
}

/* ===== Additions for the multi-page site ===== */

/* Logo is now a link back to Home */
.logo{text-decoration:none;}

/* Menu items line up with the phone button */
.navlinks{align-items:center;}

/* Current page in the menu */
.navlinks a[aria-current="page"]{color:var(--copper); border-bottom:1px solid var(--copper);}

/* Visible keyboard focus */
a:focus-visible, button:focus-visible{outline:2px solid var(--copper); outline-offset:3px;}

/* Page titles on About, Services, Contact */
.section-head h1{font-size:clamp(28px,4vw,42px); margin-bottom:14px;}
.contact h1{color:var(--paper);}

/* Headshot (when the professional photo is added) */
.bio-marker img.headshot{width:100%; aspect-ratio:4/5; object-fit:cover; margin-bottom:14px;}

/* ---------- services ---------- */
.service-list{border-top:1px solid var(--line);}
.service{
  display:grid;
  grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);
  gap:44px;
  padding:30px 0;
  border-bottom:1px solid var(--line);
}
.service h2{font-size:clamp(21px,2.3vw,25px); line-height:1.25;}
.service p{margin:0 0 14px; color:var(--ink-soft); font-size:16px; max-width:60ch;}
.service p:last-child{margin-bottom:0;}

/* ---------- contact form ---------- */
.contact-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,0.7fr);
  gap:48px;
  align-items:start;
}
.contact-form h2{font-size:clamp(22px,2.6vw,28px); margin-bottom:22px;}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.field{margin:0 0 18px; padding:0; border:0; min-width:0;}
.field > label, .field legend{display:block; font-size:14px; font-weight:500; margin-bottom:6px; padding:0;}
.field .optional{font-weight:400; opacity:.6;}
.field input[type="text"], .field input[type="email"], .field input[type="tel"], .field select, .field textarea{
  width:100%;
  font-family:'IBM Plex Sans', sans-serif;
  font-size:16px;
  color:var(--ink);
  background:var(--sand);
  border:1px solid var(--line-strong);
  border-radius:2px;
  padding:12px 14px;
  -webkit-appearance:none;
  appearance:none;
}
.field select{
  padding-right:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230F2A4A' stroke-width='1.6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
}
.field textarea{min-height:140px; resize:vertical; line-height:1.5;}
.field input:focus, .field select:focus, .field textarea:focus{outline:2px solid var(--copper); outline-offset:1px; border-color:var(--ink);}
.choices{display:flex; flex-wrap:wrap; gap:10px;}
.choices label{
  display:flex; align-items:center; gap:8px;
  border:1px solid var(--line-strong);
  border-radius:2px;
  padding:10px 14px;
  font-size:15px;
  cursor:pointer;
}
.choices input{accent-color:var(--ink); margin:0; width:16px; height:16px;}
.choices label:has(input:checked){border-color:var(--ink); background:rgba(201,162,39,0.10);}
.choices label:has(input:focus-visible){outline:2px solid var(--copper); outline-offset:2px;}
button.cta{border:none; cursor:pointer; font-family:'IBM Plex Sans', sans-serif;}
button.cta:disabled{opacity:.6; cursor:wait;}
.privacy-note{font-size:13px; color:var(--ink); opacity:.7; margin:16px 0 0; max-width:60ch;}
.form-status{margin:18px 0 0; padding:12px 16px; font-size:15px; border-left:2px solid var(--copper); background:var(--paper);}
.form-status.error{border-left-color:#9B2C2C;}
.form-status[hidden]{display:none;}
.form-thanks h2{font-size:clamp(22px,2.6vw,28px); margin-bottom:12px;}
.form-thanks p{color:var(--ink-soft); margin:0 0 12px;}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}

/* Direct contact box */
.direct dl{margin:0;}
.direct dt{font-size:12px; color:rgba(255,255,255,0.65); margin-top:14px;}
.direct dt:first-child{margin-top:0;}
.direct dd{margin:2px 0 0;}
.direct dd a{color:var(--paper); font-size:17px; text-decoration:none; border-bottom:1px solid rgba(201,162,39,0.6); word-break:break-word;}
.direct dd a:hover{color:var(--copper);}

/* Service icons */
.service{align-items:start;}
.service-title{display:flex; align-items:center; gap:18px;}
.service-icon{
  flex:0 0 64px; width:64px; height:64px;
  border:1px dashed var(--copper);
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#A8841A;
}
.service-icon svg{width:28px; height:28px;}
@media (max-width: 860px){
  .service-title{gap:14px;}
  .service-icon{flex-basis:52px; width:52px; height:52px;}
  .service-icon svg{width:24px; height:24px;}
}

@media (max-width: 860px){
  /* Mobile menu sits directly under the header, whatever its height */
  .navlinks{position:absolute; top:100%; max-height:calc(100vh - 70px); align-items:stretch;}
  .navlinks a[aria-current="page"]{color:#A8841A; border-bottom:1px solid var(--line);}
  .service{grid-template-columns:1fr; gap:10px; padding:24px 0;}
  .contact-grid{grid-template-columns:1fr; gap:32px;}
  .contact-grid .contact-side{order:-1;}
  .form-row{grid-template-columns:1fr; gap:0;}
}

/* ---------- Home: what I offer ---------- */
.offer{background:var(--ink); color:var(--paper); border-top:none; padding:72px 0;}
.offer-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:56px 48px;
  max-width:900px;
}
.offer-item{text-align:center; display:flex; flex-direction:column; align-items:center;}
.offer-icon{width:44px; height:44px; color:var(--copper); margin-bottom:14px;}
.offer-item h2{color:var(--paper); font-size:clamp(25px,2.8vw,32px); line-height:1.15; margin-bottom:16px;}
.offer-item p{margin:0; max-width:36ch; color:rgba(250,250,250,0.82); font-size:15px;}
.offer-box{
  border-left:1px solid rgba(201,162,39,0.55);
  border-top:1px solid rgba(201,162,39,0.55);
  padding:22px 0 8px 24px;
  align-self:start;
}
.offer-box h3{color:var(--paper); font-size:22px; line-height:1.3; margin-bottom:14px;}
.offer-box p{margin:0 0 12px; color:rgba(250,250,250,0.82); font-size:15px;}
.offer-link{display:inline-block; margin-top:6px; color:var(--copper); text-decoration:none; border-bottom:1px solid var(--copper); font-size:15px;}
.offer-link:hover{color:var(--paper); border-bottom-color:var(--paper);}

.service{scroll-margin-top:96px;}


@media (max-width: 760px){
  .offer{padding:52px 0;}
  .offer-grid{grid-template-columns:1fr; gap:44px;}
  .offer-box{border-left:none; padding:24px 0 0;}
}


/* About: risks section continues the bio text */
.bio-text .bio-continue{margin:16px 0 0; max-width:none;}
.bio-text .bio-continue p{margin:0 0 16px;}
.bio-text .bio-continue p:last-child{margin-bottom:0;}
section.tight{border-top:none; padding-top:8px;}
.direct dd.dd-extra{margin-top:8px;}
.direct dd.dd-extra a{font-size:15px; color:var(--copper); border-bottom-color:var(--copper);}
.direct dd.dd-extra a:hover{color:var(--paper); border-bottom-color:var(--paper);}

/* ---------- Home: "What matters most to you?" stands out ---------- */
#goals{background:#FBF7EA; border-top:none; padding:80px 0;}
#goals .section-head{max-width:64ch;}
#goals .section-head h2{font-size:clamp(32px,4.4vw,48px); margin-bottom:16px;}
#goals .section-head p{font-size:17px;}
#goals .goal-list{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px;}
#goals .goal,
#goals .goal:first-child{
  grid-template-columns:1fr;
  gap:8px;
  padding:26px 28px 28px;
  background:var(--sand);
  border:1px solid var(--line);
  border-top:3px solid var(--copper);
}
#goals .goal .marker{padding-top:0;}
#goals .goal{align-content:start;}
#goals .goal h4{font-size:24px; margin-bottom:8px;}
#goals .mid-cta{border-top:none; margin-top:40px; padding-top:0;}
#goals .mid-cta p{font-size:17px;}

@media (max-width: 760px){
  #goals{padding:52px 0;}
  #goals .goal-list{grid-template-columns:1fr; gap:14px;}
  #goals .goal, #goals .goal:first-child{padding:22px 20px 24px;}
}
.direct dd.dd-text{color:var(--paper); font-size:15px; line-height:1.5;}

/* ---------- Home: headline over the sunset photo ---------- */
.photo-feature::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to bottom, rgba(15,42,74,0.58) 0%, rgba(15,42,74,0.38) 38%, rgba(15,42,74,0.10) 62%, rgba(15,42,74,0) 78%);
}
.photo-feature .photo-headline{
  position:absolute; z-index:2;
  top:7%; left:0; right:0;
  margin:0 auto; padding:0 24px;
  max-width:15ch;
  text-align:center;
  font-family:'Cormorant Garamond', 'Fraunces', Georgia, serif; font-weight:400;
  font-size:clamp(40px,6.4vw,88px); line-height:0.98; letter-spacing:0;
  color:#FFFFFF;
  text-shadow:0 1px 3px rgba(15,42,74,0.35), 0 2px 26px rgba(15,42,74,0.6);
}
.photo-feature .photo-headline em{font-style:italic; font-weight:400;}
.photo-feature .caption{z-index:2;}
.photo-feature{aspect-ratio:16/9; max-height:none;}
.photo-feature img{object-position:center center;}
@media (max-width: 860px){
  .photo-feature{aspect-ratio:4/3; height:auto;}
  .photo-feature .photo-headline{top:6%; font-size:34px; max-width:14ch;}
}

/* ---------- About: page title ---------- */
.section-head h1.about-title{
  font-family:'Cormorant Garamond', 'Fraunces', Georgia, serif;
  font-weight:500;
  font-size:clamp(38px,5.4vw,66px);
  line-height:1.02;
  max-width:20ch;
  margin-bottom:8px;
}
.section-head h1.about-title em{font-style:italic; font-weight:400; color:var(--copper);}
#bio .section-head{max-width:none; margin-bottom:44px;}

/* ---------- Footer links ---------- */
.foot-links{display:flex; gap:20px; flex-wrap:wrap;}
.foot-links a{color:var(--ink-soft); text-decoration:none; border-bottom:1px solid var(--line-strong);}
.foot-links a:hover{color:#A8841A; border-bottom-color:#A8841A;}

/* ---------- Privacy & disclaimer page ---------- */
.legal-text{max-width:68ch;}
.legal-text h2{font-size:clamp(24px,3vw,30px); margin:44px 0 14px; scroll-margin-top:96px;}
.legal-text h2:first-child{margin-top:0;}
.legal-text h3{font-family:'IBM Plex Sans', sans-serif; font-size:17px; font-weight:600; margin:26px 0 8px;}
.legal-text p{margin:0 0 14px; color:var(--ink-soft);}
.legal-text a{color:var(--ink); text-decoration:underline; text-decoration-color:var(--copper); text-underline-offset:3px;}

/* About: small subheading inside the bio text */
.bio-text h2.bio-subhead{
  font-family:'Fraunces', Georgia, serif;
  font-weight:500;
  font-size:clamp(22px,2.4vw,26px);
  line-height:1.25;
  color:var(--ink);
  margin:34px 0 12px;
}

/* ---------- Contact: coffee photo ---------- */
.contact-side{display:flex; flex-direction:column; gap:0;}
.coffee-photo{width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; display:block;}
@media (max-width: 860px){
  .contact-side .coffee-photo{order:2; aspect-ratio:4/3; margin-top:0;}
}

/* About: contained photo after the comparison boxes */
.photo-inset{width:100%; height:auto; aspect-ratio:16/8; object-fit:cover; display:block; margin-top:48px;}
@media (max-width: 860px){ .photo-inset{aspect-ratio:4/3; margin-top:32px;} }

/* Page titles styled like the Home headline */
.section-head h1.page-title{font-size:clamp(34px,5vw,56px); line-height:1.1; margin-bottom:18px;}
.section-head h1.page-title i{font-style:italic; color:var(--copper);}

/* ---------- Navy footer strip ---------- */
footer{
  background:var(--ink);
  border-top:1px solid rgba(255,255,255,0.10);
  padding:24px 0 calc(28px + env(safe-area-inset-bottom, 0px));
}
footer .foot-row{color:var(--paper);}
footer .foot-links a{color:var(--paper); border-bottom-color:rgba(255,255,255,0.35);}
footer .foot-links a:hover{color:var(--copper); border-bottom-color:var(--copper);}

/* Services: single next-step button */
.services-cta{margin-top:40px;}

/* ---------- Home: goals as icons ---------- */
.goal-grid{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:36px 32px; margin-top:8px;}
.goal-item{display:flex; flex-direction:column; align-items:center; text-align:center;}
.goal-item .service-icon{flex:0 0 auto; width:72px; height:72px; margin-bottom:16px; background:var(--sand);}
.goal-item .service-icon svg{width:30px; height:30px;}
.goal-item h3{font-size:22px; line-height:1.25; margin-bottom:10px;}
.goal-item p{margin:0; color:var(--ink-soft); font-size:15px; max-width:30ch;}
@media (max-width: 960px){ .goal-grid{grid-template-columns:repeat(2, minmax(0,1fr)); gap:40px 28px;} }
@media (max-width: 600px){
  .goal-grid{grid-template-columns:1fr; gap:0;}
  .goal-item{flex-direction:row; align-items:flex-start; text-align:left; gap:16px; padding:18px 0; border-top:1px solid var(--line);}
  .goal-item:first-child{border-top:none; padding-top:4px;}
  .goal-item .service-icon{width:56px; height:56px; margin:0; flex:0 0 56px;}
  .goal-item .service-icon svg{width:24px; height:24px;}
  .goal-item h3{font-size:20px; margin-bottom:6px;}
  .goal-item p{max-width:none;}
}
.goal-text{display:flex; flex-direction:column; align-items:inherit;}
@media (max-width: 600px){ .goal-text{align-items:flex-start;} }

/* ---------- Home: photo of Ty between the opening paragraphs ---------- */
.hero-photo, .hero-photo-ph{
  display:block;
  width:190px; aspect-ratio:4/5; height:auto;
  margin:4px 0 24px;
}
.hero-photo{object-fit:cover;}
.hero-photo-ph{
  display:flex; align-items:center; justify-content:center;
  border:1px dashed var(--copper); background:rgba(201,162,39,0.06);
  color:#A8841A; font-size:13px; letter-spacing:0.06em; text-transform:uppercase;
}
@media (max-width: 860px){ .hero-photo, .hero-photo-ph{width:150px; margin:2px 0 20px;} }

/* ---------- Home: tall photo beside the opening paragraphs ---------- */
.hero-grid{align-items:stretch;}
.hero-grid > .video-box{position:relative; min-height:520px;}
.hero-video.hero-portrait{position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; object-fit:cover; object-position:center 30%;}
@media (max-width: 860px){
  .hero-grid > .video-box{min-height:0;}
  .hero-video.hero-portrait{position:static; height:auto; aspect-ratio:4/5;}
}

/* ---------- One style for every page's main heading (matches Home) ---------- */
.section-head h1,
.section-head h1.page-title,
.section-head h1.about-title{
  font-family:'Fraunces', serif;
  font-weight:500;
  font-size:clamp(30px,4.6vw,50px);
  line-height:1.15;
  margin-bottom:18px;
}
.section-head h1.about-title{max-width:22ch;}
.section-head h1.about-title em{font-style:italic; font-weight:500; color:var(--copper);}
.bio-marker img.headshot{height:auto; display:block;}

/* ---------- About: photo without the navy box ---------- */
#bio .bio-marker{background:none; border:none; padding:0;}
#bio .bio-marker .tag{display:none;}
#bio .bio-marker img.headshot{margin-bottom:16px;}
#bio .bio-marker h3{color:var(--ink);}
#bio .bio-marker .loc{color:#A8841A;}
#bio .bio-marker .license{color:var(--ink); border-top-color:var(--line);}

/* Home: Ty's photo shown whole, full column width */
.hero-photo.hero-photo-wide{width:100%; max-width:none; aspect-ratio:auto; height:auto; object-fit:contain;}

/* About: Ty's photo shown whole, uncropped */
.bio-marker img.headshot.headshot-full{aspect-ratio:auto; height:auto; object-fit:contain;}