/* DSN v21: PHOTOGRAPHIC redesign. Static images, layered gradients ensure readable text. */
:root{--photo-architecture:url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=82");--photo-homes:url("https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1800&q=80");--photo-keys:url("https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1800&q=80");--photo-finance:url("https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1600&q=80");--photo-skyline:url("https://images.unsplash.com/photo-1486325212027-8081e485255e?auto=format&fit=crop&w=1800&q=82")}
body:has(.dsn-showcase) .dsn-showcase{background:linear-gradient(91deg,rgba(2,20,28,.96) 0%,rgba(3,37,42,.90) 38%,rgba(3,43,44,.48) 78%),var(--photo-skyline) center 45% /cover no-repeat !important;min-height:745px!important}
body:has(.dsn-showcase) .dsn-showcase:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,30,36,.48),transparent 45%);pointer-events:none}
body:has(.dsn-showcase) .dsn-showcase .hero-grid{position:relative;z-index:1}
body:has(.dsn-showcase) .hero-visual .visual-image img{opacity:.24;filter:grayscale(.2)}
body:has(.dsn-showcase) .hero-visual .visual-core{background:linear-gradient(145deg,#07313fef,#061f2dee);box-shadow:0 20px 65px #00151dbd,0 0 60px #1bcca82b}
body:has(.dsn-showcase) #buyer-network{background:linear-gradient(90deg,rgba(2,31,37,.91),rgba(5,70,72,.76)),var(--photo-homes) center 48% /cover no-repeat!important;color:#fff!important}
body:has(.dsn-showcase) #buyer-network h2,body:has(.dsn-showcase) #buyer-network .section-head h2{color:white!important}
body:has(.dsn-showcase) #buyer-network .section-head p,body:has(.dsn-showcase) #buyer-network >div>p{color:#d5f5f0!important}
body:has(.dsn-showcase) #buyer-network .card{background:#fff!important;box-shadow:0 20px 50px #001a2685;backdrop-filter:none}
body:has(.dsn-showcase) #buyer-network .card h3{color:#092d35!important}
body:has(.dsn-showcase) #buyer-network .card p{color:#3d6268!important}
body:has(.dsn-showcase) #funding-focus{background:linear-gradient(105deg,rgba(249,255,253,.97),rgba(235,250,246,.93) 53%,rgba(226,244,241,.84)),var(--photo-architecture) center /cover no-repeat!important}
body:has(.dsn-showcase) #funding-focus .card{background:#fff!important;overflow:hidden;padding-top:160px!important;position:relative;box-shadow:0 18px 32px #062c3630;border:1px solid #b4dcd3}
body:has(.dsn-showcase) #funding-focus .card::before{content:"";position:absolute;top:0;left:0;right:0;height:130px;background:linear-gradient(to bottom,transparent 45%,#042f3699),var(--photo-architecture) center/cover no-repeat}
body:has(.dsn-showcase) #funding-focus .card:nth-child(2)::before{background:linear-gradient(to bottom,transparent 25%,#042f3699),var(--photo-homes) center/cover no-repeat}
body:has(.dsn-showcase) #funding-focus .card:nth-child(3)::before{background:linear-gradient(to bottom,transparent 25%,#042f3699),var(--photo-skyline) center/cover no-repeat}
body:has(.dsn-showcase) #funding-focus .card:nth-child(4)::before{background:linear-gradient(to bottom,transparent 25%,#042f3699),var(--photo-finance) center/cover no-repeat}
body:has(.dsn-showcase) #funding-focus .card .icon{position:absolute;left:22px;top:101px;z-index:2;background:#0bb395;color:white;box-shadow:0 7px 18px #003a4280}
body:has(.dsn-showcase) #resources-preview{background:linear-gradient(95deg,rgba(3,35,45,.91),rgba(4,63,62,.82)),var(--photo-homes) center /cover no-repeat!important;color:#fff}
body:has(.dsn-showcase) #resources-preview h2,body:has(.dsn-showcase) #resources-preview h3{color:#fff!important}
body:has(.dsn-showcase) #resources-preview p{color:#e6f9f6!important}
body:has(.dsn-showcase) #about-gary{background:linear-gradient(110deg,rgba(240,255,250,.95),rgba(245,255,251,.91)),var(--photo-keys) center /cover no-repeat!important}
/* Dedicated photographed banner on all internal education/funding pages */
body:not(:has(.dsn-showcase)) section.hero{background:linear-gradient(90deg,rgba(2,25,34,.94),rgba(3,51,57,.78),rgba(5,69,69,.63)),var(--photo-architecture) center 47% /cover no-repeat!important;color:white!important;padding:90px 0 85px!important;position:relative;min-height:290px}
body:not(:has(.dsn-showcase)) section.hero h1,body:not(:has(.dsn-showcase)) section.hero h2{color:white!important;text-shadow:0 3px 22px #001e26b3}
body:not(:has(.dsn-showcase)) section.hero p,body:not(:has(.dsn-showcase)) section.hero .lead,body:not(:has(.dsn-showcase)) section.hero .back{color:#dcf5f0!important}
body:not(:has(.dsn-showcase)) section.hero .eyebrow{background:#0bc8a430!important;color:#9affd8!important;border:1px solid #9affd855}
body:not(:has(.dsn-showcase)) section.hero .wrap{position:relative;z-index:1}
body:not(:has(.dsn-showcase)) section.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#0d9b87,#69f8bf,#0b8f99)}
body:not(:has(.dsn-showcase)) section.hero{background-position:center}
body:not(:has(.dsn-showcase)) section.hero:has(h1){background-image:linear-gradient(90deg,rgba(2,25,34,.94),rgba(3,51,57,.75),rgba(5,69,69,.60)),var(--photo-architecture)!important}
body:not(:has(.dsn-showcase)) section.hero:has(a[href*="buyer"]),body:not(:has(.dsn-showcase)) section.hero:has(h1){}
body:not(:has(.dsn-showcase)) section.hero:has(h1)::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#07262c44,transparent)}
body:not(:has(.dsn-showcase)) .content{background:linear-gradient(180deg,#fff,#f5fbf9)}
body:not(:has(.dsn-showcase)) .content .callout{box-shadow:0 9px 35px #043c3c12}
@media(max-width:800px){body:has(.dsn-showcase) #funding-focus .funding-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:has(.dsn-showcase) .dsn-showcase{background-position:62% center!important}}
@media(max-width:550px){body:has(.dsn-showcase) #funding-focus .funding-cards{grid-template-columns:1fr!important}body:not(:has(.dsn-showcase)) section.hero{padding:65px 0 65px!important}}