@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";
@import "https://api.fontshare.com/v2/css?f[]=exposure@400&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#303030;--silver:#a8acb5;--paper:#eee;--orange:#fd7804;--blue:#016efd;--f-display:"Exposure", Georgia, serif;--f-mono:"IBM Plex Mono", monospace}@media (prefers-color-scheme:dark){:root{--ink:#eee;--paper:#303030}}html,body{background:var(--paper);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}.menu-btn{z-index:200;cursor:pointer;background:0 0;border:none;padding:8px;position:fixed;top:36px;right:52px}.dot-grid{grid-template-rows:repeat(3,5px);grid-template-columns:repeat(3,5px);gap:5px;display:grid}.dot-grid span{background:var(--ink);border-radius:50%;width:5px;height:5px;transition:transform .38s cubic-bezier(.34,1.56,.64,1),opacity .22s,background .22s;display:block}.menu-btn:hover .dot-grid span{transform:scale(1.3)}.menu-btn.open .dot-grid span{background:#fff}.menu-btn.open .dot-grid span:nth-child(2),.menu-btn.open .dot-grid span:nth-child(4),.menu-btn.open .dot-grid span:nth-child(6),.menu-btn.open .dot-grid span:nth-child(8){opacity:0;transform:scale(0)}.menu-btn.open .dot-grid span:first-child{transform:translate(5px,5px)scale(1.15)}.menu-btn.open .dot-grid span:nth-child(3){transform:translate(-5px,5px)scale(1.15)}.menu-btn.open .dot-grid span:nth-child(5){transform:scale(1.6)}.menu-btn.open .dot-grid span:nth-child(7){transform:translate(5px,-5px)scale(1.15)}.menu-btn.open .dot-grid span:nth-child(9){transform:translate(-5px,-5px)scale(1.15)}.menu-overlay{z-index:100;background:var(--orange);pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .32s;display:flex;position:fixed;inset:0}.menu-overlay.open{opacity:1;pointer-events:all}.menu-nav{flex-direction:column;align-items:center;gap:36px;display:flex}.menu-nav a{font-family:var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:0;font-size:clamp(22px,3vw,40px);font-weight:400;line-height:1.1;text-decoration:none;transition:opacity .38s,transform .38s cubic-bezier(.2,0,.2,1);position:relative;transform:translateY(16px)}.menu-overlay.open .menu-nav a:first-child{opacity:1;transition-delay:60ms;transform:translateY(0)}.menu-overlay.open .menu-nav a:nth-child(2){opacity:1;transition-delay:.12s;transform:translateY(0)}.menu-overlay.open .menu-nav a:nth-child(3){opacity:1;transition-delay:.18s;transform:translateY(0)}.menu-nav a:after{content:"";opacity:0;pointer-events:none;background-image:radial-gradient(circle,#ffffffb3 1.4px,#0000 1.4px),radial-gradient(circle,#ffffffb3 1.4px,#0000 1.4px),radial-gradient(circle,#ffffffb3 1.4px,#0000 1.4px),radial-gradient(circle,#ffffffb3 1.4px,#0000 1.4px);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:12px 3px,12px 3px,3px 12px,3px 12px;transition:opacity .22s;position:absolute;inset:-10px -18px}.menu-nav a:hover:after{opacity:1}.menu-overlay.open .menu-nav:hover a{opacity:.2}.menu-overlay.open .menu-nav:hover a:hover{opacity:1}.menu-wordmark{color:#fff;justify-content:center;width:160px;margin:0 auto;text-decoration:none;transition:opacity .2s;display:flex;position:absolute;top:52px;left:0;right:0}.menu-wordmark svg{width:100%;height:auto;display:block}.menu-wordmark:hover{opacity:.7}@media (max-width:640px){.menu-btn{top:28px;right:24px}.menu-wordmark{width:120px;top:32px}}.dot-rule{background-image:radial-gradient(circle, var(--silver) 1.4px, transparent 1.4px);opacity:0;clip-path:inset(0 100% 0 0);background-repeat:repeat-x;background-size:12px 3px;height:3px;transition:opacity .8s,clip-path .9s}.dot-rule.visible{opacity:.28;clip-path:inset(0 0% 0 0)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(10px)}.reveal.visible{opacity:1;transform:translateY(0)}