:root{--bg:#f4f1e8;--ink:#171713;--green:#426d4a;--red:#d94b37;--line:#c9c2b3;--soft:#5e665c;--panel:#fffaf0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;overflow-x:hidden}
.lab-nav{position:fixed;z-index:20;left:22px;top:22px;display:flex;gap:8px;flex-wrap:wrap}
.lab-nav a{background:var(--panel);color:var(--ink);border:2px solid var(--green);text-decoration:none;text-transform:uppercase;font-weight:900;padding:9px 12px;font-size:12px}
.hero{min-height:90vh;position:relative;display:grid;align-items:end;padding:92px clamp(22px,5vw,76px) 64px;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86;filter:saturate(.94) contrast(1.02)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,241,232,.96),rgba(244,241,232,.74) 48%,rgba(244,241,232,.18)),linear-gradient(180deg,rgba(244,241,232,.04),rgba(244,241,232,.88) 86%)}
.hero-copy{position:relative;z-index:2;max-width:760px}
.hero-copy p,.tag{display:inline-block;margin:0 0 14px;background:var(--green);color:#fff;padding:7px 10px;text-transform:uppercase;font-size:12px;font-weight:900}
h1,h2,p,span,li{overflow-wrap:break-word}
h1{margin:0;font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;font-size:clamp(42px,6.4vw,86px);line-height:.98;text-transform:uppercase;letter-spacing:0}
.hero-copy span{display:block;max-width:650px;margin:18px 0 22px;font-size:22px;line-height:1.35;color:#262a24}
a,.start button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;background:var(--red);color:#fff;padding:15px 22px;text-decoration:none;text-transform:uppercase;font-weight:900;border:0;cursor:pointer}
section{padding:74px clamp(22px,5vw,76px)}
.scan-strip{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end;border-bottom:1px solid var(--line)}
h2{margin:0;font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;font-size:clamp(32px,4.7vw,64px);line-height:1;text-transform:uppercase}
.test-list{display:grid;grid-template-columns:repeat(2,120px);gap:10px}
.test-list button{height:68px;border:2px solid var(--green);background:var(--panel);color:var(--green);text-transform:uppercase;font-weight:900}
.body-map{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center;background:#ebe6da}
.relief{margin:0;background:var(--panel);border:2px solid var(--green);padding:14px}
.relief img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
figcaption{margin-top:12px;font-size:18px;line-height:1.35;color:var(--soft)}
dl{display:grid;gap:16px;margin:24px 0 0}
dl div{display:grid;grid-template-columns:150px 1fr;gap:14px;border-top:1px solid var(--line);padding-top:14px}
dt{color:var(--green);text-transform:uppercase;font-weight:900}
dd{margin:0;color:#242820;font-size:20px;line-height:1.35}
.measure{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.measure img{width:100%;display:block;object-fit:cover;border:2px solid var(--green);aspect-ratio:16/10}
.measure p:not(.tag),.start p:not(.tag){font-size:21px;line-height:1.4;color:#242820}
.weeks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.weeks article{background:var(--panel);border-top:6px solid var(--green);padding:20px;min-height:150px}
.weeks b{display:block;color:var(--green);text-transform:uppercase;margin-bottom:14px}
.weeks span{font-size:20px;line-height:1.35}
.start{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;border-top:1px solid var(--line);background:#fffaf0}
form{display:grid;gap:12px}
label{display:grid;gap:7px;color:var(--green);font-weight:900;text-transform:uppercase;font-size:12px}
input{width:100%;border:2px solid var(--green);background:#fff;color:var(--ink);padding:15px;font:18px "Trebuchet MS",Arial,sans-serif}
address{grid-column:1/-1;font-style:normal;color:var(--soft)}
@media(max-width:760px){
  html,body{width:100%;overflow-x:hidden}
  *{min-width:0;max-width:100%}
  .lab-nav{position:relative;left:auto;top:auto;width:100%;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .lab-nav a{text-align:center;font-size:10px;padding:9px 6px;overflow-wrap:anywhere}
  section{padding:52px 22px}
  .hero{min-height:auto;padding:58px 22px 48px}
  .hero:after{background:rgba(244,241,232,.88)}
  .hero-copy{width:calc(100vw - 44px);max-width:calc(100vw - 44px)}
  h1{font-size:24px;line-height:1.12;overflow-wrap:anywhere;word-break:break-word}
  h2{font-size:24px;line-height:1.12;overflow-wrap:anywhere;word-break:break-word}
  h1,h2,.hero-copy span,.hero-copy p,.tag,.measure p:not(.tag),.start p:not(.tag){width:100%;max-width:100%;overflow-wrap:anywhere}
  .hero-copy p,.tag{font-size:11px}
  .hero-copy span,.measure p:not(.tag),.start p:not(.tag){font-size:18px}
  a,.start button{width:100%;text-align:center}
  .scan-strip,.body-map,.measure,.start{grid-template-columns:1fr}
  .test-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weeks{grid-template-columns:1fr}
  dl div{grid-template-columns:1fr}
}
