.blog-page{isolation:isolate;color:#edf6f5;background:radial-gradient(circle at 50% -12%,#4aa5c238,#0000 36%),linear-gradient(#0d3248 0%,#092337 42%,#06131f 100%);width:100%;min-height:100svh;position:relative;overflow:hidden}.blog-page:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(#7ed0dc14,#0000 68%);border-radius:50%;width:min(90vw,1180px);height:46vh;position:absolute;top:-12vh;left:50%;transform:translate(-50%)}.blog-topbar{z-index:3;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:82px;padding:0 clamp(22px,4.6vw,72px);display:grid;position:relative}.blog-home-link{color:#ebf6f6d1;letter-spacing:-.02em;justify-self:start;align-items:center;min-height:44px;font-size:clamp(12px,1vw,14px);font-weight:620;line-height:1;text-decoration:none;transition:color .22s,transform .42s cubic-bezier(.16,1,.3,1);display:inline-flex}.blog-back-arrow{margin-right:12px;font-size:17px;transition:transform .42s cubic-bezier(.16,1,.3,1)}.blog-home-link:is(:hover,:focus-visible){color:#fff;transform:translate(-2px)}.blog-home-link:is(:hover,:focus-visible) .blog-back-arrow{transform:translate(-5px)}.blog-home-link:focus-visible{outline-offset:5px;outline:2px solid #edf8f8f0}.blog-page-title{color:#ebf6f6bd;letter-spacing:.26em;justify-self:center;margin:0;font-size:13px;font-weight:620;line-height:1}.blog-published-count{color:#d7edf075;justify-self:end;align-items:baseline;gap:7px;margin:0;line-height:1;display:flex}.blog-published-count span:first-child{font-variant-numeric:tabular-nums;letter-spacing:.12em;font-size:13px}.blog-published-count span:last-child{font-size:9px;font-weight:620}.blog-index{z-index:1;place-items:center;min-height:calc(100svh - 82px);padding:30px clamp(22px,6vw,94px) 110px;display:grid;position:relative}.blog-empty-state{text-align:center;justify-items:center;width:min(1050px,100%);animation:.9s cubic-bezier(.16,1,.3,1) both blog-thought-arrives;display:grid;transform:translateY(-1.5svh)}.blog-empty-title{color:#f1f9f8f5;letter-spacing:-.075em;text-wrap:balance;text-shadow:0 18px 60px #00080f57;margin:0;font-size:clamp(48px,8.4vw,126px);font-weight:260;line-height:.94}.blog-sleepy-period{color:#a2dae2e6;margin-left:.06em;animation:3.8s ease-in-out infinite blog-period-nap;display:inline-block}.blog-empty-copy{color:#d8ecef80;letter-spacing:.08em;margin:clamp(22px,3.5svh,34px) 0 0;font-size:clamp(11px,.95vw,14px);font-weight:430;line-height:1.6}.blog-depth-caption{z-index:2;right:clamp(22px,4.6vw,72px);bottom:max(22px, calc(env(safe-area-inset-bottom) + 16px));color:#c3e1e63d;letter-spacing:.18em;pointer-events:none;justify-content:space-between;align-items:center;font-size:8px;font-weight:620;line-height:1;display:flex;position:absolute;left:clamp(22px,4.6vw,72px)}@keyframes blog-thought-arrives{0%{opacity:0;filter:blur(9px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(-1.5svh)scale(1)}}@keyframes blog-period-nap{0%,78%,to{transform:translateY(0)}86%{transform:translateY(4px)}92%{transform:translateY(-1px)}}@media (max-width:760px){.blog-topbar{min-height:68px;padding-inline:16px}.blog-home-link{font-size:11px}.blog-back-arrow{margin-right:8px}.blog-page-title{letter-spacing:.16em;font-size:11px}.blog-published-count{gap:4px}.blog-published-count span:first-child{font-size:11px}.blog-published-count span:last-child{font-size:8px}.blog-index{min-height:calc(100svh - 68px);padding:28px 18px 86px}.blog-empty-title{max-width:92vw;font-size:clamp(44px,14vw,68px);line-height:1}.blog-empty-copy{letter-spacing:.045em;max-width:76vw;margin-top:20px;font-size:11px}.blog-depth-caption{right:17px;bottom:max(18px, calc(env(safe-area-inset-bottom) + 13px));font-size:7px;left:17px}}@media (max-width:410px){.blog-home-link span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:104px;overflow:hidden}}@media (max-height:520px){.blog-index{min-height:452px}.blog-empty-title{font-size:clamp(42px,9vw,70px)}}@media (prefers-reduced-motion:reduce){.blog-empty-state,.blog-sleepy-period,.blog-home-link,.blog-back-arrow{transition:none!important;animation:none!important}}
