*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--black);font-family:Space Mono,monospace;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:24px 40px}nav a{color:var(--black);text-decoration:none;font-size:11px;letter-spacing:3px;text-transform:uppercase;transition:color .3s}.nav-center{font-size:10px;letter-spacing:4px;color:var(--black);text-decoration:none}.back-link{display:inline-flex;align-items:center;gap:8px}.back-link svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .3s}.back-link:hover svg{transform:translate(-4px)}.case-hero-image{width:100%;height:42vh;overflow:hidden;padding-top:64px;position:relative}.case-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;will-change:transform}.case-hero{padding:60px 40px 80px;max-width:1200px;margin:0 auto}.case-hero .case-meta{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--grey);margin-bottom:24px;display:flex;gap:32px}.case-hero h1{font-family:clother,sans-serif;word-spacing:6px;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:.9;margin-bottom:24px}.case-hero h1 .accent{color:var(--accent)}.case-hero .case-desc{font-size:.85rem;line-height:2;color:var(--grey);max-width:640px}.case-content{max-width:1200px;margin:0 auto;padding:0 40px 80px}.assignment{margin-bottom:100px}.assignment-header{margin-bottom:40px}.assignment-label{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;opacity:0;transform:translate(-30px);transition:opacity .6s ease,transform .6s ease}.assignment-title{font-family:clother,sans-serif;word-spacing:6px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1;margin-bottom:16px;opacity:0;transform:translate(-50px);transition:opacity .6s ease .1s,transform .6s ease .1s}.assignment-desc{font-size:.8rem;line-height:1.9;color:var(--grey);max-width:640px;opacity:0;transform:translate(-30px);transition:opacity .6s ease .2s,transform .6s ease .2s}.assignment-note{font-size:.75rem;line-height:1.8;color:var(--grey);font-style:italic;margin-top:8px;opacity:0;transform:translate(-30px);transition:opacity .6s ease .25s,transform .6s ease .25s}.assignment-header.visible .assignment-label,.assignment-header.visible .assignment-title,.assignment-header.visible .assignment-desc,.assignment-header.visible .assignment-note{opacity:1;transform:translate(0)}.img-grid{display:grid;gap:14px}.img-grid.cols-3{grid-template-columns:repeat(3,1fr)}.img-grid.cols-2{grid-template-columns:repeat(2,1fr)}.img-grid.cols-1{grid-template-columns:1fr}.img-grid.cols-4{grid-template-columns:repeat(4,1fr)}.img-grid.cols-6{grid-template-columns:repeat(6,1fr)}.img-grid img{width:100%;display:block;cursor:pointer;border-radius:4px}.img-grid img{opacity:0;transform:translateY(30px) scale(.97);transition:opacity .5s ease,transform .5s ease}.img-grid.visible img{opacity:1;transform:translateY(0) scale(1)}.video-embed{position:relative;width:100%;padding-bottom:56.25%;margin-bottom:4px}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.lightbox{position:fixed;inset:0;z-index:9999;background:#000000eb;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.lightbox.active{display:flex;opacity:1}.lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:2px;user-select:none}.lightbox-close{position:absolute;top:24px;right:32px;font-size:28px;color:#fff;cursor:pointer;opacity:.6;transition:opacity .3s;background:none;border:none;font-family:Space Mono,monospace;z-index:10001}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;color:#fff;cursor:pointer;opacity:.5;transition:opacity .3s;background:none;border:none;font-family:Space Mono,monospace;padding:20px;user-select:none}.lightbox-nav:hover{opacity:1}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:3px;color:#ffffff80;text-transform:uppercase}.bottom{background:var(--black);color:var(--bg);padding:80px 40px 40px}.bottom-cta{text-align:center;margin-bottom:32px}.bottom-cta h2{font-family:clother,sans-serif;word-spacing:6px;font-size:clamp(3rem,10vw,8rem);font-weight:900;text-transform:uppercase;letter-spacing:-3px;line-height:.85;margin-bottom:24px}.bottom-cta h2 .accent{color:var(--accent)}.bottom-cta .social-row{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.bottom-cta .social-row a{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--bg);text-decoration:none;position:relative;padding:8px 0;opacity:.6;transition:opacity .3s,color .3s}.bottom-cta .social-row a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--accent);transition:width .3s,left .3s}.bottom-cta .social-row a:hover{opacity:1;color:var(--accent)}.bottom-cta .social-row a:hover:before{width:100%;left:0}.bottom-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--footer-muted);letter-spacing:2px;text-transform:uppercase}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}.project-nav{display:flex;justify-content:space-between;align-items:flex-start;padding:60px 40px;max-width:1200px;margin:0 auto}.project-nav a{text-decoration:none;color:var(--black);display:block;flex:1}.project-nav a:first-child{text-align:left}.project-nav a:nth-child(2){text-align:center}.project-nav a:last-child{text-align:right}.nav-label{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--grey);margin-bottom:12px}.nav-title{font-family:clother,sans-serif;word-spacing:6px;font-size:clamp(1rem,2vw,1.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-1px;transition:color .3s}.project-nav a:hover .nav-title{color:var(--accent)}@media(max-width:768px){.case-hero{padding:40px 20px 60px}.case-content{padding:0 20px 60px}nav{padding:16px 20px}.bottom{padding-left:20px;padding-right:20px}.img-grid.cols-3,.img-grid.cols-4{grid-template-columns:repeat(2,1fr)}.img-grid.cols-6{grid-template-columns:repeat(3,1fr)}.bottom-cta .social-row{gap:20px}.project-nav{padding:40px 20px;flex-direction:column;align-items:center;gap:32px}.project-nav a{text-align:center!important}}