.front-story{min-height:calc(100vh - 138px);background:#fff}
.front-story__header{position:sticky;top:52px;z-index:30;display:flex;align-items:center;gap:9px;padding:14px 16px 12px;border-bottom:1px solid #ececec;background:#fff}
.front-story__back{display:grid;margin-left:-2px;color:#1a1a1a;text-decoration:none;place-items:center}
.front-story__back .material-symbols-outlined{font-size:24px}
.front-story__header h1{margin:0;font-size:21px;font-weight:800;letter-spacing:-.4px}
.front-story__header p{margin:2px 0 0;color:#767676;font-size:13px}
.front-story__content{padding:16px}
.front-story-featured{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border-radius:16px;box-shadow:0 4px 14px rgb(0 0 0/12%);color:#fff;text-decoration:none}
.front-story-featured__image{display:block;width:100%;height:100%;object-fit:cover}
.front-story-featured__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/0%),rgb(0 0 0/55%))}
.front-story-featured__copy{position:absolute;right:14px;bottom:14px;left:14px;display:block}
.front-story-featured__tag{display:inline-block;padding:4px 9px;border-radius:7px;background:#e6007e;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.front-story-featured__title{display:block;margin-top:8px;font-size:19px;font-weight:800;line-height:1.2;text-shadow:0 1px 5px rgb(0 0 0/40%)}
.front-story-featured__meta{display:block;margin-top:5px;font-size:12px;opacity:.92}
.front-story-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.front-story-card{display:flex;gap:13px;color:#1a1a1a;text-decoration:none}
.front-story-card__media{overflow:hidden;flex:0 0 40%;aspect-ratio:1/1;border-radius:13px;box-shadow:0 3px 9px rgb(0 0 0/10%)}
.front-story-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.front-story-card__copy{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center}
.front-story-card__tag{display:inline-block;align-self:flex-start;padding:3px 8px;border-radius:6px;background:#fce4f1;color:#e6007e;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.front-story-card__title{display:-webkit-box;overflow:hidden;margin-top:6px;font-size:15px;font-weight:700;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.front-story-card__excerpt{display:-webkit-box;overflow:hidden;margin-top:5px;color:#767676;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.front-story-card__read{margin-top:5px;color:#ababab;font-size:11.5px}
.front-story-featured:focus-visible,.front-story-card:focus-visible,.front-story__back:focus-visible{outline:2px solid #e6007e;outline-offset:3px}
@media(max-width:340px){.front-story__content{padding-right:12px;padding-left:12px}.front-story-card{gap:10px}.front-story-card__media{flex-basis:38%}}