*{box-sizing:border-box}html{background:#080b0d;color:#f5f3ed}body{margin:0;font-family:"DM Sans",Arial,sans-serif}.gateway{max-width:1920px;margin:auto;padding:0 4vw;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,#192025 0%,#080b0d 58%)}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:17px;align-items:center;font-weight:600;letter-spacing:3px;font-size:18px}.brand img{width:68px;height:68px;border-radius:50%;object-fit:cover}.brand span{display:block;font-size:11px;font-weight:400;letter-spacing:7px;margin-top:7px}.origin,.overline,.corner,footer{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:2px}.origin{display:flex;align-items:center;gap:15px;color:#bbbcb6}.origin i{width:6px;height:6px;background:#b59761;border-radius:50%}main{flex:1;display:flex;flex-direction:column}.intro{text-align:center;padding:19px 0 30px}.overline{color:#b89b67;margin:0 0 12px;display:none}h1{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-size:clamp(48px,5.4vw,94px);font-weight:600;line-height:1;margin:0;letter-spacing:.5px}.rule{display:block;width:52px;height:2px;background:#b49a68;margin:21px auto 18px}.subtitle{color:#bfc1bf;font-size:14px;margin:0}.missions{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:440px}.mission{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:440px;text-decoration:none;color:inherit;border:1px solid #373b3b;isolation:isolate;--accent:#be2926}.defence{--accent:#b99a61}.scene{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-3;transition:transform 1.2s cubic-bezier(.2,.65,.3,1),filter 1.2s;filter:brightness(.85);object-position:53% 42%}.defence .scene{object-position:48% 48%;filter:brightness(.85)}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(3,7,10,.97) 0%,rgba(3,7,10,.82) 22%,rgba(3,7,10,.13) 66%,rgba(3,7,10,.17) 100%)}.corner{position:absolute;top:25px;left:30px;color:#f1eee5;display:flex;align-items:center;gap:15px}.corner:before{content:"";height:1px;width:24px;background:var(--accent)}.corner span{font-size:9px;letter-spacing:2px;color:#ddd}.content{padding:38px 34px;width:100%}h2{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-size:clamp(34px,3.5vw,65px);font-weight:600;line-height:1.05;letter-spacing:.5px;margin:0}h2 small{font:inherit;font-size:.72em;display:block;margin-bottom:7px}.content p{font-size:14px;color:#c4c7c6;margin:17px 0 27px;line-height:1.6}.cta{display:inline-flex;justify-content:space-between;gap:26px;align-items:center;background:var(--accent);padding:17px 21px;min-width:285px;font-family:"Barlow Condensed",Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:1.7px;transition:background .25s,transform .25s}.defence .cta{color:#101413}.cta b{font:24px Arial}.mission:hover .scene,.mission:focus-visible .scene{transform:scale(1.045)}.mission:hover .cta{transform:translateY(-3px);background:#db3a33}.defence:hover .cta{background:#d0b27c}.mission:focus-visible{outline:3px solid #fff;outline-offset:4px}footer{border-top:1px solid #665739;display:flex;justify-content:space-between;margin-top:28px;padding:23px 0;color:#959c9b;font-size:9px;letter-spacing:2px}footer b{color:#b99a61;margin:0 10px}.intro,.missions{animation:arrive .8s ease both}.missions{animation-delay:.1s}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.masthead{height:130px}.intro{padding:25px 0 40px}.missions{min-height:520px}.content{padding:50px}}@media(max-width:760px){.gateway{padding:0 20px}.masthead{height:90px}.brand{font-size:14px;gap:12px;letter-spacing:2px}.brand img{width:51px;height:51px}.brand span{font-size:9px;letter-spacing:5px}.origin{font-size:8px;letter-spacing:1px}.origin i{display:none}.intro{padding:20px 0 28px}h1{font-size:clamp(38px,8vw,60px)}.subtitle{font-size:12px}.rule{margin:16px auto}.missions{grid-template-columns:1fr;gap:16px}.mission{min-height:410px}.content{padding:28px 25px}h2{font-size:44px}.corner{left:25px;top:22px}.cta{min-width:0;width:100%;font-size:16px}.defence .scene{object-position:48% 48%}footer{font-size:8px;letter-spacing:1px;gap:20px;line-height:1.8}}@media(max-width:390px){.origin{display:none}.content{padding:24px 20px}h2{font-size:39px}.cta{font-size:14px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}