/* Accordion selectors were mapped to core Accordion classes.
   Captured from https://clearseas.org/hydrogene-et-transport-maritime/ so the migrated post keeps this microsite's global styles. */
/* global-styles */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #034ea1;--wp--preset--color--secondary: #077ab8;--wp--preset--color--accent: #0aaece;--wp--preset--color--gainsboro: #f5f5f5;--wp--preset--color--silver: #9c9c9c;--wp--preset--color--grey: #808080;--wp--preset--color--gunmetal: #555555;--wp--preset--color--charcoal: #272727;--wp--preset--color--jet: #1b1b1b;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: clamp(0.95rem, 0.95rem + ((1vw - 0.2rem) * 0.279), 1.1rem);--wp--preset--font-size--medium: clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.465), 1.35rem);--wp--preset--font-size--large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.465), 2rem);--wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.975), 42px);--wp--preset--font-size--tiny: clamp(.7rem, 0.7rem + ((1vw - 0.2rem) * 0.279), .85rem);--wp--preset--font-size--emphasis: clamp(1.3rem, 1.3rem + ((1vw - 0.2rem) * 0.558), 1.6rem);--wp--preset--font-size--extra-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 0.93), 3rem);--wp--preset--font-size--huge: clamp(2.75rem, 2.75rem + ((1vw - 0.2rem) * 1.395), 3.5rem);--wp--preset--font-family--avenir-lt-std: "Avenir LT Std";--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--spacing--tiny: clamp(0.25rem, 1vw, 0.5rem);--wp--preset--spacing--small: clamp(.5rem, 2.5vw, 1rem);--wp--preset--spacing--medium: clamp(1rem, 3.5vw, 2rem);--wp--preset--spacing--large: clamp(1.5rem, 4.5vw, 3rem);--wp--preset--spacing--extra-large: clamp(3.5rem, 6vw, 4.5rem);--wp--preset--spacing--huge: clamp(5.25rem, 7.5vw, 6.25rem);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--custom--font-weight--black: 900;--wp--custom--font-weight--bold: 700;--wp--custom--font-weight--light: 300;--wp--custom--font-weight--normal: 400;--wp--custom--line-height--loose: 2;--wp--custom--line-height--none: 1;--wp--custom--line-height--normal: 1.5;--wp--custom--line-height--relaxed: 1.625;--wp--custom--line-height--snug: 1.2;--wp--custom--line-height--tight: 1.1;}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1180px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: var(--wp--preset--spacing--small); margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: var(--wp--preset--spacing--small); }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: var(--wp--preset--spacing--small);margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: var(--wp--preset--spacing--small);margin-block-end: 0;}:root :where(.is-layout-flex){gap: var(--wp--preset--spacing--small);}:root :where(.is-layout-grid){gap: var(--wp--preset--spacing--small);}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--white);color: var(--wp--preset--color--jet);font-family: var(--wp--preset--font-family--avenir-lt-std);font-size: var(--wp--preset--font-size--medium);font-style: normal;font-weight: 300;line-height: var(--wp--custom--line-height--normal);--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--wp--preset--spacing--medium);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--wp--preset--spacing--medium);}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--secondary);text-decoration: underline;}:root :where(a:where(:not(.wp-element-button)):hover){color: var(--wp--preset--color--secondary);text-decoration: none;}:root :where(a:where(:not(.wp-element-button)):focus){color: var(--wp--preset--color--secondary);}:root :where(a:where(:not(.wp-element-button)):active){color: var(--wp--preset--color--secondary);}h1, h2, h3, h4, h5, h6{font-family: var(--wp--preset--font-family--avenir-lt-std);font-style: normal;font-weight: 300;line-height: var(--wp--custom--line-height--normal);}h1{font-size: var(--wp--preset--font-size--extra-large);font-style: normal;font-weight: 500;letter-spacing: 1px;line-height: var(--wp--custom--line-height--snug);text-transform: uppercase;}h2{font-size: var(--wp--preset--font-size--large);text-transform: uppercase;}h3{font-size: var(--wp--preset--font-size--medium);}h4{font-size: var(--wp--preset--font-size--medium);}h5{font-size: var(--wp--preset--font-size--medium);}h6{font-size: var(--wp--preset--font-size--small);}:root :where(.wp-element-button, .wp-block-button__link){background-color: #ffffff00;border-radius: 35px;border-color: var(--wp--preset--color--primary);border-width: 2px;border-style: solid;color: #fff;font-family: inherit;font-size: var(--wp--preset--font-size--small);font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: var(--wp--preset--spacing--tiny);padding-right: var(--wp--preset--spacing--small);padding-bottom: var(--wp--preset--spacing--tiny);padding-left: var(--wp--preset--spacing--small);text-decoration: none;text-transform: inherit;}:root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption){color: var(--wp--preset--color--secondary);}cite{color: var(--wp--preset--color--secondary);}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-gainsboro-color{color: var(--wp--preset--color--gainsboro) !important;}.has-silver-color{color: var(--wp--preset--color--silver) !important;}.has-grey-color{color: var(--wp--preset--color--grey) !important;}.has-gunmetal-color{color: var(--wp--preset--color--gunmetal) !important;}.has-charcoal-color{color: var(--wp--preset--color--charcoal) !important;}.has-jet-color{color: var(--wp--preset--color--jet) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-gainsboro-background-color{background-color: var(--wp--preset--color--gainsboro) !important;}.has-silver-background-color{background-color: var(--wp--preset--color--silver) !important;}.has-grey-background-color{background-color: var(--wp--preset--color--grey) !important;}.has-gunmetal-background-color{background-color: var(--wp--preset--color--gunmetal) !important;}.has-charcoal-background-color{background-color: var(--wp--preset--color--charcoal) !important;}.has-jet-background-color{background-color: var(--wp--preset--color--jet) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-gainsboro-border-color{border-color: var(--wp--preset--color--gainsboro) !important;}.has-silver-border-color{border-color: var(--wp--preset--color--silver) !important;}.has-grey-border-color{border-color: var(--wp--preset--color--grey) !important;}.has-gunmetal-border-color{border-color: var(--wp--preset--color--gunmetal) !important;}.has-charcoal-border-color{border-color: var(--wp--preset--color--charcoal) !important;}.has-jet-border-color{border-color: var(--wp--preset--color--jet) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-tiny-font-size{font-size: var(--wp--preset--font-size--tiny) !important;}.has-emphasis-font-size{font-size: var(--wp--preset--font-size--emphasis) !important;}.has-extra-large-font-size{font-size: var(--wp--preset--font-size--extra-large) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;}.has-avenir-lt-std-font-family{font-family: var(--wp--preset--font-family--avenir-lt-std) !important;}
.wp-site-blocks{
overflow: hidden;
}

.entry-content >.wp-block-group{
position: relative;
}

.cover-bottom::after{
  background-image: url('/wp-content/uploads/microsites/38/2025/06/molecules-overlay-1.png') !important;
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: 9;
}

.cover-bottom{
overflow: visible;
}

.is-style-full-overlay, .is-style-bottom-overlay{
  padding-bottom: 15vw !important;
}
.is-style-full-overlay::after, .is-style-bottom-overlay::after{
  background-image: url('/wp-content/uploads/microsites/32/2025/03/left-medium.png') !important;
  height: 10vw !important;
  max-height: 250px !important;
  background-position: center top !important;
}
.is-style-full-overlay, .is-style-bottom-overlay{
  padding-bottom: 15vw !important;
}
.is-style-full-overlay.bottom-med::after, .is-style-bottom-overlay.bottom-med::after{
  background-image: url('/wp-content/uploads/microsites/32/2025/03/right-map.png') !important;
}
.is-style-full-overlay.bottom-dark::after, .is-style-bottom-overlay.bottom-dark::after{
  background-image: url('/wp-content/uploads/microsites/32/2025/03/right-dark.png') !important;
}

.wp-block-accordion-item.is-open .wp-block-accordion-panel {
  height: auto;
  max-height: 2400px;
  transition: all .5s ease;
}

.accordion-fuels .image-left-col{
padding: 15px 0px;
display: flex;
align-items: center;
}

.accordion-fuels .image-left-col img{
margin-right: 25px;
  display: block;
  width: auto;
  height: 100%;
width: 156px;
}

.accordion-fuels .wp-block-accordion-item .wp-block-accordion-panel hr{
border-color: #fff;
}

.accordion-fuels .wp-block-accordion-item .wp-block-accordion-panel{
font-size: 1.1rem;
}

.hotspot-tooltip{
background: #01B0CF !important;
}

.hotspot-tooltip strong{
border-top: 1px solid #fff;
padding-top: 10px;
display: block;
font-size: 1.4rem !important;
}

.hydrogen-parallax { position: absolute; z-index: 1;  pointer-events: none; transition: transform 0.1s ease-out; }
.hydrogen-parallax img { display: block; width: 100%; height: auto; }
.h2-small { width: 80px; } .h2-medium { width: 140px; } .h2-large { width: 200px; } .h2-very-small { width: 80px; }
@keyframes float-1 { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-3px) rotate(0.5deg); } }
@keyframes float-2 { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-5px) rotate(-1deg); } }
@keyframes float-3 { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-4px) rotate(1deg); } }
.float-1 { animation: float-1 6s ease-in-out infinite; } .float-2 { animation: float-2 8s ease-in-out infinite; } .float-3 { animation: float-3 7s ease-in-out infinite; }
.delay-1 { animation-delay: -2s; } .delay-2 { animation-delay: -4s; } .delay-3 { animation-delay: -1s; }

@media(max-width: 1200px){
.hydrogen-parallax{
display: none !important;
}
}


#fuels-from-hydrogen::before{
position: absolute;
content: '';
display: block;
width: 100%;
height: 300px;
pointer-events: none;
background-image: url('/wp-content/uploads/microsites/38/2025/06/fuels-hydrogen-top-1.png');
bottom: 100%;
left: 0;
right: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}


#fuel-properties::before{
position: absolute;
content: '';
display: block;
width: 100%;
height: 300px;
pointer-events: none;
background-image: url('/wp-content/uploads/microsites/38/2025/06/fuel-production-top.png');
bottom: 100%;
left: 0;
right: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#hydrogen-fuel-production::before{
position: absolute;
content: '';
display: block;
width: 100%;
height: 300px;
pointer-events: none;
background-image: url('/wp-content/uploads/microsites/38/2025/06/hydrogen-fuel-production-top.png');
bottom: 100%;
left: 0;
right: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#hydrogen-based-fuels::before{
position: absolute;
content: '';
display: block;
width: 100%;
height: 300px;
pointer-events: none;
background-image: url('/wp-content/uploads/microsites/38/2025/06/hydrogen-fuel-top.png');
bottom: 100%;
left: 0;
right: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#hydrogen-based-fuels::after{
content: '';
position: absolute;
z-index: 1;
pointer-events: none;
display: block;
left: -15%;
top: 20%;
    width: 35vw;
    height: 70vh;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, transparent 70%);
}


#standards-regulations::before{
position: absolute;
content: '';
display: block;
width: 100%;
height: 300px;
pointer-events: none;
background-image: url('/wp-content/uploads/microsites/38/2025/06/standards-top-1.png');
bottom: 100%;
left: 0;
right: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#challenges::before{
position: absolute;
content: '';
display: block;
width: 100%;
height: 300px;
pointer-events: none;
background-image: url('/wp-content/uploads/microsites/38/2025/06/challenges-top.png');
bottom: 100%;
left: 0;
right: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#challenges::after{
content: '';
position: absolute;
z-index: 1;
pointer-events: none;
display: block;
right: -15%;
top: 20%;
    width: 35vw;
    height: 70vh;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, transparent 70%);
}


#initiatives-underway::before{
position: absolute;
content: '';
display: block;
width: 100%;
height: 300px;
pointer-events: none;
background-image: url('/wp-content/uploads/microsites/38/2025/06/initiatives-top-1.png');
bottom: 100%;
left: 0;
right: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;
}

#initiatives-underway .wp-block-accordion hr.is-style-dashed{
margin-top: 40px;
  margin-bottom: 40px;
}

#conclusion::after{
content: '';
position: absolute;
z-index: 1;
pointer-events: none;
display: block;
left: -15%;
top: 5%;
    width: 35vw;
    height: 70vh;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, transparent 70%);
}




.fuel-table-container {
        max-width: 1280px;
        width: 100%;
        overflow-x: auto;
        margin: 20px 0;
    }

    .fuel-table {
        width: 100%;
        border-collapse: collapse;
        background: white;
    }

    .fuel-table th {
        background: #01B0CF;
        color: #fff;
        padding: 15px;
        text-align: center;
        font-weight: 600;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        border: 1px solid #01B0CF;
        border-right: 1px solid #fff;
    }

    .fuel-table th:last-of-type {
        border-right: 1px solid #01B0CF;
    }

    .fuel-table td {
        padding: 24px 15px;
        text-align: center;
        vertical-align: middle;
        background: white;
        border: 1px solid #e5e5e5;
    }

    .fuel-name {
        font-weight: 600;
        font-size: 16px;
    }

    /* Row-specific text colors matching the image */
    .fuel-table tr:nth-child(1) .fuel-name {
        color: #01B0CF;
    }

    /* Hydrogen */
    .fuel-table tr:nth-child(1) .formula {
        color: #01B0CF;
    }

    .fuel-table tr:nth-child(1) .state-badge {
        color: #01B0CF;
    }

    .fuel-table tr:nth-child(1) .temperature {
        color: #01B0CF;
    }

    .fuel-table tr:nth-child(2) .fuel-name {
        color: #79D188;
    }

    /* Ammonia */
    .fuel-table tr:nth-child(2) .formula {
        color: #79D188;
    }

    .fuel-table tr:nth-child(2) .state-badge {
        color: #79D188;
    }

    .fuel-table tr:nth-child(2) .temperature {
        color: #79D188;
    }

    .fuel-table tr:nth-child(3) .fuel-name {
        color: #BD87E8;
    }

    /* Methane */
    .fuel-table tr:nth-child(3) .formula {
        color: #BD87E8;
    }

    .fuel-table tr:nth-child(3) .state-badge {
        color: #BD87E8;
    }

    .fuel-table tr:nth-child(3) .temperature {
        color: #BD87E8;
    }

    .fuel-table tr:nth-child(4) .fuel-name {
        color: #00509F;
    }

    /* Methanol */
    .fuel-table tr:nth-child(4) .formula {
        color: #00509F;
    }

    .fuel-table tr:nth-child(4) .state-badge {
        color: #00509F;
    }

    .fuel-table tr:nth-child(4) .temperature {
        color: #00509F;
    }

    .formula {
        font-family: 'Arial', sans-serif;
        font-size: 14px;
    }

    .energy-bar-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .energy-bar {
        width: 180px;
        height: 40px;
        background: #f0f0f0;
        overflow: hidden;
        position: relative;
        border-radius: 3px;
        border: 1px solid #D5D5D5;
    }

    .energy-fill {
        height: 100%;
        transition: width 1.2s ease-out;
        width: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .energy-fill.animate.hydrogen {
        width: 14%;
    }

    .energy-fill.animate.ammonia {
        width: 28%;
    }

    .energy-fill.animate.methane {
        width: 36%;
    }

    .energy-fill.animate.methanol {
        width: 39%;
    }

    .energy-fill.hydrogen {
        background: #01B0CF;
    }

    .energy-fill.ammonia {
        background: #79D188;
    }

    .energy-fill.methane {
        background: #BD87E8;
    }

    .energy-fill.methanol {
        background: #00509F;
    }

    .energy-bar.hydrogen {
        color: #01B0CF;
    }

    .energy-bar.ammonia {
        color: #79D188;
    }

    .energy-bar.methane {
        color: #BD87E8;
    }

    .energy-bar.methanol {
        color: #00509F;
    }

    .energy-icon {
        position: absolute;
        left: auto;
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
        height: 26px;
        opacity: 0;
        transition: opacity 0.3s ease 1.2s;
        /* Delay to show after bar fills */
    }

    .energy-fill.animate .energy-icon {
        opacity: 1;
    }

    .energy-percentage {
        font-weight: 600;
        font-size: 16px;
        min-width: 30px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 7px;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .state-badge {
        font-size: 14px;
        font-weight: normal;
    }

    .temperature {
        font-weight: 600;
    }

    /* Animation trigger class */
    .animate-on-scroll {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .animate-on-scroll.in-view {
        opacity: 1;
        transform: translateY(0);
    }




.bounded-sticky-img {
    position: absolute;
    right: 0px;
    width: 20vw;
    max-width: 400px;
    max-height: 900px;
    height: 70vh;
    z-index: 1000;
    opacity: 1;
    transition: all 0.6s;
    pointer-events: none;
}
.bounded-sticky-img.visible {
    opacity: 1;
}
@media (max-width: 1080px) {
    .bounded-sticky-img {
        display: none !important;
    }
}
:root :where(.wp-block-button .wp-block-button__link){background-color: var(--wp--preset--color--white);border-radius: 50px;border-top-width: 2px;border-top-style: solid;border-right-width: 2px;border-right-style: solid;border-bottom-width: 2px;border-bottom-style: solid;border-left-width: 2px;border-left-style: solid;color: var(--wp--preset--color--primary);}
:root :where(.wp-block-post-content){margin-top: 0;margin-bottom: 0;}
/*# sourceURL=global-styles-inline-css */