*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#e2e2e2;--text-color:#121214;--text-muted:#626268;--border-color:rgba(0,0,0,.09);--accent-color:#121214;--transition-smooth:all .4s cubic-bezier(.16,1,.3,1);--font-primary:"Neue Montreal",sans-serif}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.portfolio-app{display:flex;flex-direction:column;height:100vh;min-height:100vh;padding:10px 20px;max-width:1800px;margin:0 auto;gap:20px;overflow:hidden;box-sizing:border-box}.portfolio-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;width:100%}.portfolio-header h1{font-size:2.8rem;font-weight:500;letter-spacing:-.04em;cursor:pointer}.portfolio-tagline{font-size:.7rem;text-align:right;line-height:1.4;color:var(--text-muted);font-weight:500}.portfolio-main{display:grid;grid-template-columns:15vw 1fr 15vw;gap:40px;align-items:center;flex:1;min-height:0;overflow:hidden}.sidebar-works{display:flex;flex-direction:column}.section-title{font-size:.7rem;letter-spacing:.05em;color:var(--text-color);margin-bottom:8px;font-weight:600}.works-list{list-style:none;display:flex;flex-direction:column}.work-item{font-size:.65rem;color:var(--text-muted);cursor:pointer;padding:4px 0;transition:var(--transition-smooth);position:relative;width:-moz-fit-content;width:fit-content}.work-item-progress{position:absolute;bottom:2px;left:0;width:0;height:1px;background-color:var(--accent-color);opacity:0;pointer-events:none;transition:opacity .3s ease,width .3s ease}.work-item.active,.work-item:hover{color:var(--accent-color)}.work-item.active .work-item-progress,.work-item.loading-next .work-item-progress{opacity:1;transition:opacity .3s ease}.showcase-container{justify-content:center;align-items:center}.mockup-frame,.showcase-container{display:flex;flex-direction:column;width:100%;position:relative}.mockup-frame{max-width:100%;max-height:85vh;aspect-ratio:16/9;background:#111112;border-radius:2px;border:1px solid var(--border-color);overflow:hidden;margin:0 auto}.mockup-header{height:32px;background:#161617;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;align-items:center;padding:0 16px;position:relative}.mockup-dots{display:flex;gap:6px}.mockup-dot{width:8px;height:8px;border-radius:50%;background:#fff3}.mockup-dot:first-child{background:#ff5f56}.mockup-dot:nth-child(2){background:#ffbd2e}.mockup-dot:nth-child(3){background:#27c93f}.mockup-address{position:absolute;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--text-muted);background:#ffffff0a;padding:2px 24px;border-radius:10px;width:250px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-body{flex:1;position:relative;overflow:hidden}.slide-enter-active,.slide-leave-active{transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1)}.slide-enter-from{opacity:0;transform:scale(.97) translateY(10px)}.slide-leave-to{opacity:0;transform:scale(1.02) translateY(-10px)}.showcase-media-wrapper{display:block;width:100%;height:100%;position:relative;overflow:hidden}.visit-site-badge-container{position:absolute;top:30px;left:0;z-index:10;pointer-events:none}.visit-site-badge{display:inline-flex;align-items:center;gap:6px;transform:translate(-50%,-50%) scale(1);background-color:#fff;color:#121214;padding:4px 6px;font-family:var(--font-primary);font-size:.55rem;font-weight:500;text-decoration:none;box-shadow:0 4px 12px #00000026;opacity:0;clip-path:inset(0 0 0 100%);transition:opacity 1s cubic-bezier(.16,1,.3,1),clip-path 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.mockup-frame:hover .visit-site-badge{opacity:1;clip-path:inset(0 0 0 0);transform:translate(-50%,-50%) scale(1.05);transition:opacity .4s cubic-bezier(.16,1,.3,1),clip-path 0s,transform .3s cubic-bezier(.16,1,.3,1)}.mockup-frame:active .visit-site-badge{transform:translate(-50%,-50%) scale(.95)}@media(max-width:1024px){.visit-site-badge-container{display:none!important}}.showcase-media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.dummy-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#ffffffe6;gap:12px}.placeholder-tag{font-size:.65rem;font-family:monospace;background:#ffffff1a;padding:4px 10px;border-radius:12px;letter-spacing:.1em;text-transform:uppercase}.placeholder-name{font-size:2.2rem;font-weight:850;letter-spacing:-.03em;margin:4px 0}.placeholder-hint{font-size:.8rem;line-height:1.6;color:#ffffff8c;max-width:450px}.placeholder-hint code{font-family:monospace;background:#0000004d;padding:2px 6px;border-radius:4px;color:#ff9f1c}.sidebar-awards{display:flex;flex-direction:column;align-items:flex-end;padding-left:10px;max-height:70vh;overflow-y:auto}.sidebar-awards::-webkit-scrollbar{width:4px}.sidebar-awards::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.awards-list{gap:16px}.award-category,.awards-list{display:flex;flex-direction:column}.award-category{gap:6px}.award-title{font-weight:600}.award-details,.award-title{font-size:.65rem;color:var(--text-muted)}.award-details{list-style:none;display:flex;flex-direction:column}.award-details li{position:relative;padding-left:12px}.award-details li:before{content:"└";position:absolute;left:0;color:#0003}.toggle-awards-btn{font-size:.8rem;font-weight:600;color:var(--text-color);cursor:pointer;border:none;background:none;text-align:left;outline:none;width:-moz-fit-content;width:fit-content;border-bottom:1px dashed var(--border-color);padding-bottom:2px}.toggle-awards-btn:hover{border-bottom-color:var(--accent-color)}.portfolio-footer{display:grid;grid-template-columns:220px 1fr 220px;gap:40px;padding-top:24px;margin-top:auto;font-size:.65rem;align-items:flex-end;width:100%}.portfolio-footer .footer-section:first-child{align-items:left;text-align:left}.portfolio-footer .footer-section:nth-child(2){align-items:center;text-align:center}.portfolio-footer .footer-section:nth-child(3) .social-links{justify-content:flex-start}.footer-section{display:flex;flex-direction:column;gap:8px}.footer-section p{color:var(--text-muted);font-size:.65rem;font-weight:400}.footer-section .footer-label{color:var(--text-color);font-weight:600;line-height:1.6}.email-link{font-weight:400;font-size:.7rem;color:var(--text-color);border-bottom:1px solid var(--border-color);width:-moz-fit-content;width:fit-content;padding-bottom:2px;line-height:1.6}.email-link:hover{border-bottom-color:var(--accent-color)}.social-links{display:flex;flex-wrap:wrap;gap:5px}.social-links a{color:var(--text-muted);border-bottom:1px solid var(--border-color)}.social-links a:hover{color:var(--text-color);border-bottom-color:var(--accent-color)}.mobile-only{display:none!important}@media(max-width:1024px){.mobile-only{display:block!important}.mobile-only.flex{display:flex!important}.mobile-only.grid{display:grid!important}.desktop-only{display:none!important}.portfolio-app{padding:12px;gap:12px;height:100dvh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.portfolio-header{padding-bottom:1px}.portfolio-header h1{font-size:15.7vw;font-weight:500;letter-spacing:-.05em;line-height:1;white-space:nowrap}.mobile-sub-grid{display:grid!important;grid-template-columns:1.8fr 1.2fr;gap:20px;align-items:start;width:100%;margin-bottom:0}.mobile-works-column{display:flex;flex-direction:column;width:100%}.works-list-mobile{display:grid;grid-template-columns:1.2fr 1fr;width:100%;list-style:none;padding:0;margin:0}.works-list-mobile .work-item{font-size:.75rem;color:var(--text-muted);cursor:pointer;padding:4px 0;transition:var(--transition-smooth);position:relative;width:-moz-fit-content;width:fit-content}.works-list-mobile .work-item-progress{bottom:0}.works-list-mobile .work-item.active{color:var(--accent-color)}.mobile-tagline-column{display:flex;flex-direction:column;align-items:flex-end;text-align:right;width:100%}.mobile-tagline-column .portfolio-tagline{font-size:.7rem;line-height:1.4;color:var(--text-muted);font-weight:500}.mobile-awards-trigger{font-size:.65rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--text-color);width:-moz-fit-content;width:fit-content;padding-bottom:2px;margin-top:12px;cursor:pointer;transition:var(--transition-smooth)}.mobile-awards-trigger:hover{color:var(--text-muted);border-bottom-color:var(--text-muted)}.portfolio-main{grid-template-columns:1fr;gap:12px;overflow:hidden}.portfolio-main,.showcase-container{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.showcase-container{width:100%}.mockup-frame{width:100%;max-width:100%;max-height:100%;height:auto;aspect-ratio:16/9}.click-hint{text-align:center;font-size:.55rem;color:var(--text-muted);margin-top:4px;font-weight:500}.mobile-hire-me{display:flex;flex-direction:column;text-align:center!important;gap:4px;margin:4px 0!important;font-size:.65rem;width:100%}.mobile-hire-me .hire-me-label{color:var(--text-color);font-weight:600}.mobile-hire-me .email-link{font-size:.75rem;font-weight:300;border-bottom:1px solid var(--border-color)}.portfolio-footer{grid-template-columns:1.5fr 1fr;font-size:.75rem;padding-top:12px;margin-top:0}.portfolio-footer .footer-section:first-child{grid-column:1}.portfolio-footer .footer-section:nth-child(3){grid-column:2}.portfolio-footer .social-links{font-size:.65rem;display:flex;flex-wrap:wrap;gap:5px}.social-links a{color:var(--text-muted);border-bottom:1px solid var(--border-color)}}.awards-modal-overlay{position:fixed;top:10vh;left:0;width:100vw;height:100dvh;background-color:var(--bg-color);display:flex;flex-direction:column;z-index:1000;padding:12px;box-sizing:border-box;overflow:hidden}.awards-modal-content{background-color:transparent;width:100%;height:100%;display:flex;flex-direction:column;color:var(--text-color);padding:0;border:none;border-radius:0;box-shadow:none}.modal-header-container{display:flex;flex-direction:column;width:100%;padding-bottom:8px}.modal-title{font-size:15.7vw;font-weight:500;letter-spacing:-.05em;line-height:1;white-space:nowrap;color:var(--text-color);margin:0;cursor:pointer}.modal-subheader{display:flex;justify-content:space-between;align-items:baseline;width:100%;margin-top:12px;border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:12px}.modal-section-title{letter-spacing:.05em;font-weight:600}.close-modal-btn,.modal-section-title{font-size:.7rem;color:var(--text-color)}.close-modal-btn{background:none;border:none;font-weight:500;text-decoration:underline;cursor:pointer;padding:0;font-family:inherit;transition:opacity .2s ease}.close-modal-btn:hover{opacity:.7}.modal-body{overflow-y:auto;flex:1;padding:16px 0;-webkit-overflow-scrolling:touch}.modal-body::-webkit-scrollbar{display:none}.modal-body{-ms-overflow-style:none;scrollbar-width:none}.awards-list-modal{display:flex;flex-direction:column;gap:24px}.awards-list-modal .award-category{display:flex;flex-direction:column;gap:4px}.awards-list-modal .award-title{font-size:.75rem;font-weight:500;color:var(--text-color)}.awards-list-modal .award-details{list-style:none;font-size:.75rem;color:var(--text-muted);display:flex;flex-direction:column;gap:4px;padding-left:12px}.awards-list-modal .award-details li{display:flex;align-items:flex-start;line-height:1.4}.awards-list-modal .award-details li .elbow-char{color:#8e8e93;margin-right:6px;flex-shrink:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .4s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}.desktop-only{display:block}@media(max-width:1024px){.desktop-only{display:none!important}}