@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800;1,900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--navy:#081b40;--yellow:#ffdb3d;--red:#d52239;--white:#f6f8ff;--muted:#bccbe3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--navy);color:var(--white);font:18px/1.6 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}header{padding:17px 5%;display:flex;align-items:center;gap:25px;border-bottom:2px solid #344568;background:#07142f}.brand{display:flex;align-items:center;gap:12px;font:900 28px/1 'Barlow Condensed',Impact,sans-serif;font-style:italic}.brand span span,.brand>span:last-child:not(:first-child){color:var(--yellow)}.brand img{width:46px;height:46px;object-fit:cover;border:2px solid var(--yellow);border-radius:50%}nav{display:flex;gap:27px;margin-left:auto}nav a{font-size:14px;font-weight:700}nav a:hover{color:var(--yellow)}.social{font-size:27px;margin-left:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 23px;background:var(--yellow);border:2px solid #07142f;color:#07142f;font-size:15px;font-weight:800;box-shadow:4px 4px 0 #030b1d;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #030b1d}.secondary{color:white;background:var(--red)}.hero{position:relative;min-height:760px;padding:65px 6% 60px;background:linear-gradient(90deg,#07142ff7,#07142fb3 38%,#07142f00 72%),url('city.png') center/cover;display:flex;align-items:center}.hero-copy{width:56%;max-width:700px}.issue{display:inline-block;background:var(--red);padding:6px 12px;font-size:12px;letter-spacing:1.2px;font-weight:700;transform:rotate(-2deg)}h1{font:900 clamp(64px,7.7vw,112px)/.92 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:25px 0}h1 em{font-style:italic;color:var(--yellow);white-space:nowrap}h1,h2{text-wrap:balance}h1+p{font-size:23px;line-height:1.4}.actions{display:flex;gap:14px;flex-wrap:wrap}.contract{max-width:565px;display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:24px;padding:14px 16px;border:1px solid #8ba4d45c;background:#06132bd9}.contract>div{min-width:0}.contract span{display:block;font-size:12px;color:var(--muted);letter-spacing:1.2px}.contract strong{font-size:14px;overflow-wrap:anywhere}.contract button{min-height:44px;padding:10px 15px;font-weight:800;border:1px solid #6982ac;background:#17345f;color:white;cursor:pointer}.contract button:disabled{opacity:.45;cursor:not-allowed}#copy-status{font-size:14px;min-height:23px;margin:5px 0;color:var(--yellow)}.hero-caption{position:absolute;right:4%;bottom:25px;padding:7px 12px;background:var(--yellow);color:#07142f;font:700 14px Barlow,Arial,sans-serif;transform:rotate(-2deg)}.ticker{display:flex;gap:30px;align-items:center;justify-content:center;padding:19px 4%;background:var(--yellow);color:var(--navy);font:800 22px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;border-block:3px solid #030b1d}.section{max-width:1440px;margin:auto;padding:85px 6%}.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.portrait-frame{position:relative;border:5px solid #f7f8ff;transform:rotate(-3deg);box-shadow:12px 12px 0 #04102a}.portrait-frame img{display:block;width:100%}.sticker{position:absolute;bottom:18px;right:-30px;background:var(--yellow);color:#07142f;padding:15px 22px;font:900 25px/1 'Barlow Condensed',Impact,sans-serif;transform:rotate(7deg);border:3px solid #07142f}.kicker{display:block;font-size:13px;letter-spacing:1.5px;font-weight:700;color:var(--yellow);margin-bottom:15px}h2{font:800 clamp(40px,4.2vw,64px)/1.02 'Barlow Condensed',Impact,sans-serif;margin:0 0 25px;text-transform:uppercase}h2 em{font-style:italic;color:var(--yellow)}.story p{color:var(--muted)}.text-link{font-size:15px;font-weight:700;border-bottom:2px solid var(--yellow);padding-bottom:7px;display:inline-block;margin-top:15px}.missions{padding-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading p{color:var(--muted)}.panels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.panels figure{margin:0;border:3px solid #f4f6ff;background:#f4f6ff;color:#07142f;box-shadow:7px 7px 0 #030c22}.p1{background-position:0 0}.p2{background-position:100% 0}.p3{background-position:0 100%}.p4{background-position:100% 100%}figcaption{padding:13px 12px}figcaption span{display:block;font-size:12px;font-weight:700;color:#455371}figcaption b{font:800 24px 'Barlow Condensed',Impact,sans-serif}.join{border-top:1px solid #60739766;display:grid;grid-template-columns:1fr 1fr;gap:75px}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:22px;border-bottom:1px solid #60739766;padding:0 0 23px;margin-bottom:23px}li>span{font:800 34px 'Barlow Condensed',Impact,sans-serif;color:var(--yellow)}h3{font-size:20px;margin:0 0 5px}li p{font-size:17px;color:var(--muted);margin:0}.final-cta{text-align:center;padding:70px 5%;background:radial-gradient(circle at center,#224a91,#102754);border-block:3px solid #030c22}.final-cta h2{font-size:clamp(44px,6vw,82px)}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 5%}footer p,footer>span{font-size:13px;color:var(--muted)}@media(max-width:1100px){nav{gap:15px}nav a{font-size:12px}.hero-copy{width:65%}.story{gap:45px}.panels{grid-template-columns:repeat(2,1fr)}.header-buy{display:none}}@media(max-width:720px){header{gap:15px;padding:15px 5%}nav{display:none}.social{margin-left:auto}.brand{font-size:25px}.hero{min-height:auto;display:block;padding:340px 6% 70px;background:linear-gradient(0deg,#07142f 0%,#07142ff7 51%,#07142f00 81%),url('city.png') 75% top/auto 560px no-repeat}.hero-copy{width:100%}h1{font-size:clamp(53px,11vw,78px);letter-spacing:0}.issue{font-size:11px}h1+p{font-size:21px}.actions .button{flex:1;font-size:13px;padding:12px}.hero-caption{font-size:11px;bottom:20px}.ticker{font-size:18px;gap:18px}.ticker span:last-child,.ticker b:last-of-type{display:none}.section{padding:50px 6%}.story,.join{grid-template-columns:1fr;gap:38px}.portrait-frame{max-width:380px;width:90%;justify-self:center}.sticker{right:-18px}.section-heading{display:block}.section-heading p{margin-bottom:0}.panels{gap:14px}figcaption{padding:10px 7px}figcaption span{font-size:10px}figcaption b{font-size:21px}.final-cta{padding:50px 6%}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero{overflow:hidden;background-image:linear-gradient(90deg,#07142ff7,#07142fb3 38%,#07142f44 72%),url('city.png')}.hero-copy{position:relative;z-index:2}.hero-character{position:absolute;right:-2%;bottom:0;width:55%;height:94%;object-fit:cover;object-position:50% 25%;mask-image:linear-gradient(90deg,transparent,#000 20%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%)}.hero-caption{z-index:3}@media(max-width:720px){.hero{background-image:linear-gradient(0deg,#07142f 0%,#07142ff7 51%,#07142f00 81%),url('city.png')}.hero-character{top:0;bottom:auto;right:0;width:100%;height:380px;object-position:50% 23%;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}.hero-copy{z-index:2}}