.blogs-section{background:var(--journal-mint-band);border-radius:30px;padding-block:96px}@media (max-width:800px){.blogs-section{padding-block:64px}}.blogs-section{--blogs-line:#1f1f1f1f;--blogs-muted:#1f1f1f99;--blogs-ease:cubic-bezier(.22, 1, .36, 1)}.blogs-section__grid{flex-direction:column;align-items:center;gap:48px;display:flex}@media (max-width:800px){.blogs-section__grid{gap:32px}}.blogs-section__intro{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.blogs-section__note{max-width:52ch;color:var(--blogs-muted);margin:0;font-size:16px;line-height:1.55}.blogs-section__eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--journal-green);margin-bottom:7px;font-size:12px;font-weight:500}.blogs-section__title{letter-spacing:-.05em;color:var(--journal-ink,#1f1f1f);font-size:clamp(28px,3vw,39px);font-weight:400;line-height:1.15}.blogs-section__highlight{color:var(--journal-green);font-style:italic}.blogs-section__more{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.blogs-section__more-question{letter-spacing:-.02em;color:var(--journal-ink,#1f1f1f);margin:0;font-size:clamp(20px,1.8vw,24px);font-weight:400}.blogs-section__more-note{color:var(--blogs-muted);margin:0 0 14px;font-size:16px;line-height:1.5}.blogs-section__more-btn.btn{font-size:var(--btn-font-size);line-height:var(--btn-line-height);color:#fff;background:var(--journal-green);padding:var(--btn-pad-y) var(--btn-pad-x)!important}.blogs-section__more-btn.btn:hover{background:#435537}.blogs-section__more-btn.btn:focus-visible{outline:2px solid var(--journal-green);outline-offset:3px}.blogs-section__list{border-top:1px solid var(--blogs-line);width:100%;max-width:1080px;margin:0;padding:0;list-style:none}.blogs-section__item{border-bottom:1px solid var(--blogs-line)}.blogs-section__row{isolation:isolate;-moz-column-gap:32px;color:var(--journal-ink,#1f1f1f);grid-template-columns:168px minmax(0,1fr) auto;grid-template-areas:"thumb meta go""thumb title go";align-content:center;gap:8px 32px;padding:20px 4px;text-decoration:none;transition:opacity .35s;display:grid;position:relative}.blogs-section__row:before{content:"";z-index:-1;opacity:0;transition:opacity .35s ease, transform .45s var(--blogs-ease);background:#ffffffb8;border-radius:18px;position:absolute;inset:-1px -20px;transform:scale(.985);box-shadow:0 10px 30px #5166431a}.blogs-section__row:focus-visible{outline:2px solid var(--journal-green);outline-offset:2px;border-radius:8px}@media (max-width:800px){.blogs-section__row{-moz-column-gap:16px;grid-template-columns:96px minmax(0,1fr) auto;gap:6px 16px;padding:16px 0}}@media (max-width:480px){.blogs-section__row{-moz-column-gap:14px;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"thumb meta""thumb title";column-gap:14px}}.blogs-section__thumb{aspect-ratio:578/311;background:linear-gradient(-66.9deg, color-mix(in srgb, var(--pastel,#b3ffad) 62%, #f4f3ee) 1.35%, #f2f2f0 99.6%);transition:box-shadow .45s var(--blogs-ease);border-radius:12px;grid-area:thumb;align-self:center;position:relative;overflow:hidden}.blogs-section__thumb img{-o-object-fit:cover;object-fit:cover;filter:saturate(.55)contrast(.95)brightness(1.04);transition:filter .5s ease, transform .7s var(--blogs-ease)}@media (max-width:800px){.blogs-section__thumb{border-radius:8px}}.blogs-section__meta{flex-wrap:wrap;grid-area:meta;align-items:center;gap:4px 16px;font-size:13px;line-height:1.4;display:flex}.blogs-section__category{align-items:center;gap:8px;font-weight:500;display:inline-flex}.blogs-section__category:before{content:"";background:var(--category,var(--journal-green));border-radius:50%;width:7px;height:7px}.blogs-section__date{color:var(--blogs-muted);font-variant-numeric:tabular-nums}.blogs-section__row-title{letter-spacing:-.02em;text-wrap:pretty;max-width:40ch;transition:color .25s ease, transform .45s var(--blogs-ease);grid-area:title;font-size:clamp(17px,1.7vw,24px);font-weight:400;line-height:1.3}.blogs-section__go{color:#1f1f1f73;border:1px solid #1f1f1f24;border-radius:50%;grid-area:go;align-self:center;place-items:center;width:44px;height:44px;transition:background .3s,border-color .3s,color .3s;display:grid}.blogs-section__go svg{transition:transform .45s var(--blogs-ease)}@media (max-width:480px){.blogs-section__go{display:none}}.blogs-section__row:focus-visible .blogs-section__thumb img,.blogs-section__row:hover .blogs-section__thumb img{filter:none;transform:scale(1.05)}.blogs-section__row:focus-visible .blogs-section__row-title,.blogs-section__row:hover .blogs-section__row-title{color:var(--journal-green)}.blogs-section__row:focus-visible .blogs-section__go,.blogs-section__row:hover .blogs-section__go{border-color:var(--journal-green);background:var(--journal-green);color:#fff}.blogs-section__row:focus-visible .blogs-section__go svg,.blogs-section__row:hover .blogs-section__go svg{transform:translate(2px,-2px)}@media (hover:hover) and (pointer:fine){.blogs-section__row:focus-visible:before,.blogs-section__row:hover:before{opacity:1;transform:none}.blogs-section__row:focus-visible .blogs-section__row-title,.blogs-section__row:hover .blogs-section__row-title{transform:translate(6px)}.blogs-section__row:focus-visible .blogs-section__thumb,.blogs-section__row:hover .blogs-section__thumb{box-shadow:0 8px 22px #1f1f1f24}.blogs-section__list:hover .blogs-section__row:not(:hover){opacity:.55}}@media (prefers-reduced-motion:reduce){.blogs-section__go,.blogs-section__go svg,.blogs-section__row,.blogs-section__row-title,.blogs-section__row:before,.blogs-section__thumb,.blogs-section__thumb img{transition:none}.blogs-section__row:hover .blogs-section__go svg,.blogs-section__row:hover .blogs-section__row-title,.blogs-section__row:hover .blogs-section__thumb img,.blogs-section__row:hover:before{transform:none}}
