/* Marinvest Energy - marinvest.no
   Tokens per CLAUDE.md. Archivo self-hosted from /fonts (variable TTF from Google Fonts). */
@font-face{font-family:"Archivo";src:url("../fonts/Archivo-Variable.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("../fonts/Archivo-Italic-Variable.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap}
:root{
--navy:#0B2C55;--gold:#F2A71B;--slate:#5B6979;--mist:#E9EEF4;
--navy-900:#061C37;--navy-700:#0B2C55;--navy-500:#174782;--navy-300:#3774BE;--navy-100:#C8D7EA;--navy-50:#EDF2F7;
--gold-700:#B87E14;--gold-500:#F2A71B;--gold-200:#F7D9A1;--gold-50:#FDF4E3;
--neutral-900:#1D232B;--neutral-700:#3D4651;--neutral-500:#5B6979;--neutral-400:#818B98;--neutral-300:#C6CBD2;--neutral-200:#C6CBD2;--neutral-100:#E9EEF4;--neutral-50:#F5F7FA;--white:#FFFFFF;
--success:#1F7A4D;--warning:#B87E14;--error:#B3261E;--info:#174782;
--font-sans:"Archivo",Helvetica,Arial,sans-serif;
--radius-1:2px;--container-max:1200px;
}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--neutral-900);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
a{color:var(--navy-500)}a:hover{color:var(--navy-700)}
img,svg{display:block;max-width:100%}
p{margin:0;line-height:1.6;text-wrap:pretty}
.wrap{max-width:var(--container-max);margin:0 auto;padding:0 40px}
@media(max-width:640px){.wrap{padding:0 20px}}
.eyebrow{font-size:12px;font-weight:600;font-stretch:110%;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-500)}
.eyebrow.gold{color:var(--gold-500)}
.lead{font-size:18px;line-height:1.6;color:var(--neutral-700);max-width:36em}
.body{font-size:16px;line-height:1.6;max-width:68ch}
.h1{font-size:clamp(34px,4.6vw,60px);line-height:1.1;letter-spacing:-.01em;font-weight:600;color:var(--navy-700);margin:0;max-width:16em;text-wrap:pretty}
.h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.005em;font-weight:600;color:var(--navy-700);margin:0;max-width:22em;text-wrap:pretty}
.h3{font-size:22px;line-height:1.3;font-weight:600;color:var(--navy-700);margin:0}
.sec{padding:96px 0}.sec.tight{padding:64px 0}.sec.subtle{background:var(--neutral-50)}
@media(max-width:768px){.sec{padding:64px 0}.sec.tight{padding:48px 0}}
.stack{display:flex;flex-direction:column;gap:16px}.stack>.eyebrow{margin-bottom:-4px}
.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;letter-spacing:.01em;border-radius:var(--radius-1);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;font-size:16px;padding:12px 28px;min-height:48px;transition:background-color 150ms ease-out,border-color 150ms ease-out,color 150ms ease-out}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--navy-700);color:#fff;border-color:var(--navy-700)}.btn-primary:hover{background:var(--navy-500);border-color:var(--navy-500);color:#fff}
.btn-secondary{background:#fff;color:var(--navy-700);border-color:var(--navy-700)}.btn-secondary:hover{background:var(--navy-50);color:var(--navy-700)}
.btn-accent{background:var(--gold-500);color:var(--navy-900);border-color:var(--gold-500)}.btn-accent:hover{background:#E09A16;border-color:#E09A16;color:var(--navy-900)}
.btn-inverse{background:transparent;color:#fff;border-color:#fff}.btn-inverse:hover{background:rgba(255,255,255,.12);color:#fff}
.btn-sm{font-size:14px;padding:6px 16px;min-height:36px}
.link{font-weight:600;color:var(--navy-700);text-decoration:none;display:inline-flex;gap:8px;align-items:center}.link:hover{color:var(--navy-500);text-decoration:underline}
.link.ext::after{content:"↗";font-weight:400}
/* header */
.hdr{background:#fff;border-bottom:1px solid var(--neutral-200);position:sticky;top:0;z-index:10}
.hdr .wrap{display:flex;align-items:center;gap:40px;min-height:72px}
.hdr .logo img{height:32px}
.nav{display:flex;gap:32px;margin-left:auto;align-items:center}
.nav a{font-size:12px;font-weight:600;font-stretch:110%;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-700);text-decoration:none;padding:28px 0;border-bottom:2px solid transparent;transition:color 150ms ease-out,border-color 150ms ease-out}
.nav a:hover{color:var(--navy-700);text-decoration:none}.nav a.on{color:var(--navy-700);border-bottom-color:var(--navy-700)}
.menu-toggle{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.menu-toggle:focus-visible+.menu{outline:2px solid var(--navy-500);outline-offset:2px}.menu{display:none;margin-left:auto;background:none;border:1px solid var(--navy-700);color:var(--navy-700);font:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-radius:2px;cursor:pointer}
@media(max-width:900px){.menu{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--neutral-200);flex-direction:column;gap:0;padding:8px 40px 16px;align-items:stretch}.nav.open,.menu-toggle:checked~.nav{display:flex}.nav a{padding:14px 0;border-bottom:1px solid var(--neutral-100)}.nav a.on{border-bottom-color:var(--neutral-100);color:var(--navy-700)}.hdr .wrap{position:relative}}
.skip{position:absolute;left:-9999px;top:0;background:var(--navy-700);color:#fff;padding:12px 16px;z-index:20;font-weight:600}.skip:focus{left:0}
.principles.c3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.principles.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.principles.c3{grid-template-columns:1fr}}
@media(max-width:640px){.nav{padding:8px 20px 16px}}
/* pages */
/* hero */
.hero{background:var(--navy-700);color:#fff}
.hero .h1,.hero .h2{color:#fff}.hero .lead{color:var(--navy-100)}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center;padding-top:96px;padding-bottom:96px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px;padding-top:64px;padding-bottom:64px}}
.hero-plain{padding-top:96px;padding-bottom:80px}
@media(max-width:768px){.hero-plain{padding-top:64px;padding-bottom:56px}}
.ph{position:relative;border:1px solid var(--navy-100);background:repeating-linear-gradient(135deg,var(--neutral-50) 0 12px,#fff 12px 24px);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}
.ph span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-500);font-weight:600;font-stretch:110%;line-height:1.6}
.hero .ph{border-color:rgba(255,255,255,.25);background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 12px,transparent 12px 24px)}.hero .ph span{color:var(--navy-100)}
/* proof strip */
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
@media(max-width:900px){.proof{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.proof{grid-template-columns:1fr}}
.proof div{border-top:2px solid var(--navy-700);padding-top:16px}.proof b{display:block;font-size:16px;font-weight:600;color:var(--navy-700);margin-bottom:6px}.proof p{font-size:14px;line-height:1.5;color:var(--neutral-700)}
/* two-col */
.two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.two.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
@media(max-width:900px){.two,.two.rev{grid-template-columns:1fr;gap:40px}}
/* stat tiles */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--neutral-200);border:1px solid var(--neutral-200)}
.stats.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.stats.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.stats,.stats.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.stats,.stats.c3,.stats.c2{grid-template-columns:1fr}}
.stats div{background:#fff;padding:24px}.stats b{display:block;font-size:24px;font-weight:600;color:var(--navy-700);font-feature-settings:'tnum' 1,'lnum' 1;line-height:1.2}.stats small{display:block;font-size:13px;color:var(--neutral-500);margin-top:6px;line-height:1.5}
.stats.dark{background:var(--navy-500);border-color:var(--navy-500)}.stats.dark div{background:var(--navy-700)}.stats.dark b{color:#fff}.stats.dark small{color:var(--navy-100)}
/* feature card w/ map */
.feature{background:var(--navy-700);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
@media(max-width:900px){.feature{grid-template-columns:1fr}}
.feature .txt{padding:56px 48px;display:flex;flex-direction:column;gap:20px}.feature .h2{color:#fff}.feature p{color:var(--navy-100);line-height:1.6}
@media(max-width:640px){.feature .txt{padding:40px 24px}}
.feature .map{background:var(--navy-900);display:flex;align-items:center;padding:24px}
/* cta band */
.band{background:var(--navy-50);border-top:1px solid var(--navy-100);border-bottom:1px solid var(--navy-100)}
.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding-top:48px;padding-bottom:48px}
.band .h3{max-width:28em}
.band.dual .wrap{align-items:flex-start}
/* elements grid */
.elements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
@media(max-width:900px){.elements{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.elements{grid-template-columns:1fr}}
.elements div{border-top:1px solid var(--neutral-200);padding-top:20px}
.elements i{display:inline-block;font-style:normal;font-size:12px;font-weight:600;color:var(--navy-500);font-feature-settings:'tnum' 1;margin-bottom:12px;letter-spacing:.08em}
.elements b{display:block;font-size:18px;color:var(--navy-700);margin-bottom:8px}.elements p{font-size:15px;line-height:1.55;color:var(--neutral-700)}
/* comparison */
.cmp{display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(0,2fr) minmax(0,2fr);border-top:2px solid var(--navy-700)}
.cmp>div{padding:20px 20px 20px 0;border-bottom:1px solid var(--neutral-200);font-size:15px;line-height:1.5}
.cmp .k{font-weight:600;color:var(--navy-700)}.cmp .a{color:var(--neutral-700)}.cmp .m{background:var(--navy-50);padding-left:20px;color:var(--navy-700);font-weight:500;border-bottom-color:var(--navy-100)}
.cmp .hd{font-size:12px;font-weight:600;font-stretch:110%;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-500);padding-top:14px;padding-bottom:14px}
.cmp .hd.m{color:var(--navy-700)}
@media(max-width:768px){.cmp{grid-template-columns:1fr;border-top:0;gap:16px}.cmp .hd{display:none}.cmp>div{border:0;padding:0}.cmp .k{border-top:2px solid var(--navy-700);padding:12px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-stretch:110%;font-size:12px}.cmp .a::before,.cmp .m::before{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-500);margin-bottom:4px}.cmp .a::before{content:"Conventional onshore"}.cmp .m::before{content:"METS";color:var(--navy-700)}.cmp .a{padding:0 0 12px}.cmp .m{padding:12px 16px;margin-bottom:8px}}
/* bullet list */
.list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.list li{padding-left:20px;position:relative;line-height:1.6}.list li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:2px;background:var(--navy-700)}
/* principles */
.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}
@media(max-width:640px){.principles{grid-template-columns:1fr}}
.principles div{border-top:1px solid var(--neutral-200);padding-top:20px}.principles b{display:block;font-size:18px;color:var(--navy-700);margin-bottom:8px}.principles p{color:var(--neutral-700);line-height:1.6}
/* facts */
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--neutral-200);border:1px solid var(--neutral-200)}
@media(max-width:640px){.facts{grid-template-columns:1fr}}
.facts div{background:#fff;padding:24px}.facts small{display:block;font-size:12px;font-weight:600;font-stretch:110%;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-500);margin-bottom:8px}.facts p{line-height:1.55}
/* people */
.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
@media(max-width:900px){.people{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.people{grid-template-columns:1fr}}
.people .ph{aspect-ratio:4/5;margin-bottom:16px}.people b{display:block;color:var(--navy-700);font-size:18px}.people span.role{display:block;font-size:14px;color:var(--neutral-500);margin:2px 0 8px}.people p{font-size:15px;line-height:1.55;color:var(--neutral-700)}
/* quote */
.quote{border-left:2px solid var(--gold-500);padding:8px 0 8px 24px;max-width:40em}.quote p{font-size:22px;line-height:1.4;color:var(--navy-700);font-weight:500}.quote cite{display:block;margin-top:12px;font-style:normal;font-size:14px;color:var(--neutral-500)}
/* contact */
.contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
@media(max-width:900px){.contacts{grid-template-columns:1fr}}
.contacts div{border-top:2px solid var(--navy-700);padding-top:20px}.contacts b{display:block;font-size:12px;font-weight:600;font-stretch:110%;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-500);margin-bottom:12px}.contacts p{line-height:1.6}.contacts .nm{font-weight:600;color:var(--navy-700)}
/* form */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;max-width:760px}
@media(max-width:640px){.form{grid-template-columns:1fr}}
.fld{display:flex;flex-direction:column;gap:8px}.full{grid-column:1/-1}
.fld label{font-size:12px;font-weight:600;font-stretch:110%;letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-700)}
.fld input,.fld select,.fld textarea{font:inherit;font-size:16px;line-height:1.5;color:var(--neutral-900);background:#fff;border:1px solid var(--neutral-300,#C6CBD2);border-radius:var(--radius-1);padding:12px 14px;min-height:48px;width:100%}
.fld textarea{resize:vertical;min-height:160px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--navy-500);outline-offset:0;border-color:var(--navy-500)}
/* svg diagram type */
.dg text{font-family:var(--font-sans);font-size:13px;fill:var(--neutral-700)}.dg .lbl{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;fill:var(--neutral-500)}.dg .num{font-size:11px;font-weight:600;fill:#fff}.dg .strong{font-weight:600;fill:var(--navy-700)}
.map text{font-family:var(--font-sans);font-size:13px;fill:var(--neutral-700)}.map .lbl{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;fill:var(--neutral-500)}.map .strong{font-weight:600;fill:var(--navy-700)}.map .sm{font-size:12px}
.map-dark text{fill:var(--navy-100)}.map-dark .lbl{fill:var(--navy-100)}.map-dark .strong{fill:#fff}
.note{font-size:13px;color:var(--neutral-500);line-height:1.5}
/* footer */
footer{background:var(--navy-900);color:var(--navy-100)}
footer .top{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding:48px 0 32px}
footer .top img{height:28px}
footer nav{display:flex;gap:28px;flex-wrap:wrap}footer nav a{font-size:12px;font-weight:600;font-stretch:110%;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-100);text-decoration:none}footer nav a:hover{color:#fff;text-decoration:underline}
footer .legal{border-top:1px solid var(--navy-700);padding:24px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;font-feature-settings:'tnum' 1}footer .legal a{color:var(--navy-100)}

.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
[hidden]{display:none!important}