.stories-hero { padding:clamp(72px,11vw,140px) 0 78px; color:#fffdf7; background:linear-gradient(125deg,#2c3e50,#556d6b 56%,#bd7258); }.stories-hero .container { max-width:1000px; }.stories-eyebrow { display:inline-flex;gap:8px;align-items:center;color:#f6d8c6;font:800 12px "Space Grotesk",sans-serif;letter-spacing:1.5px;text-transform:uppercase; }.stories-hero h1 { margin:18px 0;font:clamp(40px,6.4vw,72px)/1.08 "Playwrite AU TAS",cursive;letter-spacing:-1px; }.stories-hero .container>p:last-child { max-width:650px;font:500 17px/1.75 "Space Grotesk",sans-serif; }
.stories-content { padding:64px 0 82px; }.stories-toolbar { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px; }.stories-toolbar>p { color:#647278;font:600 14px "Space Grotesk",sans-serif; }.stories-filters { display:flex;flex-wrap:wrap;gap:8px; }.stories-filters button { border:1px solid #dce4df;border-radius:999px;padding:9px 13px;color:#53636a;background:#fff;font:700 12px "Space Grotesk",sans-serif;cursor:pointer; }.stories-filters button:hover,.stories-filters button.is-active { border-color:#2c3e50;color:#fff;background:#2c3e50; }.stories-featured { margin-bottom:28px; }.stories-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.story-card { overflow:hidden;border:1px solid #e2e8e4;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(44,62,80,.07);transition:transform .2s ease,box-shadow .2s ease; }.story-card:hover { transform:translateY(-4px);box-shadow:0 16px 30px rgba(44,62,80,.13); }.story-card__media { position:relative;aspect-ratio:1.32;overflow:hidden;background:#edf1ee; }.story-card__media img { width:100%;height:100%;object-fit:cover;transition:transform .3s ease; }.story-card:hover img { transform:scale(1.04); }.story-card__category,.story-card__play { position:absolute;display:grid;place-items:center; }.story-card__category { top:14px;left:14px;border-radius:999px;padding:6px 9px;color:#fff;background:rgba(44,62,80,.86);font:800 10px "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.6px; }.story-card__play { inset:0;margin:auto;width:48px;height:48px;border-radius:50%;color:#2c3e50;background:#fff; }.story-card__body { padding:20px; }.story-card__meta { display:flex;gap:10px;color:#9a7770;font:700 11px "Space Grotesk",sans-serif; }.story-card__meta span+span:before { content:"•";margin-right:10px; }.story-card h2 { margin:10px 0 9px;color:#2c3e50;font:700 23px/1.3 "Playwrite AU TAS",cursive;letter-spacing:-.5px; }.story-card p { display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#617077;font:400 14px/1.65 "Space Grotesk",sans-serif; }.story-card button { margin-top:16px;border:0;padding:0;color:#b4553c;background:transparent;font:800 13px "Space Grotesk",sans-serif;cursor:pointer; }.story-card button i { margin-left:6px; }
.story-card--featured { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); }.story-card--featured .story-card__media { min-height:355px;aspect-ratio:auto; }.story-card--featured .story-card__body { display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,62px); }.story-card--featured h2 { font-size:clamp(29px,3.2vw,44px);line-height:1.25; }.story-card--featured p { font-size:16px; }.stories-loading,.stories-empty { min-height:240px;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;color:#647278;font-family:"Space Grotesk",sans-serif; }.stories-loading i,.stories-empty i { color:#b4553c;font-size:28px; }.stories-empty h2 { color:#2c3e50;font:700 25px/1.3 "Playwrite AU TAS",cursive; }.stories-cta { padding:54px 0;background:#edf3ef; }.stories-cta .container { display:flex;align-items:center;justify-content:space-between;gap:28px; }.stories-cta p { color:#b4553c;font:800 11px "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:1px; }.stories-cta h2 { max-width:690px;margin-top:8px;color:#2c3e50;font:700 clamp(25px,3vw,37px)/1.3 "Playwrite AU TAS",cursive;letter-spacing:-.7px; }.stories-cta .section-action { gap:9px;white-space:nowrap; }
@media(max-width:768px){.stories-content{padding:42px 0 55px}.stories-toolbar{display:grid}.stories-grid{grid-template-columns:1fr}.story-card--featured{grid-template-columns:1fr}.story-card--featured .story-card__media{min-height:245px}.story-card--featured .story-card__body{padding:26px}.stories-cta .container{display:grid}.stories-cta .section-action{justify-self:start}}