*{box-sizing:border-box}html{background:#fff;color:#222}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{opacity:.6}a:focus-visible,button:focus-visible{outline:2px solid #237bff;outline-offset:5px}header{height:168px}.logo{position:absolute;top:32px;left:2.2%;width:17.2%;max-width:260px}.logo img{width:100%;height:auto;display:block}nav{position:fixed;right:2.3%;top:13px;display:flex;gap:25px;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.25px;z-index:10;background:rgba(255,255,255,.94);padding:0 0 4px 6px}main{width:84%;margin:auto;min-height:45vh}main.info{width:86%;padding-top:72px;min-height:74vh}main.project{padding-top:72px}small{font:12px/1.5 'Courier New',monospace;letter-spacing:.4px}h2{font-size:26px;line-height:1.2;margin:0 0 4px;font-weight:600}h2 b{font-weight:600}img{max-width:100%;height:auto}main>img{display:block;margin:auto}main [grid-row]{display:flex;gap:5%;align-items:flex-start}main [grid-col]{flex:1;min-width:0}main [grid-col='4']{flex:0 0 30%}main [grid-col='8']{flex:1}main [grid-row][grid-pad='0']{gap:0}main [grid-col] img{display:block}main .image-gallery{display:flex;gap:24px;align-items:flex-start}main .image-gallery>[column]{flex:1;min-width:0}.gallery_card{display:block;margin-bottom:24px}.gallery_card_image{height:auto!important;padding:0!important}.gallery_card_image img{width:100%;height:auto;display:block}main img.image-zoom{cursor:zoom-in}footer{width:86%;margin:72px auto 30px;font:12px/1.5 'Courier New',monospace;letter-spacing:.3px}.info+footer{margin-top:40px}dialog{border:0;padding:40px;background:transparent;max-width:100vw;max-height:100vh;overflow:visible}dialog::backdrop{background:rgba(255,255,255,.97)}dialog img{display:block;max-height:88vh;max-width:90vw;object-fit:contain}dialog button{position:fixed;top:16px;right:24px;border:0;background:#fff;font:32px Arial;cursor:pointer}iframe,video{max-width:100%}.home .image-gallery-menu{display:none}
@media(max-width:650px){header{height:142px}.logo{top:45px;left:6%;width:53%;max-width:220px}nav{right:6%;top:14px;gap:18px;font-size:11px}main,main.info{width:88%}main.project,main.info{padding-top:20px}main [grid-row]{display:block}main [grid-col='4']{margin-bottom:26px}main .image-gallery{display:flex;flex-direction:column;gap:0}main .image-gallery>[column]{width:100%}.gallery_card{margin-bottom:18px}h2{font-size:24px}footer{width:88%;margin-top:48px}dialog{padding:12px}small{font-size:12px}main.info{min-height:65vh}}
@media(prefers-reduced-motion:no-preference){a{transition:opacity .15s}}