.green-energy-page :is(.visible){visibility:visible}.green-energy-page :is(.fixed){position:fixed}.green-energy-page :is(.absolute){position:absolute}.green-energy-page :is(.relative){position:relative}.green-energy-page :is(.inset-0){inset:0}.green-energy-page :is(.-bottom-10){bottom:-2.5rem}.green-energy-page :is(.-bottom-8){bottom:-2rem}.green-energy-page :is(.-left-8){left:-2rem}.green-energy-page :is(.-right-10){right:-2.5rem}.green-energy-page :is(.right-0){right:0}.green-energy-page :is(.top-0){top:0}.green-energy-page :is(.z-0){z-index:0}.green-energy-page :is(.z-10){z-index:10}.green-energy-page :is(.z-20){z-index:20}.green-energy-page :is(.z-50){z-index:50}.green-energy-page :is(.mx-auto){margin-left:auto;margin-right:auto}.green-energy-page :is(.mb-1){margin-bottom:.25rem}.green-energy-page :is(.mb-10){margin-bottom:2.5rem}.green-energy-page :is(.mb-12){margin-bottom:3rem}.green-energy-page :is(.mb-16){margin-bottom:4rem}.green-energy-page :is(.mb-2){margin-bottom:.5rem}.green-energy-page :is(.mb-3){margin-bottom:.75rem}.green-energy-page :is(.mb-4){margin-bottom:1rem}.green-energy-page :is(.mb-6){margin-bottom:1.5rem}.green-energy-page :is(.mb-8){margin-bottom:2rem}.green-energy-page :is(.mt-16){margin-top:4rem}.green-energy-page :is(.mt-4){margin-top:1rem}.green-energy-page :is(.mt-8){margin-top:2rem}.green-energy-page :is(.block){display:block}.green-energy-page :is(.inline-block){display:inline-block}.green-energy-page :is(.flex){display:flex}.green-energy-page :is(.grid){display:grid}.green-energy-page :is(.hidden){display:none}.green-energy-page :is(.aspect-\[4\/3\]){aspect-ratio:4/3}.green-energy-page :is(.aspect-\[4\/5\]){aspect-ratio:4/5}.green-energy-page :is(.h-10){height:2.5rem}.green-energy-page :is(.h-12){height:3rem}.green-energy-page :is(.h-20){height:5rem}.green-energy-page :is(.h-24){height:6rem}.green-energy-page :is(.h-\[2px\]){height:2px}.green-energy-page :is(.h-full){height:100%}.green-energy-page :is(.h-px){height:1px}.green-energy-page :is(.min-h-\[921px\]){min-height:921px}.green-energy-page :is(.w-10){width:2.5rem}.green-energy-page :is(.w-12){width:3rem}.green-energy-page :is(.w-24){width:6rem}.green-energy-page :is(.w-fit){width:-moz-fit-content;width:fit-content}.green-energy-page :is(.w-full){width:100%}.green-energy-page :is(.max-w-2xl){max-width:42rem}.green-energy-page :is(.max-w-3xl){max-width:48rem}.green-energy-page :is(.max-w-\[240px\]){max-width:240px}.green-energy-page :is(.max-w-container-max){max-width:1280px}.green-energy-page :is(.max-w-md){max-width:28rem}.green-energy-page :is(.shrink-0){flex-shrink:0}.green-energy-page :is(.flex-grow){flex-grow:1}.green-energy-page :is(.transform){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.green-energy-page :is(.cursor-pointer){cursor:pointer}.green-energy-page :is(.grid-cols-1){grid-template-columns:repeat(1,minmax(0,1fr))}.green-energy-page :is(.flex-col){flex-direction:column}.green-energy-page :is(.flex-wrap){flex-wrap:wrap}.green-energy-page :is(.items-start){align-items:flex-start}.green-energy-page :is(.items-end){align-items:flex-end}.green-energy-page :is(.items-center){align-items:center}.green-energy-page :is(.justify-end){justify-content:flex-end}.green-energy-page :is(.justify-center){justify-content:center}.green-energy-page :is(.justify-between){justify-content:space-between}.green-energy-page :is(.gap-12){gap:3rem}.green-energy-page :is(.gap-16){gap:4rem}.green-energy-page :is(.gap-2){gap:.5rem}.green-energy-page :is(.gap-3){gap:.75rem}.green-energy-page :is(.gap-4){gap:1rem}.green-energy-page :is(.gap-6){gap:1.5rem}.green-energy-page :is(.gap-8){gap:2rem}.green-energy-page :is(.gap-gutter){gap:24px}.green-energy-page :is(.space-y-20>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(5rem*var(--tw-space-y-reverse))}.green-energy-page :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.green-energy-page :is(.overflow-hidden){overflow:hidden}.green-energy-page :is(.scroll-smooth){scroll-behavior:smooth}.green-energy-page :is(.rounded){border-radius:.125rem}.green-energy-page :is(.rounded-2xl){border-radius:1rem}.green-energy-page :is(.rounded-3xl){border-radius:1.5rem}.green-energy-page :is(.rounded-\[40px\]){border-radius:40px}.green-energy-page :is(.rounded-full){border-radius:.75rem}.green-energy-page :is(.rounded-lg){border-radius:.25rem}.green-energy-page :is(.rounded-xl){border-radius:.5rem}.green-energy-page :is(.border){border-width:1px}.green-energy-page :is(.border-2){border-width:2px}.green-energy-page :is(.border-b){border-bottom-width:1px}.green-energy-page :is(.border-b-2){border-bottom-width:2px}.green-energy-page :is(.border-l){border-left-width:1px}.green-energy-page :is(.border-t){border-top-width:1px}.green-energy-page :is(.border-outline){--tw-border-opacity:1;border-color:rgb(112 121 116/var(--tw-border-opacity))}.green-energy-page :is(.border-outline-variant){--tw-border-opacity:1;border-color:rgb(191 201 195/var(--tw-border-opacity))}.green-energy-page :is(.border-outline-variant\/30){border-color:#bfc9c34d}.green-energy-page :is(.border-secondary){--tw-border-opacity:1;border-color:rgb(121 89 0/var(--tw-border-opacity))}.green-energy-page :is(.border-white\/10){border-color:#ffffff1a}.green-energy-page :is(.border-white\/20){border-color:#fff3}.green-energy-page :is(.border-white\/30){border-color:#ffffff4d}.green-energy-page :is(.bg-outline-variant\/30){background-color:#bfc9c34d}.green-energy-page :is(.bg-primary){--tw-bg-opacity:1;background-color:rgb(0 53 39/var(--tw-bg-opacity))}.green-energy-page :is(.bg-primary-container){--tw-bg-opacity:1;background-color:rgb(6 78 59/var(--tw-bg-opacity))}.green-energy-page :is(.bg-primary-fixed){--tw-bg-opacity:1;background-color:rgb(176 240 214/var(--tw-bg-opacity))}.green-energy-page :is(.bg-primary\/60){background-color:#00352799}.green-energy-page :is(.bg-secondary-container){--tw-bg-opacity:1;background-color:rgb(255 195 41/var(--tw-bg-opacity))}.green-energy-page :is(.bg-secondary-fixed){--tw-bg-opacity:1;background-color:rgb(255 223 159/var(--tw-bg-opacity))}.green-energy-page :is(.bg-secondary-fixed-dim){--tw-bg-opacity:1;background-color:rgb(249 189 34/var(--tw-bg-opacity))}.green-energy-page :is(.bg-surface){--tw-bg-opacity:1;background-color:rgb(248 249 255/var(--tw-bg-opacity))}.green-energy-page :is(.bg-surface-container){--tw-bg-opacity:1;background-color:rgb(230 238 255/var(--tw-bg-opacity))}.green-energy-page :is(.bg-surface-container-high){--tw-bg-opacity:1;background-color:rgb(222 233 252/var(--tw-bg-opacity))}.green-energy-page :is(.bg-surface-container-lowest){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.green-energy-page :is(.bg-surface\/80){background-color:#f8f9ffcc}.green-energy-page :is(.bg-white){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.green-energy-page :is(.bg-white\/20){background-color:#fff3}.green-energy-page :is(.bg-gradient-to-r){background-image:linear-gradient(to right,var(--tw-gradient-stops))}.green-energy-page :is(.bg-gradient-to-t){background-image:linear-gradient(to top,var(--tw-gradient-stops))}.green-energy-page :is(.from-primary\/80){--tw-gradient-from:#003527cc var(--tw-gradient-from-position);--tw-gradient-to:#00352700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.green-energy-page :is(.from-primary\/90){--tw-gradient-from:#003527e6 var(--tw-gradient-from-position);--tw-gradient-to:#00352700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.green-energy-page :is(.to-transparent){--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.green-energy-page :is(.object-cover){-o-object-fit:cover;object-fit:cover}.green-energy-page :is(.p-10){padding:2.5rem}.green-energy-page :is(.p-12){padding:3rem}.green-energy-page :is(.p-3){padding:.75rem}.green-energy-page :is(.p-4){padding:1rem}.green-energy-page :is(.p-6){padding:1.5rem}.green-energy-page :is(.p-8){padding:2rem}.green-energy-page :is(.px-3){padding-left:.75rem;padding-right:.75rem}.green-energy-page :is(.px-4){padding-left:1rem;padding-right:1rem}.green-energy-page :is(.px-6){padding-left:1.5rem;padding-right:1.5rem}.green-energy-page :is(.px-8){padding-left:2rem;padding-right:2rem}.green-energy-page :is(.px-margin-mobile){padding-left:20px;padding-right:20px}.green-energy-page :is(.py-1){padding-top:.25rem;padding-bottom:.25rem}.green-energy-page :is(.py-16){padding-top:4rem;padding-bottom:4rem}.green-energy-page :is(.py-2){padding-top:.5rem;padding-bottom:.5rem}.green-energy-page :is(.py-2\.5){padding-top:.625rem;padding-bottom:.625rem}.green-energy-page :is(.py-20){padding-top:5rem;padding-bottom:5rem}.green-energy-page :is(.py-24){padding-top:6rem;padding-bottom:6rem}.green-energy-page :is(.py-4){padding-top:1rem;padding-bottom:1rem}.green-energy-page :is(.pl-6){padding-left:1.5rem}.green-energy-page :is(.pt-20){padding-top:5rem}.green-energy-page :is(.pt-8){padding-top:2rem}.green-energy-page :is(.text-center){text-align:center}.green-energy-page :is(.text-right){text-align:right}.green-energy-page :is(.font-body-lg),.green-energy-page :is(.font-body-md){font-family:Inter,sans-serif}.green-energy-page :is(.font-display-lg),.green-energy-page :is(.font-display-lg-mobile),.green-energy-page :is(.font-headline-md),.green-energy-page :is(.font-headline-sm){font-family:Be Vietnam Pro,sans-serif}.green-energy-page :is(.font-label-md){font-family:Inter,sans-serif}.green-energy-page :is(.text-2xl){font-size:1.5rem;line-height:2rem}.green-energy-page :is(.text-4xl){font-size:2.25rem;line-height:2.5rem}.green-energy-page :is(.text-5xl){font-size:3rem;line-height:1}.green-energy-page :is(.text-6xl){font-size:3.75rem;line-height:1}.green-energy-page :is(.text-\[200px\]){font-size:200px}.green-energy-page :is(.text-body-lg){font-size:18px;line-height:28px;font-weight:400}.green-energy-page :is(.text-body-md){font-size:16px;line-height:24px;font-weight:400}.green-energy-page :is(.text-caption){font-size:12px;line-height:16px;font-weight:500}.green-energy-page :is(.text-display-lg){font-size:48px;line-height:60px;letter-spacing:-.02em;font-weight:700}.green-energy-page :is(.text-display-lg-mobile){font-size:32px;line-height:40px;letter-spacing:-.01em;font-weight:700}.green-energy-page :is(.text-headline-md){font-size:30px;line-height:38px;font-weight:600}.green-energy-page :is(.text-headline-sm){font-size:24px;line-height:32px;font-weight:600}.green-energy-page :is(.text-label-md){font-size:14px;line-height:20px;letter-spacing:.01em;font-weight:600}.green-energy-page :is(.text-lg){font-size:1.125rem;line-height:1.75rem}.green-energy-page :is(.text-sm){font-size:.875rem;line-height:1.25rem}.green-energy-page :is(.font-bold){font-weight:700}.green-energy-page :is(.uppercase){text-transform:uppercase}.green-energy-page :is(.leading-relaxed){line-height:1.625}.green-energy-page :is(.leading-tight){line-height:1.25}.green-energy-page :is(.tracking-tighter){letter-spacing:-.05em}.green-energy-page :is(.tracking-wider){letter-spacing:.05em}.green-energy-page :is(.tracking-widest){letter-spacing:.1em}.green-energy-page :is(.text-on-primary){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.green-energy-page :is(.text-on-primary-container){--tw-text-opacity:1;color:rgb(128 190 166/var(--tw-text-opacity))}.green-energy-page :is(.text-on-primary\/80){color:#fffc}.green-energy-page :is(.text-on-primary\/90){color:#ffffffe6}.green-energy-page :is(.text-on-secondary-container){--tw-text-opacity:1;color:rgb(111 81 0/var(--tw-text-opacity))}.green-energy-page :is(.text-on-secondary-fixed){--tw-text-opacity:1;color:rgb(38 26 0/var(--tw-text-opacity))}.green-energy-page :is(.text-on-surface){--tw-text-opacity:1;color:rgb(18 28 42/var(--tw-text-opacity))}.green-energy-page :is(.text-on-surface-variant){--tw-text-opacity:1;color:rgb(64 73 68/var(--tw-text-opacity))}.green-energy-page :is(.text-outline){--tw-text-opacity:1;color:rgb(112 121 116/var(--tw-text-opacity))}.green-energy-page :is(.text-primary){--tw-text-opacity:1;color:rgb(0 53 39/var(--tw-text-opacity))}.green-energy-page :is(.text-primary-container){--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity))}.green-energy-page :is(.text-primary\/20){color:#00352733}.green-energy-page :is(.text-secondary-fixed){--tw-text-opacity:1;color:rgb(255 223 159/var(--tw-text-opacity))}.green-energy-page :is(.text-secondary-fixed-dim){--tw-text-opacity:1;color:rgb(249 189 34/var(--tw-text-opacity))}.green-energy-page :is(.text-tertiary-fixed){--tw-text-opacity:1;color:rgb(133 248 196/var(--tw-text-opacity))}.green-energy-page :is(.text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.green-energy-page :is(.opacity-0){opacity:0}.green-energy-page :is(.opacity-10){opacity:.1}.green-energy-page :is(.opacity-40){opacity:.4}.green-energy-page :is(.opacity-60){opacity:.6}.green-energy-page :is(.opacity-80){opacity:.8}.green-energy-page :is(.opacity-90){opacity:.9}.green-energy-page :is(.shadow-2xl){--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.green-energy-page :is(.shadow-2xl),.green-energy-page :is(.shadow-lg){box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.green-energy-page :is(.shadow-lg){--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.green-energy-page :is(.shadow-xl){--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.green-energy-page :is(.outline){outline-style:solid}.green-energy-page :is(.blur){--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.green-energy-page :is(.backdrop-blur-\[2px\]){--tw-backdrop-blur:blur(2px)}.green-energy-page :is(.backdrop-blur-\[2px\]),.green-energy-page :is(.backdrop-blur-md){-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.green-energy-page :is(.backdrop-blur-md){--tw-backdrop-blur:blur(12px)}.green-energy-page :is(.backdrop-blur-sm){--tw-backdrop-blur:blur(4px)}.green-energy-page :is(.backdrop-blur-sm),.green-energy-page :is(.backdrop-filter){-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.green-energy-page :is(.transition){transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.green-energy-page :is(.transition-all){transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.green-energy-page :is(.transition-colors){transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.green-energy-page :is(.transition-opacity){transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.green-energy-page :is(.transition-transform){transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.green-energy-page :is(.duration-300){transition-duration:.3s}.green-energy-page :is(.duration-500){transition-duration:.5s}.green-energy-page :is(.duration-700){transition-duration:.7s}.green-energy-page .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.green-energy-page .glass-panel{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff4d}.green-energy-page .project-card:hover .project-overlay{opacity:1;transform:translateY(0)}.green-energy-page .reveal-on-scroll{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.green-energy-page .reveal-on-scroll.visible{opacity:1;transform:translateY(0)}.green-energy-page :is(.selection\:bg-secondary-fixed *)::-moz-selection{--tw-bg-opacity:1;background-color:rgb(255 223 159/var(--tw-bg-opacity))}.green-energy-page :is(.selection\:bg-secondary-fixed *)::selection{--tw-bg-opacity:1;background-color:rgb(255 223 159/var(--tw-bg-opacity))}.green-energy-page :is(.selection\:text-on-secondary-fixed *)::-moz-selection{--tw-text-opacity:1;color:rgb(38 26 0/var(--tw-text-opacity))}.green-energy-page :is(.selection\:text-on-secondary-fixed *)::selection{--tw-text-opacity:1;color:rgb(38 26 0/var(--tw-text-opacity))}.green-energy-page :is(.selection\:bg-secondary-fixed)::-moz-selection{--tw-bg-opacity:1;background-color:rgb(255 223 159/var(--tw-bg-opacity))}.green-energy-page :is(.selection\:bg-secondary-fixed)::selection{--tw-bg-opacity:1;background-color:rgb(255 223 159/var(--tw-bg-opacity))}.green-energy-page :is(.selection\:text-on-secondary-fixed)::-moz-selection{--tw-text-opacity:1;color:rgb(38 26 0/var(--tw-text-opacity))}.green-energy-page :is(.selection\:text-on-secondary-fixed)::selection{--tw-text-opacity:1;color:rgb(38 26 0/var(--tw-text-opacity))}.green-energy-page :is(.hover\:scale-105:hover){--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.green-energy-page :is(.hover\:border-primary-container:hover){--tw-border-opacity:1;border-color:rgb(6 78 59/var(--tw-border-opacity))}.green-energy-page :is(.hover\:bg-primary:hover){--tw-bg-opacity:1;background-color:rgb(0 53 39/var(--tw-bg-opacity))}.green-energy-page :is(.hover\:bg-primary-container:hover){--tw-bg-opacity:1;background-color:rgb(6 78 59/var(--tw-bg-opacity))}.green-energy-page :is(.hover\:bg-secondary:hover){--tw-bg-opacity:1;background-color:rgb(121 89 0/var(--tw-bg-opacity))}.green-energy-page :is(.hover\:bg-secondary-fixed:hover){--tw-bg-opacity:1;background-color:rgb(255 223 159/var(--tw-bg-opacity))}.green-energy-page :is(.hover\:bg-surface-container-highest:hover){--tw-bg-opacity:1;background-color:rgb(217 227 246/var(--tw-bg-opacity))}.green-energy-page :is(.hover\:bg-white\/10:hover){background-color:#ffffff1a}.green-energy-page :is(.hover\:text-primary:hover){--tw-text-opacity:1;color:rgb(0 53 39/var(--tw-text-opacity))}.green-energy-page :is(.hover\:text-secondary:hover){--tw-text-opacity:1;color:rgb(121 89 0/var(--tw-text-opacity))}.green-energy-page :is(.hover\:text-secondary-fixed-dim:hover){--tw-text-opacity:1;color:rgb(249 189 34/var(--tw-text-opacity))}.green-energy-page :is(.hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.green-energy-page :is(.focus\:border-primary-container:focus){--tw-border-opacity:1;border-color:rgb(6 78 59/var(--tw-border-opacity))}.green-energy-page :is(.focus\:ring-0:focus){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.green-energy-page :is(.active\:opacity-80:active){opacity:.8}.green-energy-page :is(.group:hover .group-hover\:rotate-12){--tw-rotate:12deg}.green-energy-page :is(.group:hover .group-hover\:rotate-12),.green-energy-page :is(.group:hover .group-hover\:scale-110){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.green-energy-page :is(.group:hover .group-hover\:scale-110){--tw-scale-x:1.1;--tw-scale-y:1.1}.green-energy-page :is(.group:hover .group-hover\:opacity-100){opacity:1}@media (min-width:768px){.green-energy-page :is(.md\:col-span-2){grid-column:span 2/span 2}.green-energy-page :is(.md\:flex){display:flex}.green-energy-page :is(.md\:hidden){display:none}.green-energy-page :is(.md\:grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}.green-energy-page :is(.md\:grid-cols-3){grid-template-columns:repeat(3,minmax(0,1fr))}.green-energy-page :is(.md\:grid-cols-4){grid-template-columns:repeat(4,minmax(0,1fr))}.green-energy-page :is(.md\:flex-row){flex-direction:row}.green-energy-page :is(.md\:p-20){padding:5rem}.green-energy-page :is(.md\:px-margin-desktop){padding-left:64px;padding-right:64px}.green-energy-page :is(.md\:text-display-lg){font-size:48px;line-height:60px;letter-spacing:-.02em;font-weight:700}}@media (min-width:1024px){.green-energy-page :is(.lg\:grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}.green-energy-page :is(.lg\:grid-cols-4){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.green-energy-page :is(.dark\:bg-surface\/80){background-color:#f8f9ffcc}}
.project-section-nav {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .project-section-nav {
        position: static;
        transform: none;
        justify-content: center;
        margin-top: 24px;
    }
}

/* Artistic Image Grid for Sector Pages */
.green-energy-page .artistic-image-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
    height: 480px;
}

.green-energy-page .artistic-img {
    border-radius: var(--radius-lg, 1rem);
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
    overflow: hidden;
    transition: transform var(--transition-normal, 0.3s ease);
}

.green-energy-page .artistic-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.green-energy-page .artistic-img:hover {
    transform: translateY(-8px) scale(1.02);
    z-index: 10;
}

.green-energy-page .artistic-img-1 {
    grid-column: 1 / 8;
    grid-row: 1 / 10;
    z-index: 1;
}

.green-energy-page .artistic-img-2 {
    grid-column: 7 / 13;
    grid-row: 3 / 8;
    z-index: 2;
    border: 4px solid var(--surface, #ffffff);
}

.green-energy-page .artistic-img-3 {
    grid-column: 3 / 9;
    grid-row: 7 / 13;
    z-index: 3;
    border: 4px solid var(--surface, #ffffff);
}

@media (max-width: 1024px) {
    .green-energy-page .artistic-image-grid {
        height: 380px;
    }
}

@media (max-width: 767px) {
    .green-energy-page .artistic-image-grid {
        display: grid;
        height: 280px;
        gap: 10px;
        margin-top: 1rem;
    }
    .green-energy-page .artistic-img-2 {
        border-width: 2px;
    }
    .green-energy-page .artistic-img-3 {
        border-width: 2px;
    }
}

.green-energy-page .intro-stat-box {
    position: absolute;
    bottom: -1.5rem;
    left: -1.5rem;
    z-index: 10;
}
@media (max-width: 767px) {
    .green-energy-page .intro-stat-box {
        left: 0;
        bottom: -1rem;
        padding: 1rem 1.25rem;
        max-width: 180px;
    }
}