:root{--text-color:#000;--border-color:#000;--background-color:#fff;--subtle-border-color:#ddd}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.container{max-width:none;margin:0 auto}.site-header{text-align:center;padding:20px 1rem;font-size:1.3rem;font-weight:600;transition:font-size .5s cubic-bezier(.22,1,.36,1)}.site-header button{position:relative}.site-header.title-small{font-size:.8rem}.site-footer{color:#555;border-top:1px solid var(--border-color);justify-content:space-between;padding:10px 1rem;font-size:.8rem;display:flex}.menu-list,.menu-item:not(:first-child),.menu-row:not(:first-child){border-top:1px solid var(--border-color)}.menu-row{display:flex}.projects-column,.captures-column{flex:50%;min-width:0;transition:flex .6s ease-out;position:relative}.captures-column{border-left:1px solid var(--border-color)}.menu-row.mode-projects .captures-column,.menu-row.mode-captures .projects-column{flex:0 200px}.menu-trigger{width:100%;height:calc(6.6rem + 40px);padding:20px 1rem;font-family:futura-pt,sans-serif;font-size:6rem;font-weight:400;line-height:1.1;transition:font-size .5s,padding .5s,height .5s;position:relative}.menu-trigger span{white-space:nowrap;transition:transform .6s ease-out,left .6s ease-out;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.menu-list.category-view-active .menu-trigger{height:calc(1.1rem + 20px);padding:10px 1rem;font-size:1rem}.menu-row.mode-projects .captures-column .menu-trigger span{left:100%;transform:translateY(-50%)translate(calc(-100% - 1rem))}.menu-content{overflow:hidden}.content-inner{border-top:1px solid var(--subtle-border-color);padding:20px 1rem}.content-inner>p{font-size:1rem;font-weight:200;line-height:1.7}.about-content-wrapper{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.about-text{flex-grow:1}.about-text p{font-size:1rem;font-weight:200;line-height:1.7}.about-text .section-title{font-weight:600}.about-text .section-item-last{margin-bottom:2em}.about-image{flex-shrink:0}.profile-image-el{object-fit:cover;border-radius:0%}.contact-inner{justify-content:space-between;align-items:center;display:flex}.contact-inner p{font-weight:200;line-height:1.7}.social-icon{width:28px;height:28px;stroke:var(--text-color);transition:stroke .3s}.social-icon:hover{stroke:#888}.project-item-large{padding:20px 0}.project-item-large:not(:first-child){border-top:1px solid var(--subtle-border-color)}.project-trigger{width:100%;padding:0;font-size:2.4rem;font-weight:400;transition:color .3s}.project-trigger:hover{color:#888}.project-detail{padding-top:.1rem}.project-detail .project-description{color:#333;margin-bottom:1rem;font-size:.9rem;font-weight:200;line-height:1.7}.image-gallery{scrollbar-width:thin;scrollbar-color:#ccc transparent;gap:15px;padding-top:5px;display:flex;overflow-x:auto}.image-gallery::-webkit-scrollbar{height:5px}.image-gallery::-webkit-scrollbar-track{background:0 0}.image-gallery::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.gallery-item{cursor:pointer;border-radius:4px;flex-shrink:0;height:500px;overflow:hidden}.gallery-image{object-fit:cover;width:auto;height:100%;transition:transform .4s}.gallery-item:hover .gallery-image{transform:scale(1.05)}.lightbox-backdrop{cursor:pointer;z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lightbox-content{cursor:default}@media (max-width:768px){.menu-trigger{height:calc(3.3rem + 40px);font-size:3rem}.menu-list.category-view-active .menu-trigger{height:calc(1.1rem + 20px);font-size:1rem}.menu-row{flex-direction:column}.captures-column{border-left:none;border-top:1px solid var(--border-color)}.menu-row.mode-projects .captures-column,.menu-row.mode-captures .projects-column{flex:auto}.menu-row.mode-projects .captures-column .menu-trigger span{left:1rem;transform:translateY(-50%)translate(0)}.about-content-wrapper{flex-direction:column-reverse;align-items:center}.about-text{text-align:center;width:100%}}