.dock-container{width:max-content;position:fixed;bottom:0;left:50%;transform:translate(-50%,-50%);padding:.5em .25em;display:flex;justify-content:center;background-color:var(--dark-bg-color);border:1px solid var(--dark-card-border);border-radius:40px;transform-origin:center;cursor:pointer;z-index:1000000}.dock{margin:0 auto;display:flex;justify-content:space-around}.dock-item{position:relative;width:40px;height:40px;background:var(--dark-btn-bg);border:1px solid var(--dark-card-border);border-radius:30px;margin:0;display:flex;justify-content:center;align-items:center;transform:scale(1);transition:.7s cubic-bezier(.075,.82,.165,1);transform-origin:bottom}.dock-item-link-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media (max-width: 900px){.dock-item{width:30px;height:30px}}.hero-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:100000}.home-logo{position:absolute;top:2em;right:2em;z-index:100000}.live-clock{position:absolute;top:2em;left:2em;z-index:100000}.live-clock p{font-family:JetBrains Mono;font-weight:500;font-size:13px;color:var(--dark-text-tertiary)}.page-work{width:100%;display:flex;gap:.5em;margin-bottom:10em}.col{flex:1;width:100%;height:100%}.work-item{position:relative;border:1px solid var(--dark-card-border);border-radius:8px;overflow:hidden;margin-bottom:.5em;padding:.25em}.work-item.type-img{padding:0}.work-item-img{position:relative}.work-item-info{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;padding:1em}p#work-date{color:var(--dark-text-tertiary)}.work-item-img-wrapper{width:100%;height:100%;border-radius:8px;overflow:hidden}.work-item-img-wrapper img{transform:scale(1.125)}.work-200 img{height:200px}.work-250 img{height:250px}.work-300 img{height:300px}.work-350 img{height:350px}.work-400 img{height:400px}.work-450 img{height:450px}.work-500 img{height:500px}.work-550 img{height:550px}@media (max-width: 900px){.page-work{flex-direction:column}}.project-item{position:relative;width:100%;display:flex;align-items:center;padding:1em;border-radius:10px;gap:.5em;overflow:hidden;cursor:pointer}.project-item:hover{background-color:var(--dark-card-bg)}.project-title,.project-copy{flex-shrink:0}.project-copy p{color:var(--dark-text-tertiary)}.project-divider{flex-grow:1;height:1px;background-color:var(--dark-card-border);margin-left:.5em;margin-right:.5em}.project-year{flex-shrink:0}.project-year p{color:var(--dark-text-secondary)}@media (max-width: 900px){.project-copy{display:none}}.page-photos{width:100%;display:flex;gap:.5em;margin-bottom:10em}.page-photos img{position:relative;height:600px;padding-bottom:.5em}@media (max-width: 900px){.page-photos{flex-direction:column}}.post-header{width:100%;display:flex;justify-content:space-between}.post-link{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:var(--dark-card-bg);border:1px solid var(--dark-card-border)}.post-info{margin-bottom:2em}.post-info p:nth-child(1){margin-bottom:.25em}.post-info p:nth-child(2){color:var(--dark-text-tertiary)}.post-content p{margin-bottom:.75em}.post-img{margin:1em 0;border-radius:8px;overflow:hidden}.white-space{width:100%;height:200px}:root{font-family:Urbanist,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark-bg-color: hsl(0 0% 7.5%);--dark-text-color: hsl(0 0% 90%);--dark-text-secondary: hsl(0 0% 60%);--dark-text-tertiary: hsl(0 0% 40%);--dark-btn-bg: hsl(0 0% 12.5%);--dark-card-bg: hsl(0 0% 10%);--dark-card-border: hsl(0 0% 15%)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;background-color:var(--dark-bg-color)}img{width:100%;height:100%;object-fit:cover}.container.page-projects,.container.page-post{padding:.5em;width:50%;margin:5em auto}.container{padding:.5em}h1{color:var(--dark-text-color);font-size:16px;font-weight:500;line-height:20px}p{text-decoration:none;color:var(--dark-text-color);font-size:14px;font-weight:500;line-height:20px}a{text-decoration:none}button{width:100%;border-radius:8px;padding:1em 0;margin-top:.3em;background-color:var(--dark-btn-bg);outline:none;border:none;color:var(--dark-text-color)}@media (max-width: 900px){.container.page-projects,.container,.container.page-post{width:100%}}