:root { color-scheme:light; --paper:#f5f1e9; --ink:#252621; --soft:#555850; --clay:#8b4435; --clay-dark:#713426; --wash:#e9e3d8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Avenir Next",Avenir,"Trebuchet MS",sans-serif; }
a { color:inherit; }
a:focus-visible { outline:3px solid var(--clay); outline-offset:4px; }
.wrap { width:min(1200px,calc(100% - 64px)); margin:auto; }
header { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { font-family:Optima,"Trebuchet MS",sans-serif; font-size:34px; font-weight:700; letter-spacing:-.065em; text-decoration:none; }
.brand span { color:var(--clay); }
header nav { display:flex; align-items:center; gap:34px; font-size:14px; font-weight:600; }
header nav a { text-decoration:none; }
header nav a:hover,.text-link:hover { text-decoration:underline; }
.hero { padding:62px 0 104px; }
.hero h1,.section-title,.contact h2 { font-family:Optima,"Trebuchet MS",sans-serif; font-weight:400; letter-spacing:-.075em; }
.hero h1 { font-size:clamp(66px,8.4vw,128px); line-height:.97; max-width:1050px; margin:0 0 62px; }
.hero h1 span { display:block; margin-left:10%; color:var(--clay); }
.hero-body { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr); gap:clamp(32px,5vw,72px); align-items:end; }
.hero-photo { margin:0; min-width:0; }
.hero-photo img { display:block; width:100%; height:500px; object-fit:cover; object-position:59% center; }
.hero-photo figcaption { padding-top:12px; font-size:12px; color:var(--soft); }
.hero-copy { padding-bottom:22px; }
.hero-copy p { font-size:20px; line-height:1.56; margin:0 0 28px; }
.beta-note { display:block; color:var(--clay); font-weight:700; font-size:13px; letter-spacing:.03em; margin-bottom:16px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:54px; background:var(--clay); color:white; padding:15px 24px; font-weight:700; text-decoration:none; }
.button:hover { background:var(--clay-dark); }
.text-link { display:inline-block; margin-top:22px; text-underline-offset:5px; font-weight:600; }
.scope { background:var(--wash); margin:0 calc(50% - 50vw); padding:100px max(32px,calc((100vw - 1200px)/2)) 112px; }
.scope-inner { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr); gap:10%; }
.section-title { font-size:clamp(42px,5vw,70px); line-height:1.08; margin:0; max-width:420px; }
.scope-intro { color:var(--soft); font-size:17px; line-height:1.6; max-width:380px; margin:24px 0 0; }
.scope-list { list-style:none; padding:0; margin:0; display:grid; gap:40px; }
.scope-list li { display:grid; grid-template-columns:58px 1fr; gap:20px; }
.scope-list .number { font-family:Optima,"Trebuchet MS",sans-serif; font-size:30px; color:var(--clay); line-height:1.1; }
.scope-list h3 { font-size:23px; font-weight:600; margin:0 0 7px; letter-spacing:-.035em; }
.scope-list p { color:var(--soft); font-size:16px; line-height:1.6; margin:0; max-width:450px; }
.contact { display:grid; grid-template-columns:1.25fr .75fr; gap:10%; padding:112px 0 122px; align-items:end; }
.contact h2 { font-size:clamp(54px,6.2vw,88px); line-height:1.04; margin:0; max-width:700px; }
.contact p { color:var(--soft); font-size:17px; line-height:1.6; margin:0 0 24px; }
.contact .availability { font-size:13px; margin:20px 0 0; }
footer { padding:0 0 34px; display:flex; justify-content:space-between; gap:16px; color:var(--soft); font-size:12px; }
@media(max-width:760px) {
  .wrap { width:min(100% - 32px,560px); }
  header { min-height:74px; } .brand { font-size:29px; } header nav { gap:16px; } header nav a:first-child { display:none; }
  .hero { padding:52px 0 74px; } .hero h1 { font-size:clamp(51px,12.5vw,82px); margin-bottom:39px; } .hero h1 span { margin-left:0; }
  .hero-body { display:flex; flex-direction:column; align-items:stretch; gap:29px; }
  .hero-photo img { height:360px; } .hero-copy { order:-1; padding:0; } .hero-copy p { font-size:18px; }
  .scope { margin:0 calc(50% - 50vw); padding:70px max(16px,calc((100vw - 560px)/2)) 78px; }
  .scope-inner { display:block; } .scope-intro { margin-bottom:45px; }
  .scope-list { gap:30px; } .scope-list li { grid-template-columns:44px 1fr; gap:14px; } .scope-list .number { font-size:25px; }
  .contact { display:block; padding:82px 0; } .contact h2 { margin-bottom:28px; }
  footer { flex-direction:column; gap:8px; }
}
.legal { max-width:760px; padding:40px 0 96px; }
.legal h1 { font-family:Optima,"Trebuchet MS",sans-serif; font-weight:400; letter-spacing:-.05em; font-size:clamp(40px,6vw,64px); margin:0 0 32px; }
.legal h2 { font-size:20px; margin:36px 0 10px; }
.legal p, .legal li { font-size:16px; line-height:1.65; color:var(--ink); }
.legal ol, .legal ul { padding-left:22px; }
.legal li { margin-bottom:8px; }
.legal code { overflow-wrap:anywhere; }
footer nav { display:flex; gap:20px; }
footer nav a { text-decoration:none; }
footer nav a:hover { text-decoration:underline; }