.page-container.blog-list-page,.page-container.blog-post-page{height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (hover: hover) and (pointer: fine){.blog-card-image:hover{transform:scale(1.05)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}}.blog-image-link{display:block;height:240px;overflow:hidden}.blog-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card-image-placeholder{display:block;min-height:190px;background:var(--surface-tertiary)}.blog-empty-state{grid-column:1 / -1;padding:clamp(32px,6vw,72px) 24px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--glass-surface);text-align:center}.blog-empty-state h2{margin:0 0 10px;color:var(--text-primary);font-family:var(--font-title, var(--font-primary))}.blog-empty-state p{margin:0;color:var(--text-secondary)}.blog-tags span{display:inline-block}@media (max-width: 768px){.blog-post-hero{height:300px!important}.blog-post-container{margin-top:-3rem!important;padding:0 1.5rem!important}.blog-post-container h1{font-size:2.5rem!important}}.page-container.blog-list-page{position:relative;isolation:isolate;height:auto!important;min-height:100svh;overflow-x:hidden;padding:0 0 calc(48px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 50% 12%,var(--brand-alpha-low),transparent 42%),var(--bg-primary);color:var(--text-primary);font-family:var(--font-body, var(--font-primary))}.page-container.blog-list-page>header{position:-webkit-sticky;position:sticky;top:0;z-index:10;box-sizing:border-box;padding:14px clamp(16px,4vw,56px)!important;border-bottom:1px solid var(--border-subtle)!important;background:var(--glass-surface)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-container.blog-list-page>header>a{color:var(--text-primary)!important;font-family:var(--font-title, var(--font-primary));letter-spacing:-.02em}.page-container.blog-list-page>header>a img{width:34px;height:34px}.page-container.blog-list-page>header nav{gap:clamp(12px,2vw,26px)!important;font-family:var(--font-ui, var(--font-primary));font-size:.7rem!important;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.page-container.blog-list-page>header nav a{color:var(--text-tertiary)!important;text-decoration:none;transition:color var(--transition-fast, .2s ease)}.page-container.blog-list-page>header nav a[aria-current=page],.page-container.blog-list-page>header nav a:hover{color:var(--brand-primary)!important}.page-container.blog-list-page>header nav .btn-primary{min-height:40px;padding:11px 16px!important;border:1px solid var(--brand-primary);border-radius:var(--radius-full)!important;background:var(--brand-gradient)!important;color:var(--text-on-overlay)!important;font-size:.68rem!important}.page-container.blog-list-page .blog-header{max-width:820px;margin:0 auto;padding:clamp(56px,10vw,120px) 24px clamp(42px,7vw,76px)!important;border-bottom:0!important;background:transparent!important}.page-container.blog-list-page .blog-header h1{margin:0 0 16px!important;color:var(--text-primary)!important;font-family:var(--font-title, var(--font-primary));font-size:clamp(2.5rem,7vw,5.5rem)!important;font-weight:500;letter-spacing:-.06em;line-height:.95}.page-container.blog-list-page .blog-header p{max-width:620px!important;color:var(--text-secondary)!important;font-family:var(--font-body, var(--font-primary));font-size:clamp(1rem,2vw,1.2rem)!important;line-height:1.65}.page-container.blog-list-page .blog-list-container{width:min(100%,1240px);max-width:1240px!important;margin:0 auto!important;padding:0 clamp(16px,4vw,48px)!important}.page-container.blog-list-page .blog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;gap:clamp(16px,2.2vw,28px)!important}.page-container.blog-list-page .blog-card{min-width:0;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-xl)!important;background:var(--glass-surface)!important;box-shadow:0 18px 46px #0000002e;transition:transform var(--transition-fast, .2s ease),border-color var(--transition-fast, .2s ease),box-shadow var(--transition-fast, .2s ease)}@media (hover: hover) and (pointer: fine){.page-container.blog-list-page .blog-card:hover{border-color:var(--brand-alpha-medium)!important;box-shadow:0 22px 56px #00000047;transform:translateY(-4px)}}.page-container.blog-list-page .blog-card:focus-within{border-color:var(--brand-primary)!important}.page-container.blog-list-page .blog-image-link{height:clamp(190px,24vw,260px)!important;background:var(--surface-tertiary)}.page-container.blog-list-page .blog-card-image{transition:transform var(--transition-base, .3s ease),filter var(--transition-base, .3s ease)}@media (hover: hover) and (pointer: fine){.page-container.blog-list-page .blog-card:hover .blog-card-image{filter:saturate(1.08);transform:scale(1.04)}}.page-container.blog-list-page .blog-card-content{padding:clamp(18px,2.5vw,28px)!important}.page-container.blog-list-page .blog-tags{gap:6px!important;margin-bottom:16px!important}.page-container.blog-list-page .blog-tags span{padding:5px 9px!important;border:1px solid var(--brand-alpha-medium);border-radius:var(--radius-full)!important;background:var(--brand-alpha-low)!important;color:var(--brand-primary)!important;font-family:var(--font-ui, var(--font-primary));font-size:.64rem!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase}.page-container.blog-list-page .blog-card h2{margin-bottom:12px!important;color:var(--text-primary)!important;font-family:var(--font-title, var(--font-primary));font-size:clamp(1.35rem,2.5vw,1.75rem)!important;font-weight:500;letter-spacing:-.035em;line-height:1.1!important}.page-container.blog-list-page .blog-card h2:hover{color:var(--brand-primary)!important}.page-container.blog-list-page .blog-card p{margin-bottom:22px!important;color:var(--text-secondary)!important;font-family:var(--font-body, var(--font-primary));font-size:.96rem;line-height:1.65!important}.page-container.blog-list-page .blog-card-meta{gap:14px;padding-top:14px!important;border-top:1px solid var(--border-subtle)!important;color:var(--text-tertiary)!important;font-family:var(--font-ui, var(--font-primary));font-size:.66rem!important;letter-spacing:.04em}.page-container.blog-list-page .blog-card-meta a{color:var(--brand-primary)!important;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.page-container.blog-list-page :is(a,button):focus-visible{outline:3px solid var(--brand-primary);outline-offset:4px}.page-container.blog-list-page .about-footer-links{width:min(100% - 32px,1140px);margin:56px auto 0!important;padding:22px 0 0!important;border-top:1px solid var(--border-subtle)!important;color:var(--text-tertiary);font-family:var(--font-ui, var(--font-primary));font-size:.68rem!important;letter-spacing:.04em}.page-container.blog-list-page .about-footer-links a{color:var(--text-tertiary)!important;text-decoration:none;transition:color var(--transition-fast, .2s ease)}@media (hover: hover) and (pointer: fine){.page-container.blog-list-page .about-footer-links a:hover{color:var(--brand-primary)!important}}.page-container.blog-list-page>p:last-child{padding:26px 16px 0!important;color:var(--text-tertiary)!important;font-family:var(--font-ui, var(--font-primary));font-size:.64rem!important;letter-spacing:.04em}@media (max-width: 640px){.page-container.blog-list-page>header{align-items:flex-start!important}.page-container.blog-list-page>header nav{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;-ms-overflow-style:none;scrollbar-width:none}.page-container.blog-list-page>header nav::-webkit-scrollbar{display:none}.page-container.blog-list-page .blog-header{padding-top:52px!important}.page-container.blog-list-page .blog-grid{grid-template-columns:1fr!important}}@media (prefers-reduced-motion: reduce){.page-container.blog-list-page .blog-card,.page-container.blog-list-page .blog-card-image,.page-container.blog-list-page>header nav a,.page-container.blog-list-page .about-footer-links a{transition:none}}.page-container.blog-post-page{position:relative;isolation:isolate;height:auto!important;min-height:100svh;overflow-x:hidden;padding:0 0 calc(48px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 50% 18%,var(--brand-alpha-low),transparent 46%),var(--bg-primary);color:var(--text-primary);font-family:var(--font-body, var(--font-primary))}.page-container.blog-post-page>header{position:-webkit-sticky;position:sticky;top:0;z-index:20;box-sizing:border-box;padding:14px clamp(16px,4vw,56px)!important;border-bottom:1px solid var(--border-subtle)!important;background:var(--glass-surface)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-container.blog-post-page>header>a{color:var(--text-primary)!important;font-family:var(--font-title, var(--font-primary));letter-spacing:-.02em}.page-container.blog-post-page>header>a img{width:34px;height:34px}.page-container.blog-post-page>header nav{gap:clamp(12px,2vw,26px)!important;font-family:var(--font-ui, var(--font-primary));font-size:.7rem!important;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.page-container.blog-post-page>header nav a{color:var(--text-tertiary)!important;text-decoration:none;transition:color var(--transition-fast, .2s ease)}.page-container.blog-post-page>header nav a:hover{color:var(--brand-primary)!important}.page-container.blog-post-page>header nav .btn-primary{min-height:40px;padding:11px 16px!important;border:1px solid var(--brand-primary);border-radius:var(--radius-full)!important;background:var(--brand-gradient)!important;color:var(--text-on-overlay)!important;font-size:.68rem!important}.page-container.blog-post-page .blog-post-hero{height:clamp(280px,42vw,540px)!important;max-height:540px;background:var(--surface-tertiary)}.page-container.blog-post-page .blog-post-hero img{filter:saturate(.9)}.page-container.blog-post-page .blog-post-hero>div:last-child{background:linear-gradient(to bottom,transparent 20%,var(--bg-primary) 100%)!important}.page-container.blog-post-page .blog-post-container{width:min(100% - 32px,820px);max-width:820px!important;margin:-92px auto 0!important;padding:0 0 24px!important}.page-container.blog-post-page .back-link{margin-bottom:26px!important;color:var(--brand-primary)!important;font-family:var(--font-ui, var(--font-primary));font-size:.72rem;font-weight:700;letter-spacing:var(--track-label, .09em);text-transform:uppercase}.page-container.blog-post-page .blog-tags{gap:6px!important;margin-bottom:20px!important}.page-container.blog-post-page .blog-tags span{padding:5px 10px!important;border:1px solid var(--brand-alpha-medium)!important;border-radius:var(--radius-full)!important;background:var(--brand-alpha-low)!important;color:var(--brand-primary)!important;font-family:var(--font-ui, var(--font-primary));font-size:.64rem!important;letter-spacing:.06em;text-transform:uppercase}.page-container.blog-post-page .blog-post-container>h1{margin-bottom:22px!important;color:var(--text-primary)!important;font-family:var(--font-title, var(--font-primary));font-size:clamp(2.2rem,6vw,4.6rem)!important;font-weight:500;letter-spacing:-.055em;line-height:.98!important}.page-container.blog-post-page .blog-post-meta{gap:16px!important;margin-bottom:34px!important;padding-bottom:18px!important;border-bottom:1px solid var(--border-subtle)!important;color:var(--text-tertiary)!important;font-family:var(--font-ui, var(--font-primary));font-size:.7rem;letter-spacing:.03em}.page-container.blog-post-page .blog-post-meta>div{gap:8px!important}.page-container.blog-post-page .blog-post-meta svg{color:var(--brand-primary)}.page-container.blog-post-page .blog-post-content{color:var(--text-secondary)!important;font-family:var(--font-body, var(--font-primary));font-size:clamp(1rem,1.5vw,1.12rem)!important;line-height:1.85!important}.page-container.blog-post-page .blog-post-content h3{margin:42px 0 14px!important;color:var(--text-primary)!important;font-family:var(--font-title, var(--font-primary));font-size:clamp(1.45rem,3vw,2rem)!important;font-weight:500;letter-spacing:-.035em;line-height:1.1}.page-container.blog-post-page .blog-post-content p{margin-bottom:24px!important}.page-container.blog-post-page .blog-post-content strong{color:var(--text-primary);font-weight:700}.page-container.blog-post-page .blog-cta{margin-top:64px!important;padding:clamp(28px,6vw,56px)!important;border:1px solid var(--brand-alpha-medium)!important;border-radius:var(--radius-xl)!important;background:radial-gradient(circle at 50% 0%,var(--brand-alpha-low),transparent 70%),var(--glass-surface)!important;box-shadow:0 18px 46px #0003}.page-container.blog-post-page .blog-cta h2{margin-bottom:12px!important;color:var(--text-primary)!important;font-family:var(--font-title, var(--font-primary));font-size:clamp(1.7rem,4vw,2.5rem)!important;font-weight:500;letter-spacing:-.04em}.page-container.blog-post-page .blog-cta p{margin-bottom:24px!important;color:var(--text-secondary)!important;font-size:1rem!important;line-height:1.6}.page-container.blog-post-page .btn-primary-large{min-height:48px;padding:14px 24px;border:1px solid var(--brand-primary);border-radius:var(--radius-full);background:var(--brand-gradient);color:var(--text-on-overlay);font-family:var(--font-ui, var(--font-primary));font-size:.72rem;font-weight:700;letter-spacing:var(--track-label, .09em);text-transform:uppercase;box-shadow:0 12px 26px var(--brand-alpha-medium);transition:transform var(--transition-fast, .2s ease),filter var(--transition-fast, .2s ease)}.page-container.blog-post-page .btn-primary-large:hover{filter:brightness(1.08);transform:translateY(-2px)}.page-container.blog-post-page :is(a,button):focus-visible{outline:3px solid var(--brand-primary);outline-offset:4px}.page-container.blog-post-page .about-footer-links{width:100%;margin:56px 0 0!important;padding:22px 0 0!important;border-top:1px solid var(--border-subtle)!important;font-family:var(--font-ui, var(--font-primary));font-size:.68rem!important;letter-spacing:.04em}.page-container.blog-post-page .about-footer-links a{color:var(--text-tertiary)!important;text-decoration:none;transition:color var(--transition-fast, .2s ease)}.page-container.blog-post-page .about-footer-links a:hover{color:var(--brand-primary)!important}.page-container.blog-post-page>.blog-post-container>p:last-child{padding:0!important;color:var(--text-tertiary)!important;font-family:var(--font-ui, var(--font-primary));font-size:.64rem!important;letter-spacing:.04em}@media (max-width: 640px){.page-container.blog-post-page>header{align-items:flex-start!important}.page-container.blog-post-page>header nav{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;-ms-overflow-style:none;scrollbar-width:none}.page-container.blog-post-page>header nav::-webkit-scrollbar{display:none}.page-container.blog-post-page .blog-post-hero{height:300px!important}.page-container.blog-post-page .blog-post-container{width:min(100% - 24px,820px);margin-top:-52px!important}.page-container.blog-post-page .blog-post-meta{align-items:flex-start!important;flex-direction:column;gap:10px!important}.page-container.blog-post-page .blog-cta{padding:28px 20px!important}}@media (prefers-reduced-motion: reduce){.page-container.blog-post-page>header nav a,.page-container.blog-post-page .btn-primary-large,.page-container.blog-post-page .about-footer-links a{transition:none}}