:root{color-scheme:light;--paper: #f7f6f2;--ink: #131311;--mute: #6f6b63;--line: #e4e1d8;--accent: #2b3a8f;--card-1: #dde3e0;--card-2: #dad9e8;--card-3: #e9dcd3;--card-4: #d8e0e4;--card-5: #e4ded0;--ease: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--radius: 14px;--font-display: "Fredoka", "Arial Rounded MT Bold", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body: "Nunito Sans", -apple-system, "Segoe UI", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper: #111113;--ink: #f2f0e9;--mute: #a29e93;--line: #2b2b2d;--accent: #8b98ff}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);transition:background .3s ease,color .3s ease}img,svg{max-width:100%}a{color:inherit}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.2rem;min-height:44px;background:var(--ink);color:var(--paper);transition:opacity .15s ease,transform .15s ease}button:hover{opacity:.85}button:active{transform:scale(.98)}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}button.danger{background:transparent;color:#c0392b;border:1px solid #c0392b}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font:inherit;background:transparent;border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;min-height:44px;color:var(--ink);width:100%}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--ink);color:var(--paper)}.container{max-width:1240px;margin:0 auto;padding:0 40px}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}main{flex:1;width:100%}.topbar{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid transparent;transition:border-color .25s ease}.topbar.scrolled{border-bottom-color:var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1rem;padding-bottom:1rem}.brand{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-display);font-weight:600;font-size:1.2rem;text-transform:uppercase;letter-spacing:0;text-decoration:none;color:var(--ink)}.nav-links{display:flex;gap:2rem;flex:1;justify-content:center}.nav-link{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:.95rem;font-weight:600;text-decoration:none;color:var(--ink)}.nav-link:after{content:"";position:absolute;left:0;bottom:10px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav-link:hover:after{transform:scaleX(1)}.topbar-email{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;color:var(--mute);text-decoration:none;transition:color .25s ease}.topbar-email:hover{color:var(--accent)}.banner{background:var(--card-3);color:#131311;padding:.7rem 40px;font-size:.85rem;text-align:center}.content-pending .topbar,.content-pending .hero{opacity:0;transform:translateY(14px)}.content-in .topbar{opacity:1;transform:none;transition:opacity .8s var(--ease-soft),transform .8s var(--ease-soft);transition-delay:.05s}.content-in .hero{opacity:1;transform:none;transition:opacity .8s var(--ease-soft),transform .8s var(--ease-soft);transition-delay:.16s}@keyframes markIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes markOut{0%{opacity:1}to{opacity:0}}@keyframes loaderFade{0%{opacity:1}to{opacity:0}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}.loader-exit{animation:loaderFade 1.2s var(--ease-soft) both}.loader-mark{font-family:var(--font-display);font-weight:600;font-size:clamp(2.2rem,7vw,6.5rem);line-height:1;text-transform:uppercase;color:var(--ink);animation:markIn 1.2s var(--ease-soft) both}.loader-exit .loader-mark{animation:markOut 1.2s var(--ease-soft) both}.hero{padding:3.5rem 0 4.5rem}.hero-tagline{font-family:var(--font-display);font-weight:500;font-size:clamp(1.8rem,5vw,3.6rem);line-height:1.12;margin:0 0 1.5rem;letter-spacing:-.01em}.hero-tagline span{display:block}.hero-desc{color:var(--mute);font-size:1rem;line-height:1.65;max-width:34rem;margin:0}.empty-state{color:var(--mute);padding:3rem 0}.empty-box{border:1px dashed var(--line);border-radius:4px;padding:4rem 1.5rem;margin-bottom:5rem;text-align:center}.empty-box p{margin:0 0 1.25rem;color:var(--mute)}.empty-box-cta{display:inline-flex;align-items:center;min-height:44px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:0 1.3rem;border-radius:8px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .25s ease,color .25s ease}.empty-box-cta:hover{background:transparent;color:var(--ink)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{aspect-ratio:4 / 5;border-radius:4px;background:linear-gradient(90deg,var(--line) 0%,var(--paper) 50%,var(--line) 100%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.skeleton.short{aspect-ratio:4 / 3.1}#work{scroll-margin-top:72px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;padding-bottom:5rem}.gallery-col{display:flex;flex-direction:column;gap:64px;min-width:0}.gallery-col.offset{margin-top:96px}@keyframes revealUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.gallery-item{position:relative;display:block;text-decoration:none;color:var(--ink);border-radius:4px;overflow:hidden;aspect-ratio:4 / 5;background:var(--card-1);opacity:0}.gallery-item.short{aspect-ratio:4 / 3.1}.gallery-item.in{animation:revealUp .7s var(--ease) both}.gallery-item-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.gallery-item-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .6s var(--ease)}.gallery-item:hover .gallery-item-img,.gallery-item:hover .wireframe{transform:scale(1.035)}.wireframe{width:100%;height:100%;display:block;transform:scale(1);transition:transform .6s var(--ease)}.gallery-item-chip{position:absolute;right:14px;bottom:14px;background:#f7f6f2e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:.55rem .85rem;max-width:calc(100% - 28px)}@media(prefers-color-scheme:dark){.gallery-item-chip{background:#111113c7}}.gallery-item-chip-category{display:block;font-size:.78rem;color:var(--mute);margin-bottom:.1rem}.gallery-item-chip-name{display:block;font-size:.95rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:860px){.container,.banner{padding-left:22px;padding-right:22px}.nav-links{display:none}.gallery{grid-template-columns:1fr;gap:40px}.gallery-col{gap:40px}.gallery-col.offset{margin-top:0}}@media(max-width:480px){.topbar-inner{gap:.75rem}.topbar-email{font-size:.8rem}.hero{padding:2.5rem 0 3rem}}.footer{border-top:1px solid var(--line);padding:1.5rem 0 2.5rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;color:var(--mute)}.footer-right{display:inline-flex;align-items:center;gap:1.25rem}.footer-admin{display:inline-flex;align-items:center;min-height:44px;font-size:.78rem;color:var(--mute);text-decoration:none;opacity:.7;transition:opacity .2s ease,color .2s ease}.footer-admin:hover{opacity:1;color:var(--ink)}@keyframes overlayIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--paper);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:overlayIn .45s var(--ease) both}.overlay:focus{outline:none}.overlay-header{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line);padding:.6rem 0}.overlay-back{background:none;border:none;padding:0 .5rem 0 0;min-width:44px;min-height:44px;color:var(--ink);font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.overlay-back:hover{opacity:.7}.overlay-body{padding:3rem 0 5rem}.overlay-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.8rem,5vw,3rem);letter-spacing:-.01em;margin:0 0 1.25rem;max-width:44rem}.overlay-desc{color:var(--mute);font-size:1.05rem;line-height:1.7;max-width:42rem;white-space:pre-wrap;margin:0 0 2rem}.overlay-visit{display:inline-flex;align-items:center;min-height:44px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:0 1.4rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .25s ease,color .25s ease;margin-bottom:3rem}.overlay-visit:hover{background:transparent;color:var(--ink)}.overlay-hero-img{width:100%;height:auto;border-radius:4px;display:block;margin-bottom:1.25rem;background:var(--card-1)}.overlay-frame{width:100%;aspect-ratio:16 / 10;border-radius:4px;display:block;margin-bottom:1.25rem;background:var(--card-1);overflow:hidden}.overlay-frame svg{width:100%;height:100%;display:block}.overlay-secondary{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.overlay-secondary{align-items:start}.overlay-secondary img{width:100%;height:auto;border-radius:4px;display:block;background:var(--card-2)}.overlay-secondary .overlay-frame{aspect-ratio:4 / 3.1;margin:0;background:var(--card-2)}@media(max-width:860px){.overlay-secondary{grid-template-columns:1fr}}.admin-login{max-width:320px;margin:4rem auto;text-align:center}.admin-login form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.error-text{color:#c0392b;font-size:.85rem}.admin-page{padding:2.5rem 0 3rem}.admin-page .overlay-back{display:inline-flex;margin-bottom:1.5rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-header h2,.admin-page h2{font-family:var(--font-display);font-weight:600}.site-form{display:flex;flex-direction:column;gap:.9rem;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin:1rem 0}.site-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--mute)}.form-actions{display:flex;gap:.6rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.admin-list{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.75rem}.admin-list-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem}.admin-list-item.editing{display:block}.admin-list-main{display:flex;flex:1 1 220px;gap:1rem;align-items:flex-start;min-width:0}.admin-list-thumb{width:64px;height:80px;flex-shrink:0;border-radius:4px;object-fit:contain;background:var(--card-1);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;color:#13131159}.admin-list-category{font-size:.78rem;color:var(--mute);margin-left:.5rem;font-weight:400}.admin-list-item strong{display:block;margin-bottom:.25rem}.admin-list-item p{margin:0 0 .35rem;color:var(--mute);font-size:.88rem}.admin-list-item a{font-size:.8rem;color:var(--accent);word-break:break-all}.admin-list-actions{display:flex;gap:.5rem;flex-shrink:0}.image-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.image-field-label{font-size:.85rem;color:var(--mute)}.image-field-box{display:flex;flex-direction:column;align-items:stretch;gap:.7rem;border:1px dashed var(--line);border-radius:8px;padding:.9rem;transition:border-color .2s ease}.image-field-box.dragging{border-color:var(--accent)}.image-field-preview{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:6px;display:block}.image-field-actions{display:flex;gap:.5rem;flex-wrap:wrap}.image-field-warning{display:flex;flex-direction:column;gap:.6rem;font-size:.85rem;color:var(--ink)}.image-field-warning p{margin:0;line-height:1.5}.image-field-hint{font-size:.78rem;color:var(--mute);line-height:1.5}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton{animation:none}}