@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--bg:#071719;--surface:#0d2426;--ink:#f1f7f5;--muted:#a9bcbc;--aqua:#5ce4ca;--border:#ffffff20;--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--aqua);outline-offset:6px}img{max-width:100%;display:block}p{margin:0 0 22px;color:var(--muted)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0 0 26px}h1{font-size:clamp(48px,5.7vw,87px);max-width:1100px}h2{font-size:clamp(38px,4.2vw,63px)}h3{font-size:27px;letter-spacing:-.03em}em{font-style:normal;color:var(--aqua)}.wrap{width:min(var(--wrap),calc(100% - 112px));margin:auto}.section{padding-top:112px;padding-bottom:112px}.eyebrow{font-size:13px;letter-spacing:.15em;font-weight:650;color:var(--aqua);margin-bottom:32px}.fine{font-size:13px;line-height:1.7;color:#92aaa9}.lead{font-size:23px;line-height:1.5;color:var(--ink)}header{height:94px;position:absolute;z-index:10;left:0;right:0;display:flex;align-items:center;gap:46px;padding:0 56px;border-bottom:1px solid var(--border)}.brand{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-.06em;font-weight:800;display:flex;align-items:baseline;white-space:nowrap}.brand span{font-size:.68em}.brand i{width:7px;height:7px;background:var(--aqua);margin-left:7px;align-self:center;border-radius:50%}nav{display:flex;gap:30px;margin-left:auto}nav a,.nav-cta{font-size:14px;font-weight:500}.nav-cta{padding:10px 18px;border:1px solid #ffffff60}.menu{display:none}.hero{min-height:800px;height:94svh;max-height:1100px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('assets/swansea-vision.webp') center 52%/cover;animation:heroEnter 1.4s ease both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031517ef 0%,#06191adb 32%,#07171945 80%),linear-gradient(0deg,#071719 0%,transparent 45%,#03151760)}.hero-content{position:relative;padding-top:100px}.hero .eyebrow{display:flex;gap:14px;align-items:center}.line{display:block;width:35px;height:1px;background:var(--aqua)}.hero-description{font-size:21px;max-width:570px;color:#d1dddd;line-height:1.6}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;padding:15px 24px;font-size:14px;font-weight:650}.primary{background:var(--aqua);color:#082622;transition:background .2s}.primary:hover{background:#9ef5e2}.video-trigger{border:0;background:none;color:white;display:flex;align-items:center;gap:12px;font-size:14px}.play{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;font-size:24px;padding-left:3px}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;color:#bbcdca;font-size:11px;letter-spacing:.1em}.hero-bottom b{padding:0 13px;color:var(--aqua)}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding-top:44px;padding-bottom:32px;border-bottom:1px solid var(--border);gap:22px}.stats>div{padding-left:28px;border-left:1px solid var(--border)}.stats>div:first-child{padding-left:0;border-left:0}.stats strong{font-family:Manrope,sans-serif;font-weight:500;font-size:48px;letter-spacing:-.055em;white-space:nowrap}.stats strong span{font-size:18px;margin-left:8px;color:var(--aqua);letter-spacing:0}.stats p{font-size:14px;margin-bottom:0}.stats-note{grid-column:1/-1;color:#809c98!important;font-size:12px!important}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.intro{padding-bottom:100px}.coal{background:#102b2b}.coal .split{gap:100px}.text-link{display:inline-block;border-bottom:1px solid var(--aqua);padding-bottom:5px;font-size:14px;color:var(--aqua);margin-top:6px}.coal-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:64px 0 28px;border-top:1px solid #ffffff30}.coal-steps article{padding:30px 35px 0 0}.coal-steps article+article{padding-left:35px;border-left:1px solid var(--border)}.coal-steps span{color:var(--aqua);font-size:14px}.coal-steps h3{margin-top:24px;font-size:24px}.coal-steps p{font-size:16px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}.section-heading>p{max-width:420px;margin-bottom:30px}.process-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}.process-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:22px 12px;color:#8eaaaa;text-align:left;font-size:14px}.process-tabs button span{font-size:18px;margin-left:20px}.process-tabs button[aria-selected=true]{color:var(--aqua);border-bottom-color:var(--aqua)}.facility{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px 45px;background:#0c2022;min-height:445px}.facility h3{font-size:40px}.facility .eyebrow{margin-bottom:22px}.process-flow{display:flex;flex-direction:column;justify-content:center}.process-flow>div:not(.flow-link){padding:20px 24px;border:1px solid #436763}.process-flow span{font-size:11px;letter-spacing:.12em;color:var(--muted)}.process-flow strong{display:block;font-size:30px;font-weight:500;margin-top:10px}.process-flow small{font-size:16px}.process-flow p{font-size:14px;margin:4px 0 0}.process-flow .output{border-color:var(--aqua)!important;background:#183b37}.flow-link{height:25px;border-left:1px dashed var(--aqua);margin-left:50%}.evidence{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:64px;align-items:center}.evidence img{width:100%;height:280px;object-fit:cover}.evidence .eyebrow{margin-bottom:20px}.outputs{background:#e9efea;color:#15352f}.outputs em{color:#2b7964}.outputs p{color:#48645b}.outputs .eyebrow{color:#326e5d}.output-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;gap:38px}.output-grid article+article{border-left:1px solid #163b302a;padding-left:38px}.element{font-family:Manrope,sans-serif;font-size:70px;font-weight:500;line-height:1;display:block;margin-bottom:40px;color:#216553}.element sub{font-size:30px}.output-grid strong{font-size:28px;font-weight:500;display:block}.output-grid small{font-size:13px;display:block}.output-grid p{font-size:16px}.energy-row{display:flex;flex-direction:column;font-size:14px;margin-bottom:14px}.energy-row b{font-size:22px;font-weight:500}.outputs .fine{margin-top:40px}.resilience{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;border-top:1px solid #14382c30;padding-top:42px;margin-top:45px}.resilience p{margin:0}.resilience h3{font-size:29px}.site-figure{margin:0}.site-figure img{width:100%;height:auto;aspect-ratio:1672 / 941}.site-figure figcaption{font-size:12px;padding:10px 0;color:#8ba3a1}.connections{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.connections span{color:var(--aqua);font-size:12px;letter-spacing:.12em}.connections h3{margin-top:16px;font-size:24px}.connections p{font-size:16px}.pipeline-strip{margin-top:42px;padding:45px;background:#10292b;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.pipeline-strip h3{font-size:36px}.pipeline-strip .eyebrow{margin-bottom:20px}.corridor{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:70px;padding-top:40px;font-size:14px}.corridor:before{content:'';position:absolute;left:0;right:0;top:74px;border-top:1px dashed #5ce4ca88}.corridor span,.corridor b{position:relative;background:#10292b;padding:10px 7px;text-align:center}.corridor b{color:var(--aqua);border:1px solid var(--aqua);font-size:20px;line-height:1.3}.corridor small{font-size:11px;font-weight:400;white-space:nowrap}.corridor p{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:.08em}.rollout{background:#0c2426;border-top:1px solid var(--border)}.portfolio{display:grid;grid-template-columns:1fr 1.5fr;margin-top:55px;border:1px solid #496961}.flagship{padding:38px;background:#153d36}.flagship>span{font-size:12px;color:var(--aqua);letter-spacing:.15em}.flagship h3{font-size:45px;margin:25px 0 8px}.flagship b{display:block;font-weight:400;font-size:13px;margin-bottom:20px;color:#c0d7ce}.future{padding:40px;display:flex;gap:42px;align-items:center}.future>strong{font-size:100px;font-weight:400;letter-spacing:-.06em;color:var(--aqua)}.future h3{margin-bottom:10px}.future p{font-size:15px}.future .fine{font-size:12px;margin:20px 0 0}.site-markers{display:flex;gap:8px;flex-wrap:wrap}.site-markers span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #487168;font-size:11px}.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:60px}.phases article{border-top:1px solid #486763;padding-top:22px}.phases span{font-size:12px;letter-spacing:.1em;color:var(--aqua)}.phases h3{font-size:22px;margin:18px 0 15px}.phases p{font-size:16px}.partners h2{max-width:850px}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.partner-grid a{padding:32px;border:1px solid var(--border);display:flex;flex-direction:column;transition:background .2s,border .2s}.partner-grid a:hover{background:#153831;border-color:var(--aqua)}.partner-grid span{font-size:11px;color:var(--aqua);letter-spacing:.08em}.partner-grid h3{font-size:32px;margin-top:30px}.partner-grid p{font-size:16px}.partner-grid b{font-size:14px;font-weight:500;color:var(--aqua);margin-top:auto;padding-top:20px}footer{padding-bottom:25px}.footer-top{display:flex;align-items:center;gap:35px;padding:35px 0;border-top:1px solid var(--border)}.footer-top p{margin:0;font-size:15px}.footer-top>a:last-child{margin-left:auto;font-size:14px}details{border-top:1px solid var(--border);padding:20px 0;font-size:13px;color:#8eaaa5}summary{cursor:pointer}details p{margin:18px 0 0;max-width:1000px}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#829b98;letter-spacing:.05em}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--aqua);color:#071719;z-index:99}.skip:focus{top:10px}dialog{width:min(1000px,95vw);background:#0d2627;color:var(--ink);border:1px solid #4e7770;padding:22px}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog video{width:100%;display:block}dialog p{font-size:13px;margin:12px 0 0}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-head h2{font-size:23px;margin:0}.dialog-head button{background:none;color:white;border:1px solid #54746e;padding:7px 14px;font-size:14px}@keyframes heroEnter{from{transform:scale(1.04)}to{transform:scale(1)}}@media(min-width:1700px){header{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}header{padding:0 32px;gap:25px}nav{gap:20px}.split{gap:40px}.stats strong{font-size:37px}.facility{gap:30px;padding:40px 28px}.pipeline-strip{gap:30px;padding:30px}.future{gap:20px;padding:30px}.future>strong{font-size:75px}.output-grid{gap:25px}.output-grid article+article{padding-left:25px}.partner-grid a{padding:24px}.coal .split{gap:45px}}@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 40px)}header{height:78px;padding:0 20px}.brand{font-size:27px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:24px;background:#0b2425;flex-direction:column;margin:0}nav.open{display:flex}.nav-cta{margin-left:auto;font-size:12px;padding:8px 12px}.menu{display:block;color:white;background:none;border:0;font-size:13px;padding:10px 0}.hero{height:auto;min-height:800px;max-height:none}.hero-content{padding-top:65px;padding-bottom:130px}.hero-photo{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#031517e8,#06191a80),linear-gradient(0deg,#071719,transparent)}h1{font-size:clamp(42px,8.8vw,64px)}h2{font-size:39px}.hero-description{font-size:18px}.actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom{font-size:9px;flex-direction:column;gap:8px}.stats{grid-template-columns:1fr 1fr;padding-top:28px;gap:25px 14px}.stats strong{font-size:37px}.stats>div{padding-left:16px}.stats>div:nth-child(3){border:0;padding-left:0}.stats p{font-size:12px}.section{padding-top:70px;padding-bottom:70px}.split,.facility,.evidence,.resilience,.pipeline-strip{grid-template-columns:1fr;gap:30px}.coal .split{gap:20px}.eyebrow{font-size:11px;margin-bottom:25px}.lead{font-size:21px}.coal-steps,.connections,.phases,.partner-grid{grid-template-columns:1fr;gap:25px}.coal-steps{margin-top:30px}.coal-steps article{padding:25px 0 0!important;border-left:0!important}.coal-steps article+article{border-top:1px solid var(--border)}.coal-steps h3{margin:12px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:none}.process-tabs button{font-size:11px;padding:14px 6px}.process-tabs button span{font-size:13px;margin:5px 0 0;display:block}.facility{padding:30px 22px}.facility h3{font-size:33px}.evidence{margin-top:40px}.evidence img{height:auto}.output-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.output-grid article+article{padding:30px 0 0;border-left:0;border-top:1px solid #163b302a}.element{float:right;font-size:60px;margin:0 0 15px 20px}.output-grid h3{font-size:28px}.resilience{gap:10px}.connections{margin-top:30px;gap:18px}.pipeline-strip{padding:25px 20px}.corridor{gap:8px;font-size:12px}.corridor b{font-size:17px}.portfolio{grid-template-columns:1fr}.future{padding:28px 20px}.future>strong{font-size:80px}.flagship{padding:30px}.phases{margin-top:35px}.partners h2{font-size:40px}.partner-grid a{padding:28px}.partner-grid h3{margin-top:22px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>a:last-child{margin-left:0}.footer-bottom{flex-wrap:wrap;font-size:10px}.dialog-head h2{font-size:18px}.dialog-head button{white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo{animation:none}*{transition:none!important}}

.evidence>img{height:auto;object-fit:contain;width:100%}