*,*:before,*:after{box-sizing:border-box}:root{--header-offset: 128px;--footer-height: 52px}html,body{margin:0;padding:0}body{background:#fff;color:#666;font-family:Courier New,Courier,monospace;line-height:1.5}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:0}.header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:10}.header .container{display:flex;align-items:center;justify-content:space-between;min-height:96px}.logo{text-decoration:none;color:#666;padding:14px}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;background:transparent;border:none;cursor:pointer}.menu-toggle-bar{display:block;width:100%;height:2px;background:#666;transition:transform .2s ease,opacity .2s ease}.menu-toggle.is-open .menu-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open .menu-toggle-bar:nth-child(2){opacity:0}.menu-toggle.is-open .menu-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu{display:flex;flex-wrap:wrap;justify-content:flex-end}.menu a{color:#676f7c;text-decoration:none;font-size:15px;line-height:96px;padding:0 13px;white-space:nowrap}.menu a:hover{color:#00bf80}.menu a.is-active{color:#000}.main{margin-top:var(--header-offset);padding-bottom:var(--footer-height)}.section{display:none;padding-bottom:18px}.section.is-active{display:block}#page-loader{position:fixed;inset:0;z-index:999;background:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}#page-loader.is-hidden{opacity:0;pointer-events:none}.page-loader-spinner{width:36px;height:36px;border:2px solid #dddddd;border-top-color:#444;border-radius:50%;animation:page-spin .75s linear infinite}@keyframes page-spin{to{transform:rotate(360deg)}}.works-gallery{width:min(100%,1040px);margin:0 auto}.works-group{margin-bottom:60px}.works-group-title{font-family:Courier New,Courier,monospace;font-size:13px;font-weight:400;letter-spacing:2px;color:#aaa;margin-bottom:16px}.works-image-wrap{margin:0 auto 20px;min-height:240px;background:linear-gradient(90deg,#efefef 25%,#e5e5e5,#efefef 75%);background-size:200% 100%;animation:works-shimmer 1.4s linear infinite;display:flex;align-items:center;justify-content:center}.works-image-wrap.is-loaded{background:none;animation:none;min-height:0}@keyframes works-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.works-image{display:block;max-width:100%;max-height:calc(100vh - var(--header-offset) - var(--footer-height));width:auto;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;transition:opacity .4s ease}.works-image.is-loaded{opacity:1}.about-section p{margin:0 0 1rem}.about-section .spacer{padding-bottom:42px}.contact-content{min-height:45vh;display:grid;place-items:center;text-align:center}.contact-content a{color:#666;text-decoration:none}.site-footer{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(1120px,calc(100% - 2rem));height:var(--footer-height);display:grid;place-items:center;background:#fffffff5;border-top:1px solid #e5e5e5;z-index:11}.site-footer p{margin:0;text-align:center;color:#888;font-size:13px}.scroll-top-btn{position:fixed;right:20px;bottom:calc(var(--footer-height) + 10px);z-index:12;border:1px solid #cccccc;background:#fffffff2;color:#555;font:inherit;font-size:13px;line-height:1;padding:10px 12px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,color .12s ease,border-color .12s ease}.scroll-top-btn.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:hover,.scroll-top-btn:focus-visible{color:#000;border-color:#999}@media(max-width:860px){.container{width:min(1120px,calc(100% - 1.25rem))}.header .container{min-height:88px;align-items:center}.logo,.menu a{line-height:1.4;padding-top:8px;padding-bottom:8px}.main{--header-offset: 116px}}@media(max-width:640px){body{font-size:15px}.header .container{min-height:64px;flex-direction:row;align-items:center;justify-content:space-between;padding:0}.logo{padding:4px 0}.menu-toggle{display:flex}.menu{position:fixed;inset:64px 0 0;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px;background:#fff;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.menu.is-open{opacity:1;visibility:visible}.menu a{line-height:1.4;padding:16px 20px;font-size:18px}.main{--header-offset: 80px;--footer-height: 48px}.scroll-top-btn{right:12px;padding:9px 11px;font-size:12px}}@media(prefers-reduced-motion:reduce){.works-stage canvas{transition:none}.scroll-top-btn{transition:none}}