/* Services page — white, editorial fonts, animated scroll timeline */

body.svcpage{background:#fff;color:#1b1610}
.svcpage .head{background:#fff;box-shadow:0 1px 0 rgba(24,18,12,.08)}
.svcpage .head .logo-light{display:none}
.svcpage .head .logo-dark{display:block}
.svcpage .head .nav a{color:var(--ink)}
.svcpage .head .nav-cta{border-color:var(--ink);color:var(--ink)}
.svcpage .head .burger span{background:var(--ink)}

.sw{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter);width:100%}

/* hero */
.svc-hero{padding-top:clamp(7.5rem,14vh,10.5rem);padding-bottom:clamp(2.5rem,5vh,4rem)}
.svc-hero .eyebrow{display:block;margin-bottom:1.1rem}
.svc-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,4.8vw,4.3rem);line-height:1.05;letter-spacing:-.02em;margin:0;max-width:18ch}
.svc-hero h1 .it{font-style:italic;color:var(--burnt)}
.svc-hero .lead{font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.5;color:#2a2119;margin:1.7rem 0 0;max-width:46ch}

/* quick chips nav */
.svc-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.4rem}
.svc-chip{font-family:var(--sans);font-size:.78rem;letter-spacing:.06em;color:#5b4a3b;border:1px solid rgba(24,18,12,.16);border-radius:999px;padding:.55rem 1.1rem;transition:.25s;white-space:nowrap}
.svc-chip:hover,.svc-chip.on{border-color:var(--burnt);color:var(--burnt);background:rgba(194,85,29,.06)}

/* timeline */
.svc-timeline{position:relative}
.tl-track{position:absolute;left:calc(50% - var(--wrap)/2 + var(--gutter) + 39px);top:0;bottom:0;width:2px;background:rgba(24,18,12,.1);z-index:1}
.tl-fill{position:absolute;left:calc(50% - var(--wrap)/2 + var(--gutter) + 39px);top:0;width:2px;height:0;background:linear-gradient(180deg,var(--burnt),var(--burnt-bright));transition:height .1s linear;z-index:1}
@media(max-width:1400px){
  .tl-track,.tl-fill{left:calc(var(--gutter) + 39px)}
}

.svc-item{position:relative;padding-block:clamp(2.6rem,6vh,4rem)}
.svc-item.bg-a{background:var(--paper-2)}
.svc-item.bg-b{background:#fff}
.svc-item-inner{position:relative;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter);
  display:grid;grid-template-columns:1fr 300px;gap:clamp(1.5rem,4vw,3rem);align-items:center;min-width:0}
.svc-text{position:relative;padding-left:96px;min-width:0}
.svc-node{position:absolute;left:0;top:50%;transform:translateY(-50%);width:80px;height:80px;border-radius:50%;
  border:1.5px solid rgba(24,18,12,.14);background:#fff;display:flex;align-items:center;justify-content:center;
  transition:border-color .5s ease,box-shadow .5s ease;z-index:2}
.svc-node svg{width:32px;height:32px;stroke:#8a7862;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .5s ease}
.svc-item.on .svc-node{border-color:var(--burnt);box-shadow:0 0 0 6px rgba(194,85,29,.08)}
.svc-item.on .svc-node svg{stroke:var(--burnt)}

.svc-top-row{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem}
.svc-index{font-family:var(--serif);font-style:italic;color:var(--burnt);font-size:1rem}
.svc-item h2{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.01em;margin:0}
.svc-item .svc-copy{max-width:62ch;color:#4a4038;margin:0 0 1.3rem}

.svc-tags{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:.6rem .9rem;margin:0;padding:0;max-width:640px}
.svc-tags li{position:relative;padding-left:1.35rem;font-size:.94rem;color:#241a12}
.svc-tags li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--burnt)}

.svc-visual{aspect-ratio:1/1;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(194,85,29,.06);border:1px solid rgba(194,85,29,.14)}
.svc-item.bg-b .svc-visual{background:rgba(194,85,29,.05)}
.svc-visual svg{width:52%;height:52%;stroke:var(--burnt);fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
@media(max-width:900px){
  .svc-item-inner{grid-template-columns:1fr}
  .svc-visual{display:none}
}

/* closing band */
.svc-cta{position:relative;overflow:hidden;color:var(--cream);text-align:center;padding-block:clamp(5rem,12vh,8rem)}
.svc-cta .bg{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(9,7,5,.7),rgba(9,7,5,.84)),
  url('house.jpg') center 38%/cover}
.svc-cta .sw{position:relative;z-index:2}
.svc-cta .eyebrow{color:var(--burnt-bright)}
.svc-cta h2{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,4.4vw,3.8rem);color:var(--cream);max-width:18ch;margin:.8rem auto 0}
.svc-cta h2 .it{font-style:italic;color:var(--burnt-bright)}
.svc-cta p{color:#e8dccb;max-width:56ch;margin:1.3rem auto 0}
.svc-cta .btn{margin-top:2.1rem}

@media(max-width:700px){
  .tl-track,.tl-fill{left:calc(var(--gutter) + 27px)}
  .svc-node{width:56px;height:56px}
  .svc-node svg{width:24px;height:24px}
  .svc-text{padding-left:76px}
}