:root{--black:#0b0d0c;--cream:#f2efe8;--line:#3a3d3a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,.brand,footer b{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.01em}small,.eyebrow,.heroRight,.address,nav,.tools>div{letter-spacing:.22em;font-size:11px}.hero{height:690px;position:relative;background:url('assets/F0064111-E716-4B95-A502-5C6EF78184FA.webp') center 40%/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,5,.92) 0%,rgba(5,6,5,.3) 44%,rgba(5,6,5,.12) 70%,rgba(5,6,5,.5) 100%)}nav{height:82px;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{font-size:26px;letter-spacing:0}.navlinks{display:flex;gap:55px}.navlinks a{padding:30px 0 8px}.navlinks a:first-child{border-bottom:2px solid white}.outline,.lightBtn{display:inline-block;border:1px solid #fff;padding:15px 25px;font-size:11px;letter-spacing:.12em}.heroContent{position:absolute;z-index:2;left:6%;top:145px}.hero h1{font-size:112px;line-height:.83;margin:14px 0 18px}.heroContent p{font-size:13px;letter-spacing:.28em;line-height:1.8}.lightBtn{background:#f5f2eb;color:#111;border-color:#f5f2eb;margin-top:12px}.address{display:block;margin-top:20px}.heroRight{position:absolute;z-index:2;right:6%;top:260px;text-align:right;line-height:2}.about,.personal,.legacy,.location{display:grid;grid-template-columns:1fr 1.35fr;background:var(--cream);color:#111}.about .copy,.personal>div,.legacy>div,.locCopy{padding:52px 8% 48px 13%}.about img,.personal img,.legacy img{width:100%;height:100%;min-height:360px;object-fit:cover}.copy h2,.personal h2,.legacy h2,.locCopy h2,.sectionHead h2,.reviews h2{font-size:52px;line-height:.95;margin:20px 0}.copy p,.personal p,.legacy p{line-height:1.65;max-width:560px}.copy a,.personal a{display:inline-block;margin-top:18px;font-size:12px;letter-spacing:.18em;border-bottom:1px solid;padding-bottom:5px}.services{padding:48px 4% 35px;background:#0d0f0e}.sectionHead{display:flex;justify-content:space-between;align-items:flex-end;margin:0 2% 30px}.sectionHead p{color:#d3d3ce;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card{border:1px solid var(--line);padding-bottom:20px;background:#101211;overflow:hidden}.card img{width:100%;height:180px;object-fit:cover}.card:nth-child(2) img{object-position:center 30%}.card:nth-child(3) img{object-position:75% 35%}.card:nth-child(4) img{object-position:center 50%}.card:nth-child(5) img{object-position:68% 35%}.card h3,.card p,.card b{margin-left:15px;margin-right:12px}.card h3{font-size:22px;margin-bottom:5px}.card p{font-size:12px;color:#c9c9c3;min-height:32px}.card b{display:block;font-size:19px;margin-top:18px}.tools{height:260px;position:relative;overflow:hidden}.tools img{width:100%;height:100%;object-fit:cover}.tools:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),transparent 55%)}.tools>div{position:absolute;z-index:2;left:7%;top:62px;line-height:1.7;border-left:2px solid white;padding-left:20px}.personal{grid-template-columns:1.1fr 1fr}.legacy{background:#111;color:#fff;grid-template-columns:1.2fr 1fr}.legacy img{filter:grayscale(1)}.reviews{background:var(--cream);color:#111;padding:38px 4%;display:grid;grid-template-columns:250px 42px 1fr 42px;gap:18px;align-items:center}.reviewsTitle h2{font-size:42px}.reviewViewport{overflow:hidden}.reviewTrack{display:flex;gap:14px;transition:transform .45s ease}.reviewTrack article{min-width:calc((100% - 28px)/3);border:1px solid #d3d0c9;padding:24px;line-height:1.5;background:#f6f3ed}.reviewTrack article p{min-height:72px}.sliderBtn{border:1px solid #999;background:transparent;border-radius:50%;width:38px;height:38px;font-size:20px;cursor:pointer}.location{grid-template-columns:360px 1fr;padding:0}.location iframe{width:100%;height:370px;border:0}.outline.dark{border-color:#111;margin-top:20px}.locCopy{padding:48px 40px 40px 60px}footer{display:grid;grid-template-columns:1.3fr .8fr 1.3fr .8fr;gap:40px;padding:45px 5%;align-items:start}footer b{font-size:27px}footer p{font-size:12px;line-height:1.65;color:#d0d0cb}footer small{color:#aaa}footer a:not(.lightBtn){font-size:11px;letter-spacing:.14em}

.card{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.card:hover,.card:focus-visible{transform:translateY(-3px);border-color:#777;background:#151816;outline:none}

/* Responsive layouts: desktop design language preserved on iPad and mobile */
@media (max-width:1100px){
  nav{padding:0 4%}.navlinks{gap:28px}.heroContent{left:5%}.hero h1{font-size:94px}.heroRight{right:4%}
  .cards{grid-template-columns:repeat(3,1fr)}.card img{height:210px}
  .about .copy,.personal>div,.legacy>div{padding:48px 7%}.copy h2,.personal h2,.legacy h2,.locCopy h2,.sectionHead h2{font-size:48px}
  .reviews{grid-template-columns:220px 42px 1fr 42px}footer{gap:25px}
}
@media (max-width:820px){
  nav{height:72px;padding:0 28px}.brand{font-size:23px}.navlinks{display:none}.outline.book{padding:12px 17px}
  .hero{height:690px;background-position:58% center}.hero:after{background:linear-gradient(90deg,rgba(5,6,5,.91) 0%,rgba(5,6,5,.52) 48%,rgba(5,6,5,.22) 100%)}
  .heroContent{left:7%;top:150px}.hero h1{font-size:84px}.heroRight{display:none}
  .about,.personal,.legacy{grid-template-columns:1fr 1fr}.about .copy,.personal>div,.legacy>div{padding:42px 34px}.about img,.personal img,.legacy img{min-height:430px}
  .copy h2,.personal h2,.legacy h2,.locCopy h2,.sectionHead h2{font-size:43px}.copy p,.personal p,.legacy p{font-size:14px}
  .services{padding:44px 28px}.sectionHead{margin:0 0 28px}.cards{grid-template-columns:repeat(2,1fr);gap:14px}.card img{height:230px}.card:last-child{grid-column:1/-1}.card:last-child img{height:270px}
  .tools{height:240px}.personal{grid-template-columns:1.05fr 1fr}.legacy{grid-template-columns:1fr 1fr}
  .reviews{padding:38px 28px;grid-template-columns:38px 1fr 38px}.reviewsTitle{grid-column:1/-1}.reviewTrack article{min-width:calc((100% - 14px)/2)}
  .location{grid-template-columns:300px 1fr}.locCopy{padding:42px 30px}.location iframe{height:350px}
  footer{grid-template-columns:1fr 1fr;padding:42px 28px}.footer .lightBtn{align-self:start}
}
@media (max-width:600px){
  nav{padding:0 18px}.brand{font-size:19px}.outline.book{font-size:10px;padding:11px 12px}
  .hero{height:620px;background-position:62% center}.hero:after{background:linear-gradient(90deg,rgba(5,6,5,.93) 0%,rgba(5,6,5,.64) 55%,rgba(5,6,5,.28) 100%)}
  .heroContent{left:20px;right:20px;top:132px}.hero h1{font-size:64px;line-height:.86;margin:13px 0 17px}.heroContent p{font-size:10px;letter-spacing:.2em}.address{font-size:8px;letter-spacing:.12em}.lightBtn{padding:14px 20px}
  .about,.personal,.legacy{grid-template-columns:1fr}.about .copy,.personal>div,.legacy>div,.locCopy{padding:38px 22px}.about img,.personal img,.legacy img{min-height:320px;max-height:390px}.personal img{order:2}.legacy img{order:2}
  .copy h2,.personal h2,.legacy h2,.locCopy h2,.sectionHead h2{font-size:39px}.copy p,.personal p,.legacy p{font-size:14px;line-height:1.6}
  .services{padding:38px 16px}.sectionHead{align-items:flex-start;flex-direction:column;margin:0 6px 24px}.sectionHead p{font-size:13px}.cards{grid-template-columns:1fr;gap:12px}.card:last-child{grid-column:auto}.card img,.card:last-child img{height:245px}.card h3{font-size:24px}.card p{min-height:0}.card b{font-size:20px}
  .tools{height:220px}.tools>div{left:24px;top:45px}.tools img{object-position:center}
  .reviews{padding:34px 14px;grid-template-columns:34px 1fr 34px;gap:7px}.reviewsTitle{grid-column:1/-1;padding:0 8px}.reviewsTitle h2{font-size:38px}.reviewTrack article{min-width:100%;padding:20px}.reviewTrack article p{min-height:0}.sliderBtn{width:34px;height:34px}
  .location{grid-template-columns:1fr}.location iframe{height:300px}.locCopy{padding:38px 22px}
  footer{grid-template-columns:1fr;padding:36px 22px;gap:24px}footer .lightBtn{width:max-content;margin-top:0}
}
@media (max-width:380px){.hero h1{font-size:55px}.brand{font-size:17px}.outline.book{padding:10px 9px}.card img,.card:last-child img{height:220px}}

/* v4: exact service-result imagery from the approved mockup */
.card img,.card:last-child img{object-position:center center}
@media (max-width:600px){
  /* Subtle visual pause between the personal section and Built on Legacy. */
  .legacy{border-top:12px solid var(--cream)}
  .personal img{border-bottom:0}
  /* Keep the service portraits visually consistent with the desktop mockup. */
  .card img,.card:last-child img{height:auto;aspect-ratio:1.55/1;object-fit:cover;object-position:center center}
}

/* v5: clear separation between Personal approach and Built on Legacy */
@media (max-width:820px){
  .personal{border-bottom:18px solid #f2efe8 !important;}
  .legacy{border-top:0 !important;}
}
@media (max-width:600px){
  .personal{border-bottom:22px solid #f2efe8 !important;}
  .personal img{display:block;}
  .legacy{margin-top:0 !important;border-top:0 !important;}
}
/* Updated service result crops */
.card:nth-child(3) img{object-position:center 48% !important;}
.card:nth-child(4) img{object-position:center 38% !important;}
