@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --ox-black:#050707;
  --ox-dark:#0b1011;
  --ox-dark-2:#111718;
  --ox-white:#f5f6f2;
  --ox-muted:#aab2af;
  --ox-line:rgba(255,255,255,.16);
  --ox-accent:#c2d83b;
  --ox-max:1440px;
  --ox-section-pad:140px;
  --ox-logo-width:205px;
  --ox-logo-max-height:58px;
  --ox-header-height:92px;
  --ox-header-gradient-angle:90deg;
  --ox-header-gradient-start:rgba(255,255,255,.96);
  --ox-header-gradient-mid:rgba(255,255,255,.78);
  --ox-header-gradient-end:rgba(255,255,255,.48);
  --ox-header-menu-color:#17344a;
  --ox-header-menu-hover:#d11f2a;
  --ox-header-menu-active:#0b5fa5;
  --ox-header-border:#d7dee3;
  --ox-header-scroll-bg:rgba(255,255,255,.94);
  --ox-header-scroll-menu-color:#17344a;
  --ox-header-scroll-menu-hover:#d11f2a;
  --ox-header-scroll-blur:14px;
  --ox-header-mobile-bg:rgba(255,255,255,.97);
  --ox-header-mobile-menu-color:#17344a;
  --ox-hero-height:100vh;
  --ox-about-image-height:620px;
  --ox-what-image-height:620px;
  --ox-operations-image-height:620px;
  --ox-actions-image-height:620px;
  --ox-future-image-height:620px;
  --ox-production-height:760px;
  --ox-careers-height:760px;
  --ox-hero-overlay:.76;
  --ox-careers-overlay:.78;

  --bg-page:#050707;
  --bg-about:#0a0f10;
  --bg-what:#050707;
  --bg-map:#050707;
  --bg-mvv:#f0f2ef;
  --bg-operations:#111718;
  --bg-actions:#050707;
  --bg-experience:#101617;
  --bg-future:#0a0f10;
  --bg-sustain:#e9ede9;
  --bg-careers:#050707;
  --bg-contact:#ffffff;
  --contact-text:#17202a;
  --contact-border:#b7c4d2;
  --contact-button:#005aa3;
  --footer-bg:#050707;
  --footer-primary:#f5f6f2;
  --footer-secondary:#aab2af;
  --footer-links:#aab2af;
  --footer-links-hover:#c2d83b;
  --footer-bottom:#6f7775;
  --footer-line:rgba(255,255,255,.16);
  --footer-logo-width:190px;
  --footer-logo-max-height:70px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ox-page{margin:0;background:var(--bg-page);color:var(--ox-white);font-family:Inter,Arial,sans-serif;line-height:1.65;letter-spacing:-.01em}
body.ox-page a{color:inherit;text-decoration:none}
body.ox-page img{display:block;max-width:100%}
.ox-site{overflow:hidden}
.ox-container{width:min(calc(100% - 80px),var(--ox-max));margin:auto}
.ox-section{position:relative;padding:var(--ox-section-pad) 0}
.ox-eyebrow{font-size:11px;letter-spacing:.27em;text-transform:uppercase;font-weight:700;color:var(--ox-accent);margin:0 0 27px}
.ox-title{font-family:Manrope,Inter,sans-serif;font-size:clamp(42px,5.5vw,82px);line-height:.98;letter-spacing:-.065em;margin:0 0 30px;font-weight:700}
.ox-h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(36px,4vw,62px);line-height:1.02;letter-spacing:-.045em;margin:0 0 26px}
.ox-copy{font-size:clamp(16px,1.25vw,19px);line-height:1.8;color:var(--ox-muted);max-width:760px}
.ox-copy p{margin:0 0 26px}

/* Header */
.ox-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:var(--ox-header-height);border-bottom:1px solid var(--ox-header-border);background:linear-gradient(var(--ox-header-gradient-angle),var(--ox-header-gradient-start) 0%,var(--ox-header-gradient-mid) 55%,var(--ox-header-gradient-end) 100%);transition:background .35s ease,backdrop-filter .35s ease,box-shadow .35s ease}
.ox-header-inner{height:var(--ox-header-height);display:flex;align-items:center;justify-content:space-between}
.ox-logo img{width:var(--ox-logo-width);height:auto;max-height:var(--ox-logo-max-height);object-fit:contain}
.ox-logo-text{font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:.16em}
.ox-nav{display:flex;gap:32px;align-items:center}
.ox-nav a{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;position:relative;padding:35px 0;color:var(--ox-header-menu-color);transition:color .25s ease}
.ox-nav a:after{content:"";position:absolute;left:0;bottom:26px;width:0;height:1px;background:currentColor;transition:width .3s}
.ox-nav a:hover{color:var(--ox-header-menu-hover)}
.ox-nav a:hover:after,.ox-nav a.is-active:after{width:100%}
.ox-nav a.is-active{color:var(--ox-header-menu-active)}
.ox-header.is-scrolled{background:var(--ox-header-scroll-bg);backdrop-filter:blur(var(--ox-header-scroll-blur));-webkit-backdrop-filter:blur(var(--ox-header-scroll-blur));box-shadow:0 8px 30px rgba(20,35,45,.08)}
.ox-header.is-scrolled .ox-nav a{color:var(--ox-header-scroll-menu-color)}
.ox-header.is-scrolled .ox-nav a:hover{color:var(--ox-header-scroll-menu-hover)}
.ox-header.is-scrolled .ox-nav a.is-active{color:var(--ox-header-menu-active)}
.ox-menu{display:none;background:rgba(255,255,255,.25);border:1px solid var(--ox-header-menu-color);color:var(--ox-header-menu-color);padding:10px 12px}

/* Hero */
.ox-hero{
  min-height:var(--ox-hero-height);
  display:flex;align-items:flex-end;padding:190px 0 115px;position:relative;overflow:hidden;isolation:isolate;
  background:var(--ox-hero-bg) var(--ox-hero-position,center center)/var(--ox-hero-size,cover) no-repeat;
}
.ox-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--ox-hero-position,center center);z-index:0;pointer-events:none}
.ox-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,var(--ox-hero-overlay)) 0%,rgba(0,0,0,.48) 52%,rgba(0,0,0,.25) 100%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 62%)}
.ox-hero-content{max-width:1000px;position:relative;z-index:2}
.ox-hero .ox-title{font-size:clamp(64px,9vw,144px);max-width:1050px;margin-bottom:34px}
.ox-hero-lead{font-size:clamp(21px,2.25vw,32px);line-height:1.22;max-width:850px;font-weight:400;letter-spacing:-.025em}
.ox-scroll{position:absolute;z-index:2;right:40px;bottom:38px;display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.72}
.ox-scroll:before{content:"";width:1px;height:38px;background:rgba(255,255,255,.6)}

/* Split sections */
.ox-split{display:grid;grid-template-columns:1fr 1fr;min-height:700px}
.ox-image{position:relative;overflow:hidden;background-position:var(--ox-image-position,center center);background-size:var(--ox-image-size,cover);background-repeat:no-repeat;background-color:#111}
.ox-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 40%);pointer-events:none}
.ox-about-image{min-height:var(--ox-about-image-height)}
.ox-what-image{min-height:var(--ox-what-image-height)}
.ox-operations-image{min-height:var(--ox-operations-image-height)}
.ox-actions-image{min-height:var(--ox-actions-image-height)}
.ox-future-image{min-height:var(--ox-future-image-height)}
.ox-panel{display:flex;align-items:center;padding:clamp(65px,8vw,125px)}
.ox-panel-inner{max-width:650px}

#about .ox-panel{background:var(--bg-about)}
#what-we-do .ox-panel{background:var(--bg-what)}
#operations .ox-panel{background:var(--bg-operations)}
#current-actions .ox-panel{background:var(--bg-actions)}
#future-outlook .ox-panel{background:var(--bg-future)}

/* Map */
.ox-map{min-height:720px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,7,7,.96),rgba(5,7,7,.74)),var(--ox-map-bg) center/cover no-repeat;background-color:var(--bg-map)}
.ox-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:end}
.ox-regions{display:grid;grid-template-columns:1fr;gap:0}
.ox-region{padding:22px 0 22px 24px;border-top:1px solid var(--ox-line);font-size:13px;letter-spacing:.13em;text-transform:uppercase}
.ox-region:last-child{border-bottom:1px solid var(--ox-line)}
.ox-region span{display:inline-block;width:34px;color:var(--ox-accent);font-size:10px}

/* MVV */
.ox-mvv{background:var(--bg-mvv);color:#111817}
.ox-mvv .ox-eyebrow,.ox-sustain .ox-eyebrow{color:#557000}
.ox-mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d2d7d2;margin-top:70px}
.ox-mvv-card{background:var(--bg-mvv);padding:62px 50px;min-height:360px}
.ox-mvv-card h3{font-family:Manrope,sans-serif;font-size:25px;margin:0 0 30px}
.ox-mvv-card p,.ox-mvv-card li{color:#5e6663;font-size:16px;line-height:1.75}

/* Production */
.ox-full-image{min-height:var(--ox-production-height);display:flex;align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.1) 65%),var(--ox-production-bg) var(--ox-production-position,center center)/var(--ox-production-size,cover) no-repeat}
.ox-full-content{padding:clamp(40px,7vw,105px) 0}
.ox-full-content .ox-h2{font-size:clamp(52px,6vw,88px)}

/* Experience */
.ox-stat{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;min-height:690px;background:var(--bg-experience)}
.ox-stat-number{font-family:Manrope,sans-serif;font-size:clamp(130px,19vw,285px);font-weight:700;line-height:.78;letter-spacing:-.08em}
.ox-stat-label{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ox-accent);margin-top:25px}

/* Sustainability */
.ox-sustain{background:var(--bg-sustain);color:#101514}
.ox-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cbd1cb;margin-top:55px}
.ox-pillar{background:var(--bg-sustain);padding:50px 34px;min-height:330px;transition:.3s}
.ox-pillar:hover{transform:translateY(-5px);filter:brightness(1.02)}
.ox-pillar-number{font-size:11px;color:#66736c;letter-spacing:.2em}
.ox-pillar h3{font-family:Manrope,sans-serif;margin:75px 0 18px;font-size:22px}
.ox-pillar p{color:#5c6661;font-size:15px;line-height:1.7}

/* Careers */
.ox-careers{min-height:var(--ox-careers-height);display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,var(--ox-careers-overlay)) 0%,rgba(0,0,0,.54) 55%,rgba(0,0,0,.25) 100%),var(--ox-careers-bg) var(--ox-careers-position,center center)/var(--ox-careers-size,cover) no-repeat;background-color:var(--bg-careers)}
.ox-careers .ox-title{font-size:clamp(58px,7vw,105px);max-width:850px}
.ox-btn{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:17px 24px;border:1px solid rgba(255,255,255,.5);font-size:12px;letter-spacing:.15em;text-transform:uppercase;transition:.3s}
.ox-btn:hover{background:var(--ox-accent);border-color:var(--ox-accent);color:#0a0d0d}

/* Contact */
.ox-contact{background:var(--bg-contact);color:var(--contact-text);padding:110px 0 120px}
.ox-contact-wrap{max-width:980px}
.ox-contact .ox-eyebrow{color:var(--contact-button)}
.ox-contact .ox-h2{color:var(--contact-text);margin-bottom:10px}
.ox-contact-intro{margin:0 0 32px;font-size:15px;color:#3f4a53}
.ox-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px}
.ox-field{display:flex;flex-direction:column;gap:7px}
.ox-field-full{grid-column:1/-1}
.ox-field label{font-size:13px;font-weight:500}
.ox-required{color:#b42318}
.ox-field input,.ox-field select,.ox-field textarea{
  width:100%;border:1px solid var(--contact-border);background:#fff;color:#1e2933;
  border-radius:11px;padding:13px 14px;font:inherit;font-size:14px;outline:none;transition:.2s;
}
.ox-field input:focus,.ox-field select:focus,.ox-field textarea:focus{border-color:var(--contact-button);box-shadow:0 0 0 3px rgba(0,90,163,.08)}
.ox-field textarea{min-height:145px;resize:vertical}
.ox-form-submit{grid-column:1/-1;margin-top:12px}
.ox-submit{border:0;border-radius:999px;background:var(--contact-button);color:#fff;padding:13px 25px;font-weight:700;cursor:pointer;transition:.2s}
.ox-submit:hover{filter:brightness(.92)}
.ox-form-message{grid-column:1/-1;border-radius:8px;padding:13px 15px;margin-bottom:2px;font-size:14px}
.ox-form-success{background:#e9f8ef;color:#176b3a}
.ox-form-error{background:#fff0f0;color:#9b1c1c}
.ox-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Footer */
.ox-footer{background:var(--footer-bg);padding:90px 0 32px;border-top:1px solid var(--footer-line);color:var(--footer-primary)}
.ox-footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:50px;padding-bottom:60px}
.ox-footer-title{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:.14em;color:var(--footer-primary)}
.ox-footer-logo{display:inline-block;margin-bottom:20px}.ox-footer-logo img{width:var(--footer-logo-width);height:auto;max-height:var(--footer-logo-max-height);object-fit:contain}
.ox-footer p{color:var(--footer-secondary);max-width:450px}
.ox-footer-links{display:grid;gap:10px}
.ox-footer-links a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--footer-links)}
.ox-footer-links a:hover{color:var(--footer-links-hover)}
.ox-footer-bottom{border-top:1px solid var(--footer-line);padding-top:22px;color:var(--footer-bottom);font-size:11px;display:flex;justify-content:space-between}

/* Reveal */
body.ox-reveal-ready .ox-section,
body.ox-reveal-ready .ox-split,
body.ox-reveal-ready .ox-full-image,
body.ox-reveal-ready .ox-careers,
body.ox-reveal-ready .ox-contact{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.61,.36,1)}
body.ox-reveal-ready .ox-visible{opacity:1;transform:none}

@media(max-width:900px){
  .ox-container{width:min(calc(100% - 40px),var(--ox-max))}
  .ox-header,.ox-header-inner{height:78px}.ox-logo img{width:min(var(--ox-logo-width),170px)}
  .ox-nav{display:none;position:absolute;top:78px;left:0;width:100%;padding:25px 24px;background:var(--ox-header-mobile-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);flex-direction:column;align-items:flex-start}
  .ox-nav.is-open{display:flex}.ox-menu{display:block}.ox-nav a{padding:13px 0;color:var(--ox-header-mobile-menu-color)}
  .ox-split,.ox-map-grid,.ox-stat{grid-template-columns:1fr}
  .ox-image{min-height:430px!important}
  .ox-mvv-grid{grid-template-columns:1fr}
  .ox-pillars{grid-template-columns:1fr 1fr}
  .ox-footer-grid{grid-template-columns:1fr 1fr}
  .ox-form{grid-template-columns:1fr}
  .ox-field-full,.ox-form-submit{grid-column:1}
}
@media(max-width:600px){
  .ox-container{width:min(calc(100% - 30px),var(--ox-max))}
  .ox-hero{padding:150px 0 85px}.ox-hero .ox-title{font-size:clamp(54px,16vw,88px)}
  .ox-scroll{display:none}.ox-panel{padding:70px 25px}.ox-map{min-height:650px}
  .ox-pillars,.ox-footer-grid{grid-template-columns:1fr}
  .ox-stat{padding:90px 0}.ox-stat-number{font-size:35vw}
  .ox-footer-bottom{display:block}
}
@media(prefers-reduced-motion:reduce){
 body.ox-reveal-ready .ox-section,body.ox-reveal-ready .ox-split,body.ox-reveal-ready .ox-full-image,body.ox-reveal-ready .ox-careers,body.ox-reveal-ready .ox-contact{opacity:1;transform:none;transition:none}
}