.stratic{--s-black:#000;--s-white:#f5f5f5;--s-blue:#00a8f8;--s-blue-deep:#0077c8;--s-steel:#8a94a0;--s-line:#1e2630;--s-panel:#0a0e13;--s-lean:.36;background:var(--s-black);min-height:100dvh;color:var(--s-white);font-family:var(--font-atkinson), system-ui, sans-serif;flex-direction:column;display:flex}.stratic h1,.stratic h2,.stratic h3,.stratic .s-display{font-family:var(--font-chakra), "Arial Narrow", sans-serif;letter-spacing:.01em;font-weight:700;line-height:1.02}.stratic :focus-visible{outline:3px solid var(--s-blue);outline-offset:3px}.stratic ::selection{background:var(--s-blue);color:var(--s-black)}.stratic a.s-link{color:var(--s-white);text-underline-offset:.3em}.stratic a.s-link:hover{color:var(--s-blue)}.stratic .s-cut{background:var(--s-blue);min-height:3.5rem;color:var(--s-black);font-family:var(--font-chakra), sans-serif;white-space:nowrap;clip-path:polygon(calc(3.5rem * var(--s-lean)) 0, 100% 0, calc(100% - 3.5rem * var(--s-lean)) 100%, 0 100%);align-items:center;padding:0 2.1rem;font-size:1.2rem;font-weight:700;transition:background-color .12s;display:inline-flex}.stratic .s-cut:hover{background:var(--s-white)}.stratic .s-cut:active{background:var(--s-blue-deep)}.stratic .s-cut:focus-visible{box-shadow:inset 0 0 0 3px var(--s-black), inset 0 0 0 6px var(--s-white);outline:none}.stratic .s-layer{background:var(--s-panel);border-top:1px solid var(--s-line);border-bottom:1px solid var(--s-line);position:relative}.stratic .s-layer:before{content:"";background:var(--s-blue);clip-path:polygon(0 0,100% 0,45% 100%,0 100%);width:clamp(1.5rem,5vw,4.5rem);position:absolute;inset:-1px auto -1px 0}.stratic .s-layer>*{position:relative}.stratic .s-band{background:linear-gradient(100deg, var(--s-blue-deep), var(--s-blue) 55%);clip-path:polygon(0 100%,100% 0,100% 34%,0 100%);pointer-events:none;height:clamp(5rem,14vw,11rem);position:absolute;inset:auto -10vw -1px}.stratic .s-nav{flex-wrap:wrap;gap:0 .25rem;display:flex;position:relative}.stratic .s-menu-button{white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 .7rem;font-weight:700;display:inline-flex}.stratic .s-menu-button:hover,.stratic .s-menu-button[aria-expanded=true]{color:var(--s-blue);border-bottom-color:var(--s-blue)}.stratic .s-caret{width:.65rem;height:.4rem;transition:transform .12s}.stratic .s-menu-button[aria-expanded=true] .s-caret{transform:rotate(180deg)}.stratic .s-panel{z-index:40;background:var(--s-panel);border:1px solid var(--s-line);border-top:3px solid var(--s-blue);padding:.5rem;position:absolute;top:100%;left:0;right:0;box-shadow:0 24px 48px #000000b3}@media (min-width:48rem){.stratic .s-nav{position:static}.stratic .s-menu{position:relative}.stratic .s-panel{width:max-content;min-width:19rem;max-width:26rem;left:0;right:auto}.stratic .s-panel[data-align=end]{left:auto;right:0}}.stratic .s-group+.s-group{border-top:1px solid var(--s-line);margin-top:.4rem;padding-top:.4rem}.stratic .s-group-heading{color:var(--s-steel);border-left:4px solid var(--s-blue);margin-left:.1rem;padding:.35rem .75rem .15rem;font-size:.875rem}.stratic .s-panel-link{padding:.55rem .75rem;display:block}.stratic .s-panel-link:hover{background:var(--s-line)}.stratic .s-panel-label{font-family:var(--font-chakra), sans-serif;font-size:1.15rem;font-weight:700;display:block}.stratic .s-panel-note{color:var(--s-steel);font-size:.9375rem;display:block}.stratic .s-layer.s-slim:before{width:1.4rem}.stratic .s-cut.s-small{min-height:2.75rem;clip-path:polygon(calc(2.75rem * var(--s-lean)) 0, 100% 0, calc(100% - 2.75rem * var(--s-lean)) 100%, 0 100%);padding:0 1.5rem;font-size:1rem}
