.news-section { position: relative; padding: 88px clamp(24px, 4vw, 64px); background: #fff; }
.news-section[hidden], .news-action[hidden] { display: none !important; }
.news-art--custom img { display: block; width: 100%; height: 100%; object-fit: cover; }
.news-section--small .news-track { display: flex; gap: 16px; }
.news-section--small .news-panel { position: relative; left: auto; width: auto; flex: 1; min-width: 0; transition: flex-grow 700ms cubic-bezier(.2,.7,.2,1); }
.news-section--small .news-panel.is-selected { flex-grow: 3.5; }
@media (hover: hover) { .news-section--small .news-panel:hover { flex-grow: 2; }.news-section--small .news-panel.is-selected:hover { flex-grow: 4; } }
@media (max-width: 639px) { .news-section--small .news-panel, .news-section--small .news-panel.is-selected { flex: 0 0 86%; }.news-section--small .news-track { overflow-x: auto; } }
@media (prefers-reduced-motion: reduce) { .news-section--small .news-panel { transition: none; } }
.news-legacy-anchor { position: absolute; top: 0; }
.news-inner { max-width: 1480px; margin: 0 auto; }
.news-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 42px; }
.news-header h2, .news-header p { margin: 0; font: 400 clamp(2rem, 4vw, 3rem)/1.12 var(--font-display); letter-spacing: 0; }
.news-header h2 { color: #183d2c; }
.news-header p { color: #7b8c7e; }
.news-controls { display: flex; gap: 10px; padding-bottom: 3px; }
.news-controls button { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 7px; color: #28744b; background: #e8f5e5; cursor: pointer; transition: background 180ms ease; }
.news-controls button:hover { background: #d2f7d2; }
.news-controls svg, .news-action svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.news-controls button:focus-visible, .news-action:focus-visible { outline: 3px solid #28744b; outline-offset: 4px; }
.news-track { --news-art-scale: 1; position: relative; aspect-ratio: 1232 / 460; overflow: hidden; }
.news-panel { position: absolute; top: 0; height: 100%; overflow: hidden; border-radius: 6px; }
.news-panel:nth-child(1) { left: 0; width: 64%; }
.news-panel:nth-child(2) { left: 65.3%; width: 16%; }
.news-panel:nth-child(3) { left: 82.6%; width: 8%; }
.news-panel:nth-child(4) { left: 91.9%; width: 4%; }
.news-panel:nth-child(5) { left: 96.6%; width: .6%; }
.news-panel:nth-child(6) { left: 97.8%; width: .6%; }
.news-panel:nth-child(7) { left: 99%; width: .6%; }
.news-card-trigger { position: relative; display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; background: #e7efe2; color: #fff; font: inherit; text-align: left; cursor: pointer; }
.news-card-trigger:focus-visible { outline: 3px solid #baffbb; outline-offset: -6px; }
.news-card-visual { position: absolute; top: 0; left: 50%; width: var(--news-art-width, 68vw); height: 100%; overflow: hidden; transform: translateX(-50%); }
.news-art-label { position: absolute; z-index: 3; left: calc(32px * var(--news-art-scale)); bottom: calc(30px * var(--news-art-scale)); font: 400 calc(37px * var(--news-art-scale))/1.08 var(--font-display); letter-spacing: -.015em; }
.news-art-logo { position: absolute; z-index: 3; right: calc(32px * var(--news-art-scale)); bottom: calc(30px * var(--news-art-scale)); width: calc(58px * var(--news-art-scale)); height: auto; border-radius: 50%; }
.news-art--brand { background: radial-gradient(ellipse at 84% 8%, #d4d690, transparent 64%), linear-gradient(137deg, #183d2c 3%, #568663 43%, #abbf83 80%, #d8c38a); }
.news-fabric { position: absolute; inset: -25%; border-radius: 45%; transform: rotate(-24deg) skewY(-12deg); background: repeating-linear-gradient(177deg, #ffffff00 0 11px, #fff2 12px, #ffffff00 14px 28px), linear-gradient(175deg, #fff0 10%, #fff3 35%, #112f2577 37%, #a7cfa122 40%, #fff0 60%, #ffffff38 64%, #183d2c44 66%, #fff0 71%); }
.news-art--atelier { color: #294d36; background: radial-gradient(ellipse at 12% 12%, #fff8db, #e6d49e 57%, #aaa86c); }
.news-paper { position: absolute; top: 11%; left: 50%; display: block; width: calc(218px * var(--news-art-scale)); height: calc(288px * var(--news-art-scale)); padding: calc(23px * var(--news-art-scale)); color: #294d36; background: #fffdf5; box-shadow: 0 17px 30px #51493635; transform: translateX(-30%) rotate(8deg); font-size: calc(10px * var(--news-art-scale)); }
.news-paper--back { top: 13%; transform: translateX(-80%) rotate(-10deg); background: #f4edd5; }
.news-paper-rule { display: block; width: calc(28px * var(--news-art-scale)); height: 2px; margin: 0 auto calc(13px * var(--news-art-scale)); background: #91b293; }
.news-paper strong { display: block; font: 400 1.8em/1.1 var(--font-display); text-align: center; }
.news-paper small { display: block; margin: calc(8px * var(--news-art-scale)) 0 calc(19px * var(--news-art-scale)); font-size: .6em; text-align: center; color: #8a927e; }
.news-paper b { display: block; margin-top: calc(13px * var(--news-art-scale)); font-weight: 500; }
.news-paper-lines { display: block; height: calc(24px * var(--news-art-scale)); margin-top: calc(8px * var(--news-art-scale)); background: repeating-linear-gradient(#9aaa913f 0 1px, transparent 1px calc(8px * var(--news-art-scale))); }
.news-art--songs { color: #fff; background: radial-gradient(ellipse at 78% 20%, #678b68, #153f31 72%); }
.news-song-window { position: absolute; top: 9%; left: 50%; display: grid; width: calc(370px * var(--news-art-scale)); padding: calc(15px * var(--news-art-scale)); border: 1px solid #e4eddb; border-radius: 9px; background: #f7fbf3; color: #284535; box-shadow: 0 18px 35px #092b284d; transform: translateX(-50%) rotate(-4deg); font-size: calc(12px * var(--news-art-scale)); }
.news-song-search { display: flex; align-items: center; gap: calc(10px * var(--news-art-scale)); padding: calc(9px * var(--news-art-scale)); margin-bottom: calc(8px * var(--news-art-scale)); border: 1px solid #bfceb9; border-radius: 5px; font-size: 1.7em; color: #68836c; }
.news-song-search > span { font-size: .45em; }
.news-song-window > span:not(:first-child) { display: flex; align-items: center; gap: calc(12px * var(--news-art-scale)); padding: calc(9px * var(--news-art-scale)) calc(4px * var(--news-art-scale)); border-bottom: 1px solid #dfe9d7; }
.news-song-window i { display: grid; place-items: center; width: calc(31px * var(--news-art-scale)); height: calc(31px * var(--news-art-scale)); flex-shrink: 0; border-radius: 7px; background: #e1efd9; font-size: calc(23px * var(--news-art-scale)); font-style: normal; }
.news-song-window small { display: block; margin-top: calc(3px * var(--news-art-scale)); color: #8a9783; font-size: .64em; }
.news-art--phone { color: #254c33; background: radial-gradient(ellipse at 40% 20%, #f5ffe8, #b5d0aa 58%, #82a28b); }
.news-phone { position: absolute; top: 8%; left: 52%; width: calc(182px * var(--news-art-scale)); height: calc(299px * var(--news-art-scale)); padding: calc(12px * var(--news-art-scale)); overflow: hidden; border: 4px solid #536f5b; border-radius: 22px; background: #191f29; color: #fff; box-shadow: 7px 12px 0 #2d473a, 14px 26px 30px #2c5b3740; transform: translateX(-50%) rotate(-8deg); font-size: calc(9px * var(--news-art-scale)); }
.news-phone-camera { position: absolute; top: 8px; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: #060c0c; }
.news-phone-status { display: flex; justify-content: space-between; margin-bottom: calc(12px * var(--news-art-scale)); font-size: .6em; }
.news-phone > img { width: calc(27px * var(--news-art-scale)); height: auto; margin: 0 auto calc(6px * var(--news-art-scale)); border-radius: 50%; }
.news-phone > strong, .news-phone > small { display: block; text-align: center; }
.news-phone > strong { font-weight: 400; }
.news-phone > small { margin: calc(5px * var(--news-art-scale)) 0 calc(12px * var(--news-art-scale)); color: #bcc6c9; font-size: .7em; }
.news-phone-section { display: flex; justify-content: space-between; margin-top: calc(7px * var(--news-art-scale)); padding: calc(8px * var(--news-art-scale)); border: 1px solid #ffffff42; border-radius: 5px; font-size: .72em; }
.news-phone-section i { font-style: normal; }
.news-phone-announcements { display: block; margin-top: calc(12px * var(--news-art-scale)); padding: calc(8px * var(--news-art-scale)); border: 1px solid #baffbb; border-radius: 5px; font-size: .7em; line-height: 1.55; }
.news-phone-announcements b { display: block; margin-bottom: calc(5px * var(--news-art-scale)); color: #baffbb; }
.news-phone-nav { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-around; padding: calc(10px * var(--news-art-scale)) calc(5px * var(--news-art-scale)); background: #d2f7d2; color: #254c33; font-size: .64em; }
.news-art--announcements { color: #fff; background: radial-gradient(ellipse at 84% 12%, #81a08d, #183d2c 68%); }
.news-message { position: absolute; top: 20%; left: 46%; display: block; width: calc(224px * var(--news-art-scale)); padding: calc(25px * var(--news-art-scale)); color: #2a4733; background: #fffdf5; box-shadow: 0 20px 30px #082d2466; transform: translateX(-85%) rotate(-9deg); font-size: calc(13px * var(--news-art-scale)); }
.news-message > small { display: block; margin-bottom: calc(22px * var(--news-art-scale)); font-size: .55em; letter-spacing: .12em; text-transform: uppercase; color: #8fa28c; }
.news-message > b { display: block; margin-bottom: calc(10px * var(--news-art-scale)); font: 400 1.5em var(--font-display); }
.news-message > span { display: block; line-height: 1.55; }
.news-message > i { display: block; height: 1px; margin-top: calc(12px * var(--news-art-scale)); background: #e1e5d4; }
.news-message--digital { top: 13%; left: 52%; transform: rotate(8deg); border-radius: 9px; color: #fff; background: #202b2e; border: 1px solid #baffbb66; }
.news-message-check { display: block; margin-top: calc(20px * var(--news-art-scale)); color: #baffbb; font-size: .7em; }
.news-art--churches { color: #294c34; background: radial-gradient(ellipse at 85% 14%, #fff9df, #e1e8c5 56%, #b8c69c); }
.news-churches { position: absolute; top: 19%; left: 50%; display: flex; align-items: center; gap: calc(16px * var(--news-art-scale)); transform: translateX(-50%) rotate(-4deg); }
.news-churches > span { display: grid; justify-items: center; width: calc(132px * var(--news-art-scale)); padding: calc(24px * var(--news-art-scale)) calc(12px * var(--news-art-scale)); border: 1px solid #91a27a; border-radius: 8px; background: #fcfff1; box-shadow: 4px 5px 0 #8b9d73; font-size: calc(11px * var(--news-art-scale)); }
.news-churches > span:nth-child(2) { transform: translateY(-17px); }
.news-churches img { width: calc(56px * var(--news-art-scale)); height: auto; margin-bottom: calc(16px * var(--news-art-scale)); }
.news-churches strong { font-weight: 500; }
.news-churches small { display: block; margin-top: calc(7px * var(--news-art-scale)); font-size: .58em; color: #8c9678; }
.news-art--team { color: #fff; background: radial-gradient(ellipse at 66% 24%, #688970, #1a4938 69%); }
.news-team-orbit { position: absolute; top: 12%; left: 50%; width: calc(320px * var(--news-art-scale)); height: calc(230px * var(--news-art-scale)); transform: translateX(-50%); }
.news-team-orbit::before { content: ""; position: absolute; inset: 14%; border: 1px solid #ddf6ca80; border-radius: 50%; transform: rotate(-25deg); }
.news-team-orbit > img { position: absolute; top: 36%; left: 50%; width: 26%; height: auto; border-radius: 50%; transform: translateX(-50%); box-shadow: 0 0 40px #d4edbb50; }
.news-team-orbit > span { position: absolute; display: grid; place-items: center; width: 29%; height: 39%; border: 1px solid #daebc2; border-radius: 50%; background: #c6dbb3; color: #234e35; font-size: calc(10px * var(--news-art-scale)); text-align: center; }
.news-team-orbit > span:nth-child(1) { top: 0; left: 0; }
.news-team-orbit > span:nth-child(2) { top: 0; right: 0; background: #efdfac; }
.news-team-orbit > span:nth-child(3) { bottom: 0; left: 36%; background: #b3d1bb; }
.news-details { display: flex; align-items: flex-start; justify-content: space-between; gap: 36px; margin-top: 26px; }
.news-copy { max-width: 860px; font-size: 16px; line-height: 1.6; }
.news-copy h3 { display: inline; margin: 0 6px 0 0; color: #294c35; font-size: inherit; font-weight: 500; }
.news-copy p { display: inline; margin: 0; color: #829087; }
.news-action { display: inline-flex; flex-shrink: 0; align-items: center; gap: 9px; margin-top: 3px; color: #28744b; font-size: 14px; font-weight: 500; }
.news-action svg { width: 18px; height: 18px; transition: transform 200ms ease; }
.news-action:hover svg { transform: translateX(3px); }
.news-details.is-changing { animation: news-details-in 120ms ease; }
@keyframes news-details-in { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 939px) { .news-details { flex-direction: column; gap: 15px; } .news-copy { font-size: 14px; } }
@media (max-width: 639px) {
  .news-section { padding: 66px 20px; }
  .news-header { margin-bottom: 28px; gap: 16px; }
  .news-header h2, .news-header p { font-size: 30px; }
  .news-controls { display: none; }
  .news-track { display: flex; gap: 12px; aspect-ratio: auto; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
  .news-track::-webkit-scrollbar { display: none; }
  .news-panel { position: relative; top: auto; left: auto !important; flex: 0 0 calc(100% - 12px); width: calc(100% - 12px) !important; height: auto; aspect-ratio: 336 / 350; scroll-snap-align: start; transform: translateX(var(--news-mobile-gap, 0px)) scale(var(--news-mobile-scale, 1)); transform-origin: center; }
  .news-card-visual { width: var(--news-art-width, 100%); transform: translateX(calc(-50% + var(--news-mobile-offset, 0px))); }
  .news-art-label { font-size: clamp(21px, 6vw, 29px); }
  .news-details { margin-top: 22px; }
}
@media (prefers-reduced-motion: reduce) { .news-section *, .news-section *::before { animation: none !important; transition: none !important; } .news-panel { transform: none; } .news-card-visual { transform: translateX(-50%); } }