:root{--paper:#f3f2ec;--ink:#20392e;--muted:#59665c;--line:#ced2c7;--accent:#cfed86;--white:#fbfbf6}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
a:hover{text-decoration:underline}
p{line-height:1.65}
h1,h2,h3,p{margin:0}
img{display:block}
.wrap{width:min(1280px,calc(100% - 96px));margin:auto}
.masthead{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1px}
nav{display:flex;align-items:center;gap:36px;font-size:13px}
.nav-contact{border-left:1px solid var(--line);padding-left:36px}
.nav-contact span{margin-left:16px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:88px 0 84px}
.eyebrow,.label,.file-top,.file-bottom,.availability{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1px}
.eyebrow{font-size:11px;line-height:1.6;text-transform:uppercase}
.hero-copy>.eyebrow{display:flex;gap:10px;align-items:center}
.signal{width:7px;height:7px;background:var(--ink);border-radius:50%;flex-shrink:0}
h1{font-size:clamp(60px,6.1vw,88px);line-height:.99;letter-spacing:-5px;font-weight:500;margin:30px 0}
em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.intro{max-width:460px;color:var(--muted);font-size:16px}
.actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}
.button{background:var(--ink);color:var(--white);padding:17px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px;border-radius:3px}
.button:hover{background:#304e3e;text-decoration:none}
.text-link{font-size:13px;display:flex;gap:12px}
.availability{color:var(--muted);margin-top:22px;font-size:9px;letter-spacing:.3px}
.casefile{background:var(--white);border:1px solid var(--line);position:relative;box-shadow:8px 8px 0 #e2e5d9}
.file-top,.file-bottom{display:flex;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.6px}
.file-top{background:var(--ink);color:var(--white)}
.file-heading{padding:30px 28px 24px}
.file-heading .eyebrow{color:var(--muted);font-size:9px}
.file-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:27px;line-height:1.2;font-weight:400;margin-top:14px;letter-spacing:-.6px}
.claim{padding:20px 28px;border-top:1px solid var(--line)}
.label{color:var(--muted);font-size:9px}
.claim p{font-size:15px;margin-top:10px}
.trail{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 28px 24px;font-family:ui-monospace,monospace;font-size:9px}
.trail span:nth-child(odd){border:1px solid var(--line);padding:8px;background:var(--paper)}
.finding{padding:20px 28px;border-top:1px solid var(--line);background:#eef2e6}
.finding>div{display:flex;gap:18px;align-items:flex-start;margin-top:14px}
.status{padding:6px 8px;background:var(--accent);font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.7px;flex-shrink:0}
.finding p{font-size:12px;line-height:1.6}
.source-note{padding:24px 28px;display:flex;gap:18px;align-items:center}
.source-symbol{font-size:32px;color:var(--muted)}
.source-note p{font-size:12px;color:var(--muted)}
.source-note strong{color:var(--ink);font-weight:500}
.file-bottom{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:8px}
.principles{background:var(--ink);color:var(--paper)}
.principles>.wrap{display:flex;justify-content:space-between;gap:24px;padding:24px 0;font-size:12px}
.principles span:before{content:'+';color:var(--accent);margin-right:16px}
.approach{padding:96px 0;display:grid;grid-template-columns:1fr 1.15fr;gap:96px}
.section-heading h2,.output h2,.closing h2{font-size:46px;line-height:1.12;letter-spacing:-2px;font-weight:500;margin:24px 0}
.section-heading>p:last-child{font-size:15px;color:var(--muted);max-width:340px}
.steps{list-style:none;padding:0;margin:0}
.steps li{display:flex;gap:26px;padding:26px 0;border-top:1px solid var(--line)}
.step-number{font-family:ui-monospace,monospace;color:var(--muted);font-size:11px;padding-top:4px}
.steps h3{font-size:18px;letter-spacing:-.4px;font-weight:500;margin-bottom:10px}
.steps p{font-size:14px;color:var(--muted)}
.output{padding:58px 0 70px;border-top:1px solid var(--line)}
.output h2{font-size:48px}
.output-details{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1000px;margin-top:30px;font-size:14px;color:var(--muted)}
.closing{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:48px;background:var(--accent);margin-bottom:70px}
.closing h2{margin-bottom:0}
.closing .eyebrow{font-size:10px}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:26px 0 34px}
footer .brand{font-size:20px}
footer p,footer>span{font-size:10px;color:var(--muted)}
.skip{position:absolute;top:-80px;left:16px;background:var(--ink);color:var(--white);padding:12px;z-index:5}
.skip:focus{top:12px}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:100px}
}
@media(max-width:1024px){.wrap{width:calc(100% - 64px)}
.hero{gap:36px;padding:64px 0}
h1{font-size:68px}
.approach{gap:48px}
.actions{gap:18px}
.trail{font-size:8px}
.section-heading h2,.output h2,.closing h2{font-size:40px}
.output-details{gap:40px}
}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}
.masthead{padding:20px 0}
.brand{font-size:22px}
nav{gap:16px}
nav>a:not(.nav-contact){display:none}
.nav-contact{border:0;padding:0;font-size:12px}
.hero{grid-template-columns:1fr;padding:46px 0 50px;gap:42px}
h1{font-size:72px;letter-spacing:-4px;margin:24px 0}
.intro{font-size:15px;max-width:500px}
.hero-copy>.eyebrow{font-size:9px;letter-spacing:.7px}
.casefile{max-width:520px;width:100%}
.principles>.wrap{flex-direction:column;gap:14px;padding:22px 0;font-size:11px}
.approach{grid-template-columns:1fr;padding:56px 0;gap:32px}
.section-heading h2,.output h2,.closing h2{font-size:36px;letter-spacing:-1.5px}
.section-heading>p:last-child{max-width:500px}
.steps li{gap:20px}
.output{padding:38px 0 46px}
.output-details{grid-template-columns:1fr;gap:20px}
.closing{padding:30px 24px;align-items:flex-start;flex-direction:column;margin-bottom:44px;gap:26px}
footer{flex-wrap:wrap;gap:16px}
footer p{width:100%;order:3}
.file-heading,.claim,.finding,.source-note{padding-left:22px;padding-right:22px}
.trail{padding-left:22px;padding-right:22px}
.file-top,.file-bottom{padding-left:18px;padding-right:18px}
}
@media(max-width:359px){h1{font-size:60px}
.hero-copy>.eyebrow{font-size:8px}
.button{gap:16px}
.file-heading h2{font-size:24px}
.finding>div{flex-direction:column;gap:10px}
.trail{gap:5px}
.file-bottom{font-size:7px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}