html,body,#root{margin:0;padding:0;width:100%;height:100%}canvas{display:block;background-color:#000}@font-face{font-family:AzeretMono;src:url(/fonts/AzeretMono-Variable.ttf) format("truetype");font-weight:400;font-style:normal}.menubox{height:90vh;width:90vw;border:3px solid black}.menuitem{width:100%;height:100%;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:100%;gap:0;text-align:center;font-family:AzeretMono;letter-spacing:.04em}.card{background:#fff;padding:2rem;transform-style:preserve-3d;will-change:transform,opacity;display:grid;grid-template-rows:auto auto auto auto;gap:1rem;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch}.canvaswrap{background:#000;overflow:hidden;position:relative;height:100%;isolation:isolate;contain:layout paint size}.menutitle{font-size:1.6em;line-height:1.15}.desc{font-size:1em;line-height:1.4}.mediarow{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;width:100%;align-items:stretch}.techrow{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:center}.techicon{display:block;width:56px;height:56px}.bwimgwrap{display:block;width:100%;height:100%;overflow:hidden}.tile{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;transform-style:preserve-3d}.bwimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .16s linear,transform .16s linear}.tile:hover .bwimg{filter:grayscale(0) contrast(1.05)}@media (max-width: 1100px){.menuitem{grid-template-columns:1fr;grid-template-rows:minmax(46vh,52svh) auto}.canvaswrap{order:-1;height:50svh}.card{padding:1.6rem}.menutitle{font-size:1.5em}.desc{font-size:.95em}.mediarow{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width: 800px){.menubox{height:94vh;width:96vw}.menuitem{grid-template-columns:1fr;grid-template-rows:minmax(40vh,48svh) auto}.canvaswrap{height:46svh}.card{padding:1.2rem;gap:.8rem}.menutitle{font-size:1.3em}.desc{font-size:.9em;line-height:normal}.techicon{width:48px;height:48px}.mediarow{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 380px){.menutitle{font-size:1.15em}.desc{font-size:.85em}.techicon{width:44px;height:44px}}@media (max-width: 800px){.mediarow{display:none!important}}*,*:before,*:after{box-sizing:border-box}.aboutpage{width:100vw;height:100%;min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-family:AzeretMono,monospace;letter-spacing:.04em;background-color:#000;padding:clamp(12px,3vw,24px);padding-left:max(clamp(12px,3vw,24px),env(safe-area-inset-left));padding-right:max(clamp(12px,3vw,24px),env(safe-area-inset-right))}.about-content{color:#fff;width:min(780px,88vw);border:2px solid #fff;border-radius:12px;padding:clamp(16px,4vw,28px);background:#ffffff05;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);text-align:left;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.about-content h1{text-align:center;font-size:clamp(1.4rem,4.8vw,2rem);line-height:1.15;margin:0 0 .75rem}.about-content p{font-size:clamp(.2rem,2.8vw,1rem);line-height:1.6;margin:.5rem 0 0}.about-icons{margin-top:clamp(16px,4vw,24px);display:flex;justify-content:center;gap:clamp(1rem,4vw,1.5rem)}.about-icons a{color:#fff;transition:transform .15s ease,color .2s ease,opacity .2s ease;touch-action:manipulation}.about-icons a:active{transform:scale(.96)}@media (hover: hover) and (pointer: fine){.icon{cursor:none}}@media (hover: none) and (pointer: coarse){.icon{cursor:auto}}@media (max-width: 1024px){.aboutpage{align-items:flex-start;width:100vw}.about-content{width:min(820px,100vw)}}@media (max-width: 640px){.aboutpage{padding-top:max(10svh,calc(env(safe-area-inset-top,0px) + 12px))}.about-content{border-width:1.5px;padding:clamp(14px,5vw,20px)}.about-content p{line-height:1.55}}@media (max-width: 360px){.about-content h1{font-size:1.15rem}.about-content p{font-size:.9rem}}