:root{color-scheme:light;--ink:#172920;--soft:#53645a;--green:#235840;--paper:#f8f7ef;--edge:#d9dfd4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.6 system-ui,sans-serif}
.wrap{width:min(1040px,calc(100% - 36px));margin-inline:auto}header,footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-block:20px}header{justify-content:space-between;border-bottom:1px solid var(--edge)}nav{display:flex;gap:20px}
a{color:var(--green);font-weight:650;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.brand{display:flex;gap:9px;align-items:center;font-size:1.1rem;text-decoration:none;color:var(--ink)}.brand i{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#194532;color:#eefab3;font-style:normal}
.hero{padding:clamp(48px,8vw,95px) 0}.hero h1{font-size:clamp(3rem,10vw,7rem);letter-spacing:-.075em;line-height:.95;margin:12px 0 20px}.hero p:not(.label){max-width:31rem;color:var(--soft);font-size:1.1rem}.label{font-size:.73rem;font-weight:800;letter-spacing:.18em;color:var(--green)}
.pill{display:inline-block;border-radius:100px;background:#dceea0;color:#1d391c;padding:9px 17px;text-decoration:none}
h2,h3{line-height:1.15}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.5rem;margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:18px}.cards article{background:white;border:1px solid var(--edge);border-radius:17px;overflow:hidden}.card-copy{padding:20px}.card-copy a{display:inline-block;margin-right:14px;margin-bottom:5px}.card-copy p,.muted{color:var(--soft)}.art{height:160px;display:grid;place-items:center;overflow:hidden}
.cricket{background:repeating-linear-gradient(90deg,#245a41 0 50px,#2d6348 50px 100px)}.pitch{width:52px;height:135px;transform:rotate(24deg);background:#d7b886;border:4px solid #ad8f63;position:relative}.pitch:before,.pitch:after{content:"";position:absolute;left:-11px;width:66px;height:2px;background:#fff7db}.pitch:before{top:18px}.pitch:after{bottom:18px}.pitch b{position:absolute;top:40%;left:46%;width:12px;height:12px;background:#953731;border-radius:50%;box-shadow:0 3px 2px #0015}
.blocks{background:#302e53}.grid{width:144px;display:grid;grid-template-columns:repeat(4,32px);gap:5px;transform:rotate(-12deg)}.grid b{height:32px;border-radius:4px;background:#aedca4}.grid b:nth-child(1){grid-column:2}.grid b:nth-child(4){grid-column:2;background:#ffc387}.grid b:nth-child(n+5){background:#bbaff3}
.reading{max-width:67ch;padding:45px 0 0}.reading h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.1;letter-spacing:-.045em;margin:0 0 18px}.reading h2{margin-top:32px}.reading p{overflow-wrap:anywhere}footer{border-top:1px solid var(--edge);margin-top:55px;color:var(--soft);font-size:.9rem}footer span{margin-right:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}