.ptx-page{background:#072d2d;color:#fff}.ptx-journey{height:650svh;position:relative}.ptx-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:#072d2d}.ptx-images,.ptx-overlay{position:absolute;inset:0}.ptx-image{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transform-origin:65% 50%}.ptx-image.active{opacity:1;visibility:visible}.ptx-overlay{background:linear-gradient(90deg,#031f27e8 0%,#062f35a6 53%,#082e3560),linear-gradient(0deg,#03272af5,transparent 65%)}.ptx-content{position:absolute;inset:0 6%}.ptx-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding-bottom:130px;opacity:0;visibility:hidden;transform:translate3d(0,24px,0);transition:opacity .5s,transform .7s,visibility .5s;pointer-events:none}.ptx-panel.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.ptx-eyebrow{font-size:13px;line-height:1.5;letter-spacing:2px;text-transform:uppercase;color:#b9edb5;margin-bottom:24px}.ptx-panel h1,.ptx-panel h2{font-size:clamp(42px,4.5vw,76px);line-height:1.06;letter-spacing:-2.8px;max-width:57%;font-weight:500}.ptx-panel h1 em,.ptx-panel h2 em{display:block;color:#b9edb5;margin-top:6px}.ptx-panel p{font-size:18px;line-height:1.65;color:#e0ece8;max-width:47%;margin-top:25px}.ptx-formula{position:absolute;right:0;top:30%;width:41%;text-align:center;font-size:clamp(58px,7.6vw,132px);line-height:1;letter-spacing:-5px;font-weight:600;text-shadow:0 6px 45px #002c2a80}.ptx-formula span{color:#b9edb5}.ptx-formula sub{font-size:.55em;vertical-align:baseline;position:relative;bottom:-.14em}.ptx-formula small{display:block;font-size:.32em;color:#b9edb5;margin:12px}.ptx-panel:first-child .ptx-formula{font-size:clamp(60px,8vw,140px);line-height:.96}.ptx-panel:last-child .ptx-formula{font-size:clamp(40px,5.5vw,86px);line-height:1.1}.ptx-process{position:absolute;left:6%;right:6%;bottom:139px;display:flex;align-items:center;gap:23px;max-width:930px;color:#d0e1dd;opacity:.65;transition:opacity .5s}.process-input{font-size:14px;max-width:160px;line-height:1.5}.process-line{height:1px;flex:1;max-width:180px;background:#ffffff40;overflow:hidden}.process-line i{display:block;background:#b9edb5;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--ptx-flow,0))}.process-hydrogen{font-size:38px;letter-spacing:-1px;transition:color .4s}.process-branches{display:flex;gap:35px;border-left:1px solid #ffffff45;padding-left:24px}.process-branches>div{display:grid;grid-template-columns:auto auto;gap:5px 15px;align-items:center}.process-branches span{font-size:13px;color:#aec7c0}.process-branches b{font-size:25px;font-weight:500}.process-branches small{font-size:12px;grid-column:2}.ptx-stage[data-stage="2"] .process-hydrogen,.ptx-stage[data-stage="3"] .process-branches b{color:#b9edb5}.ptx-stage[data-stage="2"] .ptx-process,.ptx-stage[data-stage="3"] .ptx-process{opacity:1}.ptx-bottom{position:absolute;left:6%;right:6%;bottom:28px}.ptx-note{display:block;font-size:10px;letter-spacing:1.5px;color:#b7cbc5;margin-bottom:18px}.ptx-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;max-width:none}.ptx-nav a{border-top:1px solid #ffffff40;padding-top:14px;font-size:14px;display:flex;align-items:center;gap:12px;opacity:.65;transition:opacity .3s,color .3s}.ptx-nav a span{font-size:11px}.ptx-nav a[aria-current]{border-color:#b9edb5;color:#b9edb5;opacity:1}.ptx-progress{position:absolute;bottom:0;width:100%;height:3px;background:#ffffff15}.ptx-progress i{display:block;width:100%;height:100%;background:#b9edb5;transform:scaleX(0);transform-origin:left}.ptx-anchor{position:absolute}.ptx-section{padding:115px 8%;}.ptx-section h2{font-size:clamp(40px,5.3vw,80px);line-height:1.08;letter-spacing:-2.5px;white-space:pre-line}.ptx-section p{font-size:18px;line-height:1.8;color:#c3d8d2}.ptx-intro{background:#0a3939;display:grid;grid-template-columns:1.2fr 1fr;gap:25px 8%;align-items:end}.ptx-intro>.ptx-eyebrow{grid-column:1/-1}.ptx-values{background:#072d2d;display:grid;grid-template-columns:1fr 2fr;gap:20px 8%;}.ptx-values>.ptx-eyebrow{padding-top:12px}.value-words{display:flex;flex-direction:column;gap:6px}.value-words span{font-size:clamp(32px,5.3vw,78px);letter-spacing:-2px;line-height:1.14;color:#b9edb5;opacity:.4;transition:opacity .65s,transform .65s;transform:translateY(14px)}.value-words span.in-view{opacity:1;transform:none}.ptx-values>p{grid-column:2;margin-top:15px}.ptx-projects{background:#eff5f2;color:#163e3c}.ptx-projects .ptx-eyebrow{color:#397268}.ptx-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px}.ptx-project-grid article{padding-top:23px;border-top:1px solid #8bac9f}.project-top{display:flex;justify-content:space-between;font-size:13px;letter-spacing:1px;color:#50796e;margin-bottom:36px}.ptx-project-grid h3{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0 0 9px}.fuel-name{font-size:16px;color:#477f70}.ptx-capacity{font-size:clamp(65px,6vw,94px);letter-spacing:-5px;margin:34px 0 24px;line-height:1}.ptx-capacity small{display:block;font-size:14px;letter-spacing:0;margin-top:12px}.ptx-project-grid p{color:#48655c;font-size:16px;line-height:1.7}.ptx-section .ptx-footnote{font-size:13px;color:#627b71;margin-top:42px}.ptx-response{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#0a3939}.ptx-response h2{font-size:clamp(37px,3.5vw,56px);margin-bottom:27px}.ptx-response p{font-size:17px}.ptx-close{text-align:center;padding-block:140px;background:radial-gradient(ellipse at center bottom,#236458,#082e30 75%)}.ptx-close h2{max-width:1050px;margin:auto;font-size:clamp(40px,5vw,76px)}.ptx-cta{display:inline-block;margin-top:42px;padding:17px 25px;border:1px solid #9ecaaf;border-radius:32px;color:#ddf3e0;font-size:16px}.ptx-cta:hover{background:#b9edb5;color:#123c36}.ptx-page footer{margin-top:0}
@media(min-width:761px) and (max-height:800px){.ptx-panel{padding-top:70px;padding-bottom:175px}.ptx-panel h1,.ptx-panel h2{font-size:clamp(37px,4vw,60px)}.ptx-panel p{font-size:16px;margin-top:18px}.ptx-eyebrow{margin-bottom:17px}.ptx-process{bottom:123px}.ptx-formula{top:29%}.ptx-bottom{bottom:22px}}
@media(max-width:760px){.ptx-journey{height:600svh}.ptx-stage{min-height:700px}.ptx-content{inset:0 6%}.ptx-panel{justify-content:flex-start;padding-top:155px;padding-bottom:0}.ptx-panel h1,.ptx-panel h2{font-size:clamp(34px,8.1vw,52px);letter-spacing:-1.6px;max-width:100%;line-height:1.08}.ptx-panel p{max-width:100%;font-size:16px;line-height:1.6;margin-top:17px}.ptx-eyebrow{font-size:11px;margin-bottom:16px;letter-spacing:1.5px}.ptx-formula,.ptx-panel:first-child .ptx-formula,.ptx-panel:last-child .ptx-formula{position:relative;width:100%;right:auto;top:auto;font-size:60px;line-height:1;letter-spacing:-2px;text-align:left;margin-top:28px}.ptx-formula br{display:none}.ptx-formula small{display:inline;font-size:24px;margin:0 12px}.ptx-panel:last-child .ptx-formula{font-size:42px}.ptx-process{bottom:119px;left:6%;right:6%;gap:12px}.process-input{font-size:11px;max-width:97px}.process-line{min-width:12px}.process-hydrogen{font-size:27px}.process-branches{gap:13px;padding-left:12px}.process-branches>div{display:flex;flex-direction:column;gap:3px;align-items:start}.process-branches b{font-size:18px}.process-branches small{font-size:9px}.process-branches span{font-size:10px}.ptx-bottom{bottom:25px}.ptx-note{font-size:8px;letter-spacing:.8px;margin-bottom:15px}.ptx-nav{gap:9px}.ptx-nav a{font-size:11px;flex-direction:column;align-items:start;gap:6px;padding-top:10px}.ptx-nav a span{font-size:10px}.ptx-section{padding:70px 6%}.ptx-section h2{font-size:42px;letter-spacing:-1.8px}.ptx-section p{font-size:16px}.ptx-intro,.ptx-values,.ptx-response{grid-template-columns:1fr;gap:26px}.ptx-values>p{grid-column:1}.value-words span{font-size:clamp(29px,8.2vw,50px);letter-spacing:-1.1px}.ptx-project-grid{grid-template-columns:1fr;margin-top:40px;gap:45px}.project-top{margin-bottom:23px}.ptx-capacity{font-size:76px;letter-spacing:-3px;margin-top:25px}.ptx-response{gap:55px}.ptx-close{padding-block:95px}.ptx-close h2{font-size:39px}.ptx-overlay{background:linear-gradient(0deg,#042d30fa,#062e36b8 40%,#062b33c9)}.ptx-formula{opacity:.86}}
@media(max-width:760px) and (max-height:750px){.ptx-panel{padding-top:143px}.ptx-panel h1,.ptx-panel h2{font-size:34px}.ptx-panel p{font-size:15px;line-height:1.5}.ptx-formula,.ptx-panel:first-child .ptx-formula{font-size:45px;margin-top:19px}.ptx-panel:last-child .ptx-formula{font-size:34px}.ptx-process{bottom:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ptx-panel,.value-words span{transition:none;transform:none}.ptx-image{transform:none!important}.scroll-icon:after{animation:none}}
@media(min-width:761px){.ptx-page .ptx-nav a{display:flex}}
.ptx-page .ptx-nav>a{display:flex}
@media(max-width:760px){.ptx-process{display:none}.ptx-formula{margin-top:26px}}
@media(max-width:760px) and (max-height:650px){.ptx-stage{min-height:620px}.ptx-panel{padding-top:139px}.ptx-panel h1,.ptx-panel h2{font-size:31px}.ptx-panel p{font-size:15px}.ptx-formula,.ptx-panel:first-child .ptx-formula,.ptx-panel:last-child .ptx-formula{font-size:33px;margin-top:17px}}
/* The Power-to-X journey is now the full-bleed opening of Green Fuel. */
.fuel-opening .ptx-stage{height:100svh;min-height:0;width:100%;border-radius:0}.fuel-opening .ptx-panel:first-child h1 em{display:inline}.fuel-opening .ptx-panel:first-child .explore{margin-top:22px;align-self:flex-start}.fuel-opening .ptx-stage:not([data-stage]) .ptx-process,.fuel-opening .ptx-stage[data-stage="0"] .ptx-process{visibility:hidden}.fuel-opening .ptx-panel:first-child{padding-top:90px;padding-bottom:130px}
@media(max-width:760px){.fuel-opening .ptx-panel:first-child{padding-top:145px;padding-bottom:0}.fuel-opening .ptx-panel:first-child .ptx-formula{font-size:38px;margin-top:20px}.fuel-opening .ptx-panel:first-child .explore{font-size:13px;margin-top:18px}.fuel-opening .ptx-panel:first-child .circle{width:34px;height:34px}}
@media(max-width:760px) and (max-height:740px){.fuel-opening .ptx-panel:first-child{padding-top:127px}.fuel-opening .ptx-panel:first-child .ptx-formula{font-size:30px;margin-top:14px}.fuel-opening .ptx-panel:first-child .explore{margin-top:14px}}
@media(max-width:960px) and (max-height:500px) and (orientation:landscape){.fuel-opening .ptx-stage{height:540px;min-height:540px}}