:root{--ink:#13231c;--forest:#0c2118;--sage:#758577;--cream:#f2efe6;--paper:#faf8f2;--gold:#c69b58;--line:rgba(19,35,28,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.nowrap{white-space:nowrap}h1,h2{font-family:"Manrope",sans-serif;letter-spacing:-.055em;line-height:1.03;font-weight:500}h2{font-size:clamp(3rem,6.5vw,6.2rem)}h2 em,h1 em{color:var(--gold);font-style:normal}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:white;border-bottom:1px solid rgba(255,255,255,.18)}.logo{display:flex;gap:13px;align-items:center;font-size:20px;font-weight:600;letter-spacing:.18em}.logo small{font-size:9px;vertical-align:top;letter-spacing:.1em}.logo-mark{width:28px;height:34px;display:flex;align-items:flex-end;gap:3px}.logo-mark i{display:block;width:6px;background:var(--gold);transform:skewY(-35deg)}.logo-mark i:nth-child(1){height:15px}.logo-mark i:nth-child(2){height:24px}.logo-mark i:nth-child(3){height:33px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:13px;letter-spacing:.06em}.site-header nav a:not(.nav-cta){opacity:.8}.site-header nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.45);padding:11px 18px}.menu-button{display:none;background:transparent;border:0;color:white;font:inherit}.hero{min-height:820px;height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;color:white;background:var(--forest)}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,16,11,.8) 0%,rgba(3,16,11,.42) 46%,rgba(3,16,11,.05)),url("assets/eron-landskap.png") center/cover}.hero-content{position:relative;z-index:2;width:min(720px,76vw);margin-left:10vw;padding-top:70px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.25em;font-weight:600}.eyebrow.light{color:#c6d0c7}.hero h1{font-size:clamp(4rem,7.3vw,7.5rem);margin:24px 0 28px}.hero-copy{max-width:570px;font-size:18px;color:rgba(255,255,255,.72);line-height:1.75}.text-link{display:inline-flex;gap:36px;align-items:center;margin-top:27px;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:13px;text-transform:uppercase;letter-spacing:.14em}.text-link span{color:var(--gold);font-size:20px}.hero-number{position:absolute;right:-.02em;bottom:-.22em;font:500 min(35vw,570px)/1 "Manrope",sans-serif;color:rgba(255,255,255,.035);letter-spacing:-.1em}.scroll-note{position:absolute;left:5vw;bottom:38px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;transform:rotate(-90deg);transform-origin:left center}.scroll-note span{display:inline-block;width:50px;border-top:1px solid var(--gold);vertical-align:middle;margin-left:13px}.section{padding:130px 10vw}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:600;display:flex;gap:20px;align-items:center;margin-bottom:85px}.section-label:after{content:"";height:1px;background:var(--line);flex:1}.section-label span{color:var(--gold)}.intro-grid{display:grid;grid-template-columns:1.05fr .7fr;gap:10vw}.intro-grid h2{margin:0}.intro-copy{padding-top:10px}.intro-copy .lead{font:500 24px/1.55 "Manrope",sans-serif}.intro-copy>p:last-child{color:#607067}.principles{border-top:1px solid var(--line);margin-top:100px;padding-top:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:7vw}.principles article>span{color:var(--gold);font-size:11px}.principles h3{font:500 21px "Manrope",sans-serif;margin:20px 0 8px}.principles p{color:#6d776f;font-size:14px}.people{background:var(--cream)}.section-heading{display:grid;grid-template-columns:1fr 330px;align-items:end;gap:40px;margin-bottom:70px}.section-heading h2{margin:0}.section-heading>p{color:#69736c;margin:0 0 10px}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.portrait{height:360px;position:relative;overflow:hidden;margin-bottom:25px;background:linear-gradient(150deg,#9baa9c,#33473d)}.portrait-per{background:linear-gradient(150deg,#b3a487,#42382e)}.portrait-camilla{background:linear-gradient(150deg,#c7baaa,#625a52)}.portrait-haakon{background:linear-gradient(150deg,#879a98,#263f3d)}.portrait img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.portrait img[src]{font-size:0}.portrait img:not([src]),.portrait img[src=""]{display:none}.portrait span{position:absolute;inset:0;display:grid;place-items:center;font:400 9rem "Manrope",sans-serif;color:rgba(255,255,255,.18)}.person-index{font-size:10px;color:var(--gold);margin-bottom:10px}.person-card h3{font:500 28px "Manrope",sans-serif;margin-bottom:2px}.person-card .role{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#65736b;margin-bottom:20px}.person-card>p:last-child{font-size:14px;color:#617067}.draft-note{font-size:11px;color:#7c847f;margin:38px 0 0}.ownership{background:var(--forest);color:white}.section-label.light:after{background:rgba(255,255,255,.16)}.ownership-heading{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:end;margin-bottom:80px}.ownership-heading h2{margin:0}.ownership-heading>p{color:rgba(255,255,255,.55)}.company{position:relative;display:grid;grid-template-columns:60px 1fr 1fr 45px;gap:30px;align-items:center;border-top:1px solid rgba(255,255,255,.18);padding:45px 0;transition:padding .25s,background .25s}.company:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.company:hover{background:rgba(255,255,255,.035);padding-left:20px;padding-right:20px}.company-no{font-size:10px;color:var(--gold)}.company-type{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin:0 0 5px}.company h3{font:500 clamp(1.8rem,3vw,3.2rem) "Manrope",sans-serif;margin:0}.company>p{font-size:14px;color:rgba(255,255,255,.55);margin:0;max-width:450px}.company-arrow{font-size:25px;color:var(--gold)}.contact{padding-top:150px;padding-bottom:150px}.contact .eyebrow{color:var(--gold)}.contact-row{display:flex;justify-content:space-between;align-items:flex-end}.contact h2{font-size:clamp(3rem,5.8vw,5.6rem);margin:20px 0 0}.contact-row>a{font-size:18px;border-bottom:1px solid var(--ink);padding:10px 0}.contact-row>a span{color:var(--gold);margin-left:30px}footer{background:#07150f;color:white;padding:65px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.footer-logo{justify-self:start}.footer-logo+p{color:rgba(255,255,255,.55);font-size:13px}.copyright{justify-self:end;text-align:right;color:rgba(255,255,255,.4);font-size:11px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:82px}.menu-button{display:block}.site-header nav{position:absolute;top:82px;left:0;width:100%;background:#0b1e16;padding:28px 5vw;display:none;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero{min-height:720px}.hero-content{margin-left:8vw}.section{padding:90px 7vw}.intro-grid,.section-heading,.ownership-heading{grid-template-columns:1fr}.intro-copy{max-width:620px}.people-grid{grid-template-columns:repeat(2,1fr)}.portrait{height:430px}.company{grid-template-columns:40px 1fr 35px}.company>p{grid-column:2/3}.contact-row{display:block}.contact-row>a{display:inline-block;margin-top:45px}}
@media(max-width:580px){h2{font-size:2.8rem}.hero-content{width:auto;margin:0 7vw;padding-top:30px}.hero h1{font-size:3.6rem}.hero-copy{font-size:16px}.scroll-note{display:none}.section-label{margin-bottom:55px}.principles{grid-template-columns:1fr;gap:22px}.principles article{border-bottom:1px solid var(--line)}.people-grid{grid-template-columns:1fr}.portrait{height:110vw;max-height:500px}.company{padding:32px 0;gap:14px}.company h3{font-size:1.8rem}.company-arrow{font-size:20px}.contact{padding-top:90px;padding-bottom:90px}footer{grid-template-columns:1fr;gap:35px}.copyright{justify-self:start;text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.person-card .bio{font-size:14px;color:#617067}.linkedin{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding-bottom:3px;border-bottom:1px solid rgba(19,35,28,.35);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.linkedin span{display:inline-grid;place-items:center;width:18px;height:18px;background:var(--ink);color:white;font-size:10px;font-weight:600;text-transform:none;letter-spacing:0}.linkedin:hover{color:var(--gold);border-color:var(--gold)}
.portrait{height:auto;aspect-ratio:1}.portrait img{object-position:center}
.people-grid{display:block}.person-card{position:sticky;top:28px;min-height:calc(100vh - 56px);display:grid;grid-template-columns:minmax(320px,.88fr) 1.12fr;align-items:stretch;gap:0;margin-bottom:18vh;background:var(--paper);border:1px solid rgba(19,35,28,.12);box-shadow:0 24px 70px rgba(19,35,28,.12);overflow:hidden}.person-card:last-child{margin-bottom:0}.person-card:nth-child(2){top:36px}.person-card:nth-child(3){top:44px}.person-card:nth-child(4){top:52px}.person-card .portrait{height:100%;min-height:620px;aspect-ratio:auto;margin:0}.person-card .portrait img{object-position:center;filter:saturate(.82)}.person-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,7vw,105px)}.person-index{margin-bottom:32px;letter-spacing:.18em}.person-card h3{font-size:clamp(3.3rem,6vw,6.3rem);letter-spacing:-.055em;line-height:1;margin-bottom:12px}.person-card .role{margin-bottom:42px}.person-card .bio{max-width:600px;font:500 clamp(1.1rem,1.6vw,1.4rem)/1.55 "Manrope",sans-serif;color:var(--ink)}.credentials{list-style:none;margin:24px 0 38px;padding:0;max-width:600px;border-top:1px solid var(--line)}.credentials li{position:relative;padding:11px 0 11px 25px;border-bottom:1px solid var(--line);font-size:14px;color:#5d6b63}.credentials li:before{content:"";position:absolute;left:1px;top:20px;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}.linkedin{align-self:flex-start;margin-top:0}
@media(max-width:900px){.person-card,.person-card:nth-child(n){top:18px;min-height:auto;grid-template-columns:1fr;margin-bottom:12vh}.person-card .portrait{height:auto;min-height:0;aspect-ratio:4/3}.person-copy{padding:48px}.person-card h3{font-size:4rem}}
@media(max-width:580px){.people.section{padding-left:4vw;padding-right:4vw}.people .section-label,.people .section-heading{margin-left:3vw;margin-right:3vw}.person-card,.person-card:nth-child(n){top:10px;margin-bottom:10vh}.person-card .portrait{aspect-ratio:1}.person-copy{padding:34px 28px 40px}.person-index{margin-bottom:20px}.person-card h3{font-size:3.4rem}.person-card .role{margin-bottom:28px}.credentials{margin-bottom:30px}}
.person-card .portrait-henrik,.person-card .portrait-haakon{background-color:#253c32;background-position:center;background-size:cover}.person-card .portrait-henrik{background-image:linear-gradient(rgba(18,42,31,.66),rgba(18,42,31,.82)),url("images/henrik.jpeg")}.person-card .portrait-haakon{background-image:linear-gradient(rgba(18,42,31,.62),rgba(18,42,31,.8)),url("images/haakon.jpeg")}.person-card .portrait-henrik img,.person-card .portrait-haakon img{position:absolute;left:50%;top:50%;width:min(78%,450px);height:auto;aspect-ratio:1;transform:translate(-50%,-50%);object-fit:cover;filter:saturate(.88);border:1px solid rgba(255,255,255,.45);box-shadow:0 24px 60px rgba(0,0,0,.28)}.person-card .portrait-camilla{background:#d9dfdc}.person-card .portrait-camilla img{object-fit:contain;object-position:center;padding:7%}
@media(max-width:900px){.person-card .portrait-henrik img,.person-card .portrait-haakon img{width:min(70%,410px)}.person-card .portrait-camilla img{padding:4%}}
@media(max-width:580px){.person-card .portrait-henrik img,.person-card .portrait-haakon img{width:78%}.person-card .portrait-camilla img{padding:5%}}
.company-stories{display:block}.company-story{position:sticky;top:28px;min-height:calc(100vh - 56px);display:grid;grid-template-columns:1.08fr .92fr;margin-bottom:18vh;background:#f3f0e7;color:var(--ink);overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.28)}.company-story:nth-child(2){top:38px}.company-story:nth-child(3){top:48px;margin-bottom:0}.company-visual{position:relative;min-height:650px;overflow:hidden;background:#d9ddd8}.company-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(4,18,12,.45))}.company-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s ease}.company-story:hover .company-visual img{transform:scale(1.025)}.company-visual>span{position:absolute;z-index:2;left:30px;bottom:24px;font-size:10px;letter-spacing:.18em;color:white}.energy-story .company-visual{background:#e8e7e2}.energy-story .company-visual img{object-fit:contain}.energy-story .company-visual:after{background:linear-gradient(180deg,transparent 70%,rgba(4,18,12,.22))}.company-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(45px,6vw,95px)}.company-content h3{font:500 clamp(3rem,5vw,5.7rem)/1 "Manrope",sans-serif;letter-spacing:-.055em;margin:8px 0 26px}.company-lead{font:500 clamp(1.05rem,1.35vw,1.28rem)/1.6 "Manrope",sans-serif;max-width:620px;color:#3f5148}.company-facts{list-style:none;margin:30px 0 40px;padding:0;border-top:1px solid var(--line)}.company-facts li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.company-facts strong{color:var(--gold);font:600 14px "Manrope",sans-serif}.company-facts span{font-size:13px;color:#5e6c64}.company-link{align-self:flex-start;display:inline-flex;gap:28px;padding-bottom:7px;border-bottom:1px solid var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.company-link span{color:var(--gold);font-size:18px}
@media(max-width:900px){.company-story,.company-story:nth-child(n){top:18px;min-height:auto;grid-template-columns:1fr;margin-bottom:12vh}.company-visual{min-height:0;aspect-ratio:16/9}.company-content{padding:48px}.company-content h3{font-size:4rem}}
@media(max-width:580px){.ownership.section{padding-left:4vw;padding-right:4vw}.ownership .section-label,.ownership .ownership-heading{margin-left:3vw;margin-right:3vw}.company-story,.company-story:nth-child(n){top:10px;margin-bottom:10vh}.company-visual{aspect-ratio:4/3}.company-content{padding:34px 27px 40px}.company-content h3{font-size:3rem}.company-facts li{grid-template-columns:90px 1fr;gap:10px}}
.company-direction{max-width:640px;margin:-10px 0 34px;padding-left:18px;border-left:2px solid var(--gold)}.company-direction p:first-child{margin-bottom:7px;color:var(--gold);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em}.company-direction p:last-child{margin:0;color:#59675f;font-size:13px;line-height:1.7}.direction-contact{align-self:flex-start;margin:-14px 0 28px;color:#415349;font-size:12px;font-weight:600}.direction-contact span{color:var(--gold);margin-left:8px}.company-content:has(.company-direction){padding-top:45px;padding-bottom:45px}
@media(max-width:580px){.person-card,.person-card:nth-child(n),.company-story,.company-story:nth-child(n){position:relative;top:auto}.person-card,.company-story{margin-bottom:42px}.person-card:last-child,.company-story:last-child{margin-bottom:0}}
@media(max-width:580px){html{scroll-behavior:auto}html,body{width:100%;max-width:100%;overflow-x:hidden}.reveal{opacity:1;transform:none;transition:none}.people-grid,.company-stories{width:100%;min-width:0}.person-card,.person-card:nth-child(n),.company-story,.company-story:nth-child(n){position:static;width:100%;max-width:100%;min-width:0;min-height:0;overflow:visible;transform:none}.person-copy,.company-content{width:100%;max-width:100%;min-width:0;padding-left:24px;padding-right:24px}.person-card h3,.company-content h3,.person-card p,.company-content p,.credentials li,.company-facts li{max-width:100%;overflow-wrap:anywhere}.person-card h3{font-size:clamp(2.8rem,14vw,3.4rem)}.person-card .role{font-size:10px;line-height:1.55;letter-spacing:.09em}.person-card .bio{font-size:1.05rem}.credentials li{padding-right:2px;line-height:1.5}.company-content h3{font-size:clamp(2.2rem,11.5vw,2.8rem);line-height:1.04}.company-lead{font-size:1rem}.company-facts li{grid-template-columns:82px minmax(0,1fr)}.company-facts strong,.company-facts span{min-width:0}.company-direction{max-width:100%;margin-top:0;margin-right:0}.company-link,.direction-contact{max-width:100%;white-space:normal;line-height:1.5}}