:root{--paper:#f4f4ee;--ink:#191919;--red:#d82420;--blue:#1947e5;--yellow:#ffe24b;--display:"Cabinet Grotesk","Arial Black",sans-serif;--mono:"IBM Plex Mono",monospace}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper);color:var(--ink)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}.portfolio{overflow:clip}.portfolio a{color:inherit;text-decoration:none}.portfolio button,.portfolio input{font:inherit;color:inherit}.portfolio button{cursor:pointer}.portfolio img{object-fit:cover;width:100%;height:100%;display:block}.portfolio p{word-break:keep-all;line-height:1.8}.portfolio h1,.portfolio h2,.portfolio h3,.portfolio p,.portfolio figure{margin:0}.portfolio h2{letter-spacing:-.055em;word-break:keep-all;font-size:clamp(32px,4.2vw,64px);font-weight:800;line-height:1.3}.portfolio h3{font-weight:800}.portfolio button,.portfolio a,.portfolio input{outline-offset:5px}.portfolio :focus-visible{outline:3px solid}.portfolio ::selection{background:var(--blue);color:#fff}.skip{background:var(--yellow);z-index:100;padding:15px;position:fixed;top:-100px;left:15px}.skip:focus{top:15px}.nav{border-bottom:1px solid var(--ink);z-index:20;justify-content:space-between;align-items:center;height:90px;padding:0 4%;display:flex;position:relative}.wordmark,.footer-brand{font-family:var(--display);letter-spacing:-2px;font-size:36px;font-weight:900}.wordmark span{color:var(--red)}.nav nav{font-family:var(--mono);gap:25px;font-size:12px;display:flex}.nav nav a:hover{text-underline-offset:5px;text-decoration:underline}.cv-nav{background:var(--ink);font-family:var(--mono);padding:11px 20px;font-size:13px;color:var(--paper)!important}.menu-toggle{display:none}.hero{border-bottom:1px solid var(--ink);height:calc(100svh - 90px);min-height:730px;max-height:1050px;padding:25px 4% 0;position:relative}.hero-topline{letter-spacing:.07em;font-size:12px}.hero h1{font-family:var(--display);letter-spacing:-.06em;text-align:center;z-index:2;margin-top:75px;font-size:clamp(110px,19.2vw,280px);font-weight:900;line-height:.76;position:relative}.hero h1>span{color:var(--red);padding-top:25px;display:block}.title-star{vertical-align:top;margin-left:5px;font-size:.64em}.hero-art{pointer-events:none;position:absolute;inset:0}.hero-paper{background:var(--paper);border:1px solid var(--ink);width:24%;max-width:355px;box-shadow:7px 7px 0 var(--ink);z-index:4;will-change:transform;padding:11px;position:absolute}.hero-paper img{aspect-ratio:4/3;height:auto}.hero-paper figcaption{font-family:var(--display);padding:7px 3px 0;font-size:24px;font-weight:800}.food-paper{top:39%;left:5%;transform:rotate(-12deg)}.hand-paper{top:13%;right:4%;transform:rotate(11deg)}.hero-circle{background:var(--yellow);border:1px solid var(--ink);z-index:3;border-radius:50%;place-items:center;width:135px;height:135px;font-family:sans-serif;font-size:120px;font-style:normal;line-height:1;display:grid;position:absolute;bottom:13%;right:11%}.hero-spark{color:var(--blue);z-index:5;font-size:95px;line-height:1;position:absolute;top:9%;left:29%}.hero-bottom{z-index:6;align-items:center;gap:35px;display:flex;position:absolute;bottom:35px;left:4%;right:4%}.hero-bottom p{margin-left:32%;font-size:15px}.project-sticker{background:var(--blue);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);white-space:nowrap;padding:14px 22px;font-size:14px;transform:rotate(-5deg);color:#fff!important}.project-sticker span{margin-left:10px;font-size:30px}.project-sticker:hover{transform:rotate(0)}.section{padding:110px 6.5%;scroll-margin-top:25px}.section-heading{margin-bottom:65px}.section-heading>span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.11em;margin-bottom:25px;font-size:12px;display:block}.about-body{grid-template-columns:32% 1fr;align-items:start;gap:12%;display:grid}.portrait-frame{aspect-ratio:4/5;background:var(--yellow);border:1px solid var(--ink);box-shadow:12px 12px 0 var(--red);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(-4deg)}.portrait-shape{color:var(--blue);font-size:clamp(110px,15vw,220px);line-height:1.1}.portrait-frame p{text-align:center;margin-top:25px;font-weight:700}.portrait-frame small{font-size:12px;font-weight:400}.tape{background:var(--blue);width:32%;height:35px;position:absolute;top:-16px;left:35%;transform:rotate(7deg)}.big-copy{letter-spacing:-.05em;font-size:clamp(23px,2.2vw,34px);font-weight:700;margin-bottom:24px!important;line-height:1.55!important}.about-copy>p:not(.big-copy){font-size:15px}.cv-link{border-bottom:1px solid var(--ink);margin:26px 0 40px;padding-bottom:7px;font-weight:700;display:inline-block}.education{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:25px;padding-top:28px;display:grid}.date{font-family:var(--mono);font-size:12px}.education h3{margin:12px 0;font-size:15px}.education p:not(.date){font-size:12px}.education strong{font-family:var(--display);margin-top:15px;font-size:28px;display:block}.education small{margin-top:4px;font-size:10px;display:block}.experience{background:var(--blue);color:#fff}.timeline article{border-top:1px solid #ffffffa6;grid-template-columns:70px 22% 1fr;gap:30px;padding:32px 0;display:grid}.timeline-mark{color:var(--yellow);font-size:60px;line-height:1}.timeline article>.date{padding-top:10px}.timeline h3{font-family:var(--display);margin-bottom:8px;font-size:32px}.timeline .role{margin-bottom:15px;font-size:14px}.timeline p:last-child{max-width:650px;font-size:14px}.feature{margin-top:75px}.feature+.feature{margin-top:110px}.feature-title{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:25px;display:flex}.feature-title h3{font-family:var(--display);letter-spacing:-.055em;font-size:clamp(40px,6vw,85px);line-height:1}.feature.red h3{color:var(--red)}.feature.blue h3{color:var(--blue)}.feature-title>span{font-family:var(--mono);font-size:12px}.feature-image{aspect-ratio:1.9;border:1px solid var(--ink);background:var(--paper);width:100%;padding:0;display:block;position:relative;overflow:hidden}.feature-image img{will-change:transform;height:120%;margin-top:-5%}.feature-arrow{background:var(--yellow);width:80px;height:80px;color:var(--ink);border:1px solid var(--ink);border-radius:50%;place-items:center;font-size:65px;line-height:1;transition:transform .25s;display:grid;position:absolute;bottom:25px;right:25px}.feature-image:hover .feature-arrow{transform:rotate(45deg)}.art-caption{background:var(--paper);padding:5px 9px;font-size:10px;position:absolute;bottom:15px;left:15px}.feature-meta{grid-template-columns:1fr 1fr;gap:12%;padding-top:23px;display:grid}.feature-meta>p{max-width:450px;font-size:20px;font-weight:600}.feature-meta>div{flex-direction:column;align-items:flex-start;gap:15px;font-size:13px;display:flex}.detail-link{border:0;border-bottom:1px solid var(--ink);background:0 0;padding:0 0 6px;font-weight:700!important}.archive{background:var(--yellow)}.archive-heading{flex-direction:row-reverse;justify-content:space-between;align-items:center;display:flex}.archive-star{color:var(--red);margin-right:5%;font-size:clamp(110px,21vw,300px);line-height:.9}.archive-controls{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:25px;padding-bottom:23px;display:flex}.filters{flex-wrap:wrap;gap:7px;display:flex}.filters button{border:1px solid var(--ink);background:0 0;border-radius:100px;padding:10px 16px;font-size:12px}.filters button[aria-pressed=true],.filters button:hover{background:var(--ink);color:var(--yellow)}.search{flex-direction:column;gap:8px;font-size:10px;display:flex}.search input{border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;width:220px;padding:8px 0;font-size:13px}.search input::placeholder{color:var(--ink);opacity:.7}.result-count{font-size:11px;margin:16px 0 28px!important}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:36px 28px;display:grid}.archive-card{background:var(--paper);border:1px solid var(--ink);box-shadow:5px 6px 0 var(--ink);text-align:left;padding:0;transition:transform .2s,box-shadow .2s}.archive-card:hover{box-shadow:8px 12px 0 var(--ink);transform:translateY(-6px)rotate(-1deg)}.card-1{margin-top:45px}.card-2{margin-top:15px}.archive-art{aspect-ratio:1.3;border-bottom:1px solid var(--ink);position:relative;overflow:hidden}.archive-art img{opacity:.82}.archive-symbol{font-family:var(--mono);color:var(--blue);text-shadow:3px 3px var(--paper);place-items:center;font-size:110px;font-weight:600;display:grid;position:absolute;inset:0}.motif-youtube{background:var(--red)}.motif-youtube img{mix-blend-mode:luminosity}.motif-invest{background:var(--blue)}.motif-invest img{object-position:80%;mix-blend-mode:screen}.motif-invest .archive-symbol{color:var(--yellow)}.motif-typerush img{filter:grayscale();transform:scale(1.5)rotate(180deg)}.motif-typerush .archive-symbol{background:var(--red);color:var(--paper);text-shadow:none;font-size:80px;inset:20%}.motif-web img{object-position:left;transform:scale(1.6)}.motif-web .archive-symbol{color:var(--red)}.motif-linux{background:var(--ink)}.motif-linux img{opacity:.25;filter:grayscale()}.motif-linux .archive-symbol{color:var(--yellow);text-shadow:none;font-size:75px}.motif-research .archive-symbol{color:var(--yellow);text-shadow:none;font-size:70px;inset:auto 10px 8px auto}.archive-card-body{padding:23px}.archive-card-body>span:first-child{text-transform:uppercase;font-size:10px}.archive-card h3{letter-spacing:-.04em;margin:12px 0;font-size:21px}.archive-card p{min-height:65px;font-size:12px}.archive-card-foot{font-family:var(--mono);border-top:1px solid var(--ink);justify-content:space-between;align-items:center;margin-top:20px;padding-top:12px;font-size:10px;display:flex}.archive-card-foot b{font-size:27px}.empty{text-align:center;padding:60px 0}.empty button{background:var(--ink);color:var(--paper);border:0;margin-top:20px;padding:12px 20px}.skill-index article{border-top:1px solid var(--ink);grid-template-columns:70px 27% 1fr;align-items:start;gap:30px;padding:30px 0;display:grid}.skill-index article>span{color:var(--red);font-size:55px;line-height:1}.skill-index article:nth-child(2n)>span{color:var(--blue)}.skill-index h3{padding-top:6px;font-size:22px}.skill-index ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.skill-index li{border:1px solid var(--ink);padding:9px 13px;font-size:13px}.qualification{border-top:1px solid var(--ink);gap:40px;padding-top:30px;font-size:13px;display:flex}.contact{background:var(--red);color:var(--paper);padding-bottom:28px}.contact h2{font-size:clamp(50px,8vw,115px);line-height:1.13}.contact h2>span{color:var(--yellow);margin-left:30px;display:inline-block}.contact-links{font-family:var(--mono);flex-direction:column;align-items:start;gap:18px;font-size:clamp(16px,2.4vw,30px);display:flex}.contact-links a{border-bottom:1px solid;padding-bottom:8px}.contact-links a:hover{color:var(--yellow)}.contact footer{border-top:1px solid #fff9;justify-content:space-between;align-items:center;gap:20px;margin-top:110px;padding-top:25px;display:flex}.contact footer>span,.contact footer>a:last-child{font-size:11px}.portfolio dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);width:calc(100% - 40px);max-width:850px;max-height:90svh;margin:auto;padding:0;overflow:auto}.portfolio dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.close-dialog{float:right;z-index:3;background:var(--yellow);border:1px solid var(--ink);margin:15px 15px -60px 0;padding:10px 16px;font-size:12px;position:sticky;top:15px}.dialog-banner{height:270px}.dialog-copy{padding:35px 45px}.dialog-copy h2{margin:18px 0;font-size:42px}.dialog-copy>.role{margin-bottom:25px;font-size:14px;font-weight:700}.dialog-copy>p{margin-bottom:17px;font-size:14px}.dialog-copy h3{margin:30px 0 15px;font-size:14px}.tool-tags{flex-wrap:wrap;gap:8px;display:flex}.tool-tags span{border:1px solid var(--ink);font-family:var(--mono);padding:6px 9px;font-size:11px}.visual-note{opacity:.65;margin-top:30px!important;font-size:10px!important}@media (width<=1000px){.nav nav{gap:14px;font-size:10px}.hero{min-height:650px}.hero h1{margin-top:95px}.hero-bottom p{margin-left:29%;font-size:13px}.hero-paper{width:27%}.hero-circle{width:110px;height:110px;font-size:90px}.section{padding:85px 5%}.about-body{grid-template-columns:33% 1fr;gap:7%}.education{gap:15px}.archive-controls{flex-direction:column;align-items:start}.search input{width:260px}.archive-grid{gap:25px 18px}.archive-card-body{padding:18px}.archive-card h3{font-size:18px}.skill-index article{grid-template-columns:55px 25% 1fr;gap:20px}.skill-index li{font-size:11px}}@media (width<=700px){.nav{height:72px;padding:0 5%}.wordmark{font-size:30px}.menu-toggle{background:0 0;border:0;margin-left:auto;margin-right:22px;padding:10px;font-size:12px;display:block}.cv-nav{padding:9px 13px;font-size:11px}.nav nav{background:var(--paper);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:24px;padding:22px 5%;font-size:12px;display:none;position:absolute;top:71px;left:0;right:0}.nav nav.is-open{display:grid}.hero{height:calc(100svh - 72px);min-height:670px;max-height:850px;padding:20px 5% 0}.hero-topline{font-size:10px}.hero h1{text-align:left;letter-spacing:-.075em;margin-top:150px;font-size:24vw;line-height:.81}.hero h1>span{padding-top:19px}.title-star{font-size:.56em}.hero-paper{box-shadow:4px 4px 0 var(--ink);padding:7px}.hero-paper figcaption{padding:5px 0 0;font-size:16px}.food-paper{width:36%;top:53%;left:7%}.hand-paper{width:34%;top:9%;right:9%}.hero-circle{width:100px;height:100px;font-size:80px;bottom:22%;right:11%}.hero-spark{font-size:65px;top:13%;left:15%}.hero-bottom{justify-content:space-between;align-items:end;gap:16px;bottom:30px;left:5%;right:5%}.hero-bottom p{margin-left:0;font-size:11px}.project-sticker{padding:10px 12px;font-size:11px}.project-sticker span{margin-left:3px;font-size:22px}.section{padding:70px 6%}.section-heading{margin-bottom:40px}.section-heading>span{margin-bottom:19px;font-size:10px}.portfolio h2{font-size:33px}.about-body{grid-template-columns:1fr;gap:55px}.portrait-frame{width:65%;max-width:270px;margin:10px auto 0}.portrait-shape{font-size:150px}.big-copy{font-size:25px}.about-copy>p:not(.big-copy){font-size:14px}.education{gap:20px}.education h3{font-size:13px}.education .date{font-size:10px}.education p:not(.date){font-size:11px}.education strong{font-size:25px}.timeline article{grid-template-columns:45px 1fr;gap:10px 18px;padding:27px 0}.timeline-mark{grid-row:span 2;font-size:45px}.timeline article>.date{padding:0}.timeline h3{margin-top:4px;font-size:29px}.timeline .role{font-size:12px}.timeline p:last-child{font-size:13px}.feature{margin-top:50px}.feature+.feature{margin-top:75px}.feature-title{gap:10px;margin-bottom:18px}.feature-title h3{font-size:46px}.feature-title>span{font-size:9px}.feature-image{aspect-ratio:1.2}.feature-arrow{width:58px;height:58px;font-size:45px;bottom:18px;right:15px}.art-caption{font-size:8px;bottom:10px;left:10px}.feature-meta{grid-template-columns:1fr;gap:18px;padding-top:20px}.feature-meta>p{font-size:17px}.feature-meta>div{font-size:12px}.archive-heading{align-items:start}.archive-star{margin-top:-25px;margin-right:-7%;font-size:100px}.archive-controls{gap:22px}.filters{gap:6px}.filters button{padding:9px 12px;font-size:11px}.search,.search input{width:100%}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}.card-1,.card-2{margin-top:0}.archive-card:nth-child(2n){margin-top:28px}.archive-card-body{padding:14px 12px}.archive-card h3{font-size:17px}.archive-card p{min-height:78px;font-size:11px}.archive-card-foot{overflow-wrap:anywhere;gap:5px;font-size:8px}.archive-symbol{font-size:65px}.motif-typerush .archive-symbol,.motif-linux .archive-symbol{font-size:45px}.archive-card:hover{transform:translateY(-3px)}.skill-index article{grid-template-columns:45px 1fr;gap:10px 18px}.skill-index article>span{grid-row:span 2;font-size:42px}.skill-index h3{margin-bottom:10px;font-size:21px}.skill-index ul{grid-column:2;gap:7px}.skill-index li{padding:7px 9px;font-size:11px}.qualification{gap:20px;font-size:11px}.qualification>span{white-space:nowrap}.contact h2{font-size:48px}.contact h2>span{margin-left:7px}.contact-links{gap:20px;font-size:17px}.contact footer{flex-wrap:wrap;margin-top:75px}.footer-brand{font-size:29px}.contact footer>span{font-size:9px}.contact footer>a:last-child{margin-left:auto}.portfolio dialog{width:calc(100% - 24px);max-height:93svh}.dialog-banner{height:210px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:31px}.dialog-copy>p{font-size:13px}.dialog-copy>.role{font-size:12px}}@media (width<=380px){.hero{min-height:630px}.hero h1{margin-top:135px}.hero-circle{width:80px;height:80px;font-size:65px}.archive-grid{grid-template-columns:1fr}.archive-card:nth-child(2n){margin-top:0}.archive-card p{min-height:0}.archive-art{aspect-ratio:1.6}.education{grid-template-columns:1fr}.contact h2{font-size:42px}.contact-links{font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio *{transition:none!important;animation:none!important}.portfolio [data-drift]{will-change:auto}.hero-paper,.portrait-frame{transform:none}}