*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#000}img{width:100%;height:100%;object-fit:cover}.container{position:relative;width:100vw;height:100vh;overflow:hidden;background-image:url(https://r2.khalil-fong.com/assets/index/bg.jpg);background-size:cover;backdrop-filter:blur(20px)}.revealers{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;z-index:2}.revealer{flex:1;width:100%;background-color:#000;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.images{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;transform-origin:center center;will-change:transform}.img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);width:100%;height:100%;visibility:visible;will-change:transform;opacity:0}.img:first-child{opacity:1}.images.stacked-container{position:fixed;left:2em;bottom:2em;width:auto;height:auto;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:1em;transform:none;will-change:transform}.img.stacked{position:relative;width:150px;height:100px;transform:none;top:auto;left:auto;opacity:1;will-change:transform}.hero-content{position:relative;width:100%;height:100%}.letter-img{width:20px;height:40px;object-fit:contain;opacity:0;transform:translateY(20px);cursor:pointer;transition:filter .3s ease;flex-shrink:0}.letter-img:hover{filter:brightness(1.2)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .4s ease;backdrop-filter:blur(8px)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:#1a1a1a;padding:2em;border-radius:12px;max-width:98vw;width:98vw;max-height:95vh;overflow-y:auto;transform:scale(.8);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.1);color:#fff;position:relative;display:flex;flex-direction:column}.modal-header{margin-bottom:2em;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5em;display:flex;flex-direction:column;align-items:center;gap:1.5em}.modal-tribute-content{display:flex;align-items:center;gap:2em;max-width:900px;text-align:left}.modal-tribute-img{width:180px;height:auto;min-height:100px;object-fit:contain;border-radius:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #00000080;cursor:pointer;transition:transform .3s ease,filter .3s ease;flex-shrink:0}.modal-tribute-img:hover{transform:scale(1.02);filter:brightness(1.1)}.modal-tribute-text{flex:1}.modal-header h2{font-size:20px;margin-bottom:.5em;font-weight:400;color:#fff}.modal-header p{font-size:14px;color:#aaa;line-height:1.6;margin:0}@media (max-width: 768px){.modal-tribute-content{flex-direction:column;text-align:center;gap:1em}.modal-tribute-img{width:120px}}.modal-header a{color:#007aff;text-decoration:none}.modal-header a:hover{text-decoration:underline}.modal-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;text-align:left;align-items:start}.modal-item{display:flex;flex-direction:column;min-width:0}.modal-img{width:100%;aspect-ratio:1 / 2;object-fit:cover;margin-bottom:.8em;border-radius:4px;background:#000}.modal-title{font-size:12px;margin-bottom:.3em;font-weight:600;color:#fff;word-break:break-word;line-height:1.2}.modal-info{font-size:10px;color:#888;margin-bottom:.5em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.modal-coords{font-family:Akkurat Mono,monospace;font-size:9px;color:#555}@media (max-width: 1024px){.modal-grid{grid-template-columns:repeat(5,1fr);gap:15px}}@media (max-width: 600px){.modal-grid{grid-template-columns:repeat(2,1fr)}}.modal-close-btn{position:absolute;top:1em;right:1em;background:none;color:#fff;border:none;width:40px;height:40px;font-size:32px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .3s ease,opacity .3s ease;z-index:100;opacity:.6}.modal-close-btn:hover{transform:rotate(90deg);opacity:1}.nav{position:fixed;top:20px;right:20px;z-index:100;display:flex}.nav a{margin-left:15px;color:#fff;font-family:Akkurat Mono;font-size:18px;font-weight:lighter;text-transform:uppercase;text-decoration:none}.team-img{position:absolute;right:2em;bottom:2em;width:40%;height:50%;clip-path:polygon(0 100%,100% 100%,100% 100%,0% 100%)}.team-img img{filter:saturate(0)}.site-info{position:absolute;bottom:2em;left:2em;width:50%;height:50%;display:flex;flex-direction:column;justify-content:space-between}.site-info .row{display:flex;gap:2em}.site-info .row .col{flex:1}.site-info h2{font-size:25px;font-weight:lighter;line-height:2}.site-info{font-family:Apercu Mono Pro;font-size:12px;font-weight:lighter;color:#fff}.site-info .row:nth-child(2) .col:nth-child(2){display:flex}.address,.socials{flex:1}.address p,.socials p{line-height:1.25}.word,.nav-item,.line{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.nav-item a{opacity:0}.word h1,.nav-item a,.site-info h2 .line span,.line p{position:relative;will-change:transform}.site-info h2 .line span{display:block;transform:translateY(100%)}.word h1,.nav-item a,.line p{transform:translateY(100%)}.svg-logo{width:400px;height:100px}.logo-svg{width:100%;height:100%;overflow:visible}.logo-path,.logo-circle{stroke-dasharray:1000;stroke-dashoffset:1000}@media (max-width: 768px){.site-info{left:0;top:5vh}.gallery-nav,.video-nav{display:none}}