/* Local fonts match the Archivo headings and Roboto text of the supplied reference. */
@font-face{font-family:Archivo;src:url('assets/fonts/archivo-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('assets/fonts/roboto-variable-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#00060f;--surface:#1c2026;--accent:#1172fa;--text:#fff;--muted:#adb3bd;--line:#ffffff24;--font:Roboto,Arial,sans-serif;--display:Archivo,Arial,sans-serif;--gutter:32px;--section:128px;--radius:3px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.4;letter-spacing:0}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;border:0;cursor:pointer}button:disabled{cursor:wait;opacity:.6}img{max-width:100%;display:block}p{margin:0 0 24px}h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;letter-spacing:-.03em}h2{font-size:48px;line-height:1.1}h3{font-size:28px;line-height:1.2}em{font-style:normal}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid #70aaff;outline-offset:5px}button,a{touch-action:manipulation}[hidden]{display:none!important}.wrap{width:calc(100% - var(--gutter)*2);max-width:1800px;margin-inline:auto}.section{padding-block:var(--section)}.muted{color:var(--muted)}.mint{color:var(--text)}.icon-defs{width:0;height:0;position:absolute;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:white;color:#000;padding:14px}.skip-link:focus{top:20px}.eyebrow,.section-number,.small-label{font:400 14px/1.4 var(--font);letter-spacing:0}.eyebrow{margin:0 0 24px}.section-rail{display:flex;align-items:center;gap:9px;margin-bottom:32px}.section-rail::before,.contact-inner .eyebrow::before{content:'';width:6px;height:6px;background:var(--accent);flex-shrink:0}.rail-line{display:none}.section-number{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 16px;background:var(--surface);border:1px solid transparent;border-radius:var(--radius);font-size:16px;line-height:1.4;transition:background .18s}.button:hover{background:#2c323c}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:16px;line-height:1.4}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.status-dot{height:6px;width:6px;background:var(--accent);display:inline-block;flex-shrink:0}
/* Navigation */
.site-header{position:absolute;z-index:20;inset:0 0 auto;display:flex;align-items:center;gap:32px;height:80px;padding:24px var(--gutter);max-width:1864px;margin:auto}.brand{display:inline-flex;align-items:center;flex-shrink:0;width:150px;height:28px}.brand-image{position:relative;display:block;width:150px;height:25px;overflow:hidden;flex-shrink:0}.brand-image img{position:absolute;width:178.72px;max-width:none;height:auto;left:-14.36px;top:-81.57px;filter:brightness(0) invert(1)}.desktop-nav{display:flex;gap:28px;margin-left:auto}.desktop-nav a,.header-contact{font-size:14px;line-height:1.4;background:none}.desktop-nav a:hover,.header-contact:hover{text-decoration:underline;text-underline-offset:5px}.header-contact{display:flex;gap:10px;align-items:center;padding:0}.header-contact .icon{width:16px}.menu-toggle{display:none;margin-left:auto;padding:12px 0;background:none;font-size:14px;min-width:44px;min-height:44px}.menu-toggle::before{content:'MENU'}.menu-toggle[aria-expanded=true]::before{content:'FERMER'}.menu-toggle span{display:none}.mobile-nav{position:fixed;z-index:19;inset:0;background:var(--bg);padding:110px var(--gutter) 40px;overflow-y:auto}.mobile-nav a,.mobile-nav button{display:flex;align-items:center;gap:18px;font-family:var(--display);font-size:31px;padding:19px 0;border-bottom:1px solid var(--line);background:none;width:100%;text-align:left}.mobile-nav small{font-family:var(--font);font-size:13px;color:var(--muted)}
/* Hero: map, left title/CTA, supporting copy on the right. */
.hero{position:relative;height:100svh;min-height:760px;max-height:1400px;overflow:hidden}.hero-map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 23%)}.hero-content{position:relative;z-index:1;padding-top:clamp(220px,29.5svh,440px);display:grid;grid-template-columns:1fr 1fr;column-gap:32px}.hero .eyebrow{display:none}.hero h1{font-size:64px;line-height:1.1;letter-spacing:-.03em;grid-column:1/-1;max-width:850px}.hero h1 br{display:block}.hero h1 em{color:inherit}.hero-actions{grid-row:2;grid-column:1/-1;display:flex;gap:28px;align-items:center;margin-top:40px}.hero-actions .text-link{font-size:14px}.hero-lead{grid-row:3;grid-column:2;font-size:22px;line-height:1.3;max-width:540px;margin:64px 0 20px}.hero-description{grid-row:4;grid-column:2;font-size:16px;line-height:1.4;max-width:540px;margin:0}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:13px}.development{display:flex;align-items:center;gap:9px}.hero-coordinate,.map-caption{display:none}.scroll-cue{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
/* Editorial introduction */
.intro-grid{display:grid;grid-template-columns:3fr 2fr;gap:48px}.intro-grid>div:first-child{grid-column:1}.intro-grid .eyebrow{font-size:14px;color:var(--muted);margin-bottom:20px}.intro-grid h2{font-size:38px;line-height:1.3}.intro-copy{grid-column:1}.intro-copy>p{font-family:var(--display);font-size:38px;line-height:1.3;letter-spacing:-.01em;margin-bottom:32px}.intro-copy>p+p{color:var(--muted);font-family:var(--font);font-size:20px;line-height:1.5;letter-spacing:0}.intro-copy .text-link{margin-top:4px}.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:80px;padding-top:32px;border-top:1px solid var(--line)}.metric-value{display:block;font-family:var(--display);font-size:48px;line-height:1.1;letter-spacing:-.01em;margin-bottom:20px}.metric-value>span{font-size:28px}.metric-value .metric-star{font-size:24px;vertical-align:top}.metric-value.metric-text{font-size:44px}.project-metrics h3{font-family:var(--font);font-size:18px;letter-spacing:0;line-height:1.4;margin-bottom:12px}.project-metrics p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.project-metrics p br{display:none}
/* Rectangular graphite technology cards, with the existing interactive detail. */
.technology-section .section-rail,.timeline-section .section-rail,.partners-section .section-rail{justify-content:center}.section-heading{text-align:center}.section-heading h2{max-width:1100px;margin-inline:auto}.section-heading h2 .muted{color:inherit}.section-heading>p{max-width:670px;margin:24px auto 0;color:var(--muted);font-size:16px;line-height:1.5}.tech-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:48px 0 0;border-bottom:1px solid var(--line)}.tech-tabs button{display:flex;align-items:center;gap:16px;text-align:left;padding:24px 0;background:none;border-bottom:2px solid transparent;font:400 20px/1.4 var(--font);letter-spacing:0}.tech-tabs button>span{font-size:13px;color:var(--muted)}.tech-tabs button:hover{color:#a8caff}.tech-tabs button[aria-selected=true]{border-color:var(--accent)}.technology-display{display:block;padding-top:40px}.tech-panel{max-width:850px;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 64px}.tech-panel .small-label,.tech-panel h3{grid-column:1}.tech-panel>p{grid-column:2}.tech-panel #tech-description{grid-row:1/4}.tech-panel .tech-panel-bottom{grid-column:1/-1;margin-top:28px}
.tech-panel .small-label{color:var(--muted)}.tech-panel h3{font-size:32px;line-height:1.2;margin:20px 0}.tech-panel>p{color:var(--muted);font-size:16px;line-height:1.5}.tech-panel .tech-note{font-size:14px;color:#fff;margin-top:28px}.tech-panel-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:12px}.system-diagram{min-width:0;margin:0}.system-image-link{display:block;background:#000}.system-diagram img{width:100%;height:auto}.diagram-legend{display:block;text-align:center;font-size:13px;line-height:1.5;color:var(--muted);margin-top:16px}.diagram-legend .text-link{font-size:14px;margin-top:12px}
/* Exchanges retained as a useful business interaction. */
.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.connection-copy h2{font-size:48px}.connection-copy>p:not(.eyebrow){margin-top:32px;color:var(--muted);font-size:16px;line-height:1.5}.flow-switch{display:flex;border-bottom:1px solid var(--line);margin-top:32px;gap:16px}.flow-switch button{flex:1;background:none;color:var(--muted);padding:16px 0;font-size:14px;border-bottom:2px solid transparent}.flow-switch button.selected{border-color:var(--accent);color:#fff}.connection-visual{background:var(--surface);padding:32px;border-radius:var(--radius)}.flow-topline{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.corridor-route{display:flex;align-items:center;gap:24px;padding:40px 0}.country{display:flex;flex-direction:column}.country-fr{text-align:right}.country-code{font-family:var(--display);font-size:48px;line-height:1.1;letter-spacing:-.01em}.country strong{font-size:16px;font-weight:400;margin-top:8px}.country small{font-size:12px;color:var(--muted);margin-top:6px}.connection-path{position:relative;flex:1;height:1px;background:var(--accent)}.connection-path span{display:none}.connection-path .icon{position:absolute;right:0;top:-10px;color:#fff}.connection-visual.reverse .connection-path{transform:rotate(180deg)}.flow-description{border-top:1px solid var(--line);padding-top:24px;min-height:166px}.flow-description h3{font-size:22px;line-height:1.2;margin-bottom:16px}.flow-description p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.connection-footnote{display:block;font-size:12px;color:var(--muted);margin-top:28px}
/* Vertical chronology follows the reference, with the deck's dates. */
.timeline-heading{text-align:center}.timeline-heading>p{max-width:580px;margin:24px auto 0;color:var(--muted)}.timeline{list-style:none;padding:0;max-width:760px;margin:64px auto 0}.timeline li{position:relative;padding:0 0 68px 92px;border-left:1px solid var(--line);min-height:250px;margin-left:12px}.timeline li:last-child{padding-bottom:0;min-height:185px;border-color:transparent}.timeline-dot{position:absolute;left:-5px;top:18px;width:9px;height:9px;background:var(--accent);border-radius:50%}.timeline-year{font-family:var(--font);font-weight:400;font-size:36px;line-height:1.5;letter-spacing:-.5px}.timeline-year>span{font-family:var(--font);font-size:20px;vertical-align:top}.timeline li h3{font-family:var(--font);font-size:22px;line-height:1.3;margin:12px 0}.timeline li p{color:var(--muted);font-size:16px;line-height:1.5;max-width:610px;margin:0}.timeline-disclaimer{font-size:13px;line-height:1.5;color:var(--muted);max-width:660px;margin:32px auto 0}
/* Partners, contact and a large original HY Link wordmark. */
.partner-logos{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:64px;padding:64px 32px 32px}.partner-logos>div{display:flex;align-items:center;justify-content:center;min-height:70px}.partner-logos img{max-width:240px;max-height:65px;width:auto;height:auto}.partner-logos>div:nth-child(n+2) img{filter:brightness(0) invert(1)}.partner-caption{text-align:center;color:var(--muted);font-size:13px;margin:20px auto 0}.contact-section{padding:128px 0}.contact-inner{text-align:center;max-width:1050px}.contact-inner .eyebrow{display:flex;justify-content:center;align-items:center;gap:9px}.contact-inner h2{font-size:48px;line-height:1.1}.contact-inner h2 br{display:none}.contact-copy p{font-family:var(--font);font-size:44px;line-height:1.15;letter-spacing:-.01em;margin:48px auto 40px;max-width:870px}.contact-copy>span{display:block;color:var(--muted);font-size:14px;margin-top:20px}.site-footer{padding-top:64px}.footer-top{display:flex;align-items:flex-start;gap:48px;margin-bottom:80px}.footer-top>p{font-size:16px;color:var(--muted);margin:0}.back-top{display:flex;gap:12px;margin-left:auto;font-size:14px}.footer-wordmark{position:relative;display:block;width:100%;aspect-ratio:6.12;overflow:hidden;margin-bottom:40px}.footer-wordmark img{position:absolute;max-width:none;width:119.16%;left:-9.57%;top:-333.2%;filter:brightness(0) invert(1)}.footer-bottom{border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.footer-bottom button{font-size:12px;background:none;padding:8px 0}.footer-status{display:flex;gap:8px;align-items:center}.footer-status i{width:5px;height:5px;background:var(--accent)}
/* Functional local forms, using the same typography and graphite surfaces. */
dialog{color:var(--text);background:var(--bg);border:1px solid #404854;border-radius:var(--radius);padding:40px;max-height:90svh;width:min(680px,calc(100% - 32px));scrollbar-width:thin}dialog::backdrop{background:#000b}.dialog-close{background:none;width:44px;height:44px;position:absolute;right:10px;top:8px;font-size:30px}.dialog-heading h2,dialog h2{font-size:38px;line-height:1.1}.dialog-heading .eyebrow{margin-bottom:16px}.dialog-heading>p:last-child{color:var(--muted);margin-top:20px}.local-notice{font-size:13px;line-height:1.5;padding:14px;background:var(--surface);display:flex;gap:10px;margin-bottom:24px}.local-notice .status-dot{margin-top:6px}form label{font-size:14px;display:block;margin-bottom:20px}form label>span{color:var(--muted)}input,select,textarea{display:block;color:#fff;border:1px solid #414955;background:var(--surface);border-radius:var(--radius);padding:12px;width:100%;font-size:16px;margin-top:8px}input::placeholder,textarea::placeholder{color:#929baa}input:focus-visible,textarea:focus-visible{outline:2px solid #70aaff;outline-offset:2px}textarea{resize:vertical;min-height:110px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5}.consent input{margin:3px 0 0;width:16px;height:16px;flex-shrink:0;accent-color:var(--accent)}.consent span{color:var(--muted)}.form-submit{width:100%;justify-content:space-between}.subject-group{border:0;padding:0;margin:0 0 20px;min-width:0}.subject-group legend{font-size:14px;margin-bottom:12px}.subject-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.subject-choices label{margin:0;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #414955;cursor:pointer;font-size:13px;line-height:1.4}.subject-choices label:has(input:checked){border-color:var(--accent);background:var(--surface)}.subject-choices input{width:15px;height:15px;margin:0;accent-color:var(--accent);flex-shrink:0}#form-status{font-size:14px;line-height:1.5;color:#b8d4ff;margin-bottom:20px}#form-status:empty{display:none}#form-status.error{color:#ffb5a3}.privacy-dialog p:not(.eyebrow){color:var(--muted);font-size:16px;margin-top:24px}.privacy-dialog .text-link{margin-top:10px}.intro-grid>*,.technology-display>*,.connection-grid>*{min-width:0}
@media(max-width:1199px){:root{--section:100px}h2{font-size:38px}.hero h1{font-size:51px}.intro-grid h2{font-size:30px}.intro-copy>p{font-size:30px}.connection-copy h2{font-size:38px}.tech-tabs button{padding:32px 20px;font-size:22px;min-height:260px}.technology-display{gap:40px}.partner-logos{gap:32px}.partner-logos img{max-width:200px}.connection-grid{gap:40px}}
@media(max-width:950px){.desktop-nav{display:none}.menu-toggle{display:block}.header-contact{margin-left:auto}.site-header{gap:24px}.hero-lead{font-size:20px}.intro-grid{grid-template-columns:4fr 1fr}.technology-display{grid-template-columns:1fr 1.15fr;gap:32px}.tech-panel h3{font-size:28px}.connection-grid{grid-template-columns:1fr}.connection-copy{max-width:700px}.connection-visual{max-width:700px;width:100%;margin-left:auto}.tech-tabs button{padding:28px 12px;font-size:20px}.tech-tabs button .tech-icon{width:70px;height:70px}.partner-logos{padding-inline:0}.partner-logos img{max-width:175px}.contact-copy p{font-size:38px}}
@media(max-width:680px){:root{--gutter:16px;--section:72px}html{scroll-padding-top:24px}.site-header{height:64px;padding-block:10px}.brand{width:130px}.brand-image{width:150px;transform:scale(.8667);transform-origin:left center}.header-contact{display:none}.hero{height:100svh;min-height:760px;max-height:1050px}.hero-map{object-fit:cover;object-position:76% center}.hero-shade{background:linear-gradient(0deg,var(--bg),transparent 25%)}.hero-content{display:flex;flex-direction:column;padding-top:clamp(180px,29svh,300px)}.hero h1{font-size:31px;line-height:1.1;letter-spacing:-.03em;max-width:350px}.hero-actions{margin-top:32px;gap:20px;align-items:flex-start;flex-direction:column}.hero-actions .text-link{font-size:14px}.hero-lead{font-size:16px;line-height:1.4;margin-top:48px;max-width:330px;margin-bottom:16px}.hero-description{font-size:14px;line-height:1.4;max-width:325px}.hero-bottom{bottom:16px;font-size:12px}.hero-lead br{display:none}h2,.connection-copy h2{font-size:31px;line-height:1.1}.section-rail{margin-bottom:24px}.section-number{font-size:13px}.intro-grid{display:block}.intro-grid h2{font-size:24px;line-height:1.3;margin-bottom:32px}.intro-grid .eyebrow{font-size:13px}.intro-copy>p{font-size:24px;line-height:1.3}.intro-copy>p+p{font-size:16px;line-height:1.5}.project-metrics{display:block;margin-top:48px;padding-top:0}.project-metrics>div{padding:28px 0;border-bottom:1px solid var(--line)}.metric-value,.metric-value.metric-text{font-size:38px;margin-bottom:16px}.project-metrics p{font-size:14px}.section-heading>p{font-size:14px;margin-top:24px}.tech-tabs{grid-template-columns:1fr;margin-top:40px;gap:16px}.tech-tabs button{min-height:260px;padding:32px;font-size:22px}.tech-tabs button:nth-child(even){margin:0}.tech-tabs button .tech-icon{width:90px;height:90px}.technology-display{grid-template-columns:1fr;gap:32px;padding-top:32px}.tech-panel h3{font-size:28px}.tech-panel>p{font-size:16px}.tech-panel-bottom{font-size:11px}.system-diagram{margin-inline:-10px}.diagram-legend{font-size:12px;margin-inline:10px}.connection-copy>p:not(.eyebrow){font-size:16px;margin-top:24px}.connection-visual{padding:24px 20px}.corridor-route{gap:16px}.country-code{font-size:38px}.country small{font-size:11px;max-width:105px}.connection-footnote{font-size:10px}.flow-switch{gap:12px}.flow-switch button{font-size:14px}.flow-description{min-height:0}.timeline-heading>p{font-size:14px}.timeline{margin-top:40px}.timeline li{padding:0 0 48px 40px;min-height:230px;margin-left:4px}.timeline-year{font-size:28px;line-height:1.5}.timeline li h3{font-size:20px}.timeline li p{font-size:14px}.timeline-disclaimer{font-size:12px;line-height:1.5}.partner-logos{grid-template-columns:1fr;gap:36px;padding:40px 0 16px}.partner-logos img{max-width:210px;max-height:50px}.partner-caption{font-size:12px;max-width:320px}.contact-section{padding:72px 0}.contact-inner .eyebrow{font-size:13px;max-width:310px;margin:0 auto 24px}.contact-inner h2{font-size:31px}.contact-copy p{font-size:31px;line-height:1.2;margin:32px auto;max-width:380px}.contact-copy>span{font-size:13px}.site-footer{padding-top:40px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:24px;margin-bottom:48px}.footer-top>p{grid-column:1/-1;grid-row:2;font-size:14px}.back-top{font-size:13px;gap:8px}.footer-wordmark{margin-bottom:24px}.footer-bottom{flex-wrap:wrap;font-size:11px;gap:12px;padding-block:20px}.footer-status{display:none}.footer-bottom button{font-size:11px}.form-row{grid-template-columns:1fr;gap:0}dialog{padding:32px 20px;max-height:92svh;width:calc(100% - 24px)}.dialog-heading h2,dialog h2{font-size:31px}.subject-choices{grid-template-columns:1fr}.local-notice,.consent{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:680px){.hero h1{order:1}.hero-actions{order:2}.hero-lead{order:3}.hero-description{order:4}.system-diagram{margin:0}}

.timeline li{display:flex;flex-direction:column}.timeline li h3{order:1;color:#70aaff;font-size:14px;margin:0 0 8px}.timeline-year{order:2}.timeline li p{order:3;margin-top:24px}.timeline-dot{background:#fff;top:36px}

/* 3D study: the render and electric signal share the same camera transform. */
.technology-section{background:var(--bg)}
.technology-section .section-rail{justify-content:flex-start}
.technology-section .section-heading{display:grid;grid-template-columns:1.2fr 1fr;text-align:left;gap:80px;align-items:end}
.technology-section .section-heading h2{margin:0}
.technology-section .section-heading>p{margin:0;max-width:470px}
.technology-section .tech-tabs{margin:48px 0 0;gap:32px}
.tech-tabs button{min-height:0;padding:22px 0}
.technology-display{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:48px;align-items:start;padding-top:40px}
.system-diagram{margin:0;max-width:none}
.scene-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px;letter-spacing:.04em;min-height:40px}
.scene-reset{display:flex;align-items:center;gap:10px;background:none;padding:10px 0;font-size:13px;letter-spacing:0;color:white}
.scene-reset .icon{width:14px;height:14px}
.scene-reset:hover,.scene-motion:hover{text-decoration:underline;text-underline-offset:5px}
.scene-viewport{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.35;background:var(--bg);margin-top:8px}
.scene-art{position:absolute;width:100%;aspect-ratio:1548/1016;left:0;top:4%;transform:scale(1);transform-origin:50% 50%;transition:transform .8s cubic-bezier(.2,.65,.3,1),transform-origin .8s}
.scene-art img{width:100%;height:auto;max-height:none;mix-blend-mode:screen}
.focus-production .scene-art{transform:scale(1.48);transform-origin:22% 55%}
.focus-batteries .scene-art{transform:scale(1.3);transform-origin:28% 53%}
.focus-hydrogene .scene-art{transform:scale(1.65);transform-origin:23% 89%}
.focus-liaison .scene-art{transform:scale(1.4);transform-origin:82% 18%}
.system-diagram.overview .scene-art{transform:scale(1);transform-origin:50% 50%}
/* Flow topology: yellow electricity, green hydrogen confined to Morocco. */
.energy-flows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke-linecap:round;stroke-linejoin:round}
.flow-route.power{stroke:#ffd23f}.flow-route.gas{stroke:#68ddad}
.flow-particle{stroke-width:1.4;stroke-dasharray:9 39;stroke-dashoffset:48;animation:energy-flow 4s linear infinite;animation-play-state:paused}
.gas .flow-particle{stroke-width:1.5;stroke-dasharray:5 43;animation-duration:6s}
.interconnection-particle{stroke-width:2.1;stroke-dasharray:12 36;animation-duration:4s}
.motion-running .flow-particle{animation-play-state:running}
.system-diagram[data-direction=import] .interconnection-particle{animation-direction:reverse}
.system-diagram[data-direction=import] .phase-export,.system-diagram[data-direction=export] .phase-import{opacity:0}
.system-diagram[data-direction=import] .phase-export .flow-particle,.system-diagram[data-direction=export] .phase-import .flow-particle{opacity:0;animation-play-state:paused}
@keyframes energy-flow{from{stroke-dashoffset:48}to{stroke-dashoffset:0}}
.scene-location{position:absolute;z-index:1;bottom:8px;left:0;font-size:12px;line-height:1.5;letter-spacing:.04em;padding-left:14px;border-left:1px solid var(--accent);pointer-events:none}
.scene-location span{display:block;color:var(--muted);font-size:12px;letter-spacing:0;margin-top:3px}
.scene-location-fr{left:50%;right:auto;bottom:auto;top:14px;text-align:left;border-left:1px solid var(--accent);padding:0 0 0 14px}
.system-diagram:not(.overview) .scene-location-fr{opacity:0}
.focus-liaison:not(.overview) .scene-location-fr{opacity:1}
.focus-liaison:not(.overview) .scene-location-ma{opacity:0}
.scene-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;min-height:36px;color:var(--muted);font-size:12px}
.flow-key{display:flex;align-items:center;gap:8px}
.flow-key i{height:1px;width:20px;background:#8acfff}
.scene-motion{display:flex;align-items:center;gap:7px;background:none;padding:10px 0;font-size:12px}
.scene-motion .icon{width:14px;height:14px}
.scene-motion[aria-pressed=false] .motion-play,.scene-motion[aria-pressed=true] .motion-pause{display:none}
.scene-motion:disabled{cursor:default;opacity:.65}
.diagram-legend{display:flex;justify-content:space-between;gap:20px;margin:8px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--muted)}
.diagram-legend a{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px}
.diagram-legend .icon{width:14px;height:14px}
.tech-panel{display:block;max-width:none;margin:82px 0 0;border-left:1px solid var(--line);padding-left:32px}
.tech-panel .small-label{font-size:12px;color:#70aaff}
.tech-panel h3{font-size:32px;line-height:1.15;letter-spacing:-.03em;margin:20px 0 24px}
.tech-panel>p{font-size:16px;line-height:1.5}
.tech-panel .tech-note{font-size:14px;line-height:1.5;color:#d6dbe2;margin:32px 0}
.tech-panel .tech-panel-bottom{margin-top:24px;font-size:11px}
.connection-visual{background:none;border-radius:0;border-left:1px solid var(--line);padding:24px 0 24px 40px}
.footer-wordmark img{height:auto}
@media(max-width:1199px){.technology-section .section-heading{gap:40px}.technology-display{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:32px}.tech-panel{padding-left:24px}.tech-panel h3{font-size:28px}.scene-topline{font-size:10px}.tech-tabs button{font-size:18px;min-height:0}}
@media(max-width:950px){.technology-section .section-heading{display:block}.technology-section .section-heading>p{margin-top:24px;max-width:650px}.technology-display{grid-template-columns:1fr}.scene-viewport{aspect-ratio:1.5;max-height:540px}.tech-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:8px 0 0;border:0;padding:0}.tech-panel .small-label,.tech-panel h3{grid-column:1}.tech-panel #tech-description{grid-column:2;grid-row:1/4;margin-top:0}.tech-panel .tech-note{grid-column:1;margin-top:0}.tech-panel .tech-panel-bottom{grid-column:1/-1;margin-top:16px}.scene-location{bottom:16px}.scene-art{top:0}.connection-visual{border:0;padding:0}.tech-tabs button{font-size:16px;gap:10px;padding:20px 0}}
@media(max-width:680px){.technology-section .tech-tabs{grid-template-columns:1fr 1fr;margin-top:32px;gap:0 24px}.technology-display{gap:28px;padding-top:24px}.tech-tabs button{padding:18px 0}.scene-topline{font-size:9px;letter-spacing:0;gap:12px}.scene-reset{font-size:12px}.scene-viewport{aspect-ratio:1.1;margin-top:8px}.scene-art{width:120%;left:-10%;top:8%}.system-diagram.overview .scene-art{width:100%;left:0;top:16%}.scene-location{font-size:11px;bottom:4px}.scene-location span{font-size:10px}.scene-location-fr{top:4px}.scene-controls{font-size:10px;gap:12px}.scene-motion{font-size:11px}.diagram-legend{font-size:10px;gap:12px;margin:8px 0 0}.diagram-legend a{font-size:11px}.tech-panel{display:block;margin:8px 0 0}.tech-panel h3{font-size:28px}.tech-panel #tech-description{margin-top:20px}.tech-panel .tech-note{margin:24px 0}.tech-panel .tech-panel-bottom{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.flow-particle{animation:none;opacity:0}.scene-art{transition:none}}

/* Keep the France caption compact at every breakpoint. */
.scene-location-fr{bottom:auto}

/* Project metrics: clear numerical hierarchy with readable supporting copy. */
.project-metrics{
  max-width:1440px;
  margin:64px auto 0;
  padding-top:32px;
  column-gap:clamp(24px,4vw,56px);
}
.project-metrics>div{min-width:0}
.project-metrics .metric-value{
  display:flex;
  align-items:baseline;
  column-gap:8px;
  min-height:52px;
  margin-bottom:18px;
  font-family:var(--font);
  font-weight:400;
  font-size:44px;
  line-height:1.1;
  letter-spacing:-.01em;
  font-variant-numeric:lining-nums tabular-nums;
  white-space:nowrap;
}
.project-metrics .metric-value>span{
  font-size:26px;
  line-height:1;
  letter-spacing:0;
}
.project-metrics .metric-value .metric-star{
  align-self:flex-start;
  margin-top:4px;
  margin-left:-3px;
  font-size:20px;
}
.project-metrics .metric-value.metric-text{font-size:40px;letter-spacing:-.01em}
.project-metrics h3{
  margin-bottom:10px;
  font-family:var(--font);
  font-weight:400;
  font-size:18px;
  line-height:1.4;
  letter-spacing:0;
  text-transform:none;
}
.project-metrics p{
  max-width:32ch;
  font-family:var(--font);
  font-weight:400;
  font-size:16px;
  line-height:1.55;
  letter-spacing:0;
}
@media(max-width:950px){
  .project-metrics{margin-top:56px;column-gap:24px}
  .project-metrics .metric-value{font-size:40px;min-height:48px}
  .project-metrics .metric-value.metric-text{font-size:34px}
}
@media(max-width:680px){
  .project-metrics{margin-top:40px;padding-top:0}
  .project-metrics>div{padding:24px 0}
  .project-metrics>div:last-child{border-bottom:0;padding-bottom:0}
  .project-metrics .metric-value,
  .project-metrics .metric-value.metric-text{
    min-height:0;
    margin-bottom:14px;
    font-size:34px;
  }
  .project-metrics .metric-value>span{font-size:22px}
  .project-metrics .metric-value .metric-star{font-size:17px;margin-top:2px}
  .project-metrics h3{font-size:17px;margin-bottom:8px}
  .project-metrics p{font-size:15px;max-width:38ch}
}

/* Scene keys and reversible-link controls. */
.flow-legend{display:flex;gap:22px;align-items:center}.flow-key-power i{background:#ffd23f}.flow-key-gas i{background:#68ddad;height:2px;width:18px;border-radius:0}
.scene-exchanges{border-top:1px solid var(--line);padding:15px 0 5px;margin-top:5px;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:74px}
.scene-exchanges>div{display:flex;flex-direction:column;gap:6px}.exchange-label{font-size:10px;color:var(--muted);letter-spacing:.06em}[data-scene-phase]{font-size:13px;line-height:1.4;min-height:19px;color:#ffd23f}
.scene-direction{background:none;padding:10px 0;display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.scene-direction .icon{width:17px;height:17px}.scene-direction:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){.flow-legend{gap:16px}.scene-controls{align-items:center}.scene-exchanges{align-items:flex-start;gap:8px;min-height:85px}.exchange-label{font-size:8px;letter-spacing:.02em}[data-scene-phase]{font-size:11px;max-width:170px}.scene-direction{font-size:10px;gap:6px;padding-top:3px}.scene-direction .icon{width:14px;height:14px}}

/* Blend the untouched black PPT backdrop into the site without altering its pixels. */
.scene-art{mix-blend-mode:screen}.scene-art img{mix-blend-mode:normal}
.intro-section{padding-bottom:64px}.technology-section{padding-top:72px}
@media(max-width:680px){.intro-section{padding-bottom:48px}.technology-section{padding-top:48px}}

.scene-flags{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.scene-expand{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;background:none;padding:0;text-align:right}.scene-expand:hover{text-decoration:underline;text-underline-offset:4px}
.scene-dialog{width:min(1440px,calc(100% - 32px));max-height:96svh;padding:28px 32px 24px;border-color:var(--line);background:var(--bg)}
.scene-close{display:flex;align-items:center;justify-content:flex-end;gap:12px;background:none;font-size:13px;width:100%;padding:0 0 14px}.scene-close span{font-size:26px;line-height:1}
.scene-dialog .scene-topline{display:none}.scene-dialog .scene-viewport{height:58svh;max-height:780px;aspect-ratio:auto;margin:0}
.scene-dialog .system-diagram.overview .scene-art{width:min(100%,calc(58svh * 1.5236));height:auto;max-height:none;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;aspect-ratio:1548/1016}
.scene-dialog .scene-location{display:none}.scene-dialog .scene-expand{display:none}.scene-dialog .diagram-legend{font-size:12px}.scene-dialog .scene-controls{margin-top:0}
@media(max-width:680px){.scene-expand{font-size:11px}.scene-dialog{width:calc(100% - 16px);padding:16px}.scene-dialog .scene-viewport{height:auto;aspect-ratio:1548/1016;margin:12px 0 22px}.scene-dialog .system-diagram.overview .scene-art{width:100%}}

/* Panoramic render on black, with eight responsive equipment views. */
.scene-explorer{min-width:0}
.technology-section .tech-tabs,.scene-dialog .tech-tabs{
  display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0 16px;
  margin:40px 0 0;border-bottom:1px solid var(--line);
}
.tech-tabs button{
  min-width:0;min-height:72px;padding:16px 2px;gap:8px;
  font-size:15px;line-height:1.3;letter-spacing:0;text-align:left;
}
.tech-tabs button>span{font-size:12px;align-self:flex-start;padding-top:3px}
.tech-tabs button[aria-selected=true]{color:#a8caff;border-bottom-color:var(--accent)}
.technology-display{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-top:20px}
.scene-topline{min-height:48px;font-size:14px;letter-spacing:0;color:#fff}
.scene-reset{min-height:44px;font-size:14px}
#system-diagram .scene-viewport{
  width:100%;height:auto;max-height:none;aspect-ratio:2.1;margin:0;
  background:#000;border:1px solid #ffffff1a;border-radius:3px;contain:layout paint;
}
#system-diagram .scene-art{
  position:absolute;left:0;top:0;width:100%;height:auto;max-height:none;
  aspect-ratio:1875/839;transform-origin:0 0;mix-blend-mode:normal;
  transition:transform .75s cubic-bezier(.2,.65,.3,1);
}
#system-diagram .scene-art img{display:block;width:100%;height:100%;mix-blend-mode:normal}
.scene-brand{position:absolute;z-index:2;top:clamp(14px,2vw,28px);left:clamp(14px,2vw,28px);width:clamp(98px,12vw,180px);aspect-ratio:6;overflow:hidden;pointer-events:none}
#system-diagram .scene-brand img{position:absolute;width:119.15%;max-width:none;height:auto;left:-9.57%;top:-326.28%}
#system-diagram:not(.overview) .scene-brand{display:none}
/* Source-space widths scale with the pipes; the SVG mask clips all occlusions. */
.energy-flows use,.energy-flows path{vector-effect:none}
.scene-controls{min-height:44px;font-size:14px}
.scene-motion{min-height:44px;font-size:14px;padding:10px 0}
.scene-exchanges{min-height:72px;padding:12px 0}
.exchange-label{font-size:12px}
[data-scene-phase]{font-size:14px}
.scene-direction{font-size:14px;min-height:44px}
.diagram-legend{font-size:13px;align-items:center}
.scene-expand{font-size:14px;min-height:44px}
.tech-panel{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:0 64px;
  width:100%;max-width:none;margin:0;padding:28px 0 0;border:0;border-top:1px solid var(--line);
}
.tech-panel-title{grid-column:1}
.tech-panel-copy{grid-column:2}
.tech-panel .small-label{font-size:13px;letter-spacing:.035em}
.tech-panel h3{font-size:32px;margin:16px 0 0}
.tech-panel #tech-description{font-size:16px;line-height:1.55;color:var(--muted);margin:0}
.tech-panel .tech-note{font-size:14px;line-height:1.5;margin:16px 0 0;color:#d6dbe2}
.tech-panel .tech-panel-bottom{grid-column:1/-1;font-size:12px;margin-top:28px}
body.scene-expanded{overflow:hidden}
.scene-dialog{width:min(1600px,calc(100% - 32px));max-height:96svh;padding:16px 28px 28px;overflow:auto}
.scene-close{position:sticky;top:-16px;z-index:4;background:var(--bg);min-height:48px;padding:8px 0;font-size:14px}
.scene-dialog .tech-tabs{margin-top:0}
.scene-dialog .scene-topline{display:flex}
.scene-dialog .technology-display{padding-top:12px;gap:20px}
.scene-dialog #system-diagram .scene-viewport{height:clamp(240px,52svh,760px);aspect-ratio:auto;margin:0}
.scene-dialog .tech-panel{padding-top:20px}
.scene-dialog .tech-panel h3{font-size:26px}
.scene-dialog .tech-panel .tech-panel-bottom{display:none}
.scene-dialog .scene-controls{margin-top:8px}
.scene-dialog .diagram-legend{font-size:13px;min-height:36px}
@media(max-width:1199px){
  .technology-section .tech-tabs,.scene-dialog .tech-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}
  .tech-tabs button{min-height:56px;font-size:15px;padding:12px 0}
}
@media(max-width:680px){
  .technology-section .tech-tabs,.scene-dialog .tech-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-top:28px}
  .tech-tabs button{min-height:52px;font-size:14px;gap:8px}
  .tech-tabs button>span{font-size:12px}
  .technology-display{padding-top:12px;gap:24px}
  #system-diagram .scene-viewport{aspect-ratio:1.18}
  .scene-topline{font-size:13px;gap:12px}
  .scene-reset{font-size:13px;white-space:nowrap}
  .scene-controls{font-size:12px;gap:12px;margin-top:6px}
  .flow-legend{gap:12px}
  .flow-key{gap:6px}
  .flow-key i{width:14px}
  .scene-motion{font-size:12px;gap:5px}
  .scene-motion .icon{width:12px;height:12px}
  .scene-exchanges{flex-wrap:wrap;gap:6px;padding:12px 0}
  .exchange-label{font-size:11px}
  [data-scene-phase]{font-size:13px;max-width:none}
  .scene-direction{font-size:13px;gap:6px;padding:4px 0}
  .diagram-legend{flex-wrap:wrap;gap:4px;margin:0;padding-top:12px;font-size:12px;text-align:left}
  .scene-expand{font-size:13px}
  .tech-panel{display:block;padding-top:24px}
  .tech-panel h3{font-size:28px}
  .tech-panel #tech-description{margin-top:20px}
  .tech-panel .tech-note{margin-top:16px}
  .tech-panel .tech-panel-bottom{margin-top:24px}
  .scene-dialog{width:calc(100% - 12px);padding:10px 12px 20px}
  .scene-close{top:-10px}
  .scene-dialog .tech-tabs{margin-top:0}
  .scene-dialog .tech-tabs button{min-height:48px}
  .scene-dialog #system-diagram .scene-viewport{height:clamp(240px,38svh,420px);aspect-ratio:auto;margin:0}
}
@media(prefers-reduced-motion:reduce){#system-diagram .scene-art{transition:none}}

/* Reference typography: regular Archivo headings and Roboto copy and controls. */
body{font-size:17px;line-height:1.65;letter-spacing:0;font-synthesis:none}
h1,h2,h3{font-weight:400;letter-spacing:-.03em}
h2{font-size:46px;line-height:1.18}
h3{line-height:1.3}
.hero h1{font-size:64px;line-height:1.08;letter-spacing:-.03em;font-weight:400}
.hero-lead{font-size:23px;line-height:1.45;letter-spacing:0}
.hero-description{font-size:17px;line-height:1.65;max-width:52ch}
.desktop-nav a,.header-contact,.menu-toggle{font-size:15px;line-height:1.4;font-weight:400}
.mobile-nav a,.mobile-nav button{font-size:28px;font-weight:400;line-height:1.3;letter-spacing:0}
.button,.text-link{font-size:16px;font-weight:400;line-height:1.45;letter-spacing:0}
.hero-actions .text-link{font-size:15px}
.eyebrow,.section-number,.small-label{font-size:13px;line-height:1.5;font-weight:400;letter-spacing:.025em}
.intro-grid .eyebrow{font-size:13px;line-height:1.6}
.intro-grid h2{font-size:36px;line-height:1.25;letter-spacing:-.03em}
.intro-copy>p{font-family:var(--font);font-size:26px;font-weight:400;line-height:1.5;letter-spacing:0;max-width:50ch;margin-bottom:28px}
.intro-copy>p+p{font-size:18px;line-height:1.7;letter-spacing:0;max-width:64ch}
.section-heading>p,.connection-copy>p:not(.eyebrow),.timeline-heading>p{font-size:17px;line-height:1.65;letter-spacing:0}
.connection-copy h2,.contact-inner h2{font-size:46px;line-height:1.18}
.project-metrics .metric-value{font-family:var(--display);font-weight:400;font-size:44px;line-height:1.15;letter-spacing:-.01em}
.project-metrics .metric-value.metric-text{font-size:40px;letter-spacing:-.01em}
.project-metrics .metric-value>span{font-weight:400;letter-spacing:0}
.project-metrics h3{font-family:var(--display);font-size:20px;font-weight:400;line-height:1.35}
.project-metrics p{font-size:16px;line-height:1.65;max-width:34ch}
.tech-tabs button{font-family:var(--font);font-size:16px;font-weight:400;line-height:1.45;letter-spacing:0;min-height:76px;padding:18px 2px}
.tech-tabs button[aria-selected=true],.flow-switch button.selected{font-weight:500}
.tech-tabs button>span{display:none}
.scene-topline,.scene-reset,.scene-motion,.scene-direction,.scene-expand{font-size:14px;line-height:1.5;letter-spacing:0}
.scene-topline,.scene-reset{font-weight:400}
.exchange-label{font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.025em}
[data-scene-phase]{font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums}
.tech-panel .small-label{font-size:13px;font-weight:400;line-height:1.5;letter-spacing:.025em}
.tech-panel h3{font-size:32px;line-height:1.25;letter-spacing:-.03em}
.tech-panel #tech-description{font-size:17px;line-height:1.7;letter-spacing:0;max-width:68ch}
.tech-panel .tech-note{font-size:15px;line-height:1.65;letter-spacing:0;max-width:68ch}
.tech-panel .tech-panel-bottom{font-size:12px;line-height:1.5;letter-spacing:.015em}
.flow-description h3{font-size:23px;font-weight:400;line-height:1.35;letter-spacing:-.03em}
.flow-description p{font-size:16px;line-height:1.65}
.flow-switch button{font-size:15px;line-height:1.45;font-weight:400}
.country-code{font-size:46px;font-weight:400;letter-spacing:-.01em}
.timeline-year{font-family:var(--font);font-size:36px;font-weight:400;line-height:1.4;letter-spacing:-.01em}
.timeline li h3{font-family:var(--display);font-size:19px;font-weight:400;line-height:1.4;letter-spacing:0}
.timeline li p{font-size:17px;line-height:1.65}
.timeline-disclaimer,.partner-caption,.connection-footnote{font-size:13px;line-height:1.6;letter-spacing:0}
.contact-copy p{font-family:var(--font);font-size:23px;line-height:1.55;font-weight:400;letter-spacing:0;max-width:55ch;margin:32px auto}
.contact-copy>span{font-size:15px;line-height:1.6}
.footer-top>p,.privacy-dialog p:not(.eyebrow){font-size:16px;line-height:1.65}
.footer-bottom,.footer-bottom button{font-size:13px;line-height:1.5}
form label,.subject-group legend{font-size:15px;line-height:1.5}
.local-notice,.consent,.subject-choices label{font-size:14px;line-height:1.55}
.dialog-heading h2,dialog h2{font-size:36px;line-height:1.2}
@media(max-width:1199px){
  h2,.connection-copy h2,.contact-inner h2{font-size:38px}
  .hero h1{font-size:54px}
  .intro-grid h2{font-size:32px}
  .tech-tabs button{font-size:16px;min-height:60px;padding:15px 0}
}
@media(max-width:680px){
  body{font-size:16px;line-height:1.65}
  .hero h1{font-size:38px;line-height:1.12;letter-spacing:-.03em}
  .hero-lead{font-size:18px;line-height:1.5;margin-top:36px}
  .hero-description{font-size:16px;line-height:1.6;max-width:35ch}
  .hero-actions{margin-top:28px;gap:18px}
  .hero-actions .text-link{font-size:15px}
  h2,.connection-copy h2,.contact-inner h2{font-size:32px;line-height:1.2}
  .intro-grid h2{font-size:29px;line-height:1.3}
  .intro-copy>p{font-size:22px;line-height:1.5;margin-bottom:24px}
  .intro-copy>p+p{font-size:16px;line-height:1.7}
  .section-heading>p,.connection-copy>p:not(.eyebrow),.timeline-heading>p{font-size:16px;line-height:1.65}
  .project-metrics .metric-value,.project-metrics .metric-value.metric-text{font-size:36px}
  .project-metrics h3{font-size:17px}
  .project-metrics p{font-size:16px;line-height:1.65;max-width:38ch}
  .tech-tabs button{font-size:16px;min-height:60px;line-height:1.4;padding:15px 0}
  .scene-topline,.scene-reset{font-size:13px}
  .scene-motion{font-size:12px}
  .scene-direction,.scene-expand{font-size:13px}
  .scene-controls{font-size:12px;line-height:1.5}
  .exchange-label{font-size:11px;letter-spacing:.015em}
  [data-scene-phase]{font-size:14px}
  .tech-panel h3{font-size:28px;line-height:1.3}
  .tech-panel #tech-description{font-size:16px;line-height:1.7}
  .tech-panel .tech-note{font-size:15px;line-height:1.65}
  .timeline-year{font-size:32px}
  .timeline li h3{font-size:16px}
  .timeline li p{font-size:16px;line-height:1.65}
  .timeline-disclaimer,.partner-caption,.connection-footnote{font-size:12px;line-height:1.6}
  .contact-copy p{font-size:20px;line-height:1.55;max-width:34ch;margin:28px auto}
  .contact-inner .eyebrow{font-size:12px;line-height:1.6}
  .contact-copy>span{font-size:14px}
  .footer-top>p{font-size:15px;line-height:1.65}
  .footer-bottom,.footer-bottom button{font-size:12px}
  .dialog-heading h2,dialog h2{font-size:30px;line-height:1.2}
  .scene-dialog .tech-tabs button{min-height:56px;font-size:15px}
}

/* A compact language choice shares the existing header typography. */
.language-switch{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:13px;line-height:1.4;white-space:nowrap}
.language-switch a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}
.language-switch a[aria-current=page]{color:var(--text);text-decoration:underline;text-underline-offset:5px}
.language-switch a:hover{color:var(--text)}
.language-switch>span{color:var(--muted)}
html[lang=en] .menu-toggle[aria-expanded=true]::before{content:'CLOSE'}
@media(min-width:951px) and (max-width:1199px){.site-header{gap:16px}.desktop-nav{gap:16px}.desktop-nav a,.header-contact{font-size:13px}}
@media(max-width:950px){.language-switch{margin-left:auto}.site-header .menu-toggle{margin-left:0}.site-header{gap:18px}}
@media(max-width:680px){.language-switch{font-size:12px;gap:8px}.site-header{gap:14px}}

/* Flow widths use the restored reference's 1875 x 839 coordinate system. */
.energy-flows .flow-particle{stroke-width:1.05}
.energy-flows .gas .flow-particle{stroke-width:1.15}
.energy-flows .interconnection-particle{stroke-width:2.2;opacity:.72}

/* Measured from HY_Link_maquette_web_corrigee.pptx (1280 x 720).
   Roboto 400, 5% margins, original slide hierarchy. Mobile is a flowing adaptation. */
:root{--bg:#00060f;--text:#f6f8fb;--muted:#aeb6c5;--accent:#4c96ff;--line:#ffffff24;--font:Roboto,Arial,sans-serif;--display:Roboto,Arial,sans-serif;--gutter:5vw;--u:clamp(.8px,.078125vw,1.375px);--section:calc(32 * var(--u))}
body{font-size:calc(17 * var(--u));line-height:1.4;letter-spacing:0}
h1,h2,h3,.metric-value,.timeline-year,.country-code{font-family:var(--font);font-weight:400;letter-spacing:0}
.wrap{width:90%;max-width:1584px}
.section-rail,.technology-section .section-rail,.timeline-section .section-rail{justify-content:flex-start;margin-bottom:calc(24 * var(--u))}
.section-rail::before,.contact-inner .eyebrow::before{display:none}
.section-number{font-size:calc(15 * var(--u));line-height:1.2;letter-spacing:0}
.eyebrow,.small-label{letter-spacing:0}
.site-header{height:calc(100 * var(--u));padding:calc(28 * var(--u)) var(--gutter);max-width:1760px;gap:26px}
.desktop-nav{gap:calc(20 * var(--u))}
.desktop-nav a,.header-contact{font-size:calc(13 * var(--u))}
.hero{height:56.25vw;min-height:680px;max-height:990px}
.hero-map{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.hero-shade{background:none}
.hero-content{height:100%;padding:0;display:block}
.hero h1{position:absolute;top:29%;left:0;max-width:64%;font-size:calc(63 * var(--u));line-height:1.18;letter-spacing:0}
.hero-lead{position:absolute;top:62%;left:49.565%;width:48.6%;max-width:calc(420 * var(--u));margin:0;font-size:calc(24 * var(--u));line-height:1.2;letter-spacing:0}
.hero-description{position:absolute;top:73.3%;left:49.565%;width:47.75%;max-width:none;margin:0;color:var(--text);font-size:calc(17 * var(--u));line-height:1.23}
.slide-line{display:block}
.hero-description{text-wrap:pretty}
.map-caption{display:block;position:absolute;right:var(--gutter);bottom:22px;max-width:42ch;color:var(--muted);font-size:11px;line-height:1.4;text-align:right}
.hero-bottom{display:none}
.intro-section{padding-top:calc(32 * var(--u));padding-bottom:calc(38 * var(--u))}
.intro-grid{display:block}
.intro-grid .eyebrow{font-size:calc(14 * var(--u));line-height:1.2;margin:0 0 calc(26 * var(--u));color:var(--muted)}
.intro-grid h2{font-size:calc(44 * var(--u));line-height:1.2;letter-spacing:0;max-width:calc(675 * var(--u));margin:0 0 calc(32 * var(--u))}
.intro-copy>p{font-family:var(--font);font-size:calc(23 * var(--u));line-height:1.2;max-width:calc(735 * var(--u));margin:0 0 calc(28 * var(--u));letter-spacing:0}
.intro-copy>p+p{font-family:var(--font);font-size:calc(17 * var(--u));line-height:1.2;max-width:calc(800 * var(--u));margin:0;color:var(--muted)}
.intro-copy .text-link{font-size:calc(16 * var(--u));margin-top:calc(70 * var(--u))}
.project-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(49 * var(--u));max-width:none;margin:calc(32 * var(--u)) 0 0;padding-top:calc(22 * var(--u))}
.project-metrics>div{padding:0;border:0}
.project-metrics .metric-value,.project-metrics .metric-value.metric-text{font-family:var(--font);font-size:calc(38 * var(--u));line-height:1.1;min-height:0;margin-bottom:calc(11 * var(--u));letter-spacing:0}
.project-metrics .metric-value .metric-star{font-size:.66em;vertical-align:top}
.project-metrics h3{font-family:var(--font);font-size:calc(18 * var(--u));line-height:1.2;letter-spacing:0;margin-bottom:calc(10 * var(--u))}
.project-metrics p{font-size:calc(14 * var(--u));line-height:1.25;max-width:none}
.technology-section{padding-top:calc(32 * var(--u));padding-bottom:0}
.technology-section .section-heading{display:grid;grid-template-columns:60% 35%;justify-content:space-between;gap:5%;align-items:start;text-align:left}
.technology-section .section-heading h2{font-size:calc(43 * var(--u));line-height:1.2;max-width:calc(540 * var(--u));margin:0;letter-spacing:0}
.technology-section .section-heading>p{font-size:calc(18 * var(--u));line-height:1.2;max-width:none;margin:calc(13 * var(--u)) 0 0}
.technology-section .tech-tabs{display:flex;gap:calc(16 * var(--u));margin-top:calc(26 * var(--u));border-color:var(--line)}
.technology-section .tech-tabs button{flex:0 1 auto;min-height:48px;padding:10px 0;font-size:calc(15 * var(--u));line-height:1.25;white-space:nowrap}
.tech-tabs button[aria-selected=true]{font-weight:400;color:var(--text)}
.technology-display{display:grid;grid-template-columns:1fr;gap:calc(42 * var(--u));padding-top:calc(14 * var(--u))}
.technology-section .system-diagram{display:grid;grid-template-columns:1fr 1.4fr;gap:4px 24px;margin:0}
.technology-section .scene-topline{grid-column:1/-1;min-height:40px}
.technology-section .overview .scene-topline{display:none}
#system-diagram .scene-brand{display:none}
.technology-section #system-diagram .scene-viewport{grid-column:1/-1;width:86.9%;aspect-ratio:1875/839;max-height:none;height:auto;margin:0 auto;border:0;border-radius:0}
.technology-section .scene-controls{grid-column:2;grid-row:2;margin:0;min-height:44px;font-size:calc(12 * var(--u))}
.technology-section .scene-motion{font-size:calc(12 * var(--u));font-weight:400}
.technology-section .diagram-legend{display:contents}
.technology-section .diagram-legend>span{grid-column:1;grid-row:2;align-self:center;font-size:calc(12 * var(--u));line-height:1.4;color:var(--muted)}
.technology-section .diagram-legend .scene-expand{grid-column:2;grid-row:3;justify-self:end;font-size:12px;min-height:44px}
.technology-section .scene-exchanges{grid-column:1;grid-row:3;min-height:44px;border:0;padding:0;gap:12px;font-size:12px}
.technology-section .scene-exchanges .exchange-label{display:none}
.technology-section [data-scene-phase],.technology-section .scene-direction{font-size:12px}
.technology-section .system-diagram:not(.overview) .scene-viewport{grid-row:2}
.technology-section .system-diagram:not(.overview) .scene-controls,.technology-section .system-diagram:not(.overview) .diagram-legend>span{grid-row:3}
.technology-section .system-diagram:not(.overview) .scene-exchanges,.technology-section .system-diagram:not(.overview) .scene-expand{grid-row:4}
.tech-panel{display:grid;grid-template-columns:44% 51.7%;justify-content:space-between;gap:0;width:100%;max-width:none;margin:0;padding:0;border:0}
.tech-panel-title{grid-column:1}
.tech-panel-copy{grid-column:2;padding-top:calc(42 * var(--u))}
.tech-panel .small-label{font-size:calc(14 * var(--u));line-height:1.2;color:var(--accent);letter-spacing:0}
.tech-panel h3{font-size:calc(42 * var(--u));line-height:1.2;letter-spacing:0;max-width:calc(400 * var(--u));margin:calc(20 * var(--u)) 0 0}
.tech-panel #tech-description{font-size:calc(19 * var(--u));line-height:1.2;max-width:none;margin:0}
.tech-panel .tech-note{font-size:calc(16 * var(--u));line-height:1.3;margin:calc(20 * var(--u)) 0 0;color:var(--text)}
.tech-panel .tech-panel-bottom{grid-column:1/-1;margin-top:calc(35 * var(--u));padding:0 0 calc(9 * var(--u));border-top:0;border-bottom:1px solid var(--line);font-size:calc(11 * var(--u));line-height:1.2;letter-spacing:0}
.connection-section{padding-top:calc(26 * var(--u));padding-bottom:calc(50 * var(--u))}
.connection-grid{display:grid;grid-template-columns:46% 47.4%;justify-content:space-between;gap:6.6%;align-items:start}
.connection-copy .eyebrow{font-size:calc(14 * var(--u));line-height:1.2;margin:calc(4 * var(--u)) 0 calc(23 * var(--u))}
.connection-copy h2{font-size:calc(42 * var(--u));line-height:1.2;letter-spacing:0;max-width:none}
.connection-copy>p:not(.eyebrow){font-size:calc(17 * var(--u));line-height:1.2;margin:calc(35 * var(--u)) 0 0;max-width:none}
.flow-switch{justify-content:flex-start;gap:calc(45 * var(--u));border:0;margin-top:calc(38 * var(--u))}
.flow-switch button{flex:0 1 auto;padding:12px 0;min-height:44px;font-size:calc(16 * var(--u));line-height:1.25;color:var(--text);font-weight:400}
.flow-switch button.selected{font-weight:400}
.connection-visual{background:none;border:0;border-radius:0;padding:calc(14 * var(--u)) 0 0;max-width:none;margin:0}
.flow-topline{font-size:calc(14 * var(--u));line-height:1.2}
.flow-topline>.icon{display:none}
.corridor-route{padding:calc(45 * var(--u)) 0 calc(35 * var(--u));gap:20px}
.country-code{font-size:calc(44 * var(--u));line-height:1.1}
.country strong{font-size:calc(18 * var(--u));line-height:1.3;margin-top:6px}
.country small{font-size:calc(13 * var(--u));line-height:1.25;max-width:none;margin-top:5px}
.connection-path{height:auto;background:none}
.connection-path .icon{right:calc(50% - 16px);top:-16px;width:32px;height:32px;color:var(--accent)}
@media(min-width:1101px){
  .corridor-route{padding-right:calc(28 * var(--u))}
  .country-fr{width:calc(140 * var(--u));flex:none;text-align:center}
}
.flow-description{border-top:1px solid var(--line);padding-top:calc(20 * var(--u));min-height:0}
.flow-description h3{font-size:calc(24 * var(--u));line-height:1.25;letter-spacing:0;margin-bottom:calc(15 * var(--u))}
.flow-description p{font-size:calc(16 * var(--u));line-height:1.25}
.connection-footnote{font-size:calc(12 * var(--u));line-height:1.3;margin-top:calc(50 * var(--u))}
.timeline-section{border:0;padding-top:calc(32 * var(--u));padding-bottom:calc(44 * var(--u))}
.timeline-heading{display:block;text-align:left}
.timeline-heading h2{font-size:calc(49 * var(--u));line-height:1.2;letter-spacing:0;max-width:calc(650 * var(--u))}
.timeline-heading>p{font-size:calc(20 * var(--u));line-height:1.25;margin:0;max-width:none}
.timeline{display:block;max-width:none;margin:calc(62 * var(--u)) 0 0;padding:0;border:0}
.timeline li,.timeline li:last-child{display:grid;grid-template-columns:14.25% 22% minmax(0,1fr);gap:2.35%;align-items:start;margin:0;padding:calc(17 * var(--u)) 0 calc(25 * var(--u));border:0;border-top:1px solid var(--line);min-height:calc(85 * var(--u))}
.timeline li:first-child{padding-top:calc(27 * var(--u));min-height:calc(99 * var(--u))}
.timeline-dot{display:none}
.timeline-year{font-family:var(--font);font-size:calc(39 * var(--u));line-height:1.15;letter-spacing:0;grid-column:1;grid-row:1;order:0}
.timeline-year>span{font-size:.7em;vertical-align:baseline}
.timeline li h3{font-family:var(--font);font-size:calc(21 * var(--u));line-height:1.25;font-weight:400;color:var(--accent);margin:0;letter-spacing:0;grid-column:2;grid-row:1;order:0}
.timeline li p{font-size:calc(16 * var(--u));line-height:1.2;max-width:none;margin:0;grid-column:3;grid-row:1;order:0}
.timeline-disclaimer{font-size:calc(14 * var(--u));line-height:1.3;max-width:none;margin:calc(30 * var(--u)) 0 0}
.contact-section{padding:calc(56 * var(--u)) 0 calc(48 * var(--u));border:0}
.contact-inner{display:block;text-align:center;max-width:1584px}
.contact-inner .eyebrow{justify-content:center;font-size:calc(15 * var(--u));line-height:1.2;margin:0 0 calc(32 * var(--u));max-width:none}
.contact-inner h2{font-size:calc(56 * var(--u));line-height:1.15;letter-spacing:0}
.contact-copy p{font-family:var(--font);font-size:calc(24 * var(--u));line-height:1.2;letter-spacing:0;max-width:calc(680 * var(--u));margin:calc(46 * var(--u)) auto calc(28 * var(--u))}
.contact-copy p{text-wrap:balance}
.contact-copy .button{background:none;border:0;border-radius:0;padding:12px 0;font-size:calc(18 * var(--u));font-weight:400;min-height:44px}
.contact-copy .button:hover{background:none;text-decoration:underline;text-underline-offset:5px}
.contact-copy>span{font-size:calc(15 * var(--u));line-height:1.3;margin:calc(15 * var(--u)) 0 0;color:var(--muted)}
.site-footer{padding-top:0}
.footer-top{display:flex;align-items:center;border-top:1px solid var(--line);padding-top:calc(22 * var(--u));margin-bottom:calc(35 * var(--u));gap:24px}
.footer-top .brand{display:none}
.footer-top>p{font-size:calc(18 * var(--u));line-height:1.3;margin:0}
.footer-top>p br{display:none}
.footer-top>p br::after{content:' '}
.back-top{font-size:calc(14 * var(--u));line-height:1.3;min-height:44px;align-items:center}
.footer-wordmark{max-height:none;aspect-ratio:6.12;margin:0}
.footer-bottom{border:0;padding:0 0 12px;font-size:calc(10 * var(--u));line-height:1.4}
.footer-bottom button{font-size:calc(10 * var(--u));min-height:36px}
@media(max-width:1100px){
  .desktop-nav a,.header-contact{font-size:14px}
  .hero{min-height:640px}
  .hero-lead{top:56%;max-width:45ch;font-size:22px}
  .hero-description{top:71%;font-size:16px;line-height:1.4}
  .intro-copy>p{max-width:80%}
  .intro-copy>p+p{max-width:88%;font-size:16px;line-height:1.4}
  .technology-section .section-heading>p,.tech-panel #tech-description,.connection-copy>p:not(.eyebrow){font-size:16px;line-height:1.4}
  .tech-panel .tech-note,.flow-description p{font-size:15px;line-height:1.4}
  .technology-section .diagram-legend>span,.technology-section .scene-controls,.technology-section .scene-motion{font-size:12px}
  .technology-section .tech-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}
  .technology-section .tech-tabs button{white-space:normal;font-size:14px;min-height:50px}
  .technology-section #system-diagram .scene-viewport{width:100%}
  .tech-panel h3{max-width:14ch}
  .project-metrics p{font-size:14px;line-height:1.45}
  .timeline li p{font-size:15px;line-height:1.45}
  .timeline-disclaimer,.connection-footnote{font-size:12px}
  .footer-bottom,.footer-bottom button{font-size:12px}
}
@media(min-width:761px){.tech-panel[aria-labelledby=tab-overview] #tech-heading{max-width:calc(300 * var(--u))}}
@media(max-width:760px){
  :root{--u:1px;--gutter:24px;--section:60px}
  body{font-size:16px;line-height:1.5}
  .slide-line{display:inline}
  .wrap{width:calc(100% - var(--gutter)*2)}
  .site-header{height:80px;padding:20px var(--gutter);gap:18px}
  .hero{height:auto;min-height:760px;max-height:none}
  .hero-map{object-position:72% center}
  .hero-shade{background:linear-gradient(90deg,#00101fcc,#00101f70 70%,#00101f40)}
  .hero-content{height:auto;padding:150px 0 125px;display:flex;flex-direction:column;gap:0}
  .hero h1{position:static;font-size:clamp(40px,7.8vw,58px);line-height:1.16;max-width:none;margin:0;order:0}
  .hero-lead{position:static;width:auto;max-width:26ch;font-size:25px;line-height:1.25;margin:60px 0 0;order:1}
  .hero-description{position:static;width:auto;max-width:39ch;font-size:16px;line-height:1.5;margin:22px 0 0;order:2}
  .map-caption{right:var(--gutter);bottom:24px;font-size:10px;max-width:36ch}
  .section-rail{margin-bottom:28px}
  .section-number{font-size:12px;line-height:1.4}
  .intro-section,.technology-section,.timeline-section{padding-top:56px;padding-bottom:56px}
  .intro-grid .eyebrow{font-size:12px;line-height:1.5;margin-bottom:22px}
  .intro-grid h2{font-size:34px;line-height:1.18;max-width:22ch;margin:0 0 32px}
  .intro-copy>p{font-size:21px;line-height:1.4;max-width:none;margin-bottom:24px}
  .intro-copy>p+p{font-size:16px;line-height:1.5;max-width:none}
  .intro-copy .text-link{font-size:16px;margin-top:36px;min-height:44px}
  .project-metrics{display:block;margin-top:32px;padding:0}
  .project-metrics>div{padding:28px 0;border-bottom:1px solid var(--line)}
  .project-metrics .metric-value,.project-metrics .metric-value.metric-text{font-size:36px;line-height:1.15;margin-bottom:12px}
  .project-metrics h3{font-size:17px;line-height:1.35;margin-bottom:8px}
  .project-metrics p{font-size:14px;line-height:1.5;max-width:40ch}
  .technology-section{padding-bottom:0}
  .technology-section .section-heading{display:block}
  .technology-section .section-heading h2{font-size:34px;line-height:1.18;max-width:21ch}
  .technology-section .section-heading>p{font-size:16px;line-height:1.5;margin:24px 0 0;max-width:44ch}
  .technology-section .tech-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:24px}
  .technology-section .tech-tabs button{font-size:14px;min-height:52px;padding:12px 0}
  .technology-display{padding-top:18px;gap:42px}
  .technology-section .system-diagram{display:flex;flex-direction:column;gap:0}
  .technology-section .scene-topline{order:0}
  .technology-section #system-diagram .scene-viewport{order:1;width:100%;aspect-ratio:1875/839;min-height:0}
  .technology-section #system-diagram:not(.overview) .scene-viewport{aspect-ratio:1.2}
  .technology-section .scene-controls{order:2;font-size:12px;min-height:48px;margin-top:8px}
  .technology-section .scene-motion{font-size:12px}
  .technology-section .scene-exchanges{order:3;justify-content:space-between;min-height:48px;flex-wrap:wrap}
  .technology-section .diagram-legend{display:flex;order:4;flex-wrap:wrap;border-top:1px solid var(--line);margin:0;padding:10px 0 0;gap:4px 14px;text-align:left}
  .technology-section .diagram-legend>span{font-size:11px}
  .technology-section .diagram-legend .scene-expand{font-size:12px;min-height:44px}
  .tech-panel{display:block;padding:0;border:0}
  .tech-panel .small-label{font-size:12px;line-height:1.4}
  .tech-panel h3{font-size:34px;line-height:1.18;margin:20px 0 0;max-width:19ch}
  .tech-panel-copy{padding-top:24px}
  .tech-panel #tech-description{font-size:17px;line-height:1.45;margin:0}
  .tech-panel .tech-note{font-size:15px;line-height:1.5;margin-top:20px}
  .tech-panel .tech-panel-bottom{font-size:11px;line-height:1.4;margin-top:30px;padding-bottom:16px}
  .connection-section{padding-top:38px;padding-bottom:56px}
  .connection-grid{display:block}
  .connection-copy{max-width:none}
  .connection-copy .eyebrow{font-size:12px;line-height:1.4;margin:0 0 22px}
  .connection-copy h2{font-size:34px;line-height:1.18;max-width:22ch}
  .connection-copy>p:not(.eyebrow){font-size:16px;line-height:1.5;margin-top:28px}
  .flow-switch{justify-content:space-between;gap:20px;margin-top:24px}
  .flow-switch button{font-size:15px;min-height:48px}
  .connection-visual{padding:38px 0 0;max-width:none;width:100%}
  .flow-topline{font-size:12px;line-height:1.4}
  .corridor-route{padding:30px 0;gap:12px}
  .country-code{font-size:42px;line-height:1.1}
  .country strong{font-size:17px}
  .country small{font-size:11px;max-width:125px;line-height:1.4}
  .flow-description{padding-top:24px}
  .flow-description h3{font-size:24px;line-height:1.25;margin-bottom:16px}
  .flow-description p{font-size:15px;line-height:1.5}
  .connection-footnote{font-size:11px;margin-top:32px}
  .timeline-heading h2{font-size:36px;line-height:1.2;max-width:22ch}
  .timeline-heading>p{font-size:17px;line-height:1.5;margin-top:24px}
  .timeline{margin-top:36px}
  .timeline li,.timeline li:first-child,.timeline li:last-child{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px 20px;padding:24px 0;min-height:0}
  .timeline-year{font-size:30px;line-height:1.2;grid-column:1;grid-row:1}
  .timeline li h3{font-size:20px;line-height:1.3;grid-column:2;grid-row:1;margin:0}
  .timeline li p{font-size:15px;line-height:1.45;grid-column:2;grid-row:2}
  .timeline-disclaimer{font-size:12px;line-height:1.5;margin-top:24px}
  .contact-section{padding:52px 0 48px}
  .contact-inner .eyebrow{font-size:12px;line-height:1.4;margin:0 0 28px}
  .contact-inner h2{font-size:48px;line-height:1.2}
  .contact-copy p{font-size:22px;line-height:1.4;max-width:35ch;margin:30px auto 24px}
  .contact-copy .button{font-size:17px;min-height:48px}
  .contact-copy>span{font-size:14px;margin-top:18px}
  .footer-top{display:flex;flex-wrap:wrap;gap:14px;padding-top:24px;margin-bottom:26px}
  .footer-top>p{font-size:16px;line-height:1.4;max-width:25ch}
  .back-top{font-size:12px;margin-left:auto;white-space:nowrap}
  .footer-wordmark{aspect-ratio:6.12;max-height:none;margin:0 0 12px}
  .footer-bottom,.footer-bottom button{font-size:11px}
  .footer-bottom{padding:0 0 20px}
}
@media(max-width:380px){
  :root{--gutter:18px}
  .site-header{gap:12px}
  .brand{width:116px}
  .brand-image{transform:scale(.77)}
  .hero h1{font-size:38px}
  html[lang=en] .hero h1{font-size:clamp(30px,9.6vw,36px)}
  .hero-lead{font-size:23px}
  .timeline li,.timeline li:first-child,.timeline li:last-child{grid-template-columns:72px minmax(0,1fr);gap:12px 14px}
  .timeline-year{font-size:27px}
}