/* Network owns its composition; motion uses the shared decorative scene controller. */
#feed-view .network-visual-shell{background:var(--color-background)}
#feed-view .network-hero{--hero-height:clamp(390px,44vw,640px);min-height:var(--hero-height);position:relative}
.network-artwork{inset:0 auto auto 50%;width:min(100%,1440px);transform:translate(-50%,var(--network-art-offset,0px));will-change:transform;mask-image:linear-gradient(180deg,#000 0 70%,transparent 100%),linear-gradient(90deg,transparent,#000 7% 93%,transparent);mask-composite:intersect}
.network-artwork img{width:100%;height:auto;aspect-ratio:1746/901;object-fit:contain}
.network-hero .visual-readability{background:radial-gradient(ellipse 600px 270px at 18% 22%,#080d16d9,transparent 100%);z-index:0}
.network-hero-content{padding-top:32px}
.network-hero-content .breadcrumbs{margin-bottom:38px;color:#d4dce7;text-shadow:0 1px 5px #000}
.network-hero-content .breadcrumbs button{color:inherit}
.network-hero-content .feed-header{align-items:flex-start;gap:28px}
.network-hero-content .feed-header>div:first-child{max-width:560px;text-shadow:0 2px 8px #000,0 0 18px #000}
.network-hero-content h1{font-size:clamp(40px,4.2vw,62px);line-height:1.15;color:#f4f6fa}
.network-hero-content .eyebrow{color:#9ed4ff}
.network-hero-content .feed-header p{color:#f0f3f8;max-width:420px;background:#0b111acc;box-shadow:0 0 18px 8px #0b111acc;padding:5px 8px;margin-left:-8px;border-radius:4px}
.network-hero-content .feed-note{color:#d4dce7;text-shadow:0 2px 8px #000}
#feed-view .network-content{padding-top:12px}
.network-content .feed-search-control{background:var(--color-field)}
.network-content .feed-search>label,.network-content .feed-result{color:#d4dce7;text-shadow:0 1px 4px #000}
.network-content .feed-filter{background:var(--color-panel)}
@media(max-width:850px){
 #feed-view .network-hero{--hero-height:auto;min-height:0;padding-top:calc(100vw * 901 / 1746 - 12px)}
 .network-artwork{inset:0 auto auto 0;width:100%;transform:translateY(var(--network-art-offset,0px));mask-image:linear-gradient(180deg,#000 0 72%,transparent 100%);mask-composite:add}
 .network-hero .visual-readability{display:none}
 .network-hero-content{padding-top:0;padding-bottom:18px}
 .network-hero-content .breadcrumbs{margin-bottom:20px}
 .network-hero-content .feed-header{margin-bottom:0}
 .network-hero-content .feed-header>div:first-child{max-width:none;text-shadow:0 1px 5px #000}
 .network-hero-content h1{font-size:clamp(34px,5.4vw,44px)}
 .network-hero-content .feed-header p{max-width:none}
 #feed-view .network-content{padding-top:18px}
}
@media(prefers-reduced-motion:reduce){.network-artwork{--network-art-offset:0px!important;will-change:auto;animation:none;transition:none}}