.readings-page{background:#1b1b1b;color:#f0eee8;min-height:100vh}.readings-index{max-width:1320px;margin:auto;padding:clamp(65px,8vw,120px) clamp(20px,5vw,70px)}
.readings-heading{position:relative;padding-bottom:55px;border-bottom:1px solid #5d5b55}.readings-heading span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#aaa79f}.readings-heading h1{font-size:clamp(61px,9vw,138px);font-weight:500;line-height:.82;letter-spacing:-.075em;text-transform:uppercase;margin:24px 0 0}.readings-heading h1 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;text-transform:none}
.all-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:55px}.reading-card{position:relative;min-height:470px;border:1px solid #5d5b55;overflow:hidden}.reading-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reading-card::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,5,5,.95))}.reading-card div{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:27px}.reading-card h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(35px,4vw,54px);font-weight:400;line-height:.92;margin:0 0 12px}.reading-card p{margin:0;color:#d0cdc5;font-size:13px}.reading-card:hover img{transform:scale(1.03);transition:transform .45s ease}
.readings-note{grid-column:2/-1;display:flex;align-items:center;justify-content:center;min-height:470px;border:1px solid #4b4945;padding:35px;color:#aaa79f;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(26px,3vw,42px);line-height:1.05;text-align:center}
@media(max-width:800px){.all-readings{grid-template-columns:1fr}.readings-note{grid-column:auto;min-height:230px}.reading-card{min-height:430px}}
.reading-card:focus-visible{outline:2px solid #f0eee8;outline-offset:4px}.reading-card img{transition:transform .45s ease}.reading-card:hover img,.reading-card:focus-visible img{transform:scale(1.03)}