:root{--buro-paper:#fff8e7;--buro-ink:#142d46;--buro-ink-soft:#4f5b68;--buro-primary:#b63624;--buro-primary-dark:#932a1c;--buro-line:#d7cdb5;--schoolyard-red:#e65035;--schoolyard-yellow:#ffc939;--schoolyard-teal:#92c8c2}.site-header{border-bottom:2px solid var(--buro-ink);min-height:104px;margin-bottom:22px}.brand-mark{gap:9px}.brand-symbol{width:44px;height:44px;transform:rotate(-12deg)}.brand-wordmark{gap:1px;transform:rotate(-3deg)}.brand-name{letter-spacing:.025em;text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:13px;font-weight:900}.brand-descriptor{letter-spacing:-.07em;color:var(--buro-ink);font-family:Montserrat,sans-serif;font-size:25px;font-weight:900}.profile-link{border:2px solid var(--buro-ink);background:var(--schoolyard-yellow);box-shadow:3px 3px 0 var(--buro-ink);border-radius:5px}.site-header a:focus-visible,.schoolyard-home :focus-visible{outline-offset:5px;outline:3px solid #126a81}.schoolyard-home .home-hero{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:76px;padding:12px 0 60px}.schoolyard-home .hero-copy{text-align:center}.schoolyard-home .hero-copy>.eyebrow{font-size:10px;font-weight:600}.schoolyard-home .little-star{color:var(--schoolyard-red)}.schoolyard-hero-logo{mix-blend-mode:multiply;width:min(100%,510px);height:auto;margin:-5px auto -12px;display:block}.schoolyard-home .hero-copy h1{letter-spacing:-.055em;margin:12px 0;font-family:Montserrat,sans-serif;font-size:clamp(25px,2.7vw,36px);font-weight:900;line-height:1.16}.schoolyard-home .hero-copy h1 em{font-style:normal;font-weight:900}.schoolyard-home .hero-copy p{margin-inline:auto;font-size:14px;line-height:1.7}.schoolyard-home .hero-link{background:var(--schoolyard-red);color:#fff;border:2px solid var(--buro-ink);box-shadow:4px 4px 0 var(--buro-ink);border-radius:5px;margin-top:20px;padding:13px 25px;transition:transform .16s,box-shadow .16s}.schoolyard-home .hero-link:hover{box-shadow:6px 6px 0 var(--buro-ink);transform:translate(-2px,-2px)}.schoolyard-home .join-panel{background:var(--schoolyard-yellow);color:var(--buro-ink);border:2px solid var(--buro-ink);box-shadow:7px 7px 0 var(--buro-ink);border-radius:7px;padding:28px 28px 22px;transform:rotate(2deg)}.schoolyard-home .join-panel:before{content:"THE RECESS PASS";background:var(--schoolyard-red);color:#fff;border:2px solid var(--buro-ink);letter-spacing:.08em;width:fit-content;margin:-45px auto 23px;padding:7px 15px;font:800 11px Montserrat,sans-serif;display:block;transform:rotate(-5deg)}.schoolyard-home .join-panel-top{color:var(--buro-ink)}.schoolyard-home .join-panel-top .eyebrow{letter-spacing:.07em;font-size:9px}.schoolyard-home .live-dot{background:var(--buro-ink)}.schoolyard-home .join-panel h2{letter-spacing:-.055em;margin-top:24px;font-family:Montserrat,sans-serif;font-size:30px;font-weight:900;line-height:1.1}.schoolyard-home .join-panel>p,.schoolyard-home .join-footnote{color:var(--buro-ink)}.schoolyard-home .join-panel form{margin:24px 0}.schoolyard-home .join-input-row input{border:2px solid var(--buro-ink);color:var(--buro-ink);border-radius:4px}.schoolyard-home .join-input-row button{background:var(--buro-ink);color:#fff;border-radius:4px}.schoolyard-home .join-input-row button:disabled{opacity:.65}.schoolyard-home .join-footnote{border-top:2px dashed #142d4680;padding-top:20px;font-weight:600}.schoolyard-home .join-panel .join-error{color:#7d2115;font-weight:700}.schoolyard-home .join-matches a{color:var(--buro-ink);text-decoration:underline}.schoolyard-home .catalog-section{border-top:2px solid var(--buro-ink);padding-top:30px}.schoolyard-home .catalog-header h2{letter-spacing:-.055em;font-family:Montserrat,sans-serif;font-size:33px;font-weight:900}.schoolyard-home .catalog-count{border:1.5px solid var(--buro-ink);color:var(--buro-ink);background:#f7ead0;border-radius:3px;padding:8px 11px;transform:rotate(2deg)}.schoolyard-home .catalog-grid{gap:20px}.schoolyard-home .catalog-card{border:2px solid var(--buro-ink);box-shadow:4px 4px 0 var(--buro-ink);background:#fffdf5;border-radius:7px}.schoolyard-home .catalog-card:hover{box-shadow:6px 9px 0 var(--buro-ink);transform:translateY(-5px)rotate(-1deg)}.schoolyard-home .catalog-card-heading h3{font-family:Montserrat,sans-serif;font-weight:900}.schoolyard-home .catalog-number{color:var(--buro-primary)}.schoolyard-home .catalog-action{border-top:1.5px solid var(--buro-ink);font-size:12px}.schoolyard-home .game-preview{border-bottom:2px solid var(--buro-ink);color:var(--buro-ink)}.game-preview .game-card-artwork{object-fit:cover;width:100%;height:100%;display:block}.schoolyard-home .catalog-card .game-preview{aspect-ratio:3/2;height:auto}.schoolyard-home .game-preview--jeopardy{background:#ffda68}.schoolyard-home .game-preview--frame-game{background:#a9d2cb}.schoolyard-home .game-preview--who-said-that{background:#f3aa87}.schoolyard-home .game-preview--portraits{background:#aec9e2}.schoolyard-home .how-it-works{border-block:2px solid var(--buro-ink);margin-top:44px;padding-block:28px}.schoolyard-home .how-step>span{color:var(--buro-primary);font-size:17px;font-weight:600}.schoolyard-home .how-step h3{font-size:12px}.schoolyard-home .how-step p{font-size:11px}.schoolyard-home .site-footer{color:var(--buro-ink-soft)}@media (width<=1050px){.schoolyard-home .home-hero{gap:32px}.schoolyard-home .join-panel{padding:24px 20px 20px}}@media (width<=700px){.site-header{min-height:90px;margin-bottom:20px}.brand-symbol{width:36px;height:36px}.brand-name{font-size:11px}.brand-descriptor{font-size:22px}.schoolyard-home .home-hero{grid-template-columns:1fr;gap:48px;padding:0 4px 40px}.schoolyard-home .hero-copy h1{font-size:28px}.schoolyard-home .hero-copy p{font-size:13px}.schoolyard-home .join-panel{margin:0 5px 0 0;transform:none}.schoolyard-home .catalog-header h2{font-size:28px}.schoolyard-home .catalog-count{display:inline-flex}.schoolyard-home .catalog-grid{gap:16px}.schoolyard-home .catalog-card-heading h3{font-size:15px}}@media (width<=380px){.schoolyard-home .catalog-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.schoolyard-home .catalog-card,.schoolyard-home .hero-link{transition:none}.schoolyard-home .catalog-card:hover,.schoolyard-home .hero-link:hover{transform:none}}