.blogs-page{background:var(--canvas);background-image:radial-gradient(circle at 12% 18%,#9a33090b 0,#0000 40%),radial-gradient(circle at 88% 72%,#485f3a09 0,#0000 40%);max-width:1100px;margin:0 auto;padding:clamp(28px,4vw,56px) clamp(16px,4vw,32px) 80px}[data-theme=dark] .blogs-page{background-image:radial-gradient(circle at 12% 18%,#f973160f 0,#0000 40%),radial-gradient(circle at 88% 72%,#b8c4ae0d 0,#0000 40%)}.blogs-page-header{margin:0 0 36px;padding-bottom:24px;position:relative}.blogs-page-header:after{background:var(--accent-600);content:"";width:56px;height:2px;position:absolute;bottom:0;left:0}.blogs-page-header .blogs-eyebrow{color:var(--accent-700);font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-block}.blogs-page-header .blogs-eyebrow:before{background:var(--accent-600);content:"";vertical-align:middle;width:14px;height:1px;margin-right:10px;display:inline-block}.blogs-page-header h1{color:var(--ink-900);font-family:var(--font-display);letter-spacing:-.02em;text-align:left;margin:0;font-size:clamp(36px,6.4vw,60px);font-style:italic;font-weight:500;line-height:1}.blogs-page-header .blogs-byline{color:var(--ink-500);font-family:var(--font-ui);max-width:64ch;margin-top:14px;font-size:14px;line-height:1.6}.blogs-empty{background:var(--canvas-raised);border:1px dashed var(--ink-300);border-radius:var(--r-lg);color:var(--ink-500);font-family:var(--font-ui);text-align:center;padding:48px 32px;font-size:15px;font-style:italic}.blogs-list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.blogs-list-item{background:var(--canvas-raised);border:1px solid var(--ink-100);border-radius:var(--r-lg);box-shadow:var(--elev-1);transition:transform .24s var(--ease-out),box-shadow .24s var(--ease-out),border-color .24s var(--ease-out);grid-template-columns:1fr;gap:24px;padding:28px;display:grid;position:relative;overflow:hidden}.blogs-list-item:hover{border-color:var(--ink-300);box-shadow:var(--elev-2);transform:translateY(-2px)}.blogs-list-item:hover .blogs-list-title{color:var(--accent-700)}@media (min-width:720px){.blogs-list-item:has(.blogs-list-photo){grid-template-columns:220px 1fr;align-items:start}}.blogs-list-item:has(.blogs-list-clickable:focus-visible){box-shadow:var(--ring),var(--elev-2)}.blogs-list-clickable{border-radius:inherit;z-index:2;position:absolute;inset:0}.blogs-list-clickable:focus{outline:none}.blogs-list-photo{aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden}.blogs-list-photo img{object-fit:cover;width:100%;height:100%;display:block}.blogs-list-text{flex-direction:column;display:flex}.blogs-list-title{color:var(--ink-900);font-family:var(--font-display);letter-spacing:-.015em;transition:color .2s var(--ease-out);margin:0 0 10px;font-size:clamp(22px,3vw,28px);font-style:italic;font-weight:500;line-height:1.2}.blogs-list-intro{color:var(--ink-700);font-family:var(--font-ui);margin:0 0 14px;font-size:15px;line-height:1.55}.blogs-list-byline{color:var(--ink-500);font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.blogs-list-byline .sep{color:var(--ink-300);margin:0 8px}