/* Home portfolio — single current stylesheet */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-width:320px;font-family:'DM Sans',Arial,sans-serif}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}
img,video{display:block}
h1,h2,h3,p,figure{margin:0}
.skip{position:fixed;z-index:2147483647;left:20px;top:-100px;padding:12px;background:#9d8cff;color:#0a0a0c}
.skip:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cursor-follower{display:none}

/* Base layout */
:root{--v2-muted:#9b9b93;--v2-accent:#9d8cff;--v2-bg:#0a0a0c;--v2-panel:#121216;--v2-paper:#f4f1ea;--v2-line:rgba(244,241,234,.14);--v2-deep-purple:#4b2bb8}
body{background:var(--v2-bg)!important;color:var(--v2-paper)!important}
.editor-site-v2{display:block!important;color:var(--v2-paper);overflow:hidden}
.editor-site-v2 *{box-sizing:border-box}
.editor-site-v2 a{color:inherit}
.v2-kicker{font:600 11px/1.2 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--v2-accent);margin:0}

.v2-header{position:absolute;z-index:2;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(243,240,232,.18)}
.v2-header nav{margin-left:10vw}
.v2-header nav a{text-transform:uppercase;text-decoration:none}

.v2-section-head h2 em,.v2-contact h2 em{font-style:italic}

.v2-work{border-top:1px solid rgba(243,240,232,.14)}
.v2-section-head{justify-content:space-between;align-items:flex-end}
.v2-section-head h2{font:400 clamp(4rem,10vw,10rem)/.78 'Instrument Serif',serif;letter-spacing:-.055em;margin:18px 0 0}
.v2-section-head>p{font:400 14px/1.65 'DM Sans',sans-serif;color:rgba(243,240,232,.58)}
.v2-work-grid{display:grid}
.v2-work-card{min-height:500px;position:relative;overflow:hidden;background:#222;border-radius:5px;display:flex;align-items:flex-end;padding:26px}
.v2-work-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(10,12,12,.9))}
.v2-work-card video,.v2-work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.v2-work-card:hover video,.v2-work-card:hover img{transform:scale(1.06)}
.v2-work-card>div{position:relative;z-index:1}
.v2-work-card span,.v2-work-card p{font:10px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--v2-accent)}
.v2-work-card h3{font:400 clamp(2.7rem,4vw,5rem)/.82 'Instrument Serif',serif;letter-spacing:-.03em;margin:16px 0}
.v2-work-card p{font-size:11px;letter-spacing:.04em;text-transform:none;color:rgba(243,240,232,.62);margin:0}
.v2-contact h2{font:400 clamp(5rem,12vw,13rem)/.78 'Instrument Serif',serif;letter-spacing:-.06em;margin:25px 0 65px}
.v2-contact>a{font:500 clamp(1rem,2vw,1.5rem) 'DM Sans';text-decoration:none;border-bottom:1px solid rgba(243,240,232,.45);padding-bottom:11px}
.v2-contact>a span{color:var(--v2-accent);font-size:22px;margin-left:12px}
.v2-footer{justify-content:space-between;border-top:1px solid rgba(243,240,232,.16);color:rgba(243,240,232,.48);font:10px 'DM Sans';letter-spacing:.13em}
.v2-footer a{text-decoration:none}
.editor-site-v2 [data-reveal]{opacity:0;transform:translateY(35px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.editor-site-v2 [data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:760px){

.v2-work{padding:90px 1.25rem 110px}
.v2-section-head{display:block}
.v2-section-head>p{text-align:left;margin-top:25px}
.v2-work-grid{grid-template-columns:1fr}
.v2-work-card{min-height:410px}
.v2-contact{padding:100px 1.25rem}
.v2-contact h2{font-size:clamp(4.6rem,18vw,7rem);margin-bottom:48px}
.v2-footer{padding:20px 1.25rem;gap:18px;flex-wrap:wrap}
.v2-footer span:last-of-type{display:none}
}

/* Responsive layout */

.v2-header{transition:background .3s,border-color .3s}
.v2-header nav a{transition:background .25s,color .25s,transform .25s}

.v2-about-body,.v2-about-lede{font-family:'Noto Sans KR','DM Sans',sans-serif;word-break:keep-all}

.v2-about-me{gap:9vw}
.v2-about-lede{font-size:clamp(18px,2vw,28px);line-height:1.55;letter-spacing:-.04em;margin:0 0 28px}
.v2-about-body{max-width:570px;font-size:15px;line-height:2;color:rgba(245,243,236,.62)}
.home-page .cursor-follower{display:flex!important;background:var(--v2-accent);color:#131612;mix-blend-mode:normal;border:1px solid rgba(255,255,255,.4);box-shadow:0 0 0 5px rgba(216,255,79,.12),0 8px 20px rgba(0,0,0,.22)}
.home-page .cursor-follower.is-active{width:82px;height:82px;background:var(--v2-accent)}
.home-page .cursor-follower span{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.home-page .cursor-follower.is-grab{background:#fff;color:#121513}
.home-page .cursor-follower.is-grab span{background:transparent;color:#121513}

@media(max-width:760px){
.v2-header{left:1rem;right:1rem;top:12px;width:auto;min-width:0;transform:none;padding:10px 12px}
.v2-header nav{display:none}
.v2-about-me{display:block}
}

@media(pointer:coarse){.home-page .cursor-follower{display:none!important}
}

/* About and cursor */
/* Final editorial polish: centered profile story and a clean modern cursor. */
.v2-about-me{min-height:100svh;display:grid!important;color:#f5f3ec!important;border-top:1px solid rgba(245,243,236,.1);position:relative;overflow:hidden}

.v2-about-me::before{content:'';position:absolute;width:52vw;height:52vw;left:-24vw;top:-26vw;border-radius:50%;pointer-events:none}

.v2-about-card{padding:clamp(3.5rem,7vw,7rem) clamp(1.5rem,6vw,6rem);position:relative}

.v2-about-card h2{margin:2rem auto 2.4rem;max-width:960px;font:400 clamp(3.4rem,7.2vw,7.8rem)/.84 'Instrument Serif',serif;letter-spacing:-.055em;white-space:normal}

.v2-about-card h2 em{font-style:italic}

.v2-about-card .v2-about-lede{margin:0 auto 1.6rem;font:500 clamp(1.05rem,1.65vw,1.45rem)/1.75 'Noto Sans KR',sans-serif;word-break:keep-all}

.v2-about-card .v2-about-body{margin:0 auto;font:400 15px/2 'Noto Sans KR',sans-serif;color:rgba(245,243,236,.58);word-break:keep-all}

.v2-about-stats{display:grid;border-top:1px solid rgba(245,243,236,.16);border-bottom:1px solid rgba(245,243,236,.16)}
.v2-about-stats>div+div{border-left:1px solid rgba(245,243,236,.16)}

.v2-about-stats strong{display:block;font:400 clamp(3.2rem,5vw,5.4rem)/.85 'Instrument Serif',serif}
.v2-about-stats span{display:block;margin-top:.8rem;font:600 10px/1 'DM Sans',sans-serif;letter-spacing:.16em}

.v2-about-roles{margin:1.2rem auto 0;display:grid;text-align:left}

.v2-about-roles article{min-width:0}

.v2-about-roles span{font:600 10px/1 'DM Sans',sans-serif;letter-spacing:.14em}
.v2-about-roles h3{margin:1.5rem 0 .8rem;font:500 clamp(1.4rem,2vw,2rem)/1 'DM Sans',sans-serif}
.v2-about-roles p{margin:0;font:400 14px/1.8 'Noto Sans KR',sans-serif;color:rgba(245,243,236,.58);word-break:keep-all}

@media(pointer:fine){
  .home-page .cursor-follower,.home-page .cursor-follower.is-active,.home-page .cursor-follower.is-hand,.home-page .cursor-follower.is-grab{display:block!important;width:9px!important;height:9px!important;border:0!important;border-radius:50%!important;clip-path:none!important;color:#f5f3ec!important;transition:width .18s,height .18s,background .18s,opacity .18s,box-shadow .18s!important}

  .home-page .cursor-follower::before,.home-page .cursor-follower.is-hand::before,.home-page .cursor-follower.is-grab::before{content:''!important;position:absolute!important;inset:-7px!important;width:auto!important;height:auto!important;border:1px solid rgba(216,255,79,.55)!important;border-radius:50%!important;background:none!important;background-image:none!important;box-shadow:none!important;transform:none!important;clip-path:none!important}

  .home-page .cursor-follower span,.home-page .cursor-follower.is-hand span,.home-page .cursor-follower.is-grab span{position:absolute!important;display:none!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important;width:max-content!important;padding:7px 10px!important;border:1px solid rgba(245,243,236,.18)!important;border-radius:999px!important;background:rgba(10,12,11,.82)!important;color:#f5f3ec!important;box-shadow:0 8px 24px rgba(0,0,0,.25)!important;backdrop-filter:blur(12px);font:600 9px/1 'DM Sans',sans-serif!important;letter-spacing:.13em!important;opacity:0!important}

  .home-page .cursor-follower.is-active span{display:block!important;opacity:1!important}

}

@media(max-width:760px){.v2-about-me{padding:5rem .5rem!important}
.v2-about-card{padding:4rem 1.15rem;border-radius:22px}
.v2-about-card h2{font-size:clamp(2.75rem,12vw,4.4rem);line-height:.9}
.v2-about-card .v2-about-lede,.v2-about-card .v2-about-body{text-align:left}
.v2-about-card .v2-about-lede{font-size:1rem;line-height:1.75}
.v2-about-card .v2-about-body{font-size:13px;line-height:1.9}
.v2-about-card .v2-about-lede br,.v2-about-roles p br{display:none}
.v2-about-stats{margin-top:3.5rem}
.v2-about-stats>div{padding:1.3rem .45rem}
.v2-about-roles{grid-template-columns:1fr}
.v2-about-roles article{padding:1.4rem}
}

/* Unified palette */
/* One visual system for the public V2 portfolio. */

body,.editor-site-v2{background:var(--v2-bg)!important;color:var(--v2-paper)!important}

::selection{background:var(--v2-accent);color:#0a0a0c}

.v2-header{left:50%;right:auto;top:24px;width:max-content;min-width:0;transform:translateX(-50%);padding:6px;border:1px solid rgba(244,241,234,.18);border-radius:999px;background:rgba(8,8,10,.72);box-shadow:0 12px 38px rgba(0,0,0,.28);backdrop-filter:blur(18px)}

.v2-header:hover{background:rgba(8,8,10,.88);border-color:rgba(157,140,255,.48)}

.v2-header nav{display:flex!important;gap:3px!important;margin:0!important}

.v2-header nav a{min-width:92px;padding:11px 16px;text-align:center;border-radius:999px;color:rgba(244,241,234,.68);font:500 10px/1 'DM Sans',sans-serif;letter-spacing:.14em}

.v2-header nav a:hover{background:var(--v2-accent);color:#0a0a0c;transform:none}

.v2-kicker,.v2-work-card span,.v2-work-card p,.v2-contact>a span{color:var(--v2-accent)!important}

.v2-section-head h2 em,.v2-contact h2 em{color:var(--v2-accent)!important}

.v2-work{padding:120px 5vw 150px}

.v2-section-head{display:block;text-align:center}

.v2-section-head>p{margin:30px auto 0;text-align:center}

.v2-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1440px;margin:0 auto}

.v2-work-card,.v2-work-card.v2-work-feature{width:100%;min-height:560px;border:1px solid var(--v2-line);border-radius:24px;padding:28px;background:var(--v2-panel)}

.v2-work-card:hover{border-color:rgba(157,140,255,.56)}

.v2-about-me{padding:120px 1rem!important;background:var(--v2-bg)!important}

.v2-about-me::before{background:radial-gradient(circle,rgba(157,140,255,.12),transparent 68%)}

.v2-about-card{width:min(1180px,100%);border-color:var(--v2-line);border-radius:24px}

.v2-about-card .v2-kicker,.v2-about-card h2 em,.v2-about-stats span,.v2-about-roles span{color:var(--v2-accent)!important}

.v2-about-stats{grid-template-columns:repeat(3,minmax(0,1fr))}

.v2-about-stats>div{display:flex;min-height:132px;flex-direction:column;align-items:center;justify-content:center;padding:22px}

.v2-about-stats>div+div{border-left-color:var(--v2-line)}

.v2-about-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

.v2-about-roles article{display:flex;min-height:220px;flex-direction:column;justify-content:flex-start;padding:28px;border:1px solid var(--v2-line);border-radius:24px;background:#0e0e12}

.v2-about-roles article:hover{transform:translateY(-4px);border-color:rgba(157,140,255,.55);background:rgba(157,140,255,.04)}

.v2-about-roles p{max-width:100%}

.v2-contact{background:var(--v2-bg)}

.v2-contact h2{margin-left:auto;margin-right:auto}

.v2-footer{border-top-color:var(--v2-line)}

@media(pointer:fine){
 .home-page .cursor-follower,.home-page .cursor-follower.is-active,.home-page .cursor-follower.is-hand,.home-page .cursor-follower.is-grab{background:var(--v2-accent)!important;box-shadow:0 0 0 5px rgba(157,140,255,.15)!important}

 .home-page .cursor-follower::before,.home-page .cursor-follower.is-hand::before,.home-page .cursor-follower.is-grab::before{border-color:rgba(157,140,255,.58)!important}

}

@media(max-width:900px){.v2-header nav a{min-width:78px;padding-inline:12px}
.v2-work-grid{grid-template-columns:1fr}
.v2-work-card,.v2-work-card.v2-work-feature{min-height:520px}
.v2-about-roles{grid-template-columns:1fr}
.v2-about-roles article{min-height:0}
}

@media(max-width:560px){
.v2-header{top:16px}
.v2-header nav a{min-width:0;padding:10px 12px;font-size:9px}
.v2-work{padding-inline:1rem}
.v2-work-card,.v2-work-card.v2-work-feature{min-height:430px;border-radius:18px}
.v2-about-card{border-radius:18px}
.v2-about-roles article{border-radius:18px}
}

/* Unified scrollbar, alignment, glass surfaces, and restored utility actions. */
html{scrollbar-color:var(--v2-accent) #09090b;scrollbar-width:thin}

html::-webkit-scrollbar{width:10px}

html::-webkit-scrollbar-track{background:#09090b}

html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b9adff,var(--v2-accent));border:2px solid #09090b;border-radius:999px}

html::-webkit-scrollbar-thumb:hover{background:#c9c0ff}

.v2-header,.v2-work-card,.v2-about-card,.v2-about-roles article,.v2-copy-email{background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 50px rgba(0,0,0,.18)}

.v2-about-card{text-align:center!important}
.v2-about-card .v2-kicker,.v2-about-card h2,.v2-about-card .v2-about-lede,.v2-about-card .v2-about-body{text-align:center!important;margin-left:auto!important;margin-right:auto!important}

.v2-about-roles article{text-align:center!important}
.v2-about-roles p{text-align:center!important}

.v2-contact>a{display:none!important}

.v2-copy-email{display:inline-flex;align-items:center;gap:18px;margin:0 auto;border:1px solid rgba(244,241,234,.2);color:var(--v2-paper);font:500 clamp(.9rem,1.4vw,1.1rem)/1 'DM Sans',sans-serif;transition:border-color .25s,transform .25s,background .25s}

.v2-copy-email:hover,.v2-copy-email.is-copied{transform:translateY(-3px);border-color:rgba(157,140,255,.75);background:rgba(157,140,255,.1)!important}

.v2-footer{padding:24px 5vw}
.v2-footer>div{display:flex;flex-direction:column;gap:7px}
.v2-footer>div span{display:block}

.v2-top-button{align-items:center;gap:12px;border:1px solid rgba(244,241,234,.16);transition:color .25s,background .25s,border-color .25s,transform .25s}

.v2-top-button span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(244,241,234,.08);transition:background .25s,transform .25s}

.v2-top-button:hover{color:#0a0a0c;background:var(--v2-accent);border-color:var(--v2-accent);transform:translateY(-2px)}
.v2-top-button:hover span{background:#0a0a0c;color:var(--v2-accent);transform:translateY(-2px)}

@media(max-width:900px){.v2-about-card .v2-about-lede,.v2-about-card .v2-about-body{text-align:center!important}
}

@media(max-width:560px){.v2-copy-email{gap:10px;padding-left:15px}
.v2-footer{align-items:flex-start}
.v2-footer>div{max-width:190px;line-height:1.6}
.v2-footer>div span{display:block!important}
.v2-top-button span{display:grid!important}
}

/* Motion sections */

.v2-section-head>p,.v2-work-card p,.v2-about-lede,.v2-about-body,.v2-about-roles p{font-family:'Pretendard',sans-serif!important;font-weight:500}

.v2-work{padding-top:170px;padding-bottom:190px}

.v2-section-head{margin-bottom:88px}
.v2-section-head>p{max-width:720px;line-height:1.85;margin-top:38px}

.v2-reel{background:var(--v2-bg);display:flex;flex-direction:column}

.v2-reel a{display:block;width:clamp(280px,32vw,500px);height:clamp(180px,21vw,320px);border:1px solid var(--v2-line);border-radius:22px;overflow:hidden;background:#111;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .45s,border-color .45s}

.v2-reel a:hover{transform:scale(.985);border-color:rgba(157,140,255,.6)}

.v2-reel img{width:100%;height:100%;object-fit:cover;filter:saturate(.88);transition:filter .45s,transform .8s cubic-bezier(.16,1,.3,1)}

.v2-reel a:hover img{filter:saturate(1.05);transform:scale(1.035)}

.v2-other-work{background:var(--v2-bg)}

.v2-other-head{text-align:center;margin-bottom:72px}
.v2-other-head h2{font:400 clamp(4.2rem,9vw,9rem)/.82 'Instrument Serif',serif;letter-spacing:-.055em;margin:24px 0 0}

.v2-other-grid{max-width:1440px;margin:auto;display:grid}

.v2-other-grid a{display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid var(--v2-line);text-decoration:none;isolation:isolate}

.v2-other-grid a::after{content:'';position:absolute;inset:0;z-index:-1}

.v2-other-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .45s}

.v2-other-grid span{font:600 10px/1 'DM Sans',sans-serif;letter-spacing:.15em;color:var(--v2-accent)}

.v2-other-grid strong{font:400 clamp(2.5rem,4.5vw,5rem)/.9 'Instrument Serif',serif}

.v2-about-float{width:clamp(92px,11vw,160px);aspect-ratio:1;transform:rotate(var(--r))}
.v2-about-float-a{--r:-8deg}
.v2-about-float-b{--r:7deg}
.v2-about-float-c{--r:6deg}
.v2-about-float-d{--r:-7deg}

.v2-contact{padding-top:190px;padding-bottom:170px}

.v2-copy-email{min-width:min(88vw,420px);justify-content:center;padding:18px 28px!important;border-radius:999px!important}

.v2-copy-address{font:500 clamp(.9rem,1.5vw,1.1rem)/1 'DM Sans',sans-serif;letter-spacing:.03em}

.v2-copy-email.is-copied .v2-copy-address{color:var(--v2-accent)}

.v2-top-button{width:44px;height:44px;padding:0!important;display:grid!important;place-items:center;border-radius:50%!important}

.v2-top-button>span{width:auto!important;height:auto!important;background:none!important;font-size:18px}

.v2-top-button:hover>span{background:none!important;color:#0a0a0c!important;transform:translateY(-2px)}

@media(max-width:900px){.v2-reel{padding-block:110px}
.v2-work{padding-top:130px;padding-bottom:145px}
.v2-other-work{padding-bottom:140px}
}

@media(max-width:560px){.v2-reel{gap:12px}
.v2-reel a{width:250px;height:165px;border-radius:16px}
.v2-work{padding-top:110px;padding-bottom:120px}
.v2-section-head{margin-bottom:58px}
.v2-section-head>p{margin-top:28px}
.v2-other-work{padding-inline:1rem;padding-bottom:110px}
.v2-about-card .v2-about-body{line-height:1.95!important}
.v2-contact{padding-top:130px;padding-bottom:120px}
.v2-copy-email{min-width:0;width:90%;padding-block:16px!important}
}

/* Reels, interaction and final overrides */
/* v2 final motion pass: scroll-linked YouTube wall, seamless sections and Korean typography. */
html{scroll-behavior:smooth}

@view-transition{navigation:auto}

::view-transition-old(root){animation:v2-page-out .26s cubic-bezier(.4,0,1,1) both}

::view-transition-new(root){animation:v2-page-in .48s cubic-bezier(0,0,.2,1) both}

@keyframes v2-page-out{to{opacity:0;filter:blur(5px);transform:scale(.992)}
}

@keyframes v2-page-in{from{opacity:0;filter:blur(7px);transform:scale(1.008)}
}

.route-transition-layer{position:fixed;z-index:2147483600;inset:0;background:#0b0c0d;opacity:1;pointer-events:none;transition:opacity .42s cubic-bezier(.4,0,.2,1);will-change:opacity}

.route-transition-layer.is-clear{opacity:0}

.route-transition-layer.is-leaving{opacity:1;pointer-events:auto}

.editor-site-v2{--v2-bg:#0b0c0d;--v2-label-size:9px;--v2-card-copy-size:11px;--v2-card-title-size:clamp(2rem,3.3vw,3.6rem);background:var(--v2-bg)!important}

.v2-section-head>p,.v2-work-card p,.v2-other-grid small,.v2-about-lede,.v2-about-body,.v2-about-roles p,.v2-reel-head>p{font-family:'Pretendard',sans-serif!important;font-weight:400!important;word-break:keep-all}

/* Dark purple selection replaces every older pink rule. */
.home-page ::selection{background:rgba(75,43,184,.62)!important;color:#fff!important}

.home-page ::-moz-selection{background:rgba(75,43,184,.62)!important;color:#fff!important}

.v2-header{z-index:3!important}

/* One continuous background from the hero to the footer. */
.v2-reel,.v2-work,.v2-other-work,.v2-about-me,.v2-contact,.v2-footer{background:var(--v2-bg)!important;border-color:transparent!important}

.v2-about-me::before,.v2-about-me::after,.v2-other-work::before,.v2-other-work::after{display:none!important}

/* Two rows populated from the real YouTube project data. */
.v2-reel{padding:128px 0 156px!important;gap:0!important;overflow:hidden}

.v2-reel-head{width:min(1440px,90vw);margin:0 auto 52px;display:flex}

.v2-reel-head h2{margin:18px 0 0;font:400 clamp(3.5rem,7vw,7rem)/.84 'Instrument Serif',serif;letter-spacing:-.055em}

.v2-reel-head h2.v2-reel-label{margin:0;color:var(--v2-accent);font:600 11px/1.2 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase}

.v2-reel-head{flex-direction:column;align-items:center;justify-content:center;gap:9px;margin-bottom:34px;text-align:center}

.v2-reel-head>p{max-width:360px;margin:0 0 6px;text-align:right;color:rgba(244,241,234,.5);font-size:12px;line-height:1.8}

.v2-other-head h2 em{color:var(--v2-accent);font-style:italic}

.v2-youtube-stage{width:100%;display:grid;gap:13px;overflow:hidden;touch-action:pan-y;user-select:none;outline:none;cursor:grab;perspective:1200px}

.v2-youtube-stage.is-dragging{cursor:grabbing}

.editor-site-v2.v2-motion-ready .v2-youtube-stage.is-player-paused{opacity:1!important;filter:none!important;translate:none!important;scale:none!important;transform:none!important;transition:none!important;animation:none!important;pointer-events:none!important}

.v2-youtube-stage.is-player-paused .v2-youtube-track,.v2-youtube-stage.is-player-paused .v2-youtube-card,.v2-youtube-stage.is-player-paused .v2-youtube-card img,.v2-youtube-stage.is-player-paused .v2-youtube-card>video{animation:none!important;transition:none!important}

.v2-youtube-stage.is-player-paused .v2-youtube-card{translate:none!important}

.v2-youtube-stage.is-player-paused .v2-youtube-card img,.v2-youtube-stage.is-player-paused .v2-youtube-card>video{transform:none!important;filter:saturate(.86) contrast(1.02)!important}

.v2-youtube-track{display:flex;width:max-content;gap:13px;padding:0 4vw;will-change:transform;transform:translate3d(0,0,0);transform-origin:center center}

.v2-youtube-card{position:relative;display:block;flex:0 0 clamp(245px,24vw,360px);width:auto!important;height:auto!important;padding:0!important;aspect-ratio:16/9!important;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.045);color:inherit;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 42px rgba(0,0,0,.22);isolation:isolate;text-decoration:none;transition:translate .55s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}

.v2-youtube-card::after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(6,7,9,.02) 20%,rgba(6,7,9,.25) 55%,rgba(6,7,9,.91) 100%);pointer-events:none}

.v2-youtube-card img,.v2-youtube-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.02);transition:transform .75s cubic-bezier(.16,1,.3,1),filter .45s}

.v2-youtube-card:hover img,.v2-youtube-card:hover>video{transform:scale(1.045);filter:saturate(1.05) contrast(1.04)}

.v2-youtube-card:hover{translate:0 -5px;border-color:rgba(157,140,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 24px 56px rgba(0,0,0,.34)}

.v2-youtube-stage.is-moving .v2-youtube-card img,.v2-youtube-stage.is-moving .v2-youtube-card>video{filter:saturate(.94) contrast(1.06)}

.v2-youtube-copy{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;display:grid;gap:5px;color:#f8f6f1;text-shadow:0 2px 8px rgba(0,0,0,.98),0 8px 24px rgba(0,0,0,.72)}

.v2-youtube-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.72);font:600 8px/1.2 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase}

.v2-youtube-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 clamp(13px,1.05vw,16px)/1.3 'Pretendard',sans-serif;letter-spacing:-.025em}

.v2-youtube-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.58);font:300 9px/1.25 'Pretendard',sans-serif;font-style:normal}

.v2-youtube-stage.is-dragging .v2-youtube-card{pointer-events:none}

.v2-inline-player{width:min(1180px,90vw);max-height:0;margin:0 auto;overflow:hidden;border:0 solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02));opacity:0;transform:scale(.94) translateY(-24px);transform-origin:center top;transition:max-height .8s cubic-bezier(.16,1,.3,1),margin .7s cubic-bezier(.16,1,.3,1),opacity .35s,transform .7s cubic-bezier(.16,1,.3,1),border-width .1s;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 80px rgba(0,0,0,.32)}

.v2-inline-player.is-open{max-height:1000px;margin-top:38px;border-width:1px;opacity:1;transform:none}

.v2-inline-player-bar{height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(244,241,234,.62);font:600 9px/1 'DM Sans',sans-serif;letter-spacing:.14em}

.v2-inline-player-bar button{padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}

.v2-inline-frame{width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}
.v2-inline-frame iframe,.v2-inline-frame video{display:block;width:100%;height:100%;aspect-ratio:16/9;border:0;object-fit:contain;background:#000}

.v2-inline-copy{padding:20px 24px 24px}
.v2-inline-copy p{margin:0 0 8px;color:#b9adff;font:600 8px/1 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase}
.v2-inline-copy h3{margin:0;color:#f4f1ea;font:400 clamp(1.7rem,2.8vw,3rem)/1.12 'Pretendard',sans-serif;letter-spacing:-.04em}
.v2-inline-copy span{display:block;margin-top:12px;color:rgba(244,241,234,.55);font:300 10px/1.7 'Pretendard',sans-serif}

.v2-inline-player[data-player-source="youtube"] .v2-inline-copy h3{font-size:clamp(1.45rem,2.25vw,2.4rem);line-height:1.2;letter-spacing:-.035em}

/* The retired Video Editing overview now lives in the home archive intro. */
.v2-archive-intro{width:min(520px,42vw);display:grid;gap:11px;color:rgba(244,241,234,.6);font:400 12px/1.85 'Pretendard',sans-serif;letter-spacing:-.015em;word-break:keep-all}

.v2-archive-intro p{margin:0}

.v2-archive-intro>div{margin-top:8px;display:flex;flex-wrap:wrap;gap:7px}

.v2-archive-intro span{padding:7px 10px;border:1px solid rgba(157,140,255,.25);border-radius:999px;color:rgba(218,211,255,.75);font:600 8px/1 'DM Sans',sans-serif;letter-spacing:.1em}

.v2-editing-category-nav{margin-top:12px;display:flex;justify-content:center;flex-wrap:wrap;gap:7px}

.v2-editing-category-nav a{padding:9px 12px;border:1px solid rgba(157,140,255,.25);border-radius:999px;color:rgba(218,211,255,.75);font:600 8px/1 'DM Sans',sans-serif;letter-spacing:.08em;text-decoration:none;transition:background .25s,border-color .25s,color .25s}

.v2-editing-category-nav a span{margin-right:8px;padding:0!important;border:0!important;color:#9d8cff!important}

.v2-editing-category-nav a:hover{border-color:rgba(157,140,255,.55);background:rgba(157,140,255,.12);color:#fff}

.v2-work>.v2-section-head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:38px!important;text-align:center!important}

.v2-work>.v2-section-head>div:first-child{text-align:center!important}

.v2-work .v2-archive-intro{width:min(720px,100%)!important;margin:0 auto!important;text-align:center!important}

.v2-work .v2-archive-intro>div{justify-content:center!important}

.v2-other-intro{margin:30px auto 0;color:rgba(244,241,234,.58);font:400 12px/1.9 'Pretendard',sans-serif;letter-spacing:-.015em;word-break:keep-all}

/* Card readability and tighter visual hierarchy. */
.v2-work-card>div,.v2-other-grid a>span,.v2-other-grid a>strong,.v2-other-grid a>small{text-shadow:0 2px 8px rgba(0,0,0,.98),0 9px 28px rgba(0,0,0,.72)}

.v2-work-card>div{isolation:isolate}

.v2-work-card{text-decoration:none!important}

.v2-work-grid>.v2-work-card:first-child img{object-position:center;transform:scale(1)}

.v2-work-grid>.v2-work-card:first-child:hover img{transform:scale(1.06)}

.v2-work-card span,.v2-other-grid span{filter:drop-shadow(0 2px 6px rgba(0,0,0,.95))}

.v2-other-grid strong{line-height:.92!important}

.v2-other-grid small{display:block;color:rgba(244,241,234,.68)!important;letter-spacing:-.01em}

.v2-work-card span,.v2-other-grid span,.v2-youtube-copy small,.v2-about-roles article>span{font-size:var(--v2-label-size)!important;line-height:1.3!important}

.v2-work-card h3,.v2-other-grid strong{font-size:var(--v2-card-title-size)!important;line-height:.92!important}

.v2-work-card p,.v2-other-grid small{font-size:var(--v2-card-copy-size)!important;line-height:1.7!important}

/* A clearer liquid-glass surface without turning the cards milky. */
.v2-header,.v2-work-card,.v2-other-grid a,.v2-about-stats,.v2-about-roles article,.v2-copy-email{background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.035) 42%,rgba(157,140,255,.065) 100%)!important;border-color:rgba(255,255,255,.22)!important;-webkit-backdrop-filter:blur(30px) saturate(150%)!important;backdrop-filter:blur(30px) saturate(150%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.23),inset 1px 0 0 rgba(255,255,255,.07),0 24px 64px rgba(0,0,0,.25)!important}

.v2-work-card::before,.v2-other-grid a::before,.v2-about-roles article::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 28%,transparent 70%,rgba(157,140,255,.1));pointer-events:none;z-index:2;mix-blend-mode:screen}

/* I’m Jack decorative objects: transparent, floating and no thumbnail boxes. */
.v2-about-me{grid-template-columns:1fr!important;grid-template-rows:1fr!important;place-items:center!important;text-align:center!important;padding-top:176px!important;padding-bottom:194px!important}

.v2-about-card{z-index:2;margin:auto!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;padding-top:70px!important;padding-bottom:70px!important;display:flex!important;flex-direction:column!important;align-items:center!important}

.v2-about-card .v2-about-lede,.v2-about-card .v2-about-body,.v2-about-roles article,.v2-about-roles p{text-align:center!important}

.v2-about-card .v2-about-lede{max-width:850px!important;margin-bottom:1.7rem!important;font-size:clamp(.88rem,1.12vw,1.05rem)!important;line-height:1.8!important;letter-spacing:-.025em!important}

.v2-about-card .v2-about-body{max-width:760px!important;font-size:13px!important;line-height:1.95!important}

.v2-about-float{position:absolute!important;z-index:1!important;margin:0!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;opacity:.86!important;pointer-events:none!important;animation:v2-float 7.2s cubic-bezier(.45,.05,.55,.95) infinite alternate}

.v2-about-float img{width:100%!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 24px 28px rgba(0,0,0,.4)) saturate(.9)}

.v2-about-float-a{width:clamp(100px,12vw,180px)!important;left:4vw!important;top:8%!important;transform:rotate(-8deg)!important}

.v2-about-float-b{width:clamp(100px,12vw,176px)!important;right:4.5vw!important;top:8%!important;transform:rotate(7deg)!important;animation-name:v2-float-reverse;animation-duration:8.1s;animation-delay:-2s}

.v2-about-float-c{width:clamp(104px,12.2vw,183px)!important;left:7vw!important;top:auto!important;bottom:8%!important;transform:rotate(5deg)!important;animation-duration:6.6s;animation-delay:-3.2s}

.v2-about-float-d{width:clamp(115px,14vw,205px)!important;right:6vw!important;top:auto!important;bottom:7%!important;transform:rotate(-6deg)!important;animation-name:v2-float-reverse;animation-duration:7.7s;animation-delay:-1s}

@keyframes v2-float{0%{translate:0 5px}
45%{translate:8px -15px}
100%{translate:-5px 2px}
}

@keyframes v2-float-reverse{0%{translate:2px -3px}
52%{translate:-9px 14px}
100%{translate:6px -8px}
}

.v2-about-stats{max-width:820px!important;margin:3.2rem auto 2.1rem!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border-color:rgba(255,255,255,.2)!important}

.v2-about-stats strong{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;font-style:normal!important;letter-spacing:-.06em!important}

.v2-about-roles{margin-top:1.7rem!important}

.v2-about-roles article{position:relative;overflow:hidden;align-items:center!important;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s,box-shadow .5s!important}

.editor-site-v2 .v2-about-roles article[data-reveal].is-visible:hover{transform:translateY(-9px)!important;border-color:rgba(157,140,255,.58)!important;background:linear-gradient(145deg,rgba(157,140,255,.13),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 24px 54px rgba(41,26,97,.3)!important}

.v2-about-roles article:hover span{color:#c1b6ff!important}

/* Footer copy sits on the true center axis; the left column stays intentionally quiet. */
.v2-footer{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important}

.v2-footer>.v2-footer-copy{grid-column:2;text-align:center!important;align-items:center!important}

.v2-footer>.v2-footer-mascot{grid-column:1;justify-self:start;align-self:center;display:block;width:42px;height:42px;margin-top:0;position:relative;text-decoration:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));transition:transform .32s cubic-bezier(.16,1,.3,1)}

.v2-footer>.v2-footer-mascot::before{content:'';position:absolute;z-index:-1;inset:18% 3% 2%;border-radius:50%;background:radial-gradient(circle,rgba(126,95,255,.2),transparent 67%);filter:blur(8px)}

.v2-footer-mascot img{display:block;width:100%!important;height:auto!important;object-fit:contain!important}

.v2-footer-mascot:hover{transform:translateY(-4px) scale(1.04)}

.v2-top-button{grid-column:3;justify-self:end}

/* Contact becomes a small character moment: face left, copy and email right. */
.v2-contact{padding:170px 7vw 240px!important;text-align:left!important}

.v2-contact-shell{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(54px,8vw,120px)}

.v2-contact-copy{min-width:0}

.v2-contact-copy h2{margin:24px 0 54px!important;font-size:clamp(4.7rem,8.2vw,9.2rem)!important;line-height:.8!important}

.v2-contact-copy .v2-copy-email{margin:0!important}

.v2-contact-character{position:relative;width:min(100%,430px);justify-self:end;isolation:isolate}

.v2-contact-character::before{content:'';position:absolute;z-index:-1;inset:15% 2% 3%;border-radius:50%;background:radial-gradient(circle,rgba(126,95,255,.26),rgba(126,95,255,.07) 44%,transparent 72%);filter:blur(22px)}

.v2-contact-character::after{content:attr(data-message);position:absolute;z-index:3;right:-4%;top:12%;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:16px 16px 16px 4px;background:rgba(20,17,31,.76);color:#f7f4ff;font:400 11px/1.35 'Pretendard',sans-serif;letter-spacing:-.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 15px 34px rgba(0,0,0,.3);backdrop-filter:blur(18px);opacity:0;transform:translate3d(-8px,8px,0);transition:opacity .24s,transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none}

.v2-contact-character:hover::after{opacity:1;transform:none}

.v2-contact-face-stage{--face-rx:0deg;--face-ry:0deg;--face-x:0px;--face-y:0px;position:relative;width:100%;aspect-ratio:1.1;transform:perspective(850px) translate3d(var(--face-x),var(--face-y),0) rotateX(var(--face-rx)) rotateY(var(--face-ry));transform-style:preserve-3d;transition:transform .14s ease-out;will-change:transform}

.v2-contact-face-stage>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 26px 35px rgba(0,0,0,.42))}

/* Cursor position never jumps on press; only its ring contracts. */
@media(pointer:fine){
 .home-page .cursor-follower,.home-page .cursor-follower.is-active,.home-page .cursor-follower.is-hand,.home-page .cursor-follower.is-grab{translate:-50% -50%!important;scale:1!important;transform-origin:center!important}

 .home-page .cursor-follower.is-down{translate:-50% -50%!important;scale:1!important}

 .home-page .cursor-follower.is-down::before{transform:scale(.68)!important}

 .home-page .cursor-follower.is-grab{background:var(--v2-deep-purple)!important;box-shadow:0 0 0 5px rgba(75,43,184,.23)!important}

 .home-page .cursor-follower.is-grab::before{border-color:#7056d7!important}

 .home-page .cursor-follower.is-grab span,.home-page .cursor-follower.is-active span{padding:5px 8px!important;background:rgba(36,23,79,.72)!important;border-color:rgba(95,67,200,.72)!important;color:#f8f6ff!important;box-shadow:0 8px 22px rgba(0,0,0,.3)!important;backdrop-filter:blur(8px)!important;font-size:8px!important}

}

/* Prisma-style vertical lift. The order controls timing only, never direction. */
.editor-site-v2.v2-motion-ready .v2-scroll-reveal{opacity:0!important;translate:0 52px;scale:.985;transition:none!important}

.editor-site-v2.v2-motion-ready.v2-motion-live .v2-scroll-reveal{transition:opacity .8s cubic-bezier(.2,.72,.2,1),translate 1.05s cubic-bezier(.16,1,.3,1),scale 1.05s cubic-bezier(.16,1,.3,1),filter .8s ease!important;transition-delay:calc(var(--v2-reveal-order,0) * 110ms)!important}

.editor-site-v2.v2-motion-ready .v2-scroll-reveal.is-visible{opacity:1!important;filter:blur(0);translate:0 0;scale:1}

.editor-site-v2.v2-motion-ready.v2-motion-live .v2-youtube-stage.is-player-paused{opacity:1!important;filter:none!important;translate:none!important;scale:none!important;transform:none!important;transition:none!important;transition-delay:0s!important;animation:none!important}

@media(max-width:900px){
 .v2-section-head{align-items:flex-start!important;flex-direction:column!important;gap:38px!important}
.v2-archive-intro{width:min(100%,680px)}

 .v2-reel-head{align-items:flex-start;flex-direction:column;gap:22px}

 .v2-reel-head>p{text-align:left}

 .v2-youtube-card{flex-basis:280px;height:auto!important;aspect-ratio:16/9!important}

 .v2-about-float{opacity:.48!important;width:90px!important}

 .v2-about-float-a,.v2-about-float-c{left:2vw!important}
.v2-about-float-b,.v2-about-float-d{right:2vw!important}

}

@media(max-width:820px){
 .v2-contact{padding:120px 1.25rem 170px!important}

 .v2-contact-shell{grid-template-columns:1fr;gap:40px;text-align:center}

 .v2-contact-character{width:min(68vw,310px);justify-self:center;order:2}

 .v2-contact-copy{order:1}

 .v2-contact-copy h2{font-size:clamp(4.4rem,16vw,7rem)!important;margin-bottom:42px!important}

 .v2-contact-copy .v2-copy-email{margin:0 auto!important}

 .v2-contact-character::after{right:0;top:8%}

}

@media(max-width:560px){
 .v2-reel{padding-block:96px 116px!important}
.v2-reel-head{width:auto;margin:0 1rem 28px;gap:7px}
.v2-reel-head h2{font-size:3.8rem}

 .v2-youtube-stage{gap:9px}
.v2-youtube-track{gap:9px;padding-inline:1rem}
.v2-youtube-card{flex-basis:225px;height:auto!important;aspect-ratio:16/9!important;border-radius:13px}
.v2-youtube-copy{left:11px;right:11px;bottom:10px;gap:3px}
.v2-youtube-copy em{display:none}
.v2-youtube-copy strong{font-size:11px}
.v2-youtube-copy small{font-size:7px}

 .v2-about-me{padding:120px .25rem!important}
.v2-about-float{display:none!important}
.v2-about-card{padding:28px .6rem!important}
.v2-about-card .v2-about-lede{font-size:12px!important;line-height:1.9!important}
.v2-about-card .v2-about-body{font-size:11px!important}

 .v2-about-stats{width:100%;max-width:340px;margin-bottom:1.8rem!important;grid-template-columns:1fr!important}
.v2-about-stats>div{min-height:78px!important;flex-direction:row!important;justify-content:space-between!important;padding:14px 18px!important}
.v2-about-stats>div+div{border-left:0!important;border-top:1px solid var(--v2-line)}
.v2-about-stats strong{font-size:3.2rem!important}
.v2-about-stats span{margin-top:0}

 .v2-archive-intro{font-size:11px!important;line-height:1.85!important}
.v2-archive-intro span{font-size:7px}
.v2-other-intro{margin-top:24px;font-size:11px!important;line-height:1.85!important}
.v2-other-grid small{font-size:10px!important}

 .v2-footer{grid-template-columns:52px minmax(0,1fr) 52px!important;gap:8px!important;padding-right:1rem!important;padding-left:1rem!important;font-size:9px!important;letter-spacing:.08em!important}
 .v2-footer>.v2-footer-mascot{grid-column:1;width:42px;height:42px;margin-top:0;justify-self:start}
 .v2-footer>.v2-footer-copy{grid-column:2;width:100%;max-width:none!important;text-align:center!important;align-items:center!important;justify-self:center}
.v2-top-button{grid-column:3}

}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.route-transition-layer{transition:none}
.v2-youtube-track{transform:none!important}
.v2-about-float{animation:none!important}
.editor-site-v2.v2-motion-ready .v2-scroll-reveal{opacity:1!important;filter:none!important;translate:none!important;scale:none!important;transition:none!important}
::view-transition-old(root),::view-transition-new(root){animation:none!important}
}

/* Typography roles: display / body copy / compact Korean information / UI labels. */
@font-face{font-family:'NEXON Lv2 Gothic';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv2%20Gothic%20Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}

@font-face{font-family:'NEXON Lv2 Gothic';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv2%20Gothic.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:'NEXON Lv2 Gothic';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv2%20Gothic%20Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}

@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/woff2/Pretendard-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

.editor-site-v2{font-family:'Pretendard',sans-serif!important}

.editor-site-v2 .v2-section-head>p,.editor-site-v2 .v2-work-card p,.editor-site-v2 .v2-other-grid small,.editor-site-v2 .v2-about-lede,.editor-site-v2 .v2-about-body,.editor-site-v2 .v2-about-roles p,.editor-site-v2 .v2-reel-head>p,.editor-site-v2 .v2-archive-intro,.editor-site-v2 .v2-other-intro,.editor-site-v2 .v2-inline-copy span{font-family:'NEXON Lv2 Gothic',sans-serif!important}

.editor-site-v2 .v2-youtube-copy strong,.editor-site-v2 .v2-youtube-copy em,.editor-site-v2 .v2-inline-copy h3,.editor-site-v2 .v2-contact-character::after{font-family:'Pretendard',sans-serif!important}

.editor-site-v2 .v2-kicker,.editor-site-v2 .v2-work-card span,.editor-site-v2 .v2-other-grid span,.editor-site-v2 .v2-youtube-copy small,.editor-site-v2 .v2-inline-copy p,.editor-site-v2 .v2-archive-intro span{font-family:'DM Sans','Pretendard',sans-serif!important}

/* Keep the UX/UI phone mockup comfortably inside its wide home-page card. */
.editor-site-v2 .v2-other-grid>a:nth-child(2) img{object-fit:contain!important}

.v2-other-work{
  padding:clamp(84px,8vw,124px) 5vw clamp(100px,10vw,150px)!important;
}

.v2-other-head{
  max-width:1440px;
  margin:0 auto 38px!important;
}

.v2-other-head h2{
  margin-top:18px!important;
  font-size:clamp(3.5rem,6.2vw,6.4rem)!important;
}

.v2-other-intro{
  max-width:none!important;
  margin-top:20px!important;
  font-size:11px!important;
}

.v2-other-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

.v2-other-grid a{
  min-height:230px!important;
  padding:18px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,255,255,.13)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important;
}

.v2-other-grid a::before{opacity:.45}
.v2-other-grid a::after{background:linear-gradient(180deg,rgba(7,7,9,.08) 18%,rgba(7,7,9,.86) 100%)!important}
.v2-other-grid img{opacity:.48!important}
.v2-other-grid a:hover img{opacity:.72!important;transform:scale(1.035)}
.editor-site-v2 .v2-other-grid>a:nth-child(2) img{transform:scale(1.02);opacity:.55!important}
.editor-site-v2 .v2-other-grid>a:nth-child(2):hover img{transform:scale(1.055);opacity:.75!important}
.v2-other-grid strong{font-size:clamp(1.55rem,2.25vw,2.35rem)!important;margin-top:10px!important}
.v2-other-grid small{margin-top:7px!important;font-size:9px!important;line-height:1.5!important}

@media(max-width:900px){
  .v2-other-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v2-other-grid a{min-height:210px!important}
}

@media(max-width:560px){
  .v2-other-work{padding:80px 1rem 100px!important}
  .v2-other-head{margin-bottom:30px!important}
  .v2-other-head h2{font-size:3.45rem!important}
  .v2-other-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .v2-other-grid a{min-height:184px!important;padding:14px!important;border-radius:14px!important}
  .v2-other-grid strong{font-size:1.3rem!important}
  .v2-other-grid small{display:none}
}

@media(hover:hover) and (pointer:fine){
  html.has-custom-cursor,
  html.has-custom-cursor *,
  body.home-page.has-custom-cursor,
  body.home-page.has-custom-cursor *{cursor:none!important}
}

.home-page .cursor-follower.is-hidden{opacity:0!important}

/* Home stability: keep the pointer visible and lower-page content stable while scrolling. */
@media(hover:hover) and (pointer:fine){
  .home-page .cursor-follower{
    position:fixed!important;
    z-index:2147483646!important;
    left:0!important;
    top:0!important;
    pointer-events:none!important;
    contain:layout paint;
  }
}

.editor-site-v2.v2-motion-ready .v2-scroll-reveal{
  filter:none!important;
  will-change:opacity,translate,scale;
}

.editor-site-v2.v2-motion-ready.v2-motion-live .v2-scroll-reveal{
  transition-property:opacity,translate,scale!important;
}

@media(min-width:821px){
  .v2-about-me{
    padding-top:clamp(112px,9vw,148px)!important;
    padding-bottom:clamp(88px,7vw,118px)!important;
  }

  .v2-about-card{
    padding-top:54px!important;
    padding-bottom:34px!important;
  }

  .v2-contact{
    padding-top:clamp(100px,8vw,132px)!important;
    padding-bottom:clamp(140px,11vw,188px)!important;
  }
}

/* Natural-width tool badges: equal typography, color-only hierarchy. */
.v2-tools{
  width:min(100%,900px)!important;
  display:flex!important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center!important;
  gap:10px!important;
  margin:36px auto 0!important;
  padding:0!important;
  overflow:visible;
  border:0;
  background:transparent;
}

.v2-tool-group{
  --tool-color:#b8a9ff;
  display:inline-flex!important;
  align-items:center;
  width:auto;
  min-height:0;
  padding:11px 15px;
  border:1px solid rgba(184,169,255,.32);
  border-radius:999px;
  background:rgba(184,169,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.v2-tool-group:nth-child(2){
  --tool-color:#c8c8c3;
  border-color:rgba(244,241,234,.2);
  background:rgba(244,241,234,.045);
}

.v2-tools .v2-tool-group>*{
  grid-column:auto!important;
  grid-row:auto!important;
  translate:none!important;
}

.v2-tool-group span{
  display:block;
  align-self:auto;
  margin-right:11px;
  padding:0 11px 0 0;
  border-right:1px solid currentColor!important;
  color:var(--tool-color)!important;
  font:600 10px/1 'DM Sans',sans-serif!important;
  letter-spacing:.11em!important;
  opacity:.72;
  text-align:left;
}

.v2-tool-group strong{
  display:block;
  min-height:0;
  padding:0;
  border:0!important;
  color:var(--tool-color)!important;
  font:600 10px/1 'DM Sans',sans-serif!important;
  letter-spacing:.055em!important;
  text-align:left;
  white-space:nowrap;
}

@media(max-width:560px){
  body{min-width:0;overflow-x:hidden}
  .v2-tools{width:100%!important;flex-direction:column;flex-wrap:nowrap;gap:8px!important;margin-top:30px!important}
  .v2-tool-group{width:auto;max-width:100%;padding:10px 12px;justify-content:flex-start}
  .v2-tool-group span{margin-right:9px;padding-right:9px;font-size:8px!important}
  .v2-tool-group strong{font-size:8px!important;white-space:nowrap}
  .v2-tool-group:nth-child(2){padding-right:10px;padding-left:10px}
  .v2-tool-group:nth-child(2) span{margin-right:7px;padding-right:7px}
  .v2-tool-group:nth-child(2) strong{font-size:7px!important;letter-spacing:0!important}
}

/* Authoritative desktop cursor label visibility. */
@media(hover:hover) and (pointer:fine), (any-hover:hover) and (any-pointer:fine){
  .home-page.has-custom-cursor .cursor-follower>span{
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  .home-page.has-custom-cursor .cursor-follower{
    contain:none!important;
    overflow:visible!important;
    will-change:transform;
  }
  /* A blurred backdrop has to be re-rendered on every move, which made the cursor trail the mouse. */
  .home-page.has-custom-cursor .cursor-follower>span{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .home-page.has-custom-cursor .cursor-follower.is-active>span{
    background:rgba(36,23,79,.92)!important;
  }
  .home-page.has-custom-cursor .cursor-follower.is-active>span{
    visibility:visible!important;
    opacity:1!important;
  }
  .home-page.has-custom-cursor .cursor-follower.is-flipped>span{
    left:auto!important;
    right:20px!important;
  }
}

/* Scroll reveal upgrade: card media settles into frame as the card rises. */
.editor-site-v2.v2-motion-ready .v2-work-card.v2-scroll-reveal>img,.editor-site-v2.v2-motion-ready .v2-work-card.v2-scroll-reveal>video,.editor-site-v2.v2-motion-ready .v2-other-grid>a.v2-scroll-reveal>img{scale:1.08;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .45s,scale 1.4s cubic-bezier(.16,1,.3,1);transition-delay:0s,0s,calc(var(--v2-reveal-order,0) * 110ms)}
.editor-site-v2.v2-motion-ready .v2-scroll-reveal.is-visible>img,.editor-site-v2.v2-motion-ready .v2-scroll-reveal.is-visible>video{scale:1}
/* Scrolling back up: re-enter from above, shorter and softer than the first reveal. */
.editor-site-v2.v2-motion-ready .v2-scroll-reveal.from-above:not(.is-visible){translate:0 -20px;scale:.995}
.editor-site-v2.v2-motion-ready.v2-motion-live .v2-scroll-reveal.from-above{transition-duration:.55s,.7s,.7s!important;transition-delay:calc(var(--v2-reveal-order,0) * 60ms)!important}
.editor-site-v2.v2-motion-ready .v2-scroll-reveal.from-above>img,.editor-site-v2.v2-motion-ready .v2-scroll-reveal.from-above>video{scale:1.03}
.editor-site-v2.v2-motion-ready .v2-scroll-reveal.from-above.is-visible>img,.editor-site-v2.v2-motion-ready .v2-scroll-reveal.from-above.is-visible>video{scale:1}
.editor-site-v2.v2-motion-ready .v2-scroll-reveal.reveal-reset,.editor-site-v2.v2-motion-ready .v2-scroll-reveal.reveal-reset>img,.editor-site-v2.v2-motion-ready .v2-scroll-reveal.reveal-reset>video{transition:none!important}
@media (prefers-reduced-motion:reduce){.editor-site-v2.v2-motion-ready .v2-scroll-reveal>img,.editor-site-v2.v2-motion-ready .v2-scroll-reveal>video{scale:none!important}}

/* Clip sideways overflow without creating a scroll container, so sticky sections still pin. */
.editor-site-v2{
  overflow-x:clip!important;
  overflow-y:visible!important;
}

/* Timeline — the career laid out like an editing sequence: work / study tracks, clips sized
   by duration, and a playhead that scrubs through them as the section scrolls past. */
.v2-journey{--n:5;position:relative;background:var(--v2-bg)}
.v2-journey.is-live{height:calc(var(--n) * 55svh + 100svh)}
.v2-journey-sticky{display:flex;flex-direction:column;justify-content:center;gap:clamp(22px,4vh,42px);width:min(1120px,calc(100% - 48px));margin:0 auto;padding:clamp(80px,12vh,120px) 0}
.v2-journey.is-live .v2-journey-sticky{position:sticky;top:0;height:100svh;min-height:640px;padding:0}
.v2-journey-head{text-align:center}
.v2-journey-head h2{margin:.9rem 0 0;color:var(--v2-paper);font:400 clamp(2.6rem,5vw,4.8rem)/.9 'Instrument Serif',serif;letter-spacing:-.045em}
.v2-journey-head h2 em{color:var(--v2-accent);font-style:italic}

.v2-journey-seq{display:grid;grid-template-columns:86px minmax(0,1fr);gap:0 14px;padding:44px 20px 20px;border:1px solid var(--v2-line);border-radius:18px;background:linear-gradient(180deg,#111115,#0c0c0f)}
.v2-journey-labels,.v2-journey-canvas{display:grid;grid-template-rows:24px 54px 54px;row-gap:8px}
.v2-journey-labels span{display:flex;align-items:center;gap:8px;color:rgba(244,241,234,.5);font:600 9px/1 'DM Sans',sans-serif;letter-spacing:.16em}
.v2-journey-labels span:nth-child(2)::before,.v2-journey-labels span:nth-child(3)::before{content:'';width:8px;height:8px;border-radius:2px}
.v2-journey-labels span:nth-child(2)::before{background:var(--v2-accent)}
.v2-journey-labels span:nth-child(3)::before{background:rgba(244,241,234,.55)}
.v2-journey-canvas{position:relative}
.v2-journey-ruler{position:relative;border-bottom:1px solid rgba(244,241,234,.16);background:repeating-linear-gradient(90deg,rgba(244,241,234,.16) 0 1px,transparent 1px calc(100% / var(--months,60))) left bottom/100% 6px no-repeat}
.v2-journey-ruler span{position:absolute;bottom:0;padding:0 0 9px 6px;color:rgba(244,241,234,.55);font:600 10px/1 'DM Sans',sans-serif;letter-spacing:.06em}
.v2-journey-ruler span::before{content:'';position:absolute;left:0;bottom:0;width:1px;height:16px;background:rgba(244,241,234,.4)}
.v2-journey-lane{position:relative;border-radius:8px;background:rgba(255,255,255,.028)}
.v2-journey-clip{position:absolute;top:6px;bottom:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 4px;border-radius:7px;font:600 11px/1 'Pretendard','Noto Sans KR',sans-serif;white-space:nowrap;text-overflow:ellipsis;transform:scaleX(0);transform-origin:left center;transition:transform .9s cubic-bezier(.16,1,.3,1) calc(.45s + var(--i,0) * 90ms),box-shadow .35s,background .35s,border-color .35s}
.v2-journey-seq.is-visible .v2-journey-clip,.v2-journey.is-static .v2-journey-clip{transform:none}
.v2-journey-clip.is-work{border:1px solid rgba(157,140,255,.5);background:linear-gradient(180deg,rgba(157,140,255,.32),rgba(157,140,255,.16));color:#eeeaff}
.v2-journey-clip.is-study{border:1px solid rgba(244,241,234,.24);background:rgba(244,241,234,.08);color:rgba(244,241,234,.82)}
.v2-journey-clip.is-ongoing{-webkit-mask-image:linear-gradient(90deg,#000 70%,rgba(0,0,0,.35));mask-image:linear-gradient(90deg,#000 70%,rgba(0,0,0,.35))}
.v2-journey-clip.is-active.is-work{border-color:var(--v2-accent);background:linear-gradient(180deg,rgba(157,140,255,.62),rgba(157,140,255,.36));box-shadow:0 0 26px rgba(157,140,255,.38)}
.v2-journey-clip.is-active.is-study{border-color:rgba(244,241,234,.7);background:rgba(244,241,234,.2);box-shadow:0 0 22px rgba(244,241,234,.16)}
.v2-journey-now{position:absolute;top:24px;bottom:0;width:0;border-left:1px dashed rgba(244,241,234,.35)}
.v2-journey-now b{position:absolute;bottom:-18px;left:-14px;color:rgba(244,241,234,.5);font:700 8px/1 'DM Sans',sans-serif;letter-spacing:.14em}
.v2-journey-playhead{position:absolute;z-index:2;top:-4px;bottom:-6px;left:0;width:2px;margin-left:-1px;background:var(--v2-accent);box-shadow:0 0 14px rgba(157,140,255,.7);pointer-events:none}
.v2-journey-playhead::before{content:'';position:absolute;top:-2px;left:50%;width:12px;height:10px;translate:-50% 0;background:var(--v2-accent);clip-path:polygon(0 0,100% 0,50% 100%)}
.v2-journey-playhead span{position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 0;padding:5px 8px;border-radius:6px;background:var(--v2-accent);color:#0a0a0c;font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.04em;white-space:nowrap}
.v2-journey.is-static .v2-journey-playhead,.v2-journey.is-static .v2-journey-count{display:none}

/* the clip under the playhead, in detail */
.v2-journey-list{display:grid;margin:0;padding:0;list-style:none}
.v2-journey-item{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:18px 48px;align-items:start;padding:4px 6px}
.v2-journey.is-live .v2-journey-item{grid-area:1/1;opacity:0;visibility:hidden;transform:translate3d(0,-8px,0);transition:opacity .18s,transform .25s,visibility 0s .18s}
/* the outgoing entry fades out fast; the incoming one rises in just after, so text never overlaps */
.v2-journey.is-live .v2-journey-item.is-active{opacity:1;visibility:visible;transform:none;transition:visibility 0s;animation:v2-journey-in .6s cubic-bezier(.16,1,.3,1) .16s both}
@keyframes v2-journey-in{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
.v2-journey-clip.is-narrow{color:transparent}
.v2-journey.is-static .v2-journey-item{padding:26px 6px;border-bottom:1px solid var(--v2-line)}
.v2-journey-meta{grid-column:1;display:flex;align-items:center;gap:10px;margin:0;color:rgba(244,241,234,.62);font:600 12px/1.4 'DM Sans','Pretendard',sans-serif;letter-spacing:.04em}
.v2-journey-meta span{padding:4px 7px;border:1px solid rgba(244,241,234,.3);border-radius:5px;color:rgba(244,241,234,.8);font-size:9px;letter-spacing:.14em}
.v2-journey-item[data-track=work] .v2-journey-meta span{border-color:rgba(157,140,255,.6);color:var(--v2-accent)}
.v2-journey-item h3{grid-column:1;margin:-6px 0 0;color:var(--v2-paper);font:600 clamp(1.5rem,2.3vw,2.1rem)/1.25 'Pretendard','Noto Sans KR',sans-serif;letter-spacing:-.03em;word-break:keep-all}
.v2-journey-role{grid-column:1;margin:-10px 0 0;color:rgba(244,241,234,.5);font:500 14px/1.6 'Pretendard','Noto Sans KR',sans-serif;word-break:keep-all}
.v2-journey-item ul{grid-column:2;grid-row:1/span 3;display:grid;gap:10px;margin:0;padding:0;list-style:none}
.v2-journey-item ul li{position:relative;padding-left:18px;color:rgba(244,241,234,.72);font:400 15px/1.75 'Pretendard','Noto Sans KR',sans-serif;word-break:keep-all}
.v2-journey-item ul li::before{content:'';position:absolute;left:0;top:.85em;width:8px;height:1px;background:var(--v2-accent)}
.v2-journey-count{margin:-10px 0 0;text-align:right;color:rgba(244,241,234,.4);font:600 11px/1 'DM Sans',sans-serif;letter-spacing:.14em}
.v2-journey-count b{color:var(--v2-paper);font-weight:600}

@media(max-width:760px){
  .v2-journey.is-live{height:calc(var(--n) * 48svh + 100svh)}
  .v2-journey-sticky{width:calc(100% - 32px);gap:22px}
  .v2-journey.is-live .v2-journey-sticky{min-height:600px}
  .v2-journey-seq{grid-template-columns:40px minmax(0,1fr);gap:0 8px;padding:40px 12px 16px}
  .v2-journey-labels,.v2-journey-canvas{grid-template-rows:22px 40px 40px;row-gap:6px}
  .v2-journey-labels span{font-size:0;letter-spacing:0}
  .v2-journey-labels span:nth-child(2),.v2-journey-labels span:nth-child(3){flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}
  .v2-journey-labels span:nth-child(2)::after{content:'WORK';font-size:8px;letter-spacing:.1em}
  .v2-journey-labels span:nth-child(3)::after{content:'STUDY';font-size:8px;letter-spacing:.1em}
  .v2-journey-ruler span{font-size:8px;padding-left:3px}
  .v2-journey-clip{padding:0 2px;font-size:9px;border-radius:5px}
  .v2-journey-item{grid-template-columns:1fr;gap:10px}
  .v2-journey-item h3{margin:0;font-size:1.45rem}
  .v2-journey-role{margin:-4px 0 4px}
  .v2-journey-item ul{grid-column:1;grid-row:auto;gap:6px}
  .v2-journey-item ul li{font-size:13.5px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){.v2-journey-clip{transition:none}}