/* 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}
:root{--v2-deep-purple:#4b2bb8}
.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;font-family:'Pretendard',sans-serif}
.v2-lede,.v2-statement-copy,.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}
.v2-lede{font-size:clamp(10px,.82vw,13px)!important;line-height:1.85!important;letter-spacing:-.01em}
.v2-statement-copy{max-width:none!important;font-size:clamp(10px,.88vw,13px)!important;line-height:1.85!important;white-space:nowrap;letter-spacing:-.01em}

/* 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}

/* Let the hero dissolve into the content instead of ending in a visible frame. */
.v2-hero{background:var(--v2-bg)!important}
.v2-hero{width:100%!important;height:100svh!important;margin:0!important;border:0!important;border-radius:0!important}
.v2-hero::after{content:''!important;display:block!important;position:absolute!important;z-index:1!important;left:0!important;right:0!important;top:auto!important;bottom:-1px!important;height:28vh!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(11,12,13,0) 0%,rgba(11,12,13,.42) 45%,var(--v2-bg) 100%)!important;pointer-events:none!important}
.v2-header,.v2-hero-copy,.v2-hero-footer{z-index:3!important}

/* One continuous background from the hero to the footer. */
.v2-reel,.v2-statement,.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;align-items:flex-end;justify-content:space-between;gap:40px}
.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>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-reel-filters{width:min(1440px,90vw);margin:-20px auto 34px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v2-reel-filters a{padding:10px 15px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.025);color:rgba(244,241,234,.52);font:600 9px/1 'DM Sans',sans-serif;letter-spacing:.08em;text-decoration:none;transition:color .25s,border-color .25s,background .25s,transform .25s}
.v2-reel-filters a span{margin-right:8px;color:#9d8cff}
.v2-reel-filters a:hover{color:#fff;border-color:rgba(157,140,255,.5);background:rgba(157,140,255,.12);transform:translateY(-2px)}
.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}
.v2-reel>.v2-reel-link{position:relative!important;width:max-content!important;height:auto!important;min-height:0!important;margin:34px 5vw 0 auto!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:rgba(244,241,234,.72)!important;font:600 10px/1 'DM Sans',sans-serif!important;letter-spacing:.13em!important;text-decoration:none!important}
.v2-reel>.v2-reel-link::after{display:none!important}
.v2-reel>.v2-reel-link span{position:static!important;width:auto!important;height:auto!important;padding:0!important;background:none!important;color:var(--v2-accent)!important;font-size:17px!important;line-height:1!important;text-shadow:none!important}

/* 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{max-width:650px;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 a::after{background:linear-gradient(180deg,rgba(7,7,9,.02) 30%,rgba(7,7,9,.3) 57%,rgba(7,7,9,.94) 100%)!important}
.v2-other-grid strong{font-size:clamp(2rem,3.3vw,3.6rem)!important;line-height:.92!important;margin-top:12px!important}
.v2-other-grid small{display:block;margin-top:10px!important;color:rgba(244,241,234,.68)!important;font-size:11px!important;line-height:1.65!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;filter:blur(7px);translate:0 52px;scale:.985;transition:none!important;will-change:opacity,translate,scale,filter}
.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) * 130ms)!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-statement-copy{white-space:normal;max-width:620px!important}
 .v2-reel-head{align-items:flex-start;flex-direction:column;gap:22px}
 .v2-reel-head>p{text-align:left}
 .v2-reel-filters{margin-top:-10px}
 .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 39px}.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-reel-filters{width:auto;margin:-13px 1rem 27px;gap:6px}.v2-reel-filters a{padding:9px 11px;font-size:7px}
 .v2-reel-link{margin-top:25px;margin-right:1rem}.v2-lede{font-size:10px!important}.v2-statement-copy{font-size:10px!important;line-height:1.9!important}
 .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 strong{font-size:2rem!important}.v2-other-grid small{font-size:10px!important}
 .v2-footer{grid-template-columns:auto 1fr auto!important;gap:12px!important}.v2-footer>.v2-footer-mascot{grid-column:1;width:42px;height:42px;margin-top:0}.v2-footer>.v2-footer-copy{grid-column:2;text-align:center!important;align-items:center!important}.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-lede,.editor-site-v2 .v2-statement-copy,.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;transform:scale(1);opacity:.91}
.editor-site-v2 .v2-other-grid>a:nth-child(2):hover img{transform:scale(1.035);opacity:.98}