@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--bg-color:#fff;--text-color:#000;--menu-hover:#333;--dim-color:#0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-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;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.splash-container{background-color:var(--bg-color);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.splash-text{color:var(--text-color);letter-spacing:-.02em;opacity:0;font-size:4rem;font-weight:700;animation:2.5s ease-in-out forwards fade-in-out}@keyframes fade-in-out{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.layout-container{width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.layout-margin{background-color:var(--bg-color);z-index:1;flex:0 0 16.66%;transition:margin .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);position:relative}.layout-margin.right-margin.slide-out{margin-right:-16.66%;transform:translate(100%)}.layout-content{z-index:10;flex:1;transition:flex-basis .6s cubic-bezier(.16,1,.3,1);position:relative}.nav-menu{flex-direction:column;gap:20px;display:flex;position:fixed;top:50px;left:3%}.nav-item{color:var(--text-color);letter-spacing:.05em;text-transform:lowercase;font-size:18px;font-weight:500;transition:color}.nav-item:hover{color:var(--menu-hover)}.mobile-menu-trigger{z-index:200;text-transform:lowercase;cursor:pointer;text-align:left;background:0 0;border:none;padding:10px 0;font-size:20px;font-weight:500;display:none;position:fixed;top:20px;left:20px}.mobile-overlay{display:none}@media (width<=1199px){.nav-item{font-size:16px}}@media (width<=767px){.layout-margin.left-margin{z-index:100;background-color:var(--bg-color);width:60%;max-width:300px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.layout-margin.left-margin.mobile-open{transform:translate(0)}.nav-menu{top:80px;left:20px}.nav-item{font-size:16px}.mobile-menu-trigger{display:block}.mobile-overlay{z-index:90;background:#0000004d;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.layout-margin.right-margin{display:none}}.home-container{width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.scroll-column{z-index:1;flex:1;height:100vh;transition:z-index;position:relative;overflow:visible}.scroll-column:has(.hover-zoom){z-index:20}.scroll-track{flex-direction:column;width:100%;display:flex}.scroll-up .scroll-track{animation:scrollUp var(--scroll-duration,100s) linear infinite}.scroll-down .scroll-track{animation:scrollDown var(--scroll-duration,100s) linear infinite;transform:translateY(-50%)}.scroll-column.paused .scroll-track{animation-play-state:paused}.scroll-item{cursor:pointer;z-index:1;width:100%;transition:transform .3s ease-out,border-radius .3s ease-out,z-index;display:flex;position:relative}.scroll-item img{object-fit:cover;border-radius:inherit;width:100%;height:auto;display:block}.scroll-item.hover-zoom{z-index:10;border-radius:20px;transition:transform .6s cubic-bezier(.34,1.56,.64,1),border-radius .6s cubic-bezier(.34,1.56,.64,1),z-index;transform:scale(1.15)}.dim-overlay{background-color:var(--dim-color);pointer-events:none;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media (width<=767px){.hide-on-mobile{display:none}}.work-container{width:100%;height:100vh;padding:50px 0;overflow-y:auto}.work-grid{grid-template-columns:repeat(5,1fr);gap:25px;width:100%;padding-right:3%;display:grid}.work-item{cursor:pointer;flex-direction:column;gap:15px;display:flex}.work-image-container{width:100%}.work-image-container img{object-fit:cover;width:100%;height:auto;transition:opacity .2s;display:block}.work-item:hover .work-image-container img{opacity:.8}.work-info{flex-direction:column;display:flex}.work-title{color:var(--text-color);letter-spacing:-.02em;font-size:17px;line-height:1.7}.work-meta{color:var(--text-color);letter-spacing:-.02em;font-size:15px;line-height:1.7}@media (width<=1199px){.work-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=767px){.work-grid{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.work-title{font-size:16px}.work-meta{font-size:14px}}.cart-overlay{z-index:1000;background:#0006;width:100vw;height:100vh;animation:.3s fadeIn;position:fixed;top:0;left:0}.cart-drawer{background-color:var(--bg-color);z-index:1001;flex-direction:column;width:400px;max-width:90vw;height:100vh;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.cart-header{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.cart-header h2{letter-spacing:-.02em;font-size:24px;font-weight:600}.cart-close{text-transform:lowercase;font-size:16px}.cart-close:hover{color:var(--menu-hover)}.cart-items{flex:1;overflow-y:auto}.cart-item{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px}.cart-item-title{margin-bottom:5px;font-size:17px;display:block}.cart-item-price{color:#555;font-size:15px}.cart-checkout-btn{background-color:var(--text-color);width:100%;color:var(--bg-color);padding:20px;font-size:18px;font-weight:500;transition:background-color .2s}.cart-checkout-btn:hover{background-color:var(--menu-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-container{width:100%;min-height:100vh;padding:80px 5% 100px}.detail-content-wrapper{flex-direction:column;align-items:flex-start;max-width:800px;margin:0 auto;display:flex}.back-button{text-transform:lowercase;margin-bottom:40px;font-size:18px;font-weight:500}.back-button:hover{color:var(--menu-hover)}.detail-image-wrapper{width:100%;margin-bottom:40px}.detail-image{object-fit:contain;width:auto;max-width:100%;height:550px;display:block}@media (width<=1199px){.detail-image{height:450px}}@media (width<=767px){.detail-image{height:350px}}.detail-basic-info{margin-bottom:30px}.detail-title{letter-spacing:-.03em;margin-bottom:10px;font-size:2rem;font-weight:700}.detail-meta{color:#555;font-size:1.2rem}.detail-description{letter-spacing:-.04em;width:100%;color:var(--text-color);word-break:keep-all;margin-bottom:60px;font-size:1.1rem;line-height:1.8}.detail-actions{gap:20px;display:flex}.purchase-button,.cart-button{border:1px solid var(--text-color);letter-spacing:-.02em;padding:15px 40px;font-size:16px;font-weight:600;transition:all .2s}.purchase-button{background-color:var(--text-color);color:var(--bg-color)}.purchase-button:hover{background-color:var(--menu-hover);border-color:var(--menu-hover)}.cart-button{color:var(--text-color);background-color:#0000}.cart-button:hover{background-color:#f5f5f5}.about-container{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 5% 100px;display:flex}.about-content{text-align:center;max-width:800px}.about-title{letter-spacing:-.04em;margin-bottom:40px;font-size:3rem;font-weight:700}.about-statement{letter-spacing:-.03em;color:var(--text-color);margin-bottom:60px;font-family:serif;font-size:1.8rem;line-height:1.6}.about-details{letter-spacing:-.02em;color:#333;font-size:15px;line-height:1.8}.contact-container{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 5% 100px;display:flex}.contact-content{text-align:center}.contact-title{text-transform:uppercase;letter-spacing:.1em;color:#777;margin-bottom:40px;font-size:15px}.contact-links{flex-direction:column;gap:20px;display:flex}.contact-link{letter-spacing:-.04em;color:var(--text-color);font-size:3rem;font-weight:700;transition:color .2s}.contact-link:hover{color:var(--menu-hover)}@media (width<=767px){.contact-link{font-size:2rem}}.checkout-container{width:100%;min-height:100vh;padding:80px 5% 100px}.checkout-content{flex-direction:column;max-width:600px;margin:0 auto;display:flex}.checkout-title{letter-spacing:-.03em;margin-bottom:40px;font-size:2rem;font-weight:700}.checkout-form{flex-direction:column;gap:30px;display:flex}.form-group{flex-direction:column;gap:10px;display:flex}.form-group label{letter-spacing:-.02em;font-size:15px;font-weight:600}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:0;outline:none;padding:15px;font-family:inherit;font-size:15px}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus{border-color:var(--text-color)}.checkout-summary{border-top:2px solid var(--text-color);flex-direction:column;gap:15px;margin-top:20px;padding-top:20px;display:flex}.summary-row{justify-content:space-between;font-size:15px;display:flex}.summary-row.total{margin-top:10px;font-size:18px;font-weight:700}.pay-button{background-color:var(--text-color);color:var(--bg-color);letter-spacing:-.02em;margin-top:20px;padding:20px;font-size:18px;font-weight:700;transition:background-color .2s}.pay-button:hover{background-color:var(--menu-hover)}
