*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#1d3045;font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:inherit}header{background:#081d35;color:white;border-bottom:2px solid #c7a66b;position:sticky;top:0;z-index:10}.head{max-width:1160px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:76px;height:60px;object-fit:contain;background:white;border-radius:3px}.brand b{font-size:17px;letter-spacing:1px}.brand small{display:block;color:#d8b777;letter-spacing:1.3px;font-size:10px}nav{display:flex;flex-wrap:wrap;gap:17px}nav a{font-size:12px;text-decoration:none;color:#e9eef3}nav a:hover,nav a.active{color:#e2bb79}.hero{background:linear-gradient(110deg,rgba(5,21,42,.97),rgba(12,45,77,.90)),radial-gradient(circle at 75% 65%,#b5a27a,#071b35);color:white;padding:105px 24px 125px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:85px;opacity:.27;background:repeating-linear-gradient(90deg,transparent 0 16px,#a9b5c5 16px 36px,transparent 36px 50px);clip-path:polygon(0 70%,5% 35%,9% 55%,15% 15%,20% 55%,27% 20%,31% 65%,38% 10%,44% 50%,50% 25%,57% 60%,62% 0,67% 50%,75% 15%,82% 70%,89% 25%,96% 55%,100% 10%,100% 100%,0 100%)}.wrap{max-width:1080px;margin:auto;padding:0 24px}.hero .wrap{position:relative;z-index:1}.eyebrow{color:#d9b879;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold}h1,h2,h3{font-family:Georgia,serif;line-height:1.2}h1{font-size:clamp(34px,5vw,61px);max-width:860px;margin:18px 0}h2{font-size:clamp(28px,3.5vw,40px);color:#122d4b}h3{font-size:24px;color:#153453}.lead{font-size:19px;max-width:780px;color:#e0e6ee}.btn{display:inline-block;background:#d4b071;color:#0b213a;padding:12px 23px;border-radius:2px;text-decoration:none;font-weight:bold;margin:15px 10px 0 0}.btn.outline{border:1px solid #d4b071;background:transparent;color:#e7c48c}.section{padding:68px 0}.section.alt{background:#edf0f2}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;padding:28px;border-top:3px solid #c7a66b;box-shadow:0 4px 20px #071e3412}.card h3{margin-top:0}.card p{margin-bottom:0}.kicker{color:#a0783e;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold}.pagehead{background:#0a2442;color:white;padding:70px 0}.pagehead h1{font-size:49px}.pagehead p{color:#d9e1e8;font-size:18px;max-width:750px}.pagehead .eyebrow{color:#d8b777}.bodycopy{max-width:840px;font-size:17px}.bodycopy h2{margin-top:44px}.bodycopy li{margin-bottom:8px}.cta{background:#0a2442;color:white;text-align:center;padding:65px 20px}.cta h2{color:white}footer{background:#06182c;color:#bfc9d4;padding:30px 0;font-size:13px}footer a{color:#d6b477}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.email{font-size:21px;color:#ad7e3c;overflow-wrap:anywhere}.disclaimer{font-size:13px;color:#677481;border-top:1px solid #ddd;padding-top:20px;margin-top:30px}@media(max-width:850px){.head{display:block}.brand{margin-bottom:12px}nav{gap:11px}.cards{grid-template-columns:1fr}.hero{padding:65px 12px 95px}.section{padding:43px 0}.pagehead{padding:45px 0}.pagehead h1{font-size:37px}}
/* Original Toronto-inspired visual direction restored; reference crops are temporary prototype assets. */
header{position:relative;background:#052348}.head{max-width:1140px}body{background:#fff}.classic-hero{background:linear-gradient(90deg,#051d3c 0%,#062143 35%,rgba(5,29,60,.72) 56%,rgba(5,29,60,.04) 100%),url('resources_hero.jpg') right center/auto 100% no-repeat,#082446;padding:70px 24px 75px;min-height:440px}.classic-hero:after{display:none}.classic-hero .wrap{max-width:1080px}.classic-hero h1{font-size:clamp(30px,3.9vw,51px);color:#e3bd73;max-width:540px;font-weight:normal}.classic-hero .eyebrow:first-child{font-family:Georgia,serif;color:white;font-size:clamp(27px,3vw,42px);letter-spacing:0;text-transform:none;border-bottom:2px solid #cda34e;display:inline-block}.classic-hero .lead{font-size:16px;line-height:1.5;max-width:410px}.classic-hero .btn,.about-feature .btn{font-size:12px;text-transform:uppercase;letter-spacing:.7px}.principles{background:#f8f8f7;padding:24px 0}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.principles-grid>div{padding:12px 20px;border-right:1px solid #dedede}.principles-grid>div:last-child{border-right:0}.principles-grid span{color:#bc8c39;font-size:30px;line-height:1}.principles-grid h3{font-size:18px;font-weight:normal;text-transform:uppercase;margin:7px 0}.principles-grid p{font-size:13px;line-height:1.4;margin:0}.about-feature{padding:38px 0;background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.about-grid h2{font-size:33px;font-weight:normal;margin:5px 0 14px}.about-grid p{font-size:15px;line-height:1.6}.about-photo{min-height:310px;background:url('hydroelectric_resources.jpg') center/cover no-repeat}.principles.secondary{background:#f1f0ed}.principles-grid.three{grid-template-columns:repeat(3,1fr)}@media(max-width:850px){.classic-hero{background:linear-gradient(90deg,rgba(5,29,60,.98),rgba(5,29,60,.72)),url('resources_hero.jpg') center/cover;min-height:0}.principles-grid,.principles-grid.three{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.principles-grid>div:nth-child(2){border-right:0}}@media(max-width:520px){.principles-grid,.principles-grid.three{grid-template-columns:1fr}.principles-grid>div{border-right:0;border-bottom:1px solid #ddd}}

/* V4: essential resources hero, responsive functional navigation cards */
.classic-hero{background:linear-gradient(90deg,rgba(5,25,49,.92) 0%,rgba(5,25,49,.70) 36%,rgba(5,25,49,.18) 100%),url('resources_hero.jpg') center center/cover no-repeat;min-height:550px;padding:66px 24px 58px}
.classic-hero .wrap{max-width:1160px}
.classic-hero .eyebrow:first-child{border-bottom:0;font-size:clamp(24px,3.3vw,43px);letter-spacing:.4px}
.classic-hero h1{font-size:clamp(25px,3.1vw,42px);line-height:1.24;max-width:780px;color:#fff;margin:13px 0 15px;text-shadow:0 2px 12px #071c31}
.classic-hero .lead{max-width:680px;font-size:17px;color:#f3f5f8;text-shadow:0 1px 8px #071c31}
.hero-index-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:780px;margin-top:33px}
.hero-index-card{display:flex;flex-direction:column;gap:10px;min-height:168px;padding:22px 24px;text-decoration:none;color:white;border:1px solid #ffffff65;border-radius:5px;box-shadow:0 7px 22px #07192c55;transition:transform .2s,background .2s}
.hero-index-card:hover,.hero-index-card:focus-visible{transform:translateY(-3px);outline:2px solid #e5c385;outline-offset:2px}
.hero-index-card.vri{background:rgba(0,65,62,.91)}.hero-index-card.hlci{background:rgba(13,51,96,.93)}
.hero-index-card strong{font-family:Georgia,serif;font-size:21px;line-height:1.3}.hero-index-card span{font-size:13px;line-height:1.5}.hero-index-card .card-link{margin-top:auto;text-transform:uppercase;letter-spacing:1px;font-weight:bold;color:#f4dca7}
.about-photo{background-image:url('resources_hero.jpg');background-position:center;background-size:cover}
@media(max-width:700px){.classic-hero{padding:45px 12px 52px;background:linear-gradient(90deg,rgba(5,25,49,.94),rgba(5,25,49,.64)),url('resources_hero.jpg') center/cover}.hero-index-cards{grid-template-columns:1fr}.hero-index-card{min-height:140px}.classic-hero .lead{font-size:15px}}

/* V5: approved secondary image replacement */
.about-photo{background-image:url('hydroelectric_resources.jpg');background-position:center;background-size:cover}