@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&family=Noto+Sans+KR:wght@400;500;600&display=swap');
:root{--ink:#202220;--muted:#656963;--line:#dce0d8;--paper:#fafafa;--lime:#d8ff36;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans','Noto Sans KR',sans-serif;--gutter:clamp(22px,5vw,88px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.case-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3c5bde;outline-offset:5px;border-radius:4px}::selection{background:var(--lime);color:#202220}.skip{position:fixed;z-index:100;left:20px;top:-80px;background:var(--lime);padding:12px}.skip:focus{top:15px}
.site-header{height:98px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(250,250,250,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.site-header:after{content:'';position:absolute;bottom:-1px;left:0;width:var(--reading-progress,0%);height:2px;background:#52691b}.wordmark{font-size:25px;font-weight:650;letter-spacing:-1.2px;white-space:nowrap}.wordmark-dot{display:inline-block;background:var(--lime);border-radius:50%;width:9px;height:9px;font-size:0;margin:0 4px}.site-header nav{display:flex;gap:36px;font-size:15px}.site-header nav a{position:relative;padding:7px 0}.site-header nav a:after{content:'';height:5px;width:5px;position:absolute;background:currentColor;border-radius:50%;left:50%;bottom:-4px;transform:scale(0);transition:transform .25s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{transform:scale(1)}.language-control{display:flex;align-items:center;gap:3px;font-size:13px}.language-control button{background:transparent;padding:8px;font-size:13px;border-radius:30px;min-width:38px;min-height:38px;color:var(--muted)}.language-control button[aria-pressed=true]{color:var(--ink);background:#e6e9e0;font-weight:700}.language-control span{color:#858a80}
.hero{padding:32px var(--gutter) 36px;max-width:1680px;margin:auto}.hero-top{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:35px}.hero h1{font-size:clamp(54px,7.7vw,120px);letter-spacing:-.061em;line-height:1.08;font-weight:450;animation:enter .9s var(--ease) both}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.hero-bottom{display:grid;grid-template-columns:1fr 1.15fr auto;gap:55px;align-items:end;margin-top:39px}.hero-bottom>p{font-size:17px;line-height:1.65;max-width:540px;color:#51574e}.hero-year{font-size:13px;writing-mode:vertical-rl;color:var(--muted)}.round-link{display:inline-flex;align-items:center;gap:18px;width:max-content;font-size:15px;font-weight:500}.small-orbit{width:51px;height:51px;display:grid;place-items:center;background:var(--lime);border-radius:50%;font-size:30px;transition:transform .7s var(--ease)}.round-link:hover .small-orbit{transform:rotate(100deg)}
.work-section,.research-section,.about-section,.contact-section,footer{padding-left:var(--gutter);padding-right:var(--gutter);max-width:1680px;margin:auto}.work-section{padding-top:30px}.section-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px;padding-top:28px;border-top:1px solid var(--line)}.section-top h2{font-size:22px;font-weight:500;letter-spacing:-.7px}.section-top>p,.section-top>span{font-size:14px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;row-gap:58px}.project-card.seam{grid-column:1/-1}.project-open{display:block}.project-image{position:relative;overflow:hidden;background:#e5e8e5;border-radius:18px;aspect-ratio:1.43;isolation:isolate;transform:translateZ(0)}.image-surface{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:8%;transition:transform .75s var(--ease);transform:translate3d(var(--mx,0px),var(--my,0px),0)}.project-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 16px #0002);transition:transform .85s var(--ease)}.seam .project-image{aspect-ratio:2.3;background:#202626}.seam .image-surface{padding:4% 11%}.seam .project-image img{border-radius:5px;filter:drop-shadow(0 20px 20px #0008)}.campus .project-image{background:#e1e5ee}.campus .image-surface{padding:0}.campus .project-image img{object-fit:cover;filter:none}.capstone .project-image{background:#d8e7de}.capstone .image-surface{padding:0}.capstone .project-image img{object-fit:cover;filter:none}.claudeusage .project-image{background:#f2dfd3}.claudeusage .image-surface{padding:7% 11%}.vocanote .project-image{background:#d9e9e6}.vocanote .image-surface{padding:10% 7%;transform:rotate(-3deg) translate3d(var(--mx,0px),var(--my,0px),0)}.vocanote img{border:1px solid #bdcec6;border-radius:8px}.project-number{position:absolute;top:22px;left:24px;background:rgba(250,250,250,.9);font-size:12px;font-weight:600;padding:5px 10px;border-radius:20px}.view-label{position:absolute;bottom:22px;right:22px;background:var(--paper);border-radius:40px;padding:12px 20px;font-size:14px;box-shadow:0 4px 18px #0001;transition:background .25s,transform .4s var(--ease)}.project-open:hover .view-label,.project-open:focus-visible .view-label{background:var(--lime);transform:translateY(-4px)}.project-open:hover .project-image img{transform:scale(1.025)}.project-heading{display:flex;justify-content:space-between;gap:15px;margin-top:20px;align-items:baseline}.project-heading h3{font-size:clamp(23px,2.2vw,34px);line-height:1.23;letter-spacing:-.04em;font-weight:500}.project-year{font-size:13px;white-space:nowrap;color:var(--muted)}.project-summary{margin-top:9px;color:#555a53;font-size:16px;max-width:600px}.project-kind{font-size:13px;color:var(--muted);margin-top:14px}.toolkit-row{display:grid;grid-template-columns:96px 1fr auto;gap:32px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;margin-top:66px}.toolkit-symbol{height:90px;display:grid;place-items:center;background:var(--lime);border-radius:20px;font:34px var(--serif)}.eyebrow{font-size:13px;letter-spacing:.04em;color:var(--muted)}.toolkit-row h3{font-size:26px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin:7px 0}.toolkit-row div>p:last-child{font-size:16px;max-width:700px;color:var(--muted)}.pill{font-size:14px;border:1px solid #b8bdb2;border-radius:40px;padding:10px 20px;white-space:nowrap}.toolkit-row:hover .pill{background:var(--lime);border-color:var(--lime)}
.research-section{padding-top:104px}.paper{display:grid;grid-template-columns:.9fr 1.2fr;gap:70px;align-items:start;margin-top:40px}.paper-visual{background:#edede7;padding:50px 24px 100px;border-radius:3px;position:relative}.paper-visual img{box-shadow:0 9px 30px #20222010}.paper-stamp{position:absolute;bottom:25px;right:26px;font:italic 35px/.95 var(--serif);text-align:right}.paper-copy h3{font-family:var(--serif);font-size:clamp(32px,3vw,46px);font-weight:400;line-height:1.12;letter-spacing:-.015em;margin:16px 0}.authors{font-size:14px;color:var(--muted);margin-bottom:20px}.paper-copy>p:not(.eyebrow):not(.authors):not(.citation){font-size:16px;line-height:1.75}.citation{font-size:13px;color:var(--muted);margin-top:16px}.paper-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:24px}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:3px;display:inline-block;width:max-content;transition:background .25s}.text-link:hover{background:var(--lime)}.research-detail{margin-top:28px;border-top:1px solid var(--line)}summary{padding:15px 0;cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px;line-height:1}details[open]>summary:after{content:'−'}.research-detail-body{font-size:15px;padding:6px 0 24px}.paper-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.paper-metrics p{font-size:12px;color:var(--muted)}.paper-metrics b{display:block;font-size:30px;font-weight:450;color:var(--ink);line-height:1.5}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:120px;padding-bottom:110px}.about-copy h2{font-family:var(--serif);font-size:60px;font-weight:400;letter-spacing:-.025em;line-height:1.1;margin:25px 0;position:relative}.about-flower{font-size:50px;display:inline-block;color:#66822a;margin-left:15px;vertical-align:middle}.about-copy>p:not(.eyebrow){color:#555a53;line-height:1.85;font-size:17px}.about-copy .text-link{margin-top:28px}.experience-row{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:105px 1fr;gap:23px}.experience-row>p{font-size:13px;color:var(--muted)}.experience-row h3{font-size:17px;font-weight:500;line-height:1.4;margin-bottom:6px}.experience-row div p{font-size:14px;line-height:1.65;color:var(--muted)}.contact-section{background:var(--lime);display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding-top:62px;padding-bottom:68px;border-radius:24px;max-width:calc(1680px - var(--gutter)*2);width:calc(100% - var(--gutter)*2)}.contact-section .eyebrow{color:#4b551e}.contact-section h2{font:400 clamp(38px,5.1vw,76px)/1.15 var(--serif);letter-spacing:-.025em;margin:12px 0 18px}.contact-email{font-size:clamp(16px,2.2vw,27px);border-bottom:1px solid var(--ink);padding-bottom:6px;overflow-wrap:anywhere}.contact-mark{font:italic 180px/.7 var(--serif);padding-right:18px;transform:rotate(-9deg);transition:transform .7s var(--ease)}.contact-section:hover .contact-mark{transform:rotate(6deg)}footer{display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted);padding-top:38px;padding-bottom:38px}footer a{color:var(--ink)}
.case-dialog{padding:0;border:0;width:calc(100% - 48px);height:calc(100% - 32px);max-width:1500px;max-height:none;border-radius:20px;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}.case-dialog::backdrop{background:#171e1bbe;backdrop-filter:blur(10px)}.case-dialog[open]{animation:case-in .45s var(--ease) both}.case-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 45px;background:rgba(250,250,250,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.case-toolbar .wordmark{font-size:21px}.case-toolbar-right{display:flex;align-items:center;gap:24px}.close-case{display:flex;align-items:center;gap:16px;border-radius:35px;padding:9px 17px;background:var(--lime);font-size:14px}.close-case>span:last-child{font-size:23px;line-height:1}.case-content{padding:55px clamp(24px,6vw,92px) 70px}.case-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.case-content h1{font:400 clamp(44px,6.1vw,84px)/1.08 var(--serif);letter-spacing:-.03em;margin:15px 0 30px}.case-lead{font-size:clamp(18px,2vw,23px);line-height:1.6;max-width:850px;color:#474e45}.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:35px 0}.case-meta h2{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:500;color:var(--muted);margin-bottom:9px}.case-meta p{font-size:15px}.gallery{margin:40px 0}.gallery-stage{height:clamp(270px,50vw,630px);display:flex;align-items:center;justify-content:center;background:#e8ece6;border-radius:12px;padding:30px;overflow:hidden}.gallery-stage img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 10px #0001)}.gallery-caption{font-size:13px;color:var(--muted);padding:14px 0;min-height:45px}.gallery-thumbs{display:flex;gap:12px;flex-wrap:wrap}.gallery-thumb{width:92px;height:64px;border-radius:5px;padding:6px;background:#ecefe9;border:2px solid transparent;transition:border-color .2s}.gallery-thumb[aria-pressed=true]{border-color:#536a17}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-count{font-size:13px;color:var(--muted)}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin:44px 0}.case-metrics b{display:block;font-size:clamp(27px,3vw,44px);font-weight:450;letter-spacing:-.045em;line-height:1.3;margin-bottom:7px}.case-metrics p{font-size:13px;color:var(--muted)}.process-heading{font-size:22px;letter-spacing:-.03em;font-weight:500;margin-bottom:20px!important}.process-tabs{display:flex;gap:8px;flex-wrap:wrap}.process-tab{border-radius:32px;background:transparent;border:1px solid #cbd0c4;padding:10px 18px;font-size:14px}.process-tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.process-panel{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:30px;border-radius:14px;background:#eef1e8;margin-top:16px;margin-bottom:50px;min-height:200px;align-items:start}.process-index{font:italic 68px/1 var(--serif);color:#536a17}.process-panel h3{font-size:20px;font-weight:500;margin-bottom:10px}.process-panel p{font-size:16px;line-height:1.8;max-width:800px}.case-section{display:grid;grid-template-columns:230px 1fr;gap:45px;padding:32px 0;border-top:1px solid var(--line)}.case-section h2{font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1.4}.case-section p{font-size:17px;line-height:1.85;color:#454b42;max-width:780px}.case-footer{display:flex;gap:25px;align-items:center;margin:38px 0 25px;flex-wrap:wrap}.case-source{font-size:12px;line-height:1.7;color:var(--muted)}.next-project{display:flex;justify-content:space-between;align-items:center;background:var(--lime);border-radius:12px;padding:24px 30px;margin-top:40px;gap:20px}.next-project span:first-child{font-size:13px}.next-project strong{font:400 34px/1.1 var(--serif)}
html[lang=ko] h1,html[lang=ko] .paper h3,html[lang=ko] .about-copy h2,html[lang=ko] .contact-section h2,html[lang=ko] .next-project strong{word-break:keep-all}html[lang=ko] .hero h1{font-size:clamp(42px,6.2vw,86px);line-height:1.3;letter-spacing:-.07em}html[lang=ko] .hero h1 em{font-family:var(--sans);font-style:normal;font-weight:400;letter-spacing:-.07em}html[lang=ko] .case-content h1,html[lang=ko] .about-copy h2,html[lang=ko] .contact-section h2{font-family:var(--sans);font-size:clamp(34px,4.5vw,62px);line-height:1.3;letter-spacing:-.05em}html[lang=ko] p{word-break:keep-all;overflow-wrap:break-word}.noscript-note{padding:20px var(--gutter)}
.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.motion-ready .reveal.in-view{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes case-in{from{opacity:0;transform:translateY(25px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:1600px){.site-header{padding-left:max(var(--gutter),calc((100vw - 1504px)/2));padding-right:max(var(--gutter),calc((100vw - 1504px)/2))}}
@media(max-width:1000px){.hero-bottom{grid-template-columns:.8fr 1.2fr;gap:30px}.hero-year{display:none}.paper{gap:35px;grid-template-columns:.8fr 1fr}.about-section{gap:45px}.experience-row{grid-template-columns:85px 1fr;gap:12px}.project-grid{gap:42px 24px}.case-section{grid-template-columns:180px 1fr;gap:30px}.hero-top{margin-bottom:26px}}
@media(max-width:700px){html{scroll-padding-top:116px}.site-header{height:auto;min-height:100px;display:grid;grid-template-columns:1fr auto;row-gap:9px;padding-top:13px;padding-bottom:13px}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:15px;font-size:14px}.wordmark{font-size:22px}.language-control{grid-column:2;grid-row:1}.hero{padding-top:30px;padding-bottom:36px}.hero-top{font-size:12px;gap:20px}.hero-top p:last-child{text-align:right;max-width:110px}.hero h1{font-size:clamp(45px,10.8vw,76px);letter-spacing:-.06em;line-height:1.15}.hero h1 em{letter-spacing:-.035em}.hero-bottom{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:25px;margin-top:26px}.hero-bottom>p{font-size:16px}.round-link{font-size:14px}.small-orbit{width:43px;height:43px;font-size:26px}.section-top h2{font-size:20px}.section-top>p,.section-top>span{font-size:12px}.project-grid{display:block}.project-card{margin-bottom:38px}.project-card.seam{margin-bottom:38px}.project-image{border-radius:12px;aspect-ratio:1.3}.seam .project-image{aspect-ratio:1.35}.seam .image-surface{padding:6%}.seam img{object-fit:contain}.project-number{top:14px;left:14px;font-size:12px;padding:3px 9px}.view-label{bottom:14px;right:14px;font-size:12px;padding:8px 13px}.project-heading{margin-top:17px}.project-heading h3{font-size:25px}.project-year{font-size:12px}.project-summary{font-size:15px;line-height:1.6}.project-kind{font-size:12px;margin-top:9px}.toolkit-row{grid-template-columns:60px 1fr;gap:18px;margin-top:15px;padding:25px 0}.toolkit-symbol{height:62px;font-size:26px;border-radius:12px}.toolkit-row h3{font-size:23px}.toolkit-row div>p:last-child{font-size:14px}.toolkit-row .pill{grid-column:2;justify-self:start;font-size:13px;padding:7px 16px}.eyebrow{font-size:12px}.research-section{padding-top:65px}.paper{display:flex;flex-direction:column;gap:30px;margin-top:24px}.paper-visual{width:100%;padding:30px 20px 75px}.paper-visual img{max-height:220px;object-fit:contain}.paper-copy h3{font-size:37px}.paper-copy>p:not(.eyebrow):not(.authors):not(.citation){font-size:16px}.paper-links{gap:20px}.about-section{display:block;padding-top:76px;padding-bottom:55px}.about-copy h2{font-size:50px}.about-copy>p:not(.eyebrow){font-size:16px}.experience{margin-top:38px}.experience-row{grid-template-columns:92px 1fr;gap:20px}.contact-section{padding:32px 26px 38px;border-radius:15px}.contact-mark{display:none}.contact-section h2{font-size:44px}.contact-email{font-size:19px}footer{font-size:12px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:14px}footer p:nth-child(2){order:3;flex-basis:100%}.case-dialog{width:100%;height:100%;border-radius:0;margin:0;max-width:none}.case-toolbar{padding:12px 20px}.case-toolbar-right{gap:8px}.case-toolbar .wordmark{font-size:19px}.case-toolbar .language-control{gap:0}.case-toolbar .language-control button{min-width:31px;padding:6px;font-size:12px}.close-case{padding:8px 12px;font-size:13px;gap:9px}.case-content{padding:32px 22px 45px}.case-content h1{font-size:47px;margin-top:14px;margin-bottom:23px}.case-lead{font-size:18px}.case-meta{gap:22px;grid-template-columns:1fr;margin:28px 0}.case-meta p{font-size:14px}.gallery{margin:26px 0}.gallery-stage{height:310px;padding:14px}.gallery-caption{font-size:12px}.gallery-thumb{width:68px;height:51px}.gallery-thumbs{gap:6px}.case-metrics{gap:17px;padding:22px 0;grid-template-columns:1fr;margin:30px 0}.case-metrics>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.case-metrics b{font-size:29px;white-space:nowrap;margin:0}.case-metrics p{font-size:12px;text-align:right}.process-tabs{gap:7px}.process-tab{padding:8px 13px;font-size:13px}.process-panel{grid-template-columns:1fr;gap:12px;padding:24px 22px;min-height:300px;margin-bottom:25px}.process-index{font-size:45px}.process-panel p{font-size:15px}.case-section{display:block;padding:24px 0}.case-section h2{font-size:21px;margin-bottom:12px}.case-section p{font-size:16px;line-height:1.8}.next-project{display:block;padding:22px}.next-project strong{display:block;font-size:30px;margin-top:10px}.next-project span:first-child{font-size:12px}html[lang=ko] .hero h1{font-size:clamp(32px,8.8vw,58px)}html[lang=ko] .about-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.image-surface{transform:none!important}}
@media(hover:none){.image-surface{transform:none!important}.project-open:hover .project-image img{transform:none}}