:root{--black:#050505;--cream:#f5f0e6;--orange:#ff7a0a;--gray:#aaa49a}
*{box-sizing:border-box}
body{margin:0;background:var(--black);color:var(--cream);font-family:Manrope,sans-serif}
header{height:82px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292929}
.brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none;font-weight:700}.brand img{width:48px;height:auto}
nav{display:flex;gap:30px}nav a,footer a{color:#d8d2c8;text-decoration:none;font-size:13px}
.hero{min-height:650px;padding:120px clamp(24px,7vw,110px) 70px;display:flex;flex-direction:column;justify-content:flex-end;background:#050505 url('./assets/standards-orbit.png') center/cover no-repeat}
.eyebrow{text-transform:uppercase;letter-spacing:.27em;font-size:10px;color:var(--orange)}
h1,h2{font:400 clamp(84px,13vw,190px)/.82 "Bebas Neue",sans-serif;text-transform:uppercase;margin:22px 0}
.hero>p:not(.eyebrow){max-width:660px;color:#c7c0b5;font-size:18px;line-height:1.6}.hero>a{color:var(--orange);margin-top:22px;text-decoration:none}
.principles{background:var(--cream);color:var(--black);padding:100px clamp(24px,5vw,80px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.principles h2,.closing h2{font-size:clamp(72px,9vw,140px)}
.standards article{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:30px 0;border-top:1px solid rgba(0,0,0,.18)}
.standards h3{font-size:24px;margin:0 0 12px}.standards p{color:#56524b;line-height:1.7;margin:0}.standards a{color:#111}
.closing{padding:110px clamp(24px,7vw,110px);min-height:600px}.closing>p:not(.eyebrow){max-width:620px;color:#bbb4aa;line-height:1.7}
.button{display:inline-block;margin-top:25px;background:var(--orange);color:#080808;padding:15px 24px;border-radius:999px;text-decoration:none;font-weight:700}
footer{padding:26px clamp(24px,5vw,80px);border-top:1px solid #292929;display:flex;gap:28px;justify-content:space-between;color:var(--gray);font-size:12px}
@media(max-width:760px){nav{display:none}.hero{min-height:580px}.principles{grid-template-columns:1fr}.standards article{grid-template-columns:38px 1fr}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
