@font-face{font-family:Suisse Intl;src:url(/fonts/SuisseIntl-SemiBold.woff2)format("woff2"),url(/fonts/SuisseIntl-SemiBold.woff)format("woff");font-weight:600;font-style:normal}:root{--accent:#ec107e;--accent-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{color:#000;-webkit-font-smoothing:antialiased;background:#fff;font-family:Courier New,monospace;font-size:10px;font-weight:400;line-height:1.5}.app{opacity:0;padding:28px 32px;transition:opacity .5s}.app.loaded{opacity:1}nav{gap:24px;margin-bottom:20px;display:flex}nav a{color:var(--accent);cursor:pointer;font-family:Suisse Intl,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;text-decoration:none}nav a:hover{opacity:.7}.page{opacity:0;transition:opacity .5s}.page.visible{opacity:1}.selected-label{color:var(--accent);margin-bottom:24px;font-family:Suisse Intl,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:600}.home-layout{gap:60px;margin-top:8px;display:flex}.works-list{flex-shrink:0;width:220px}.work-item{cursor:pointer;margin-bottom:16px}.work-item:hover .work-title,.work-item.active .work-title{background:var(--accent);color:var(--accent-text)}.work-title{margin-left:-3px;padding:1px 3px;font-size:10px;font-weight:400;transition:background .15s,color .15s;display:inline}.work-desc{color:#999;margin-top:2px;font-size:10px}.viewer{opacity:0;pointer-events:none;flex:1;max-width:680px;transition:opacity .5s}.viewer.active{opacity:1;pointer-events:auto}.viewer-frame{width:100%;margin-bottom:12px;position:relative}.viewer-img{aspect-ratio:16/9;background:#fff;width:100%;position:relative}.viewer-img img{object-fit:contain;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.viewer-img img.outgoing{pointer-events:none}.viewer-placeholder{aspect-ratio:4/3;background:red;width:100%}.viewer-nav{cursor:pointer;z-index:2;width:50%;position:absolute;top:0;bottom:0}.viewer-nav.prev{cursor:w-resize;left:0}.viewer-nav.next{cursor:e-resize;right:0}.viewer-info{justify-content:space-between;margin-top:8px;display:flex}.viewer-counter{color:#999;flex-shrink:0;font-size:10px}.viewer-meta{flex-direction:column;display:flex}.viewer-title{color:#666;font-size:10px;font-weight:400}.viewer-desc{color:#999;margin-top:2px;font-size:10px}.viewer-services{color:#999;margin-top:6px;font-size:10px}.about-content{max-width:340px;margin-top:28px}.about-content p{margin-bottom:14px;font-size:10px;line-height:1.55}.about-content .contact-label{margin-top:24px;margin-bottom:2px}.about-content a{color:#000;text-decoration:none}.about-content a:hover{color:var(--accent)}@media (width<=1024px){.home-layout{flex-direction:column;gap:32px}.works-list{width:100%}.viewer{max-width:100%}}