.page-heading{padding:64px 0 34px;border-bottom:1px solid var(--line)}
.page-heading h1{font:400 30px/1.5 var(--sans);letter-spacing:.02em;margin:0}
.catalog-section{padding:25px 0 45px}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}
.filter-buttons button{background:transparent;border:1px solid #b7c4b330;color:var(--muted);padding:8px 20px;font-size:13px;min-height:44px}
.filter-buttons button>span{font:10px var(--mono);margin-left:12px}
.filter-buttons button:hover{border-color:#d8d9c76b}
.filter-buttons button[aria-pressed="true"]{color:#132720;background:#d2dcc8;border-color:#d2dcc8}
.filter-count{font-size:12px;color:var(--muted);margin:0;white-space:nowrap}
.catalog-list .work-card{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;padding:45px 0;border-bottom:1px solid var(--line)}
.catalog-list .work-copy{padding:0}
.catalog-list .work-art{height:350px}
.catalog-list .work-copy h2{font-size:26px}
.catalog-list .work-description{font-size:15px}
.archive-section{border-top:1px solid var(--line);padding:20px 0 40px;color:var(--muted)}
.archive-section summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px}
.archive-section summary>span{font:11px var(--mono);margin-left:12px}
.archive-section ul{list-style:none;padding:0;margin:14px 0 0}
.archive-section li{padding:12px 0}
.archive-section .text-link{font-size:14px}
.archive-section p{font-size:12px;line-height:1.8;margin:10px 0 0}
.about-content{padding:43px 0 34px}
.prose{max-width:720px}
.prose p{font-size:16px;line-height:2;color:var(--text);margin:0 0 24px}
.site-notes{padding:32px 0 50px;border-top:1px solid var(--line)}
.site-notes>h2{font:400 21px/1.5 var(--sans);margin:0 0 25px}
.note-columns{max-width:720px}
.note-columns article{margin:0 0 24px}
.note-columns h3{font:500 15px/1.7 var(--sans);margin:0 0 8px}
.note-columns p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.contact-note{padding:36px 0 85px;min-height:280px}
.contact-note p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}
@media(max-width:1050px){.catalog-list .work-card{gap:36px;grid-template-columns:1fr 1fr}.catalog-list .work-copy h2{font-size:23px}.catalog-list .work-art{height:310px}}
@media(max-width:700px){.page-heading{padding:36px 0 26px}.page-heading h1{font-size:25px}.catalog-section{padding-top:24px;padding-bottom:20px}.catalog-toolbar{display:block;padding-bottom:21px}.filter-buttons{gap:7px}.filter-buttons button{font-size:12px;padding:8px 13px}.filter-buttons button>span{font-size:10px;margin-left:8px}.filter-count{margin-top:15px;font-size:11px}.catalog-list .work-card{display:block;padding:30px 0}.catalog-list .work-art{height:290px}.catalog-list .work-copy{padding-top:24px}.catalog-list .work-copy h2{font-size:22px}.catalog-list .work-description{font-size:14px}.about-content{padding:30px 0 18px}.prose p{font-size:15px;line-height:1.95}.site-notes{padding-top:26px;padding-bottom:20px}.site-notes>h2{font-size:20px}.contact-note{padding:30px 0 60px}}

.anagram-intro{max-width:1120px;padding-bottom:65px}
.anagram-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:end;padding:59px 0 39px}
.anagram-overline{display:flex;align-items:center;gap:19px;color:var(--muted);font:10px/1.7 var(--mono);letter-spacing:.08em;margin:0 0 20px}
.anagram-heading h1{font:400 clamp(28px,3.15vw,42px)/1.5 var(--sans);letter-spacing:.015em;margin:0}
.anagram-lead{font-size:15px;line-height:2;margin:0 0 3px;color:var(--muted)}
.anagram-play{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:21px;padding:10px 18px;border:1px solid #ffdb21;background:#ffdb21;color:#171513;font:600 13px/1.5 var(--sans);text-decoration:none}
.anagram-play:hover{background:#fffef7;border-color:#fffef7}
.anagram-play:focus-visible{outline:2px solid #ffdb21;outline-offset:4px}
.anagram-figure{margin:0}
.anagram-table{padding:46px 54px;background:#ed3429;border:1px solid #b8261d;overflow:hidden}
.anagram-board{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;padding:26px 30px 30px;background:#f1f0e9;color:#171513;max-width:890px;margin:auto;box-shadow:10px 18px 35px #17151366;border:3px solid #171513}
.anagram-board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1;padding:10px 13px;background:#ffdb21;border:2px solid #171513;font:600 16px/1.5 var(--serif)}
.anagram-board-heading small{font:10px/1.5 var(--sans);color:#171513;white-space:nowrap}
.anagram-zone-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6;margin-bottom:18px}
.anagram-zone-heading small{font-size:10px;font-weight:400;opacity:.8;white-space:nowrap}
.anagram-answer{grid-column:1/-1;padding:23px 26px 27px;background:#171513;border:1px solid #171513;color:#fffef7}
.anagram-answer .anagram-tile:not(.is-empty){background:#ffdb21}
.anagram-tile-row{display:flex;gap:10px}
.anagram-board .anagram-tile{width:56px;height:62px;font-size:31px}
.anagram-answer .is-empty{border-width:0 0 1px;border-color:#fffef777;border-radius:0}
.anagram-answer .is-empty small{font-size:11px;align-self:end;margin-bottom:8px;color:#fffef7a6}
.anagram-scratch{grid-column:2;grid-row:3;padding:16px 17px;background:#e6e1d3;border:1px solid #171513}
.anagram-scratch .anagram-zone-heading{margin-bottom:16px}
.anagram-scratch-inner{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.anagram-scratch .anagram-tile{width:43px;height:46px;font-size:25px}
.anagram-bank{grid-column:1;grid-row:3;padding:16px 17px;background:#fffef7;border:1px solid #171513}
.anagram-bank .anagram-zone-heading{margin-bottom:16px}
.anagram-bank .anagram-tile-row{gap:6px}
.anagram-bank .anagram-tile{width:calc((100% - 30px)/6);height:46px;font-size:25px}
.anagram-bank .is-empty{border-color:#17151355;background:#f1f0e9;box-shadow:none;color:transparent}
.anagram-figure figcaption{font-size:11px;line-height:1.9;color:var(--muted);padding:13px 0 0}
.anagram-return{padding-top:38px}
.anagram-return .text-link{font-size:12px;gap:13px}
@media(max-width:1050px){.anagram-heading{gap:24px}.anagram-table{padding:35px}.anagram-board{padding:23px;gap:15px;grid-template-columns:1.3fr 1fr}.anagram-board .anagram-tile{width:52px;height:56px;font-size:29px}.anagram-scratch .anagram-tile{width:37px;height:43px;font-size:24px}.anagram-bank .anagram-tile{width:calc((100% - 30px)/6);height:43px;font-size:24px}.anagram-bank,.anagram-scratch{padding:14px 12px}.anagram-bank .anagram-zone-heading{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:700px){.anagram-intro{padding-bottom:43px}.anagram-heading{display:block;padding:35px 0 27px}.anagram-overline{margin-bottom:14px}.anagram-heading h1{font-size:28px;letter-spacing:0}.anagram-lead{margin:18px 0 0;font-size:13px;line-height:2}.anagram-table{padding:21px 14px}.anagram-board{display:block;padding:15px}.anagram-board-heading{font-size:13px;padding-bottom:13px;margin-bottom:14px;gap:8px}.anagram-board-heading small{font-size:8px}.anagram-answer{padding:15px 12px 18px;margin-bottom:14px}.anagram-zone-heading{font-size:11px;margin-bottom:14px;gap:8px}.anagram-zone-heading small{font-size:8px}.anagram-tile-row{gap:5px}.anagram-board .anagram-tile{width:calc((100% - 25px)/6);height:43px;font-size:24px}.anagram-scratch{padding:13px 12px;margin-bottom:14px}.anagram-scratch .anagram-zone-heading{margin-bottom:12px}.anagram-scratch-inner{flex-direction:row;align-items:center;gap:12px}.anagram-scratch .anagram-tile-row{flex:none}.anagram-scratch .anagram-tile{width:29px;height:33px;font-size:21px}.anagram-bank{padding:13px 12px}.anagram-bank .anagram-zone-heading{flex-direction:row;align-items:center;gap:8px;margin-bottom:13px}.anagram-bank .anagram-tile-row{gap:5px}.anagram-bank .anagram-tile{width:calc((100% - 25px)/6);height:34px;font-size:23px}.anagram-figure figcaption{font-size:10px;padding-top:11px}.anagram-return{padding-top:26px}}
@media(max-width:360px){.anagram-heading h1{font-size:24px}.anagram-table{padding:16px 9px}.anagram-board{padding:12px}.anagram-board-heading{font-size:11px}.anagram-board .anagram-tile{height:36px;font-size:21px}.anagram-scratch .anagram-tile{width:27px;height:31px;font-size:20px}.anagram-scratch-inner{gap:9px}.anagram-bank .anagram-tile{height:31px;font-size:21px}.anagram-bank .anagram-zone-heading small{font-size:7px}}
