:root{--bg-canvas:#eef7f2;--bg-surface:#fff;--bg-surface-hover:#e0eee5;--text-primary:#1f2937;--text-muted:#4b6054;--accent-primary:#14532d;--accent-secondary:#467451;--border-subtle:#bed2c4;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #14532d33;--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 system-ui,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.3rem,5vw,4.4rem);margin:.2em 0 .4em;max-width:19ch}h2{font-size:clamp(1.6rem,3vw,2.25rem);margin:0 0 1rem}h3{font-size:1.35rem}p{margin:0 0 1.25rem}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:2rem 0}figcaption{font-size:.83rem;color:var(--text-muted);padding:.65rem 0}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.reading{width:min(100%,70ch);margin:0 auto}.tagline{border-bottom:1px solid var(--border-subtle);font-size:.74rem;letter-spacing:.08em;padding:.55rem 32px;color:var(--text-muted)}.site-header{position:relative;background:var(--bg-canvas);border-bottom:1px solid var(--border-subtle)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px}.brand{font-size:1.06rem;font-weight:800;letter-spacing:-.045em;text-decoration:none;display:flex;gap:10px;align-items:center;flex-shrink:0}.brand-mark{width:23px;height:23px;border:2px solid var(--accent-primary);border-radius:50%;background:linear-gradient(90deg,transparent 45%,var(--accent-primary) 46%,var(--accent-primary) 54%,transparent 55%)}.site-nav{display:flex;gap:25px}.site-nav a{font-size:.87rem;text-decoration:none;font-weight:650}.site-nav [aria-current=page]{text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none}.hero{padding:45px 0 37px;border-bottom:1px solid var(--border-subtle)}.court-grid{background-image:linear-gradient(#14532d09 1px,transparent 1px),linear-gradient(90deg,#14532d09 1px,transparent 1px);background-size:64px 64px;animation:gradientShift 12s ease infinite}.eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:.16em;font-weight:750;color:var(--accent-primary);margin-bottom:.85rem}.intro{font-size:1.2rem;line-height:1.65;color:var(--text-muted)}.section{padding:65px 0;border-bottom:1px solid var(--border-subtle)}.section-number{font-size:.76rem;color:var(--text-muted);letter-spacing:.12em;margin-bottom:12px}.button,button{display:inline-block;background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:0;padding:12px 18px;font-size:.74rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .3s var(--ease-kinetic),box-shadow .3s,background .3s}.button:hover,button:hover{background:var(--bg-surface-hover);transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.button.solid{background:var(--accent-primary);color:#fff}.photo{aspect-ratio:16/9;background:#d9e7dd;overflow:hidden}.breakout{width:min(960px,100%);margin:35px auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:30px}.reading-card{background:var(--bg-surface);border:1px solid var(--border-subtle);transition:transform .35s var(--ease-kinetic),box-shadow .35s;position:relative}.reading-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.reading-card .photo{aspect-ratio:4/3}.card-copy{padding:28px;position:relative}.badge{position:relative;display:inline-block;border-radius:99px;padding:5px 13px;background:var(--accent-primary);color:#fff;font-size:.7rem;letter-spacing:.06em;line-height:1.5;margin-top:-45px;margin-bottom:15px;vertical-align:top}.reading-card h3{margin:0 0 15px}.reading-card p{font-size:.95rem}.reading-card a{font-weight:700}.pullquote{border-left:3px solid var(--accent-primary);margin:35px 0;padding:12px 0 12px 26px;font-size:1.5rem;font-weight:650;letter-spacing:-.025em;line-height:1.45}.margin-note{border-top:1px solid var(--accent-primary);padding:20px 24px;background:#e2eee6;font-size:.92rem;margin:28px 0}.margin-note strong{display:block;margin-bottom:5px}.essay{padding:45px 0 65px}.essay h2{margin-top:2.3rem}.meta{font-size:.8rem;color:var(--text-muted)}.sequence{padding:0;list-style:none;counter-reset:possession;margin:30px 0}.sequence li{counter-increment:possession;border-top:1px solid var(--border-subtle);padding:20px 0 20px 48px;position:relative}.sequence li:before{content:counter(possession,decimal-leading-zero);position:absolute;left:0;top:21px;color:var(--accent-primary);font-weight:800}.sequence strong{display:block}.faq-item{border-bottom:1px solid var(--border-subtle);padding:22px 0}.faq-item summary{font-weight:750;cursor:pointer;line-height:1.4}.faq-item p{margin:18px 0 0}.site-footer{padding:48px 0 30px;font-size:.85rem}.colophon{max-width:70ch;margin:auto}.footer-links{display:flex;gap:12px 22px;flex-wrap:wrap;margin:20px 0}.company{border-top:1px solid var(--border-subtle);padding-top:20px;color:var(--text-muted)}address{font-style:normal}label{display:block;font-weight:650;margin:20px 0 6px}input,textarea{width:100%;border:1px solid #789783;border-radius:0;background:#fff;color:var(--text-primary);padding:12px}textarea{min-height:180px;resize:vertical}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.preview{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border-subtle);padding:20px;background:white;font:inherit;min-height:130px}.status{font-size:.9rem;color:var(--accent-primary);min-height:1.75em}.skip-link{position:absolute;left:15px;top:-100px;z-index:20;background:white;padding:12px}.skip-link:focus{top:10px}.js .reveal{opacity:0;transform:translateY(24px)}.js .reveal.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.compact{padding-top:35px}.inline-links{display:flex;flex-wrap:wrap;gap:15px 25px}.settings{background:white;border:1px solid var(--border-subtle);padding:24px;margin:25px 0}
@keyframes gradientShift{0%,100%{background-position:0 0}50%{background-position:12px 6px}}
@media(min-width:1025px){.breakout{width:min(960px,calc(100vw - 64px))}.hero .reading{margin-left:max(0px,calc((100% - 70ch)/2))}}
@media(min-width:769px) and (max-width:1024px){.header-row{padding:20px 24px;gap:15px}.site-nav{gap:16px}.brand{font-size:.92rem}.wrap{width:calc(100% - 48px)}}
@media(max-width:768px){.header-row{padding:18px 22px}.menu-toggle{display:block;font-size:1.65rem;line-height:1;padding:7px 13px;letter-spacing:0}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;padding:20px 24px;background:var(--bg-surface);box-shadow:var(--shadow-elevation);border-bottom:1px solid var(--border-subtle)}.site-nav.open{display:flex;flex-direction:column;gap:0;animation:menuEnter .25s var(--ease-kinetic)}.site-nav a{padding:12px 0}.wrap{width:calc(100% - 40px)}.tagline{padding:8px 22px;font-size:.66rem}.section{padding:42px 0}.hero{padding:30px 0}.essay{padding-top:30px}.cards{gap:20px}.pullquote{font-size:1.3rem}}
@media(min-width:481px) and (max-width:768px){.cards{grid-template-columns:1fr 1fr}.card-copy{padding:22px}}
@media(max-width:480px){body{font-size:16px}.brand{font-size:.94rem;gap:7px}.brand-mark{width:19px;height:19px}.wrap{width:calc(100% - 32px)}.cards{grid-template-columns:minmax(0,1fr)}.card-copy{padding:24px}.actions>*{width:100%}.intro{font-size:1.08rem}}
@keyframes menuEnter{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}.js .reveal{opacity:1;transform:none}button:hover,.button:hover,.reading-card:hover{transform:none}}