@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Rubik:wght@300..900&display=swap";@font-face{font-family:CustomFont;src:url(./dinnextw1g_ultralight-CLbcW2DP.otf)format("opentype")}@font-face{font-family:boldFont;src:url(./dinnextw1g_bold-b-KjWl3J.otf)format("opentype")}body{color:#fff;background:#080808;font-family:CustomFont,sans-serif}#page-title{text-align:center;border-radius:12px;width:fit-content;margin:20px auto 0;font-size:50px;display:flex}#main-wrapper{flex-direction:column;align-items:center;gap:50px;padding:25px;display:flex}.grid-container{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;padding-top:70px;display:grid}.box{aspect-ratio:1;border-radius:5px;transition:filter .25s,opacity .25s,transform .25s;overflow:hidden}.box img{object-fit:cover;width:100%;height:100%;display:block}.box.desaturated{filter:grayscale()brightness(.8);opacity:.45}.box:hover{transform:scale(1.02)}.notch{bottom:max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;cursor:pointer;background-color:#0d0d0da6;border-radius:15px;justify-content:center;align-items:center;gap:5px;width:fit-content;padding:5px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000059}.notch-btn{z-index:1;color:#a2a2a2;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:60px;padding:10px 6px;font-family:inherit;font-size:15px;transition:all .2s;display:flex;position:relative}.notch-btn:hover{color:#fff;transform:translateY(-1px)}.notch-btn.active{background-color:#000}.menu-overlay{z-index:999;position:fixed;inset:0}.menu-wrapper{border:2px dahed greenyellow}.gallery-menu,.info-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;visibility:visible;background:#000;border-radius:15px;flex-direction:column;gap:10px;width:120px;padding:12px;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.gallery-menu button,.info-menu a{box-sizing:border-box;color:#a2a2a2;cursor:pointer;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;line-height:1;text-decoration:none;transition:all .2s;display:flex}.gallery-menu button:hover,.info-menu a:hover{color:#fff;transform:translateY(-1px)}.modal{cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;align-items:center;width:min(1200px,95vw);max-width:95vw;max-height:95vh;display:flex;overflow:auto}.close-btn{cursor:pointer;color:#878787;z-index:10;background:#1d1d1f;border:none;border-radius:999px;width:36px;height:36px;font-size:20px;line-height:1;position:absolute;top:1rem;right:1rem}.close-btn:hover{opacity:.7;color:#fff;background-color:#000}.media-frame{justify-content:center;align-items:center;width:100%;height:auto;display:flex;overflow:visible}.media-frame img,.media-frame video{object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.vimeo-frame{aspect-ratio:16/9;border:none;border-radius:12px;width:100%;display:block}.controls{margin-top:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1d1d1fa6;border-radius:15px;justify-content:center;align-items:center;gap:20px;width:fit-content;margin-inline:auto;padding:10px 20px;display:inline-flex;box-shadow:0 4px 20px #00000059}.nav-btn{color:#878787;cursor:pointer;background:0 0;border:none;height:30px;font-size:20px;transition:transform .2s,background-color .2s,color .2s}.nav-btn:hover{color:#fff;background-color:#000;border-radius:5px;transform:translate(10px)}.nav-btn.disabled{opacity:.3;cursor:default;pointer-events:none}.aboutpage-main-container{background-color:#101010;border-radius:15px;align-items:center;width:85vw;height:90vh;margin:0;padding:auto}.profile-image img{object-fit:cover;border-radius:50%;width:180px;height:180px;margin:0 auto;display:block}.profile-image p{text-align:center;color:#484848}.bio-container{text-align:center;color:#fff;font-family:inherit}.desc-container{text-align:center;color:#7e7e7e;width:300px;margin:0 auto;padding:10px}.tools-container{text-align:center;align-items:center;padding-top:30px;font-family:inherit;font-size:12px;display:block}.contact-container{text-align:center;align-items:center}.contact-container a{color:#8f0;cursor:pointer;text-decoration:none;display:block}.contact-container a:hover{color:#d3d3d3}.contact-container a span{color:#8f0}.tools-container h1{color:#7e7e7e;font-size:20px}ul{color:#484848;margin:0;padding:0;list-style-type:none}.clients-container h1{color:#7e7e7e;font-size:20px}.clients-container a{cursor:pointer;color:#8f0;font-size:15px;text-decoration:none;display:block}@media (width>=700px){.grid-container{grid-template-columns:repeat(3,1fr)}.modal{align-items:flex-start;padding:1rem 0;overflow-y:auto}.modal-content{width:100%;max-height:none}.media-frame{flex-direction:column;gap:1rem;display:flex}.media-frame img,.media-frame video{width:100%;height:auto}}@media (width>=1200px){.grid-container{grid-template-columns:repeat(5,1fr)}}@media (width<=699px){#main-wrapper{flex-direction:column;align-items:center;gap:10px;padding:0;display:flex}.modal{align-items:stretch;padding:0}.modal-content{scroll-snap-type:y mandatory;width:100%;height:100vh;max-height:none;overflow-y:auto}.media-frame{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;width:100%;height:auto;max-height:none;display:flex;overflow:visible}.mobile-media-item{scroll-snap-align:start;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.mobile-media-item img,.mobile-media-item video{object-fit:contain;max-width:100%;max-height:100vh}.mobile-media-item iframe{aspect-ratio:16/9;width:100%}.clients-container{place-items:center;display:grid}}