:root{color-scheme:light;--ink:#211f1a;--muted:#6b6258;--paper:#fffaf3;--surface:#fff;--line:#ded3c5;--green:#234b38;--tomato:#b33d24;--gold:#e2a83b;--shadow:0 22px 50px rgba(44,37,28,.12)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}img{display:block;max-width:100%}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);background:rgba(255,250,243,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.brand-mark{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:.45rem;background:var(--green);color:#fff8ea;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.78rem}.nav{display:flex;gap:clamp(.75rem,3vw,2rem);color:var(--muted);font-size:.95rem}.nav a{text-decoration:none}.nav a:hover{color:var(--green)}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(18rem,1.05fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(2rem,7vw,6rem) clamp(1rem,4vw,4rem) clamp(2rem,5vw,4rem)}.hero-copy{max-width:43rem}.eyebrow{margin:0 0 .75rem;color:var(--tomato);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,5.7rem);line-height:.95;max-width:11ch}h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.05}h3{font-size:1.2rem;line-height:1.2}.lede{color:var(--muted);font-size:clamp(1.05rem,2vw,1.3rem);max-width:38rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;border-radius:.45rem;padding:.75rem 1rem;font-weight:800;text-decoration:none}.button.primary{background:var(--green);color:#fffaf3}.button.secondary{border:1px solid var(--line);background:#fff}.hero-image{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:.55rem;box-shadow:var(--shadow)}.hero-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.intro-grid,.path-list,.article-grid{display:grid;gap:1rem}.intro-grid{grid-template-columns:repeat(3,1fr);padding:0 clamp(1rem,4vw,4rem) clamp(2.5rem,7vw,5rem)}.intro-grid article,.path-list article,.article-card,.cue-grid div{border:1px solid var(--line);border-radius:.55rem;background:rgba(255,255,255,.72)}.intro-grid article{padding:1.3rem}.intro-grid p,.path-list p,.article-card p,.feature-band p{color:var(--muted)}.section{padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,4rem)}.section-heading{max-width:50rem;margin-bottom:1.5rem}.path-list{grid-template-columns:repeat(4,1fr)}.path-list article{padding:1.2rem}.path-list span{display:inline-block;margin-bottom:2rem;color:var(--tomato);font-weight:900}.feature-band{display:grid;grid-template-columns:1fr .8fr;gap:2rem;align-items:end;margin:clamp(1rem,4vw,4rem);padding:clamp(1.5rem,5vw,4rem);border-radius:.55rem;background:var(--green);color:#fffaf3}.feature-band .eyebrow,.feature-band p{color:#f1d59c}.article-grid{grid-template-columns:1.2fr 1fr 1fr}.article-card{overflow:hidden;text-decoration:none}.article-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.article-card span,.article-card h3,.article-card p{display:block;padding-inline:1rem}.article-card span{padding-top:1rem;color:var(--tomato);font-size:.78rem;font-weight:800;text-transform:uppercase}.article-card.large{grid-row:span 2}.article-card.text-only{min-height:16rem;padding-top:1rem}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,4rem);border-top:1px solid var(--line);color:var(--muted)}.article-page{padding:clamp(2rem,6vw,5rem) 1rem}.article-shell{max-width:54rem;margin:0 auto}.article-shell h1{max-width:12ch}.article-shell section{margin-top:2.5rem}.article-shell li+li{margin-top:.5rem}.article-hero{width:100%;margin:2rem 0;border-radius:.55rem;box-shadow:var(--shadow)}.back-link{display:inline-block;margin-bottom:2rem;color:var(--muted);text-decoration:none}.cue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cue-grid div{padding:1rem}@media (max-width:860px){.site-header,.site-footer{align-items:flex-start;flex-direction:column}.hero,.feature-band{grid-template-columns:1fr}.intro-grid,.path-list,.article-grid,.cue-grid{grid-template-columns:1fr}h1{font-size:clamp(2.5rem,14vw,4.4rem)}}@media (max-width:520px){.nav{width:100%;justify-content:space-between}.brand small{display:none}}
