*{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:clip}.navbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:2rem;padding:.9rem 3rem;z-index:100}.nav-spacer{flex:1}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.72rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:color var(--transition);cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--accent)}.nav-name{color:var(--accent);font-size:1rem;font-weight:600;letter-spacing:.05em;margin-right:2rem;white-space:nowrap}main{margin-top:52px;padding:2rem 3rem;min-height:calc(100vh - 52px);overflow:visible}.section{display:none;animation:fadeIn .4s ease;overflow:visible}.section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;min-height:40px}.active-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tag{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-family:inherit;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition)}.filter-tag:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.filter-controls{display:flex;gap:.75rem;align-items:center}.filter-select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;transition:all var(--transition)}.filter-select:hover{border-color:var(--text-secondary)}.filter-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.clear-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;transition:all var(--transition)}.clear-btn:hover{color:var(--accent);border-color:var(--text-secondary)}.portfolio-loader{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:var(--bg-dark);z-index:50}.portfolio-loader.hidden{display:none}.loader-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.category-landing{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 150px);overflow:hidden}.category-landing.hidden{display:none}.category-carousel{position:relative;width:100%;height:70vh;overflow:visible}.category-track{display:flex;align-items:center;height:100%;cursor:grab;will-change:transform}.category-track.dragging{cursor:grabbing;transition:none!important}.category-track:not(.dragging){transition:transform .4s cubic-bezier(.25,.1,.25,1)}.category-slide{flex:0 0 auto;height:100%;display:flex;align-items:center;justify-content:center;padding:0 15px}.category-slide-inner{width:80vh;max-width:60vw;height:45vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;justify-content:center;align-items:center;transition:transform .4s ease,opacity .4s ease;overflow:hidden;position:relative}.category-slide-inner:before{content:"";position:absolute;inset:0;background:#0006;transition:background .3s ease}.category-slide.active .category-slide-inner:hover:before{background:#00000040}.category-slide:not(.active) .category-slide-inner{transform:scale(.85);opacity:.35;cursor:pointer}.category-slide.active .category-slide-inner{cursor:pointer}.category-title{font-size:1.5rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.5)}.category-hint-overlay{position:absolute;bottom:-3.5rem;left:50%;transform:translate(-50%);color:var(--text-secondary);font-size:1.2rem;opacity:.4;cursor:pointer;transition:opacity .3s ease;z-index:10;animation:bounce 2s infinite}.category-hint-overlay:hover{opacity:.8}#portfolio{margin:0 -3rem;padding:0;width:calc(100% + 6rem)}.category-view{padding:0;overflow-x:clip;overflow-y:visible;position:relative;min-height:calc(100vh - 52px - 4rem);display:flex;flex-direction:column;justify-content:center}.category-view.hidden{display:none}.category-header{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;padding:.25rem 2rem 1.5rem;gap:0;cursor:pointer;transition:opacity var(--transition)}.category-header:hover{opacity:.8}.category-back-icon{color:var(--text-secondary);font-size:1.3rem;line-height:1;transition:all var(--transition);opacity:.4}.category-header:hover .category-back-icon{color:var(--accent);opacity:1}.category-heading{font-size:.65rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);margin-top:-.1rem;transition:color var(--transition)}.category-header:hover .category-heading{color:var(--accent)}.work-carousel{position:relative;overflow:visible;margin:0 auto;max-width:100%;width:100%;height:45vh}.carousel-track{display:flex;align-items:center;height:100%;will-change:transform;cursor:grab}.carousel-track.preparing{visibility:hidden}.carousel-track.dragging{cursor:grabbing;transition:none!important}.carousel-track:not(.dragging){transition:transform .4s cubic-bezier(.25,.1,.25,1)}.carousel-slide{flex:0 0 auto;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 15px}.carousel-slide-inner{position:relative;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:var(--radius-xl);overflow:hidden;background:transparent;transition:transform .4s ease,opacity .4s ease}.carousel-slide:not(.active) .carousel-slide-inner{transform:scale(.85);opacity:.35;cursor:pointer}.carousel-slide-inner>img{display:block;max-width:100%;max-height:45vh;width:auto;height:auto;border-radius:var(--radius-xl)}.carousel-slide-inner .video-container{height:45vh;width:80vh;max-width:90vw;aspect-ratio:16 / 9;position:relative;background:transparent}.carousel-slide-inner .video-container iframe{width:100%;height:100%;border:none;border-radius:var(--radius-xl)}.video-swipe-overlay{position:absolute;inset:0;z-index:5;cursor:grab}.video-swipe-overlay:active{cursor:grabbing}.carousel-slide.active .video-swipe-overlay{pointer-events:none}.scroll-hint-overlay{position:absolute;bottom:-3.5rem;left:50%;transform:translate(-50%);color:var(--text-secondary);font-size:1.2rem;opacity:.4;cursor:pointer;transition:opacity .3s ease;z-index:10;animation:bounce 2s infinite}.scroll-hint-overlay:hover{opacity:.8}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(4px)}60%{transform:translate(-50%) translateY(2px)}}.scroll-hint-overlay.hidden{display:none}.work-details-panel{margin:15px auto 0;padding:0}.work-details-panel>*{max-width:100%}.work-details-panel.hidden{display:none}.work-details-panel.collapsing{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.work-details-panel:not(.hidden):not(.collapsing){opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.work-details{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.work-details h3{font-size:1.1rem;font-weight:500;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.work-gallery{display:flex;flex-direction:column;gap:1rem}.work-gallery-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.work-gallery-item img{width:100%;height:auto;display:block}.work-gallery-caption{padding:.75rem 1rem;font-size:.8rem;color:var(--text-secondary);border-top:1px solid var(--border)}.work-gallery-video{aspect-ratio:16 / 9}.work-gallery-video iframe{width:100%;height:100%;border:none;border-radius:var(--radius-xl)}.work-gallery-text{padding:1rem}.work-gallery-text p{font-size:.85rem;line-height:1.6;color:var(--text-secondary);margin:0;font-weight:400}@media(max-width:768px){#portfolio{margin:0 -1rem;width:calc(100% + 2rem)}.category-carousel{height:50vh}.category-slide{padding:0 10px}.category-slide-inner{width:80vw;height:50vh}.category-slide:not(.active) .category-slide-inner{transform:scale(.8);opacity:.2}.category-title{font-size:1.2rem}.category-hint-overlay{bottom:-2rem}.category-header{flex-direction:column;align-items:center;gap:0;padding:.5rem 1rem 1rem}.work-carousel{padding:0;height:auto;min-height:0}.carousel-slide{padding:0 10px}.carousel-slide-inner>img{max-width:90vw;max-height:60vh}.carousel-slide-inner .video-container{height:auto;width:90vw;max-width:90vw}.carousel-slide:not(.active) .carousel-slide-inner{transform:scale(.8);opacity:.2}.work-details-panel{padding:0 1rem;width:auto!important;max-width:none!important}.scroll-hint-overlay{bottom:-2rem}}@media(max-width:480px){.navbar{gap:.85rem;padding:.85rem 1rem}.nav-name{font-size:.85rem}#showreelLink,#adminLink{display:none!important}main{padding:1rem}#portfolio{margin:0 -1rem;width:calc(100% + 2rem)}.category-header{padding:.25rem .5rem .75rem}.carousel-slide-inner>img{max-width:95vw;max-height:50vh}.carousel-slide-inner .video-container{width:95vw;max-width:95vw}}#explore{margin:-2rem -3rem;width:calc(100% + 6rem);height:calc(100vh - 52px);overflow:hidden;padding:0}#explore.active{display:flex;flex-direction:column}.explore-detail-strip{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-secondary);display:flex;align-items:center;gap:1rem;padding:0 1.5rem;height:72px;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.explore-detail-strip.hidden{height:0;opacity:0;pointer-events:none;border-top:none}.explore-detail-thumb{height:48px;width:auto;max-width:72px;border-radius:4px;object-fit:cover;flex-shrink:0}.explore-detail-info{flex:1;min-width:0}.explore-detail-title{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);margin-bottom:.2rem}.explore-detail-meta{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-detail-btn{flex-shrink:0;padding:.4rem 1rem;border:1px solid var(--border);background:none;color:var(--text-primary);font-size:.8rem;cursor:pointer;border-radius:var(--radius-md);white-space:nowrap;transition:background var(--transition),border-color var(--transition)}.explore-detail-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.explore-detail-close{flex-shrink:0;background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.3rem .5rem;line-height:1;transition:color var(--transition)}.explore-detail-close:hover{color:var(--text-primary)}.explore-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.explore-container{flex:1;position:relative;overflow:hidden;min-height:0;cursor:grab;user-select:none;-webkit-user-select:none}.explore-container:active{cursor:grabbing}#exploreCanvas{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0}.explore-card{position:absolute;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:width .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1),opacity .4s ease,border-color .3s ease;will-change:transform}.explore-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.explore-card:not(:has(img)){background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.explore-card:not(:has(img)) .explore-card-label{position:static;background:none;opacity:1;padding:.5rem;text-align:center;color:var(--text-secondary);white-space:normal;font-size:.7rem}.explore-card-label{position:absolute;bottom:0;left:0;right:0;padding:.5rem .6rem .4rem;background:linear-gradient(transparent,#000000b8);color:var(--text-primary);font-size:.65rem;font-weight:500;letter-spacing:.04em;opacity:0;transition:opacity .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-card:hover .explore-card-label,.explore-card.selected .explore-card-label{opacity:1}.explore-card.selected{border-color:var(--accent);border-width:2px;z-index:10;box-shadow:0 0 0 3px #ffffff0f,0 12px 40px #0009}.explore-card.selected .explore-card-label{opacity:1;font-size:.75rem;padding-bottom:.6rem}.explore-card.similar{z-index:5;border-color:#ffffff38}.explore-card.similar .explore-card-label{opacity:1}.explore-card{z-index:2}.explore-card:not(.selected):hover{border-color:#ffffff47;z-index:8}@media(max-width:768px){#explore{margin:-1.5rem;width:calc(100% + 3rem)}}@media(max-width:480px){#exploreLink{display:none!important}#explore{margin:-1rem;width:calc(100% + 2rem)}}.works-table{display:flex;flex-direction:column;gap:0}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr .75fr;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.table-header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-body{display:contents}.index-card{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr .75fr;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition);align-items:center}.index-card:hover{background:var(--bg-hover)}.index-card-image,.index-card-footer,.index-card-label{display:none}.index-card-content{display:contents}.index-card-title{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-card-meta{display:contents}.index-card-row{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-card-value{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.index-card-value .filter-value{font-size:.8rem}@media(max-width:900px){.table-header{grid-template-columns:2fr 1.5fr 1.5fr .75fr}.table-header span:nth-child(4){display:none}.index-card{grid-template-columns:2fr 1.5fr 1.5fr .75fr}.index-card-row:nth-child(3){display:none}}@media(max-width:700px){.table-header{grid-template-columns:2fr 1.5fr .75fr}.table-header span:nth-child(3){display:none}.index-card{grid-template-columns:2fr 1.5fr .75fr}.index-card-row:nth-child(2){display:none}}@media(max-width:500px){.table-header,.index-card{grid-template-columns:1.5fr 1fr .6fr;padding:.5rem .75rem;gap:.5rem}.index-card-title{font-size:.8rem}.index-card-row{font-size:.75rem}.index-card-value .filter-value{font-size:.7rem;padding:.1rem .3rem}}.filter-value,.meta-value{display:inline;background:var(--bg-secondary);border:1px solid var(--border);padding:.15rem .4rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap}.filter-value{margin-right:.25rem;border-color:transparent}.filter-value:hover,.meta-value:hover{border-color:var(--accent);background:var(--bg-hover);color:var(--accent)}.content-container{max-width:900px;margin:0 auto;padding:2rem 0}h2{font-size:2.5rem;margin-bottom:3rem;font-weight:300;letter-spacing:.05em;color:var(--accent)}.info-content .intro{font-size:1.2rem;line-height:1.8;margin-bottom:4rem;color:var(--text-primary);font-weight:300}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.info-block h3{font-size:.85rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em}.info-block p{margin-bottom:1rem;line-height:1.8;color:var(--text-primary);font-size:.95rem}.info-block a{color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border);transition:all var(--transition);display:inline-block}.info-block a:hover{color:var(--accent);border-bottom-color:var(--accent)}@media(max-width:768px){.info-grid{grid-template-columns:1fr;gap:2rem}h2{font-size:2rem;margin-bottom:2rem}.info-content .intro{font-size:1.1rem;margin-bottom:3rem}}.modal{display:none;position:fixed;inset:0;background:#000000eb;z-index:1000;animation:fadeIn .3s ease;overflow-y:auto}.modal.active{display:block}.modal-content{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:4rem 2rem}.modal-content .modal-media{width:min(90vw,160vh);max-width:1200px}.modal-scroll-container{max-width:min(800px,85vw);width:100%;margin:0 auto;padding:2rem 2rem 4rem;display:flex;flex-direction:column;gap:.75rem}.modal-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.modal-card-media{display:flex;align-items:center;justify-content:center}.modal-media{width:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-dark)}.modal-media img{width:100%;height:auto;display:block}.modal-media iframe{width:100%;aspect-ratio:16 / 9;border:none}.modal-card-details{padding:1rem}.modal-card-details h3{font-size:1rem;font-weight:500;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);letter-spacing:.02em}.modal-description{font-size:.75rem;line-height:1.5;color:var(--text-secondary);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.modal-meta{display:flex;flex-wrap:wrap;align-items:center;font-size:.65rem}.meta-item{display:flex;align-items:center;gap:.25rem;padding-right:.6rem;margin-right:.6rem;border-right:1px solid var(--border)}.meta-item:last-child{border-right:none;margin-right:0;padding-right:0}.meta-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.55rem}.modal-card-image img{width:100%;height:auto;display:block}.modal-card-text{padding:1rem}.modal-card-text p{font-size:.85rem;line-height:1.6;color:var(--text-secondary);margin:0;font-weight:400}.modal-card-video{aspect-ratio:16 / 9;background:var(--bg-dark)}.modal-card-video iframe{width:100%;height:100%;border:none}.image-caption{padding:.75rem 1rem;font-size:.75rem;line-height:1.5;color:var(--text-secondary);border-top:1px solid var(--border)}.modal-close{position:fixed;top:2rem;right:2rem;background:none;border:none;color:var(--text-primary);font-size:3rem;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity var(--transition);z-index:1001}.modal-close:hover{opacity:1}.modal-nav{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid var(--border);color:var(--accent);font-size:3rem;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:all var(--transition);z-index:1001}.modal-nav:hover{opacity:1;background:#ffffff26}.modal-prev{left:2rem}.modal-next{right:2rem}@media(max-width:768px){.navbar{padding:1rem 1.5rem;gap:1.25rem}.nav-name{margin-right:0}main{padding:1.5rem}.modal-nav{width:40px;height:40px;font-size:2rem}.modal-prev{left:1rem}.modal-next{right:1rem}.modal-media iframe{width:90vw;height:50.625vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;padding:10px 16px;background:#111;color:#fafafa;border:1px solid var(--accent);border-radius:4px;text-decoration:none}.skip-link:focus{left:8px;top:8px}.meta-value,.filter-value{cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.noscript-banner{position:relative;z-index:2000;margin:0;padding:14px 18px;background:#111;color:#fafafa;text-align:center;font-size:.95rem}.noscript-banner a{color:#fff}.load-error{max-width:32rem;margin:18vh auto;padding:0 1.5rem;text-align:center;color:var(--text-secondary);line-height:1.6}.load-error a{color:var(--text-primary)}.empty-state{padding:3rem 1rem;text-align:center;color:var(--text-secondary);font-size:.95rem}img.img-failed{opacity:0}.explore-hint{position:absolute;left:50%;bottom:2rem;transform:translate(-50%);z-index:20;padding:.5rem 1rem;background:#0000008c;color:#fafafa;border-radius:999px;font-size:.8rem;letter-spacing:.02em;pointer-events:none;backdrop-filter:blur(4px);transition:opacity .5s ease}.explore-hint.hide{opacity:0}@media(prefers-reduced-motion:reduce){.explore-hint{transition:none}}.index-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.navbar:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.filter-select{color-scheme:dark}.nav-link:active{opacity:.7}.index-card:active{background:var(--bg-hover)}.clear-btn:active,.modal-close:active{transform:translateY(1px)}.modal-nav:active{transform:translateY(-50%) scale(.92)}@media(pointer:coarse){.modal-close,.explore-detail-close{min-width:44px;min-height:44px}}