.hp .page-head-row{display:flex;flex-direction:column;gap:20px}@media(min-width:900px){.hp .page-head-row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:40px}.hp .page-head-text{min-width:0}.hp .page-head-row .blog-search:not([hidden]){margin-top:0;width:340px;flex:none}}.hp .blog-search:not([hidden]){display:flex;flex-direction:column;gap:8px;margin-top:4px;max-width:460px}.hp .blog-search label{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted)}.hp .blog-search input{width:100%;font-family:var(--font-sans);font-size:16px;line-height:1.4;padding:12px 14px;color:var(--color-ink);background:var(--color-on-accent);border:1.5px solid var(--color-rule);border-radius:4px}.hp .blog-search input::placeholder{color:var(--color-ink-muted)}.hp .blog-search input:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:1px}.hp .search-status:not([hidden]){display:block;font-size:15px;color:var(--color-ink-muted);margin-top:32px}.hp .search-status:not([hidden])+.post-grid{margin-top:20px}.hp .post-grid{display:grid;grid-template-columns:1fr;gap:24px;list-style:none;margin:40px 0 0;padding:0}@media(min-width:768px){.hp .post-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media(min-width:1040px){.hp .post-grid{grid-template-columns:repeat(3,1fr);gap:32px}}.hp .post-card{overflow:hidden;display:flex;flex-direction:column;height:100%;transition:box-shadow .18s,transform .18s}.hp .post-card:hover{box-shadow:0 16px 40px #1c2a3a21;transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.hp .post-card:hover{transform:none}}.hp .post-card .thumb{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--color-surface-alt)}.hp .post-card .card-body{padding:20px;display:flex;flex-direction:column;flex:1}.hp .post-card h2{font-family:var(--font-serif);font-size:20px;line-height:1.3;margin-top:10px}.hp .post-card h2 a{color:var(--color-ink);text-decoration:none}.hp .post-card h2 a:hover{color:var(--color-accent)}.hp .post-card h2 a:after{content:"";position:absolute;inset:0}.hp .post-card{position:relative}.hp .post-card .excerpt{font-size:15px;line-height:1.65;color:var(--color-ink-muted);margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.hp .post-card .card-meta{margin-top:auto;padding-top:16px}.hp .empty{font-size:17px;color:var(--color-ink-muted);margin-top:40px}.hp .pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:56px;padding-top:28px;border-top:1px solid var(--color-rule)}.hp .pagination .count{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;color:var(--color-ink-muted);text-align:center}.hp .post-section{padding-top:45px}@media(min-width:768px){.hp .post-section{padding-top:64px}}@media(min-width:1040px){.hp .post-section{padding-top:80px}}.hp .post{max-width:720px;margin:0 auto}.hp .post-title{font-family:var(--font-serif);font-size:32px;line-height:1.15;margin-top:14px}@media(min-width:768px){.hp .post-title{font-size:42px}}.hp .post-meta{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hp .post-meta .sep{width:14px;height:1px;background:var(--color-highlight);flex:none}.hp .post-hero{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;margin-top:32px;background:var(--color-surface-alt)}.hp .post-body{font-size:18px;line-height:1.75;color:var(--color-ink);margin-top:40px}.hp .post-body>*+*{margin-top:24px}.hp .post-body h2,.hp .post-body h3,.hp .post-body h4,.hp .post-body h5,.hp .post-body h6{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em;line-height:1.25;text-wrap:balance}.hp .post-body h2{font-size:27px;margin-top:48px}.hp .post-body h3{font-size:22px;margin-top:36px}.hp .post-body h4,.hp .post-body h5,.hp .post-body h6{font-size:20px;margin-top:32px}@media(min-width:768px){.hp .post-body h2{font-size:30px}}.hp .post-body strong{font-weight:600;color:var(--color-ink)}.hp .post-body a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.hp .post-body a:hover{color:var(--color-accent-dark)}.hp .post-body ul,.hp .post-body ol{padding-left:24px}.hp .post-body ul{list-style:disc}.hp .post-body ol{list-style:decimal}.hp .post-body li+li{margin-top:8px}.hp .post-body li::marker{color:var(--color-secondary)}.hp .post-body blockquote{border-left:3px solid var(--color-highlight);padding-left:20px;font-style:italic;color:var(--color-ink-muted)}.hp .post-body img{max-width:100%;height:auto;border-radius:10px}.hp .post-body hr{border:0;border-top:1px solid var(--color-rule);margin-top:40px}.hp .post-video{margin:0}.hp .post-video details{border:1px solid var(--color-rule);border-radius:10px;overflow:hidden;background:var(--color-surface-alt)}.hp .post-video summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;font-size:16px;font-weight:600;color:var(--color-ink);list-style:none}.hp .post-video summary::-webkit-details-marker{display:none}.hp .post-video summary:hover{color:var(--color-accent)}.hp .post-video details[open] summary{display:none}.hp .post-video .pv-play{flex:none;width:34px;height:34px;border-radius:50%;background:var(--color-accent);position:relative}.hp .post-video .pv-play:after{content:"";position:absolute;inset:50% auto auto calc(50% + 1px);transform:translate(-50%,-50%);border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--color-on-accent)}.hp .post-video .pv-frame{position:relative;aspect-ratio:16 / 9}.hp .post-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.hp .post-foot{margin-top:56px;padding-top:28px;border-top:1px solid var(--color-rule)}.hp .tag-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.hp .tag-list li{background:var(--color-surface-alt);color:var(--color-ink-muted);border-radius:999px;padding:6px 14px;font-size:13px}.hp .post-back{margin-top:32px}