:root{--ink:#191918;--warm:#FAF9F5;--paper:#FFF;--sand:#E8E6DC;--stone:#6F6D66;--terra:#D97757;--terra-text:#B3542E;--deep:#2C2C2B;--max:1140px;--reading:760px;--gutter:24px;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:'Instrument Serif',Georgia,serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--warm);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.75;overflow-x:hidden}
a{color:inherit;text-underline-offset:.18em}
a:hover{color:var(--terra-text)}
a:focus-visible{outline:3px solid var(--terra);outline-offset:4px;border-radius:2px}
.skip-link{position:absolute;top:-100%;left:16px;z-index:20;padding:10px 18px;background:var(--ink);color:var(--warm);font-weight:700;text-decoration:none}
.skip-link:focus{top:0;color:var(--warm)}
.site-header{border-bottom:1px solid var(--sand);background:rgba(250,249,245,.96)}
.nav{max-width:var(--max);margin:auto;padding:18px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-family:var(--serif);font-style:italic;font-size:1.55rem;text-decoration:none;white-space:nowrap}
.brand span{font-family:var(--sans);font-style:normal;font-size:1rem;font-weight:600;letter-spacing:.03em}
.brand b{color:var(--terra);font-weight:400}
.nav-links{display:flex;align-items:center;gap:24px;font-size:.9rem;font-weight:600;color:var(--stone)}
.nav-links a{text-decoration:none}
.nav-links [aria-current="page"]{color:var(--ink)}
.hero{padding:100px var(--gutter) 72px;border-bottom:1px solid var(--sand);text-align:center;background:radial-gradient(circle at 50% 0,rgba(217,119,87,.1),transparent 48%)}
.kicker{margin-bottom:18px;color:var(--terra-text);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}
h1{max-width:850px;margin:0 auto;font-size:clamp(2.7rem,7vw,5.3rem);font-style:italic;letter-spacing:-.02em}
.subtitle{max-width:700px;margin:24px auto 0;color:var(--stone);font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.55}
.byline{margin-top:24px;font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.page{max-width:var(--max);margin:auto;padding:76px var(--gutter) 100px}
.prose{max-width:var(--reading);margin:auto}
.prose>p{margin:0 0 1.35em}
.prose .lead{font-family:var(--serif);font-size:clamp(1.45rem,3vw,2rem);line-height:1.45}
.thesis{margin:48px -48px;padding:30px 42px;border-left:4px solid var(--terra);background:var(--paper);font-family:var(--serif);font-size:clamp(1.45rem,3vw,2rem);font-style:italic;line-height:1.4;text-align:center}
.closing{margin-top:48px;padding-top:32px;border-top:1px solid var(--sand);font-family:var(--serif);font-size:1.6rem;font-style:italic;text-align:center}
.section{margin-top:76px}
.section:first-child{margin-top:0}
.section-kicker{margin-bottom:8px;color:var(--terra-text);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.section h2{font-size:clamp(2.1rem,5vw,3.5rem);font-style:italic;margin-bottom:24px}
.statement{padding:32px;border:1px solid var(--sand);border-radius:18px;background:var(--paper);font-family:var(--serif);font-size:clamp(1.35rem,2.7vw,1.85rem);line-height:1.45}
.foundation{max-width:820px;margin:0 auto 76px;text-align:center}
.foundation p{color:var(--stone)}
.foundation strong{display:block;margin:18px 0;color:var(--ink);font-family:var(--serif);font-size:clamp(1.5rem,3vw,2rem);font-style:italic;font-weight:400}
.values-wrap{margin-top:30px;border:1px solid var(--sand);border-radius:18px;overflow:hidden;background:var(--paper)}
.values{width:100%;border-collapse:collapse;font-size:.91rem;line-height:1.55}
.values th,.values td{padding:22px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--sand)}
.values tr:last-child td{border-bottom:0}
.values th{background:var(--deep);color:var(--warm);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}
.values td:first-child{width:18%;font-family:var(--serif);font-size:1.25rem;line-height:1.25}
.values td:nth-child(n+2){width:27.33%}
.values tbody tr:nth-child(even){background:rgba(232,230,220,.28)}
.site-footer{border-top:1px solid var(--sand);padding:40px var(--gutter);text-align:center}
.footer-brand{font-family:var(--serif);font-size:1.35rem;font-style:italic}
.footer-brand span{font-family:var(--sans);font-size:.85rem;font-style:normal;font-weight:600}
.footer-tagline{margin-top:5px;color:var(--stone);font-size:.82rem}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin-top:14px;font-size:.8rem;color:var(--stone)}
.footer-links a{text-decoration:none}
@media(max-width:760px){
 body{font-size:16px}
 .nav{padding:15px 18px}
 .nav-links{gap:15px;font-size:.82rem}
 .nav-links a:first-child{display:none}
 .hero{padding:72px 20px 54px}
 .page{padding:54px 20px 76px}
 .thesis{margin:38px 0;padding:25px 20px}
 .statement{padding:24px 20px}
 .values-wrap{border:0;border-radius:0;background:transparent;overflow:visible}
 .values,.values tbody,.values tr,.values td{display:block;width:100%}
 .values thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .values tr{margin-bottom:20px;border:1px solid var(--sand);border-radius:14px;overflow:hidden;background:var(--paper)!important}
 .values td{width:100%!important;padding:16px 18px 16px 42%;position:relative;border-bottom:1px solid var(--sand)}
 .values td::before{content:attr(data-label);position:absolute;left:18px;top:17px;width:35%;color:var(--stone);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
 .values td:first-child{padding-left:18px;background:rgba(217,119,87,.08);font-size:1.45rem}
 .values td:first-child::before{content:none}
}
@media(max-width:430px){
 :root{--gutter:18px}
 .brand{font-size:1.35rem}
 .nav-links{gap:12px}
 .values td{padding-left:18px;padding-top:42px}
 .values td::before{top:15px;width:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
