.DevlogList-module__rbKHmq__header{isolation:isolate;padding:clamp(116px,14vh,156px) 0 clamp(32px,4vw,56px);position:relative;overflow:hidden}.DevlogList-module__rbKHmq__header .DevlogList-module__rbKHmq__embers{z-index:-1;mix-blend-mode:screen;background:0 0;position:absolute;inset:0}.DevlogList-module__rbKHmq__headerGrid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:end;gap:clamp(28px,5vw,96px);display:grid}.DevlogList-module__rbKHmq__title{font:500 var(--step-4) / var(--display-leading,.88) var(--display);letter-spacing:-.025em;margin:-.12em 0 0;padding-top:.12em;overflow:hidden}.DevlogList-module__rbKHmq__titleText{max-width:100%;display:inline-block}@media (min-width:961px){html[data-script=cjk] .DevlogList-module__rbKHmq__title{font-size:min(var(--step-4), 8.4vw)}}.DevlogList-module__rbKHmq__headerSide{gap:clamp(16px,2vw,24px);display:grid}.DevlogList-module__rbKHmq__lede{max-width:46ch;font:400 var(--step-1) / 1.45 var(--body);margin:0}.DevlogList-module__rbKHmq__inEnglish{font:400 var(--step--1) / 1.5 var(--body);color:var(--ink-2);margin-block:12px 0}.DevlogList-module__rbKHmq__filters ul{flex-wrap:wrap;gap:4px 24px;margin:0;padding:0;list-style:none;display:flex}.DevlogList-module__rbKHmq__filter{min-height:44px;font:600 var(--step-0) / 1 var(--body);color:var(--ink-2);text-underline-offset:8px;transition:color var(--dur-fast) ease, text-decoration-color var(--dur-fast) ease;align-items:baseline;gap:.4em;padding-top:10px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;display:inline-flex}.DevlogList-module__rbKHmq__filter:hover,.DevlogList-module__rbKHmq__filter[aria-current=page]{color:var(--ink);-webkit-text-decoration-color:var(--ember);text-decoration-color:var(--ember)}.DevlogList-module__rbKHmq__count{font:400 var(--step--1) / 1 var(--body);font-variant-numeric:tabular-nums;color:var(--ink-2)}.DevlogList-module__rbKHmq__leadSection{padding-bottom:var(--space-section)}.DevlogList-module__rbKHmq__leadLink{isolation:isolate;background:var(--bg-3);border-radius:4px;align-items:end;min-height:clamp(460px,62vh,720px);display:grid;position:relative;overflow:hidden}.DevlogList-module__rbKHmq__leadCover{z-index:-2;object-fit:cover;width:100%;height:112%;transition:transform 1.4s var(--ease-out);position:absolute;top:-6%;left:0}.DevlogList-module__rbKHmq__leadLink:hover .DevlogList-module__rbKHmq__leadCover{transform:scale(1.04)}.DevlogList-module__rbKHmq__leadShade{z-index:-1;background:linear-gradient(0deg, #0a0807f0 0%, #0a08078c 42%, #0a080700 72%), linear-gradient(calc(90deg * var(--dir)), #0a08078c 0%, #0a080700 60%);position:absolute;inset:0}.DevlogList-module__rbKHmq__leadText{gap:14px;max-width:62ch;padding:clamp(24px,4vw,56px);display:grid}.DevlogList-module__rbKHmq__leadTitle{max-width:20ch;font:500 var(--step-3) / var(--display-leading,.98) var(--display);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;transition:color var(--dur-fast) ease;margin:0}.DevlogList-module__rbKHmq__leadTitle[data-long]{max-width:26ch;font-size:var(--step-2)}.DevlogList-module__rbKHmq__leadLink:hover .DevlogList-module__rbKHmq__leadTitle{color:var(--ember-hot)}.DevlogList-module__rbKHmq__meta{font:500 var(--step--1) / 1.4 var(--body);color:var(--ink-2)}.DevlogList-module__rbKHmq__excerpt{max-width:56ch;font:400 var(--step-0) / 1.6 var(--body);color:var(--ink)}.DevlogList-module__rbKHmq__read{font:600 var(--step-0) / 1 var(--body);text-decoration:underline;-webkit-text-decoration-color:var(--ember);text-decoration-color:var(--ember);text-underline-offset:6px;gap:.35em;margin-top:6px;text-decoration-thickness:2px;display:inline-flex}.DevlogList-module__rbKHmq__leadLink:focus-visible{outline:2px solid var(--ember);outline-offset:4px}.DevlogList-module__rbKHmq__listSection{padding:var(--space-section) 0;background:var(--bg-2)}.DevlogList-module__rbKHmq__more{font:500 var(--step-3) / var(--display-leading,.96) var(--display);letter-spacing:-.015em;margin:0}.DevlogList-module__rbKHmq__list{margin:var(--space-block) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4vw,64px) clamp(24px,3vw,48px);padding:0;list-style:none;display:grid}.DevlogList-module__rbKHmq__empty{padding:var(--space-block) 0 var(--space-section)}.DevlogList-module__rbKHmq__emptyTitle{font:500 var(--step-3) / var(--display-leading,1) var(--display)}.DevlogList-module__rbKHmq__inline{text-decoration:underline;-webkit-text-decoration-color:var(--ember);text-decoration-color:var(--ember);text-underline-offset:5px}@media (prefers-reduced-motion:no-preference){.DevlogList-module__rbKHmq__titleText{animation:DevlogList-module__rbKHmq__devlog-rise .9s var(--ease-out) 50ms backwards}.DevlogList-module__rbKHmq__headerSide{animation:DevlogList-module__rbKHmq__devlog-fade .9s var(--ease-out) .2s backwards}.DevlogList-module__rbKHmq__leadLink{animation:1.25s cubic-bezier(.76,0,.24,1) .15s backwards DevlogList-module__rbKHmq__devlog-blade}.DevlogList-module__rbKHmq__leadText>*{animation:DevlogList-module__rbKHmq__devlog-fade .8s var(--ease-out) backwards}.DevlogList-module__rbKHmq__leadText>:first-child{animation-delay:.6s}.DevlogList-module__rbKHmq__leadText>:nth-child(2){animation-delay:.68s}.DevlogList-module__rbKHmq__leadText>:nth-child(3){animation-delay:.76s}.DevlogList-module__rbKHmq__leadText>:nth-child(4){animation-delay:.84s}:is(html[data-navigated] .DevlogList-module__rbKHmq__titleText,html[data-navigated] .DevlogList-module__rbKHmq__headerSide,html[data-navigated] .DevlogList-module__rbKHmq__leadLink){animation-delay:.45s}html[data-navigated] .DevlogList-module__rbKHmq__leadText>*{animation-delay:.95s}@supports (animation-timeline:view()){.DevlogList-module__rbKHmq__leadCover{animation:linear both DevlogList-module__rbKHmq__devlog-drift;animation-timeline:view();animation-range:cover}}}@keyframes DevlogList-module__rbKHmq__devlog-rise{0%{transform:translateY(105%)}to{transform:none}}@keyframes DevlogList-module__rbKHmq__devlog-fade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes DevlogList-module__rbKHmq__devlog-blade{0%{clip-path:polygon(57% 0,63% 0,43% 100%,37% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes DevlogList-module__rbKHmq__devlog-drift{0%{translate:0 -4.5%}to{translate:0 4.5%}}@media (max-width:960px){.DevlogList-module__rbKHmq__headerGrid{grid-template-columns:minmax(0,1fr)}.DevlogList-module__rbKHmq__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.DevlogList-module__rbKHmq__list{grid-template-columns:minmax(0,1fr)}.DevlogList-module__rbKHmq__leadLink{min-height:520px}}