:root{--story-yellow:#fbcd33;--story-cream:#fff9ee;--story-green:#718568;--story-charcoal:#333}.home-stories{margin-top:90px}.story-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.story-section-head small,.story-kicker{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--story-green)}.story-section-head h2{font-size:31px;letter-spacing:-.04em;margin:8px 0}.story-section-head p{color:#81776d;margin:0}.story-section-head>a{font-weight:700;border-bottom:1px solid #333;padding-bottom:4px}.home-story-grid,.story-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.story-card-link{display:block}.story-card-cover{height:240px;border-radius:20px;background:var(--story-yellow);padding:22px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden}.story-card-cover:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#ffffff75;right:-30px;bottom:-45px}.story-card-cover span{position:relative;z-index:1;background:#fff;padding:7px 11px;border-radius:99px;font-size:12px;font-weight:700}.story-card-cover b{position:relative;z-index:1;align-self:flex-end;font-size:62px;letter-spacing:-.08em}.story-card:nth-child(3n+2) .story-card-cover{background:#aab79a}.story-card:nth-child(3n+3) .story-card-cover{background:#e6c3a4}.story-card-meta{display:flex;justify-content:space-between;color:#988f84;font-size:12px;margin:15px 0 7px}.story-card h3{font-size:19px;line-height:1.4;margin:0;letter-spacing:-.03em}.story-card p{font-size:13px;line-height:1.65;color:#746c64}.story-loading,.story-empty{grid-column:1/-1;background:#fff;border:1px solid #eee7dc;padding:50px;text-align:center;border-radius:18px;color:#8b8176}
.story-page{background:var(--story-cream)}.story-main{max-width:1160px;margin:auto;padding:70px 24px 110px}.story-hero{display:flex;justify-content:space-between;align-items:end;padding-bottom:40px;border-bottom:1px solid #e7ded1}.story-hero h1{font-size:48px;letter-spacing:-.055em;margin:10px 0}.story-hero p{color:#746c64;font-size:17px}.story-tools{display:flex;gap:10px;margin:38px 0}.story-tools button{border:1px solid #e0d7ca;background:#fff;border-radius:99px;padding:9px 16px}.story-tools button.active{background:#333;color:#fff;border-color:#333}.story-tools .story-search{margin-left:auto;border:1px solid #e0d7ca;background:#fff;border-radius:99px;padding:9px 16px}.story-tools input{border:0;outline:0;background:transparent}
.article-wrap{max-width:760px;margin:auto;padding:60px 24px 110px}.article-back{font-size:13px;font-weight:700;color:#766e65}.article-head{text-align:center;padding:60px 0 40px}.article-category{display:inline-block;background:var(--story-yellow);padding:7px 13px;border-radius:99px;font-size:12px;font-weight:800}.article-head h1{font-size:47px;line-height:1.25;letter-spacing:-.055em;margin:22px 0}.article-summary{font-size:18px;line-height:1.7;color:#756d64}.article-date{font-size:12px;color:#999}.article-cover{height:420px;border-radius:28px;background:var(--story-green);color:#fff;display:flex;align-items:flex-end;padding:35px;margin-bottom:52px}.article-cover img{width:100%;height:100%;object-fit:cover;position:absolute}.article-cover b{font-size:48px;line-height:.95;letter-spacing:-.06em}.article-content{font-size:17px;line-height:1.95}.article-content p{margin:0 0 24px}.article-content h2{font-size:27px;margin:50px 0 18px}.article-content blockquote{margin:38px 0;background:#fff3c7;border:0;border-radius:18px;padding:24px 28px;font-weight:700}.article-content img{max-width:100%;border-radius:18px}.article-missing{text-align:center;padding:100px 20px}
@media(max-width:760px){.story-section-head,.story-hero{display:block}.home-story-grid,.story-list-grid{grid-template-columns:1fr}.story-card-cover{height:220px}.story-main{padding-top:45px}.story-hero h1{font-size:38px}.story-tools{align-items:flex-start;flex-wrap:wrap}.story-tools .story-search{width:100%;margin-left:0}.story-tools input{width:100%}.article-head h1{font-size:36px}.article-cover{height:280px}.article-cover b{font-size:38px}}