:root{--ink:#17213f;--navy:#1d2b6b;--sky:#2f8fd0;--sky-d:#1c6ea6;--ice:#f3f8fc;--line:#d5e2ee;--mute:#55627a;--display:'Newsreader',Georgia,serif;--body:'Figtree',system-ui,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:130px}
body{font-family:var(--body);color:var(--ink);background:#fff;font-size:1.05rem;line-height:1.65;overflow-x:clip}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.1;color:var(--navy)}
h2{font-size:clamp(2rem,4.2vw,3rem);margin-bottom:1rem}
h3{font-size:1.45rem}
img{max-width:100%;height:auto}
a{color:var(--sky-d)}
.small-caps{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--sky-d);display:block;margin-bottom:.8rem}
.hair{border:0;border-top:1px solid var(--line);margin:0}

/* nav */
.navbar.navbar-expand-lg{background:#fff;border-bottom:1px solid var(--line);padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--navy)}
.brand img{width:92px;height:auto}
.brand span{font-family:var(--display);font-size:1.35rem;line-height:1.1}
.brand small{display:block;font-family:var(--body);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
.navbar.navbar-expand-lg .navbar-collapse{justify-content:center}
.navbar .nav-link{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ink);padding:.5rem .9rem}
.navbar .nav-link:hover{color:var(--sky-d)}
@media(min-width:992px){
.navbar.navbar-expand-lg .container{flex-direction:column}
.navbar.navbar-expand-lg .navbar-brand{margin:0 0 .4rem}
.brand img{width:110px}
.nav-call{position:absolute;right:12px;top:.9rem}
}
.nav-call{font-weight:700;text-decoration:none;color:var(--navy);font-size:.95rem}
.nav-call:hover{color:var(--sky-d)}
.btn-wf{background:var(--navy);color:#fff;border-radius:0;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:700;padding:.95rem 1.6rem;border:1px solid var(--navy)}
.btn-wf:hover{background:var(--sky-d);border-color:var(--sky-d);color:#fff}
.btn-ghost{background:transparent;color:var(--navy);border-radius:0;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:700;padding:.95rem 1.6rem;border:1px solid var(--navy)}
.btn-ghost:hover{background:var(--navy);color:#fff}

/* spine rail */
main{position:relative}
.spine{position:relative}
@media(min-width:1200px){
main::before{content:"";position:absolute;left:34px;top:0;bottom:0;width:1px;background:var(--line)}
.vert{position:absolute;left:12px;top:5.2rem;width:45px;height:45px;border:1px solid var(--sky);border-radius:50% 50% 46% 46%;background:#fff;color:var(--sky-d);font-size:.72rem;font-weight:700;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;z-index:2}
}
@media(max-width:1199px){.vert{display:none}}
section{padding:5.5rem 0;position:relative}
section.tint{background:var(--ice)}

/* hero */
.hero{padding:4rem 0 5rem}
.hero h1{font-size:clamp(2.6rem,6vw,4.9rem);letter-spacing:-.01em}
.hero h1 em{color:var(--sky-d)}
.hero .lede{font-size:1.2rem;max-width:34rem;color:var(--mute)}
.hero-photo{position:relative}
.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:62% 50%;display:block}
.hero-photo::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--sky);z-index:-1}
.ticks{list-style:none;padding:0;margin:1.6rem 0 2rem}
.ticks li{padding:.45rem 0 .45rem 1.7rem;border-bottom:1px solid var(--line);position:relative;font-size:.98rem}
.ticks li::before{content:"";position:absolute;left:.2rem;top:1.05rem;width:.55rem;height:.55rem;border:1.5px solid var(--sky);border-radius:50%}

/* services */
.svc{border-top:1px solid var(--navy);padding:1.5rem 0 0;height:100%}
.svc h3{margin-bottom:.5rem}
.svc p{color:var(--mute);margin:0}
.svc .n{font-size:.72rem;letter-spacing:.2em;color:var(--sky-d);font-weight:700}
.split-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.tech{columns:2;column-gap:2rem;list-style:none;padding:0;margin:1rem 0 0}
.tech li{padding:.35rem 0;border-bottom:1px solid var(--line);break-inside:avoid}
@media(max-width:575px){.tech{columns:1}}
.mods{color:var(--mute);margin-top:1.2rem}

/* team */
.doc{border:1px solid var(--line);background:#fff;padding:2.2rem}
.doc .mono{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border:1px solid var(--sky);border-radius:50% 50% 46% 46%;font-family:var(--display);font-size:2rem;color:var(--navy);margin-bottom:1.2rem}

/* reviews */
.quote{border-left:2px solid var(--sky);padding:.2rem 0 .2rem 1.4rem;height:100%}
.quote p{font-family:var(--display);font-size:1.18rem;line-height:1.5;color:var(--ink)}
.quote cite{font-style:normal;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:600}
.ref{border-top:1px solid var(--line);padding:1.1rem 0}
.ref b{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-d)}

/* locations */
.loc{border:1px solid var(--line);background:#fff;padding:1.6rem;height:100%}
.loc.here{border-color:var(--navy);box-shadow:none}
.loc h3{font-size:1.3rem}
.loc address{margin:0;color:var(--mute)}
.hours{width:100%;border-collapse:collapse;margin-top:1rem}
.hours td{padding:.4rem 0;border-bottom:1px solid var(--line);font-size:.97rem}
.hours td:last-child{text-align:right}
.map{border:0;width:100%;height:100%;min-height:360px;display:block}

/* footer */
footer{background:var(--navy);color:#cdd8ee;padding:3.5rem 0 2rem;font-size:.95rem}
footer a{color:#fff}
footer .logo-chip{background:#fff;padding:.6rem .9rem;display:inline-block}
footer .logo-chip img{width:130px;display:block}
.powered{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.18);font-size:.85rem;letter-spacing:.06em}
.powered a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}