*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:JetBrains Mono,monospace}html,body{background-color:#eeebe5;width:100%;height:100%;overflow:hidden}.screen-fade{transition:opacity .6s ease-out}.skip-loading #loading-screen{display:none!important}.skip-loading #main-screen{animation:.45s ease-out forwards pageFadeIn;pointer-events:auto!important}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.45s ease-out pageFadeIn}.page-nav{border-bottom:1.5px solid #000;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 48px;display:flex}.page-nav-title{letter-spacing:.18em;text-transform:uppercase;color:#000;font-size:11px}.back-btn{letter-spacing:.12em;text-transform:uppercase;color:#000;cursor:pointer;background:0 0;border:1.5px solid #000;padding:8px 20px;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:background .15s,color .15s;display:block}.back-btn:hover{color:#fff;background:#000}.back-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.btn-frame:has(.back-btn:disabled) .corner{border-color:#00000040}.cards-main{scrollbar-width:none;gap:24px;padding:48px 56px 16px;overflow:auto hidden}.cards-main::-webkit-scrollbar{display:none}.pagination-bar{flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:4px 0 10px}.pagination-bar .back-btn{padding:5px 12px;font-size:9px}.page-indicator{letter-spacing:.18em;color:#000;font-family:JetBrains Mono,monospace;font-size:9px}.section-label{letter-spacing:.22em;text-transform:uppercase;color:#000;font-size:10px}.section-divider{background:#000;width:100%;height:1px;margin:10px 0}.detail-row{align-items:baseline;gap:20px;font-size:12px;display:flex}.detail-key{letter-spacing:.14em;text-transform:uppercase;color:#000;opacity:.45;flex-shrink:0;min-width:76px;font-size:10px}.detail-val{color:#000;font-size:12px;line-height:1.6}.skill-row{flex-direction:column;gap:5px;display:flex}.skill-name{letter-spacing:.12em;text-transform:uppercase;color:#000;font-size:10px}.skill-bar{gap:3px;display:flex}.skill-block{border:1px solid #000;flex-shrink:0;width:11px;height:11px}.skill-block.filled{background:#000}.card-frame{cursor:default;border:1.5px solid #000;flex-direction:column;flex:0 0 calc(33.3333% - 16px);gap:14px;min-width:0;padding:28px 24px;transition:background .15s;display:flex;position:relative}.card-frame:hover{background:#00000008}.card-number{letter-spacing:.18em;color:#000;opacity:.4;font-size:10px}.card-title{letter-spacing:.04em;text-transform:uppercase;color:#000;font-size:15px;font-weight:700;line-height:1.3}.card-desc{color:#000;font-size:11px;line-height:1.8}.card-img-placeholder{letter-spacing:.2em;text-transform:uppercase;color:#000;opacity:.25;background:repeating-linear-gradient(45deg,#0000,#0000 6px,#0000000a 6px 7px);border:1.5px solid #000;flex:1;justify-content:center;align-items:center;min-height:80px;font-size:9px;display:flex}.card-tags{flex-shrink:0;width:100%;min-width:0;overflow:hidden}.overlay-details .card-tags{overflow:visible}.tags-inner{flex-wrap:nowrap;gap:6px;display:flex}.overlay-details .tags-inner{flex-wrap:wrap}.tag{letter-spacing:.1em;text-transform:uppercase;color:#000;border:1px solid #000;flex-shrink:0;padding:3px 8px;font-size:9px}.tag-more{opacity:.4;border-style:dashed}.filter-bar{border-bottom:1.5px solid #000;flex-shrink:0;align-items:center;gap:32px;padding:12px 56px;display:flex}.filter-btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#000;opacity:.35;white-space:nowrap;background:0 0;border:none;padding:0;font-family:JetBrains Mono,monospace;font-size:11px;transition:opacity .15s}.filter-btn.active{opacity:1}.filter-btn:hover{opacity:.65}.filter-btn.active:hover{opacity:1}.filter-box{letter-spacing:0;margin-right:4px;font-family:JetBrains Mono,monospace}.filter-x{text-align:center;width:1ch;display:inline-block}#project-overlay{z-index:100;background-color:#eeebe5;flex-direction:column;display:none;position:fixed;inset:0}.overlay-content{flex:1;display:flex;overflow:hidden}.overlay-details{border-right:1.5px solid #000;flex-direction:column;flex-shrink:0;gap:20px;width:42%;padding:24px 56px;display:flex}.overlay-project-number{letter-spacing:.22em;color:#000;opacity:.35;font-size:10px}.overlay-title{letter-spacing:.02em;text-transform:uppercase;color:#000;font-size:22px;font-weight:700;line-height:1.25}.overlay-desc-wrap{flex:1;min-height:0;position:relative}.overlay-desc-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000,#eeebe5);height:48px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.overlay-desc-wrap.at-end:after{opacity:0}.overlay-desc{color:#000;scrollbar-width:none;height:100%;font-size:12px;line-height:2;overflow-y:auto}.overlay-desc::-webkit-scrollbar{display:none}.overlay-desc p+p{margin-top:16px}.overlay-gallery{flex-direction:column;flex:1;gap:14px;padding:28px;display:flex;overflow:hidden}.card-img-frame{flex:1;min-height:80px;position:relative;overflow:hidden}.card-img-frame img{object-fit:contain;width:100%;height:100%;display:block}.overlay-media-main{border:1.5px solid #000;flex:1;position:relative;overflow:hidden}.overlay-media-main img,.overlay-media-main video{object-fit:cover;width:100%;height:100%;display:block}.overlay-media-main.portrait{background:#eeebe5;border:none;justify-content:center;align-items:center;display:flex}.overlay-media-main.portrait img{object-fit:contain;border:1.5px solid #000;width:auto;height:90%}.overlay-view-filter{gap:20px;display:flex}.overlay-view-btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#000;opacity:.35;background:0 0;border:none;padding:0;font-family:JetBrains Mono,monospace;font-size:10px;transition:opacity .15s}.overlay-view-btn.active{opacity:1}.overlay-view-btn:hover{opacity:.65}.overlay-view-btn.active:hover{opacity:1}.overlay-thumb.portrait{width:55px}.overlay-swipe{display:none}.overlay-dots{flex-shrink:0;justify-content:center;gap:4px;padding:2px 0;display:flex}.overlay-dot{cursor:pointer;opacity:.25;border:1.5px solid #000;flex-shrink:0;width:10px;height:10px;transition:opacity .15s,background .15s}.overlay-dot:hover{opacity:.7!important}.overlay-thumbs-wrap{flex-shrink:0;height:80px;position:relative}.overlay-thumbs-wrap:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#eeebe5);width:48px;height:100%;transition:opacity .2s;position:absolute;top:0;right:0}.overlay-thumbs-wrap.at-end:after{opacity:0}.overlay-thumbs{scrollbar-width:none;gap:8px;height:80px;display:flex;overflow-x:auto}.overlay-thumbs::-webkit-scrollbar{display:none}.overlay-thumb{cursor:pointer;border:1.5px solid #000;flex:none;width:120px;height:80px;transition:opacity .15s;position:relative;overflow:hidden}.overlay-thumb img{object-fit:cover;width:100%;height:100%;display:block}.overlay-thumb:hover{opacity:.75}.overlay-thumb.active{border-width:2.5px}.thumb-video-label{letter-spacing:.12em;color:#fff;background:#000;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:9px;display:flex;position:absolute;inset:0}.thumb-placeholder{letter-spacing:.1em;color:#000;opacity:.3;justify-content:center;align-items:center;font-size:8px;display:flex;position:absolute;inset:0}.img-placeholder{letter-spacing:.2em;text-transform:uppercase;color:#000;opacity:.2;background:repeating-linear-gradient(45deg,#0000,#0000 8px,#00000008 8px 9px);justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute;inset:0}.card-frame{cursor:pointer}.contact-link{color:#000;letter-spacing:.06em;align-items:center;gap:16px;padding:4px 0;font-size:13px;text-decoration:none;transition:opacity .15s;display:flex}.contact-link:hover{opacity:.4}.contact-arrow{opacity:.4;font-size:14px}.available-badge{letter-spacing:.14em;text-transform:uppercase;color:#000;align-items:center;gap:8px;font-size:10px;display:inline-flex}.available-dot{background:#000;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.2)}}.wave-letter{animation:2.4s ease-in-out infinite wave;display:inline-block}@keyframes slideBlocks{0%{transform:translate(-72px)}to{transform:translate(284px)}}.loading-blocks{animation:2.2s linear 2 forwards slideBlocks}.loading-bar{border:1.5px solid #000;width:280px;height:30px;position:relative;overflow:hidden}.loading-blocks{gap:4px;display:flex;position:absolute;top:calc(50% - 10px);left:0}.loading-blocks .block{background:#000;width:20px;height:20px}.btn-frame{display:inline-block;position:relative}.corner{z-index:1;width:7px;height:7px;transition:top .15s,bottom .15s,left .15s,right .15s,border-color .15s;position:absolute}.corner-tl{border-top:2px solid #000;border-left:2px solid #000;top:-2px;left:-2px}.corner-tr{border-top:2px solid #000;border-right:2px solid #000;top:-2px;right:-2px}.corner-bl{border-bottom:2px solid #000;border-left:2px solid #000;bottom:-2px;left:-2px}.corner-br{border-bottom:2px solid #000;border-right:2px solid #000;bottom:-2px;right:-2px}.btn-frame:hover .corner-tl{border-color:#fff;top:4px;left:4px}.btn-frame:hover .corner-tr{border-color:#fff;top:4px;right:4px}.btn-frame:hover .corner-bl{border-color:#fff;bottom:4px;left:4px}.btn-frame:hover .corner-br{border-color:#fff;bottom:4px;right:4px}.card-frame .corner-tl,.card-frame .corner-tr,.card-frame .corner-bl,.card-frame .corner-br{border-color:#000}.portfolio-btn{color:#000;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-align:center;background:0 0;border:1.5px solid #000;width:200px;padding:12px 0;font-family:JetBrains Mono,monospace;font-size:13px;transition:background .15s,color .15s;display:block}.portfolio-btn:hover{color:#fff;background:#000}@media (width<=768px){.page-nav{padding:14px 20px}.page-nav-title{text-overflow:ellipsis;white-space:nowrap;max-width:55vw;font-size:10px;overflow:hidden}.filter-bar{flex-wrap:wrap;gap:12px 20px;padding:10px 20px}.cards-main{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;align-items:stretch;gap:16px;padding:20px;scroll-padding-left:20px;overflow:auto visible}.cards-main::-webkit-scrollbar{display:none}.card-frame{scroll-snap-align:start;width:calc(100vw - 80px);flex:none!important}#pagination-bar{display:none!important}.overlay-dots{pointer-events:none}.overlay-content{flex-direction:column;overflow-y:auto}.overlay-details{border-bottom:1.5px solid #000;border-right:none;flex-shrink:0;width:100%;padding:24px 20px}.overlay-gallery{flex-shrink:0;min-height:280px;padding:20px}.overlay-title{font-size:18px}#overlay-media-main,.overlay-thumbs-wrap{display:none!important}.overlay-swipe{scrollbar-width:none;flex:1;gap:0;display:flex;overflow:hidden}.swipe-item{scroll-snap-align:start;background:0 0;flex:none;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:flex;overflow:hidden}.swipe-item img,.swipe-item video{border:1.5px solid #000;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.swipe-item.portrait img{object-fit:contain;width:auto;height:100%}}