@font-face{font-family:AetherPixel;src:url("assets/aether-pixel.woff2") format("woff2");font-display:swap}
@font-face{font-family:AetherJP;src:url("assets/DotGothic16-Regular.ttf") format("truetype");font-display:swap}
:root{color-scheme:dark;background:#080f1f}
body{margin:0}
.r70-showcase{--ink:#f5e7c8;--muted:#bbc6d6;--gold:#e5be73;--line:#485067;--blue:#183970;color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#0b1932 0,#11162a 32%,#080f1f 100%);min-height:100vh}
.r70-showcase *{box-sizing:border-box}
.r70-showcase :where(h1,h2,h3,p,figure,dl){margin:0}
.r70-showcase a{color:var(--gold);text-underline-offset:5px}
.r70-showcase a:focus-visible,.r70-showcase button:focus-visible,.r70-showcase summary:focus-visible{outline:3px solid #97ddff;outline-offset:5px}
.r70-showcase button{font:inherit}
.r70-showcase .masthead,.r70-showcase main,.r70-showcase footer{width:min(1280px,calc(100% - 64px));margin:auto}
.r70-showcase .masthead{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid #534b41}
.r70-showcase .brand{display:block;width:264px;height:48px;image-rendering:pixelated}
.r70-showcase .preview-stamp{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}
.r70-showcase .status-square{width:7px;height:7px;flex:none;background:#8ccfb6;box-shadow:0 0 0 3px #172e39}
.r70-showcase .revision{font-size:11px;border:1px solid var(--line);padding:1px 5px;color:var(--gold)}
.r70-showcase .skip-link{position:absolute;left:16px;top:-80px;background:#fff;color:#152341;padding:10px;z-index:20}
.r70-showcase .skip-link:focus{top:10px}
.r70-showcase .intro{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:end;padding:64px 0 36px}
.r70-showcase .eyebrow{font-family:AetherPixel,monospace;font-size:11px;line-height:1.8;letter-spacing:.04em;color:var(--gold);margin-bottom:12px}
.r70-showcase h1{font-family:AetherPixel,monospace;font-weight:400;font-size:clamp(28px,3.6vw,52px);line-height:1.18;letter-spacing:-.04em;color:#fff0cb;text-shadow:3px 3px 0 #573940}
.r70-showcase h1 span{color:#e7c281}
.r70-showcase .jp{font-family:AetherJP,sans-serif;color:#bbc7dc;font-size:14px;letter-spacing:.12em;margin-top:12px}
.r70-showcase .intro-copy p+p{margin-top:14px}
.r70-showcase .intro-copy>p:not(.state-badge){max-width:47ch}
.r70-showcase .state-badge{display:inline-flex;gap:16px;align-items:center;color:#b5e5cf;font-size:13px;border-left:3px solid #8dcbb5;padding-left:10px}
.r70-showcase .state-badge span{font-family:AetherJP,sans-serif;font-size:12px}
.r70-showcase .muted{color:var(--muted);font-size:15px}
.r70-showcase .text-link{display:inline-flex;gap:32px;align-items:center;margin-top:22px;text-decoration:none;font-size:15px;border-bottom:1px solid #8e7450;padding-bottom:4px}
.r70-showcase .instrument-frame{border:1px solid #bba171;padding:5px;background:#172038;box-shadow:0 0 0 3px #0a1020,0 0 0 4px #675240,0 18px 35px #0004;position:relative}
.r70-showcase .frame-top{display:flex;justify-content:space-between;gap:12px;border:1px solid #4b4a4a;border-bottom:0;background:#172941;padding:10px 15px;color:#e9d5ae;font-family:AetherPixel,monospace;font-size:10px;line-height:1.6}
.r70-showcase .frame-top .small{font:12px/1.4 system-ui;color:var(--muted)}
.r70-showcase .instrument-stage{padding:24px 12px 18px;border:1px solid #4b4a4a;border-top:0;background:#071018;overflow:hidden}
.r70-showcase .instrument-front{display:block;width:100%;height:auto;aspect-ratio:1420/618;overflow:hidden}
.r70-showcase figcaption{display:flex;align-items:center;gap:9px;padding:11px 15px;color:#c2c8d0;font-size:12px;line-height:1.5}
.r70-showcase .tiny-square{width:4px;height:4px;flex:none;background:var(--gold)}
.r70-showcase .design-counts{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0 0}
.r70-showcase .design-counts>div{padding:6px 22px;border-right:1px solid var(--line)}
.r70-showcase .design-counts>div:first-child{padding-left:0}
.r70-showcase .design-counts>div:last-child{border:0}
.r70-showcase dt{font-family:AetherPixel,monospace;font-size:27px;color:var(--gold);line-height:1.4}
.r70-showcase dd{margin:6px 0 0;font-size:13px;color:var(--muted)}
.r70-showcase .design-section,.r70-showcase .roadmap{padding-top:78px}
.r70-showcase .section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.r70-showcase h2{font-size:clamp(23px,2.6vw,34px);font-weight:600;line-height:1.25;letter-spacing:-.025em}
.r70-showcase .section-intro{max-width:70ch;color:var(--muted);margin-top:20px}
.r70-showcase .detail-layout{display:grid;grid-template-columns:300px 1fr;gap:22px;margin-top:28px}
.r70-showcase .detail-controls{display:grid;gap:8px;align-content:start}
.r70-showcase .detail-button{display:flex;align-items:center;gap:16px;min-height:83px;padding:17px 14px;text-align:left;background:#111e35;border:1px solid #41516b;color:var(--ink);cursor:pointer;position:relative}
.r70-showcase .detail-button:hover{background:#203354}
.r70-showcase .detail-button:disabled{cursor:default;opacity:.65}
.r70-showcase .detail-button[aria-pressed="true"]{border-color:var(--gold);background:#273045;box-shadow:inset 3px 0 var(--gold)}
.r70-showcase .detail-button .index{font-family:AetherPixel,monospace;font-size:11px;color:var(--gold)}
.r70-showcase .detail-button small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px}
.r70-showcase .detail-button .arrow{margin-left:auto;color:var(--gold)}
.r70-showcase .detail-panel{border:1px solid #586172;display:flex;flex-direction:column;min-width:0;background:#141e31}
.r70-showcase .detail-art{height:236px;padding:24px;background:#080f1d;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #414b60;overflow:hidden}
.r70-showcase .detail-art svg{display:block;width:100%;height:100%;max-width:100%;overflow:hidden}
.r70-showcase .detail-copy{padding:24px;flex:1}
.r70-showcase h3{font-size:21px;line-height:1.3;font-weight:600}
.r70-showcase .detail-copy>p:last-child{color:var(--muted);margin-top:10px;font-size:15px}
.r70-showcase .roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.r70-showcase .roadmap-grid article{padding:25px 25px 22px;border-top:2px solid #a58f66;background:#14213a;position:relative}
.r70-showcase .feature-state{color:#d9b777;font-size:12px}
.r70-showcase .pixel-icon{display:block;width:36px;height:36px;margin:28px 0 18px;line-height:34px;text-align:center;border:1px solid #637da4;box-shadow:3px 3px 0 #0a1221;font-family:AetherPixel,monospace;font-size:12px;color:#acd5eb}
.r70-showcase .roadmap-grid h3{font-size:20px}
.r70-showcase .roadmap-grid h3+p{margin-top:13px;color:var(--muted);font-size:15px}
.r70-showcase .feature-note{font-size:12px;line-height:1.6;color:#aabbd1;margin-top:24px;border-top:1px solid #40516a;padding-top:16px}
.r70-showcase .availability{display:flex;gap:36px;align-items:center;justify-content:space-between;margin-top:64px;border:1px solid #79705b;padding:32px;background:#171d2c}
.r70-showcase .availability p:last-child{margin-top:15px;max-width:66ch;font-size:15px;color:var(--muted)}
.r70-showcase .unavailable{flex:none;border:1px solid #807555;padding:13px 16px;color:#cabb9e;font-size:13px;background:#21252c}
.r70-showcase .reference-notes{margin-top:28px;border-bottom:1px solid #494d5d}
.r70-showcase summary{cursor:pointer;padding:20px 0;font-size:14px;color:#d8c6a5;min-height:48px}
.r70-showcase summary>span{margin-left:12px;font-family:AetherJP,sans-serif;font-size:12px;color:#b5bfd0}
.r70-showcase .reference-content{max-width:900px;padding-bottom:30px}
.r70-showcase .rear-reference{border:1px solid #696150;background:#071018;margin-bottom:22px}
.r70-showcase .rear-reference svg{display:block;width:100%;height:auto;aspect-ratio:834/264;overflow:hidden}
.r70-showcase .reference-content p{font-size:14px;color:var(--muted);margin-top:12px}
.r70-showcase footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 38px}
.r70-showcase footer img{display:block;image-rendering:pixelated}
.r70-showcase footer p,.r70-showcase footer a{font-size:11px;color:#acb8c9}
.r70-showcase .notice{padding:14px;border:1px solid var(--line);margin-top:12px;font-size:14px}
@media(min-width:1600px){.r70-showcase h1{font-size:54px}}
@media(max-width:900px){.r70-showcase .intro{gap:28px}.r70-showcase .detail-layout{grid-template-columns:245px 1fr}.r70-showcase .detail-art{height:210px}.r70-showcase .roadmap-grid{gap:12px}.r70-showcase .roadmap-grid article{padding:22px 18px}.r70-showcase .availability{align-items:start;flex-direction:column;gap:22px}.r70-showcase footer{flex-wrap:wrap}}
@media(max-width:640px){
 .r70-showcase .masthead,.r70-showcase main,.r70-showcase footer{width:calc(100% - 32px)}
 .r70-showcase .masthead{align-items:start;padding:19px 0;flex-wrap:wrap;gap:14px}.r70-showcase .brand{width:220px;height:40px}.r70-showcase .preview-stamp{font-size:11px}
 .r70-showcase .intro{grid-template-columns:1fr;padding:34px 0 26px;gap:24px}.r70-showcase h1{font-size:clamp(27px,7.8vw,44px)}
 .r70-showcase .eyebrow{font-size:10px}.r70-showcase .intro-copy{font-size:16px}.r70-showcase .intro-copy .muted{font-size:14px}
 .r70-showcase .frame-top{font-size:8px;padding:8px}.r70-showcase .frame-top .small{display:none}.r70-showcase .instrument-stage{padding:15px 2px}
 .r70-showcase figcaption{font-size:11px;padding:9px 8px;align-items:start}.r70-showcase .tiny-square{margin-top:6px}
 .r70-showcase .design-counts{grid-template-columns:repeat(2,1fr);row-gap:18px;padding-top:22px}
 .r70-showcase .design-counts>div{padding:2px 16px}.r70-showcase .design-counts>div:nth-child(odd){padding-left:0}.r70-showcase .design-counts>div:nth-child(2){border:0}
 .r70-showcase dt{font-size:25px}.r70-showcase dd{font-size:12px}
 .r70-showcase .design-section,.r70-showcase .roadmap{padding-top:48px}.r70-showcase .section-heading{display:block}.r70-showcase .section-heading .jp{font-size:12px;margin-top:9px}.r70-showcase .section-intro{font-size:15px;margin-top:15px}
 .r70-showcase .detail-layout{grid-template-columns:1fr;gap:16px;margin-top:22px}.r70-showcase .detail-controls{grid-template-columns:1fr 1fr;gap:8px}
 .r70-showcase .detail-button{min-width:0;min-height:102px;padding:12px 10px;display:block;font-size:14px;line-height:1.45}
 .r70-showcase .detail-button .index{display:block;margin-bottom:8px;font-size:10px}.r70-showcase .detail-button small{font-size:11px}.r70-showcase .detail-button .arrow{display:none}
 .r70-showcase .detail-art{height:172px;padding:14px}.r70-showcase .detail-copy{padding:20px}.r70-showcase h3{font-size:20px}
 .r70-showcase .roadmap-grid{grid-template-columns:1fr;gap:16px;margin-top:22px}.r70-showcase .roadmap-grid article{padding:24px}.r70-showcase .pixel-icon{margin-top:20px}
 .r70-showcase .availability{padding:24px 20px;margin-top:42px}.r70-showcase .unavailable{max-width:100%;font-size:12px}
 .r70-showcase footer{display:block;padding-top:28px}.r70-showcase footer p{margin:18px 0 14px}.r70-showcase footer a{display:inline-block;min-height:44px;padding:10px 0}
}
@media(prefers-reduced-motion:no-preference){.r70-showcase .status-square{animation:r70-status 6s ease-in-out infinite}.r70-showcase .detail-button{transition:background-color .14s,border-color .14s}@keyframes r70-status{0%,100%{opacity:.6}50%{opacity:1}}}
@media(forced-colors:active){.r70-showcase{background:Canvas;color:CanvasText}.r70-showcase a{color:LinkText}.r70-showcase .detail-button[aria-pressed="true"]{outline:2px solid Highlight}.r70-showcase .status-square{background:CanvasText}.r70-showcase .instrument-frame{box-shadow:none}}