@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--bg:#f4f2eb;--fg:#183a35;--muted:#596e67;--line:#c9cec2;--soft:#e7e9df;--accent:#795b38;color-scheme:light} :root[data-theme=dark]{--bg:#151d1a;--fg:#e9ece2;--muted:#b0beb1;--line:#3d5145;--soft:#23372b;--accent:#d0ba91;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button,.button{cursor:pointer;background:transparent;border:1px solid var(--line);padding:.7rem 1.1rem;transition:background .2s,transform .2s}button:hover,.button:hover{background:var(--soft)}button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1240px,88%);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:2rem 0;border-bottom:1px solid var(--line);gap:2rem}.brand{font-size:14px;font-weight:600;letter-spacing:.06em}.brand b{font:32px 'Libre Caslon Display',Georgia,serif;letter-spacing:-.1em;margin-right:20px}.nav{display:flex;gap:1.7rem;align-items:center;font-size:13px}.theme{border:0;padding:.4rem}.hero{padding:5rem 0 4rem}.eyebrow{font:11px/1.5 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font:clamp(4rem,8.3vw,8rem)/.98 'Libre Caslon Display',Georgia,serif;letter-spacing:-.045em;font-weight:400;margin:2rem 0 2.5rem;max-width:1050px}h1 em,h2 em{font-weight:400;color:var(--muted)}h2{font:clamp(2.5rem,5vw,4.8rem)/1.1 'Libre Caslon Display',Georgia,serif;letter-spacing:-.025em}h3{font-size:1.5rem;font-weight:500;line-height:1.3}.lead{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.5;max-width:640px}.muted,.small{color:var(--muted)}.small{font-size:13px}.hero-bottom,.section-head{display:flex;justify-content:space-between;gap:3rem;align-items:end}.hero-bottom p{max-width:650px}.actions{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.primary:hover{background:var(--accent);color:var(--bg)}.status{display:flex;align-items:center;gap:10px}.status:before{content:'';height:6px;width:6px;border-radius:50%;background:var(--accent)}.ribbon{display:grid;grid-template-columns:1.5fr 1fr 1fr;padding:1.4rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;gap:1rem}.section{padding:6rem 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:7rem}.section-head{margin-bottom:3rem}.section-head h2{margin:0}.section-head p{max-width:340px}.work-row{display:grid;grid-template-columns:80px 1fr 1fr 40px;gap:2rem;padding:2.4rem 0;border-top:1px solid var(--line);align-items:start}.work-row h3{font:2.25rem/1.2 'Libre Caslon Display',Georgia,serif}.work-row .arrow{font-size:30px}.chips{font-size:11px;letter-spacing:.06em;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:2rem}.card{border-top:1px solid var(--line);padding-top:1.2rem;display:flex;flex-direction:column}.card h3{font:2.3rem/1.1 'Libre Caslon Display',Georgia,serif;margin:1rem 0}.card .actions{margin-top:auto;padding-top:1rem;font-size:13px}.visual{background:var(--soft);height:170px;display:flex;align-items:center;justify-content:space-around;margin-bottom:1.4rem;padding:2rem;position:relative;overflow:hidden}.visual span{font:4.5rem 'Libre Caslon Display',serif;opacity:.45}.visual small{max-width:110px;font:10px/1.8 monospace;text-transform:uppercase;letter-spacing:.1em}.filters{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0}.filters label{flex:1;min-width:150px;font-size:12px}input,select,textarea{background:transparent;border:1px solid var(--line);padding:.7rem;width:100%;display:block}input[type=checkbox]{width:auto;display:inline;margin-right:10px}textarea{min-height:140px}.contact h2{font-size:clamp(3rem,7vw,6rem)}.footer{display:flex;justify-content:space-between;gap:1.4rem;padding:2rem 0;font-size:12px;flex-wrap:wrap}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:var(--bg);padding:1rem;z-index:20}.history{display:flex;gap:1rem;padding-top:1.2rem;font-size:12px}.history button{border:0;padding:0}.content{max-width:800px}.content h2{font-size:2.3rem;margin-top:3rem}.content li{margin-bottom:.6rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.stats strong{display:block;font:3rem 'Libre Caslon Display',serif}.tool{background:var(--soft);padding:2rem;margin:3rem 0}.tool label{display:block;margin:1rem 0}.tool legend{font-size:1.5rem}fieldset{border:0;padding:0}.result{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:1rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:500}.empty{padding:3rem 0}.hidden,[hidden]{display:none!important}.diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.diagram div{padding:1.5rem;background:var(--soft)}.diagram b{display:block;font-weight:500}.resume-item{padding:1.5rem 0;border-top:1px solid var(--line)}.resume-item h3{margin-bottom:.4rem}.contact-form{max-width:600px}.contact-form label{display:block;margin:1rem 0}.contact-form small{display:block}.reveal{animation:appear .7s cubic-bezier(.16,1,.3,1) both}@keyframes appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:760px){.wrap{width:90%}.header{align-items:start;gap:1rem;flex-wrap:wrap}.brand b{margin-right:10px}.nav{gap:1rem;flex-wrap:wrap}.hero{padding:3rem 0}.hero-bottom,.section-head{display:block}.hero-bottom .actions{margin:2rem 0}.split{grid-template-columns:1fr;gap:2rem}.section{padding:3.5rem 0}.work-row{grid-template-columns:36px 1fr 24px;gap:1rem}.work-row>p{grid-column:2;grid-row:2}.work-row .arrow{grid-column:3;grid-row:1}.ribbon{grid-template-columns:1fr}.diagram{grid-template-columns:1fr}.stats{gap:1rem}.stats strong{font-size:2rem}h1{overflow-wrap:break-word}.tool{padding:1.3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.header,.footer,.history,.actions,.theme{display:none}body{background:white;color:#111}.section{padding:1rem 0}h1{font-size:3rem}.wrap{width:100%}}