/*hero_section*/
.hero_section{position: relative; height: 750px; overflow: hidden;  background-color: #010103;}
.hero_section > img {position: absolute; width: 150%; height: 100%; object-fit: cover;z-index: 0;object-position: 50% -200px; filter:brightness(0.6);}
.hero_section::after {content: ""; position: absolute; inset: 0; background-color: #262626; opacity: 0.5; pointer-events: none;}
.hero_des {position: relative;z-index: 2; color: #fff; top: 50%; left: 8vw; transform: translateY(-50%);}
.hero_des h1 {font-size: 36px;font-family: 'Bitter', serif;line-height: 1.4rem; margin-bottom: 2vw;font-weight:300;}
.hero_des h1 > br {display: none;}
#herosection_name {color: #EDC189;font-weight:300;}
.hero_des p {font-size: 20px;line-height: 150%; font-weight: 200;color: #fafafa;margin-bottom:4vw;}
.hero_btn{background-color: #75140C; border-radius: 5px; padding: 15px 36px;color: #FFF;font-size: 20px;font-weight: 300;text-decoration: none;  transition: transform 0.12s ease, box-shadow 0.12s ease; transform: scale(1);}
.hero_btn:hover {background-color:#62100A; color:#d4d4d4; transform:scale(0.96);}
.hero_btn:active {transform:scale(0.96);}
.hero_btn:focus, .hero_btn:active, .hero_btn:visited {color:#d4d4d4;}
#momento {color: #EDC189;font-family: 'Aboreto', serif;position: absolute;right: 2vw;top: 50%;transform: translateY(-50%) rotate(90deg);transform-origin: center;
    letter-spacing: 0.2em; white-space: nowrap; z-index: 2;margin:0;}


/*mobile only & Common*/
.mobile_only{display:none;}
.chip_wrap { scroll-snap-type: x mandatory; }
.chip_wrap .chip { scroll-snap-align: center; }
.explore_btn {font-size:20px; color:#FFF; padding:20px 35px; border-radius: 5px; border: 1px solid #FFF; box-shadow: 3px 4px 4px rgba(0,0,0,0.25); text-decoration:none; font-weight:lighter;}
.explore_btn:hover, .explore_btn:active {background-color: #0D0D0D; border:1px solid transparent; color:#d4d4d4;}
.explore_btn:visited {color:#d4d4d4;}
.main_title {display:flex; align-items: center; justify-content: space-between; gap:2vw; margin-bottom:60px; width:100%;}
.main_title h1 {font-size: 32px; font-family: 'Bitter',serif; font-weight:300; color: #FFF;   white-space: nowrap;}
.main_title .title_line {border: 0.6px solid #fafafa; width:80%;}
/*.bento ::after {content:"coming soon"; color:#FFF; position:absolute; object-position: center; width:100%; height:100%;}*/

/*Core Project*/
.core_project {padding: 80px 8vw; background-color: #262626; position: relative; overflow: hidden; /*height:fit-content;*/ height:auto; display:flex; flex-direction: column; align-items: end;}
.main_red_decoration {width: 20vw; height: 990px; z-index: 0; background: linear-gradient(rgba(219,37,22,60%), #262626); opacity:28%;  position: absolute;top: 0; right: 0; margin-right:6vw;}

.bento {position: relative; }
.bento .coming_soon {display: none; color:#EDC189; font-family: 'Aboreto', serif; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight:normal; font-size:20px; z-index:5; text-align: center; padding:0; margin:0;}
.bento:hover .coming_soon {display:block; }
.bento:hover p {display:none;}

.core_bento {z-index: 2; position: relative; display:flex; justify-content: space-between; width:100%; /*height:fit-content;*/ height: auto; gap:1.5vw; margin-bottom:60px;}
.bento_left {width:45%; /*height:fit-content;*/ height:auto; display:flex; flex-direction: column; gap:1.5vw;}
.bento_right{width:55%; /*height:fit-content;*/ height: auto; display:flex; flex-direction: column; gap: 1.5vw;}
.bento_left .bento_top {display:flex; gap:1.3vw;}
.bento_left .bento_top .bento {width:50%; /*height:350px;*/ height:17vw; position:relative; overflow:hidden;}
.bento img {/*position:absolute;*/ width:120%; height:100%; object-fit: cover; object-position: 50% 0;  filter: brightness(0.7);    transform: scale(1.1);transition: transform 0.28s ease;will-change: transform;   z-index: 1;}
.bento:hover img, .bento:active img {transform: scale(1); filter:brightness(0.3);}

#bento1:hover img, #bento1:active img,
#bento2:hover img, #bento2:active img,
#bento3:hover img, #bento3:active img {filter:brightness(0.7);}

#bento1:hover p, 
#bento2:hover p,
#bento3:hover p {display:block;}

.bento p {font-size:20px; color:#FFF;font-weight: lighter; text-decoration: none; z-index: 3; position: absolute; margin:0; left:0; bottom:0; padding: 30px 30px;}
#bento2 img {width: 100%;}
.bento_left .bento_bottom {width:100%; height:24vw; overflow:hidden; position:relative;}
.bento_left .bento_bottom .bento {width:100%; height:100%; /*position: relative;*/ overflow: hidden;}
#bento3, #bento4 {position:static;}

.bento_right .bento_top {width:100%; /*height:456px;*/ height:24vw; overflow:hidden; position:relative;}
.bento_right .bento_top .bento {width:100%; height:100%; /*position: relative;*/ overflow: hidden;}
.bento_right .bento_bottom {display:flex; gap:1.5vw;}
.bento_right .bento_bottom .bento {width:50%; height:17vw; position:relative; overflow:hidden;}
.mobile_version_other_p {display: none;}
#core_explore_btn {z-index:2;}



/*Other Project*/
.other_project {background-color:#262626; position:relative; /*height:fit-content;*/ height:auto; overflow:hidden; display:flex; flex-direction: column; align-items: end;}
#main_other_decoration {position: absolute; width:100%; height:auto; object-fit: cover; z-index: 0; top:0;}
.z-index2 {z-index: 2;position: relative; padding: 80px 8vw; width:100%; /*height:fit-content;*/ height:auto; display:flex; flex-direction: column; align-items: end;}
.project_wrap {width:100%; display:flex; justify-content: space-between;gap:1.5vw; /*height:fit-content;*/ height:auto; margin-bottom:60px;}
.project_wrap a {display:flex; flex-direction: column; width:100%; align-items: center; text-decoration: none; /*height:fit-content;*/ height:auto;}
.project_wrap a > .project_box {width:100%; /*height:fit-content;*/ height:auto;}
.other_img_box {position:relative;height:20vw; overflow:hidden;}
.other_img_box > img {position:absolute; width:100%; height:100%; object-fit:cover; object-position: 50% 50%;  transform: scale(1.1);transition: transform 0.28s ease;will-change: transform;}
.other_img_box:hover img, .other_img_box:active img {transform:scale(1); filter:brightness(0.3);}
.project_box > p {font-size:20px; color:#FFF; font-weight:lighter; text-decoration: none; text-align:center; margin-bottom:0;}

.project_box .coming_soon {display:none; color:#EDC189; font-family: 'Aboreto', serif; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight:normal; font-size:20px; z-index:5; text-align: center; padding:0; margin:0;}
.project_box:hover .coming_soon {display:block;}

#project1:hover img, #project1:active img,
#project2:hover img, #project2:active img,
#project3:hover img, #project3:active img {filter:brightness(1);}

.mobile_only_bento {display:none;}

/**other project 팝업창**/

.project-modal{ display:none; position:fixed; inset:0; z-index:99999;justify-content:center; align-items:center; }
.project-modal.is-open{ display:flex; }
.project-modal__overlay{ position:absolute; inset:0; background:rgba(0,0,0,.6); }
.project-modal__panel{ max-height: 90vh; overflow-y: auto; position:relative; z-index:1; width:fit-content; padding:20px 30px; /*margin: 4vw auto 0;*/ margin: auto auto;}
.project-modal__close{ position:absolute; top:10px; right:12px; font-size:26px; background:transparent; border:0; cursor:pointer;}

#projectModalImg{ /*width:350px;*/ height:auto; display:block; margin:0 auto;}
#projectModalTitle { font-size:24px; font-family: 'Bitter', serif; font-weight:500; line-height:100%; margin:0;}
#projectModalMeta { white-space:pre-line; font-size:14px; margin-bottom:10px; margin-top:10px;}
#projectModalBody {margin-top:15px; font-size:15px; font-weight:300;}

.project-modal__panel::-webkit-scrollbar{width:4px;}
.project-modal__panel::-webkit-scrollbar-track{background:transparent;}
.project-modal__panel::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:20px;}
.project-modal__panel::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.45);}


.project-modal.theme-elevation .project-modal__panel  {background:#29292B;}
.project-modal.theme-elevation #projectModalImg {width:500px;}
.project-modal.theme-elevation #projectModalTitle { color:#FFF; }
.project-modal.theme-elevation #projectModalMeta {color:#AAA;}
.project-modal.theme-elevation #projectModalBody { color:#DDD; }
.project-modal.theme-elevation .project-modal__close {color:#CCC;}

.project-modal.theme-life .project-modal__panel  {background:#2A2626;}
.project-modal.theme-life #projectModalImg {width:350px;}
.project-modal.theme-life #projectModalTitle { color:#FFF; }
.project-modal.theme-life #projectModalMeta {color:#AAA;}
.project-modal.theme-life #projectModalBody { color:#DDD; }
.project-modal.theme-life .project-modal__close {color:#CCC;}

.project-modal.theme-church .project-modal__panel  {background:#FFF;}
.project-modal.theme-church #projectModalImg {width:350px;}
.project-modal.theme-church #projectModalTitle { color:#000; }
.project-modal.theme-church #projectModalMeta {color:#666;}
.project-modal.theme-church #projectModalBody { color:#222; }
.project-modal.theme-church .project-modal__close {color:#444;}

.project-modal.theme-skeleton .project-modal__panel  {background:#EBC0A2;}
.project-modal.theme-skeleton #projectModalImg {width:350px;}
.project-modal.theme-skeleton #projectModalTitle { color:#000; }
.project-modal.theme-skeleton #projectModalMeta {color:#666;}
.project-modal.theme-skeleton #projectModalBody { color:#222; }
.project-modal.theme-skeleton .project-modal__close {color:#444;}

.project-modal.theme-division .project-modal__panel  {background:#222;}
.project-modal.theme-division #projectModalTitle { color:#FFF; }
.project-modal.theme-division #projectModalBody{ color:#CCC; }
.project-modal.theme-division #projectModalImg{ width:800px; }

.project-modal.theme-apple .project-modal__panel  {background:#FFF;}
.project-modal.theme-apple #projectModalTitle { color:#222; }
.project-modal.theme-apple #projectModalBody{ color:#666; }
.project-modal.theme-apple #projectModalImg{ width:550px; }

.project-modal.theme-padi .project-modal__panel  {background:#0d0d0d;}
.project-modal.theme-padi #projectModalImg {width:300px;}
.project-modal.theme-padi #projectModalTitle { color:#FFF; }
.project-modal.theme-padi #projectModalMeta {color:#AAA;}
.project-modal.theme-padi #projectModalBody { color:#DDD; }
.project-modal.theme-padi .project-modal__close {color:#CCC;}

.project-modal.theme-furniture .project-modal__panel  {background:#FFF;}
.project-modal.theme-furniture #projectModalImg {width:550px;}
.project-modal.theme-furniture #projectModalTitle { color:#000; }
.project-modal.theme-furniture #projectModalMeta {color:#666;}
.project-modal.theme-furniture #projectModalBody { color:#222; }
.project-modal.theme-furniture .project-modal__close {color:#444;}

/*About Me & Contact*/
.index_about {padding:80px 8vw; background-color: #262626; position:relative; /*height:fit-content;*/ height:auto; overflow:hidden; display:flex; align-items:end; flex-direction: column;}
#main_about_decoration {position:absolute; z-index:0; left:-30%; bottom:-60%; filter:brightness(0.3);  mix-blend-mode: lighten;}
.about_content {width:100%; display:flex; flex-wrap: nowrap; gap:8vw; z-index:1;}
.about {width:40%; display:flex; flex-direction: column; align-items: end; gap:4.5vw;}
.about .about_top {display:flex; flex-direction: column; gap:1.5vw;}
.about .about_top > h4 {font-size:24px; color:#FFF; font-weight:600; margin:0 0 20px 0;}
.about .about_top > p {font-size: 20px; color: #d9d9d9; font-weight:normal; margin:0;}
.about_middle {width:100%; display: flex; flex-direction: column; gap:2vw;}
.about_middle .about_info {display:flex; gap:2vw;}
.about_middle .about_info .section_title {margin:0; color:#FFF; font-weight:400; font-size:20px;}
.about_middle .about_info .section_info {margin:0; color:#fafafa; font-weight:lighter; font-size:20px;}
/*.explore_btn i {color:#FFF; font-size:20px; margin-right:10px;}*/

.about_link {display:flex; justify-content: space-between; align-items: end; width:100%;}
#pdf_btn {font-size: 20px; color:#FFF; text-decoration: none; font-weight:lighter;}
#pdf_btn i {color:#FFF; margin-right:10px;}

.contact {width:60%;display:flex;flex-direction: column; gap:1.5vw;}
.contact .contact_top >h4 {font-size:24px; color:#FFF; font-weight:600; margin:0; width:100%; text-align: start;}
.wpcf7 >form {display:flex; flex-direction:column; gap: 2vw; justify-content: space-between; width:100%;}
.wpcf7 > form > p {width:100%; /*height:fit-content;*/ height:auto;}
.wpcf7 > form > p:nth-child(5){/*width:fit-content;*/text-align:end;}
.wpcf7 > form > p > label {font-size:20px; margin:0 0 40px 0; color:#FFF; font-weight:400; width:100%;}
.wpcf7 > form > p > label > br {height:20px;}
.wpcf7-form-control-wrap { width:100%; border-bottom: 1px solid #FFF; padding: 0 0 20px 0;}
.wpcf7-form-control-wrap >input {background-color: rgba(0,0,0,0); width:100%; font-size:20px; margin-top: 20px; color:#FFF;}
.wpcf7-form-control-wrap:focus-within {border-bottom-color: #EDC189;}
.wpcf7 input:focus, .wpcf7 textarea:focus {color: #fff;outline: none;}
.wpcf7-form-control-wrap >textarea {background-color: rgba(0,0,0,0);padding-top: 80px;}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {color:#fff;}
textarea {border: 0px solid #FFF;}
::placeholder{color:#666 !important;}
.wpcf7 textarea {font-size:20px;height:130px;}

/* CF7 입력창 “눌린 것 같은” 내부 음영/박스 제거 */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea{
  -webkit-appearance: none !important; appearance: none !important; background: transparent !important; background-color: transparent !important; 
  background-image: none !important; box-shadow: none !important; outline: none !important; border: 0 !important; border-radius: 0 !important;}

/* 크롬 자동완성(autofill) 들어가면 생기는 덩어리/음영 제거 */
.wpcf7 input:-webkit-autofill,
.wpcf7 textarea:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
}




/******* 반응형 *******/
@media (max-width:1440px){
    .hero_des h1 {font-size:34px;}
    .hero_section {height:700px;}
    .hero_des p {font-size: 18px;}
    .hero_btn {padding: 14px 28px; font-size: 18px;}
    .hero_section > img {object-position: 50% 0px;}

    .main_title {margin-bottom: 40px;}
    .main_title h1 {font-size: 28px;}
    .bento p {font-size: 18px; padding:20px;}
    .explore_btn {font-size:18px; padding: 14px 28px;}

    .project_box > p {font-size:18px;}

    /*.about_content {gap:6vw;}*/
    .about .about_top > h4, .contact .contact_top >h4 {margin:0; font-size:22px;}
    .about .about_top > p {font-size:17px;}
    .about_middle .about_info .section_title {font-size:18px;}
    .about_middle .about_info .section_info {font-size:18px;}
    .about_middle {gap:1.5vw;}

    #pdf_btn {font-size: 18px; }

    .wpcf7 > form > p > label {font-size:18px;}
    .wpcf7-form-control-wrap >input {font-size:16px;}
    .wpcf7 textarea {font-size:16px;height:130px;}
    .wpcf7-form-control-wrap >textarea {padding-top: 100px;}

}

@media (max-width: 1280px){
    .hero_des {left: 6vw;}
    .hero_des h1 {font-size: 30px;}
    
    
    #momento {right: 0; }
    .hero_section {height: 650px;}
    .hero_section > img {object-position: 50% 100px;}

    .core_project{padding:60px 6vw;}
    .main_title h1 {font-size: 24px;}
    .core_bento {margin-bottom:40px;}

    .bento_left .bento_top .bento {height:20vw;}
    .bento_left .bento_bottom {height:27vw;}
    .bento_right .bento_top {height:27vw;}
    .bento_right .bento_bottom .bento {height:20vw;}

    .z-index2 {padding: 60px 6vw;}
    .project_wrap {margin-bottom: 40px;}
    
    .index_about {padding:60px 6vw;}
    .wpcf7-form-control-wrap >textarea {padding-top:80px;}

}

@media (max-width: 1024px){
    .hero_des h1 {font-size: 30px;}
    .hero_section {height: 600px;}
    #momento {display:none;}
    
    .main_title h1 {font-size:22px;}
    .bento p {font-size: 16px;}
    .bento_left .bento_top .bento {height:23vw;}
    .bento_left .bento_bottom {height:30vw;}
    .bento_right .bento_top {height:30vw;}
    .bento_right .bento_bottom .bento {height:23vw;}
    .explore_btn {font-size:16px;}

    .project_box > p {font-size: 16px;}

    .about_content {flex-direction: column; gap:6vw;}
    .about {width:100%;}
    .contact {width:100%;}
    .about .about_top > p {padding-right:10vw;}
    .about .about_top > p {font-size:16px;}
    .about_middle .about_info .section_title, .about_middle .about_info .section_info, .wpcf7 > form > p > label {font-size: 16px;}
    #main_about_decoration {left:-10%; bottom:-30%;}

    #pdf_btn {font-size: 16px; }

}

@media (max-width: 768px){
    .hero_section {height: 500px;}
    .hero_des {left: 4vw;}
    .hero_des h1 {font-size:24px; line-height:150%; margin-bottom: 0; margin-top: 0;}
    .hero_des p {font-size: 16px; margin-top: 2vw; margin-bottom:6vw;}
    .hero_btn {padding: 14px 28px; font-size: 16px;}
    .hero_section > img {object-position: 50% 150px; width:100%;}

    .mobile_only{ display:block; z-index:3; width:100%; padding: 20px 4vw; background-color:#262626; position: sticky; top: 69px;}
    .chip_wrap{ display:flex; gap:12px; overflow-x:auto; -webkit-overflow-scrolling: touch; white-space: nowrap; scroll-snap-type: x mandatory;}
    .chip_wrap::-webkit-scrollbar{ height: 6px; }
    .chip_wrap .chip{ flex: 0 0 auto; background: transparent; color:#FFF; font-size:15px; padding: 12px 24px; margin:0; border-radius:10px; border: 1px solid transparent; cursor: pointer; scroll-snap-align: start;}
    .chip_wrap .chip.is-active{ border-color:#FFF;}
    .chip_wrap .chip:focus{ outline: none; }
    .chip_wrap .chip:focus-visible{ outline: 2px solid #FFF; outline-offset: 2px; }
    .chip > p {margin:0;}


    .core_project {padding:50px 4vw;}
    /*.main_title {margin-bottom:30px;}
    .main_title h1 {font-size:22px;}*/
    .core_bento{flex-direction: column; gap:3vw;}
    .bento_left, .bento_right {width:100%; gap:3vw;}
    .bento_left .bento_top {flex-direction: column; gap:3vw;}
    .bento_left .bento_top .bento {width:100%; height:350px;}
    .bento_right .bento_bottom {flex-direction: column; gap:3vw;}
    .bento_right .bento_bottom .bento {width:100%; height:350px;}
    .bento_left .bento_bottom {height:350px;}
    .bento_right .bento_top {height:350px;}
    .bento p {font-size:16px; padding:20px; font-weight:normal}
    .explore_btn {font-size:16px; padding:12px 24px;}
    .main_red_decoration {display:none;}

    /*.main_title {display:none;}*/
    .main_title {justify-content:flex-start; margin-bottom:20px;}
    .main_title h1 {margin:0; font-size: 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight:600; color: #FFF;}
    .main_title .title_line {display:none;}
  /*  .mobile_only {display:block; z-index:3; width:100%; padding: 20px 4vw; position:absolute; background-color:#262626; position:sticky; top: 69px; height:fit-content;}
    .chip_wrap {display:flex; width:100%; gap:3vw; /*margin-bottom:30px;}
    .chip_wrap > div {color:#FFF; font-size:15px; padding: 12px 24px; border-radius:10px; border:1px solid #FFF;}
    .chip_wrap > div > p {margin:0; white-space: nowrap;}*/
    #core_explore_btn {display:none;}
    

    .z-index2 {padding:50px 4vw;}
    .project_wrap {flex-direction: column; gap:3vw;}
    .other_img_box {height:350px;}
    .other_img_box > img {filter: brightness(0.7);}
    .project_box > p {display:none;}
    .mobile_version_other_p {z-index: 4; color:#FFF; display: block; font-size:16px; font-weight:normal; position: absolute; margin:0; left:0; bottom:0; padding:20px;}
    #main_other_decoration {display:none;}
    #other_explore_btn {display:none;}
    .mobile_only_bento {display:block; display:flex; flex-direction: column; gap: 3vw;}

    .project-modal__panel{ margin: 20vw auto 0; padding: 20px 10px; height:100%;}
    .project-modal__content{flex-direction:column; justify-content: space-between; margin-top:20px; align-items: start; gap:8px;}

    .project-modal.theme-division .project-modal__panel,
    .project-modal.theme-apple .project-modal__panel {margin: 40% auto;}

    .project-modal.theme-division #projectModalImg{ width:350px; }
    .project-modal.theme-skeleton #projectModalImg{ width:300px; }
    .project-modal.theme-apple #projectModalImg{ width:350px; }

    .index_about {padding:50px 4vw;}
    .index_about .main_title {display:none;}
    .about .about_top > h4, .contact .contact_top >h4 {font-size:20px;}
    .about_middle .about_info .section_title, 
    .wpcf7 > form > p > label {font-weight:normal;}
    #main_about_decoration {bottom:-20px;}
    .about_content {gap: 10vw;}
    
    
}

@media (max-width: 480px){
    .hero_section {height:600px;}
    .hero_section > img {object-position: 50% 194px;}
    .hero_des {left:0; object-position: 50% 0; padding: 0 15px;}
    .hero_des h1 {font-size: 23px; text-align:center;}
    #herosection_name {font-size: 17px; text-align: center; margin-bottom: 2vw; }
    .hero_des h1 > br {display:inline;}
    .hero_des p {font-size: 14px; line-height: 140%; text-align: center; padding: 0 15px; margin-top:5vw; margin-bottom: 8vw; }
    .hero_des p > br {display: none;}
    .hero_btn {padding: 10px 20px; font-size: 14px; display: block; width: fit-content; margin: 0 auto;}

    .mobile_only {top:50px; padding: 15px;}
    .chip_wrap > div {font-size:14px; padding:10px 20px;}
    .main_title h1 {font-size: 17px;}

    .core_project{padding:40px 15px;}
    .explore_btn {font-size:14px; padding:10px 20px;}
    .core_bento {margin-bottom:0;}
    .bento_left, .bento_right { gap:4vw;}
    .bento_left .bento_top {gap:4vw;}
    .bento_left .bento_top .bento {height:330px;}
    .bento_right .bento_bottom .bento {height:330px;}
    .bento_left .bento_bottom {height:330px;}
    .bento_right .bento_top {height:330px;}

    .z-index2{padding:40px 15px;}
    .other_img_box {height:330px;}
    .project_wrap {margin-bottom: 0;}
    .project_wrap {gap:4vw;}

    .mobile_only_bento {gap: 4vw;}
    .project-modal.theme-apple .project-modal__panel {margin: 60% auto 0;}

    .project-modal.theme-church #projectModalImg{ width:260px; }
    .project-modal.theme-division #projectModalImg{ width:260px; }
    .project-modal.theme-skeleton #projectModalImg{ width:260px; }
    .project-modal.theme-apple #projectModalImg{ width:260px; }

    .index_about {padding:40px 15px;}
    .about {gap:10vw;}
    .about_content {gap:12vw;}
    .about .about_top {gap:4vw; width:100%;}
    .about .about_top > h4 {font-size:17px;}
    .about .about_top > p {display: none;}
    .about_middle {gap:4vw;}
    .about_middle .about_info .section_info, .about_middle .about_info .section_title {font-size:14px; font-weight:300;}
    .contact .contact_top >h4 {font-size:17px;}
    .wpcf7-form-control-wrap {padding-bottom: 10px;}
    .wpcf7-form-control-wrap >input, .wpcf7 textarea {font-size:15px; margin-top: 40px;}

    .about_link {flex-direction: column; gap:5vw; width:fit-content;}
    #pdf_btn {font-size: 14px;}

  }