:root{--text-color:#000;--border-color:#000;--background-color:#fff;--subtle-border-color:#ddd}*{margin:0;padding:0;box-sizing:border-box}body{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;color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.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-footer,.site-header.title-small{font-size:.8rem}.site-footer{display:flex;justify-content:space-between;padding:10px 1rem;color:#555}.menu-item:not(:first-child),.menu-list,.menu-row:not(:first-child),.site-footer{border-top:1px solid var(--border-color)}.menu-row{display:flex}.captures-column,.projects-column{flex:1 1 50%;position:relative;transition:flex .6s ease-out;min-width:0}.captures-column{border-left:1px solid var(--border-color)}.menu-row.mode-captures .projects-column,.menu-row.mode-projects .captures-column{flex:0 1 200px}.menu-trigger{width:100%;padding:20px 1rem;font-size:6rem;font-family:futura-pt,sans-serif;font-weight:400;line-height:1.1;position:relative;height:calc(6rem * 1.1 + 40px);transition:font-size .5s ease,padding .5s ease,height .5s ease}.menu-trigger span{position:absolute;left:1rem;top:50%;transform:translateY(-50%);transition:transform .6s ease-out,left .6s ease-out;white-space:nowrap}.menu-list.category-view-active .menu-trigger{font-size:1rem;padding:10px 1rem;height:calc(1rem * 1.1 + 20px)}.menu-row.mode-projects .captures-column .menu-trigger span{left:100%;transform:translateY(-50%) translateX(calc(-100% - 1rem))}.menu-content{overflow:hidden}.content-inner{padding:20px 1rem;border-top:1px solid var(--subtle-border-color)}.content-inner>p{font-size:1rem;font-weight:200;line-height:1.7}.about-content-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.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{border-radius:0;object-fit:cover}.contact-inner{display:flex;justify-content:space-between;align-items:center}.contact-inner p{font-weight:200;line-height:1.7}.social-icon{width:28px;height:28px;stroke:var(--text-color);transition:stroke .3s ease}.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.7rem;font-weight:400;transition:color .3s ease}.project-trigger:hover{color:#888}.project-detail{padding-top:.1rem}.project-detail .project-description{margin-bottom:1rem;color:#333;font-size:.9rem;font-weight:200;line-height:1.7}.image-gallery{padding-top:5px;display:flex;overflow-x:auto;gap:15px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.image-gallery::-webkit-scrollbar{height:5px}.image-gallery::-webkit-scrollbar-track{background:transparent}.image-gallery::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.gallery-item{cursor:pointer;flex-shrink:0;height:500px;border-radius:4px;overflow:hidden}.gallery-image{width:auto;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}.lightbox-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000}.lightbox-content{cursor:default}@media (max-width:768px){.menu-trigger{font-size:3rem;height:calc(3rem * 1.1 + 40px)}.menu-list.category-view-active .menu-trigger{font-size:1rem;height:calc(1rem * 1.1 + 20px)}.menu-row{flex-direction:column}.captures-column{border-left:none;border-top:1px solid var(--border-color)}.menu-row.mode-captures .projects-column,.menu-row.mode-projects .captures-column{flex:1 1 auto}.menu-row.mode-projects .captures-column .menu-trigger span{left:1rem;transform:translateY(-50%) translateX(0)}.about-content-wrapper{flex-direction:column-reverse;align-items:center}.about-text{width:100%;text-align:center}}