/* Refined ZIP layout preserved. Replace dark filled surfaces with one sky palette. */
:root {
 --navy:#17354B; --blue:#83BDDF; --ink:#455B6C; --muted:#F7FAFC; --rule:#E0EBF2;
 --sky:#CBE5F3; --sky-surface:#E8F3FA; --sky-hover:#BFDDED; --accent:#83BDDF;
 --ui-fast:160ms; --ui-normal:220ms; --ui-ease:cubic-bezier(.2,.65,.3,1);
}
html,body { background:#FFFFFF; }
body { color:var(--ink); }
.company-site img[width][height] { height:auto; }
::selection { color:var(--navy); background:var(--sky); }
[hidden] { display:none!important; }
.utility-bar { color:var(--navy); background:var(--sky-surface); }
.utility-bar a { color:var(--navy); }
.header,.sky-scrolled .header { background:#FFFFFF; border-color:var(--rule); backdrop-filter:none; box-shadow:none; }
.header { margin-bottom:0; transition:background var(--ui-normal) var(--ui-ease),margin-bottom var(--ui-normal) var(--ui-ease); }
.header-inner { transition:min-height var(--ui-normal) var(--ui-ease); }
.brand { color:#17364D; transform-origin:left center; transition:transform var(--ui-normal) var(--ui-ease); }
.brand:hover { color:#17364D; }
.nav a { position:relative; color:var(--navy); transition:background var(--ui-normal) var(--ui-ease),border-color var(--ui-normal) var(--ui-ease),color var(--ui-fast) var(--ui-ease); }
.nav a:hover,.nav a[aria-current] { color:var(--navy); border-color:transparent; box-shadow:none; }
.nav>a:not(:last-child)::after { content:""; position:absolute; inset:auto 0 -1px; height:2px; border-radius:2px; background:#83B5D1; transform:scaleX(0); transform-origin:left; transition:transform var(--ui-normal) var(--ui-ease); }
.nav>a:not(:last-child):is(:hover,:focus-visible,[aria-current])::after { transform:scaleX(1); }
.nav>a:last-child { color:var(--navy); background:#FFFFFF; border-color:#AACADF; box-shadow:none; }
.nav>a:last-child { border-radius:6px; }
.nav>a:last-child:hover,.nav>a:last-child[aria-current] { color:var(--navy); background:var(--sky-surface); border-color:#B7D3E3; box-shadow:none; }
.sky-scrolled .header { margin-bottom:12px; }
.sky-scrolled .header-inner { min-height:76px; }
.sky-scrolled .header .brand { transform:scale(.94); }
.button { position:relative; color:var(--navy); background:#FFFFFF; border-color:#94B7CF; border-radius:6px; cursor:pointer; box-shadow:none; transition:background var(--ui-normal) var(--ui-ease),color var(--ui-fast) var(--ui-ease),border-color var(--ui-normal) var(--ui-ease),transform var(--ui-fast) var(--ui-ease),box-shadow var(--ui-normal) var(--ui-ease); }
.button.solid,.hero-actions .button.solid { color:var(--navy); background:var(--sky); border-color:var(--sky); }
.button:hover,.button.solid:hover,.hero-actions .button.solid:hover { color:var(--navy); background:var(--sky-hover); border-color:var(--sky-hover); box-shadow:0 2px 6px #17354B06; }
.button:active { transform:translateY(1px) scale(.985); box-shadow:none; }
.text-link:active,.menu-toggle:active { transform:translateY(1px); }
.button:disabled { cursor:progress; opacity:.75; }
.button:disabled,.button:disabled:hover { color:var(--navy); background:var(--sky-surface); border-color:var(--rule); box-shadow:none; transform:none; }
.interactive-arrow { display:inline-block; transition:transform var(--ui-normal) var(--ui-ease); }
.button:is(:hover,:focus-visible) .interactive-arrow,.text-link:is(:hover,:focus-visible) .interactive-arrow { transform:translate(3px,-1px); }
a,button,input,textarea,select,summary { -webkit-tap-highlight-color:rgba(105,181,223,.18); }
a,button,summary { touch-action:manipulation; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible { outline:2px solid #274A65; outline-offset:4px; box-shadow:0 0 0 4px #FFFFFF; }
.card a:focus-visible,.reference-card a:focus-visible { outline-offset:-4px; box-shadow:none; }
.hero { color:var(--navy); background-color:var(--sky-surface); }
.hero::after { display:none; background:none; }
.hero h1,.hero .hero-kicker,.hero-description { color:#FFFFFF; text-shadow:0 1px 6px #00000066; }
.hero-actions .button.light { color:#FFFFFF; background:transparent; border-color:#FFFFFFB0; }
.hero-actions .button.light:hover { color:var(--navy); background:#FFFFFF; border-color:#91BBD6; }
.hero-actions .button.solid { color:var(--navy); background:#FFFFFF; border-color:#FFFFFF; }
.hero-actions .button.solid:hover { color:var(--navy); background:#EEF7FD; border-color:#EEF7FD; }
.hero-actions .button.light { background:transparent; border-color:#FFFFFFB0; }
.hero-arrow { opacity:.85; }
.hero-arrow::after { border-color:#FFFFFF; }
.hero-playback { color:var(--navy); background:rgba(255,255,255,.88); border-color:#A5C6DD; transition:background var(--ui-normal) var(--ui-ease),transform var(--ui-fast) var(--ui-ease); }
.hero-playback:hover { background:var(--sky); }
.hero-playback:active { transform:scale(.96); }
.page-banner,.typographic-banner { color:var(--navy); background-color:var(--sky-surface); }
.page-banner:not(.typographic-banner)::after { display:none; background:none; }
.typographic-banner { background:var(--sky-surface); }
.typographic-banner::after { background:transparent; }
.typographic-banner::before { filter:none; opacity:.025; }
.page-banner .banner-title { color:var(--navy); }
.breadcrumbs,.breadcrumbs a,.banner-eyebrow { color:#3D5D74; }
.breadcrumbs a:hover { color:var(--navy); border-color:currentColor; }
.section-title,.story-copy h2,.editorial-heading h2,.company-stats strong,.company-business-grid h3,.listing-card h3,.location-grid h3,.reference-copy h3,.capability-heading h2,.benefit-grid h3,.project-facts dt,.case-summary dd { color:var(--navy); }
.section-title::after { background:var(--blue); }
.eyebrow,.capability-number,.reference-copy .eyebrow { color:#54758B; }
.story-photo { overflow:hidden; }
.story-photo img { transform:translateY(var(--image-pan,0px)) scale(1.012); }
.story-photo>span { color:var(--navy); background:var(--sky-surface); }
.company-stats,.company-stats>div { border-color:var(--rule); }
.company-stats>div { background:#FFFFFF; }
.company-stats span { color:#547086; }
.company-business-grid .card,.project-card,.reference-card { background:#FFFFFF; border-color:var(--rule); border-radius:8px; box-shadow:none; transition:transform var(--ui-normal) var(--ui-ease),border-color var(--ui-normal) var(--ui-ease),box-shadow var(--ui-normal) var(--ui-ease); }
.card-image { border-radius:7px 7px 0 0; }
.card:hover,.card:focus-within,.reference-card:hover,.card:has(a:hover) { transform:none; box-shadow:none; border-color:var(--rule); }
.card a:hover img,.reference-card>a:hover img { transform:none; }
.card img,.reference-image img { transition:transform var(--ui-normal) var(--ui-ease),opacity var(--ui-normal) var(--ui-ease); }
.card-link,.text-link { color:#2D607F; }
.text-link { border-color:#A5C6DD; transition:color var(--ui-fast) var(--ui-ease),border-color var(--ui-normal) var(--ui-ease); }
.text-link:hover { color:var(--navy); border-color:#6D9FBD; }
.card-link>span { color:var(--navy); background:#FFFFFF; border-color:#C6DBE8; transition:background var(--ui-normal) var(--ui-ease),border-color var(--ui-normal) var(--ui-ease),transform var(--ui-normal) var(--ui-ease); }
.capability-card a:hover .card-link>span { color:var(--navy); background:var(--sky); border-color:var(--sky); }
.listing-card .card-body { color:var(--navy); background:var(--sky-surface); }
.listing-card .card-body span { color:#3D5D74; }
.project-card .project-stage { color:var(--navy); background:#FFFFFFF0; }
.commercial-preview { background:#FFFFFF; }
.reference-image>span { color:var(--navy); background:#FFFFFF; }
.reference-copy .text-link { color:#2D607F; }
.library-link-card { background:var(--sky-surface); }
.library-link-card>a { height:100%; min-height:100%; padding:30px 26px; display:flex; flex-direction:column; color:var(--navy); }
.library-link-card h3 { margin:22px 0 18px; font:650 28px/1.18 Manrope,sans-serif; letter-spacing:-.04em; max-width:240px; }
.library-link-card p:not(.eyebrow) { font-size:15px; line-height:1.65; }
.library-link-card .text-link { margin-top:auto; padding-top:28px; align-self:flex-start; font-size:12px; }
.archive-context { color:#547086; }
.location-grid article { background:#FFFFFF; border-color:var(--rule); border-top-color:var(--sky); }
.location-grid strong { color:#547086; }
.project-facts div,.benefit-grid article { border-color:var(--rule); }
.project-facts div { background:#FFFFFF; }
.project-facts dd,.capability-description { color:var(--ink); }
.company-site .signup,.reference-library { background:var(--muted); }
.signup .form-panel,.portfolio-controls,.portfolio-empty { background:#FFFFFF; border-color:var(--rule); }
.form-panel label,.portfolio-controls label { color:#365B76; }
.form-panel input,.form-panel textarea,.portfolio-controls input,.portfolio-controls select { color:var(--navy); background:#FFFFFF; border-color:#8295A5; border-radius:6px; transition:border-color var(--ui-fast) var(--ui-ease),box-shadow var(--ui-fast) var(--ui-ease); }
.form-panel input:hover,.form-panel textarea:hover { border-color:#668A9F; }
.form-panel input:focus,.form-panel textarea:focus,.portfolio-controls input:focus,.portfolio-controls select:focus { border-color:#274A65; box-shadow:0 0 0 3px var(--sky-surface); }
.signup fieldset .button,.form-panel .button { border-radius:6px; }
.portfolio-controls { border-radius:8px; }
.form-note,.reset-filter,.portfolio-status { color:#547086; }
.field-label { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.field-label small { color:#617789; font-size:11px; font-weight:400; }
.contact-form>.form-note:first-child { margin:0 0 22px; }
.form-panel input[aria-invalid=true],.form-panel textarea[aria-invalid=true] { border-color:#9E3B34; }
.form-panel[data-state=error] [role=status] { color:#8C332D; }
.form-panel[data-state=success] [role=status] { color:var(--navy); }
.form-panel[data-state=busy] button { cursor:progress; }
.portfolio-empty { color:var(--navy); }
.image-open { background:var(--muted); border-radius:8px; overflow:hidden; }
.case-gallery { justify-content:center; align-items:flex-start; }
.case-gallery .image-open { flex:0 1 auto; width:100%; max-width:var(--photo-width,860px); margin-inline:auto; }
.case-gallery .image-open img { width:auto; max-width:100%; height:auto; max-height:560px; aspect-ratio:auto; object-fit:contain; margin-inline:auto; }
.reference-image.portrait-image { background:var(--muted); }
.reference-image.portrait-image img { object-fit:contain; }
.image-open>span,.image-cta,.resource-photo figcaption { color:var(--navy); background:rgba(232,243,250,.96); }
.spec-table-wrap,.case-summary,.case-summary>div,.case-pagination nav { border-color:var(--rule); }
.spec-table { color:var(--ink); }
.spec-table th { color:#365B76; background:var(--muted); }
.spec-table thead th { color:var(--navy); background:var(--sky-surface); }
.archive-details { background:var(--muted); border-color:var(--rule); border-radius:8px; }
.archive-details summary { color:var(--navy); }
.image-viewer { color:var(--navy); background:#FFFFFF; border-radius:10px; box-shadow:0 12px 40px #274A6510; }
.image-viewer::backdrop { background:rgba(232,243,250,.88); backdrop-filter:none; }
.image-viewer>button { color:#365B76; min-width:44px; min-height:44px; border-radius:8px; transition:background var(--ui-fast) var(--ui-ease),transform var(--ui-fast) var(--ui-ease); }
.image-viewer>button:hover { background:var(--sky-surface); }
.image-viewer>button:active { transform:scale(.94); }
.image-viewer[open] { animation:sky-dialog var(--ui-normal) var(--ui-ease) both; }
@keyframes sky-dialog { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
.section-index>span,.chapter-number,.case-summary dt { color:#617789; }
.section-index a { color:#365B76; border-color:#BFD6E6; transition:border-color var(--ui-fast) var(--ui-ease),background var(--ui-fast) var(--ui-ease); }
.section-index a:is(:hover,:focus-visible) { border-color:#668DA6; background:var(--sky-surface); }
.case-pagination { background:#FFFFFF; }
.case-pagination strong { color:var(--navy); }
.footer,.footer-bottom { color:var(--navy); background:var(--sky-surface); }
.footer .brand,.footer h2,.footer a:not(.brand),.footer-brand .text-link { color:var(--navy); }
.footer-brand .text-link { border-color:#9DBFD5; }
.footer-main p,.footer-enquiries p { color:#3D5D74; }
.footer a:not(.brand) { text-decoration-color:#85AFC7; text-underline-offset:4px; text-decoration-thickness:1px; }
.footer-main a:not(.brand):hover { color:var(--navy); }
.footer-enquiries,.footer-bottom { border-color:#D0E4F0; }
.sky-navigating::before { content:""; position:fixed; inset:0 auto auto 0; height:2px; width:70%; background:var(--blue); z-index:30; animation:sky-navigation 700ms var(--ui-ease) both; }
@keyframes sky-navigation { from{transform:translateX(-100%)}to{transform:translateX(45%)} }
@media(hover:hover) and (pointer:fine) {
 .card:has(a:hover),.reference-card:has(a:hover) { transform:translateY(-2px); border-color:#A6CADD; box-shadow:0 6px 18px #17354B08; }
 .card a:hover img,.reference-card>a:hover img { transform:scale(1.02); }
 .card a:hover .card-link>span { transform:translateX(2px); background:var(--sky-surface); border-color:#A6CADD; }
}
.card:focus-within,.reference-card:focus-within { border-color:#83A9C0; box-shadow:0 0 0 2px var(--sky-surface); }
@media(hover:none),(pointer:coarse) {
 .card:active,.reference-card:active { transform:scale(.995); border-color:#83A9C0; background:#F7FAFC; }
 .button:active { color:var(--navy); background:var(--sky-hover); }
 .hero-actions .button.light:active { color:var(--navy); background:#FFFFFF; }
}
@media(max-width:1050px) {
 .header .nav { background:#FFFFFF; border-color:var(--rule); box-shadow:0 8px 16px #17354B08; }
 .sky-scrolled .header { margin-bottom:8px; }
 .sky-scrolled .header-inner,.sky-scrolled .header .brand { min-height:68px; }
 .nav a:hover,.nav a[aria-current] { box-shadow:none; text-decoration:underline; text-underline-offset:6px; }
 .nav>a:not(:last-child)::after { display:none; }
 .nav>a:last-child:hover { text-decoration:none; }
 .menu-toggle { min-width:44px; min-height:44px; border-radius:6px; transition:background var(--ui-fast) var(--ui-ease); }
 .menu-toggle:hover { background:var(--sky-surface); }
 .menu-toggle span { transition:transform var(--ui-normal) var(--ui-ease),opacity var(--ui-fast) var(--ui-ease); }
 .menu-toggle[aria-expanded=true] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
 .menu-toggle[aria-expanded=true] span:nth-child(2) { opacity:0; }
 .menu-toggle[aria-expanded=true] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
 .nav.open { animation:sky-menu var(--ui-normal) var(--ui-ease) both; }
}
@keyframes sky-menu { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:none; } }
@media(max-width:680px) {
 .sky-scrolled .header-inner,.sky-scrolled .header .brand { min-height:64px; }
 .header .brand { transition:transform var(--ui-normal) var(--ui-ease),min-height var(--ui-normal) var(--ui-ease); }
 .library-link-card h3 { font-size:26px; max-width:none; }
 .library-link-card>a { padding:26px 24px; }
 .library-link-card .text-link { margin-top:12px; }
 .spec-table tbody th { color:#617789; background:transparent; }
 .case-summary>div:nth-child(-n+2) { border-color:var(--rule); }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 .card,.reference-card,.card img,.reference-image img,.story-photo img,.interactive-arrow,.header .brand,.button:active,.text-link:active,.menu-toggle:active,.hero-playback:active { transform:none!important; }
 .sky-navigating::before { display:none; }
}

/* Photographs and video stay untinted. Only text receives local contrast support. */
.page-banner:not(.typographic-banner) .banner-title,
.page-banner:not(.typographic-banner) .breadcrumbs,
.page-banner:not(.typographic-banner) .breadcrumbs a,
.page-banner:not(.typographic-banner) .banner-eyebrow { color:#FFFFFF; text-shadow:0 1px 5px #00000099; }
.page-banner:not(.typographic-banner) .breadcrumbs a:hover { color:#FFFFFF; }
.hero a:focus-visible,.hero button:focus-visible,.page-banner:not(.typographic-banner) a:focus-visible { outline-color:#FFFFFF; box-shadow:0 0 0 3px #274A65; }

/* Supplied vector identity; preserve its colours and proportions. */
.header .brand,.footer .brand { gap:0; }
.brand .brand-logo { display:block; width:238px; height:auto; max-width:100%; object-fit:contain; }
.footer .brand .brand-logo { width:232px; }
.brand:active { transform:scale(.98); }
.header::after { content:""; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:#A6D1E8; transform:scaleX(var(--reading-progress,0)); transform-origin:left; pointer-events:none; }
.section-index a[aria-current=location] { color:var(--navy); border-color:#729DB7; background:var(--sky-surface); }
.back-top { position:fixed; right:24px; bottom:24px; z-index:8; width:46px; height:46px; display:grid; place-items:center; border:1px solid #C7DFEC; border-radius:50%; color:var(--navy); background:#F7FBFE; cursor:pointer; box-shadow:0 3px 12px #17354B08; transition:background var(--ui-normal) var(--ui-ease),transform var(--ui-fast) var(--ui-ease),border-color var(--ui-fast) var(--ui-ease); }
.back-top:hover { background:var(--sky-surface); border-color:#8AB6D0; transform:translateY(-2px); }
.back-top:active { transform:scale(.95); }
.image-viewer>.viewer-status { text-align:center; padding:22px 8px; font-size:15px; }
.image-viewer>.viewer-retry { position:static; width:auto; height:auto; min-height:44px; font-size:14px; margin:0 auto 12px; display:flex; }
.image-viewer[data-state=loading] figure { min-width:min(65vw,650px); min-height:180px; }
.image-viewer[data-state=loading] .viewer-status::before { content:""; display:inline-block; width:12px; height:12px; margin-right:10px; border:2px solid #CBE5F3; border-top-color:#547B94; border-radius:50%; animation:viewer-spin 700ms linear infinite; }
@keyframes viewer-spin { to { transform:rotate(360deg); } }
@media(max-width:680px) {
 .brand .brand-logo { width:205px; }
 .back-top { right:16px; bottom:max(16px,env(safe-area-inset-bottom)); width:44px; height:44px; }
}
@media(prefers-reduced-motion:reduce) {
 .back-top:hover,.back-top:active,.brand:active { transform:none; }
}

/* Gold emblem / Grandview Energy: a restrained finish on the existing light skin. */
.header .brand,.footer .brand { display:inline-flex; align-items:center; gap:13px; }
.brand .brand-emblem { width:58px; height:58px; flex:none; object-fit:contain; }
.brand .brand-wordmark { display:grid; gap:8px; color:#17354B; }
.brand-wordmark strong { font:650 21px/1 Manrope,sans-serif; letter-spacing:.025em; }
.brand-wordmark>span { font:600 9px/1 Manrope,sans-serif; letter-spacing:.43em; }
.footer .brand .brand-emblem { width:54px; height:54px; }
.footer .brand-wordmark strong { font-size:19px; }
.typographic-banner::before { opacity:.035; }
.nav>a:last-child { border-color:#C2D8E5; }
.button { letter-spacing:0; }
.button:hover { box-shadow:0 3px 10px #17354B08; }
.button:focus-visible { outline-offset:5px; }
.company-business-grid .card,.project-card,.reference-card { border-color:#E0EAF0; }
.text-link { text-underline-offset:5px; }
.section-index a { border-radius:3px; }
.form-panel:focus-within { border-color:#B0CDDF; }
.form-panel input::placeholder,.form-panel textarea::placeholder { color:#71818D; opacity:1; }
.form-panel textarea { font-family:inherit; resize:vertical; }
.form-panel [role=status]:not(:empty) { padding:12px 14px; background:#F1F7FB; border-left:2px solid #A4CDE4; border-radius:0 6px 6px 0; }
.form-panel[data-state=error] [role=status]:not(:empty) { background:#FCF7F5; border-left-color:#B96F65; }
.image-viewer { border:1px solid #E0EBF2; }
@media(hover:hover) and (pointer:fine) {
 .reference-card>a:hover h3,.card>a:hover h3 { color:#2C607F; transition:color var(--ui-normal) var(--ui-ease); }
 .button:not(:disabled):hover { transform:translateY(-1px); }
 .button:not(:disabled):active { transform:translateY(1px) scale(.985); }
}
@media(max-width:680px) {
 .header .brand { gap:9px; }
 .brand .brand-emblem { width:46px; height:46px; }
 .brand-wordmark strong { font-size:18px; }
 .brand-wordmark>span { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) {
 .button:not(:disabled):hover,.button:not(:disabled):active { transform:none; }
}

/* Canadian project record replaces the small-installation homepage promotion. */
.canadian-feature { background:#F7FAFC; }
.canadian-grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:clamp(32px,7vw,100px); }
.canadian-copy h2 { color:var(--navy); font:600 clamp(32px,3.8vw,53px)/1.12 Manrope,sans-serif; letter-spacing:-.045em; margin:18px 0 24px; }
.canadian-copy>p:not(.eyebrow) { max-width:540px; font-size:18px; line-height:1.75; }
.canadian-copy>.text-link { margin-top:30px; }
.canadian-secondary { display:block; width:fit-content; margin-top:24px; color:#547086; font-size:13px; text-decoration:underline; text-underline-offset:5px; }
.project-brief { border:1px solid #DCE9F1; background:white; padding:36px; border-radius:8px; }
.brief-top { display:flex; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid var(--rule); color:#58798E; font:600 10px/1.6 Manrope,sans-serif; letter-spacing:.1em; }
.bio-symbol { display:block; color:#8BAFC4; margin:24px 0 12px; }
.project-brief h3 { font:550 31px/1.2 Manrope,sans-serif; letter-spacing:-.04em; color:var(--navy); margin-bottom:28px; }
.project-brief dl { margin:0; }
.project-brief dl>div { display:flex; justify-content:space-between; gap:22px; padding:12px 0; border-top:1px solid var(--rule); }
.project-brief dt { font-size:12px; color:#617789; }
.project-brief dd { margin:0; text-align:right; font-size:14px; color:var(--navy); max-width:60%; }
.brief-foot { font-size:12px; color:#617789; line-height:1.7; margin-top:20px; }
.call-timeline { list-style:none; padding:0; margin:0; }
.call-timeline li { display:grid; grid-template-columns:160px 1fr; gap:26px; padding:18px 0; border-bottom:1px solid var(--rule); font-size:16px; }
.call-timeline time { color:var(--navy); font-weight:600; }
.participant-register { margin-top:25px; }
.participant-register .spec-table-wrap { margin-top:24px; }
.participant-table { min-width:1000px; font-size:14px; }
.participant-table th { width:auto; min-width:140px; }
.participant-table th:nth-child(2) { min-width:220px; }
.participant-table .enrich-row>* { background:#E8F3FA; color:var(--navy); }
.commercial-solar-page .reference-image img { aspect-ratio:2; }
@media(max-width:780px) {
 .canadian-grid { grid-template-columns:1fr; gap:32px; }
 .project-brief { padding:26px; }
 .canadian-copy h2 { font-size:36px; }
 .call-timeline li { grid-template-columns:1fr; gap:5px; }
}

/* Home page: five core business divisions */
.company-business-grid.five { grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.company-business-grid.five .card-body { padding:22px 18px; }
.company-business-grid.five h3 { font-size:18px; }
.company-business-grid.five p { font-size:14px; }
@media(max-width:1100px) { .company-business-grid.five { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:820px) { .company-business-grid.five { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) { .company-business-grid.five { grid-template-columns:1fr; } .company-business-grid.five .card-body { padding:24px; } .company-business-grid.five h3 { font-size:22px; } }

/* Home page: business model value chain and strategic vision */
.vision-grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:60px; align-items:start; }
.vision-grid h2 { color:var(--navy); font:650 clamp(32px,3.5vw,50px)/1.14 Manrope,sans-serif; letter-spacing:-.05em; margin:14px 0 0; }
.vision-grid p:not(.eyebrow) { font-size:17px; line-height:1.75; margin:0 0 18px; }
@media(max-width:820px) { .vision-grid { grid-template-columns:1fr; gap:24px; } }
@media(max-width:680px) { .vision-grid h2 { font-size:35px; } }
.model-head { max-width:760px; margin-bottom:56px; }
.model-head h2 { color:var(--navy); font:650 clamp(32px,3.5vw,50px)/1.14 Manrope,sans-serif; letter-spacing:-.05em; margin:14px 0 20px; }
.model-head p:not(.eyebrow) { font-size:17px; line-height:1.75; margin:0; }
.value-chain { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.value-chain li { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:18px; padding:0 10px; }
.value-chain li::before { content:""; position:absolute; top:26px; left:50%; width:100%; height:2px; background:var(--sky); z-index:0; }
.value-chain li:last-child::before { display:none; }
.value-chain li span { position:relative; z-index:1; display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#FFFFFF; border:2px solid var(--blue); color:var(--navy); font:650 15px/1 Manrope,sans-serif; }
.value-chain li strong { font:650 18px/1.3 Manrope,sans-serif; color:var(--navy); }
@media(max-width:680px) {
 .model-head { margin-bottom:36px; }
 .model-head h2 { font-size:35px; }
 .value-chain { grid-template-columns:1fr; gap:22px; }
 .value-chain li { flex-direction:row; text-align:left; gap:18px; padding:0; }
 .value-chain li::before { top:48px; left:23px; width:2px; height:22px; }
 .value-chain li span { flex:none; width:48px; height:48px; }
}

/* Home page: four project cards in Global Projects */
.card-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:1100px) { .card-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) { .card-grid.four { grid-template-columns:1fr; } }

/* Home hero: darken the background video so the headline stays readable */
.hero::after { display:block; content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(10,24,36,.78) 0%,rgba(10,24,36,.6) 50%,rgba(10,24,36,.42) 100%),linear-gradient(0deg,rgba(10,24,36,.45),transparent 55%); }