.story-card{position:relative;text-decoration:none;text-align:var(--text-alignment);aspect-ratio:4/5;overflow:hidden}.story-card .card-media{position:absolute;inset:0;overflow:hidden}.story-card .card-media::after{content:"";display:block;position:absolute;block-size:100%;inline-size:100%;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.7) 100%);pointer-events:none}.story-card .card-media img{block-size:100%;inline-size:100%;position:absolute;inset:0;object-fit:cover;object-position:center center;transition:transform var(--duration-long) var(--ease-out-slow)}.story-card .card-content{position:absolute;inset-block-end:clamp(70px,calc(70px + 10 * (100vw - 480px) / 960),80px);inline-size:100%;padding-inline:50px;background:rgba(0,0,0,0);text-align:center;color:rgb(var(--color-foreground));box-sizing:border-box}.story-card .card-heading{margin-block:0}.story-card .card-heading{margin-block:18px 0}.story-card .card-overlay-content{position:absolute;inset:0;pointer-events:none;opacity:0;transform:translateY(100%);transition:transform var(--duration-default) var(--ease-out-slow),opacity var(--duration-short) ease-out}.story-card .card-text{position:absolute;inset-inline:0;inset-block-start:50%;opacity:0;transform:translateY(calc(-50% + 50px));transition:transform var(--duration-default) var(--ease-out-slow),opacity var(--duration-default) ease-out;transition-delay:var(--duration-long);max-block-size:calc(100% - clamp(36px,calc(36px + 14 * (100vw - 480px) / 960),50px) - clamp(64px,calc(64px + 16 * (100vw - 480px) / 960),80px));overflow-y:auto;padding-block:clamp(36px,calc(36px + 14 * (100vw - 480px) / 960),50px) clamp(64px,calc(64px + 16 * (100vw - 480px) / 960),80px);padding-inline:clamp(36px,calc(36px + 14 * (100vw - 480px) / 960),50px);text-align:center}.story-card .card-text p{margin-block:0}.story-card .card-toggle-button{position:absolute;inset-block-end:clamp(35px,calc(35px + 9 * (100vw - 480px) / 960),44px);inset-inline:50%;transform:translateX(-50%);color:rgb(var(--color-button-text));border:0;background:rgba(0,0,0,0);cursor:pointer;white-space:nowrap;text-align:center;inline-size:fit-content;padding-inline:0;padding-block:3px;z-index:1}.story-card .card-toggle-button::after{content:"";display:block;position:absolute;block-size:1px;inline-size:100%;inset-inline:0;inset-block-end:0;background:rgb(var(--color-button-text))}@media(hover: hover)and (pointer:fine){.story-card .card-toggle-button:hover::after{animation:linkLineToggle var(--duration-extra-long) var(--ease-out-slow)}}@media(hover: hover)and (pointer:fine){.story-card toggle-story-button:hover+.card-media img{transform:scale(1.03)}}.story-card .card-toggle-close{display:none}.story-card.is-open .card-overlay-content{opacity:1;pointer-events:auto;transform:translateY(0%);transition:transform var(--duration-medium) var(--ease-out-slow),opacity var(--duration-default) var(--ease-out-slow)}.story-card.is-open .card-overlay-content::after{content:"";display:block;position:absolute;block-size:clamp(64px,calc(64px + 16 * (100vw - 480px) / 960),80px);inline-size:calc(100% - 40px);inset-inline:20px;inset-block-end:0;background:linear-gradient(180deg, rgba(var(--color-background), 0) 0%, rgba(var(--color-background), 1) 40%)}.story-card.is-open .card-text{opacity:1;transform:translateY(-50%);pointer-events:auto;transition:transform var(--duration-default) var(--ease-out-slow),opacity var(--duration-default) var(--ease-out-slow);transition-delay:var(--duration-medium)}.story-card.is-open .card-toggle-read-more{display:none}.story-card.is-open .card-toggle-close{display:block}@media screen and (min-width: 1024px){.story-card .card-content{padding-inline:28px}}