@import "https://cdn.jsdelivr.net/gh/webfontworld/black-han-sans/BlackHanSans.css";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
:root{--ink:#14121a;--ink-soft:#201d28;--ink-softer:#2b2735;--line:#3a3545;--paper:#f7f1e6;--paper-dim:#cfc9bd;--spot-vocal:#e23f8e;--spot-chorus:#8b5fbf;--spot-mix:#38c7c0;--spot-illust:#e8a33d;--spot-video:#f0653c;--spot-design:#8fc93a;--spot-lyrics:#4c7ef3;--spot-compose:#f2c438;--font-display:"Black Han Sans", "Pretendard", sans-serif;--font-body:"Pretendard", -apple-system, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);font-family:var(--font-body);margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}a{color:inherit;transition:color .3s var(--ease-soft), opacity .3s var(--ease-soft);text-decoration:none}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.01em;font-weight:400;line-height:1.15}.container{max-width:1160px;margin:0 auto;padding:0 24px}.section{padding-top:96px;padding-bottom:96px}@media (max-width:720px){.section{padding-top:56px;padding-bottom:56px}}.category-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tools-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.video-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;display:grid}.image-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:14px;padding-bottom:14px;display:flex;overflow-x:auto}.image-slider::-webkit-scrollbar{height:5px}.image-slider::-webkit-scrollbar-track{background:0 0}.image-slider::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.image-slider::-webkit-scrollbar-thumb:hover{background:var(--paper-dim)}.image-slider-item{aspect-ratio:1;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;flex:none;width:min(280px,78vw);overflow:hidden}.image-slider-item img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:720px){.category-grid{grid-template-columns:repeat(2,1fr)}.tools-grid,.video-grid{grid-template-columns:1fr}.about-values-grid{grid-template-columns:1fr!important}}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#14121ad9;position:sticky;top:0}.nav-header-inner{align-items:center;gap:24px;height:64px;display:flex}.nav-top-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.nav-links-row{flex:1;justify-content:center;gap:24px;display:flex;overflow-x:auto}@media (max-width:720px){.nav-header-inner{flex-direction:column;align-items:stretch;gap:8px;height:auto;padding-top:10px;padding-bottom:10px}.nav-top-row{width:100%}.nav-links-row{flex-wrap:wrap;justify-content:flex-start;gap:10px 18px;width:100%;overflow-x:visible}}.admin-portfolio-grid{grid-template-columns:160px 260px 1fr;gap:24px;display:grid}.admin-questions-grid{grid-template-columns:160px 1fr;gap:24px;display:grid}.self-portfolio-grid{grid-template-columns:minmax(240px,320px) 1fr;gap:24px;display:grid}.admin-category-btn{width:100%;display:block}@media (max-width:720px){.admin-portfolio-grid,.admin-questions-grid,.self-portfolio-grid{grid-template-columns:1fr;gap:20px}.admin-category-list{flex-wrap:nowrap;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-category-list p{flex-shrink:0;margin:0}.admin-category-btn{white-space:nowrap;width:auto;display:inline-block;margin-bottom:0!important}}@keyframes lightboxFade{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.lightbox-image{animation:lightboxFade .4s var(--ease)}::selection{background:var(--spot-video);color:var(--ink)}button,.btn{font-family:var(--font-body);cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--paper);outline-offset:3px}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.page-enter{animation:pageEnter .6s var(--ease) backwards}.reveal.reveal{opacity:0;translate:0 26px;transition:opacity .75s var(--ease), translate .75s var(--ease), transform .5s var(--ease), box-shadow .5s var(--ease), background .35s var(--ease-soft), border-color .35s var(--ease-soft)!important;transition-delay:var(--reveal-delay,0s)!important}.reveal.reveal.reveal-in{opacity:1;translate:none}@keyframes heroRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero-content>*{animation:heroRise .9s var(--ease) backwards}.hero-content>:nth-child(2){animation-delay:.1s}.hero-content>:nth-child(3){animation-delay:.2s}.hero-content>:nth-child(4){animation-delay:.3s}.category-grid>a,.tools-grid>a,.tools-grid>div,.video-grid>a,.video-grid>div{transition:transform .5s var(--ease), box-shadow .5s var(--ease), background .35s var(--ease-soft), border-color .35s var(--ease-soft)!important}.category-grid>a:hover,.tools-grid>a:hover{transform:translateY(-5px);box-shadow:0 16px 32px -14px #0009}.video-grid>div:hover,.video-grid>a:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px #0009}.member-nav-item>:first-child{transition:transform .45s var(--ease), filter .3s}.member-nav-item:hover>:first-child{filter:brightness(1.08);transform:translateY(-4px)scale(1.07)}.member-nav-item a{transition:color .3s var(--ease-soft), opacity .3s}.member-nav-item:hover a span{color:var(--paper)}.member-section{transition:border-color .4s var(--ease-soft), box-shadow .5s var(--ease)!important}.member-section:hover{box-shadow:0 22px 44px -24px #000000bf;border-color:#564f66!important}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.lightbox-overlay{animation:overlayFade .3s var(--ease-soft)}.image-slider-item{transition:transform .45s var(--ease), border-color .3s, box-shadow .45s var(--ease)!important}.image-slider-item:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px #000000b3}.video-grid button img{transition:transform .8s var(--ease)}.video-grid button:hover img{transform:scale(1.05)}.video-grid button span{transition:transform .4s var(--ease)}.video-grid button:hover span{transform:scale(1.12)}.image-slider{scroll-behavior:smooth}.image-slider-item img{transition:transform .7s var(--ease)}.image-slider-item:hover img{transform:scale(1.05)}.nav-links-row a,.nav-links-row button{transition:color .3s var(--ease-soft), border-color .3s var(--ease-soft), opacity .3s}.nav-links-row a:hover,.nav-links-row button:hover{color:var(--paper)!important}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:none}}.nav-dropdown{animation:dropIn .28s var(--ease) both;transform-origin:0 0}.nav-dropdown a{transition:background .2s var(--ease-soft), transform .25s var(--ease), color .2s}.nav-dropdown a:hover{background:var(--ink-softer);transform:translate(3px)}.cta-pill,.hero-content a{transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .3s var(--ease-soft), border-color .3s var(--ease-soft), color .3s var(--ease-soft), filter .3s!important}.cta-pill:hover,.hero-content a:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 10px 22px -10px #0009}.cta-pill:active,.hero-content a:active,button:not(:disabled):active{transform:scale(.97)}button{transition:transform .2s var(--ease), background .25s var(--ease-soft), border-color .25s var(--ease-soft), color .25s var(--ease-soft), opacity .25s}@keyframes fabIn{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:none}}.scroll-top-btn{animation:fabIn .35s var(--ease) both;transition:transform .3s var(--ease), background .25s!important}.scroll-top-btn:hover{transform:translateY(-3px);background:var(--ink-softer)!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}.reveal{opacity:1!important;translate:none!important}}