@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{font-family:Noto Sans KR,sans-serif;line-height:1;font-weight:400;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}b,strong{font-family:Outfit,sans-serif!important;font-weight:600!important}body{margin:0;padding:0;overflow:hidden;background:#fff;font-size:13px}a{color:#777;text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;font-weight:700;transition:all .2s ease}a:hover{text-decoration-style:solid;opacity:.7;color:#000}p,li{font-size:13px;line-height:1.5}.horizontal-scroll-container{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;width:100vw;height:100vh;position:absolute;top:0;left:0;scroll-snap-type:x mandatory;scroll-behavior:smooth;z-index:10;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-container::-webkit-scrollbar{display:none}.page-column{min-width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-snap-align:start;scrollbar-width:none;-ms-overflow-style:none;position:relative;background:transparent;scroll-snap-stop:always}.page-column::-webkit-scrollbar{display:none}.page-section{min-width:100vw;height:100vh;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;pointer-events:none;position:relative;padding-top:60px;padding-bottom:60px;box-sizing:border-box}.page-section.align-top-left{justify-content:flex-start;align-items:flex-start}.page-section>*{pointer-events:auto}.top-left-socials{position:fixed;top:20px;left:44px;z-index:50;display:flex;gap:15px;align-items:center}.top-left-socials .social-icon svg{width:20px;height:20px}.lang-toggle{position:fixed;top:28px;right:120px;z-index:50;font-family:Noto Sans KR,sans-serif;font-size:.7rem;font-weight:400;letter-spacing:.1em;display:flex;gap:8px}.lang-toggle a{color:#999;text-decoration:none;transition:color .2s;cursor:pointer}.lang-toggle a:hover{color:#333}.lang-toggle a.active{color:#000;font-weight:600}.project-info-wrapper{width:100%}.social-icon{width:24px;height:24px;cursor:pointer;transition:transform .2s;color:#000}.social-icon:hover{transform:scale(1.1)}.social-icon.m4l-icon{position:relative;top:0;left:-3px}.top-right-book{position:fixed;top:12px;right:12px;z-index:50;cursor:pointer;width:50px;transition:transform .2s}.top-right-book:hover{opacity:1;transform:scale(1.05) rotate(2deg)}.book-image-container a:hover{opacity:1}.top-right-book img{width:100%;height:auto;display:block;box-shadow:0 4px 12px #00000026}.swipe-hint{position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;opacity:1;background:#ffffffb3;border-radius:50%;pointer-events:none;z-index:20;animation:bounce 2s infinite}.swipe-hint svg{width:32px;height:32px;stroke-width:3px}.swipe-hint.right{right:20px;top:50%;transform:translateY(-50%);animation:bounceRight 2s infinite}.swipe-hint.left{left:20px;top:50%;transform:translateY(-50%);animation:bounceLeft 2s infinite}.swipe-hint.bottom{bottom:20px;left:50%;transform:translate(-50%);animation:bounceBottom 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes bounceRight{0%,to{transform:translateY(-50%)}50%{transform:translate(10px,-50%)}}@keyframes bounceLeft{0%,to{transform:translateY(-50%)}50%{transform:translate(-10px,-50%)}}@keyframes bounceBottom{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}.controls.compact-square{position:fixed;bottom:20px;right:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);padding:14px 10px;z-index:100;display:flex;flex-direction:column;gap:18px;box-shadow:0 8px 32px #00000026;width:75px;border-radius:20px}.sliders-col{display:flex;flex-direction:column;gap:24px;width:100%}.actions-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:4px}input[type=range]{width:100%;margin:0;height:6px;background:#d0d0d0;border-radius:3px;appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#000;border-radius:50%;border:3px solid white;box-shadow:0 2px 5px #0006;margin-top:0}input[type=range]::-moz-range-thumb{width:24px;height:24px;background:#000;border-radius:50%;border:3px solid white;box-shadow:0 2px 5px #0006}h1{font-family:Noto Sans KR,sans-serif;font-size:3.2em;line-height:1.1}h2{font-family:Noto Sans KR,sans-serif;font-size:1.8rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.section-title{font-family:Noto Sans KR,sans-serif;font-size:1.2rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.separator-line{margin:0 10px;font-weight:900}.circle-btn{background:transparent;color:#333;border:1px solid rgba(0,0,0,.15);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.circle-btn svg{width:16px;height:16px}.circle-btn.active{background:#000;color:#fff;border-color:#000}.circle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:#0000000d}.circle-btn.active:hover{background:#333}.circle-btn:active{transform:scale(.95)}@keyframes slideDownFade{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-down{animation:slideDownFade 1s cubic-bezier(.2,.8,.2,1) forwards}.separator-graphic{display:inline-block;width:2px;height:28px;border-radius:2px;margin:0 15px;vertical-align:middle}.large-video-box{width:70vw!important;max-width:900px!important;height:auto;min-height:50vh;padding:20px!important;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center}.large-video-box.video-type{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;box-shadow:none!important}.video-container{width:100%;aspect-ratio:16 / 9;height:auto;border-radius:8px;overflow:hidden;background:#eee;display:flex;align-items:center;justify-content:center;margin-bottom:5px!important}.video-container.instagram{aspect-ratio:1 / 1;max-width:500px;margin:0 auto 5px}@media(min-width:769px){.large-video-box.gallery-type{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;padding:0!important;align-items:stretch!important}.large-video-box.gallery-type .project-info-wrapper{background:#ffffffe6;padding:15px 25px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block;align-self:flex-start;margin-top:10px;box-shadow:0 4px 15px #0000001a}.large-video-box.gallery-type .project-title{margin-top:0!important}}.project-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:10px;width:100%;margin-bottom:5px}.gallery-thumb{width:100%;height:100%;min-height:0;max-height:100%;object-fit:cover;object-position:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 2px 8px #0000001a;overflow:hidden}.gallery-thumb:hover{opacity:1;transform:scale(1.01);box-shadow:0 5px 14px #00000029}@media(max-width:768px){.project-gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;gap:6px}.gallery-thumb{height:120px!important;max-height:120px!important}}.single-image-container{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:5px}.single-gallery-image{max-width:80%;max-height:50vh;object-fit:contain;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 20px #00000026}.single-gallery-image:hover{opacity:1;transform:scale(1.01);box-shadow:0 6px 22px #0003}@media(max-width:768px){.single-gallery-image{max-width:90%;max-height:40vh}}.project-title{font-family:Noto Sans KR,sans-serif;font-size:.8rem!important;margin-top:15px!important;margin-bottom:5px!important;font-weight:300}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:zoom-out;padding:40px;box-sizing:border-box}.lightbox-img{max-width:100%;max-height:100%;border-radius:4px;box-shadow:0 0 20px #00000080;cursor:default}.lightbox-caption{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-family:Noto Sans KR,sans-serif;text-align:center;background:#00000080;padding:5px 10px;border-radius:4px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:background .2s,transform .2s}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}.lightbox-nav svg{width:32px;height:32px}@media(max-width:768px){.lightbox-nav{width:40px;height:40px}}.content-box-inner-text{flex:1;text-align:left;background:#ffffffe6;padding:25px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-box{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:12px;max-width:400px;width:85%;display:flex;flex-direction:column;align-items:center;text-align:center}.content-box.wide{max-width:600px;text-align:left;align-items:flex-start}.content-box.extra-wide{max-width:800px;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:row;gap:40px;align-items:center;justify-content:center}.content-box.album-box{max-width:700px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:stretch}.content-box-inner{text-align:left;background:#ffffffe6;padding:30px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-box-inner.wide{flex:1}.content-box-inner.album{padding:20px}@media(max-width:768px){.splash-container{margin-top:100px!important;margin-left:20px!important}.content-box{background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.content-box.extra-wide{flex-direction:column!important}.book-image{max-width:150px!important}.content-box.wide{width:90%!important;padding:20px!important}.mobile-bottom-bar-bg{position:fixed;bottom:0;left:0;width:100%;height:70px;z-index:50;pointer-events:none}.top-right-book{position:fixed!important;inset:auto auto -40px 10px!important;width:65px;z-index:101;pointer-events:auto;transform:rotate(-5deg)}.lang-toggle{display:flex;top:22px;right:25px;font-size:.6rem}.top-left-socials{position:fixed!important;inset:auto auto -7px 50%!important;transform:translate(-50%)!important;flex-direction:row!important;background:#fff;padding:13px 25px 12px;border-radius:24px 24px 0 0;box-shadow:0 -4px 20px #00000026;gap:23px!important;z-index:100;display:flex!important;align-items:center;justify-content:center;width:auto;min-width:180px}.social-icon.m4l-icon{top:0;left:-3px}.controls-toggle{bottom:6px!important;right:20px!important}.page-section{padding-bottom:90px!important;padding-top:70px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important}.swipe-hint{background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:.8}.swipe-hint svg{width:18px;height:18px}.swipe-hint.right{right:5px!important;top:50%!important;transform:translateY(-50%)!important}.swipe-hint.left{left:5px!important;top:50%!important;transform:translateY(-50%)!important}.swipe-hint.bottom{bottom:70px!important}.controls-wrapper{bottom:14px!important;right:20px!important;left:auto!important;transform:none!important;width:75px!important;max-width:none!important;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:14px 10px!important;display:flex;flex-direction:column;gap:18px;box-shadow:0 8px 32px #00000026;z-index:200}.large-video-box{width:95vw!important;max-width:none!important;padding:10px!important}.large-video-box.video-type{padding:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:60vh!important}.large-video-box.video-type .video-container{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin:0 10px}.intro-card{padding:20px!important;width:90%!important}.scattered-links-container{height:calc(70vh - 70px);margin-top:-35px}}@media(min-width:769px){.content-box.extra-wide{flex-direction:row!important;display:flex!important;align-items:center;justify-content:center;gap:40px}.book-image-container{display:flex!important;justify-content:center;align-items:center;flex:1}.book-image{max-width:250px;width:100%;box-shadow:0 10px 30px #0003}.content-box-inner-text{flex:1;text-align:left}}.about-two-col{display:flex;flex-direction:row;gap:80px;align-items:center;width:90%;max-width:1200px}.about-img-col{flex:0 0 33.333%}.about-photo{width:100%;height:auto;display:block;border-radius:4px}.about-text-col{flex:1;max-width:none;width:100%;text-align:left;align-items:flex-start}.about-photo-mobile{width:70%;max-width:280px;height:auto;display:block;border-radius:4px}.teaching-two-col{display:flex;flex-direction:row;gap:80px;align-items:center;width:90%;max-width:1200px}.teaching-text-col{flex:2}.teaching-img-col{flex:1;display:flex;align-items:center;justify-content:center}.teaching-photo{width:100%;height:auto;display:block;border-radius:4px}.bio-split-layout{display:flex;flex-direction:row;width:100%;gap:40px;align-items:flex-start}.bio-left-col{flex:1;text-align:right;display:flex;flex-direction:column;justify-content:flex-start;padding-top:0}.bio-right-col{flex:2;text-align:left}@media(max-width:768px){.bio-split-layout{flex-direction:column;gap:20px}.bio-left-col{text-align:left;flex:0}}.intro-card{background:#fff;padding:40px;box-shadow:0 20px 40px #0000001a;border-radius:4px;text-align:center;max-width:400px}.section-head{font-family:Noto Sans KR,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:15px}.section-text{font-family:Noto Sans KR,sans-serif;font-size:.9rem;line-height:1.6}.section-text-small{font-family:Noto Sans KR,sans-serif;font-size:.9rem;line-height:1.6;margin-bottom:20px}.text-small{font-family:Noto Sans KR,sans-serif;font-size:.9rem;line-height:1.6}.text-bold{font-weight:600;margin-top:20px}.splash-container{margin-left:40px;margin-top:140px}.bio-list{list-style:none;padding:0;margin:0;width:100%}.bio-item{margin-bottom:15px;font-size:.9rem;line-height:1.4}.scrollable-content{max-height:80vh;overflow-y:auto}.book-image-container{flex:1;display:flex;justify-content:center}.book-image{max-width:250px;width:100%;box-shadow:0 10px 30px #0003;border-radius:4px;transition:transform .18s ease,box-shadow .18s ease}.book-image-container a:hover .book-image,.book-image-container a:focus-visible .book-image{transform:scale(1.015);box-shadow:0 14px 34px #0000003d}.album-image-container{width:100%;border-radius:4px;margin-bottom:30px;display:flex;align-items:center;justify-content:center;box-shadow:none;overflow:hidden;background:transparent}.album-image-placeholder{color:#999}.scattered-links-container{width:80%;height:70vh;position:relative;font-family:Noto Sans KR,sans-serif}.scattered-link{position:absolute;display:flex;align-items:center;gap:8px;color:#000;text-decoration:none;font-weight:400}.scattered-link svg{width:24px;height:24px}.scattered-link img{width:24px;height:24px;object-fit:contain;filter:contrast(1.2);mix-blend-mode:multiply}.project-title{margin-top:15px;font-size:.8rem;font-weight:400;font-family:Noto Sans KR,sans-serif}.project-description{margin-top:5px;font-size:.9rem;font-family:Noto Sans KR,sans-serif}.link-simple{border-bottom:1px solid black;padding-bottom:2px;margin-right:15px}.link-bold{border-bottom:1px solid black;padding-bottom:2px;font-weight:700}@media(max-width:768px){.page-section{background-color:#ffffffe6!important;transition:background-color .3s ease}.page-section.align-top-left.home-splash-section{background-color:transparent!important;justify-content:flex-start!important;align-items:flex-start!important}.content-box,.content-box-inner,.content-box-inner-text,.bio-intro-left,.bio-intro-right,.large-video-box{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important}.content-box-inner-text{padding-top:0!important;padding-bottom:0!important}.bio-intro-left,.bio-intro-right{padding:10px 40px!important;text-align:left!important}.bio-intro-left h2,.bio-intro-left p{text-align:left!important}.bio-social-links{justify-content:flex-start!important}.bio-subsection-title{text-align:left!important;padding-left:0!important;margin-bottom:5px!important;text-transform:uppercase;font-weight:700;font-size:1.2rem}.bio-list{text-align:left!important}.bio-education-wrapper{margin-top:30px}.project-title{font-size:.6rem!important;text-align:center;width:100%;line-height:1.4}.section-text,.section-text-small,.text-small,.bio-item,.project-description{font-size:.9rem!important}}@media(min-width:769px){.bio-intro-left{flex:1;text-align:left;background:#ffffffe6;padding:30px;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bio-photo-col{flex:1;display:flex;align-items:center;justify-content:center;align-self:center;padding:0 4px}.bio-photo{width:100%;max-width:420px;height:auto;display:block;background:transparent}.bio-intro-right{text-align:left;background:#ffffffe6;padding:30px;border-radius:px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bio-subsection-title{text-transform:uppercase;margin-bottom:10px;font-weight:700;font-size:1.2rem;padding-left:30px;text-align:left}.bio-education-wrapper{flex:2;width:100%}}