@layer evolution-materials{.materials-page{--materials-header-height:86px}.materials-page>section[id]{scroll-margin-top:calc(var(--materials-header-height) + 1rem)}.materials-page :-webkit-any(a,button,summary):focus-visible{outline:2px solid var(--gold);outline-offset:4px}.materials-page :is(a,button,summary):focus-visible{outline:2px solid var(--gold);outline-offset:4px}.materials-page-nav{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.25rem 0 1.5rem;padding:.75rem 0;display:grid}.materials-page-nav a{border-radius:var(--radius);min-height:44px;color:var(--text);align-items:center;gap:.65rem;padding:.55rem .75rem;font-size:.9rem;text-decoration:none;display:flex}.materials-page-nav svg{color:var(--gold);flex-shrink:0}.materials-page-nav small{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.materials-page-nav a:hover{color:var(--gold);background:#f0c97812}.materials-page .materials-section-heading{gap:.8rem}.materials-page .materials-section-heading .eyebrow{color:var(--gold);font-size:.7rem}.materials-page .materials-section-heading h2{font-family:var(--font-display);margin:.35rem 0 .65rem;font-size:max(1.5rem,min(2.2vw,2rem));font-weight:400;line-height:1.2}.materials-page .materials-section-heading p:not(.eyebrow){max-width:75ch;font-size:.95rem;line-height:1.6}.materials-page .materials-recommendations{border-top:1px solid var(--line);margin-top:2rem;padding-top:2rem}.reading-filter-bar{margin:1.25rem 0 1rem}.reading-filters{flex-wrap:wrap;gap:.5rem;display:flex}.reading-filters button{border:1px solid var(--line);border-radius:var(--radius);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:.65rem;padding:.55rem .9rem;font-size:.85rem;display:inline-flex}.reading-filters button span{color:var(--muted);font-size:.75rem}.reading-filters button:hover{border-color:var(--gold)}.reading-filters button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#f0c9781f}.reading-result-count{color:var(--muted);margin:.75rem 0 0;font-size:.8rem}.materials-page :-webkit-any(.reading-grid,.museum-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.materials-page :is(.reading-grid,.museum-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.materials-page .watch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.materials-page :-webkit-any(.reading-card,.museum-card,.watch-card){background:var(--panel);border:1px solid var(--line);box-shadow:none}.materials-page :is(.reading-card,.museum-card,.watch-card){background:var(--panel);border:1px solid var(--line);box-shadow:none}.materials-page .reading-card{grid-template-columns:max(150px,min(12vw,190px)) minmax(0,1fr);gap:1.25rem;padding:1.25rem}.materials-page .reading-card img{object-fit:contain;background:0 0;border:0;height:auto;box-shadow:0 .5rem 1.2rem #0000002e}.materials-page .reading-card-copy{flex-direction:column;gap:.65rem;display:flex}.materials-page :is(.recommendation-kicker,.museum-card>span,.watch-card-copy>span){color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:700;line-height:1.5;display:block}.materials-page :-webkit-any(.reading-card,.museum-card,.watch-card) h3{font-family:var(--font-display);margin:.35rem 0 .5rem;font-size:1.45rem;font-weight:400;line-height:1.25}.materials-page :is(.reading-card,.museum-card,.watch-card) h3{font-family:var(--font-display);margin:.35rem 0 .5rem;font-size:1.45rem;font-weight:400;line-height:1.25}.materials-page .reading-author{font-size:.82rem;font-weight:600;display:block}.materials-page :-webkit-any(.reading-card,.museum-card,.watch-card) p{font-size:.88rem;line-height:1.6}.materials-page :is(.reading-card,.museum-card,.watch-card) p{font-size:.88rem;line-height:1.6}.materials-page :-webkit-any(.reading-card,.museum-card,.watch-card) small{font-size:.8rem;line-height:1.6}.materials-page :is(.reading-card,.museum-card,.watch-card) small{font-size:.8rem;line-height:1.6}.materials-page :-webkit-any(.reading-card-copy,.museum-card,.watch-card-copy)>.button{align-self:flex-start;margin-top:auto}.materials-page :is(.reading-card-copy,.museum-card,.watch-card-copy)>.button{align-self:flex-start;margin-top:auto}.materials-page .museum-card{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.materials-page .museum-card h3{margin:0}.materials-page .museum-card-address{border-block:1px solid var(--line);color:var(--text-soft);align-items:flex-start;padding:.75rem 0;font-weight:500}.materials-page .museum-card-address svg{margin-top:.25rem}.materials-page .watch-card{flex-direction:column;display:flex}.materials-page .watch-card-media{flex-shrink:0}.materials-page .watch-card-copy{flex-direction:column;flex:1;gap:.8rem;padding:1.25rem;display:flex}@media (max-width:1100px){.materials-page .reading-grid{grid-template-columns:1fr}.materials-page .reading-card{grid-template-columns:180px minmax(0,1fr)}.materials-page .watch-grid{grid-template-columns:1fr}.materials-page .watch-card{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;display:grid}.materials-page .watch-card-media{border:0}}@media (max-width:720px){.materials-page-nav{flex-wrap:wrap;gap:.25rem;margin-bottom:1.25rem;display:flex}.materials-page-nav a{gap:.5rem;padding:.5rem .6rem;font-size:.82rem}.materials-page .materials-recommendations{margin-top:1.5rem;padding-top:1.5rem}.materials-page .museum-grid{grid-template-columns:1fr}.materials-page .watch-card{display:flex}.materials-page :-webkit-any(.reading-card,.museum-card,.watch-card-copy){padding:1rem}.materials-page :is(.reading-card,.museum-card,.watch-card-copy){padding:1rem}.materials-page .reading-card{grid-template-columns:120px minmax(0,1fr);gap:1rem}.materials-page .reading-card-copy{display:contents}.materials-page .reading-card-copy>:not(.reading-card-intro){grid-column:1/-1}.materials-page :-webkit-any(.reading-card,.museum-card,.watch-card) h3{font-size:1.3rem}.materials-page :is(.reading-card,.museum-card,.watch-card) h3{font-size:1.3rem}.reading-filters{gap:.4rem}.reading-filters button{padding-inline-start:.65rem;padding-inline-end:.65rem;font-size:.8rem}}@media (max-width:480px){.materials-page .reading-card{grid-template-columns:100px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.materials-page .watch-card-media img{transition:none;transform:none}}}
