/* HZ Group: a clearer, calmer investment experience. */
body{font-size:16px;line-height:1.7}header,header.scrolled{height:88px;transition:box-shadow .25s;background:#fffffff5;backdrop-filter:blur(18px);border-bottom:1px solid #12324a0b}header{padding-inline:32px}nav{gap:8px;align-items:center}nav a,.nav-projects>summary{font-size:13px;padding:11px 12px;border-radius:8px;transition:background .2s,color .2s}nav a:after{display:none}nav a.active,.nav-projects>summary.active{background:var(--pale);color:var(--blue)}nav a:hover,.nav-projects>summary:hover{background:var(--pale);color:var(--blue)}.header-tools{gap:12px}.icon-button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.icon-button:hover{background:var(--pale)}.button{font-size:14px;min-height:54px;border-radius:10px;padding:13px 18px 13px 24px;gap:26px;box-shadow:0 5px 16px #0f4e8814;transition:background .2s,box-shadow .2s,transform .2s}.button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff20;font-size:20px;transition:transform .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0f4e8824}.button:hover>span{transform:rotate(45deg)}.button.compact{font-size:12px;min-height:46px;padding:9px 12px 9px 17px;gap:14px}.button.green{background:var(--green)}.button.green>span{background:#12324a12}.text-button{font-size:14px;padding:10px 0;gap:20px}.text-button>span{width:30px;height:30px;background:#1772b80c;display:grid;place-items:center;border-radius:50%}.text-button.white>span{background:#ffffff16}.eyebrow{font-size:12px;letter-spacing:1.7px}.hero-desc{font-size:17px}.hero-bottom{font-size:11px}h2{font-size:44px}.intro{font-size:15px;line-height:1.8;max-width:420px}.content-note{font-size:12px}.section{padding-block:96px}
.projects-menu,.project-submenu{border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 16px 50px #12324a1c;animation:none}.projects-menu{top:calc(100% + 12px);left:-8px;min-width:220px}.projects-menu:before{content:'';position:absolute;left:0;right:0;top:-16px;height:16px}.nav-branch>summary{border-radius:8px;font-size:14px;padding:12px}.project-submenu{top:-9px;margin-left:8px;min-width:270px}.project-submenu:before{content:'';position:absolute;left:-12px;top:0;bottom:0;width:12px}.project-submenu button{font-size:13px;padding:12px;border-radius:7px}.project-submenu button:after{content:'↗';margin-left:auto;color:var(--blue)}.project-submenu small{font-size:10px}.language-dropdown>summary{font-size:13px;padding:10px;border-radius:9px;background:var(--pale)}.language-menu{width:116px;padding:7px;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px #12324a20;animation:none;top:calc(100% + 12px)}.language-menu button{font-size:13px;padding:10px 8px;border:0;border-radius:7px;gap:10px}.language-menu button:hover,.language-menu button[aria-pressed=true]{background:var(--pale)}.language-menu strong{font-size:13px;width:auto}.language-menu i{margin-left:auto;font-size:12px}.language-dropdown>summary img,.language-menu img{width:21px;height:14px;border-radius:2px}
.trust-leads{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trust-lead{position:relative;border-radius:18px;padding:35px 38px;background:var(--pale);overflow:hidden}.trust-investment{background:var(--deep);color:white}.trust-tag{font-size:12px;letter-spacing:1.5px;font-weight:800;color:var(--blue)}.trust-investment .trust-tag{color:#b9dd93}.trust-lead>div{display:flex;align-items:baseline;gap:10px;margin:23px 0 20px}.trust-lead strong{font-size:84px;line-height:1.05;font-weight:500;color:var(--blue);letter-spacing:-5px}.trust-lead sup{font-size:35px;color:var(--green);align-self:flex-start;line-height:1}.trust-lead>div>span{font-size:18px}.trust-investment strong{color:white}.trust-lead h3{font-size:24px}.trust-lead p{font-size:15px;max-width:390px;margin:12px 0 0;color:var(--text)}.trust-investment p{color:#c7dfef}.trust-line{position:absolute;right:-30px;top:45px;width:150px;height:150px;border:1px solid #1772b820;border-radius:50%;box-shadow:0 0 0 28px #1772b808,0 0 0 56px #1772b805;pointer-events:none}.trust-investment .trust-line{border-color:#ffffff22;box-shadow:0 0 0 28px #ffffff08,0 0 0 56px #ffffff05}.trust-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;gap:28px}.trust-metrics article{padding:12px 0;border-top:1px solid var(--line)}.trust-metrics strong{font-size:42px;font-weight:500;letter-spacing:-1.8px;color:var(--blue)}.trust-metrics strong span{font-size:22px;margin-left:5px;color:var(--green)}.trust-metrics h3{font-size:16px;margin:8px 0 5px;letter-spacing:0}.trust-metrics p{font-size:13px;color:var(--text);margin:0}
.ecosystem-layout{gap:48px;align-items:stretch}.ecosystem-visual{min-height:540px;border-radius:16px;isolation:isolate}.ecosystem-visual img,.project-photo img{position:absolute;inset:0;width:100%;height:100%;transition:transform .5s ease}.image-outgoing{pointer-events:none;z-index:0}.ecosystem-visual:after{z-index:1}.ecosystem-visual>div{z-index:2}.ecosystem-visual>small{z-index:3}.ecosystem-visual:hover img,.project-photo:hover img{transform:none}.ecosystem-row{min-height:108px;padding:20px 12px;grid-template-columns:30px 1fr 26px;gap:14px;border-radius:0;transition:background .2s,color .2s}.ecosystem-row:hover,.ecosystem-row.active{padding:20px 12px;background:#e9f1f6}.ecosystem-row strong{font-size:20px}.ecosystem-row p,.ecosystem-row.active p{display:block;font-size:13px;line-height:1.65;margin:7px 0 0}.ecosystem-row>span:first-child{font-size:12px}.ecosystem-row>span:last-child{font-size:25px}.ecosystem-visual>div p{font-size:26px}.ecosystem-visual>div span{font-size:12px}
#projects .intro{font-size:15px;max-width:350px}#projects .project-right{margin-top:0}#projects .project-photo{border-radius:12px;isolation:isolate}#projects .project-tabs{gap:10px}#projects .project-tab{width:48px;height:44px;font-size:13px;border-radius:8px}#projects h3{font-size:31px}#projects .project-area strong{font-size:64px}#projects .project-info .eyebrow{font-size:12px}#projects .project-area p{font-size:13px}#projects .project-image-credit,#projects .map-legend,#projects .project-note{font-size:11px}#projects .project-topics{gap:8px;flex-wrap:wrap}#projects .project-topics button{font-size:12px;padding:8px 12px;border-radius:7px}#projects .project-detail-button{font-size:14px;padding:17px 20px;border-radius:10px;background:#ffffff08}#projects .project-detail-button:hover{background:#ffffff14;transform:translateY(-1px)}#projects .project-detail-button span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#7fc34320}#projects .marker i{transition:background .2s,box-shadow .2s}#projects .map-callout text{font-size:17px}#projects .map-callout .province-label{font-size:11px}
.advantages{background:white;color:var(--ink)}.advantages .eyebrow{color:var(--blue)}.advantages .intro{color:var(--text)}.advantage-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.advantage-card{padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--neutral);transition:border-color .2s,box-shadow .2s}.advantage-card:hover{border-color:#1772b85c;box-shadow:0 8px 26px #12324a08}.advantage-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.advantage-card-top svg{width:44px;height:44px;stroke:var(--blue);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;padding:9px;background:#1772b80b;border-radius:10px}.advantage-card-top span{font-size:12px;letter-spacing:1px;color:#8197a6}.advantage-card h3{font-size:21px;line-height:1.45;letter-spacing:-.4px}.advantage-card p{font-size:14px;color:var(--text);line-height:1.8;margin:12px 0 0}.advantage-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:30px}.advantage-footer p{font-size:15px;color:var(--text);margin:0;max-width:550px}.news-tabs{gap:25px}.news-tabs button{font-size:14px}.news-card h3{font-size:21px}.news-card p{font-size:14px}.news-card .text-button{font-size:13px}.news-meta{font-size:11px}.news-image{border-radius:12px}.footer-grid h4{font-size:14px}.footer-grid p,.footer-grid>div>a:not(.brand),.office,.footer-grid .text-button{font-size:13px}.office small{font-size:12px}.footer-bottom,.footer-bottom button{font-size:11px}.footer-note{font-size:11px!important}.content-dialog p{font-size:15px}form label{font-size:14px}.search-result small,.dialog-data span{font-size:13px}dialog{border-radius:16px}.image-note,.ecosystem-visual>small{font-size:10px}
.reveal{opacity:1;transform:none;transition:none}.reveal.visible{animation:section-enter .5s ease both}.ecosystem-layout,.project-explorer{animation:none}.fade-image{opacity:1!important}@keyframes section-enter{from{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-image{animation:none}.hero .actions,h1,.hero-desc{animation-duration:.6s;animation-delay:0s}.language-notice{font-size:14px}
@media(max-width:1200px){header{padding-inline:22px}nav{gap:2px}nav a,.nav-projects>summary{font-size:12px;padding:10px 8px}.header-tools{gap:8px}.button.compact{font-size:11px;gap:8px;padding-left:13px}.trust-lead{padding:30px}.ecosystem-row strong{font-size:18px}#projects .project-explorer{gap:40px}.advantage-card{padding:24px}}
@media(max-width:1100px){nav{display:none}.menu-button{display:block}.header-tools .compact{display:none}.mobile-nav{display:flex;position:fixed;top:88px;left:0;right:0;bottom:0;flex-direction:column;background:#fff;padding:24px;gap:5px;z-index:29;overflow:auto}.mobile-nav a,.nav-projects>summary{padding:15px;font-size:18px}.mobile-nav .nav-projects>summary{justify-content:space-between}.projects-menu,.project-submenu{position:static;box-shadow:none;min-width:0;margin:0;border:0;background:var(--neutral);padding:6px 10px;animation:none}.projects-menu:before,.project-submenu:before{display:none}.nav-branch>summary{font-size:16px}.nav-branch>summary span{transform:rotate(90deg)}.project-submenu button{font-size:14px}.trust-metrics{gap:20px}.trust-metrics strong{font-size:35px}}
@media(max-width:760px){header,header.scrolled{height:76px;padding-inline:20px}.mobile-nav{top:76px}.wrap{width:calc(100% - 40px)}.section{padding-block:64px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}h2,#projects h2{font-size:33px;line-height:1.35}.eyebrow{font-size:11px}.intro,#projects .intro{font-size:15px;max-width:100%}.hero{height:650px}.hero-content{padding-top:100px}h1{font-size:43px;letter-spacing:-1.7px}.hero-desc{font-size:15px}.hero .actions{gap:20px;align-items:flex-start;flex-direction:column}.button{font-size:14px;min-height:52px}.trust-leads{grid-template-columns:1fr;gap:16px}.trust-lead{padding:28px}.trust-lead strong{font-size:74px}.trust-lead h3{font-size:22px}.trust-lead p{font-size:14px}.trust-metrics{grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.trust-metrics strong{font-size:34px}.trust-metrics h3{font-size:15px}.trust-metrics p{font-size:12px}.ecosystem-layout{grid-template-columns:1fr;gap:22px}.ecosystem-visual{height:340px;min-height:0}.ecosystem-visual>div{left:24px;bottom:28px}.ecosystem-visual>div p{font-size:23px}.ecosystem-row{min-height:106px}.ecosystem-row strong{font-size:18px}.ecosystem-row p{font-size:13px}#projects .section-heading{align-items:flex-start}#projects .project-area strong{font-size:60px}#projects .project-info{padding:0}#projects .project-explorer{gap:28px}#projects .project-note,#projects .map-legend{font-size:11px}#projects .project-topics button{font-size:12px}.advantage-cards{grid-template-columns:1fr;gap:14px}.advantage-card{padding:26px}.advantage-card-top{margin-bottom:18px}.advantage-card h3{font-size:21px}.advantage-card p{font-size:15px}.advantage-footer{flex-direction:column;align-items:flex-start;gap:20px}.news-card,.news-card:first-child{display:block;padding-bottom:24px}.news-image,.news-card:first-child .news-image{height:220px}.news-meta{margin-top:16px;font-size:11px}.news-card h3{font-size:21px}.news-card p{font-size:14px}.final-cta h2{font-size:35px}.footer-grid{gap:28px}.language-menu{right:0}.content-dialog p{font-size:15px}.header-tools{gap:7px}.brand>span{font-size:21px}.brand b{font-size:15px}.brand img{width:36px;height:36px}}
/* A filtered header would become the containing block of the fixed mobile menu. */
@media(max-width:760px){.intro br{display:initial}#projects .map-callout text{font-size:21px}#projects .map-callout .province-label{font-size:13px}}
@media(max-width:1100px){header,header.scrolled{backdrop-filter:none;background:#fff}.mobile-nav{animation:none;align-items:stretch}.mobile-nav a{border-radius:8px}.mobile-nav .nav-projects{width:100%}}
@media(prefers-reduced-motion:reduce){.reveal.visible{animation:none!important}.hero-image{transform:none!important}html{scroll-behavior:auto!important}}
