/* The original video hero keeps its existing stylesheet and framing.
   Only the notices section owns this image backdrop and foreground layout. */
.lp-updates { position:relative; z-index:2; isolation:isolate; overflow:hidden; width:100%; margin:0; padding:80px 0; background:#080b09; }
.lp-updates [hidden] { display:none !important; }
.lp-updates-inner { position:relative; z-index:1; width:min(1280px,calc(100% - 2 * clamp(24px,6vw,96px))); margin:0 auto; }
.lp-slides { position:absolute; inset:0; z-index:0; pointer-events:none; }
.lp-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--photo-position,center 58%); opacity:0; transition:opacity 1800ms ease; }
.lp-slide.is-active { opacity:1; }
.lp-slide[data-photo="outreach"] { --photo-position:center 42%; --photo-mobile-position:58% center; }
.lp-slide[data-photo="industrial-wide"] { --photo-position:center 62%; }
.lp-slide[data-photo="industrial-close"] { --photo-position:center 60%; }
.lp-slide[data-photo="construction"] { --photo-position:center 58%; }
.lp-slide[data-photo="workforce"] { --photo-position:center 78%; --photo-mobile-position:46% 72%; }
.lp-slide[data-photo="guidance"] { --photo-position:center 45%; --photo-mobile-position:center 40%; }
.lp-slide[data-photo="recruitment-team"] { --photo-position:center 60%; --photo-mobile-position:center 60%; }
.lp-slide[data-photo="ministry-portrait"] { --photo-position:55% center; --photo-mobile-position:52% 43%; }
.lp-slides::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#050505,transparent 24%,transparent 76%,#050505),linear-gradient(90deg,rgba(6,10,8,.88),rgba(6,10,8,.61) 56%,rgba(6,10,8,.63)); }

/* One shared rail and one notice surface; photographs remain in the backdrop. */
.lp-updates-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:32px; }
.lp-updates-intro h2 { margin:0; color:#f4f1e8; font-family:'Inter Tight',Manrope,sans-serif; font-size:clamp(28px,3vw,40px); font-weight:600; line-height:1.15; letter-spacing:-.025em; }
.lp-all-notices { display:inline-flex; align-items:center; flex-shrink:0; gap:16px; min-height:44px; color:#efc461; font-size:14px; text-decoration:none; }
.lp-all-notices:hover { color:#fff1cc; text-decoration:none; }
.lp-notifications,.lp-carousel { min-width:0; }
.lp-notice-track { position:relative; display:flex; gap:24px; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; border-radius:12px; }
.lp-notice-track::-webkit-scrollbar { display:none; }
.lp-notice-slide { display:flex; flex:0 0 100%; min-width:0; scroll-snap-align:start; }
.lp-notice-card { display:grid; align-items:center; width:100%; min-height:320px; padding:44px 48px; color:#f4f1e8; text-decoration:none; background:rgba(10,15,12,.9); border:1px solid #d9bc735c; border-radius:12px; box-shadow:0 20px 50px #0002,inset 0 1px #f5e3b70d; backdrop-filter:blur(14px); transition:border-color 180ms ease,background-color 180ms ease; }
.lp-notice-card.has-image { grid-template-columns:minmax(0,1fr) 260px; gap:64px; }
.lp-notice-card:is(:hover,:focus-visible) { color:#f4f1e8; text-decoration:none; border-color:#efc461; background-color:rgba(13,19,15,.95); }
.lp-notice-copy { min-width:0; }
.lp-notice-meta { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-bottom:22px; color:#c4c9bf; font-size:13px; }
.lp-notice-type { color:#dfc585; }
.lp-notice-date { color:#c4c9bf; }
.lp-notice-card h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; max-width:30ch; margin:0 0 20px; color:#f4f1e8; font-family:'Inter Tight',Manrope,sans-serif; font-size:clamp(28px,3.2vw,42px); font-weight:600; line-height:1.16; letter-spacing:-.025em; overflow-wrap:anywhere; }
.lp-notice-card p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; max-width:60ch; margin:0; color:#d0d3ca; font-size:16px; line-height:1.65; overflow-wrap:anywhere; }
.lp-notice-card p:empty { display:none; }
.lp-notice-card-footer { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:44px; margin-top:28px; padding:9px 16px; border:1px solid #dbba6980; border-radius:6px; color:#efc461; font-size:14px; font-weight:600; }
.lp-notice-card-footer > span { font-size:20px; font-weight:400; }
.lp-notice-thumb { display:block; width:100%; height:auto; max-height:190px; object-fit:contain; border-radius:6px; }
.lp-notice-card:focus-visible { outline-offset:-5px !important; }
.lp-carousel-toolbar { display:flex; align-items:center; gap:20px; margin-top:20px; min-height:44px; }
.lp-notice-range { margin-left:auto; color:#d0d3ca; font-size:13px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.lp-notice-navigation { display:flex; align-items:center; gap:10px; }
.lp-notice-navigation button { display:grid; place-items:center; width:44px; height:44px; padding:0; background:#080d0b99; border:1px solid #d8d4bb55; border-radius:50%; color:#eee9dc; font-size:20px; cursor:pointer; }
.lp-notice-navigation button:hover { border-color:#efc461; color:#efc461; background:#182019; }
.lp-notice-navigation .lp-notice-rotation { font-size:14px; }
.lp-notice-dots { display:flex; align-items:center; gap:4px; }
.lp-notice-dots button { display:grid; place-items:center; width:32px; height:44px; padding:0; border:0; background:transparent; cursor:pointer; }
.lp-notice-dots button::after { content:''; width:20px; height:3px; border-radius:3px; background:#899184; }
.lp-notice-dots button[aria-pressed="true"]::after { background:#efc461; }
.lp-background-motion { display:flex; justify-content:flex-end; margin-top:20px; }
.lp-background-motion .lp-rotation { min-height:44px; padding:8px 0 8px 12px; border:0; background:transparent; color:#c9cbbb; font:inherit; font-size:12px; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.lp-background-motion .lp-rotation:hover { color:#fff1cc; }
.lp-notice-empty { padding:40px 48px; border:1px solid #d9bc7345; border-radius:12px; background:#0a0f0ce6; backdrop-filter:blur(14px); }
.lp-notice-empty h3 { margin:0 0 12px; color:#f4f1e8; font-family:'Inter Tight',Manrope,sans-serif; font-size:clamp(24px,2.4vw,30px); font-weight:600; line-height:1.2; }
.lp-notice-empty p { margin:0; color:#d0d3ca; font-size:15px; line-height:1.6; }
.lp-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.lp-updates :is(a,button):focus-visible,.lp-notice-track:focus-visible { outline:2px solid #efc461; outline-offset:4px; }
@media(max-width:900px) {
 .lp-updates { padding:64px 0; }
 .lp-notice-card { padding:36px; }
 .lp-notice-card.has-image { grid-template-columns:minmax(0,1fr) 190px; gap:36px; }
}
@media(max-width:600px) {
 .lp-updates { padding:48px 0; }
 .lp-updates-inner { width:calc(100% - 40px); }
 .lp-updates-intro { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:24px; }
 .lp-updates-intro h2 { max-width:18ch; font-size:30px; }
 .lp-all-notices { font-size:14px; }
 .lp-notice-card,.lp-notice-empty { padding:28px; }
 .lp-notice-card { min-height:300px; }
 .lp-notice-card.has-image { grid-template-columns:1fr; gap:24px; }
 .lp-notice-meta { margin-bottom:20px; gap:12px; font-size:12px; }
 .lp-notice-card h3 { font-size:30px; }
 .lp-notice-card p { font-size:15px; }
 .lp-notice-thumb { max-width:160px; max-height:100px; justify-self:start; }
 .lp-carousel-toolbar { gap:12px; }
 .lp-notice-dots { display:none; }
 .lp-notice-range { margin:0 auto 0 0; }
}
@media(max-width:800px) {
 .lp-slide { object-position:var(--photo-mobile-position,62% center); }
 .lp-slides::after { background:linear-gradient(180deg,#050505,transparent 20%,transparent 80%,#050505),linear-gradient(90deg,#060a08d9,#060a08a8); }
}
@media(prefers-reduced-motion:reduce) {
 .lp-slide,.lp-notice-card { transition:none; }
}
