.blogs-page{background:var(--white)}.blogs-hero{background:radial-gradient(circle at 86% 16%, var(--aqua-pale) 0, #e6f7f700 32%), var(--surface-page);position:relative;overflow:hidden}.blogs-hero:before{content:"";aspect-ratio:1;pointer-events:none;border:3.5rem solid #3fc8c80e;border-radius:50%;width:32rem;position:absolute;bottom:-25rem;left:-22rem}.blogs-hero-grid{z-index:1;align-items:center;gap:var(--layout-gap);isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(25rem,.9fr);display:grid;position:relative}.blogs-hero-copy h1{max-width:18ch;margin:1rem 0 1.5rem}.blogs-hero-copy>p:not(.eyebrow){max-width:42rem;color:var(--text-muted);margin:0;font-size:clamp(1rem,1.4vw,1.1rem)}.blogs-hero-copy .button{margin-top:var(--button-content-gap)}.blogs-hero-visual{border-radius:var(--radius-feature);background:var(--white);border:1px solid #3fc8c833;min-height:27rem;padding:clamp(1.5rem,4vw,3rem);position:relative;box-shadow:0 16px 45px #1f20241a}.blogs-hero-visual:after{content:"";z-index:-1;border-radius:var(--radius-feature);background:var(--aqua-pale);transform:translate(var(--hero-backdrop-offset), var(--hero-backdrop-offset)) rotate(var(--hero-backdrop-rotation));pointer-events:none;position:absolute;inset:0}.blogs-hero-sheet{border-radius:var(--radius-panel);background:var(--surface-dark);min-height:21rem;color:var(--white);flex-direction:column;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.blogs-hero-sheet-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.blogs-hero-sheet-top>span{color:var(--aqua-light);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:700}.blogs-hero-sheet-top>b{border-radius:var(--radius-pill);background:var(--white);color:var(--ink);padding:.45rem .7rem;font-size:.62rem}.blogs-hero-sheet>strong{letter-spacing:-.05em;max-width:16ch;margin:auto 0;font-size:clamp(1.65rem,3.4vw,2.65rem);line-height:1.18}.blogs-hero-sheet>p{color:var(--white);margin:0 0 1.5rem;font-size:.85rem}.blogs-hero-tags{border-top:1px solid #ffffff24;flex-wrap:wrap;gap:.5rem;padding-top:1.25rem;display:flex}.blogs-hero-tags span{border-radius:var(--radius-pill);border:1px solid #ffffff2e;padding:.42rem .65rem;font-size:.59rem;font-weight:700}.blogs-hero-mark{aspect-ratio:1;border:.35rem solid var(--white);border-radius:var(--radius-panel);background:var(--aqua);width:4.5rem;color:var(--ink);place-items:center;font-size:1.2rem;font-weight:700;display:grid;position:absolute;bottom:1rem;right:1rem;box-shadow:0 10px 30px #1f202421}.blogs-overview{background:var(--surface-soft)}.blogs-overview-heading{align-items:end;gap:var(--layout-gap);grid-template-columns:minmax(0,1.08fr) minmax(18rem,.62fr);margin-bottom:2.5rem;display:grid}.blogs-overview-heading h2{max-width:19ch;margin:1rem 0 0}.blogs-overview-heading>p{max-width:34rem;color:var(--text-muted);margin:0}.blogs-tools{max-width:36rem}.blogs-filter{border:0;min-width:0;margin:0;padding:0}.blogs-filter>label,.blogs-search>label{color:var(--ink);margin-bottom:1rem;font-size:.85rem;font-weight:700;display:block}.blogs-topic-select{position:relative}.blogs-topic-select select{appearance:none;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--white);width:100%;min-height:3.25rem;color:var(--ink);font:inherit;cursor:pointer;padding:.65rem 3rem .65rem 1rem;font-size:1rem;font-weight:600;display:block}.blogs-topic-select select:hover{border-color:var(--aqua)}.blogs-topic-select select:focus-visible{outline:3px solid var(--pink-strong);outline-offset:4px}.blogs-topic-select>.site-icon{pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.blogs-search{min-width:0}.blogs-search-inline{grid-column:1/-1;margin-block:1.5rem}.blogs-search-input{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--white);align-items:center;gap:.5rem;min-height:3.25rem;padding:.25rem .75rem;display:flex}.blogs-search-input:focus-within{outline:3px solid var(--pink-strong);outline-offset:4px}.blogs-search-input>.site-icon{color:var(--text-muted);flex-shrink:0}.blogs-search-input input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;padding-block:.5rem;font-size:1rem}.blogs-search-input input::placeholder{color:var(--text-muted)}.blogs-search-input input::-webkit-search-cancel-button{-webkit-appearance:none}.blogs-search-input button{border-radius:var(--radius-control);background:var(--surface-soft);min-width:2.75rem;min-height:2.75rem;color:var(--ink);cursor:pointer;border:0;flex-shrink:0;place-items:center;padding:.5rem;display:grid}.blogs-results{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-block:1.5rem 2rem;display:flex}.blogs-results p{min-width:0;max-width:100%;color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:.85rem}.blogs-reset{min-height:2.75rem;color:var(--ink);font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.85rem;font-weight:700;text-decoration:underline;display:inline-flex}.blogs-cta{background:var(--white)}.blogs-grid{gap:var(--card-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blogs-grid>.blogs-empty{grid-column:1/-1}.blogs-empty{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--white);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.blogs-empty-icon{aspect-ratio:1;border:1px solid var(--accent-symbol-border);border-radius:var(--radius-control);background:var(--accent-symbol-bg);width:3.5rem;color:var(--accent-symbol-fg);place-items:center;font-weight:700;display:grid}.blogs-empty h3{margin:0 0 .4rem}.blogs-empty p{max-width:42rem;color:var(--text-muted);margin:0;font-size:.85rem}.blogs-empty .text-link{white-space:nowrap}@media (max-width:1080px){.blogs-hero-grid{grid-template-columns:1fr 1fr;gap:3rem}.blogs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.blogs-hero-grid,.blogs-overview-heading{grid-template-columns:1fr}.blogs-hero-copy h1{max-width:18ch}.blogs-hero-visual{width:min(100%,38rem);min-height:0;margin-inline:auto}.blogs-overview-heading{align-items:start;gap:1.5rem}.blogs-empty{grid-template-columns:auto 1fr}.blogs-empty .text-link{grid-column:2}}@media (max-width:600px){.blogs-hero-visual{min-height:0;padding:1rem}.blogs-hero-sheet{min-height:0;padding:1.5rem}.blogs-hero-sheet>strong{margin-block:1.5rem}.blogs-hero-mark{width:4rem;bottom:.5rem;right:.5rem}.blogs-grid,.blogs-empty{grid-template-columns:1fr}.blogs-empty .text-link{grid-column:auto}}