@charset "UTF-8";
:root{--ink:#1a3d44;--muted:#526c72;--blue:#335c64;--light:#f0f2f2;--line:#d5dddf;--white:#fff;--green:#f68222;--orange:#f68222}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--white);color:var(--ink);font-family:"Ubuntu","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}figure{margin:0}p{font-size:17px;line-height:1.8;margin:0 0 20px}h1,h2{font-weight:500;letter-spacing:-.055em;margin:0;line-height:1.08}h1{font-size:clamp(44px,5.7vw,82px)}h2{font-size:clamp(34px,4vw,54px);margin-bottom:28px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:9px;align-items:center;font-size:28px;font-weight:750;letter-spacing:-1px}.logo svg{color:var(--blue)}.logo-dot{color:var(--blue);margin-left:-8px}.header nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.nav-button{border:1px solid var(--line);padding:13px 20px;border-radius:5px}.nav-button span{margin-left:20px}.hero-copy{padding:65px 0 54px;position:relative}.intro{font-size:14px;display:flex;align-items:center;gap:9px;margin-bottom:22px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.lead{max-width:490px;margin-top:28px;color:var(--muted);font-size:18px;line-height:1.7}.button{position:absolute;right:0;bottom:65px;display:flex;gap:50px;align-items:center;background:var(--blue);color:white;padding:19px 24px;border-radius:5px;font-size:14px;font-weight:600}.button:hover{background:#1a3d44}.hero-image{position:relative;border-radius:9px;overflow:hidden;background:#d4e8ef}.hero-image img{aspect-ratio:2.65;object-fit:cover}.hero-image figcaption{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;color:white;font-size:13px;text-shadow:0 1px 6px #163443}.hero-bottom{display:flex;justify-content:space-between;padding-top:16px;font-size:12px;color:var(--muted)}.section{padding-top:112px;padding-bottom:100px}.section-label{font-size:14px;color:var(--blue);font-weight:600;margin-bottom:28px}.about{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid var(--line)}.about>div{max-width:700px}.about p:not(.section-label){max-width:640px;color:var(--muted)}.location{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.detail-image img{border-radius:8px}.detail-image figcaption,.future figcaption{font-size:11px;color:var(--muted);margin-top:12px}.location-copy p:not(.section-label){color:var(--muted)}.place{display:flex;gap:17px;align-items:center;border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.pin{font-size:32px;color:var(--blue)}.place strong,.place div span{display:block;font-size:14px}.place div span{margin-top:6px;color:var(--muted)}.future{background:var(--light);padding:85px 0}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.future p:not(.section-label){color:var(--muted);max-width:480px}.future img{border-radius:8px}.closing{display:flex;justify-content:space-between;align-items:center;padding-top:80px;padding-bottom:80px}.closing p{font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;line-height:1.3;margin:0}.closing a{border:1px solid var(--line);border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:24px}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.footer-logo{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-1px}a:focus-visible{outline:3px solid #f68222;outline-offset:6px}.skip{position:absolute;left:20px;top:-70px;background:white;padding:12px;z-index:10}.skip:focus{top:15px}
@media(min-width:1450px){.hero-copy{padding-top:75px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header{height:90px}.header nav{gap:20px}.hero-copy{padding-top:40px}.button{position:static;width:max-content;margin-top:25px}.hero-image img{aspect-ratio:2}.location,.future-grid{gap:35px}.section{padding-block:75px}.about{grid-template-columns:1fr 2fr}.location h2,.future h2{font-size:36px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{height:80px}.logo{font-size:23px}.logo svg{width:23px}.header nav{gap:16px;font-size:12px}.header nav>a:nth-child(2){display:none}.nav-button{padding:10px}.nav-button span{display:none}.hero-copy{padding:35px 0}.intro{font-size:12px}h1{font-size:43px}.lead{font-size:16px;margin-top:22px}.hero-image img{aspect-ratio:1.35}.hero-image figcaption{left:16px;right:16px;bottom:18px;font-size:10px}.hero-bottom{gap:20px;font-size:10px}.about,.location,.future-grid{grid-template-columns:1fr}.section{padding-block:60px}.section-label{margin-bottom:20px}.about h2{font-size:36px}p{font-size:16px}.location{gap:30px}.future{padding-block:55px}.future-grid{gap:25px}.closing{padding-block:50px}.closing p{font-size:26px}footer{flex-wrap:wrap;gap:20px}footer span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Brand assets and colors extracted from Pres_SAVEGAS_GP_SK_251020.pptx. */
.header{border-bottom:3px solid var(--blue)}
.logo{display:block;width:174px;flex-shrink:0}.logo img{width:100%;height:auto}
.hero-copy{isolation:isolate}.hero-copy h1,.hero-copy .intro,.hero-copy .lead,.hero-copy .button{position:relative;z-index:1}.hero-copy .button{position:absolute}
.brand-symbol{position:absolute;right:40px;top:32px;width:285px;height:285px;object-fit:contain;z-index:0}
.status-dot{border-radius:0;width:10px;height:6px}
.button{border-radius:0;background:var(--blue);border-bottom:4px solid var(--orange)}
.nav-button{border-radius:0;border-color:var(--blue)}
.hero-image,.detail-image img,.future img{border-radius:0}
.section-label{color:var(--blue)}
.section-label:before{content:"";display:inline-block;width:16px;height:5px;margin-right:12px;vertical-align:middle;background:var(--orange)}
.future{border-top:5px solid var(--blue)}
.footer-logo{display:block;width:120px}.footer-logo img{width:100%;height:auto}
footer{border-top:3px solid var(--blue)}
@media(max-width:1100px){.brand-symbol{width:210px;height:210px;right:25px;top:60px}}
@media(max-width:900px){.hero-copy .button{position:relative;bottom:auto;right:auto}.brand-symbol{right:0;top:30px;width:170px;height:170px}}
@media(max-width:600px){.logo{width:128px}.brand-symbol{display:none}.hero-copy h1{font-size:42px}.header nav{gap:12px}}

.language-link{font-size:12px;border-left:1px solid var(--line);padding-left:16px;letter-spacing:.04em}
@media(max-width:600px){.header nav .language-link{padding-left:10px}.header nav{gap:10px}.header .nav-button{padding:10px 8px}}

@media(max-width:420px){.header nav>a:first-child{display:none}}
/* Gas production presentation imagery. */
.hero-image.project-visual{background:#f5f7f7;border:1px solid var(--line);padding:25px 35px 18px}
.hero-image.project-visual img{height:390px;aspect-ratio:auto;object-fit:contain}
.hero-image.project-visual figcaption{position:static;color:var(--muted);text-shadow:none;font-size:12px;display:block;margin-top:12px}
.project-visual img{object-fit:contain;background:white}
.detail-image.project-visual{padding:20px;border:1px solid var(--line)}
.detail-image.project-visual img{height:340px}
.future .project-visual{padding:20px;background:white;border:1px solid var(--line)}
.future .project-visual img{height:auto}
.facts{padding-top:45px;padding-bottom:0}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.fact-grid>div{border-left:3px solid var(--orange);padding-left:24px}.fact-grid strong{display:block;font-size:48px;line-height:1.1;font-weight:500;letter-spacing:-.04em}.fact-grid span{display:block;font-size:14px;margin-top:12px;color:var(--muted)}.fact-note{font-size:12px;max-width:800px;color:var(--muted);margin:30px 0 0;line-height:1.7}
.ccs-note{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding-top:65px;padding-bottom:30px}.ccs-note h2{font-size:28px;letter-spacing:-.03em}.ccs-note p:not(.section-label){font-size:15px;color:var(--muted);margin:0;max-width:680px}.ccs-note .section-label{font-size:12px;margin-bottom:15px}.closing{border-top:1px solid var(--line);margin-top:35px}
@media(max-width:900px){.hero-image.project-visual img{height:330px}.detail-image.project-visual img{height:260px}.fact-grid{gap:20px}.fact-grid strong{font-size:40px}.fact-grid>div{padding-left:16px}}
@media(max-width:600px){.hero-image.project-visual{padding:15px}.hero-image.project-visual img{height:240px}.hero-image.project-visual figcaption{font-size:10px}.fact-grid{grid-template-columns:1fr;gap:25px}.fact-grid strong{font-size:38px}.facts{padding-top:35px}.fact-grid span{margin-top:6px}.ccs-note{grid-template-columns:1fr;gap:5px;padding-top:45px;padding-bottom:15px}.ccs-note h2{margin-bottom:15px}.detail-image.project-visual img{height:250px}.hero-bottom{flex-wrap:wrap;gap:8px}}
/* Shared navigation and secondary pages. */
.header nav a[aria-current="page"]{color:var(--blue);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:9px;text-decoration-thickness:3px}
.site-footer nav{display:flex;gap:28px}.site-footer nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.inner-page{padding-bottom:90px;min-height:70vh}.page-intro{padding:75px 0 65px;max-width:1000px}.page-lead{color:var(--muted);max-width:650px;font-size:19px;line-height:1.7;margin-top:30px}.timeline{padding:0;margin:0;list-style:none;max-width:1040px}.timeline li{display:grid;grid-template-columns:220px 1fr;gap:45px;border-top:1px solid var(--line);padding:36px 0 40px}.timeline-year{font-size:24px;color:var(--blue);font-weight:500}.timeline h2{font-size:29px;letter-spacing:-.035em;margin:0 0 16px;line-height:1.2}.timeline p{color:var(--muted);margin:0;max-width:720px}.text-link{display:inline-flex;gap:28px;align-items:center;color:var(--blue);font-size:15px;font-weight:600;line-height:1.5}.page-return{margin-top:24px}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;border-top:1px solid var(--line);padding:45px 0}.contact-person h2{font-size:42px;margin-bottom:20px}.contact-person>p:last-child{color:var(--muted)}.contact-details{margin:0}.contact-details>div{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.contact-details dt{font-size:13px;color:var(--muted);margin-bottom:12px}.contact-details dd{margin:0;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.025em}.contact-details dd a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:5px}.contact-hint{font-size:13px;color:var(--muted)}.contact-project{background:var(--light);padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-top:25px}.contact-project img{height:auto}.contact-project h2{font-size:35px}.contact-project p{color:var(--muted);font-size:15px}.ccs-note{padding-top:75px;padding-bottom:35px;gap:70px}.ccs-note .ccs-copy p{margin:0 0 20px;font-size:15px}.carbonnet-brand{display:block;margin-top:28px;max-width:255px;background:#193b44;padding:18px 25px}.carbonnet-brand img{width:100%;height:145px;object-fit:contain}.ccs-note .carbonnet-caption{font-size:12px!important;max-width:255px;margin-top:12px!important;line-height:1.6}
@media(max-width:900px){.header nav{gap:24px}.timeline li{grid-template-columns:155px 1fr;gap:25px}.contact-grid{gap:35px}.ccs-note{gap:35px}.page-intro{padding-top:55px}}
@media(max-width:600px){.header{height:auto;min-height:115px;flex-wrap:wrap;gap:20px;padding-top:18px;padding-bottom:20px}.header .logo{width:142px}.header nav{flex-basis:100%;justify-content:space-between;gap:10px;font-size:13px}.header nav>a:first-child,.header nav>a:nth-child(2){display:block}.header .language-link{font-size:12px}.inner-page{padding-bottom:55px}.page-intro{padding:42px 0 30px}.page-intro h1{font-size:40px;line-height:1.12}.page-lead{font-size:17px;margin-top:25px}.timeline li{grid-template-columns:1fr;gap:17px;padding:28px 0}.timeline-year{font-size:21px}.timeline h2{font-size:25px}.contact-grid{grid-template-columns:1fr;gap:20px;padding-top:30px;padding-bottom:10px}.contact-person h2{font-size:34px}.contact-details dd{font-size:23px;overflow-wrap:anywhere}.contact-project{grid-template-columns:1fr;gap:25px;padding:20px}.contact-project img{height:auto}.contact-project h2{font-size:30px}.ccs-note{gap:25px;padding-top:50px}.carbonnet-brand{max-width:230px}.site-footer{gap:25px}.site-footer nav{gap:20px}.site-footer .footer-logo{width:95px}}

/* Match CarbonNet's background across the whole CCS section. */
.ccs-band{background:radial-gradient(circle at 15% 20%,rgba(26,155,142,.15) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(212,174,52,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(44,74,110,.2) 0%,transparent 50%),linear-gradient(135deg,#4a5568 0%,#2d3748 50%,#4a5568 100%);color:#f7f9ff}
.ccs-band .ccs-note{padding-top:65px;padding-bottom:65px}
.ccs-band .section-label,.ccs-band .text-link{color:#f7f9ff}
.ccs-band .ccs-copy p,.ccs-band .carbonnet-caption{color:#e2e8ef}
.ccs-band .carbonnet-brand{background:transparent;padding:0}
.ccs-band .carbonnet-brand img{height:170px;object-position:left center}
@media(max-width:600px){.ccs-band .ccs-note{padding-top:45px;padding-bottom:45px}}

.ccs-band .ccs-note .carbonnet-caption{color:#e2e8ef}

.footer-contact{display:flex;flex-direction:column;gap:2px}