:root{--ui-scale:1.5;--win95-desktop:black;--win95-face:silver;--win95-face-dark:#a0a0a0;--win95-titlebar:navy;--win95-titlebar-text:#fff;--win95-text:#000;--win95-text-gray:#666;--win95-link:#00f;--win95-link-visited:purple;--win95-highlight:navy;--win95-highlight-text:#fff;--win95-border-light:#fff;--win95-border-mid:#dfdfdf;--win95-border-shadow:gray;--win95-border-dark:#000;--win95-field-bg:#fff;--win95-gray-bg:#999;--win95-light-gray-bg:#ccc;--sans:Tahoma, "MS Sans Serif", "Microsoft Sans Serif", sans-serif;--heading:Tahoma, "MS Sans Serif", "Microsoft Sans Serif", sans-serif;--mono:"Lucida Console", Consolas, monospace;font:calc(15px * var(--ui-scale))/1.45 var(--sans);color:var(--win95-text);background:var(--win95-desktop);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}*,:before,:after{box-sizing:border-box}html{height:100dvh;max-height:100dvh;overflow:hidden}body{height:100%;margin:0;overflow:hidden}#root{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}h1,h2,h3{font-family:var(--heading);color:var(--win95-text);letter-spacing:0;font-weight:700}h1{font-size:calc(22px * var(--ui-scale));margin:0 0 calc(14px * var(--ui-scale))}h2{font-size:calc(17px * var(--ui-scale));margin:0 0 calc(10px * var(--ui-scale));line-height:1.2}h3{font-size:calc(15px * var(--ui-scale));margin:0 0 calc(8px * var(--ui-scale))}p{margin:0}a{color:var(--win95-link);text-decoration:underline}a:visited{color:var(--win95-link-visited)}a:active{color:var(--win95-highlight-text);background:var(--win95-highlight)}ul{margin:0;padding:0}img{image-rendering:auto;max-width:100%;height:auto}@media (width<=1024px){:root{--ui-scale:1.3}}.win95-desktop{background:var(--win95-desktop);background-image:linear-gradient(45deg,#0000000a 25%,#0000 25%),linear-gradient(-45deg,#0000000a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0000000a 75%),linear-gradient(-45deg,#0000 75%,#0000000a 75%);background-position:0 0,0 2px,2px -2px,-2px 0;background-size:4px 4px;flex-direction:column;flex:1;width:100%;min-height:0;padding:0;display:flex;overflow:hidden}.win95-window--app{width:calc(100% - 4rem * var(--ui-scale));min-height:0;margin:calc(1rem * var(--ui-scale)) calc(2rem * var(--ui-scale));background:var(--win95-face);border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);box-shadow:calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid);flex-direction:column;flex:1;display:flex;overflow:hidden}.win95-window--app>.win95-titlebar,.win95-window--app>nav.win95-menu-bar{z-index:6;position:relative}.win95-titlebar{align-items:center;gap:calc(8px * var(--ui-scale));min-height:calc(28px * var(--ui-scale));padding:calc(3px * var(--ui-scale)) calc(4px * var(--ui-scale)) calc(3px * var(--ui-scale)) calc(6px * var(--ui-scale));color:var(--win95-titlebar-text);font-weight:700;font-size:calc(13px * var(--ui-scale));letter-spacing:.02em;-webkit-user-select:none;user-select:none;background:navy;flex-shrink:0;display:flex}.win95-titlebar__icon{width:calc(18px * var(--ui-scale));height:calc(18px * var(--ui-scale));object-fit:cover;border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark);background:var(--win95-field-bg);box-shadow:none;flex-shrink:0;display:block}.win95-titlebar__icon--game{object-fit:fill}.win95-titlebar__text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.win95-titlebar__controls{gap:calc(2px * var(--ui-scale));flex-shrink:0;display:flex}.win95-titlebar__control{width:calc(20px * var(--ui-scale));height:calc(18px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));color:var(--win95-text);background:var(--win95-face);border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);padding:0 0 calc(1px * var(--ui-scale));box-sizing:border-box;justify-content:center;align-items:center;line-height:1;display:flex}.win95-titlebar__control--close{font-weight:700;font-size:calc(12px * var(--ui-scale))}.win95-titlebar__control--disabled{pointer-events:none;opacity:.55;border-color:var(--win95-border-shadow) var(--win95-border-mid) var(--win95-border-mid) var(--win95-border-shadow);box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 #00000014}button.win95-titlebar__control{font:inherit;font-size:calc(11px * var(--ui-scale));cursor:pointer;appearance:none;margin:0}button.win95-titlebar__control.win95-titlebar__control--close{font-size:calc(12px * var(--ui-scale));font-weight:700}button.win95-titlebar__control:not(:disabled):active{border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark);padding:calc(1px * var(--ui-scale)) 0 0 calc(1px * var(--ui-scale))}.win95-desktop-icons{padding:calc(16px * var(--ui-scale)) calc(20px * var(--ui-scale));flex:1;justify-content:flex-start;align-items:flex-start;min-height:0;display:flex}.win95-desktop-icons__row{gap:calc(22px * var(--ui-scale)) calc(28px * var(--ui-scale));flex-flow:wrap;align-items:flex-start;display:flex}.win95-desktop-shortcut{width:calc(120px * var(--ui-scale));max-width:100%;padding:calc(6px * var(--ui-scale)) calc(4px * var(--ui-scale));border:calc(2px * var(--ui-scale)) dotted transparent;color:#fff;font:inherit;text-align:center;text-shadow:0 0 calc(2px * var(--ui-scale)) #000, 0 0 calc(4px * var(--ui-scale)) #000;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:0;flex-direction:column;align-items:center;margin:0;display:flex}.win95-desktop-shortcut:hover{border-color:navy}.win95-desktop-shortcut:focus-visible{outline:calc(2px * var(--ui-scale)) dotted #fff;outline-offset:calc(2px * var(--ui-scale))}.win95-desktop-shortcut:active{background:#0000001f;border-style:solid;border-color:#fff #000 #000 #fff}.win95-desktop-shortcut__graphic{width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));margin-bottom:calc(6px * var(--ui-scale));justify-content:center;align-items:center;display:flex}.win95-desktop-shortcut__svg{width:calc(40px * var(--ui-scale));height:calc(40px * var(--ui-scale));image-rendering:pixelated;image-rendering:crisp-edges;display:block}.win95-desktop-shortcut__label{font-size:calc(12px * var(--ui-scale));word-break:break-all;-webkit-hyphens:manual;hyphens:manual;font-weight:700;line-height:1.15}.win95-window__route-mount{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.win95-window__body{min-height:0;padding:calc(12px * var(--ui-scale)) calc(14px * var(--ui-scale)) calc(14px * var(--ui-scale));background:var(--win95-face);flex-direction:column;flex:1;display:flex;overflow:hidden}.win95-window__body--game{align-items:center;overflow-y:auto}.routes{border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark);background:var(--win95-field-bg);overscroll-behavior:contain;background:var(--win95-gray-bg);flex-direction:row;flex:1;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.routes__viewport{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.routes__content{overscroll-behavior:contain;min-height:0;padding:calc(16px * var(--ui-scale)) calc(18px * var(--ui-scale));scrollbar-width:none;-ms-overflow-style:none;text-align:center;flex:1;overflow:hidden auto}.routes__content::-webkit-scrollbar{display:none;width:0!important;height:0!important}.routes__scrollbar{width:calc(17px * var(--ui-scale));border-left:calc(1px * var(--ui-scale)) solid gray;box-sizing:border-box;background:silver;flex-direction:column;flex-shrink:0;align-self:stretch;display:flex}.routes__scrollbar-btn{height:calc(17px * var(--ui-scale));width:100%;box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 #dfdfdf;border:calc(2px * var(--ui-scale)) solid;cursor:pointer;background-color:silver;background-position:50%;background-repeat:no-repeat;border-color:#fff #000 #000 #fff;border-radius:0;flex-shrink:0;margin:0;padding:0}.routes__scrollbar-btn:disabled{cursor:default;opacity:.65}.routes__scrollbar-btn:not(:disabled):active{box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 gray;background-position:calc(50% + 1px * var(--ui-scale)) calc(50% + 1px * var(--ui-scale));border-color:#000 #fff #fff #000}.routes__scrollbar-btn--up{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23000' d='M4 0l4 5H0z'/%3E%3C/svg%3E")}.routes__scrollbar-btn--down{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23000' d='M4 5l4-5H0z'/%3E%3C/svg%3E")}.routes__scrollbar-track{min-height:calc(32px * var(--ui-scale));box-sizing:border-box;border:calc(1px * var(--ui-scale)) solid;margin:0 calc(1px * var(--ui-scale));background-color:silver;background-image:linear-gradient(90deg,#b8b8b8 50%,#0000 50%),linear-gradient(#b8b8b8 50%,#0000 50%);background-size:2px 2px;border-color:gray #dfdfdf #dfdfdf gray;flex:1;position:relative}.routes__scrollbar-thumb{box-sizing:border-box;border:calc(2px * var(--ui-scale)) solid;width:120%;box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 #dfdfdf;cursor:grab;touch-action:none;background-color:silver;border-color:#fff #000 #000 #fff;border-radius:0;position:absolute;top:0;left:-1.5px;right:0}.routes__scrollbar-thumb:active,.routes__scrollbar-thumb--dragging{cursor:grabbing;box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 gray;border-color:#000 #fff #fff #000}@media (width<=995px){.win95-window--app{width:100%;margin:0}.win95-window__body{padding:calc(10px * var(--ui-scale))}.routes__content{padding:calc(12px * var(--ui-scale))}}@media (width<=780px){.win95-window--app{border-width:calc(1px * var(--ui-scale));box-shadow:none}.win95-window__body{padding:calc(8px * var(--ui-scale))}.routes{border-width:calc(1px * var(--ui-scale))}.routes__content{padding:calc(10px * var(--ui-scale));-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}.routes__scrollbar{display:none}}@media (width>=1601px){.win95-window--app{width:min(1600px - 4rem * var(--ui-scale), 100% - 4rem * var(--ui-scale));margin-top:calc(1rem * var(--ui-scale));margin-bottom:calc(1rem * var(--ui-scale));align-self:center;margin-left:auto;margin-right:auto}}.contact-page h2{font-size:calc(16px * var(--ui-scale));margin-bottom:calc(12px * var(--ui-scale))}.contact-icons{align-items:flex-start;gap:calc(12px * var(--ui-scale)) calc(20px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) 0;flex-wrap:wrap;display:flex}.contact-icon-item{width:calc(104px * var(--ui-scale));max-width:100%;padding:calc(6px * var(--ui-scale)) calc(4px * var(--ui-scale));border-style:solid;border-width:calc(2px * var(--ui-scale));border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);color:var(--win95-text);font:inherit;text-align:center;cursor:pointer;box-sizing:border-box;background:0 0;border-radius:0;flex-direction:column;align-items:center;margin:0;text-decoration:none;display:flex}.contact-icon-item,.contact-icon-item:link,.contact-icon-item:visited{color:var(--win95-text);text-decoration:none}.contact-icon-item:hover{background:var(--win95-highlight);color:var(--win95-highlight-text);border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark)}.contact-icon-item:focus-visible{outline:calc(1px * var(--ui-scale)) dotted #000;outline-offset:calc(2px * var(--ui-scale));background:var(--win95-highlight);color:var(--win95-highlight-text);border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark)}.contact-icon-item:active{background:var(--win95-highlight);color:var(--win95-highlight-text);border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark)}.contact-icon-item__graphic{width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));margin-bottom:calc(6px * var(--ui-scale));justify-content:center;align-items:center;display:flex}.contact-icon-item__svg{width:calc(36px * var(--ui-scale));height:calc(36px * var(--ui-scale));image-rendering:pixelated;image-rendering:crisp-edges;display:block}.contact-icon-item__label{align-items:center;gap:calc(2px * var(--ui-scale));font-size:calc(13px * var(--ui-scale));word-break:break-word;flex-direction:column;font-weight:700;line-height:1.15;display:flex}.contact-icon-item__sublabel{font-size:calc(11px * var(--ui-scale));word-break:break-all;max-width:100%;font-weight:400}.contact-copy-toast{z-index:10000;padding:calc(4px * var(--ui-scale)) calc(10px * var(--ui-scale));color:#000;border:calc(2px * var(--ui-scale)) solid;box-shadow:calc(2px * var(--ui-scale)) calc(2px * var(--ui-scale)) 0 #00000040;font-size:calc(12px * var(--ui-scale));font-weight:700;font-family:var(--sans);white-space:nowrap;pointer-events:none;transform:translate(-50%, calc(-100% - 6px * var(--ui-scale)));background:#ffffe1;border-color:#000 #fff #fff #000;margin:0;line-height:1.2;animation:1s ease-out forwards contact-copy-toast-anim;position:fixed}@keyframes contact-copy-toast-anim{0%{opacity:1;transform:translate(-50%, calc(-100% - 6px * var(--ui-scale))) translateY(0)}to{opacity:0;transform:translate(-50%, calc(-100% - 6px * var(--ui-scale))) translateY(calc(-18px * var(--ui-scale)))}}.main-page__contact-style-icons{width:100%;min-height:min(38vh,280px);margin-top:calc(12px * var(--ui-scale));flex-direction:column;justify-content:center;align-items:center;display:flex}nav.win95-menu-bar{align-items:center;gap:calc(4px * var(--ui-scale));padding:calc(6px * var(--ui-scale)) calc(8px * var(--ui-scale));background:var(--win95-face);border-bottom:calc(1px * var(--ui-scale)) solid var(--win95-border-shadow);flex-shrink:0;display:flex}nav.win95-menu-bar .win95-menu-bar__toggle{display:none}nav.win95-menu-bar .win95-menu-bar__links{align-items:center;gap:calc(4px * var(--ui-scale));flex-wrap:wrap;display:flex}nav.win95-menu-bar a{padding:calc(6px * var(--ui-scale)) calc(12px * var(--ui-scale));font-size:calc(14px * var(--ui-scale));font-family:var(--sans);color:var(--win95-text);background:var(--win95-face);border:calc(2px * var(--ui-scale)) solid transparent;border-radius:0;text-decoration:none;display:inline-block}nav.win95-menu-bar a:hover{border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light)}nav.win95-menu-bar a:active{border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark);padding:calc(5px * var(--ui-scale)) calc(9px * var(--ui-scale)) calc(3px * var(--ui-scale)) calc(11px * var(--ui-scale))}nav.win95-menu-bar a.is-active{background:var(--win95-highlight);color:var(--win95-highlight-text);border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark)}nav.win95-menu-bar a.is-active:hover{color:var(--win95-highlight-text);border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark)}@media (width<=780px){nav.win95-menu-bar{min-height:calc(42px * var(--ui-scale));flex-direction:row;align-items:stretch;position:relative}nav.win95-menu-bar .win95-menu-bar__toggle{top:calc(6px * var(--ui-scale));right:calc(8px * var(--ui-scale));padding:calc(4px * var(--ui-scale)) calc(10px * var(--ui-scale));font:inherit;font-size:calc(16px * var(--ui-scale));color:var(--win95-text);background:var(--win95-face);border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);cursor:pointer;appearance:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute}nav.win95-menu-bar .win95-menu-bar__toggle:active{border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark)}nav.win95-menu-bar .win95-menu-bar__toggle-close{font-size:calc(13px * var(--ui-scale));font-weight:700;line-height:1;display:inline-block}nav.win95-menu-bar .win95-menu-bar__toggle-icon{gap:calc(3px * var(--ui-scale));flex-direction:column;display:inline-flex}nav.win95-menu-bar .win95-menu-bar__toggle-icon span{width:calc(16px * var(--ui-scale));height:calc(2px * var(--ui-scale));background:var(--win95-text);display:block}nav.win95-menu-bar .win95-menu-bar__links{flex-direction:column;align-items:stretch;width:100%;margin-top:0;display:none}nav.win95-menu-bar .win95-menu-bar__links.is-open{display:flex}nav.win95-menu-bar a{text-align:left;width:100%}}.education-page{display:block}.education-page>div{margin-bottom:calc(16px * var(--ui-scale))}.education-page h2{font-size:calc(16px * var(--ui-scale));margin-bottom:calc(8px * var(--ui-scale));padding:calc(2px * var(--ui-scale)) 0;border-bottom:calc(1px * var(--ui-scale)) solid var(--win95-border-shadow);text-align:left}.education-page ul{margin:0;padding:0;list-style:none}.education-page li{margin-bottom:calc(12px * var(--ui-scale));padding:calc(8px * var(--ui-scale));background:var(--win95-face);border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);box-shadow:calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid);align-items:center;min-height:8rem;display:flex}.education-page li img{margin:0 calc(10px * var(--ui-scale)) 0 0;border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark);background:var(--win95-field-bg);padding:calc(2px * var(--ui-scale));border-radius:0;flex-shrink:0;align-self:center}.education-page li .education-item__text{text-align:left}.education-page li .education-item__text .course{font-size:calc(15px * var(--ui-scale));font-weight:700;line-height:1.3}.education-page li .education-item__text .institution{font-size:calc(14px * var(--ui-scale))}.education-page li .education-item__text .period{font-size:calc(13px * var(--ui-scale));color:var(--win95-border-shadow)}.education-page li .education-item__text a{margin-top:calc(6px * var(--ui-scale));font-size:calc(14px * var(--ui-scale));display:inline-block}.education-page__certs li .education-item__text{text-align:left;flex:1}@media (width>=900px){.education-page{gap:calc(16px * var(--ui-scale));display:flex}.education-page>div{flex:1;margin-bottom:0}}@media (width<=780px){.education-page li{flex-direction:column;align-items:stretch}.education-page li img{margin:0 auto calc(10px * var(--ui-scale));align-self:center}.education-page li .education-item__text{width:100%}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.projects-detail-fullscreen>.routes{background:var(--win95-face);min-height:0;box-shadow:none;border:0;flex:1}.projects-detail-fullscreen .routes__viewport,.projects-detail-fullscreen .routes__content{background:#000}.projects-detail-fullscreen .routes__content{overscroll-behavior-y:none;text-align:left;flex-direction:column;min-height:100%;padding:0;display:flex}.projects-detail-fullscreen .routes__scrollbar{background:var(--win95-face);border-left-color:var(--win95-border-shadow)}.projects-detail-fullscreen .routes__scrollbar-btn{background-color:var(--win95-face);border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid)}.projects-detail-fullscreen .routes__scrollbar-track{background-color:var(--win95-face);background-image:linear-gradient(90deg, var(--win95-face-dark) 50%, transparent 50%), linear-gradient(var(--win95-face-dark) 50%, transparent 50%);border-color:var(--win95-border-shadow) var(--win95-border-mid) var(--win95-border-mid) var(--win95-border-shadow);background-size:2px 2px}.projects-detail-fullscreen .routes__scrollbar-thumb{background-color:var(--win95-face);border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid)}.projects-detail-fullscreen .routes__scrollbar-thumb:active,.projects-detail-fullscreen .routes__scrollbar-thumb--dragging{border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark);box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-shadow)}.projects-layout{box-sizing:border-box;text-align:left;width:100%;min-width:0;min-height:0;color:var(--win95-text);background:0 0;flex-direction:column;flex:1;display:flex}.projects-list{box-sizing:border-box;flex:1;width:100%;min-width:0;min-height:0;padding:0;overflow:visible}.projects-list__heading{margin:0 0 calc(16px * var(--ui-scale));font-size:calc(17px * var(--ui-scale));letter-spacing:0;color:var(--win95-text);font-weight:700;font-family:var(--heading)}.projects-list__grid{gap:calc(12px * var(--ui-scale));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.projects-list__item{margin:0}.projects-list__tile{align-items:stretch;gap:calc(12px * var(--ui-scale));min-height:calc(168px * var(--ui-scale));border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);width:100%;box-shadow:calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid);background:var(--win95-face);color:var(--win95-text);outline:none;flex-direction:row;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.projects-list__tile:hover{border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);box-shadow:calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid), 0 0 0 1px #0000000f}.projects-list__tile:focus-visible{outline:2px solid var(--win95-link);outline-offset:2px}.projects-list__thumb{width:calc(220px * var(--ui-scale));min-height:calc(168px * var(--ui-scale));background:var(--win95-field-bg);border:0;border-right:calc(2px * var(--ui-scale)) solid var(--win95-border-shadow);flex-shrink:0;align-self:stretch;overflow:hidden}.projects-list__img{object-fit:cover;width:100%;height:100%;display:block}.projects-list__info{text-align:left;min-width:0;padding:calc(14px * var(--ui-scale)) calc(16px * var(--ui-scale)) calc(14px * var(--ui-scale)) calc(4px * var(--ui-scale));justify-content:center;align-items:flex-start;gap:calc(4px * var(--ui-scale));flex-direction:column;flex:1;display:flex}.projects-list__name{font-weight:700;font-size:calc(16px * var(--ui-scale));color:var(--win95-text);line-height:1.25}.projects-list__year{font-size:calc(14px * var(--ui-scale));color:var(--win95-border-shadow)}.projects-list__tags{align-items:center;gap:calc(6px * var(--ui-scale));margin:calc(8px * var(--ui-scale)) 0 0;flex-wrap:wrap;max-width:100%;padding:0;list-style:none;display:flex}.projects-list__tag{padding:calc(3px * var(--ui-scale)) calc(7px * var(--ui-scale));min-height:calc(20px * var(--ui-scale));box-sizing:border-box;font-size:calc(13px * var(--ui-scale));font-family:var(--sans);text-align:center;color:var(--win95-text);background:var(--win95-face);border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);box-shadow:calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid);border-radius:0;justify-content:center;align-items:center;max-width:100%;margin:0;font-weight:400;line-height:1.2;display:inline-flex}.projects-detail-fullscreen{z-index:200;box-sizing:border-box;overscroll-behavior:contain;background:var(--win95-face);flex-direction:column;min-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.projects-detail{padding:0 calc(22px * var(--ui-scale)) calc(36px * var(--ui-scale));max-width:calc(38rem * var(--ui-scale));box-sizing:border-box;background:var(--win95-face);width:100%;min-height:100%;color:var(--win95-text);margin:0 auto;overflow:visible}.projects-detail-fullscreen .routes__content>.projects-detail{flex-shrink:0;min-height:min-content}.projects-detail__nav{z-index:2;margin-left:calc(-22px * var(--ui-scale));margin-right:calc(-22px * var(--ui-scale));padding-top:calc(10px * var(--ui-scale));padding-bottom:calc(22px * var(--ui-scale));padding-left:calc(22px * var(--ui-scale));padding-right:calc(22px * var(--ui-scale));background:var(--win95-gray-bg);box-shadow:0 calc(1px * var(--ui-scale)) 0 var(--win95-border-mid);position:sticky;top:0}.projects-detail__back{justify-content:center;align-items:center;gap:calc(6px * var(--ui-scale));padding:calc(7px * var(--ui-scale)) calc(14px * var(--ui-scale));font-family:var(--sans);font-size:calc(13px * var(--ui-scale));letter-spacing:.02em;color:var(--win95-text);background:var(--win95-face);border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);box-shadow:calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid);cursor:pointer;border-radius:0;font-weight:600;text-decoration:none;display:inline-flex}.projects-detail__back:hover{background:var(--win95-highlight);color:var(--win95-highlight-text);border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light)}.projects-detail__back:active{border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark);box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-shadow)}.projects-detail__back:visited{color:var(--win95-text)}.projects-detail__back:visited:hover{color:var(--win95-highlight-text)}.projects-detail__back:focus-visible{outline:2px solid var(--win95-link);outline-offset:2px}.projects-detail__title{margin:0 0 calc(8px * var(--ui-scale));font-size:calc(1.85rem * var(--ui-scale));letter-spacing:-.02em;color:var(--win95-text);text-transform:uppercase;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-weight:650}.projects-detail__meta{margin:0 0 calc(14px * var(--ui-scale));font-size:calc(14px * var(--ui-scale));color:var(--win95-text)}.projects-detail__summary{margin:0 0 calc(12px * var(--ui-scale));font-size:calc(1.05rem * var(--ui-scale));color:var(--win95-text);text-transform:uppercase;line-height:1.5}.projects-detail__description{margin:0 0 calc(16px * var(--ui-scale));font-size:calc(15px * var(--ui-scale));color:var(--win95-text);line-height:1.55}.projects-detail__section{margin:0 0 calc(14px * var(--ui-scale))}.projects-detail__section--stack,.projects-detail__section--tags{padding:calc(12px * var(--ui-scale)) calc(14px * var(--ui-scale));border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-shadow) var(--win95-border-light) var(--win95-border-light) var(--win95-border-shadow);background:0 0;border-radius:0}.projects-detail__section-title{margin:0 0 calc(10px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--win95-border-shadow);font-weight:700;line-height:1.2}.projects-detail__section--stack .projects-detail__section-title,.projects-detail__section--tags .projects-detail__section-title{color:var(--win95-titlebar)}.projects-detail__stack,.projects-detail__tags{gap:calc(6px * var(--ui-scale));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.projects-detail__stack-item,.projects-detail__tag{padding:calc(5px * var(--ui-scale)) calc(10px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));font-family:var(--mono);color:var(--win95-text);background:var(--win95-face);border:calc(1px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);border-left:calc(3px * var(--ui-scale)) solid var(--win95-titlebar);box-shadow:calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid);letter-spacing:.04em;border-radius:0;margin:0;font-weight:600;line-height:1.3}.projects-detail__cta-wrap{margin:0 0 calc(22px * var(--ui-scale))}.projects-detail__demo{justify-content:center;align-items:center;gap:calc(6px * var(--ui-scale));padding:calc(7px * var(--ui-scale)) calc(14px * var(--ui-scale));font-family:var(--sans);font-size:calc(13px * var(--ui-scale));letter-spacing:.02em;color:var(--win95-text);background:var(--win95-face);border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);box-shadow:calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid);cursor:pointer;border-radius:0;font-weight:600;text-decoration:none;display:inline-flex}.projects-detail__demo:hover{background:var(--win95-highlight);color:var(--win95-highlight-text);border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light)}.projects-detail__demo:active{border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark);box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-shadow);transform:none}.projects-detail__demo:visited{color:var(--win95-text)}.projects-detail__demo:visited:hover{color:var(--win95-highlight-text)}.projects-detail__demo:focus-visible{outline:2px solid var(--win95-link);outline-offset:2px}.projects-detail__demo-icon{color:inherit;flex-shrink:0;display:block}.projects-detail__hero{margin-bottom:calc(24px * var(--ui-scale));border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-shadow) var(--win95-border-light) var(--win95-border-light) var(--win95-border-shadow);box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid);background:var(--win95-field-bg);border-radius:0;overflow:hidden}.projects-detail__hero-img{object-fit:contain;width:100%;height:auto;max-height:min(70vh,720px);margin:0 auto;display:block}.projects-detail__gallery{width:100%;max-width:100%;margin-inline:auto}.projects-detail__gallery--main{margin-bottom:calc(24px * var(--ui-scale))}.projects-detail__gallery-title{margin:0 0 calc(12px * var(--ui-scale));font-size:calc(1.1rem * var(--ui-scale));color:var(--win95-text);font-weight:600}.projects-detail__gallery-list{gap:calc(14px * var(--ui-scale));flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.projects-detail__gallery-item{border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-shadow) var(--win95-border-light) var(--win95-border-light) var(--win95-border-shadow);box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid);background:var(--win95-field-bg);border-radius:0;margin:0;overflow:hidden}.projects-detail__gallery-item img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.projects-detail--missing .projects-detail__missing{margin:0 0 calc(12px * var(--ui-scale));color:var(--win95-text)}@media (width<=780px){.projects-list__tile{flex-direction:column;gap:0;min-height:0}.projects-list__thumb{width:100%;min-height:calc(170px * var(--ui-scale));border-right:0;border-bottom:calc(2px * var(--ui-scale)) solid var(--win95-border-shadow)}.projects-list__info{padding:calc(12px * var(--ui-scale))}.projects-detail{max-width:100%;padding:0 calc(12px * var(--ui-scale)) calc(24px * var(--ui-scale))}.projects-detail__nav{margin-left:calc(-12px * var(--ui-scale));margin-right:calc(-12px * var(--ui-scale));padding-left:calc(12px * var(--ui-scale));padding-right:calc(12px * var(--ui-scale));padding-bottom:calc(16px * var(--ui-scale))}.projects-detail__title{font-size:calc(1.45rem * var(--ui-scale))}footer.projects-list__footer{padding:calc(12px * var(--ui-scale)) calc(12px * var(--ui-scale))}}@media (prefers-reduced-motion:reduce){.projects-list__tile{transition:none}}.projects-list__footer{max-width:calc(38rem * var(--ui-scale));box-sizing:border-box;width:100%;color:var(--win95-text-gray);justify-content:space-between;margin:0 auto;padding:1rem 0;display:flex}.background-page{text-align:left}.background-page h2{font-size:calc(17px * var(--ui-scale));margin-bottom:calc(8px * var(--ui-scale))}.background-page h2 span{font-size:calc(13px * var(--ui-scale));color:var(--win95-text);font-weight:400}.background-page h3{min-width:unset;max-width:unset;font-size:calc(15px * var(--ui-scale));margin-bottom:calc(4px * var(--ui-scale))}.roleList{margin:0 0 calc(8px * var(--ui-scale));padding:0;list-style:none}.roleList>li{margin-bottom:calc(12px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(10px * var(--ui-scale));border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);background:var(--win95-light-gray-bg);box-shadow:calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 var(--win95-border-mid)}.roleList ul{margin:calc(6px * var(--ui-scale)) 0 0;padding-inline-start:calc(1.25rem * var(--ui-scale));list-style:outside}.roleList ul li{margin-bottom:calc(4px * var(--ui-scale));font-size:calc(14px * var(--ui-scale));box-shadow:none;background:0 0;border:none;padding:0}.packet-breaker{align-items:center;gap:calc(12px * var(--ui-scale));padding:calc(4px * var(--ui-scale)) 0 calc(8px * var(--ui-scale));color:var(--win95-text);text-align:center;flex-direction:column;display:flex}.packet-breaker__blurb{max-width:28rem;font-size:calc(12px * var(--ui-scale));margin:0;line-height:1.45}.packet-breaker__blurb kbd{padding:0 calc(4px * var(--ui-scale));margin:0 calc(2px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);background:var(--win95-face);font-family:inherit;display:inline-block}.packet-breaker__canvas{width:min(100%,720px,92vw);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark);box-shadow:inset calc(1px * var(--ui-scale)) calc(1px * var(--ui-scale)) 0 #0003;display:block}.packet-breaker__touch-controls{box-sizing:border-box;justify-content:center;align-items:stretch;gap:calc(10px * var(--ui-scale));touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:row;width:min(100%,720px,92vw);display:none}@media (width<=640px){.packet-breaker__touch-controls{display:flex}}.packet-breaker__touch-btn{min-height:48px;padding:calc(8px * var(--ui-scale)) calc(6px * var(--ui-scale));font:inherit;font-size:calc(20px * var(--ui-scale));cursor:pointer;color:var(--win95-text);background:var(--win95-face);border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);flex:1;margin:0;line-height:1}.packet-breaker__touch-btn:active{border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark)}.packet-breaker__touch-btn--serve{font-size:calc(14px * var(--ui-scale));flex:1.35;font-weight:700}.packet-breaker__restart{padding:calc(4px * var(--ui-scale)) calc(14px * var(--ui-scale));font:inherit;font-size:calc(12px * var(--ui-scale));cursor:pointer;color:var(--win95-text);background:var(--win95-face);border:calc(2px * var(--ui-scale)) solid;border-color:var(--win95-border-light) var(--win95-border-dark) var(--win95-border-dark) var(--win95-border-light);margin:0}.packet-breaker__restart:active{border-color:var(--win95-border-dark) var(--win95-border-light) var(--win95-border-light) var(--win95-border-dark)}