:root{
  --ink:#101214;
  --muted:#62686d;
  --paper:#f7f7f4;
  --white:#fff;
  --line:#d9dcd9;
  --blue:#17679a;
  --blue-soft:#e7f1f7;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit}
img{max-width:100%;display:block}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:99}
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,247,244,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,18,20,.08)}
.nav-wrap{max-width:var(--max);margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{text-decoration:none;display:flex;align-items:flex-end;gap:10px}
.wordmark{font-size:29px;font-weight:800;letter-spacing:-1.7px;line-height:1}
.wordmark em{font-style:normal;color:var(--blue)}
.brand small{font-size:9px;letter-spacing:3px;color:var(--muted);padding-bottom:2px}
nav{display:flex;align-items:center;gap:22px}
nav a{text-decoration:none;font-size:14px;color:#30353a}
nav a:hover,nav a.active{color:var(--blue)}
.menu{display:none;border:0;background:none;font-size:24px}
.hero{min-height:75vh;display:grid;align-items:end;position:relative;overflow:hidden;background:#111;color:white}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#111 0%,#26343c 52%,#62737c 100%)}
.hero::after{content:"PLACEHOLDER PHOTOGRAPHY";position:absolute;right:3vw;top:50%;transform:rotate(90deg);transform-origin:right top;font-size:10px;letter-spacing:4px;color:rgba(255,255,255,.35)}
.hero-inner{position:relative;z-index:2;max-width:var(--max);width:100%;margin:auto;padding:110px 28px 80px}
.eyebrow{text-transform:uppercase;letter-spacing:3.2px;font-size:11px;color:var(--blue);font-weight:bold}
.hero .eyebrow{color:#93c7e4}
h1{font-size:clamp(48px,8vw,104px);line-height:.98;letter-spacing:-5px;max-width:950px;margin:18px 0 28px}
.hero p{font-size:clamp(18px,2vw,25px);max-width:730px;color:#e2e6e8}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-block;text-decoration:none;border:1px solid var(--ink);padding:13px 20px;font-size:13px;letter-spacing:.3px;background:var(--ink);color:#fff}
.button.secondary{background:transparent;color:inherit;border-color:currentColor}
.hero .button{background:white;color:#111;border-color:white}.hero .button.secondary{background:transparent;color:white}
main section{padding:105px 28px}
.container{max-width:var(--max);margin:auto}
.narrow{max-width:790px}
.intro h2,.section-title{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-2.5px;margin:12px 0 28px}
.lead{font-size:22px;color:#333b40;max-width:840px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.placeholder{min-height:430px;background:linear-gradient(135deg,#d8dcda,#9daab0);display:flex;align-items:center;justify-content:center;color:rgba(16,18,20,.48);letter-spacing:3px;font-size:11px}
.dark{background:#121619;color:#fff}.dark p{color:#cbd0d3}
.quote{font-size:clamp(30px,4vw,56px);line-height:1.2;letter-spacing:-1.8px;max-width:980px;margin:0}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:45px}
.card{background:var(--paper);padding:42px;min-height:260px}
.card h3{font-size:27px;margin:0 0 14px;letter-spacing:-.8px}
.card p{color:var(--muted)}
.card a{text-decoration:none;color:var(--blue);font-weight:bold;font-size:13px}
.page-hero{padding:115px 28px 72px;border-bottom:1px solid var(--line)}
.page-hero .container{max-width:var(--max)}
.page-hero h1{font-size:clamp(53px,7vw,90px);max-width:1000px;color:var(--ink)}
.page-hero p{max-width:760px;font-size:22px;color:var(--muted)}
.content-block{display:grid;grid-template-columns:310px 1fr;gap:75px;border-top:1px solid var(--line)}
.content-block h2{font-size:34px;line-height:1.12;margin-top:0;letter-spacing:-1.3px}
.content-block h3{font-size:16px;text-transform:uppercase;letter-spacing:2px;color:var(--blue);margin:5px 0 25px}
.content-block .copy{max-width:770px;font-size:18px}
.copy p:first-child{margin-top:0}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:35px}
.step{border-top:2px solid var(--blue);padding-top:15px;font-size:14px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.contact-details{border-top:1px solid var(--line)}
.contact-details div{padding:18px 0;border-bottom:1px solid var(--line)}
form{display:grid;gap:18px}
label{font-size:13px;font-weight:bold}
input,textarea{width:100%;border:0;border-bottom:1px solid #9ea4a7;background:transparent;padding:12px 0;font:inherit}
textarea{min-height:130px}
.notice{background:var(--blue-soft);padding:16px;font-size:13px}
.site-footer{background:#101214;color:#fff;padding:65px 28px}
.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}
.footer-grid a{display:block;color:#c8cdd0;text-decoration:none;margin:7px 0}
.footer-tag{font-size:30px;font-weight:700;letter-spacing:-1.3px}
.prototype{position:fixed;right:14px;bottom:14px;background:#fff;border:1px solid var(--line);padding:8px 11px;font-size:10px;letter-spacing:1px;z-index:30}
@media(max-width:800px){
 nav{display:none;position:absolute;left:0;right:0;top:69px;background:var(--paper);padding:24px 28px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
 nav.open{display:flex}.menu{display:block}
 .brand small{display:none}
 h1{letter-spacing:-3px}
 .split,.content-block,.contact-grid{grid-template-columns:1fr;gap:35px}
 .cards{grid-template-columns:1fr}
 .process{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr}
 main section{padding:72px 22px}
 .page-hero{padding:90px 22px 55px}
}

.photo{min-height:430px;background:#b8c0c3 center/cover no-repeat}.cms-note{font-size:12px;color:#666}