:root{--bg-canvas:#eef7f2;--bg-surface:#fff;--bg-surface-hover:#e2f0e7;--text-primary:#1f2937;--text-muted:#4c6054;--accent-primary:#14532d;--accent-secondary:#387044;--border-subtle:#bed3c5;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.16);--glow-accent:0 0 24px -4px rgba(20,83,45,.15);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.75 "Trebuchet MS","Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.3vw,4.9rem);max-width:17ch;margin-bottom:1.4rem}h2{font-size:clamp(1.8rem,3vw,2.7rem)}h3{font-size:1.35rem}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption{font-size:.86rem;color:var(--text-muted);padding:.7rem 0}header{position:relative;background:transparent;border-bottom:1px solid var(--border-subtle);transition:background .25s}header.scrolled{background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem 2rem;max-width:1440px;margin:auto}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-size:1rem;font-weight:bold;white-space:nowrap;letter-spacing:-.035em}.brand-mark{width:30px;height:29px;background:var(--accent-primary);clip-path:polygon(0 100%,35% 20%,52% 57%,70% 0,100% 100%);flex:none}.site-nav{display:flex;gap:1.15rem;align-items:center}.site-nav a{font-size:.87rem;font-weight:bold;text-decoration:none;white-space:nowrap}.site-nav a[aria-current=page]{border-bottom:2px solid var(--accent-primary)}.menu-toggle{display:none;background:white;border:1px solid var(--border-subtle);color:var(--accent-primary);font-size:1.8rem;line-height:1;padding:.4rem .85rem}.skip-link{position:absolute;left:1rem;top:-100px;z-index:20;background:white;padding:.7rem}.skip-link:focus{top:1rem}.wrap{width:min(1100px,calc(100% - 3rem));margin-inline:auto;min-width:0}.band{padding:5rem 0}.band.white{background:white}.hero{padding:5rem 0 6rem}.hero-grid,.split{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}.eyebrow{text-transform:uppercase;font-size:.76rem;letter-spacing:.16em;color:var(--accent-primary);font-weight:bold;margin-bottom:1rem}.lead{font-size:1.2rem;max-width:55ch}.hero-photos{position:relative;min-height:445px}.hero-photos figure{position:absolute;background:white;border:7px solid white;box-shadow:var(--shadow-elevation)}.hero-photos figure:nth-child(1){width:76%;height:285px;right:0;top:0}.hero-photos figure:nth-child(2){width:58%;height:225px;left:0;top:160px}.hero-photos figure:nth-child(3){width:45%;height:170px;right:0;top:285px}.button,button.action{display:inline-block;text-decoration:none;background:var(--accent-primary);color:white;border:1px solid var(--accent-primary);padding:.8rem 1.2rem;font-weight:bold;box-shadow:4px 4px 0 #91b69d;transition:transform .25s var(--ease-kinetic),box-shadow .25s}.button:hover,button.action:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #91b69d}.button.secondary,button.secondary{background:white;color:var(--accent-primary)}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.7rem}.card{min-width:0;background:white;border:1px solid var(--border-subtle);transition:transform .35s var(--ease-kinetic),box-shadow .35s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-elevation)}.card-image{aspect-ratio:4/3;position:relative}.badge{position:absolute;bottom:-1rem;left:1.2rem;padding:.35rem .9rem;background:var(--accent-primary);color:white;border-radius:999px;font-size:.77rem;font-weight:bold;border:3px solid white}.card-body{padding:2rem 1.4rem 1.5rem}.card-body p{font-size:.97rem}.card h3 a{text-decoration:none}.feature-image{aspect-ratio:4/3}.wide-image{aspect-ratio:16/9}.thumbnail{width:95px;aspect-ratio:1;flex:none}.compact-note{display:flex;gap:1.3rem;align-items:center;padding:1.4rem;background:var(--bg-canvas);border:1px solid var(--border-subtle)}.compact-note p{margin:0}.note{padding:1.3rem 1.5rem;border-left:4px solid var(--accent-primary);background:var(--bg-canvas);margin:1.7rem 0}.note p:last-child{margin:0}.note strong{color:var(--accent-primary)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h2{margin:0}.reading{max-width:70ch;margin:0 auto}.reading h2{margin-top:2.8rem;font-size:2rem}.reading h3{margin-top:1.8rem}.reading p{margin-bottom:1.3rem}.page-intro{padding:4rem 0 3rem}.page-intro h1{max-width:22ch}.article-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:3rem;align-items:start}.article-layout .reading{width:100%}.sidebar{padding:1.5rem;border:1px solid var(--border-subtle);background:var(--bg-canvas)}.sidebar ul{padding-left:1.2rem}.sidebar h2{font-size:1.3rem}.sequence{counter-reset:steps;display:grid;gap:1rem;padding:0;list-style:none}.sequence li{counter-increment:steps;padding:1.2rem 1.2rem 1.2rem 4.4rem;position:relative;background:var(--bg-canvas);border:1px solid var(--border-subtle)}.sequence li:before{content:counter(steps);position:absolute;left:1.2rem;top:1.2rem;width:2rem;height:2rem;border-radius:50%;background:var(--accent-primary);color:white;text-align:center;font-weight:bold}.table-scroll{overflow-x:auto;margin:1.7rem 0}table{width:100%;border-collapse:collapse;font-size:.94rem}caption{text-align:left;font-weight:bold;margin-bottom:.6rem}th,td{text-align:left;vertical-align:top;padding:.8rem;border:1px solid var(--border-subtle)}th{background:var(--bg-canvas)}details{border-bottom:1px solid var(--border-subtle);padding:1.2rem 0}summary{font-size:1.1rem;font-weight:bold;color:var(--accent-primary);cursor:pointer}details p{margin:1rem 0 .3rem}label{display:block;font-weight:bold;margin:1rem 0 .35rem}input,textarea,select{width:100%;min-width:0;background:white;border:1px solid #769882;padding:.75rem;color:var(--text-primary)}textarea{resize:vertical;min-height:160px}.status{min-height:1.8rem;font-size:.95rem;color:var(--accent-primary);margin-top:1rem}.muted,.metadata{color:var(--text-muted);font-size:.92rem}.source-list{padding-left:1.3rem}.source-list li{margin:.6rem 0}.site-footer{padding:3rem 0;background:var(--accent-primary);color:white}.site-footer a{color:white}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:2rem;flex-wrap:wrap}.footer-grid p{margin:0 0 .65rem}.footer-links{display:flex;gap:1.1rem;flex-wrap:wrap}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}
@media(min-width:1025px){.hero-grid{grid-template-columns:1.15fr 1fr}.split.reverse .feature-image{order:2}}
@media(min-width:769px) and (max-width:1024px){.header-inner{padding:1rem}.site-nav{gap:.65rem}.site-nav a{font-size:.76rem}.brand{font-size:.88rem}.hero-grid,.split{gap:2rem}.hero-photos{min-height:410px}.hero-photos figure:nth-child(3){top:260px}.article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:2rem}}
@media(max-width:768px){.header-inner{padding:1rem 1.2rem}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:10;background:white;padding:1rem 1.5rem;border-bottom:2px solid var(--accent-primary);box-shadow:var(--shadow-elevation)}.site-nav.open{display:grid;animation:menuIn .25s var(--ease-kinetic)}.site-nav a{padding:.55rem 0;font-size:1rem}.hero-grid,.split,.article-layout{grid-template-columns:1fr}.hero{padding:3rem 0 4rem}.hero-photos{max-width:520px;width:100%;margin:0 auto;min-height:440px}.band{padding:3.5rem 0}.section-heading{align-items:start;flex-direction:column;gap:1rem}.page-intro{padding:3rem 0 2rem}.sidebar{margin-top:1rem}.split{gap:2rem}}
@media(max-width:480px){body{font-size:16px}.wrap{width:calc(100% - 2rem)}.brand{font-size:.88rem;gap:.4rem}.brand-mark{width:23px;height:24px}.header-inner{padding:1rem}.hero-photos{min-height:335px}.hero-photos figure:nth-child(1){height:210px}.hero-photos figure:nth-child(2){height:175px;top:125px}.hero-photos figure:nth-child(3){height:135px;top:210px}.actions{gap:.9rem}.button,button.action{padding:.7rem 1rem}.compact-note{align-items:start;padding:1rem}.thumbnail{width:70px}.band{padding:3rem 0}}
@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.card:hover{transform:none}}