:root{color-scheme:light;--paper:#f7f5eb;--ink:#293f30}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.page-shell{max-width:1440px;margin:auto;padding:32px 48px 56px}
.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 28px}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5.5vw,64px);font-weight:400;line-height:1.1;letter-spacing:-2.7px;margin:0}
h1 em{font-weight:400;color:#698052}
.intro{font-size:15px;line-height:1.6;color:#64705e;margin:15px 0 0}
.hero-art{width:220px;height:auto;display:block;flex-shrink:0;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse closest-side,#000 65%,transparent 100%)}
.site-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px}
.site-card{display:flex;flex-direction:column;background:#fcfbf5;text-decoration:none;border:1px solid #dcded0;border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.site-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #283e2f0e;border-color:#98a58d}
.card-art{background:#ece6cd;overflow:hidden}
.card-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .3s}
.site-card:hover .card-art img{transform:scale(1.035)}
.games .card-art{background:#eddbbf}.meadow .card-art{background:#dce5cf}.unicorn .card-art{background:#e2deea}
.card-copy{padding:22px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex:1}
.card-description{font-size:13px;line-height:1.6;color:#64705e;margin:12px 0 0}
footer{font-size:11px;color:#64705e;margin-top:28px}
footer a{text-decoration:none}footer a:hover{text-decoration:underline;text-underline-offset:3px}
h2{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.15;letter-spacing:-.5px;font-weight:400;margin:0}
.card-arrow{font-size:23px;flex-shrink:0;transition:transform .2s}
.site-card:hover .card-arrow{transform:translate(2px,-2px)}
.skip-link{position:fixed;top:10px;left:10px;z-index:10;padding:10px 15px;background:var(--ink);color:white;border-radius:4px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid #ac6e24;outline-offset:5px}
@media(max-width:1200px){.site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.page-shell{padding:24px 32px 40px}.hero-art{width:180px}.site-grid{gap:18px}.card-copy{padding:18px 16px}h2{font-size:24px}}
@media(max-width:760px){.page-shell{max-width:640px;padding:24px}.hero-art{width:125px}h1{max-width:320px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card-copy{padding:19px 17px}h2{font-size:24px}}
@media(max-width:480px){.page-shell{padding:24px 20px 32px}.hero{gap:8px;padding-bottom:24px}h1{font-size:39px;letter-spacing:-1.7px}h1 em{display:block}.hero-art{width:110px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-copy{padding:15px 12px;gap:6px}h2{font-size:21px}h2 br{display:none}.card-arrow{font-size:16px}.site-card.guess-who{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr}.guess-who .card-art img{height:100%;object-fit:cover}.guess-who .card-copy{padding:20px 16px}}
@media(max-width:360px){.hero-art{width:70px}h1{font-size:36px}}
@media(max-width:480px){.hero{position:relative;display:block}.hero-copy{position:relative;z-index:1}.hero-art{position:absolute;right:0;top:0}.intro{font-size:13px;max-width:290px}.card-description{font-size:11px;margin-top:9px}.card-copy{gap:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}