.sp-main{width:min(100% - 2 * var(--bc-space-8), 80rem);margin:0 auto;padding:clamp(104px,14vh,152px) 0 clamp(80px,12vh,140px)}.sp-top{justify-content:space-between;align-items:baseline;gap:var(--bc-space-6);margin-bottom:var(--bc-space-10);display:flex}.sp-top h1{margin:0;font-size:clamp(2rem,1.5rem + 2vw,3rem);line-height:1.05}.sp-top p{color:var(--bc-text-faint);margin:0;font-size:.875rem}.sp-top a,.sp-head a{color:var(--bc-text-muted);text-decoration:none}.sp-top a:hover,.sp-head a:hover{color:var(--bc-text)}.sp-cover{width:100%;height:100%;display:block}.sp-frame{border-radius:var(--bc-radius);background:var(--bc-bg-subtle);display:block;position:relative;overflow:hidden}.sp-frame .sp-cover{transition:scale .6s var(--bc-ease-out)}a:hover .sp-frame .sp-cover,a:focus-visible .sp-frame .sp-cover{scale:1.03}.sp-card{gap:var(--bc-space-5);color:inherit;text-decoration:none;display:grid}.sp-card h2,.sp-card h3{font-family:var(--font-ui);font-weight:var(--weight-medium);letter-spacing:-.01em;text-wrap:pretty;margin:0;line-height:1.3}.sp-card h3{font-size:.9375rem}.sp-meta{gap:var(--bc-space-4);color:var(--bc-text-faint);margin:0;font-size:.8125rem;display:flex}.sp-lead{gap:var(--bc-space-9);grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin-bottom:clamp(64px,10vh,112px);display:grid}.sp-lead>.sp-card .sp-frame{aspect-ratio:16/10}.sp-lead>.sp-card h2{max-width:36ch;font-size:clamp(1.25rem,1rem + .8vw,1.625rem)}.sp-side{align-content:start;gap:var(--bc-space-8);display:grid}.sp-side .sp-frame{aspect-ratio:16/9}.sp-head{padding-bottom:var(--bc-space-5);margin-bottom:var(--bc-space-8);border-bottom:1px solid var(--bc-border);justify-content:space-between;align-items:baseline;font-size:.875rem;display:flex}.sp-head h2{font-family:var(--font-ui);font-weight:var(--weight-medium);margin:0;font-size:1rem}.sp-block{margin-bottom:clamp(64px,10vh,112px)}.sp-recent{gap:var(--bc-space-8) var(--bc-space-10);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sp-row{align-items:center;gap:var(--bc-space-7);color:inherit;grid-template-columns:112px minmax(0,1fr);text-decoration:none;display:grid}.sp-row .sp-frame{aspect-ratio:1}.sp-row div{gap:var(--bc-space-3);display:grid}.sp-row h3{font-family:var(--font-ui);font-weight:var(--weight-medium);margin:0;font-size:.9375rem;line-height:1.35}.sp-grid{gap:var(--bc-space-10) var(--bc-space-8);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sp-grid .sp-frame{aspect-ratio:1}.sp-foot{gap:var(--bc-space-6);color:var(--bc-text-faint);flex-wrap:wrap;font-size:.8125rem;display:flex}.sp-foot a{color:var(--bc-text-muted)}.sp-post{width:min(100% - 2 * var(--bc-space-8), 46rem);margin:0 auto}.sp-post-head{gap:var(--bc-space-6);margin-bottom:var(--bc-space-10);text-align:center;justify-items:center;display:grid}.sp-post-head h1{text-wrap:balance;margin:0;font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem);line-height:1.06}.sp-post-head .sp-lede{max-width:38rem;color:var(--bc-text-muted);margin:0;font-size:1.0625rem;line-height:1.55}.sp-hero{width:min(100% - 2 * var(--bc-space-8), 72rem);margin:0 auto var(--bc-space-12)}.sp-hero .sp-frame{aspect-ratio:21/9}.sp-body h2{margin:var(--bc-space-11) 0 var(--bc-space-5);font-family:var(--font-ui);font-weight:var(--weight-medium);font-size:1.25rem}.sp-body p{margin:0 0 var(--bc-space-7);color:var(--bc-text);font-size:1.0625rem;line-height:1.7}.sp-related{width:min(100% - 2 * var(--bc-space-8), 72rem);margin:clamp(80px,12vh,128px) auto 0}.sp-home{gap:var(--bc-space-8);margin:var(--bc-space-10) 0 var(--bc-space-8);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.sp-home .sp-frame{aspect-ratio:4/3}.sp-more{color:var(--bc-text-muted);font-size:.875rem;text-decoration:none}.sp-more:hover{color:var(--bc-text)}@media (max-width:900px){.sp-lead{grid-template-columns:1fr}.sp-side{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-recent{grid-template-columns:1fr}.sp-grid,.sp-home{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.sp-side,.sp-grid,.sp-home{grid-template-columns:1fr}.sp-row{grid-template-columns:88px minmax(0,1fr)}.sp-top{flex-direction:column}}@media (prefers-reduced-motion:reduce){.sp-frame .sp-cover{transition:none}}
