@charset "UTF-8";

*{box-sizing: border-box; margin: 0; padding: 0;}
figure{margin: 0;}
html{scroll-behavior: smooth; font-size: var(--fz-16);}
body{background: var(--color-secondary); color: #fff; font-family: var(--ff-pretendard);}
a{color: inherit; text-decoration: none;}
ul, ol, li{list-style: none;}
img{display: block; max-width: 100%; height: auto;}
button{background: none; border: none; font-family: inherit; cursor: pointer;}


.mn-sec-visual{position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: 100%; height: 100vh; min-height: 920px; padding-bottom: 160px; overflow: hidden; z-index: 1;}
.mn-sec-visual .visual-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.mn-sec-visual .bg-item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; transform: scale(1); transition: opacity 2.5s cubic-bezier(0.25, 0.1, 0.25, 1), transform 8s ease-out;}
.mn-sec-visual .bg-item::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mn-sec-visual .bg-item:nth-child(1){background-image: url(../img/mn_visual_bg_01.webp)}
.mn-sec-visual .bg-item:nth-child(2){background-image: url(../img/mn_visual_bg_02.webp)}
.mn-sec-visual .bg-item.active{opacity: 1; transform: scale(1.05);}
.mn-sec-visual .visual-content{display: flex; flex-direction: column; width: 690px; padding-left: 160px; gap: 10px;}
.mn-sec-visual .visual-pagination{display: flex; align-items: center; padding: 0 5px; gap: 3px;}
.mn-sec-visual .visual-pagination .current{color: #F0F0F0; text-align: center; font-family: var(--ff-maecenas); font-size: var(--fz-20); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.4px;}
.mn-sec-visual .visual-pagination .divider{margin-left: 4px; opacity: 0.6; color: #fff; font-size: var(--fz-12); font-family: var(--ff-notoserif); letter-spacing: 2.4px;}
.mn-sec-visual .visual-pagination .total{opacity: 0.6; color: #fff;  text-align: center; font-family: var(--ff-maecenas); font-size: var(--fz-20); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.4px;}
.mn-sec-visual .visual-text{display: flex; flex-direction: column;}
.mn-sec-visual .visual-subtitle{color: #fff; font-family: var(--ff-notoserif); font-size: var(--fz-40); font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -2px;}
.mn-sec-visual .visual-title{color: var(--Non-Sat-000, #FFF); font-family: var(--ff-notoserif); font-size: 60px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -3px;}
.mn-sec-visual .visual-badge{position: relative; display: flex; align-items: center; margin-top: 10px; gap: 15px;}
.mn-sec-visual .visual-badge span{color: #F0F0F0; font-size: var(--fz-24); font-family: var(--ff-maecenas); letter-spacing: 4.8px;}
.mn-sec-visual .visual-dots{position: absolute; bottom: 53px; left: 50%; display: flex; transform: translateX(-50%); gap: 14px;}
.mn-sec-visual .visual-dots .dot{width: 8px; height: 8px; background: #6C6867; border-radius: 50%;}
.mn-sec-visual .visual-dots .dot.active{background: #EDEDED;}

:root{--philosophy-scroll-scale: 0.50; --philosophy-height-pc: calc(500vh * var(--philosophy-scroll-scale)); --philosophy-height-mo: calc(500vh * var(--philosophy-scroll-scale));}
.mn-sec-philosophy{position: relative; width: 100%; height: var(--philosophy-height-pc); overflow-x: clip;}
.mn-sec-philosophy .philosophy-pin-wrap{position: relative; width: 100%; height: 100vh; overflow: hidden;}
.mn-sec-philosophy .philosophy-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/mn_service_bg.webp) center/cover no-repeat; z-index: 0; pointer-events: none;}
.mn-sec-philosophy .philosophy-images{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none;}
.mn-sec-philosophy .philosophy-imglist{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mn-sec-philosophy .philosophy-img{position: absolute; border-radius: 10px; overflow: hidden; opacity: 0; clip-path: inset(100% 0% 0% 0%); filter: blur(8px); will-change: transform, clip-path, filter;}
.mn-sec-philosophy .philosophy-img img{width: 100%; height: 100%; object-fit: cover;}
.mn-sec-philosophy .philosophy-img.img-01{top: 7.25%; right: 3.54%; width: 17.19%; aspect-ratio: 330/353; box-shadow: 3px 3px 3px rgba(0,0,0,0.1), -20px 60px 34px rgba(166,160,156,0.1);}
.mn-sec-philosophy .philosophy-img.img-02{top: 37.22%; right: 15.68%; width: 13.18%; aspect-ratio: 253/320; box-shadow: 3px 3px 3px rgba(0,0,0,0.1), 30px 60px 34px rgba(166,160,156,0.1);}
.mn-sec-philosophy .philosophy-img.img-03{top: 26.91%; left: 6.3%; width: 17.71%; aspect-ratio: 340/396; box-shadow: 3px 3px 3px rgba(0,0,0,0.1), -20px 60px 34px rgba(166,160,156,0.1);}
.mn-sec-philosophy .philosophy-img.img-04{top: 50.07%; left: 18.23%; width: 13.85%; aspect-ratio: 266/303; box-shadow: 3px 3px 3px rgba(0,0,0,0.1), 0px 60px 34px rgba(166,160,156,0.1);}
.mn-sec-philosophy .philosophy-img.img-05{top: 127%; right: 0; width: 21.3%; aspect-ratio: 409/353; box-shadow: 3px 3px 3px rgba(0,0,0,0.1), -20px 60px 34px rgba(166,160,156,0.1);}
.mn-sec-philosophy .philosophy-img.img-06{top: 103%; left: 3.28%; width: 23.75%; opacity: 0.6; aspect-ratio: 456/237; box-shadow: 6px 6px 6px rgba(0,0,0,0.1), -20px 60px 34px rgba(166,160,156,0.1);}
.mn-sec-philosophy .philosophy-text-wrap{position: absolute; top: 0; left: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; max-width: 550px; padding-top: 257px; left: 50%; transform: translateX(-50%); text-align: center;}
.mn-sec-philosophy .philosophy-text-wrap h2{color: #fff; font-size: var(--fz-36); font-weight: 500; font-family: var(--ff-notoserif); line-height: 1.5;}
.mn-sec-philosophy .philosophy-phrase{position: absolute; top: calc(357px + 9em); left: 0; width: 100%; display: flex; flex-direction: column; align-items: center; will-change: opacity;}
.mn-sec-philosophy .phrase-a strong{color: #fff; font-size: var(--fz-20); font-weight: 500; font-family: var(--ff-notoserif);}
.mn-sec-philosophy .phrase-a p{margin-top: 40px; color: #fff; font-size: var(--fz-18); font-weight: 400; font-family: var(--ff-pretendard); line-height: 32px;}
.mn-sec-philosophy .phrase-b{opacity: 0;}
.mn-sec-philosophy .phrase-b p{color: #fff; font-size: var(--fz-18); font-weight: 400; font-family: var(--ff-pretendard); line-height: 32px;}
.mn-sec-philosophy .btn-more{display: inline-flex; justify-content: center; align-items: center; height: 40px; margin-top: 60px; padding: 0 30px; background: var(--color-primary); border-radius: 5px; color: #fff; font-size: var(--fz-15); font-weight: 600; font-family: var(--ff-notoserif); line-height: 22px; transition: background-color 0.3s, transform 0.3s;}
.mn-sec-philosophy .btn-more:hover{background: #6b4f35; transform: translateY(-2px);}
.mn-sec-staff .btn-more{display: inline-flex; justify-content: center; align-items: center; width: 236px; height: 40px; padding: 0 30px; background: var(--color-primary); border-radius: 5px; color: #fff; font-size: var(--fz-15); font-weight: 600; font-family: var(--ff-notoserif); line-height: 22px; transition: background-color 0.3s, transform 0.3s;}
.mn-sec-staff .btn-more:hover{background: #6b4f35; transform: translateY(-2px);}

.mn-sec-signature{position: relative; padding-top: var(--mn-sec-padding); padding-bottom: var(--sub-sec-padding); background: #fff;}
.mn-sec-signature .signature-header{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; margin-bottom: 100px; padding-top: 140px; gap: 5px;}
.mn-sec-signature .signature-header:before{content: ''; position: absolute; bottom: calc(50% + 24px); left: 0; transform: translateY(50%); display: block; width: 100%; aspect-ratio: 1920/190; background: url(../img/mn_signature_titlebg.png) center/cover no-repeat; pointer-events: none; clip-path: inset(0% 100% 0% 0%); transition: clip-path 2.4s cubic-bezier(.37,.17,.48,.92);}
.mn-sec-signature .signature-header.active:before{clip-path: inset(0% 0% 0% 0%);}
.mn-sec-signature .sec-icon{display: flex; flex-direction: column; align-items: center; gap: 5px;}
.mn-sec-signature .sec-eng-title{color: var(--color-title); font-size: var(--fz-32); font-weight: 400; font-family: var(--ff-maecenas); text-align: center;}
.mn-sec-signature .sec-desc{margin-top: 45px; color: var(--color-text); font-size: var(--fz-18); font-weight: 400; font-family: var(--ff-pretendard); line-height: 32px; text-align: center;}
.mn-sec-signature .signature-cards{display: flex; justify-content: center; align-items: center; width: 100%; gap: 40px;}
.mn-sec-signature .signature-card{position: relative; display: flex; flex: 1; height: 800px; overflow: hidden;}
.mn-sec-signature .signature-card::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #241D1B; background-position: center; background-size: cover; background-repeat: no-repeat; transition: transform 0.5s ease;}
.mn-sec-signature .signature-card:hover::before{transform: scale(1.05);}
.mn-sec-signature .signature-card:first-child{border-radius: 0 10px 10px 0;}
.mn-sec-signature .signature-card:first-child::before{background-image: url(../img/mn_signature_01.webp); border-radius: inherit;}
.mn-sec-signature .signature-card:nth-child(2){border-radius: 10px;}
.mn-sec-signature .signature-card:nth-child(2)::before{background-image: url(../img/mn_signature_02.webp); border-radius: inherit;}
.mn-sec-signature .signature-card:last-child{border-radius: 10px 0 0 10px;}
.mn-sec-signature .signature-card:last-child::before{background-image: url(../img/mn_signature_03.webp); border-radius: inherit;}
.mn-sec-signature .card-inner{position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; padding: 100px 40px;}
.mn-sec-signature .card-top{display: flex; flex-direction: column; align-items: center; gap: 60px;}
.mn-sec-signature .card-top h3{color: #fff; font-size: var(--fz-32); font-weight: 600; font-family: var(--ff-notoserif); line-height: 60px; text-align: center;}
.mn-sec-signature .card-top p{color: #fff; font-size: var(--fz-18); font-weight: 500; font-family: var(--ff-notoserif); line-height: 32px; text-align: center;}
.mn-sec-signature .card-tags{display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;}
.mn-sec-signature .card-tags .tag{display: inline-flex; justify-content: center; align-items: center; padding: 16px 24px; background: rgba(255,255,255,0.12); border-radius: 36px; color: #fff; font-size: var(--fz-18); font-weight: 400; font-family: var(--ff-pretendard); text-align: center; transition: 0.5s;}
.mn-sec-signature .card-tags .tag:hover{background: rgba(255,255,255,0.3);}

.mn-sec-staff{position: relative; display: flex; align-items: center; width: 100%; min-height: 920px; padding: 180px 240px 150px; background: url(../img/mn_staff_bg.webp) center/cover no-repeat;}
.mn-sec-staff .staff-content{display: flex; flex-direction: column; align-items: flex-start;}
.mn-sec-staff .staff-header{display: flex; align-items: center; margin-bottom: 40px; gap: 10px;}
.mn-sec-staff .staff-header .sec-icon{width: 32px;}
.mn-sec-staff .staff-header .sec-eng-title{color: #FFF; text-align: center; font-family: var(--ff-maecenas); font-size: var(--fz-32); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.64px; text-transform: uppercase;}
.mn-sec-staff .staff-title{margin-bottom: 80px; color: #fff; font-size: var(--fz-28); font-weight: 500; font-family: var(--ff-notoserif); line-height: 1.6;}
.mn-sec-staff .staff-profile{display: flex; flex-direction: column; margin-bottom: 50px; padding-bottom: 40px; gap: 40px;}
.mn-sec-staff .profile-name{display: flex; align-items: flex-end; padding-left: 10px; gap: 15px;}
.mn-sec-staff .profile-name strong{color: #fff; font-size: var(--fz-36); font-weight: 500; font-family: var(--ff-notoserif);}
.mn-sec-staff .profile-name .position{display: flex; align-items: center; padding-bottom: 8px; margin-left: 10px; color: #fff; font-size: var(--fz-18); font-weight: 600; font-family: var(--ff-pretendard);}
.mn-sec-staff .profile-name .specialty{display: flex; align-items: center; padding-bottom: 8px; color: #fff; font-size: var(--fz-18); font-weight: 400; font-family: var(--ff-pretendard);}
.mn-sec-staff .profile-career{display: flex; gap: 16px;}
.mn-sec-staff .career-left{display: flex; flex-direction: column; width: 276px; gap: 16px;}
.mn-sec-staff .career-right{display: flex; flex-direction: column; gap: 16px;}
.mn-sec-staff .career-left li, .mn-sec-staff .career-right li{color: #fff; font-size: var(--fz-18); font-weight: 400; font-family: var(--ff-pretendard);}
.mn-sec-staff li{position: relative; margin-left: 25px;}
.mn-sec-staff li::before{position: absolute; width: 4px; height: 4px; top: 50%; left: -15px; transform: translateY(-50%); background-color: #fff; border-radius: 50%; content: '';}
.mn-sec-staff .btn-more{display: inline-flex; justify-content: center; align-items: center; width: 236px; height: 40px; padding: 0 30px; background: var(--color-primary); border-radius: 5px; color: #fff; font-size: var(--fz-15); font-weight: 600; font-family: var(--ff-notoserif); line-height: 22px;}

.bg-wrap{background: url(../img/mn_bg_wrap.webp) center/cover no-repeat;}
.mn-sec-speciality{display: flex; flex-direction: column; align-items: center; padding: 120px 0 180px; gap: 80px;}
.mn-sec-speciality .speciality-header{display: flex; flex-direction: column; align-items: center; gap: 5px;}
.mn-sec-speciality .speciality-header .sec-eng-title{color: #fff; font-family: var(--ff-maecenas); text-align: center; font-size: var(--fz-32); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.64px;}
.mn-sec-speciality .speciality-desc{margin-top: 35px; color: #fff; font-size: var(--fz-20); font-weight: 400; font-family: var(--ff-notoserif); line-height: 32px; text-align: center;}
.mn-sec-speciality .speciality-cards{display: flex; justify-content: center; width: 100%; max-width: 1600px; margin: 0 auto; gap: 36px;}
.mn-sec-speciality .speciality-card{position: relative; flex: 1; height: 626px; padding: 150px 60px 60px; border-radius: 250px 250px 10px 10px; overflow: hidden; transition: border-radius 0.5s;}
.mn-sec-speciality .speciality-card::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: inherit; transition: transform 0.5s ease, border-radius 0.5s; z-index: 1;}
.mn-sec-speciality .speciality-card:hover{border-radius: 10px;}
.mn-sec-speciality .speciality-card:hover::before{transform: scale(1.05);}
.mn-sec-speciality .speciality-card:nth-child(1)::before{background-image: url(../img/mn_speciality_01.webp);}
.mn-sec-speciality .speciality-card:nth-child(2)::before{background-image: url(../img/mn_speciality_02.webp);}
.mn-sec-speciality .speciality-card:nth-child(3)::before{background-image: url(../img/mn_speciality_03.webp);}
.mn-sec-speciality .card-inner{position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; gap: 30px; z-index: 2;}
.mn-sec-speciality .card-number{color: #fff; font-size: var(--fz-40); font-weight: 400; font-family: var(--ff-maecenas);}
.mn-sec-speciality .speciality-card h3{color: #fff; font-size: var(--fz-28); font-weight: 600; font-family: var(--ff-notoserif);}
.mn-sec-speciality .speciality-card p{color: #fff; font-size: var(--fz-18); font-weight: 400; font-family: var(--ff-pretendard); line-height: 30px;}

.mn-sec-atelier{display: flex; flex-direction: column; align-items: center; padding: 80px 0 180px; background: #fff; border-radius: 200px 200px 0 0; gap: 92px;}
.mn-sec-atelier .atelier-header{display: flex; flex-direction: column; align-items: center; gap: 50px;}
.mn-sec-atelier .atelier-deco{color: #E3E1DE; font-size: var(--fz-128); font-weight: 400; font-family: var(--ff-pinyon); line-height: 1; text-align: center;}
.mn-sec-atelier .atelier-deco sub{vertical-align: baseline; font-size: var(--fz-58);}
.mn-sec-atelier .atelier-header h2{color: var(--color-title); font-size: var(--fz-40); font-weight: 600; font-family: var(--ff-notoserif); line-height: 54px; text-align: center;}
.mn-sec-atelier .atelier-desc{color: var(--color-text); font-size: var(--fz-18); font-weight: 400; font-family: var(--ff-pretendard); line-height: 32px; text-align: center;}
.mn-sec-atelier .atelier-desc sub{display: inline-block; vertical-align: baseline; font-size: var(--fz-12); transform: translate(-1px, 3px);}
.mn-sec-atelier .atelier-carousel{position: relative; width: 100%; height: 34vw; overflow: hidden;}
.mn-sec-atelier .carousel-track{position: relative; width: 100%; height: 100%; perspective: 1500px; user-select: none; -webkit-user-select: none;}
.mn-sec-atelier .carousel-item{position: absolute; top: 50%; left: 50%; width: 15vw; border-radius: 13px; opacity: 0; aspect-ratio: 287/406; transform: translate(-50%, -50%) rotateY(45deg) scale(0.5); overflow: hidden; pointer-events: none; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
.mn-sec-atelier .carousel-item img{width: 100%; height: 100%; object-fit: cover; pointer-events: none; user-select: none; -webkit-user-drag: none;}
.mn-sec-atelier .carousel-item.is-far-prev{z-index: 1; opacity: 1; transform: translate(calc(-50% - 52vw), -50%) rotateY(0deg); pointer-events: auto;}
.mn-sec-atelier .carousel-item.is-prev{z-index: 2; width: 18vw; opacity: 1; transform: translate(calc(-50% - 33.5vw), -50%) rotateY(50deg); pointer-events: auto;}
.mn-sec-atelier .carousel-item.is-active{z-index: 5; width: 48.2vw; opacity: 1; aspect-ratio: 937/617; transform: translate(-50%, -50%) rotateY(0deg); pointer-events: auto;}
.mn-sec-atelier .carousel-item.is-next{z-index: 2; width: 18vw; opacity: 1; transform: translate(calc(-50% + 33.5vw), -50%) rotateY(-50deg); pointer-events: auto;}
.mn-sec-atelier .carousel-item.is-far-next{z-index: 1; opacity: 1; transform: translate(calc(-50% + 52vw), -50%) rotateY(0deg); pointer-events: auto;}
.mn-sec-atelier .carousel-item.is-hidden-left{opacity: 0; transform: translate(calc(-50% - 70vw), -50%) rotateY(0deg); pointer-events: none;}
.mn-sec-atelier .carousel-item.is-hidden-right{opacity: 0; transform: translate(calc(-50% + 70vw), -50%) rotateY(0deg); pointer-events: none;}
.mn-sec-atelier .carousel-scrollbar{position: relative; display: block; width: 11.5vw; height: 4px; margin: 2.6vw auto 0; background: #EDEDED; border-radius: 0;}
.mn-sec-atelier .scrollbar-thumb{position: absolute; top: 0; left: 0; width: 30%; height: 100%; background: var(--color-title); border-radius: 0; transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
.mn-sec-atelier .atelier-progress{width: 220px; height: 4px; margin: 20px auto 0; background: #EDEDED;}
.mn-sec-atelier .progress-gauge{width: 0; height: 100%; background: #463730; transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
.mn-sec-atelier .atelier-bottom{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px;}
.mn-sec-atelier .atelier-bottom h3{color: var(--color-title); font-size: var(--fz-23); font-weight: 500; font-family: var(--ff-notoserif);}
.mn-sec-atelier .atelier-bottom p{color: #666; font-size: var(--fz-20); font-weight: 400; font-family: var(--ff-notoserif);}
@media(max-width: 1024px){
    .mn-sec-visual{min-height: 100svh; padding-bottom: 80px;}
    .mn-sec-visual .bg-item:nth-child(1){background-image: url(../img/m_mn_visual_bg_01.webp)}
    .mn-sec-visual .visual-content{width: 100%; padding-left: 30px;}
    .mn-sec-visual .visual-subtitle{font-size: var(--fz-24); letter-spacing: 0;}
    .mn-sec-visual .visual-title{font-size: var(--fz-36); letter-spacing: -1px;}
    .mn-sec-philosophy{height: var(--philosophy-height-mo);}
    .mn-sec-philosophy .philosophy-pin-wrap{position: sticky !important; top: 0; left: 0; width: 100%; height: 100svh; overflow: visible; padding: 0;}
    .mn-sec-philosophy .philosophy-images{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100svh; pointer-events: none; overflow: visible; opacity: 0.5;}
    .mn-sec-philosophy .philosophy-imglist{position: absolute; top: 0; left: 0; width: 50%; height: auto; display: flex; flex-direction: column; align-items: flex-start; padding-top: calc(52svh + 8vw); gap: 28vw 0;}
    .mn-sec-philosophy .philosophy-imglist.list-b{left: auto; right: 0; align-items: flex-end; padding-top: calc(65svh + 18vw); gap: 25vw 0;}
    .mn-sec-philosophy .philosophy-imglist .philosophy-img{position: relative; border-radius: 8px; opacity: 0; clip-path: inset(0 50%); filter: none; will-change: transform, clip-path;}
    .mn-sec-philosophy .philosophy-img.img-01{top: auto; right: auto; left: auto; bottom: auto; width: 42vw; max-width: 255px; transform: translateX(65px); aspect-ratio: 330/353; box-shadow: none;}
    .mn-sec-philosophy .philosophy-img.img-02{top: auto; right: auto; left: auto; bottom: auto; width: 30vw; max-width: 215px; transform: translateX(-65px); aspect-ratio: 253/320; box-shadow: none;}
    .mn-sec-philosophy .philosophy-img.img-03{top: auto; right: auto; left: auto; bottom: auto; width: 36vw; max-width: 270px; transform: translateX(-20px); aspect-ratio: 340/396; box-shadow: none;}
    .mn-sec-philosophy .philosophy-img.img-04{top: auto; right: auto; left: auto; bottom: auto; width: 34vw; max-width: 255px; transform: translateX(20px); aspect-ratio: 266/303; box-shadow: none;}
    .mn-sec-philosophy .philosophy-img.img-05{top: auto; right: auto; left: auto; bottom: auto; width: 42vw; max-width: 255px; transform: translateX(80px); aspect-ratio: 409/353; box-shadow: none;}
    .mn-sec-philosophy .philosophy-img.img-06{top: auto; right: auto; left: auto; bottom: auto; width: 28vw; max-width: 210px; transform: translateX(-75px); aspect-ratio: 456/237; box-shadow: none; opacity: 0;}
    .mn-sec-philosophy .philosophy-text-wrap{position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100%; padding: 0 30px; z-index: 2; align-items: center; text-align: center; background: none;}
    .mn-sec-philosophy .philosophy-text-wrap h2{font-size: var(--fz-22); line-height: 1.55;}
    .mn-sec-philosophy .philosophy-phrase{position: absolute; top: calc(100% + 20px); left: 0; width: 100%; align-items: center; text-align: center; padding: 0 30px;}
    .mn-sec-philosophy .phrase-a strong{font-size: var(--fz-15);}
    .mn-sec-philosophy .phrase-a p{margin-top: 14px; font-size: var(--fz-14); line-height: 26px;}
    .mn-sec-philosophy .phrase-b p{font-size: var(--fz-14); line-height: 26px;}
    .mn-sec-philosophy .btn-more{margin-top: 20px; font-size: var(--fz-14);}
    .mn-sec-signature{padding: 80px 20px;}
    .mn-sec-signature .signature-header{margin-bottom: 50px; padding-top: 0;}
    .mn-sec-signature .signature-header:before{display: none;}
    .mn-sec-signature .sec-eng-title{font-size: var(--fz-24);}
    .mn-sec-signature .sec-desc{margin-top: 20px; font-size: var(--fz-15); line-height: 28px;}
    .mn-sec-signature .signature-cards{flex-direction: column; gap: 16px;}
    .mn-sec-signature .signature-card{flex: none; width: 100%; height: 480px; border-radius: 10px !important;}
    .mn-sec-signature .card-inner{padding: 50px 24px;}
    .mn-sec-signature .card-top{gap: 30px;}
    .mn-sec-signature .card-top h3{font-size: var(--fz-24); line-height: 1.4;}
    .mn-sec-signature .card-top p{font-size: var(--fz-15); line-height: 28px;}
    .mn-sec-signature .card-tags .tag{padding: 10px 16px; font-size: var(--fz-14);}
    .mn-sec-staff{min-height: auto; padding: 80px 20px;}
    .mn-sec-staff .staff-title{margin-bottom: 40px; font-size: var(--fz-22); line-height: 1.5;}
    .mn-sec-staff .profile-name{flex-wrap: wrap; gap: 8px;}
    .mn-sec-staff .profile-name strong{font-size: var(--fz-28);}
    .mn-sec-staff .profile-career{flex-direction: column; gap: 10px;}
    .mn-sec-staff .career-left{width: auto;}
    .mn-sec-staff .career-left li, .mn-sec-staff .career-right li{font-size: var(--fz-15);}
    .mn-sec-speciality{padding: 80px 20px 100px; gap: 50px;}
    .mn-sec-speciality .speciality-cards{flex-direction: column; padding: 0; gap: 30px;}
    .mn-sec-speciality .speciality-card{height: 420px; padding: 130px 24px 40px; border-radius: 200px 200px 10px 10px;}
    .mn-sec-speciality .speciality-card h3{font-size: var(--fz-22);}
    .mn-sec-speciality .speciality-card p{font-size: var(--fz-15); line-height: 26px;}
    .mn-sec-atelier{padding: 60px 0 100px; border-radius: 60px 60px 0 0; gap: 40px;}
    .mn-sec-atelier .atelier-header{padding: 0 20px; gap: 30px;}
    .mn-sec-atelier .atelier-deco{font-size: var(--fz-58);}
    .mn-sec-atelier .atelier-deco sub{font-size: var(--fz-28);}
    .mn-sec-atelier .atelier-header h2{font-size: var(--fz-28); line-height: 1.5;}
    .mn-sec-atelier .atelier-desc{font-size: var(--fz-15); line-height: 28px;}

    .mn-sec-atelier .atelier-carousel{height: 50vw;}
    .mn-sec-atelier .carousel-item{width: 22vw;}
    .mn-sec-atelier .carousel-item.is-far-prev{opacity: 0; transform: translate(calc(-50% - 60vw), -50%) rotateY(0deg); pointer-events: none;}
    .mn-sec-atelier .carousel-item.is-prev{width: 22vw; opacity: 0.7; transform: translate(calc(-50% - 42vw), -50%) rotateY(30deg); pointer-events: auto;}
    .mn-sec-atelier .carousel-item.is-active{width: 60vw;}
    .mn-sec-atelier .carousel-item.is-next{width: 22vw; opacity: 0.7; transform: translate(calc(-50% + 42vw), -50%) rotateY(-30deg); pointer-events: auto;}
    .mn-sec-atelier .carousel-item.is-far-next{opacity: 0; transform: translate(calc(-50% + 60vw), -50%) rotateY(0deg); pointer-events: none;}
    .mn-sec-atelier .carousel-scrollbar{width: 40vw; margin-top: 5vw;}
    .mn-sec-atelier .atelier-progress{margin-top: 0;}
    .mn-sec-atelier .atelier-bottom{padding: 0 20px;}
    .mn-sec-atelier .atelier-bottom h3{font-size: var(--fz-18);}
    .mn-sec-atelier .atelier-bottom p{font-size: var(--fz-16);}
}