.bcover{padding-bottom:clamp(32px,4vw,56px)}.bcover__top{gap:20px;margin-top:clamp(24px,3vw,44px);display:grid}.bcover .mast__title{max-width:14ch;margin-top:0;font-size:clamp(2.75rem,1.2rem + 5.4vw,7.5rem)}.bcover__lead{margin:0}.bcover__grid{gap:24px;margin-top:clamp(28px,4vw,48px);display:grid}@media (min-width:1024px){.bcover__top,.bcover__grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(28px,3vw,48px)}.bcover__top{align-items:end}}.bcover__story{isolation:isolate;border-radius:var(--panel-r);color:#fff;background:#0a0f1a;min-height:clamp(440px,64vh,700px);text-decoration:none;display:block;position:relative;overflow:hidden}.bcover__media{z-index:-1;position:absolute;inset:0}.bcover__media img{object-fit:cover;transition:transform 1.2s var(--ease-cine)}.bcover__story:hover .bcover__media img{transform:scale(1.03)}.bcover__media:after{content:"";background:linear-gradient(#05080f14 0%,#05080f8c 34%,#05080fdb 58%,#05080ff2 100%);position:absolute;inset:0}.bcover__lines{gap:10px;max-width:48rem;padding:clamp(22px,3vw,40px);display:grid;position:absolute;inset:auto 0 0}.bcover__tag{background:var(--red);color:#fff;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:5px 10px;font-size:.75rem}.bcover__meta,.bcover__go{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem}.bcover__meta{color:#fffc}.bcover__title{letter-spacing:-.035em;font-size:clamp(1.75rem,1rem + 2.6vw,3.5rem);font-weight:560;font-stretch:80%;line-height:1}.bcover__excerpt{-webkit-line-clamp:2;color:#ffffffdb;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.bcover__go{margin-top:6px}.bcover__story:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}.bcover__story.is-contain{min-height:0;color:var(--text);background:0 0;border-radius:0;overflow:visible}.is-contain .bcover__media{z-index:0;aspect-ratio:16/10;border-radius:var(--panel-r);background:#e9ebef;display:block;position:relative;overflow:hidden}.is-contain .bcover__media img{object-fit:contain;padding:8%}.is-contain .bcover__media:after{display:none}.is-contain .bcover__lines{padding:20px 0 0;position:static}.is-contain :is(.bcover__meta,.bcover__excerpt){color:var(--text-2)}.bcover__index{border:1px solid var(--rule-strong);border-radius:var(--panel-r);background:var(--raised);align-content:start;gap:10px;padding:22px 24px;display:grid}.bcover__head{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);margin:10px 0 0;font-size:.75rem}.bcover__head:first-child{margin-top:0}.bcover__index ul{border-top:1px solid var(--rule-strong);margin:0;padding:0;list-style:none}.bcover__index a{border-bottom:1px solid var(--rule);letter-spacing:-.015em;color:var(--text);transition:color .25s, padding .35s var(--ease-out);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:500;font-stretch:86%;text-decoration:none;display:flex}.bcover__index a:hover,.bcover__index a:focus-visible{color:var(--accent-text);padding-left:8px}.bcover__n{font-family:var(--font-mono);color:var(--text-3);font-size:.8125rem}.bcover__index .bcover__years{border-top:0;flex-wrap:wrap;gap:8px;display:flex}.bcover__years a{border:1px solid var(--rule-strong);border-radius:999px;gap:8px;padding:7px 12px;font-size:.875rem;font-stretch:100%}.bcover__years a:hover,.bcover__years a:focus-visible{border-color:var(--red);padding-left:12px}@media (min-width:1024px){.blogpage .bcards{grid-auto-flow:dense}.blogpage .bcards>li:nth-child(5n+1){grid-column:span 2}.blogpage .bcards>li:nth-child(5n+1) .bcard__media{aspect-ratio:8/3}}@media (prefers-reduced-motion:no-preference){.blogpage .bcards>li{animation:bcard-in var(--dur-enter) var(--ease-out) backwards;animation-delay:calc(min(var(--i), 8) * 50ms)}}@keyframes bcard-in{0%{opacity:0;transform:translateY(14px)}}.blogpage .bcard__media img{transition:transform var(--dur-cine) var(--ease-cine)}.blogpage .bcard__title{text-underline-offset:.2em;transition:text-decoration-color var(--dur-micro) var(--ease-state);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){.blogpage .bcard:hover .bcard__media img{transform:scale(1.04)}.blogpage .bcard:hover .bcard__title{text-decoration-color:currentColor}}
