@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@400;500;600&family=Oswald:wght@500;600;700&display=swap');
:root{--navy:#071d35;--orange:#ff6a13;--cream:#f4ead7;--steel:#7190a8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--navy);color:var(--cream);font:16px/1.6 "Merriweather Sans",sans-serif;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(1220px,calc(100% - 48px));margin:auto}
.nav{height:82px;display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;right:0;z-index:4;border-bottom:1px solid rgba(255,255,255,.35)}
.brand{font:600 22px Oswald;text-transform:uppercase;text-decoration:none;letter-spacing:.05em;display:flex;align-items:center;gap:12px}
.beacon{width:12px;height:31px;background:var(--orange);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 6px var(--orange))}
.nav nav a{font:500 12px Oswald;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;margin-left:26px}
.hero{height:870px;position:relative;display:flex;align-items:end}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,29,53,.96),transparent 65%)}
.hero-copy{position:relative;z-index:2;padding-bottom:80px}
.eyebrow{font:500 11px Oswald;text-transform:uppercase;letter-spacing:.18em;color:var(--orange)}
.hero h1,.services h2,.case h2,.method h2,.scope h2,.contact h2{font-family:Oswald;text-transform:uppercase;letter-spacing:-.045em;line-height:.88}
.hero h1{font-size:clamp(75px,10vw,145px);margin:22px 0;max-width:980px}
.hero p{max-width:610px;font-size:18px}
.hero a{display:inline-block;background:var(--orange);padding:14px 20px;text-decoration:none;text-transform:uppercase;font:600 13px Oswald;margin-top:20px}
.alerts{background:var(--orange);color:var(--navy)}
.alerts .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.alert{padding:30px 35px;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);background:var(--cream);margin:14px 0}
.alert strong{display:block;font:600 22px Oswald;text-transform:uppercase}
.intro{padding:120px 0}
.intro-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}
.intro h2{font:600 clamp(55px,7vw,92px)/.93 Oswald;text-transform:uppercase;margin:0}
.intro p{font-size:20px;color:#c7d4dd}
.services{padding:120px 0;background:var(--cream);color:var(--navy)}
.services h2{font-size:clamp(65px,9vw,120px);margin:0 0 70px}
.zone{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border-top:5px solid var(--navy)}
.zone:last-child{border-bottom:5px solid}
.zone:nth-child(even) img{order:2}
.zone img{width:100%;height:430px;object-fit:cover}
.zone-copy{padding:60px;position:relative}
.zone-copy:before{content:"";position:absolute;width:70px;height:5px;background:var(--orange);top:35px}
.zone h3{font:600 45px/.95 Oswald;text-transform:uppercase;margin:20px 0}
.case{padding:120px 0;background:var(--orange);color:var(--navy)}
.case-grid{display:grid;grid-template-columns:1fr .85fr;gap:7vw;align-items:center}
.case img{height:590px;width:100%;object-fit:cover;clip-path:polygon(0 0,100% 10%,90% 100%,0 88%)}
.case h2{font-size:clamp(62px,8vw,108px);margin:18px 0}
.fine{font-size:13px;border-top:2px solid var(--navy);padding-top:18px}
.method{padding:120px 0}
.method h2{font-size:clamp(65px,9vw,120px);margin:0 0 80px}
.beacon-line{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.beacon-line:before{content:"";position:absolute;height:3px;background:var(--cream);left:10%;right:10%;top:28px}
.marker{padding:0 25px;position:relative;z-index:1}
.marker:before{content:"";display:block;width:58px;height:58px;background:var(--orange);clip-path:polygon(50% 0,100% 100%,0 100%);margin-bottom:35px}
.marker h3{font:600 29px Oswald;text-transform:uppercase}
.scope{padding:120px 0;background:var(--cream);color:var(--navy)}
.scope h2{font-size:clamp(62px,9vw,118px);margin:0 0 65px}
.safe-zone{display:grid;grid-template-columns:.8fr 1.2fr;border:5px solid var(--navy)}
.safe-zone article{padding:55px}
.safe-zone article:last-child{background:var(--orange)}
.safe-zone h3{font:600 33px Oswald;text-transform:uppercase}
.safe-zone p,.safe-zone li{font-size:14px}
.contact{padding:120px 0}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}
.contact h2{font-size:clamp(70px,10vw,135px);margin:0}
.contact-data{border-top:6px solid var(--orange);padding-top:25px}
.email{color:var(--orange);font-weight:600;overflow-wrap:anywhere}
.footer{padding:28px 0;background:#03101f;font-size:12px}
.footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap}
.footer a{margin-left:18px}
.legal-main{width:min(850px,calc(100% - 38px));margin:auto;padding:110px 0 120px}
.legal-main h1{font:600 clamp(58px,8vw,96px)/.9 Oswald;text-transform:uppercase}
.legal-main h2{font:600 26px Oswald;text-transform:uppercase;margin-top:45px}
.back{display:inline-block;margin-top:30px;color:var(--orange)}

@media(max-width:760px){.wrap{width:calc(100% - 28px)}
.nav nav{display:none}
.hero{height:760px}
.hero h1{font-size:66px;overflow-wrap:anywhere}
.alerts .wrap{grid-template-columns:1fr}
.alert{margin:6px 0}
.intro,.services,.case,.method,.scope,.contact{padding:85px 0}
.intro-grid,.zone,.case-grid,.safe-zone,.contact-grid{grid-template-columns:1fr}
.intro-grid{gap:35px}
.zone:nth-child(even) img{order:0}
.zone img{height:330px}
.zone-copy{padding:48px 20px}
.case-grid{gap:45px}
.case img{height:390px}
.beacon-line{grid-template-columns:1fr;padding-left:40px}
.beacon-line:before{height:auto;width:3px;left:14px;right:auto;top:0;bottom:0}
.marker{padding:20px 0}
.marker:before{width:38px;height:38px;margin-bottom:20px}
.safe-zone article{padding:38px 26px}
.contact-grid{gap:45px}
.footer a{margin:0 14px 0 0}
.legal-main h1{font-size:58px;overflow-wrap:anywhere}
}