.blog-page{flex-direction:column;min-height:100svh;display:flex}.blog-hero-inner,.blog-toolbar,.blog-list,.blog-load-more-wrap,.blog-cta-inner{z-index:1;width:min(1140px,100% - 48px);margin-inline:auto;position:relative}.blog-hero{padding:clamp(56px,8vw,104px) 0 clamp(28px,4vw,44px);position:relative}.blog-eyebrow{color:var(--aeo-teal);font-family:var(--font-sans);font-size:var(--fs-base);margin:0 0 20px;font-weight:600}.blog-title{max-width:12em;font-family:var(--font-sans);letter-spacing:-.03em;color:var(--aeo-ink);text-wrap:balance;margin:0 0 20px;font-size:clamp(40px,5vw,68px);font-weight:700;line-height:.98}.blog-subtitle{max-width:36em;color:var(--aeo-ink-dim);text-wrap:pretty;margin:0;font-size:clamp(17px,1.4vw,20px);line-height:1.5}.blog-language-link,.blog-load-more{color:var(--aeo-ink);font-family:var(--font-sans);font-size:var(--fs-base);background:#eef1f80a;border:1px solid #eef1f82e;border-radius:8px;justify-content:center;align-items:center;padding:11px 16px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.blog-language-link{margin-top:26px}.aeo-night .blog-language-link,.aeo-night .blog-language-link:hover{color:var(--aeo-ink)}.aeo-night .blog-card,.aeo-night .blog-card:hover{color:inherit}.aeo-night .blog-cta-btn,.aeo-night .blog-cta-btn:hover{color:var(--aeo-bg)}.blog-language-link:hover,.blog-load-more:not(:disabled):hover{color:var(--aeo-ink);background:#eef1f812;border-color:#eef1f866}.blog-toolbar{border-top:1px solid var(--aeo-line);flex-direction:column;gap:16px;padding:28px 0 8px;display:flex}.blog-search-wrap{align-items:center;display:flex;position:relative}.blog-search{width:100%;height:46px;color:var(--aeo-ink);background:var(--aeo-surface);font-family:var(--font-sans);font-size:var(--fs-md);border:1px solid #eef1f81f;border-radius:8px;outline:none;padding:0 16px;transition:border-color .15s,box-shadow .15s}.blog-search:focus{border-color:var(--aeo-teal);box-shadow:0 0 0 3px #4fd1ff2e}.blog-search::placeholder{color:var(--aeo-ink-faint)}.blog-categories{flex-wrap:wrap;gap:8px;display:flex}.blog-cat-btn{color:var(--aeo-ink-nav);font-family:var(--font-sans);font-size:var(--fs-base);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #eef1f824;border-radius:999px;padding:8px 14px;font-weight:500;transition:color .15s,border-color .15s,background .15s}.blog-cat-btn:hover{color:var(--aeo-ink);border-color:#eef1f866}.blog-cat-btn--active,.blog-cat-btn--active:hover{color:var(--aeo-bg);border-color:var(--aeo-teal);background:var(--aeo-teal);font-weight:600;box-shadow:0 10px 24px -14px #4fd1ffcc}.blog-count{color:var(--aeo-ink-faint);font-family:var(--font-mono);font-size:var(--fs-xs)}.blog-list{flex:1;grid-template-columns:1fr;gap:18px;padding:22px 0 30px;display:grid}.blog-card{min-height:100%;color:inherit;background:linear-gradient(180deg, var(--aeo-surface-2), var(--aeo-surface));border:1px solid #eef1f81f;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;animation:.5s both blog-rise;display:flex;position:relative;overflow:hidden}.blog-card:nth-child(2){animation-delay:50ms}.blog-card:nth-child(3){animation-delay:.1s}.blog-card:nth-child(4){animation-delay:.15s}.blog-card:nth-child(5){animation-delay:.2s}.blog-card:nth-child(n+6){animation-delay:.25s}.blog-card:hover{color:inherit;border-color:#4fd1ff59;transform:translateY(-2px);box-shadow:0 40px 90px -40px #4fd1ff73}.blog-card:active{transform:translateY(0)}.blog-card-cover{border-bottom:1px solid var(--aeo-line);background:radial-gradient(60% 80% at 30% 20%,#4fd1ff2e,#0000 70%),radial-gradient(40% 60% at 85% 80%,#ffb45414,#0000 70%);place-items:center;height:104px;display:grid;position:relative}.blog-card-emoji{filter:drop-shadow(0 8px 24px #4fd1ff40);font-size:36px;line-height:1}.blog-card-badge{color:var(--aeo-amber);font-family:var(--font-mono);font-size:var(--fs-xs);background:#ffb45414;border:1px solid #ffb45459;border-radius:999px;padding:4px 9px;position:absolute;top:12px;right:12px}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 20px;display:flex}.blog-card-category{color:var(--aeo-teal);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em}.blog-card-title{color:var(--aeo-ink);font-family:var(--font-sans);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:19px;font-weight:600;line-height:1.3}.blog-card-excerpt{color:var(--aeo-ink-dim);font-size:var(--fs-base);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-meta{color:var(--aeo-ink-faint);font-family:var(--font-mono);font-size:var(--fs-xs);flex-wrap:wrap;align-items:center;gap:7px;margin-top:auto;padding-top:8px;display:flex}.blog-card-sep{color:var(--aeo-ink-mute)}.blog-load-more-wrap{justify-content:center;padding:0 0 44px;display:flex}.blog-load-more{cursor:pointer;padding:12px 24px}.blog-load-more:disabled{opacity:.45;cursor:default}.blog-cta{border-top:1px solid var(--aeo-line);background:#121a2e66;padding:clamp(56px,7vw,96px) 0}.blog-cta-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,4vw,64px);display:grid}.blog-cta-title{color:var(--aeo-ink);font-family:var(--font-sans);letter-spacing:-.03em;text-wrap:balance;margin:0 0 14px;font-size:clamp(28px,3.2vw,44px);font-weight:700;line-height:1.05}.blog-cta-sub{max-width:34em;color:var(--aeo-ink-dim);font-size:var(--fs-md);text-wrap:pretty;margin:0;line-height:1.6}.blog-cta-btn{background:var(--aeo-teal);color:var(--aeo-bg);font-family:var(--font-sans);font-size:var(--fs-md);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:15px 24px;font-weight:600;text-decoration:none;transition:filter .15s;display:inline-flex;box-shadow:0 14px 34px -14px #4fd1ffcc}.blog-cta-btn:hover{color:var(--aeo-bg);filter:brightness(1.06)}@keyframes blog-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none;animation:none}}@media (width>=760px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.blog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media (width<=760px){.blog-cta-inner{grid-template-columns:1fr}.blog-cta-btn{justify-self:start}}@media (width<=640px){.blog-hero-inner,.blog-toolbar,.blog-list,.blog-load-more-wrap,.blog-cta-inner{width:calc(100% - 36px)}.blog-hero{padding-top:40px}.blog-card-title{font-size:18px}}