@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#09263a;--blue:#0e5a78;--gold:#d6a84f;--cream:#f7f5ef;--text:#26343c;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}
.header{position:fixed;top:0;width:100%;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #eee}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:auto;height:62px;max-width:330px;object-fit:contain}.nav nav{display:flex;gap:30px;font-size:14px;font-weight:600}.nav nav a:hover{color:var(--blue)}.menu{display:none;border:0;background:none;font-size:27px}
.hero{min-height:760px;position:relative;display:flex;align-items:center;background:linear-gradient(105deg,#08283b 0%,#0c4d66 58%,#1d7280 100%);color:white;overflow:hidden}.hero:after{content:"";position:absolute;right:-120px;top:80px;width:560px;height:560px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.02)}.hero-content{position:relative;z-index:2;padding-top:82px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2.5px;font-weight:700;color:var(--gold);margin:0 0 15px}.hero h1{font:700 clamp(48px,7vw,82px)/1.02 "Playfair Display",serif;margin:0 0 25px;max-width:800px}.hero h1 span{color:#e5c36f}.hero-text{font-size:18px;max-width:650px;color:#e4edf1}.buttons{display:flex;gap:14px;margin-top:32px}.btn{display:inline-block;padding:13px 23px;border-radius:5px;font-weight:700;font-size:14px}.btn.primary{background:var(--gold);color:#172c35}.btn.outline{border:1px solid rgba(255,255,255,.55);color:white}.stats{background:var(--gold);display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats div{padding:25px 10px;border-right:1px solid rgba(0,0,0,.12)}.stats div:last-child{border:0}.stats strong{display:block;font:700 30px "Playfair Display",serif;color:var(--navy)}.stats span{font-size:12px;text-transform:uppercase;letter-spacing:1px}.section{padding:95px 0}.light{background:var(--cream)}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.section h2,.contact h2{font:700 clamp(36px,4vw,52px)/1.12 "Playfair Display",serif;color:var(--navy);margin:0 0 22px}.section p{color:#52616a}.story-card{background:var(--navy);color:white;padding:48px;border-radius:8px;box-shadow:20px 20px 0 var(--gold)}.story-card .year{font:700 62px "Playfair Display",serif;color:var(--gold)}.story-card h3{font-size:24px;line-height:1.25;margin:5px 0 15px}.story-card p{color:#cbd8de}.section-heading{text-align:center;max-width:700px;margin:0 auto 45px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;padding:30px 25px;border:1px solid #e8e7e2;border-radius:7px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(9,38,58,.08)}.icon{font-size:31px;margin-bottom:18px}.card h3{color:var(--navy);margin:0 0 10px}.card p{font-size:14px;margin:0}.fuel-section{background:var(--navy);color:white;padding:90px 0}.fuel-section h2{color:white}.fuel-section p{color:#cbd8de}.fuel-list{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.fuel-list span{border:1px solid rgba(255,255,255,.25);padding:7px 14px;border-radius:30px;font-size:13px}.fuel-panel{background:#103b50;border:1px solid rgba(255,255,255,.12);padding:40px;border-radius:8px}.fuel-panel>div>span{font-size:35px}.fuel-panel h3{font-size:24px;margin:10px 0}.fuel-panel a{color:#e5c36f;font-weight:700}.contact{background:var(--cream);padding:90px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-box{background:white;border-radius:8px;padding:10px 30px}.contact-box div{padding:19px 0;border-bottom:1px solid #eee}.contact-box div:last-child{border:0}.contact-box strong{display:block;color:var(--navy);font-size:13px;text-transform:uppercase;letter-spacing:1px}.contact-box a{display:block;color:var(--blue);font-weight:600}.contact-box span{display:block}.map-btn{display:inline-block;margin-top:12px;background:var(--navy);color:#fff;padding:12px 18px;border-radius:5px;font-weight:700;font-size:14px}.social{margin-top:30px}.social-title{color:var(--navy)!important}.social img{width:min(100%,700px);height:auto;display:block;margin-top:8px;border-radius:5px}footer{background:#061b29;color:#aebfc8;padding:24px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-grid img{height:48px;width:auto;max-width:260px;object-fit:contain;background:#fff}.footer-grid p{margin:3px 0;font-size:13px}
@media(max-width:800px){.nav nav{display:none;position:absolute;top:82px;left:0;width:100%;background:white;flex-direction:column;padding:18px 4%;gap:0;border-bottom:1px solid #ddd}.nav nav.open{display:flex}.nav nav a{padding:12px 0}.menu{display:block}.brand img{height:52px;max-width:270px}.hero{min-height:700px}.stats{grid-template-columns:repeat(2,1fr)}.stats div{border-bottom:1px solid rgba(0,0,0,.12)}.two-col,.contact-grid{grid-template-columns:1fr;gap:45px}.cards{grid-template-columns:repeat(2,1fr)}.story-card{box-shadow:10px 10px 0 var(--gold)}}
@media(max-width:520px){.nav{height:70px}.nav nav{top:70px}.brand img{height:46px;max-width:230px}.hero h1{font-size:48px}.hero-text{font-size:16px}.buttons{flex-direction:column;align-items:flex-start}.section,.contact,.fuel-section{padding:70px 0}.cards{grid-template-columns:1fr}.footer-grid{display:block}.footer-grid div:last-child{margin-top:15px}.social img{width:100%}}