/* Stillwater V8.2 — approved mockup applied to actual DEWR HTML.
 * Original DEWR landscape/project imagery. Original page content retained.
 * Flat, restrained transparency; zero decorative drop shadows or text shadows.
 * Accessible focus outlines and the existing source-backed interactions survive.
 */
:root{
 --v82-clear-border:rgba(237,251,255,.49);
 --v82-glass:linear-gradient(141deg,rgba(38,101,137,.26),rgba(8,59,97,.18));
}
/* Keep authentic source image but reveal more of the lake on the homepage.
 * Contrast comes from a gentle full-hero gradient rather than text shadows. */
html.v6-landscape-ready body:has(> main > section.hero){
 background-image:
  linear-gradient(90deg,rgba(2,21,41,.45) 0%,rgba(4,31,54,.28) 54%,rgba(4,28,50,.13) 100%),
  var(--v6-landscape,linear-gradient(145deg,#174666,#082941))!important;
 background-size:cover!important;background-position:center center!important;
}
body,body *{text-shadow:none!important}
body > header,body > main > section,body > main > section *,
body > footer,body > main .v5-feature-card,body .cskt-search-capsule,
body .cskt-v15-dropdown,body .project,body .program,
body .hub-link,body .hub-choice,body .sidebox,
body .cskt-v13-card,body .cskt-v13-shell{
 box-shadow:none!important;
}
body > header{border-color:rgba(238,251,255,.52)!important;background:linear-gradient(125deg,rgba(68,150,201,.36),rgba(29,110,165,.25))!important;
 -webkit-backdrop-filter:blur(22px) saturate(128%)!important;
 backdrop-filter:blur(22px) saturate(128%)!important;}
/* All editorial page headings are directly on the water landscape, with no
 * wrapping card even on Resources. Retain original text and simple breadcrumb. */
body[data-v7-template="resources"] > main > section.sub-hero{
 display:block!important;width:min(1450px,calc(100% - clamp(24px,3.5vw,72px)))!important;
 margin:18px auto 0!important;padding:0!important;min-height:0!important;height:auto!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 box-shadow:none!important;overflow:visible!important;
}
body[data-v7-template="resources"] > main > section.sub-hero > .wrap{
 width:min(1325px,calc(100% - clamp(35px,4vw,75px)))!important;
 max-width:1325px!important;
 padding:clamp(26px,3vw,44px) 0 clamp(24px,2.5vw,37px)!important;
}
body[data-v7-template="resources"] .sub-hero :is(h1,p,.eyebrow,.breadcrumbs),
body:not([data-v7-template="home"]) .sub-hero :is(h1,p,.eyebrow,.breadcrumbs){
 text-shadow:none!important;
}
body[data-v7-template="resources"] .sub-hero h1{font-size:clamp(42px,5.0vw,70px)!important;
 margin:11px 0 20px!important;line-height:1.04!important;color:#fff!important}
body[data-v7-template="resources"] .sub-hero p{
 max-width:min(760px,100%)!important;
 font-size:clamp(15px,1.25vw,18px)!important;
 line-height:1.64!important;
 color:#fff!important;
}
/* No atmospheric drop shadow on grouped content. A thin refractive highlight
 * and a transparent volume make the lake visible through the pane. */
body[data-v7-template="projects"] > main > section.section.projects,
body[data-v7-template="programs"] > main > section.section,
body[data-v7-template="hub"] > main > section.section,
body[data-v7-template="resources"] > main > section.hub-shortcuts{
 box-shadow:none!important;
}
body[data-v7-template="projects"] > main > section.section.projects,
body[data-v7-template="programs"] > main > section.section,
body[data-v7-template="hub"] > main > section.section{
 background:linear-gradient(145deg,rgba(28,89,124,.19),rgba(8,43,73,.10))!important;
 border:1px solid rgba(242,253,255,.34)!important;
 -webkit-backdrop-filter:blur(7px) saturate(110%)!important;
 backdrop-filter:blur(7px) saturate(110%)!important;
}
/* Resources mockup: five same-status resource pathways in one balanced row.
 * Equal width here is deliberate: all are equally discoverable entry points.
 * Five cards include icons, titles, original links and new clear descriptions. */
body[data-v7-template="resources"] > main > section.hub-shortcuts{
 width:min(1450px,calc(100% - clamp(24px,3.5vw,72px)))!important;
 padding:0 0 40px!important;margin:0 auto!important;
 background:transparent!important;border:0!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
body[data-v7-template="resources"] > main > section.hub-shortcuts > .wrap{
 width:min(1325px,calc(100% - clamp(16px,1.5vw,28px)))!important;
 max-width:1325px!important;
}
body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid{
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
 grid-template-rows:auto!important;
 gap:clamp(10px,1.1vw,17px)!important;
 width:100%;max-width:100%;align-items:stretch!important;
}
body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid > a.hub-link,
body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid > a.hub-link:nth-child(n){
 grid-column:auto!important;grid-row:auto!important;
 min-height:315px!important;min-width:0!important;height:auto!important;
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 justify-content:flex-start!important;
 gap:0!important;
 padding:clamp(19px,1.9vw,29px)!important;
 background:linear-gradient(150deg,rgba(14,63,99,.42),rgba(10,64,106,.28))!important;
 border:1px solid rgba(236,252,255,.49)!important;border-radius:22px!important;
 color:#fff!important;text-decoration:none!important;
 -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
 backdrop-filter:blur(14px) saturate(115%)!important;
 box-shadow:none!important;
 transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid > a.hub-link:hover{
 background:linear-gradient(135deg,rgba(40,105,149,.62),rgba(8,64,112,.47))!important;
 border-color:rgba(255,255,255,.80)!important;transform:translateY(-2px);
}
body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid > a.hub-link:focus-visible{
 outline:3px solid #c0edff!important;outline-offset:4px!important;
}
body .v82-resource-icon{
 display:grid!important;place-items:center;
 flex:0 0 auto;width:62px;height:62px;margin-bottom:25px;
 border-radius:50%;border:1px solid rgba(255,255,255,.44);
 color:#fff;
 background:linear-gradient(142deg,rgba(180,226,251,.22),rgba(52,125,167,.21));
}
body .v82-resource-icon svg{
 width:27px;height:27px;stroke:currentColor;fill:none;
 stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
body .v82-resource-title{
 display:block!important;min-width:0;width:100%;
 font-size:clamp(17px,1.52vw,22px)!important;
 line-height:1.19!important;font-weight:740!important;
 letter-spacing:-.035em;
 color:#fff!important;
}
body .v82-resource-description{
 display:block!important;width:100%;
 margin-top:15px;
 color:#e7f4fc!important;font-size:clamp(12px,.88vw,14px)!important;
 line-height:1.55!important;font-weight:450!important;
}
body .v82-resource-action{
 display:inline-flex!important;align-items:center!important;gap:9px!important;
 margin-top:auto!important;padding-top:25px;
 color:#fff!important;font-size:12px!important;font-weight:730!important;
 line-height:1.4!important;
}
body .v82-resource-action span{display:inline;color:inherit!important;margin:0!important;}
/* Prevent the first child's top margin from collapsing through .hero-grid.
 * Inherited V5 produced a dark overlay seam at precisely hero-content top.
 * A new formatting context makes the media scrim cover the entire hero area. */
body > main > section.hero > .hero-grid{display:flow-root!important;}
body > header .desktop-nav a[aria-current="page"]{color:#f7fcff!important;border-bottom-color:#bceaff!important;}
/* HOME: make the entire section the subtle glass surface, not the text block. */
body > main > section.hero{
 background:linear-gradient(100deg,rgba(0,22,45,.12),rgba(5,34,63,.02) 68%)!important;
 border:1px solid rgba(234,252,255,.24)!important;border-radius:29px!important;
 box-shadow:none!important;
 min-height:720px!important;overflow:hidden!important;
 -webkit-backdrop-filter:blur(0px)!important;
 backdrop-filter:blur(0px)!important;
}
body > main > section.hero > .hero-grid{
 position:relative!important;display:block!important;min-height:720px!important;
 width:100%!important;max-width:none!important;padding:0!important;margin:0!important;
}
body > main > section.hero .hero-media::after{
 background:linear-gradient(90deg,rgba(1,26,48,.48),rgba(2,26,47,.23) 58%,rgba(4,27,48,.13))!important;
}
body > main > section.hero .hero-content{
 position:relative!important;z-index:3!important;
 display:block!important;
 width:clamp(340px,58%,830px)!important;max-width:calc(100% - 70px)!important;
 min-height:0!important;
 margin:clamp(78px,8vw,112px) 0 0 clamp(34px,5.6vw,88px)!important;
 padding:0!important;
 color:#fff!important;
 background:transparent!important;border:0!important;border-radius:0!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 box-shadow:none!important;outline:0;
}
body > main > section.hero .hero-content::before,
body > main > section.hero .hero-content::after{display:none!important;}
body > main > section.hero .hero-content h1{
 max-width:810px!important;font-family:var(--sans)!important;
 font-size:clamp(44px,4.65vw,75px)!important;
 font-weight:750!important;line-height:1.04!important;
 letter-spacing:-.055em!important;
 margin:22px 0 25px!important;color:#fff!important;text-wrap:balance;
}
body > main > section.hero .hero-content p{
 max-width:680px!important;font-size:clamp(15px,1.2vw,18px)!important;
 line-height:1.67!important;color:#f4faff!important;
}
body > main > section.hero .eyebrow{
 color:#eaf6ff!important;font-size:clamp(10px,.87vw,12px)!important;
 letter-spacing:.13em!important;
}
/* Actual links are moved to a grid sibling by the V8.2 builder.
 * Keep them visually low and centered, rather than beside the lead paragraph. */
body > main > section.hero .v82-hero-actions{
 position:absolute!important;z-index:5!important;left:50%!important;
 bottom:clamp(33px,5vw,66px)!important;
 transform:translateX(-50%)!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex-wrap:wrap!important;gap:16px!important;
 width:max-content!important;max-width:calc(100% - 40px)!important;
 margin:0!important;padding:0!important;
}
body > main > section.hero .v82-hero-actions a.button{
 display:inline-flex!important;justify-content:space-between!important;
 min-width:205px!important;min-height:58px!important;
 border-radius:999px!important;
 padding:17px 27px!important;
 font-size:14px!important;font-weight:700!important;letter-spacing:-.015em;
 gap:25px!important;text-decoration:none!important;
 box-shadow:none!important;
}
body > main > section.hero .v82-hero-actions a.button-light{
 background:#f9fcff!important;color:#123d60!important;border:1px solid rgba(255,255,255,.87)!important;
}
body > main > section.hero .v82-hero-actions a.button-outline{
 background:rgba(13,64,102,.22)!important;
 color:#fff!important;border:1px solid rgba(246,252,255,.72)!important;
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
body > main > section.hero .v82-hero-actions a.button:hover{
 transform:translateY(-2px);border-color:#fff!important;
}
body > main > section.hero .v5-feature-card{
 z-index:4!important;box-shadow:none!important;
 border-color:rgba(255,255,255,.65)!important;
}
/* Reduce all nested page glass surface exaggeration without removing affordance. */
body .home-choices .hub-choice,
body .programs .program,
body .project-grid .project,
body .hub-link-grid .hub-link{box-shadow:none!important;}
@media(max-width:1230px){
 body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid > a.hub-link:nth-child(n){min-height:280px!important;}
 body > main > section.hero .hero-content{width:62%!important;}
 body > main > section.hero .hero-content h1{font-size:clamp(40px,4.7vw,60px)!important;}
 body > main > section.hero .v5-feature-card{right:3%!important;width:25%!important;min-width:200px!important;}
}
@media(max-width:880px){
 body > main > section.hero .hero-content{width:61%!important;margin:70px 0 0 30px!important;}
 body > main > section.hero .hero-content h1{font-size:clamp(35px,5vw,48px)!important;}
 body > main > section.hero .hero-content p{font-size:14px!important;max-width:95%!important;}
 body > main > section.hero .v5-feature-card{top:235px!important;width:27%!important;min-width:180px!important;height:300px!important;}
 body > main > section.hero .v82-hero-actions a.button{min-width:175px!important;min-height:50px!important;padding:14px 20px!important;}
 body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
 body > main > section.hero{
  width:calc(100% - 24px)!important;margin:12px auto!important;
  border-radius:22px!important;min-height:0!important;
 }
 body > main > section.hero > .hero-grid{
  display:flex!important;flex-direction:column!important;
  padding:0 0 35px!important;min-height:0!important;
 }
 body > main > section.hero .hero-content{
  order:1!important;width:calc(100% - 40px)!important;max-width:none!important;
  margin:25px auto 0!important;padding:0!important;
 }
 body > main > section.hero .hero-content h1{
  font-size:clamp(34px,8.4vw,50px)!important;
  line-height:1.06!important;margin:14px 0 19px!important;
 }
 body > main > section.hero .hero-content p{font-size:14px!important;max-width:100%!important;}
 body > main > section.hero .v5-feature-card{
  order:2!important;position:relative!important;top:auto!important;
  left:auto!important;right:auto!important;
  width:min(78%,320px)!important;max-width:320px!important;
  min-width:0!important;height:290px!important;max-height:none!important;
  margin:25px 18px 0 auto!important;transform:none!important;
  border-radius:22px!important;
 }
 body > main > section.hero .v82-hero-actions{
  order:3!important;position:relative!important;left:auto!important;bottom:auto!important;
  transform:none!important;
  width:calc(100% - 40px)!important;max-width:none!important;
  margin:26px auto 0!important;gap:11px!important;
  flex-wrap:wrap!important;
 }
 body > main > section.hero .v82-hero-actions a.button{
  min-width:min(100%,235px)!important;flex:1 1 155px!important;
  min-height:50px!important;padding:13px 20px!important;
 }
 body[data-v7-template="resources"] > main > section.sub-hero{
  width:calc(100% - 24px)!important;margin:12px auto 0!important;
 }
 body[data-v7-template="resources"] > main > section.sub-hero > .wrap{
  width:calc(100% - 27px)!important;padding:25px 0 21px!important;
 }
 body[data-v7-template="resources"] .sub-hero h1{font-size:clamp(38px,10vw,54px)!important;}
 body[data-v7-template="resources"] .sub-hero p{font-size:15px!important;}
 body[data-v7-template="resources"] > main > section.hub-shortcuts{width:calc(100% - 24px)!important;}
 body[data-v7-template="resources"] > main > section.hub-shortcuts > .wrap{width:100%!important;}
 body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid{
  grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
 }
 body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid > a.hub-link:nth-child(n){
  min-height:240px!important;padding:24px!important;
 }
 body .v82-resource-icon{width:50px;height:50px;margin-bottom:14px;}
 body .v82-resource-icon svg{width:24px;height:24px;}
 body .v82-resource-action{padding-top:18px;}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid > a.hub-link:nth-child(n){background:#133e5c!important;backdrop-filter:none!important}
 body > main > section.hero .hero-content{background:rgba(4,34,58,.88)!important;padding:16px!important;border-radius:14px!important;}
 body > main > section.hero .v82-hero-actions a.button-outline{background:#154866!important}
}
@media(prefers-reduced-motion:reduce){
 body > main > section.hero .v82-hero-actions a.button,
 body[data-v7-template="resources"] .hub-shortcuts .hub-link-grid > a.hub-link{transition:none!important;transform:none!important;}
}

/* Final cascade repair: V5 inline/runtime layout rules use !important.
 * A more specific root selector prevents hero text margin collapsing through
 * the hero-grid and leaving a rectangular scrim half-way down the photo. */
html body > main > section.hero > div.wrap.hero-grid{
 display:flow-root!important;
 padding-top:1px!important;
}
@media(max-width:680px){
 html body > main > section.hero > div.wrap.hero-grid{
  display:flex!important;flex-direction:column!important;
  padding-top:0!important;
 }
}