:root{--color-brand: #998E7C;--color-brand-dark: #7d735f;--color-brand-tint: #f4f1ec;--color-tag-bg: #f4f1ec;--color-text: #222222;--color-text-muted: #6b6b6b;--color-ink: #140d0b;--color-body: #382723;--color-line-soft: #bbafa7;--color-cta-bg: #473f3c;--color-cta-arrow: #edf4f7;--color-bg: #ffffff;--color-bg-soft: #f7f5f2;--color-border: #e4e0d8;--header-pill-bg: rgba(255, 255, 255, .8);--header-pill-blur: 12px;--header-menu-blur: 25px;--header-pill-shadow: 0px 4px 4px rgba(0, 0, 0, .06), 0px 4px 15px 2px rgba(0, 0, 0, .04);--header-h: 76px;--container-wide: 1172px;--container-narrow: 760px;--gutter: 20px}.page-hero--wrap{padding-top:var(--header-h);background:#fff}.page-hero--inner{width:min(var(--container-wide),calc(100% - var(--gutter) * 2));margin-inline:auto;padding:56px 0 72px}.page-hero--title{margin:0 0 10px;font-size:28px;font-weight:800;line-height:1.3;letter-spacing:-.04em;color:var(--color-ink)}.page-hero--desc{margin:0;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.04em;word-break:keep-all;color:var(--color-body);min-height:48px}@media(min-width:768px){.page-hero--title{font-size:36px}}@media(min-width:1024px){.page-hero--inner{padding-top:125px;padding-bottom:56px}.page-hero--desc{max-width:480px}}.page-blog--main{min-height:60vh}@media(min-width:1024px){.page-blog--main{min-height:80vh}}.page-blog--empty{width:min(var(--container-wide),calc(100% - var(--gutter) * 2));margin-inline:auto;padding:20px;min-height:300px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text-muted)}@media(min-width:1024px){.page-blog--empty{min-height:400px}}.page-blog--list{width:min(var(--container-wide),calc(100% - var(--gutter) * 2));margin-inline:auto;display:grid;grid-template-columns:1fr;gap:48px}@media(min-width:640px){.page-blog--list{grid-template-columns:repeat(2,1fr);column-gap:14px;row-gap:48px}}@media(min-width:1024px){.page-blog--list{grid-template-columns:repeat(3,1fr);column-gap:37px;row-gap:64px}}.page-blog--main>.page-blog--list:last-child{margin-bottom:64px}.post-filter--wrap{width:min(var(--container-wide),calc(100% - var(--gutter) * 2));margin:0 auto 32px}@media(min-width:1024px){.post-filter--wrap{margin-bottom:40px}}.post-filter{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;gap:8px;scrollbar-width:none}.post-filter::-webkit-scrollbar{display:none}.post-filter--pill{display:inline-flex;align-items:center;flex-shrink:0;height:40px;padding:0 14px;border-radius:20px;font-weight:500;font-size:15px;line-height:1;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);transition:background-color .2s ease}.post-filter--pill:hover:not(.is-active){background-color:var(--color-bg-soft)}.post-filter--pill.is-active{background-color:var(--color-cta-bg);color:#fff;border-color:transparent}.blog-card{position:relative;display:flex;flex-direction:column}.blog-card--link{position:absolute;inset:0;z-index:1}.blog-card--thumb{overflow:hidden;border-radius:16px;aspect-ratio:350 / 197;background-color:var(--color-bg-soft)}.blog-card--thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card:hover .blog-card--thumb-img{transform:scale(1.1)}@media(hover:none){.blog-card:active .blog-card--thumb-img{transform:scale(1.1)}}.blog-card--body{padding-top:18px;display:flex;flex-direction:column;flex:1}.blog-card--title{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.04em;color:var(--color-ink)}@media(min-width:640px){.blog-card--title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.blog-card--excerpt{margin:0 0 16px;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.04em;color:var(--color-body);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.blog-card--meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.blog-card--meta-left{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:24px;letter-spacing:-.02em;color:var(--color-text-muted)}.blog-card--dot{width:2px;height:2px;border-radius:50%;background-color:var(--color-text-muted);flex-shrink:0}.blog-card--author,.blog-card--tag{position:relative;z-index:2;text-decoration:none;color:inherit}.blog-card--author:hover{text-decoration:underline}.blog-card--tag{padding:2px 10px;border-radius:6px;background-color:var(--color-brand-tint);font-size:12px;font-weight:600;line-height:1.5;letter-spacing:-.02em;color:var(--color-body);white-space:nowrap;transition:background-color .2s ease}.blog-card--tag:hover{background-color:#ebe4d7}.page-blog--pagination{display:flex;justify-content:center;padding:72px 20px 56px}.page-blog--pagination .nav-links{display:flex;align-items:center;gap:8px}.page-blog--pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:36px;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.04em;text-decoration:none;color:#dbd3cd;transition:color .15s ease}.page-blog--pagination a.page-numbers:hover{color:#978e8b}.page-blog--pagination .page-numbers.current{color:#473f3c}.page-blog--pagination .page-numbers.prev,.page-blog--pagination .page-numbers.next{width:36px;border-radius:50%;background:#fff;border:1px solid rgba(151,142,139,.3);color:#595250;transition:background .15s ease}.page-blog--pagination .page-numbers.prev:not(.is-disabled):hover,.page-blog--pagination .page-numbers.next:not(.is-disabled):hover{background:#978e8b1f}.page-blog--pagination .page-numbers.prev svg,.page-blog--pagination .page-numbers.next svg{width:13px;height:auto}.page-blog--pagination .page-numbers.prev.is-disabled,.page-blog--pagination .page-numbers.next.is-disabled{color:#dbd3cd;cursor:default}@media(min-width:1024px){.page-blog--pagination{padding:100px 20px 120px}}.page-blog--pagination .page-numbers.dots{background:none;min-width:24px;pointer-events:none;color:transparent;background-image:radial-gradient(circle,#dbd3cd 1.5px,transparent 1.5px),radial-gradient(circle,#dbd3cd 1.5px,transparent 1.5px),radial-gradient(circle,#dbd3cd 1.5px,transparent 1.5px);background-size:3px 3px;background-position:0 50%,9px 50%,18px 50%;background-repeat:no-repeat}