*{box-sizing:border-box;margin:0;padding:0}body{color:#c4c4c4;background:#0a0a0a;font-family:Courier New,monospace;line-height:1.7;overflow-x:hidden}body:before{content:"";opacity:.065;pointer-events:none;z-index:0;background-image:url(/images/grainybg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}::selection{color:#fff;background:#ffffff26}#cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(600px circle at var(--x,50%)var(--y,50%),#0000000a,transparent 40%);opacity:0;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}body:hover #cursor-glow{opacity:.7}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}}@keyframes fadeIn{to{opacity:1}}.container{z-index:1;margin:0 auto;padding:80px 40px 0;position:relative}header{text-align:center;margin-bottom:120px}h1{letter-spacing:12px;color:#fff;text-transform:uppercase;opacity:0;text-shadow:0 0 40px #ffffff0d;margin-bottom:20px;font-size:4.5rem;font-weight:200;transition:letter-spacing .4s,text-shadow .4s;animation:1.5s forwards fadeIn}h1:hover{text-shadow:0 0 60px #ffffff12;letter-spacing:16px}header a{cursor:default;text-decoration:none;overflow:hidden}.tagline{letter-spacing:4px;color:#666;opacity:0;cursor:default;font-size:1rem;animation:2s .5s forwards fadeIn;display:inline-block;position:relative}.tagline:before,.tagline:after{content:"—";color:#333;font-size:.8rem;position:absolute;top:50%;transform:translateY(-50%)}.tagline:before{left:-40px}.tagline:after{right:-40px}section{opacity:0;margin-top:50px;margin-bottom:50px;transition:transform .3s;animation:1.5s 1s forwards fadeIn}h2{letter-spacing:5px;color:#888;text-transform:uppercase;border-bottom:1px solid #222;margin-bottom:30px;padding-bottom:10px;font-size:1.5rem;font-weight:400;position:relative;overflow:hidden}h2:after{content:"";background:linear-gradient(90deg,#fff,#0000);width:0;height:1px;transition:width .6s;position:absolute;bottom:-1px;left:0}section:hover h2:after{width:100%}p{color:#999;margin-bottom:20px;font-size:1rem;transition:color .3s}section:hover p{color:#aaa}.highlight{color:#fff;padding:0 4px;font-style:italic;position:relative}.highlight:before{content:"";background:#fff3;width:100%;height:1px;position:absolute;bottom:0;left:0}.work-grid{grid-template-columns:repeat(3,minmax(280px,1fr));gap:20px;margin-top:40px;display:grid}.work-item{cursor:pointer;background:#0d0d0d;border:1px solid #1a1a1a;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.work-item:hover{border-color:#2a2a2a;transform:translateY(-6px);box-shadow:0 15px 35px #000c}.work-thumb{aspect-ratio:5/3;background:#050505;width:100%;position:relative;overflow:hidden}.work-thumb img{object-fit:cover;filter:brightness(.9)contrast(1.1);width:100%;height:100%;transition:transform .3s,filter .3s}.work-item:hover .work-thumb img{filter:brightness()contrast(1.15);transform:scale(1.02)}.work-thumb:before{content:"";z-index:1;background:linear-gradient(#0000001a 0%,#0006 50%,#000000b3 100%);transition:opacity .3s;position:absolute;inset:0}.work-item:hover .work-thumb:before{opacity:.6}.work-title{z-index:2;padding:20px;position:absolute;bottom:0;left:0;right:0}.work-title h3{color:#fff;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 8px #0009;margin-bottom:6px;font-size:1.4rem;font-weight:300;transition:letter-spacing .3s}.work-item:hover .work-title h3{letter-spacing:2.2px}.work-meta{text-transform:uppercase;letter-spacing:1.5px;color:#aaa;text-shadow:0 1px 4px #000c;font-size:.65rem}.work-content{background:#0a0a0a;border-top:1px solid #151515;flex-grow:1;padding:18px 20px 20px}.work-item p{color:#777;font-size:.8rem;line-height:1.65;transition:color .3s}.work-item:hover p{color:#999}@media (max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr);gap:15px}.work-title h3{font-size:1.1rem}.work-content{padding:15px}}@media (max-width:600px){.work-grid{grid-template-columns:1fr}.work-thumb{aspect-ratio:16/9}}.links{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.links a{color:#666;letter-spacing:2px;text-transform:uppercase;border-radius:5px;padding:12px 24px;font-size:.9rem;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.links a:before{content:"";background:linear-gradient(110deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.links a:hover:before{left:100%}.links a:after{content:"";background:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.links a:hover{color:#fff;background:#0303032b;transform:translateY(-3px)}.links a:hover:after{width:100%}footer{text-align:center;color:#444;letter-spacing:2px;padding:60px 0;font-size:.75rem;position:relative}footer:before{content:"";background:linear-gradient(90deg,#0000,#333,#0000);width:250px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:900px){.work-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){h1{letter-spacing:6px;font-size:2.5rem}h1:hover{letter-spacing:8px}.container{padding:60px 20px 0}.work-grid{grid-template-columns:1fr}.links{flex-direction:column;gap:20px}.tagline:before,.tagline:after,#cursor-glow{display:none}}@media (max-width:600px){.work-item{min-height:auto}}