.news-panel { position: relative; overflow-anchor: none; }
.news-card[role="button"] { cursor: pointer; }
.news-stories-managed .module-reveal { animation: none !important; }
.news-panel.has-news-story .news-home { position: absolute; inset: 0 24px auto; z-index: 2; }
.news-card.is-story-source { background: transparent; }
.news-card.is-story-source .news-card-caption { opacity: 0; }
.news-card.is-story-source .news-card-image { visibility: hidden; }
.news-list-item { cursor: pointer; }
.news-list-item.is-story-source > img { visibility: hidden; }
.news-side-image[role="button"] { cursor: pointer; }
.news-side-image[role="button"]:focus-visible { outline: 2px solid #b95220; outline-offset: 4px; }
.news-side-image[role="button"]::after { content: attr(data-promo-label); position: absolute; right: 16px; bottom: 16px; padding: 10px 15px; background: #fffffff2; color: #a34720; font-size: 12px; letter-spacing: .04em; pointer-events: none; }
.news-side-image.is-story-source { background: transparent; }
.news-side-image.is-story-source > img { visibility: hidden; }
.news-side-image.is-story-source::after { visibility: hidden; }
.news-story[hidden] { display: none; }
.news-story { --story-accent: #ad5928; position: relative; z-index: 1; color: #282923; background: #fff; }
.news-panel[data-story-state="opening"] .news-story-hero,
.news-panel[data-story-state="closing"] .news-story-hero { background: transparent; }
.news-panel[data-story-state="opening"] .news-story-toolbar,
.news-panel[data-story-state="closing"] .news-story-toolbar { visibility: hidden; }
.news-story-flight { position: absolute; z-index: 10; pointer-events: none; overflow: hidden; background: #f1eee8; }
.news-story-flight img { display: block; width: 100%; height: 100%; object-fit: cover; }
.news-story-flight .news-story-flight-overlay { position: absolute; inset: 0; opacity: 0; }
.news-story-hero { height: clamp(310px, 39vw, 500px); margin: 0 -24px; overflow: hidden; background: #f3eee6; }
.news-story-hero img { width: 100%; height: 100%; display: block; object-fit: cover; }
.news-story.is-news-report .news-story-hero { height: auto; aspect-ratio: 64 / 27; }
.news-story.is-news-report .news-story-hero img { object-fit: contain; }
.news-story-toolbar { position: sticky; top: 14px; z-index: 6; display: flex; height: 0; padding: 0 0 0 4px; overflow: visible; }
.news-story-toolbar .news-story-back { margin-top: 18px; flex-shrink: 0; }
.news-story-back { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 44px; padding: 11px 19px; border: 1px solid #d8d4cb; border-radius: 0; color: #39382f; background: #fffffff2; cursor: pointer; font: inherit; font-size: 13px; letter-spacing: .03em; transition: background .2s, color .2s; }
.news-story-back:hover { background: #262a24; color: white; border-color: #262a24; }
.news-story-back:focus-visible { outline: 2px solid var(--story-accent); outline-offset: 4px; }
.news-story-back:disabled { cursor: progress; }
.news-story-back-arrow { font-size: 23px; line-height: 1; }
.news-story-heading { padding: 68px 20px 12px; text-align: center; max-width: 1020px; margin: auto; }
.news-story-eyebrow { color: var(--story-accent); font-size: 11px; letter-spacing: .23em; font-weight: 700; margin: 0 0 24px; }
.news-story-title { font-size: clamp(29px, 3.35vw, 48px); line-height: 1.4; font-weight: 650; letter-spacing: .015em; margin: 0 auto 23px; text-wrap: balance; }
.news-story-title:focus { outline: none; }
.news-story.is-news-report .news-story-title { font-size: clamp(27px, 2.8vw, 42px); }
.news-story-subtitle { color: #79796e; font-size: clamp(15px, 1.5vw, 19px); line-height: 1.9; max-width: 720px; margin: auto; text-wrap: balance; }
.story-heading-line { opacity: 0; transform: translateY(24px); }
.news-story.is-ready .story-heading-line { animation: story-line-in .65s both cubic-bezier(.2,.8,.2,1); }
.news-story.is-ready .story-heading-line:nth-child(2) { animation-delay: .12s; }
.news-story.is-ready .story-heading-line:nth-child(3) { animation-delay: .26s; }
.news-story.is-ready .story-heading-line:nth-child(4) { animation-delay: .36s; }
.news-story-meta { margin: 24px auto 12px; font-size: 12px; color: #787970; line-height: 1.9; text-wrap: balance; }
.news-story-sources { max-width: 760px; margin: 45px auto 0; border-top: 1px solid #e5e1d7; padding-top: 28px; color: #6b6d63; font-size: 13px; line-height: 1.9; }
.news-story-sources h2 { font-size: 19px; color: #32372e; margin: 0 0 12px; }
.news-story-sources ol { padding-left: 22px; }
.news-story-sources li { margin: 8px 0; }
.news-story-sources a { color: var(--story-accent); overflow-wrap: anywhere; text-underline-offset: 4px; }
.news-story-closing:empty { display: none; }
.news-story-body { max-width: 1040px; margin: auto; padding: 2px 28px 65px; }
.news-story-section { padding-top: 56px; }
.news-story-section-head { display: flex; flex-direction: column; align-items: center; gap: 13px; text-align: center; margin-bottom: 22px; }
.news-story-number { display: inline-grid; place-items: center; width: 33px; height: 33px; border: 1px solid color-mix(in srgb, var(--story-accent) 35%, white); color: var(--story-accent); border-radius: 50%; font-size: 11px; letter-spacing: .05em; }
.news-story-section h2 { margin: 0; font-size: clamp(21px, 2.2vw, 29px); font-weight: 600; line-height: 1.5; text-wrap: balance; }
.news-story-paragraph { max-width: 760px; margin: 0 auto 31px; font-size: 16px; line-height: 2.1; text-align: justify; color: #66675e; }
.news-story-figure { margin: 0 auto; }
.news-story-figure img { display: block; width: 100%; height: auto; aspect-ratio: 1440 / 840; object-fit: cover; background: #f5f2eb; }
.news-story-figure.is-product-photo img { object-fit: contain; }
.news-story.is-news-report .news-story-figure img { aspect-ratio: 64 / 27; object-fit: contain; background: transparent; }
.news-story.is-news-report .news-story-section:first-child .news-story-figure img { aspect-ratio: 12 / 7; }
.news-story-figure figcaption { text-align: center; color: #89897e; font-size: 12px; line-height: 1.8; margin-top: 13px; }
.story-reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.story-reveal.is-revealed { opacity: 1; transform: translateY(0); }
.news-story-footer { text-align: center; margin: 64px auto 0; padding-top: 38px; border-top: 1px solid #e5e1d7; }
.news-story-closing { color: var(--story-accent); font-size: 19px; line-height: 1.9; text-wrap: balance; margin: 0 auto 28px; }
@keyframes story-line-in { to { opacity: 1; transform: translateY(0); } }
@media(max-width: 900px) {
  #panel-news .news-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  #panel-news .news-card:last-child { display: block; }
  .news-panel.has-news-story .news-home { inset-inline: 12px; }
  .news-story-hero { margin-inline: -12px; height: clamp(260px, 44vw, 420px); }
  .news-story-heading { padding: 47px 16px 0; }
  .news-story-body { padding-inline: 14px; }
}
@media(max-width: 600px) {
  #panel-news .news-grid { grid-template-columns: 1fr; }
  #panel-news .news-card { --news-card-size: clamp(190px,56vw,300px); }
  .news-story-hero { height: clamp(245px,70vw,390px); }
  .news-story-toolbar { top: 10px; }
  .news-story-toolbar .news-story-back { margin-top: 12px; }
  .news-story-back { font-size: 12px; gap: 9px; padding: 9px 13px; }
  .news-story-heading { padding-inline: 8px; }
  .news-story-eyebrow { font-size: 9px; letter-spacing: .16em; margin-bottom: 18px; }
  .news-story-body { padding-inline: 4px; padding-bottom: 45px; }
  .news-story-section { padding-top: 40px; }
  .news-story-paragraph { font-size: 15px; line-height: 2; margin-bottom: 24px; }
  .news-story-figure figcaption { font-size: 11px; margin-top: 10px; }
  .news-story-footer { margin-top: 43px; }
}
@media(prefers-reduced-motion: reduce) {
  .story-heading-line,.story-reveal { opacity: 1; transform: none; animation: none !important; transition: none; }
}

/* City Work: a product editorial with alternating still life and street style. */
.is-citywork-story { color: #302e27; background: #fcfaf6; }
.is-citywork-story .news-story-hero { height: auto; aspect-ratio: 16 / 9; background: #f4ebdd; }
.is-citywork-story .news-story-heading { max-width: 1080px; padding: 65px 32px 48px; }
.is-citywork-story .news-story-title { font-size: clamp(32px, 4.1vw, 60px); font-weight: 600; letter-spacing: .035em; }
.is-citywork-story .news-story-eyebrow { letter-spacing: .24em; }
.is-citywork-story .news-story-subtitle { color: #83796a; }
.citywork-highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; padding: 0; margin: 38px 0 0; border-block: 1px solid #e1d8c8; }
.citywork-highlights li { display: grid; place-items: center; min-height: 64px; padding: 14px 10px; color: #a4542d; font-size: 11px; line-height: 1.8; letter-spacing: .12em; }
.citywork-highlights li + li { border-left: 1px solid #e1d8c8; }
.is-citywork-story .news-story-body { max-width: none; padding: 0 0 40px; }
.is-citywork-story .news-story-section { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.2fr); align-items: center; gap: clamp(24px,4vw,60px); padding: 54px clamp(24px,4vw,58px); background: #f4efe5; }
.is-citywork-story .news-story-section:nth-child(even) { grid-template-columns: minmax(0,1.2fr) minmax(0,.9fr); background: #fff; }
.is-citywork-story .news-story-section:nth-child(even) .citywork-section-copy { order: 2; }
.is-citywork-story .news-story-section:nth-child(even) .news-story-figure { order: 1; }
.is-citywork-story .news-story-section-head { align-items: flex-start; text-align: left; gap: 17px; margin-bottom: 23px; }
.is-citywork-story .news-story-number { width: auto; height: auto; border: 0; border-radius: 0; font-size: 12px; letter-spacing: .2em; }
.is-citywork-story .news-story-section h2 { font-size: clamp(25px,2.25vw,34px); line-height: 1.6; font-weight: 550; }
.is-citywork-story .news-story-paragraph { margin-bottom: 0; color: #756b5e; font-size: 15px; line-height: 2.05; }
.is-citywork-story .news-story-figure { width: 100%; min-width: 0; }
.is-citywork-story .news-story-figure img { aspect-ratio: 3 / 2; object-fit: contain; background: #efe5d7; }
.is-citywork-story .news-story-figure figcaption { color: #97836a; font-size: 10px; letter-spacing: .08em; }
.is-citywork-story .news-story-section:nth-child(3) { display: block; color: #f9f4e9; background: #242b25; padding-block: 60px; }
.is-citywork-story .news-story-section:nth-child(3) .citywork-section-copy { max-width: 760px; margin: auto; }
.is-citywork-story .news-story-section:nth-child(3) .news-story-section-head { align-items: center; text-align: center; }
.is-citywork-story .news-story-section:nth-child(3) .news-story-paragraph { color: #d2d2c4; }
.is-citywork-story .news-story-section:nth-child(3) .news-story-number { color: #d9b68a; }
.is-citywork-story .news-story-section:nth-child(3) .news-story-figure { margin-top: 35px; }
.is-citywork-story .news-story-section:nth-child(3) figcaption { color: #b9bcae; }
.is-citywork-story .news-story-footer { margin: 0; padding: 58px 28px; border: 0; background: #f5efe5; }
.is-citywork-story .news-story-closing { max-width: 780px; font-size: clamp(22px,2.4vw,32px); line-height: 1.7; }
.citywork-visual-note { max-width: 620px; margin: 0 auto 27px; color: #968773; font-size: 11px; line-height: 1.8; }
@media(max-width:760px) {
  .is-citywork-story .news-story-heading { padding: 40px 14px 32px; }
  .citywork-highlights { margin-top: 26px; }
  .citywork-highlights li { font-size: 10px; letter-spacing: .03em; min-height: 60px; padding: 12px 7px; }
  .is-citywork-story .news-story-section, .is-citywork-story .news-story-section:nth-child(even) { display: block; padding: 33px 18px; }
  .is-citywork-story .news-story-section-head { gap: 12px; margin-bottom: 18px; }
  .is-citywork-story .news-story-section h2 { font-size: 25px; }
  .is-citywork-story .news-story-figure { margin-top: 25px; }
  .is-citywork-story .news-story-section:nth-child(3) { padding-block: 36px; }
  .is-citywork-story .news-story-footer { padding: 38px 18px; }
}