:root{--ink:#101010;--paper:#fff;--line:#dadada;--section-rule:3px solid var(--ink);--item-rule:1px solid var(--line)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 "Pretendard Variable",Pretendard,"Apple SD Gothic Neo",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #5171ff;outline-offset:5px}button{border-radius:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.5}::selection{background:#101010;color:#fff}
header{height:76px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.wordmark{font-size:27px;font-weight:900;letter-spacing:-1.6px;line-height:1}.wordmark span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;gap:25px;margin-left:auto}nav a{font-size:11px;text-transform:uppercase;font-weight:600;line-height:1.5}nav a:hover{opacity:.5}.header-tools{display:flex;align-items:center;gap:20px}.language-switch{display:flex;gap:2px}.language-switch a{font-size:10px;font-weight:700;padding:5px 7px;line-height:1;border-radius:3px}.language-switch a[aria-current]{background:var(--ink);color:#fff}#menu{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;width:28px;height:30px;padding:3px}#menu span{display:block;width:22px;height:1px;background:var(--ink);transition:transform .2s}#menu[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}#menu[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}nav.open{position:absolute;top:76px;left:0;right:0;margin:0;padding:40px 5vw 60px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10px 50px;border-bottom:1px solid #444}nav.open a{font-size:clamp(24px,4vw,58px);text-transform:none;border-bottom:1px solid #444;letter-spacing:-.04em;padding:10px 0}.visitor-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px;min-height:32px;padding:5px 30px;font-size:10px;line-height:1.5}.visitor-bar strong{font-variant-numeric:tabular-nums;margin-left:4px}.visitor-bar small{font-size:9px;color:#777}
.hero{position:relative;min-height:760px;height:calc(100svh - 108px);max-height:1100px;margin:0 24px;border-bottom:var(--section-rule);overflow:hidden}.hero-masthead{font-size:clamp(100px,28vw,400px);font-weight:950;line-height:1;letter-spacing:-.08em;white-space:nowrap;padding-right:12px;position:relative;z-index:2;pointer-events:none}.hero-masthead>span{display:inline-block;font-size:.105em;vertical-align:top;letter-spacing:-.03em;margin-top:.55em;margin-left:.3em}.hero>img{position:absolute;right:0;top:39%;width:56%;height:48%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-7deg)}.hero-copy{position:absolute;left:12px;top:49%;max-width:42%;z-index:3}.hero-copy>span{font-size:11px}.hero h1{font-size:clamp(25px,3vw,45px);font-weight:650;letter-spacing:-.055em;line-height:1.5;margin:18px 0 24px}.hero-copy>a{display:inline-flex;align-items:center;gap:32px;padding:13px 20px;background:var(--ink);color:white;border-radius:40px;text-transform:uppercase;font-size:10px;letter-spacing:.03em}.hero-copy>a span{font-size:16px}.hero-bottom{position:absolute;bottom:22px;left:10px;right:10px;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:600;letter-spacing:.015em}.intro{background:var(--ink);color:#fff;margin:0;padding:90px 5vw 95px;display:grid;grid-template-columns:1fr 2fr;gap:40px 6vw;align-items:start}.section-index,.eyebrow{font-size:10px;letter-spacing:.04em;font-weight:500;line-height:1.5}.intro p{font-size:clamp(25px,3.7vw,58px);font-weight:500;line-height:1.5;letter-spacing:-.05em;word-break:keep-all;margin:0}.intro>span:last-child{grid-column:2;font-size:10px;letter-spacing:.06em;color:#aaa}.work{padding:90px 30px 100px;scroll-margin-top:20px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:var(--section-rule);padding-bottom:28px;margin-bottom:50px}.section-top h2{font-size:clamp(54px,9vw,140px);letter-spacing:-.065em;line-height:1.05;font-weight:750;margin:0}.section-top h2 span{font-size:13px;letter-spacing:0;display:inline-block;vertical-align:top;margin:12px 0 0 14px}.filters{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:5px}.filters button{border:1px solid #ccc;background:transparent;border-radius:30px;padding:8px 16px;font-size:11px}.filters button.active,.filters button:hover{color:#fff;background:var(--ink);border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:90px 30px;align-items:start;counter-reset:project}.project{display:block;position:relative;background:none;border:0;border-bottom:var(--item-rule);padding:0 0 22px;width:100%;text-align:left;counter-increment:project}.project:nth-child(even){margin-top:140px}.project .picture{aspect-ratio:3/2;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.project img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.2,.8,.2,1);transform:scale(.96)}.project:hover img{transform:scale(1)}.project .arrow{position:absolute;right:15px;bottom:15px;background:var(--ink);color:white;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:23px;transition:transform .25s}.project:hover .arrow{transform:rotate(45deg)}.project-info{display:flex;justify-content:space-between;gap:20px;padding-top:20px}.project-info h3{font-size:clamp(22px,2.2vw,34px);letter-spacing:-.04em;font-weight:650;margin:0 0 5px}.project-info p{font-size:11px;color:#666;margin:0;max-width:90%;line-height:1.7}.project-info>span{font-size:10px;padding-top:10px;white-space:nowrap}.project-info h3:before{content:counter(project,decimal-leading-zero);font-size:10px;vertical-align:top;display:inline-block;margin:5px 12px 0 0;letter-spacing:0;font-weight:400}.source-note{font-size:11px;max-width:470px;color:#777;line-height:1.8;margin:60px 0 0 auto}.about{padding:90px 5vw 100px;border-top:var(--section-rule);border-bottom:var(--section-rule);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-title>.section-index{display:block;margin-bottom:36px}.about-title>.eyebrow{display:block;color:#777}.about-title h2{font-size:clamp(48px,6.5vw,100px);line-height:1.15;letter-spacing:-.06em;font-weight:700;margin:25px 0 30px}.name{font-size:12px}.about-content{padding-top:100px}.about-content h3{font-size:clamp(23px,2.5vw,38px);letter-spacing:-.04em;line-height:1.5;font-weight:600;margin-bottom:28px}.about-content p{font-size:15px;color:#656565;line-height:2;word-break:keep-all;max-width:570px;margin-bottom:22px}.resume{padding:70px 5vw 0;display:grid;grid-template-columns:1fr 1.6fr;gap:8vw;scroll-margin-top:80px}.resume+.resume{margin-top:70px;border-top:var(--section-rule)}.resume h2{font-size:clamp(27px,3.1vw,48px);letter-spacing:-.045em;font-weight:650;margin:0;line-height:1.5}.muted{font-size:11px;color:#777;margin:8px 0 0}.rows article{display:grid;grid-template-columns:135px minmax(0,1fr);gap:25px;padding:24px 0;border-bottom:var(--item-rule)}.rows article:first-child{padding-top:9px}.rows time{font-size:10px;color:#777;overflow-wrap:anywhere;padding-top:5px}.rows h3{font-size:16px;font-weight:600;margin:0 0 6px;letter-spacing:-.02em}.rows p{font-size:12px;color:#777;margin:4px 0 0;line-height:1.9;word-break:keep-all}.cv-section:last-of-type{padding-bottom:100px}footer{background:var(--ink);color:white;padding:40px 30px 25px;overflow:hidden}.contact-masthead{font-size:clamp(60px,17vw,260px);font-weight:750;line-height:1.1;letter-spacing:-.075em;white-space:nowrap;padding-bottom:45px;border-bottom:1px solid #444;margin-bottom:55px;display:flex;justify-content:space-between}.contact-masthead>span{font-weight:400}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:35px}footer>.eyebrow{color:#999}footer h2{font-size:clamp(27px,3.4vw,50px);font-weight:500;letter-spacing:-.045em;line-height:1.5;margin:25px 0}.email{font-size:clamp(18px,2.2vw,32px);border-bottom:1px solid #666;line-height:1.7;overflow-wrap:anywhere;max-width:100%}.email:hover{color:#aaa}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:80px;padding-top:22px;border-top:1px solid #444;font-size:10px;color:#aaa}
dialog{border:0;width:100%;height:100%;max-width:100%;max-height:100%;padding:0;margin:0;color:var(--ink);background:white}dialog::backdrop{background:#fff}.dialog-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 30px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:2}.dialog-head .wordmark{font-size:11px;font-weight:600;letter-spacing:0}.dialog-head button{font-size:11px;border:1px solid #ccc;background:white;border-radius:30px;padding:9px 20px}.detail-intro{max-width:1200px;margin:75px auto;padding:0 30px}.detail-intro h2{font-size:clamp(36px,6vw,86px);font-weight:700;line-height:1.5;letter-spacing:-.055em;margin:15px 0 25px}.detail-intro p{font-size:15px;line-height:1.95;color:#666;max-width:700px;word-break:keep-all}.detail-meta{display:flex;gap:40px;flex-wrap:wrap;font-size:11px;margin-top:35px;color:#777}.detail-gallery{padding:0 30px}.detail-image-link{display:block;cursor:zoom-in;border-bottom:var(--item-rule)}.detail-image-link:last-child{border:0}.detail-gallery img{display:block;width:100%;height:auto;max-width:1920px;margin:0 auto;padding:30px 0;object-fit:contain}.detail-end{text-align:center;padding:70px 20px}.detail-end button{border:1px solid #ccc;background:none;border-radius:30px;padding:15px 28px;font-size:12px}.hidden{display:none!important}html[lang=en] .rows p{word-break:normal}.project{transition:opacity .35s,translate .5s}.project.entering{opacity:.2;translate:0 14px}
@media(min-width:1600px){.work{padding-left:4vw;padding-right:4vw}.grid{gap:100px 4vw}.hero-masthead{font-size:28vw}}
@media(max-width:950px){header>nav:not(.open){display:none}.hero{min-height:680px}.hero-copy{top:42%;max-width:45%}.hero>img{top:33%;height:53%}.grid{gap:65px 20px}.project:nth-child(even){margin-top:95px}.resume{grid-template-columns:1fr 1.8fr;gap:5vw}.rows article{grid-template-columns:100px minmax(0,1fr);gap:18px}.intro{grid-template-columns:1fr 2.6fr}}
@media(max-width:600px){html{scroll-padding-top:80px}header{height:64px;padding:0 20px}.wordmark{font-size:24px}.header-tools{gap:18px}nav.open{top:64px;grid-template-columns:1fr;padding:22px 20px 35px;gap:0}nav.open a{font-size:29px;padding:9px 0}.visitor-bar{padding:5px 20px;font-size:9px;min-height:29px;gap:9px}.hero{margin:0 16px;height:660px;min-height:0;max-height:none}.hero-masthead{font-size:27vw;letter-spacing:-.08em;padding-top:15px}.hero-copy{top:24%;left:4px;max-width:90%}.hero-copy>span{font-size:10px}.hero h1{font-size:27px;line-height:1.5;margin:14px 0 18px}.hero-copy>a{font-size:9px;padding:10px 17px;gap:22px}.hero>img{top:54%;height:34%;width:91%;right:-8px;transform:rotate(-7deg)}.hero-bottom{font-size:8px;left:4px;right:4px;bottom:20px;gap:18px}.hero-bottom span:last-child{text-align:right;max-width:130px}.intro{padding:55px 20px 60px;grid-template-columns:1fr;gap:30px}.intro p{font-size:27px}.intro>span:last-child{grid-column:1;font-size:9px}.work{padding:60px 20px}.section-top{display:block;margin-bottom:30px;padding-bottom:25px}.section-top h2{font-size:60px;line-height:1.05}.section-top h2 span{font-size:11px;margin-top:7px}.filters{margin-top:28px;gap:6px}.filters button{font-size:10px;padding:7px 14px}.grid{grid-template-columns:1fr;gap:40px}.project:nth-child(even){margin-top:0}.project{padding-bottom:20px}.project .picture{aspect-ratio:3/2}.project-info{padding-top:14px;gap:10px}.project-info h3{font-size:24px}.project-info p{font-size:10px;max-width:100%}.project-info>span{font-size:9px}.project .arrow{width:32px;height:32px;font-size:19px;right:9px;bottom:9px}.source-note{font-size:10px;margin:35px 0 0}.about{padding:55px 20px 50px;grid-template-columns:1fr;gap:35px}.about-title h2{font-size:58px}.about-title>.section-index{margin-bottom:26px}.about-content{padding:0}.about-content h3{font-size:25px}.about-content p{font-size:14px}.resume{padding:45px 20px 0;grid-template-columns:1fr;gap:25px}.resume+.resume{margin-top:45px}.resume h2{font-size:30px}.rows article{grid-template-columns:88px minmax(0,1fr);gap:15px;padding:22px 0}.rows h3{font-size:14px}.rows p{font-size:11px}.rows time{font-size:9px}.cv-section:last-of-type{padding-bottom:60px}footer{padding:25px 20px 25px}.contact-masthead{font-size:16vw;padding-bottom:25px;margin-bottom:35px}footer h2{font-size:28px}.email{font-size:18px}.contact-links{gap:13px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:55px;font-size:8px}.dialog-head{height:64px;padding:0 20px}.detail-intro{padding:0 20px;margin:45px auto}.detail-intro h2{font-size:36px}.detail-intro p{font-size:13px}.detail-meta{gap:16px;font-size:10px}.detail-gallery{padding:0 12px}.detail-gallery img{padding:18px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;translate:none!important}.project.entering{opacity:1}}