.blog-page{--blog-bg: #fbf8f2;--blog-surface: #fffefa;--blog-field: #f8f6f1;--blog-ink: #242521;--blog-muted: #686860;--blog-line: #e8e2d8;--blog-accent: var(--accent);position:relative;isolation:isolate;min-height:100vh;overflow:clip;background:var(--blog-bg);color:var(--blog-ink);font-family:Instrument Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.dark .blog-page{--blog-bg: #111416;--blog-surface: #1b1f22;--blog-field: #202528;--blog-ink: #f5f2ec;--blog-muted: #b6b6ad;--blog-line: #363b3c}.blog-page:before{position:absolute;z-index:-1;top:68px;right:0;left:0;height:660px;background:url(../../../illustrations/landing/hero-background-v1.webp) center top / max(100%,1500px) 660px no-repeat;-webkit-mask-image:linear-gradient(#000 25%,transparent 98%);mask-image:linear-gradient(#000 25%,transparent 98%);opacity:.38;pointer-events:none;content:""}.dark .blog-page:before{opacity:.12}.blog-page *{box-sizing:border-box}.blog-page :is(h1,h2,h3,p){margin:0}.blog-page a{text-decoration:none}.blog-page :is(a,button,input):focus-visible{outline:3px solid var(--blog-accent);outline-offset:3px}.blog-shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}.blog-skip{position:fixed;z-index:60;top:-100px;left:20px;padding:12px 16px;border-radius:10px;background:var(--blog-surface);color:var(--blog-ink)}.blog-skip:focus{top:14px}.blog-header{position:sticky;z-index:30;top:0;border-bottom:1px solid var(--blog-line);background:color-mix(in srgb,var(--blog-bg) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.blog-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.blog-header__brand{display:inline-flex;flex:0 0 auto;align-items:center}.blog-header__brand img{display:block;width:150px;height:42px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.blog-header__nav,.blog-header__actions{display:flex;align-items:center}.blog-header__nav{gap:clamp(20px,3vw,42px);margin-left:auto}.blog-header__nav a{color:var(--blog-muted);font-size:13px;font-weight:600;transition:color .18s ease}.blog-header__nav a:hover{color:var(--blog-accent)}.blog-header__actions{gap:14px}.blog-appearance{border:1px solid var(--blog-line);border-radius:999px;background:var(--blog-surface)}.blog-header__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 17px;border-radius:999px;background:var(--blog-accent);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 8px 20px color-mix(in srgb,var(--blog-accent) 18%,transparent);transition:transform .18s ease,box-shadow .18s ease}.blog-header__cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--blog-accent) 24%,transparent)}.blog-main{min-height:calc(100vh - 180px)}.blog-hero{padding-top:clamp(70px,8vw,118px);padding-bottom:clamp(78px,9vw,126px);text-align:center}.blog-hero h1{font-size:clamp(42px,5vw,68px);font-weight:700;line-height:1.08;letter-spacing:-.055em;text-wrap:balance}.blog-hero p{max-width:660px;margin:19px auto 0;color:var(--blog-muted);font-size:clamp(15px,1.7vw,19px);line-height:1.6;text-wrap:balance}.blog-collection{padding-bottom:34px}.blog-collection__toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--blog-line)}.blog-collection__toolbar h2{font-size:clamp(22px,2.3vw,27px);font-weight:700;letter-spacing:-.035em}.blog-search{display:flex;align-items:center;gap:9px;width:min(100%,255px);min-height:42px;padding:0 12px;border:1px solid var(--blog-line);border-radius:999px;background:var(--blog-surface);color:var(--blog-muted)}.blog-search:focus-within{border-color:var(--blog-accent)}.blog-search svg{flex:0 0 auto}.blog-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--blog-ink);font:inherit;font-size:13px}.blog-search input::-moz-placeholder{color:var(--blog-muted)}.blog-search input::placeholder{color:var(--blog-muted)}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.blog-grid--single{grid-template-columns:minmax(0,680px);justify-content:center}.blog-empty{display:grid;justify-items:center;gap:9px;padding:80px 20px;text-align:center;color:var(--blog-muted)}.blog-empty svg{color:var(--blog-accent)}.blog-empty h3{margin-top:8px;color:var(--blog-ink);font-size:20px}.blog-empty p{font-size:14px;line-height:1.5}.blog-footer{display:flex;justify-content:space-between;gap:20px;margin-top:86px;padding-block:26px 42px;border-top:1px solid var(--blog-line);color:var(--blog-muted);font-size:11px}.blog-footer a{display:inline-flex;align-items:center;gap:7px;color:var(--blog-accent);font-weight:700}@media(max-width:780px){.blog-header__nav{display:none}.blog-grid{grid-template-columns:minmax(0,1fr);justify-items:center}.blog-grid>*{width:min(100%,680px)}}@media(max-width:600px){.blog-shell{width:calc(100% - 36px)}.blog-header__inner{min-height:72px}.blog-header__brand img{width:132px;height:36px}.blog-header__cta{display:none}.blog-page:before{top:72px;height:490px;background-size:max(100%,710px) 490px;opacity:.25}.dark .blog-page:before{opacity:.08}.blog-hero{padding-top:68px;padding-bottom:75px}.blog-hero h1{font-size:clamp(40px,10vw,54px)}.blog-collection__toolbar{align-items:stretch;flex-direction:column;gap:17px}.blog-search{width:100%}.blog-grid{margin-top:18px}.blog-footer{flex-direction:column;margin-top:64px}}@media(prefers-reduced-motion:reduce){.blog-header__cta,.blog-header__nav a{transition:none}.blog-header__cta:hover{transform:none}}