.page-blog .page-hero{padding:64px 0 32px;position:relative;overflow:hidden}.page-blog .page-hero+.section{padding-top:32px}.page-blog .page-hero h1 .pop{color:var(--teal);display:inline-block;position:relative}.page-blog .page-hero h1 .pop:after{content:"";background:var(--ice-soft);z-index:-1;transform-origin:0;border-radius:4px;height:.2em;animation:1.2s cubic-bezier(.2,.7,.2,1) .55s forwards blog-pop-underline;position:absolute;bottom:.12em;left:0;right:0;transform:scaleX(0)}@keyframes blog-pop-underline{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.page-blog .page-hero h1 .pop:after{animation:none;transform:scaleX(1)}}.page-blog .breadcrumb{width:max-content;color:var(--ink-3);align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.page-blog .breadcrumb a{color:var(--ink-3);text-decoration:none}.page-blog .featured{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);grid-template-columns:1.3fr 1fr;gap:0;margin-bottom:56px;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;overflow:hidden}.page-blog .featured:hover{border-color:var(--ice);box-shadow:var(--shadow);transform:translateY(-2px)}@media (max-width:900px){.page-blog .featured{grid-template-columns:1fr}}.page-blog .featured-art{background:linear-gradient(135deg, var(--ink) 0%, var(--teal-deep) 100%);justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.page-blog .featured-art .pattern{background-image:radial-gradient(circle at 20% 30%,#95c2d066 0%,#0000 50%),radial-gradient(circle at 80% 70%,#476b7680 0%,#0000 50%);position:absolute;inset:0}.page-blog .featured-art .glyph{color:#ffffff0f;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;font-size:14vw;font-weight:800;line-height:1;position:relative}.page-blog .featured-art .meta-overlay{align-items:center;gap:10px;display:flex;position:absolute;top:28px;left:28px}.page-blog .featured-art .meta-overlay .badge{background:var(--ice);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.page-blog .featured-text{padding:48px}.page-blog .featured-text .cat{font-family:var(--font-mono);color:var(--teal);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.page-blog .featured-text h2{margin:12px 0 16px;font-size:clamp(28px,3.2vw,36px);line-height:1.15}.page-blog .featured-text .by-meta{border-top:1px solid var(--rule);color:var(--ink-3);align-items:center;gap:16px;margin-top:24px;padding-top:20px;font-size:13px;display:flex}.page-blog .featured-text .author{align-items:center;gap:10px;display:flex}.page-blog .featured-text .author .av{background:linear-gradient(135deg, var(--teal), var(--ice));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.page-blog .post-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:900px){.page-blog .post-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.page-blog .post-grid{grid-template-columns:1fr}}.page-blog .post{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);color:inherit;flex-direction:column;gap:16px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.page-blog .post:hover{border-color:var(--ice);box-shadow:var(--shadow);transform:translateY(-3px)}.page-blog .post-art{aspect-ratio:16/9;color:#ffffff1a;letter-spacing:-.04em;justify-content:center;align-items:center;font-size:80px;font-weight:800;display:flex;position:relative;overflow:hidden}.page-blog .post-art.c1{background:linear-gradient(135deg, var(--ink), var(--teal))}.page-blog .post-art.c2{background:linear-gradient(135deg, var(--teal), var(--ice))}.page-blog .post-art.c3{background:linear-gradient(135deg, var(--ice-soft), var(--ice));color:#303c4026}.page-blog .post-art.c4{background:linear-gradient(135deg, var(--ink), var(--teal))}.page-blog .post-art.c5{background:linear-gradient(135deg, var(--teal-deep), var(--ink))}.page-blog .post-art.c6{background:linear-gradient(135deg, var(--ice), var(--teal))}.page-blog .post-art .pattern{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.page-blog .post-art .label{color:var(--ink);letter-spacing:.04em;background:#ffffffeb;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:16px;left:16px}.page-blog .post-body{flex-direction:column;flex:1;gap:8px;padding:0 24px 24px;display:flex}.page-blog .post-meta{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;display:flex}.page-blog .post-meta .dot{background:var(--ink-3);border-radius:50%;width:3px;height:3px}.page-blog .post h3{margin:0;font-size:19px;line-height:1.25}.page-blog .post p{color:var(--ink-2);margin:0;font-size:14px}.page-blog .post .read-link{color:var(--teal);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:13px;font-weight:600;display:flex}.page-blog .art-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.page-blog .featured-art{background:linear-gradient(135deg, var(--ink) 0%, var(--teal-deep) 100%)}.page-blog .featured-art .art-photo{z-index:0}.page-blog .featured-art .meta-overlay{z-index:2}.page-blog .featured-art:after{content:"";z-index:1;background:linear-gradient(#141c2159 0%,#141c210d 40%,#141c2126 100%);position:absolute;inset:0}.page-blog .post-art{background:linear-gradient(135deg, var(--ink), var(--teal-deep))}.page-blog .post-art .label{z-index:2}.page-blog .post-art .art-photo{z-index:0}