@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#08090b;--paper:#f2f1ee;--muted:#838489;--line:#ffffff1b;--red:#ed2434;--mono:"DM Mono", "Courier New", monospace;--display:"Barlow Condensed", Impact, sans-serif;--body:"Manrope", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--red);color:#fff}.site-shell{min-height:100vh;overflow:clip}.side-rail{z-index:5;border-right:1px solid var(--line);background:#07080af7;flex-direction:column;align-items:center;width:66px;display:flex;position:fixed;inset:0 auto 0 0}.rail-mark{border-bottom:1px solid var(--line);width:100%;height:74px;font:700 15px var(--display);letter-spacing:-.04em;place-items:center;display:grid}.rail-mark span{position:relative}.rail-mark i{background:var(--red);border-radius:50%;width:4px;height:4px;position:absolute;transform:translate(7px,-4px)}.rail-middle{color:#a2a3a6;flex-direction:column;flex:1;align-items:center;gap:17px;padding-top:36px;display:flex;position:relative}.rail-line{background:linear-gradient(var(--red),transparent);width:1px;height:53px}.rail-vertical{writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:.25em;transform:rotate(180deg)}.rail-dot{background:var(--red);border-radius:50%;width:4px;height:4px}.rail-bottom{border-top:1px solid var(--line);width:100%;height:66px;color:var(--red);place-items:center;font-size:19px;display:grid}.page-content{max-width:1680px;margin:0 auto 0 66px;padding:0 clamp(26px,5.25vw,88px)}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;height:75px;display:grid}.wordmark{align-items:center;gap:11px;width:max-content;display:flex}.wordmark-icon{width:25px;height:25px;font:700 12px var(--display);border:1px solid #55565a;place-items:center;display:grid;position:relative}.wordmark-icon span{color:var(--red);position:absolute;top:-5px;right:2px}.wordmark-name{font:500 10px var(--mono);letter-spacing:.16em}.wordmark-name b{color:#77797d;font-weight:400}.topnav{align-items:center;gap:clamp(22px,3.5vw,53px);height:100%;display:flex}.topnav a{color:#a5a6aa;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 0;transition:color .2s;position:relative}.topnav a:after{content:"";background:var(--red);width:0;height:1px;transition:width .2s;position:absolute;bottom:-4px;left:0}.topnav a:hover,.topnav a:focus-visible{color:#fff}.topnav a:hover:after,.topnav a:focus-visible:after{width:100%}.top-status{color:#94959a;font:8px var(--mono);letter-spacing:.11em;justify-self:end;align-items:center;gap:9px;display:flex}.status-pulse,.live-dot{background:var(--red);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 10px #ed2434bf}.status-arrow{color:var(--red);margin-left:7px;font-size:13px}.hero{grid-template-columns:minmax(320px,.87fr) minmax(420px,1.13fr);align-items:center;gap:clamp(48px,7vw,118px);min-height:min(700px,100svh - 75px);padding:50px 0 58px;display:grid}.hero-copy{padding:15px 0 0;position:relative}.eyebrow{color:#929398;font:9px var(--mono);letter-spacing:.13em;align-items:center;gap:10px;margin:0;display:flex}.eyebrow-square{background:var(--red);flex:none;width:5px;height:5px;display:inline-block}.hero h1{color:#f4f4f2;font:800 clamp(72px,8.25vw,126px)/.73 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:28px 0 20px}.hero h1 span{color:#0000;-webkit-text-stroke:1px #f1f1efe0}.hero h1 i{color:var(--red);font-style:normal}.hero-intro{color:#a0a1a5;max-width:415px;margin:25px 0 30px;font-size:12px;font-weight:500;line-height:1.85}.hero-specs{border-top:1px solid var(--line);max-width:420px;margin:0}.hero-specs div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:10px 0;display:flex}.hero-specs dt{color:#717277;font:8px var(--mono);letter-spacing:.13em}.hero-specs dd{color:#dededc;font:8px var(--mono);letter-spacing:.06em;text-align:right;margin:0}.hero-specs dd span{color:var(--red);margin-left:12px}.hero-actions{gap:10px;margin-top:25px;display:flex}.button{min-height:38px;font:9px var(--mono);letter-spacing:.1em;justify-content:center;align-items:center;gap:17px;padding:0 17px;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);border:1px solid var(--red);color:#fff}.button-primary span{font-size:14px}.button-primary:hover{background:#ff3545;border-color:#ff3545}.button-quiet{color:#d7d7d4;border:1px solid #ffffff38}.button-quiet:hover{border-color:#fff}.hero-footnote{color:#66676b;max-width:420px;font:8px var(--mono);letter-spacing:.12em;justify-content:space-between;margin-top:35px;display:flex}.feature-frame{isolation:isolate;background:#141519;border:1px solid #ffffff24;flex-direction:column;justify-content:space-between;min-width:0;height:clamp(390px,40vw,550px);display:flex;position:relative;overflow:visible}.feature-image{z-index:-2;filter:saturate(.78);background-image:linear-gradient(#05060838 0%,#05060805 35%,#050608d1 100%),linear-gradient(90deg,#05060826,#0000 70%),url(/images/ronin-hero.png);background-position:61%;background-size:cover;transition:transform .8s cubic-bezier(.2,.7,.3,1),filter .4s;position:absolute;inset:0}.feature-frame:hover .feature-image{filter:saturate();transform:scale(1.025)}.frame-corner{z-index:2;border-color:var(--red);opacity:.85;width:15px;height:15px;position:absolute}.frame-corner-tl{border-top:1px solid;border-left:1px solid;top:-5px;left:-5px}.frame-corner-tr{border-top:1px solid;border-right:1px solid;top:-5px;right:-5px}.frame-corner-bl{border-bottom:1px solid;border-left:1px solid;bottom:-5px;left:-5px}.frame-corner-br{border-bottom:1px solid;border-right:1px solid;bottom:-5px;right:-5px}.feature-topline{color:#e7e6e3;font:8px var(--mono);letter-spacing:.11em;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.feature-topline>span:first-child{align-items:center;gap:8px;display:flex}.feature-topline b{color:var(--red);padding:0 4px;font-weight:400}.feature-side-label{writing-mode:vertical-rl;color:#ffffffa3;font:7px var(--mono);letter-spacing:.17em;position:absolute;top:44%;right:14px}.feature-bottom{padding:0 22px 19px}.feature-index{color:#bcbcc0;font:8px var(--mono);letter-spacing:.12em}.feature-bottom h2{color:#fff;font:700 clamp(30px,4vw,51px)/.92 var(--display);letter-spacing:-.015em;text-transform:uppercase;margin:10px 0 13px}.feature-meta{color:#b6b5b7;font:7px var(--mono);letter-spacing:.1em;justify-content:space-between;align-items:center;display:flex}.feature-link{color:var(--red);font:17px var(--body)}.feature-progress{background:#ffffff59;height:1px;margin-top:14px}.feature-progress span{background:var(--red);width:42%;height:1px;display:block}.explore-section{border-top:1px solid var(--line);padding:34px 0 104px}.section-heading{grid-template-columns:1fr .72fr auto;align-items:end;gap:45px;margin-bottom:29px;display:grid}.section-heading h2{font:700 clamp(43px,5.5vw,73px)/.8 var(--display);letter-spacing:-.025em;margin:15px 0 0}.section-heading h2 em{color:#0000;-webkit-text-stroke:1px #f0f0eebf;font-style:normal}.section-intro{color:#929398;max-width:350px;margin:0;font-size:11px;line-height:1.9}.section-index{color:#aaaab0;font:8px var(--mono);letter-spacing:.11em;white-space:nowrap;align-items:center;gap:19px;padding-bottom:4px;display:flex}.section-index b{color:var(--red);font-size:15px;font-weight:400}.topic-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.topic-card{isolation:isolate;background:#121317;border:1px solid #ffffff1f;min-height:260px;position:relative;overflow:hidden}.topic-image{z-index:-2;filter:saturate(.62)brightness(.65);background:url(/images/ronin-hero.png) 50%/cover no-repeat;transition:transform .6s,filter .4s;position:absolute;inset:0}.topic-card:hover .topic-image{filter:saturate(.85)brightness(.8);transform:scale(1.05)}.topic-overlay{z-index:-1;background:linear-gradient(#0405070d,#0405071a 25%,#040507f0 100%);position:absolute;inset:0}.topic-top{color:#d7d6d4;font:8px var(--mono);letter-spacing:.1em;justify-content:space-between;padding:15px;display:flex}.topic-arrow{color:var(--red);font:15px var(--body)}.topic-copy{position:absolute;bottom:18px;left:17px;right:16px}.topic-copy>span{color:var(--red);font:8px var(--mono);letter-spacing:.13em}.topic-copy h3{font:600 32px/.95 var(--display);text-transform:uppercase;margin:6px 0 3px}.topic-copy p{color:#b4b3b6;max-width:270px;margin:0;font-size:10px;line-height:1.7}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 2.1fr;min-height:390px;padding:43px 0 57px;display:grid;position:relative}.manifesto-kicker{color:#94959a;font:8px var(--mono);letter-spacing:.12em;align-items:flex-start;gap:10px;display:flex}.manifesto-main{z-index:1;position:relative}.manifesto-label{color:var(--red);font:8px var(--mono);letter-spacing:.15em;margin:0 0 17px}.manifesto-main h2{font:700 clamp(48px,7vw,89px)/.83 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0}.manifesto-main h2 em{color:#0000;-webkit-text-stroke:1px #f0f0eec4;font-style:normal}.manifesto-details{justify-content:space-between;align-items:end;gap:40px;max-width:700px;margin-top:27px;display:flex}.manifesto-details p{color:#98999e;max-width:390px;margin:0;font-size:11px;line-height:1.9}.text-link{font:8px var(--mono);letter-spacing:.12em;color:#dededc;flex:none}.text-link span{color:var(--red);margin-left:8px;font-size:15px}.manifesto-stamp{color:#ffffff2e;border:1px solid #ffffff14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:180px;height:180px;display:flex;position:absolute;top:70px;right:3%;transform:rotate(-13deg)}.manifesto-stamp b{font:700 73px/.8 var(--display);color:#ed243452}.manifesto-stamp span{font:7px var(--mono);letter-spacing:.18em}.footer{color:#6f7075;justify-content:space-between;align-items:center;gap:20px;min-height:74px;display:flex}.footer-brand{font:10px var(--mono);letter-spacing:.15em;color:#d4d4d1}.footer-brand b{color:#7a7b80;font-weight:400}.footer>span,.footer-top{font:7px var(--mono);letter-spacing:.12em}.footer-top{color:#9a9ba0;white-space:nowrap}:focus-visible{outline-offset:4px;outline:1px solid #ff4653}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1020px){.page-content{padding-inline:34px}.hero{grid-template-columns:minmax(275px,.87fr) minmax(340px,1.13fr);gap:36px}.hero h1{font-size:clamp(70px,9vw,105px)}.section-heading{grid-template-columns:1fr 1fr;gap:25px}.section-index{grid-column:2;justify-self:end}.manifesto-stamp{opacity:.55;right:1%}}@media (max-width:760px){.side-rail{display:none}.page-content{margin-left:0;padding:0 23px}.topbar{grid-template-columns:1fr auto;gap:12px;height:66px}.topnav{display:none}.top-status{font-size:7px}.hero{grid-template-columns:1fr;gap:34px;min-height:0;padding:41px 0 52px}.hero-copy{padding-top:0}.hero h1{margin:24px 0 18px;font-size:clamp(75px,17vw,115px)}.hero-intro{margin-top:20px}.hero-specs,.hero-footnote{max-width:none}.feature-frame{height:min(112vw,510px);min-height:370px}.explore-section{padding:29px 0 69px}.section-heading{grid-template-columns:1fr auto;align-items:end;gap:18px}.section-heading h2{font-size:clamp(46px,11vw,70px)}.section-intro{grid-column:1/-1;max-width:480px}.section-index{grid-area:1/2;align-self:end}.topic-grid{grid-template-columns:1fr;gap:10px}.topic-card{min-height:250px}.topic-image{background-position:50% 43%}.manifesto{grid-template-columns:1fr;gap:31px;min-height:0;padding:33px 0 42px}.manifesto-main h2{font-size:clamp(52px,12vw,78px)}.manifesto-details{flex-direction:column;align-items:flex-start;gap:20px;margin-top:22px}.manifesto-stamp{opacity:.35;width:120px;height:120px;top:24px;right:1%}.manifesto-stamp b{font-size:51px}.footer{flex-wrap:wrap;justify-content:space-between;min-height:89px;padding:16px 0}.footer>span{order:3;width:100%}}@media (max-width:390px){.page-content{padding-inline:18px}.top-status>span:nth-child(2){max-width:121px}.hero-actions{gap:8px}.button{gap:10px;padding-inline:12px;font-size:8px}.feature-frame{min-height:335px}.feature-bottom{padding-inline:15px}}.portal-page{background:radial-gradient(ellipse at 77% 38%, #ed243417, transparent 36%), var(--ink);flex-direction:column;min-height:100vh;padding:0 clamp(24px,6vw,92px);display:flex}.portal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.portal-back,.portal-footer{color:#a5a6aa;font:9px var(--mono);letter-spacing:.13em}.portal-back span{color:var(--red);margin-left:7px;font-size:13px}.portal-content{width:min(100%,950px);margin:auto;padding:86px 0 100px}.portal-content h1{color:var(--paper);font:800 clamp(72px, 11vw, 142px)/.82 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:27px 0 20px}.portal-content h1 em{color:#0000;-webkit-text-stroke:1px #f2f1ee9e;font-style:normal}.portal-intro{color:#a3a4a8;max-width:510px;font-size:14px;line-height:1.9}.portal-access-card{background:#ffffff06;border:1px solid #ffffff26;max-width:560px;margin-top:45px;padding:28px 30px}.portal-card-index,.portal-pending{color:#a1a2a6;font:8px var(--mono);letter-spacing:.16em}.portal-access-card h2{color:var(--paper);font:600 28px/1.1 var(--display);text-transform:uppercase;margin:21px 0 9px}.portal-access-card p{color:#929398;margin:0 0 22px;font-size:12px;line-height:1.8}.portal-pending{color:var(--red);align-items:center;gap:9px;display:inline-flex}.portal-pending i{background:var(--red);border-radius:50%;width:5px;height:5px}.portal-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:70px;display:flex}.portal-footer a{color:var(--paper)}@media (max-width:600px){.portal-page{padding-inline:22px}.portal-header{height:66px}.portal-content{padding:70px 0 80px}.portal-content h1{font-size:clamp(64px,16vw,96px)}.portal-access-card{margin-top:34px;padding:24px 20px}.portal-footer{gap:18px;font-size:7px}}
