.media-section{background:var(--soft);border-block:1px solid var(--line)}.media-section .section-heading{align-items:end}.media-count{color:var(--blue);font:800 .72rem var(--mono);margin-top:22px;display:block}.media-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;display:flex}.media-toolbar>p{font:700 .73rem var(--mono);margin:0}.media-controls{align-items:center;gap:10px;display:flex}.media-controls>span{white-space:nowrap;font:700 .74rem var(--mono);margin-right:12px}.media-controls button{border:1px solid var(--ink);background:0 0;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;font-size:1.3rem;transition:background .15s,color .15s;display:grid}.media-controls button:hover:not(:disabled){background:var(--ink);color:var(--white)}.media-controls button:disabled{cursor:default;opacity:.35}.media-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(33.3333% - 13.3333px);grid-auto-flow:column;gap:20px;display:grid;overflow-x:auto}.media-track::-webkit-scrollbar{display:none}.media-card{background:var(--white);border:1px solid var(--line);scroll-snap-align:start;flex-direction:column;min-width:0;margin:0;padding:28px;display:flex}.media-card-top{border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:24px;padding-bottom:23px;display:flex}.media-card-top img{object-fit:contain;object-position:left center;width:168px;height:40px;display:block}.media-card-top time{color:var(--muted);font:600 .67rem var(--mono)}.media-card-kind{color:var(--blue);font:800 .63rem var(--mono);letter-spacing:.03em;text-transform:uppercase;margin:24px 0 12px}.media-card h3{letter-spacing:-.045em;margin:0;font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.16}.media-card blockquote,.media-card-excerpt{color:var(--muted);flex:1;margin:23px 0 28px;padding:0;font-size:.98rem;line-height:1.65}.media-card blockquote{color:var(--ink)}.media-card-author{gap:3px;margin:0 0 25px;font-size:.83rem;font-weight:800;display:grid}.media-card-author span{color:var(--muted);font-size:.7rem;font-weight:500}.media-card-author a:hover{text-decoration:underline}.media-original{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:19px;font-size:.81rem;font-weight:850;display:flex}.media-original:hover{color:var(--blue)}.media-original>span{font-size:1.15rem}.media-archive{border-block:1px solid var(--line);margin-top:32px}.media-archive summary{justify-content:space-between;align-items:center;gap:16px;padding:23px 0;font-size:.89rem;font-weight:800;list-style:none;display:flex}.media-archive summary::-webkit-details-marker{display:none}.media-archive summary>span{color:var(--muted);font:700 .75rem var(--mono);align-items:center;gap:25px;display:flex}.media-archive summary i{color:var(--ink);font:400 1.6rem var(--sans);transition:transform .15s;display:block}.media-archive[open] summary i{transform:rotate(45deg)}.media-archive ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:38px;margin:0 0 24px;padding:0;list-style:none;display:grid}.media-archive li{border-top:1px solid var(--line);padding:20px 0}.media-archive li>span{color:var(--muted);font:700 .66rem var(--mono);justify-content:space-between;gap:15px;margin-bottom:10px;display:flex}.media-archive li>a{font-size:.91rem;font-weight:750;line-height:1.5;display:block}.media-archive li>a:hover{text-underline-offset:3px;text-decoration:underline}.media-archive small{color:var(--muted);margin-top:9px;font-size:.68rem;display:block}@media (width<=960px){.media-track{grid-auto-columns:calc(50% - 10px)}.media-card{padding:24px}}@media (width<=620px){.media-track{grid-auto-columns:100%}.media-toolbar{align-items:center}.media-toolbar>p{max-width:145px;font-size:.66rem}.media-controls>span{margin-right:4px;font-size:.68rem}.media-controls{gap:7px}.media-controls button{width:40px;height:40px}.media-card{min-height:470px;padding:27px}.media-card-top{flex-direction:row;justify-content:space-between;align-items:center;gap:15px}.media-card-top img{width:145px;height:34px}.media-card h3{font-size:1.6rem}.media-archive ul{grid-template-columns:1fr}.media-count{margin-top:17px}}@media (prefers-reduced-motion:reduce){.media-controls button,.media-archive summary i{transition:none}}