.news-hub,.news-detail{background:linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 40%, var(--primary-dark) 100%);padding-block:clamp(2rem,5vw,3.5rem);position:relative;overflow:hidden}.news-hub__glow,.news-detail__glow{pointer-events:none;background:radial-gradient(ellipse 65% 42% at 82% -8%, color-mix(in srgb, var(--secondary) 14%, transparent), transparent 68%), radial-gradient(ellipse 45% 35% at 8% 70%, color-mix(in srgb, var(--complement) 7%, transparent), transparent 72%), radial-gradient(ellipse 40% 30% at 0% 30%, color-mix(in srgb, var(--secondary) 7%, transparent), transparent 72%);position:absolute;inset:0}.news-hub__container,.news-detail__container{z-index:1;width:100%;max-width:80rem;padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));margin-inline:auto;position:relative}@media (min-width:1024px){.news-hub__container,.news-detail__container{padding-inline:max(2rem, env(safe-area-inset-left)) max(2rem, env(safe-area-inset-right))}}.news-hub__header,.news-detail__header{border-bottom:1px solid var(--border);margin-bottom:clamp(1.75rem,4vw,2.75rem);padding-bottom:clamp(1.25rem,3vw,2rem)}.news-hub__eyebrow,.news-detail__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--complement);margin:0 0 .625rem;font-size:.75rem;font-weight:700}.news-hub__title,.news-detail__title{letter-spacing:-.02em;color:var(--foreground);margin:0;font-size:clamp(1.875rem,4vw,3rem);font-weight:800;line-height:1.2}.news-hub__subtitle,.news-detail__summary{max-width:42rem;color:var(--text-muted);margin:.875rem 0 0;font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}.news-hub__stats,.news-detail__meta{flex-wrap:wrap;gap:.625rem;margin-top:1.25rem;display:flex}.news-hub__stat,.news-detail__badge,.news-detail__stat{border-radius:var(--radius);border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 78%, transparent);color:var(--foreground);align-items:center;gap:.35rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.news-detail__badge{border-color:var(--secondary-ring);background:var(--secondary-soft);color:var(--secondary-hover)}.news-hub__featured{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.news-hub__grid{grid-template-columns:1fr;gap:clamp(1rem,2.5vw,1.5rem);display:grid}@media (min-width:640px){.news-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.news-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.news-card{border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--primary-elevated) 92%, transparent), color-mix(in srgb, var(--primary-dark) 96%, transparent));flex-direction:column;height:100%;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;overflow:hidden;box-shadow:0 18px 44px -30px #000000b8}.news-card:hover{border-color:color-mix(in srgb, var(--secondary) 40%, transparent);box-shadow:0 22px 52px -28px #000000c7, 0 0 36px -16px color-mix(in srgb, var(--secondary) 28%, transparent);transform:translateY(-3px)}.news-card--featured{grid-template-columns:1fr;display:grid}@media (min-width:900px){.news-card--featured{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:20rem}}.news-card__media{background:color-mix(in srgb, var(--primary-dark) 88%, transparent);position:relative;overflow:hidden}.news-image-preview{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.news-image-preview__veil{pointer-events:none;z-index:2;background:0 0;justify-content:center;align-items:center;transition:background .22s;display:flex;position:absolute;inset:0}.news-image-preview__icon{color:#fff;opacity:0;filter:drop-shadow(0 2px 8px #00000073);width:2rem;height:2rem;transition:opacity .22s,transform .22s;transform:scale(.9)}.news-image-preview:hover .news-image-preview__veil,.news-image-preview:focus-visible .news-image-preview__veil{background:#00000061}.news-image-preview:hover .news-image-preview__icon,.news-image-preview:focus-visible .news-image-preview__icon{opacity:1;transform:scale(1)}.news-image-preview:focus-visible{outline:2px solid var(--complement);outline-offset:-2px}.news-card:not(.news-card--featured) .news-card__media{aspect-ratio:16/10}.news-card--featured .news-card__media{min-height:14rem}@media (min-width:900px){.news-card--featured .news-card__media{min-height:100%}}.news-card__image{object-fit:cover;transition:transform .5s}.news-card:hover .news-card__image{transform:scale(1.04)}.news-card__placeholder{height:100%;min-height:10rem;color:var(--text-subtle);justify-content:center;align-items:center;display:flex}.news-card__overlay{pointer-events:none;background:linear-gradient(#0000 28%,#10101059 58%,#101010eb 100%);position:absolute;inset:0}.news-card__badge{top:.875rem;z-index:3;border-radius:var(--radius);border:1px solid var(--secondary-ring);background:color-mix(in srgb, var(--primary-dark) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--secondary-hover);align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;inset-inline-start:.875rem}.news-card__body{color:inherit;flex-direction:column;flex:1;gap:.75rem;padding:clamp(1rem,2.5vw,1.35rem);text-decoration:none;display:flex}.news-card__body:hover .news-card__title{color:var(--complement)}.news-card--featured .news-card__body{justify-content:center;padding:clamp(1.25rem,3vw,2rem)}.news-card__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.news-card__date{border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, transparent);align-items:center;gap:.35rem;padding:.25rem .625rem;font-weight:600;display:inline-flex}.news-card__tag{border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 55%, transparent);padding:.2rem .5rem;font-size:.75rem;display:inline-flex}.news-card__title{color:var(--foreground);margin:0;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700;line-height:1.4}.news-card--featured .news-card__title{font-size:clamp(1.35rem,2.5vw,1.75rem)}.news-card__excerpt{-webkit-line-clamp:3;color:var(--text-muted);-webkit-box-orient:vertical;margin:0;font-size:.9375rem;line-height:1.65;display:-webkit-box;overflow:hidden}.news-card__cta{color:var(--secondary-hover);align-items:center;gap:.375rem;margin-top:auto;font-size:.875rem;font-weight:700;transition:gap .18s,color .18s;display:inline-flex}.news-card:hover .news-card__cta{color:var(--secondary);gap:.5rem}.news-detail__nav{margin-bottom:clamp(1.25rem,3vw,2rem)}.news-detail__back{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;transition:color .18s,gap .18s;display:inline-flex}.news-detail__back:hover{color:var(--secondary-hover);gap:.625rem}.news-detail__tag{border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--text-muted);padding:.3rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.news-detail__cover{border-radius:calc(var(--radius) + 6px);border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 82%, transparent);margin-bottom:clamp(1.5rem,4vw,2rem);overflow:hidden;box-shadow:0 20px 52px -34px #000000b8}.news-detail__cover-frame{aspect-ratio:16/9;background:color-mix(in srgb, var(--primary-dark) 88%, transparent);position:relative}.news-detail__cover-frame .news-image-preview{border-radius:inherit}.news-detail__cover-image{object-fit:cover}.news-detail__panel{border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--primary-elevated) 94%, transparent) 0%, color-mix(in srgb, var(--primary-dark) 98%, transparent) 100%);overflow:hidden;box-shadow:0 20px 52px -34px #000000b8}.news-detail__panel-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 36%, transparent);align-items:center;gap:.875rem;padding:clamp(1.125rem,2.5vw,1.5rem) clamp(1.25rem,3vw,2rem);display:flex}.news-detail__panel-title{color:var(--foreground);margin:0;font-size:clamp(1rem,2vw,1.125rem);font-weight:700}.news-detail__panel-accent{background:linear-gradient(to inline-start, transparent, color-mix(in srgb, var(--secondary) 45%, transparent));flex:1;height:1px}.news-detail__panel-body{padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,3vw,2.25rem)}.news-detail__panel-body .detail-content-html :is(h1,h2,h3):first-child{margin-top:0}.news-hub__empty,.news-detail__empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.news-pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:clamp(2rem,5vw,3rem);padding-top:clamp(1.5rem,4vw,2rem);display:flex}.news-pagination__link{border-radius:var(--radius);border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 65%, transparent);min-width:2.5rem;color:var(--foreground);justify-content:center;align-items:center;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.news-pagination__link:hover{border-color:var(--secondary-ring);color:var(--secondary-hover)}.news-pagination__link--active{border-color:var(--secondary-ring);background:var(--secondary-soft);color:var(--secondary-hover)}.news-pagination__link--arrow{padding-inline:1rem}
