:root{--red: #e60012;--red-deep: #b00010;--blue: #204cf4;--blue-deep: #0a32c9;--green: #68ff17;--green-deep: #46c200;--ink: #0a0a0a;--ink-soft: #171717;--paper: #f4f1e9;--paper-pure: #ffffff;--primary: var(--blue);--primary-deep: var(--blue-deep);--font-display: "Anton", "Arial Narrow", sans-serif;--font-label: "Oswald", sans-serif;--font-body: "Archivo", system-ui, sans-serif}:root[data-theme=red]{--primary: var(--red);--primary-deep: var(--red-deep)}:root[data-theme=blue]{--primary: var(--blue);--primary-deep: var(--blue-deep)}:root[data-theme=green]{--primary: var(--green);--primary-deep: var(--green-deep)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.p5-cut{--p5-cut-hover-bg: var(--primary);--p5-cut-hover-color: var(--paper);--p5-cut-duration: .85s;--p5-cut-press-duration: .65s;clip-path:polygon(0 0,100% 8%,96% 100%,3% 92%);overflow:hidden}.p5-cut:is(:hover,:focus-visible){background:var(--p5-cut-hover-bg)!important;color:var(--p5-cut-hover-color)!important;animation:p5-cut-shift var(--p5-cut-duration) steps(1,end) infinite}.p5-cut:active{animation:p5-cut-press var(--p5-cut-press-duration) steps(1,end) infinite}.reveal{opacity:0;transform:translateY(34px) skew(-6deg);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.9,.2,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}.sec{padding:clamp(65px,8vw,128px) 0}.sec-head{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:clamp(30px,5vw,64px);flex-wrap:wrap}.sec-tab{font-family:var(--font-label);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px;background:var(--primary);color:var(--paper);padding:5px 16px;transform:skew(-9deg)}.sec-tab b{display:inline-block;transform:skew(9deg)}.sec-title{font-family:var(--font-display);font-size:clamp(42px,7vw,92px);line-height:.95;letter-spacing:.01em}.sec-sub{font-family:var(--font-label);font-weight:500;letter-spacing:.04em;font-size:clamp(14px,1.6vw,18px);opacity:.7;margin-bottom:6px}@keyframes p5-cut-shift{0%,to{clip-path:polygon(0 0,100% 8%,96% 100%,3% 92%)}24%{clip-path:polygon(0 10%,100% 0,92% 96%,5% 100%)}48%{clip-path:polygon(4% 0,96% 10%,100% 92%,0 96%)}72%{clip-path:polygon(2% 4%,100% 12%,94% 100%,0 88%)}}@keyframes p5-cut-press{0%,to{clip-path:polygon(0 0,100% 8%,96% 100%,3% 92%)}45%{clip-path:polygon(6% 0,100% 0,90% 100%,0 96%)}}@media(prefers-reduced-motion:reduce){.p5-cut,.p5-cut:active,.p5-cut:is(:hover,:focus-visible){animation:none}}@media(max-width:768px){.sec-title{font-size:clamp(42px,5vw,64px);max-width:100%;text-wrap:wrap;overflow-wrap:anywhere;word-break:break-word}.reveal{transform:translateY(34px) skew(0)}}.overlay{position:fixed;inset:0;z-index:120;display:block;overflow:hidden;clip-path:polygon(100% 0,100% 0,100% 0,100% 0,100% 0);pointer-events:none;will-change:clip-path;animation:command-close .52s cubic-bezier(.65,0,.35,1) both}.overlay[data-open=true]{pointer-events:auto;animation:command-open .56s cubic-bezier(.2,.9,.2,1) both}.overlay .bg{position:absolute;inset:0;background:linear-gradient(105deg,var(--primary-deep) 0%,var(--primary) 30%,var(--primary) 33%,var(--paper) 33.3%);transform:none;opacity:1;transition:transform .35s cubic-bezier(.2,.9,.2,1),opacity .3s}.overlay .bg:after{content:"";position:absolute;left:0;top:0;width:40%;height:100%;background-image:radial-gradient(rgba(10,10,10,.5) 22%,transparent 23%);background-size:16px 16px;opacity:.5}.ov-face{position:absolute;right:-2%;top:0;width:58%;height:100%;background:repeating-linear-gradient(135deg,var(--ink) 0 9px,transparent 9px 18px),var(--paper);clip-path:polygon(46% 0,100% 0,100% 100%,12% 100%)}.ov-face .bk{position:absolute;inset:0;background:var(--ink);clip-path:polygon(62% 0,100% 0,100% 100%,34% 100%)}.ov-number{position:absolute;left:32%;top:2%;font-family:var(--font-display);font-size:min(80vh,720px);line-height:.8;color:var(--primary);transform:rotate(8deg);pointer-events:none}.ov-close{position:absolute;right:clamp(16px,3vw,34px);top:clamp(14px,2.4vw,26px);z-index:10;font-family:var(--font-display);font-size:20px;color:var(--ink);background:var(--paper);border:0;cursor:pointer;padding:8px 16px;display:flex;align-items:center;gap:8px;clip-path:polygon(0 8%,100% 0,96% 100%,4% 92%);box-shadow:3px 3px #0006}.ov-stickers{position:absolute;right:clamp(40px,8vw,120px);top:clamp(80px,15%,120px);z-index:6;display:grid;justify-items:end;gap:16px;width:max-content;max-width:34vw}.ov-stickers .tag{white-space:nowrap;font-size:13px;box-shadow:3px 4px #00000080;transform-origin:right center;padding:.4em 1.2em .5em 1em;font-weight:700}.ov-stickers .tag:nth-child(1){transform:rotate(-3deg);background-color:var(--paper);color:var(--ink)}.ov-stickers .tag:nth-child(2){transform:rotate(2deg);background-color:var(--ink)}.ov-stickers .tag:nth-child(3){transform:rotate(-2deg);background-color:var(--paper);color:var(--ink)}.ov-list{position:absolute;left:6%;top:24%;z-index:6}.ov-list a{display:block;font-family:var(--font-display);font-size:52px;line-height:1.02;text-decoration:none;letter-spacing:.02em;margin:-2px 0;white-space:nowrap;text-shadow:3px 3px 0 var(--ink),-1px -1px 0 var(--ink);transition:transform .12s ease,color .12s ease}.ov-list a:nth-child(1){color:var(--paper);transform:rotate(-2deg) translate(0)}.ov-list a:nth-child(2){color:var(--paper);transform:rotate(1deg) translate(18px)}.ov-list a:nth-child(3){color:var(--paper);transform:rotate(-1deg) translate(8px)}.ov-list a:nth-child(4){color:var(--paper);transform:rotate(2deg) translate(26px)}.ov-list a:nth-child(5){color:var(--paper);transform:rotate(-2deg) translate(14px)}.ov-list a:nth-child(6){color:var(--paper);transform:rotate(2deg) translate(16px)}.ov-list a:hover{color:var(--primary);transform:skew(-8deg) translate(40px) scale(1.05);text-shadow:4px 4px 0 var(--ink)}.ov-list a .idx{font-family:var(--font-label);font-size:.34em;color:var(--ink);margin-right:.5em;vertical-align:middle;-webkit-text-stroke:0;text-shadow:none;font-weight:700}.ov-select{position:absolute;left:clamp(22px,7vw,120px);bottom:8%;z-index:5;font-family:var(--font-label);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);font-size:13px;text-shadow:1px 1px 0 var(--ink)}@keyframes command-open{0%{clip-path:polygon(100% 0,100% 0,100% 0,100% 0,100% 0)}22%{clip-path:polygon(72% 0,100% 0,100% 30%,88% 18%,78% 46%)}48%{clip-path:polygon(36% 0,100% 0,100% 70%,70% 52%,47% 100%,18% 82%)}74%{clip-path:polygon(4% 0,100% 0,100% 100%,24% 100%,0 82%,14% 38%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0)}}@keyframes command-close{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0)}26%{clip-path:polygon(0 0,100% 0,100% 100%,22% 100%,8% 68%,32% 42%)}52%{clip-path:polygon(36% 0,100% 0,100% 76%,68% 54%,48% 100%,22% 82%)}78%{clip-path:polygon(72% 0,100% 0,100% 30%,90% 18%,78% 46%)}to{clip-path:polygon(100% 0,100% 0,100% 0,100% 0,100% 0)}}@media(max-width:768px){.ov-stickers{display:none}.ov-select{color:var(--ink);text-shadow:1px 1px 0 var(--paper)}}footer.foot{background:var(--ink);color:var(--paper);border-top:3px solid var(--primary);padding:26px 0}.foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;width:85%;max-width:1200px;margin:auto}.foot .tag{display:flex;flex-direction:row;gap:12px;font-family:var(--font-label);letter-spacing:.08em;font-size:12px;opacity:.6;text-transform:uppercase}.foot .rights{font-family:var(--font-display);font-size:16px;letter-spacing:.03em}.color-buttons-row{display:flex;flex-direction:row;gap:4px}.color-button{all:unset;box-sizing:border-box;cursor:pointer;width:20px;height:20px;outline:2px solid transparent;outline-offset:3px;clip-path:polygon(0 12%,12% 0,100% 6%,94% 100%,0 92%);transition:outline-color .15s ease,transform .15s ease}.color-button:is(:hover,:focus-visible),.color-button[aria-pressed=true]{outline-color:var(--paper)}.color-button[aria-pressed=true]{transform:scale(1.12)}.color-button.red{background:var(--red)}.color-button.blue{background:var(--blue)}.color-button.green{background:var(--green)}.topbar{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(14px,3vw,34px);background:linear-gradient(180deg,#0a0a0af5,#0a0a0a9e);border-bottom:3px solid var(--primary);transition:padding .25s ease,background .25s ease}.topbar .brand{display:flex;align-items:center;gap:14px}.topbar .mono{width:40px;height:40px;display:grid;place-items:center;flex:none;background:var(--primary);color:var(--paper);font-family:var(--font-display);font-size:22px;clip-path:polygon(0 12%,12% 0,100% 6%,94% 100%,0 92%)}.topbar .brand .name{font-family:var(--font-display);font-size:20px;letter-spacing:.03em;color:var(--paper);line-height:1;display:flex;flex-direction:column;white-space:nowrap}.topbar .brand .name small{display:block;font-family:var(--font-label);font-size:10px;letter-spacing:.22em;color:var(--primary);font-weight:600;margin-top:3px}.topbar .controls{display:flex;align-items:center;gap:12px}.topbar .lang{display:flex;border:2px solid var(--paper);background:var(--ink);transform:skew(-9deg);overflow:hidden}.topbar .lang a{font-family:var(--font-label);font-weight:700;font-size:13px;letter-spacing:.06em;background:transparent;color:var(--paper);border:0;padding:6px 12px;cursor:pointer;text-decoration:none;transition:.15s}.topbar .lang a b{display:inline-block;transform:skew(9deg)}.topbar .lang a.on{background:var(--primary);color:var(--paper)}.topbar .lang a:not(.on):hover{background:#f4f1e924}.topbar .menu-btn{display:flex;align-items:center;gap:9px;cursor:pointer;border:0;font-family:var(--font-display);font-size:18px;letter-spacing:.04em;background:var(--paper);color:var(--ink);padding:8px 18px;box-shadow:3px 3px 0 var(--primary);transition:background .12s ease,color .12s ease,transform .12s ease}.topbar .menu-btn.p5-cut:is(:hover,:focus-visible){background:var(--p5-cut-hover-bg);color:var(--p5-cut-hover-color)}.topbar .menu-btn .bars{display:inline-flex;flex-direction:column;gap:3px}.topbar .menu-btn .bars i{width:18px;height:3px;background:currentColor;display:block;transition:background .12s ease}.topbar .menu-btn .bars i:nth-child(2){width:13px}.topbar--post{display:grid;grid-template-columns:minmax(88px,auto) minmax(0,1fr) minmax(92px,auto);gap:clamp(10px,2vw,18px)}.topbar .post-back{display:inline-flex;align-items:center;justify-self:start;gap:8px;background:var(--paper);box-shadow:3px 3px 0 var(--primary);color:var(--ink);font-family:var(--font-display);font-size:18px;letter-spacing:.04em;line-height:1;padding:9px 16px;text-decoration:none;transition:background .12s ease,color .12s ease,transform .12s ease}.topbar .post-back:is(:hover,:focus-visible){background:var(--p5-cut-hover-bg);color:var(--p5-cut-hover-color)}.topbar .post-heading{align-self:center;color:var(--paper);font-family:var(--font-display);font-size:clamp(18px,2.2vw,26px);letter-spacing:.03em;line-height:1;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.topbar--post .menu-btn{justify-self:end}@media(max-width:1020px){.topbar .brand .name{display:none}}@media(max-width:620px){.topbar--post{grid-template-columns:44px minmax(0,1fr) 48px}.topbar .post-back,.topbar--post .menu-btn{aspect-ratio:1;justify-content:center;min-width:44px;padding:0}.topbar .post-back span:last-child,.topbar--post .menu-btn>span:last-child{display:none}}