/* News & Events: saved Figma homepage composition and shared editorial records. */
.twc-home-stories { padding:64px 0; background:#160c04; color:#e3d7ce; }
.twc-home-stories .home-heading { margin-bottom:64px; }
.twc-home-stories .home-heading>span { background:#e3d7ce; }
.twc-story-carousel { position:relative; padding-inline:112px; }
.twc-story-track { display:flex; gap:24px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; align-items:flex-start; }
.twc-story-track::-webkit-scrollbar { display:none; }
.twc-story-track:focus-visible { outline:2px solid #e3d7ce; outline-offset:6px; }
.twc-story-card { background:#e3d7ce; color:#160c04; border-radius:12px; overflow:hidden; min-width:0; }
.twc-story-feature { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); flex:0 0 100%; min-height:512px; scroll-snap-align:start; scroll-snap-stop:always; }
.twc-story-image { min-width:0; background:#d4c5b8; }
.twc-story-card .twc-story-image>img { display:block; width:100%; height:100%; object-fit:cover; }
.twc-story-feature .twc-story-image { position:relative; min-height:512px; }
.twc-story-feature .twc-story-image>img { position:absolute; inset:0; }
.twc-story-copy { min-width:0; }
.twc-story-badge { display:inline-flex; align-self:flex-start; margin-bottom:12px; padding:5px 12px; border:1px solid #c6b4a5; border-radius:999px; background:#f7f5f3; color:#160c04; font:600 14px/1.4 Urbanist,sans-serif; }
.twc-story-badge.is-event { background:#160c04; border-color:#160c04; color:#e3d7ce; }
.twc-stories-grid .twc-story-badge { align-self:center; }
.twc-story-feature .twc-story-copy { padding:64px 84px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.twc-story-feature h3 { font:400 48px/1.35 Prata,Georgia,serif; margin:0 0 8px; overflow-wrap:anywhere; }
.twc-story-card :is(h2,h3)>a { color:inherit; text-decoration:none; }
.twc-story-card :is(h2,h3)>a:hover { text-decoration:underline; text-underline-offset:5px; }
.twc-story-card p { font:400 16px/1.25 Urbanist,sans-serif; color:#555; margin:16px 0; overflow-wrap:anywhere; }
.twc-story-facts { display:flex; flex-direction:column; gap:8px; font:400 14px/1.3 Urbanist,sans-serif; margin:0; }
.twc-story-facts>span { display:flex; align-items:center; gap:6px; flex-wrap:wrap; overflow-wrap:anywhere; }
.twc-story-facts svg { flex:none; width:revert-layer; height:revert-layer; }
.twc-story-card .twc-story-facts { margin-bottom:12px; color:#76665c; }
.twc-story-card .twc-story-facts:empty { display:none; }
.twc-story-arrow { position:absolute; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:50px; height:50px; padding:0; border:1px solid #e3d7ce; border-radius:8px; background:transparent; color:#e3d7ce; cursor:pointer; }
.twc-story-arrow[hidden] { display:none; }
.twc-story-arrow.previous { left:0; }
.twc-story-arrow.next { right:0; }
.twc-story-arrow:hover { background:#e3d7ce; color:#160c04; }
.twc-story-arrow:focus-visible { outline:2px solid #e3d7ce; outline-offset:4px; }
.twc-story-arrow svg { width:revert-layer; height:revert-layer; }
.twc-story-dots { display:none; }
.twc-stories-page { padding-bottom:64px; }
.twc-story-filters { display:flex; gap:12px; flex-wrap:wrap; margin:32px 0; }
.twc-story-filters a { padding:12px 24px; border:1px solid #e3d7ce; border-radius:8px; color:#160c04; }
.twc-story-filters a[aria-current] { background:#e3d7ce; }
.twc-stories-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.twc-stories-grid .twc-story-card { container-type:inline-size; display:flex; flex-direction:column; padding:20px; border:1px solid #e3d7ce; border-radius:22px; background:#fff; color:#555; }
.twc-stories-grid .twc-story-facts { margin:0 0 20px; color:#555; font-size:clamp(14px,4.4cqi,20px); }
.twc-stories-grid .twc-story-image { aspect-ratio:1; flex:none; border-radius:clamp(8px,2.6cqi,12px); overflow:hidden; }
.twc-stories-grid .twc-story-copy { padding-top:24px; display:flex; flex:1; flex-direction:column; align-items:stretch; text-align:center; }
.twc-stories-grid h2 { font:600 clamp(24px,6.9cqi,32px)/1.2 Urbanist,sans-serif; margin:0 0 8px; overflow-wrap:anywhere; }
.twc-stories-grid .twc-story-card p { font-size:clamp(14px,4.4cqi,20px); line-height:1.3; margin:0 0 clamp(40px,14.5cqi,64px); }
.twc-stories-grid .twc-story-view { margin-top:auto; width:100%; min-height:50px; --twc-button-radius:8px; font-size:14px; line-height:1.3; }
.twc-story-view .fi { color:#555; }
.twc-story-kind { font:500 max(12px,var(--twc-mobile-text-min,0px))/1.5 Urbanist,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#76665c; }
.twc-story-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:40px; }
.twc-story-pagination .page-numbers { padding:12px 16px; border:1px solid #e3d7ce; border-radius:8px; }
.twc-story-pagination .current { background:#e3d7ce; }
.twc-stories-empty { grid-column:1/-1; padding:32px 0; }
@media (min-width:761px) and (max-width:1500px) {
  .twc-story-carousel { padding-inline:66px; }
  .twc-story-feature .twc-story-copy { padding:32px; }
  .twc-story-feature h3 { font-size:40px; }
  .twc-stories-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .twc-home-stories { padding:32px 0; }
  .twc-home-stories .home-heading { margin-bottom:24px; }
  .twc-story-carousel { padding:0; }
  .twc-story-carousel[data-story-carousel] { padding-bottom:0; }
  .twc-story-track { gap:16px; }
  .twc-story-feature { grid-template-columns:minmax(0,1fr); min-height:0; border-radius:8px; }
  .twc-story-feature .twc-story-image { height:220px; min-height:220px; }
  .twc-story-feature .twc-story-copy { padding:24px; }
  .twc-story-feature h3 { font-size:28px; margin-bottom:12px; }
  .twc-story-card p { font-size:14px; }
  .twc-story-facts { font-size:max(12px,var(--twc-mobile-text-min,0px)); }
  .twc-story-arrow { display:none; }
  .twc-story-dots:not([hidden]) { display:flex; justify-content:center; align-items:center; gap:4px; margin-top:16px; flex-wrap:wrap; }
  .twc-story-dots button { display:grid; place-items:center; width:12px; height:24px; padding:0; background:transparent; border:0; cursor:pointer; }
  .twc-story-dots button::after { content:''; width:8px; height:8px; border-radius:50%; background:#746050; }
  .twc-story-dots button[aria-current]::after { background:#e3d7ce; }
  .twc-story-dots button:focus-visible { outline:2px solid #e3d7ce; outline-offset:2px; border-radius:4px; }
  .twc-stories-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .twc-stories-grid .twc-story-card { padding:16px; border-radius:16px; }
  .twc-stories-grid .twc-story-view { min-height:49px; }
  .twc-story-filters { margin:24px 0; gap:8px; }
  .twc-story-filters a { padding:10px 16px; }
}
