@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');body{color:#797979;font-family:"Nunito",sans-serif;font-weight:400;line-height:1.625}ul{list-style-type:none;margin:0;padding:0}a:hover{text-decoration:none}button{cursor:pointer}button:focus{outline:0;box-shadow:none}h1,h2,h3,h4,h5,h6{font-family:"Nunito",sans-serif;color:#3a414e;line-height:1.333}h1,.h1{font-size:30px;font-weight:700}@media (min-width: 600px){h1,.h1{font-size:45px}}h2,.h2{font-size:18px;font-weight:700}h3,.h3{font-size:18px;font-weight:700}a{display:inline-block}.owl-carousel .owl-stage{display:flex}.mb-30px{margin-bottom:30px}.section-padding{padding:0px 0}.section-margin{margin:50px 0}@media (min-width: 1000px){.section-margin{margin:100px 0}}.header_area{z-index:99;background:#fff;transition:background 0.4s, all 0.3s linear}.header_area .navbar-brand{margin-right:30px}@media (max-width: 991px){.header_area .navbar-social{display:block;padding:20px 0}.header_area .navbar-social li{float:left}.header_area .navbar-social::before{content:"";display:block;clear:both;display:table}.header_area .navbar-social::after{content:"";display:block;clear:both;display:table}}@media (min-width: 991px){.header_area .navbar-social{min-width:95px;float:right}}.header_area .navbar-social li{margin-right:12px}.header_area .navbar-social li i,.header_area .navbar-social li span{font-size:13px;color:#222}.header_area .navbar-social li:last-child{margin-right:0}.header_area .navbar-social li a:hover i,.header_area .navbar-social li span{color:#ff9907}.header_area .menu_nav{width:100%}.header_area .navbar{background:transparent;padding:0px;border:0px;border-radius:0px;width:100%}.header_area .navbar .nav .nav-item{margin-right:45px}.header_area .navbar .nav .nav-item .nav-link{font-family:"Nunito",sans-serif;color:#3a414e;font-size:15px;text-transform:capitalize;font-weight:700;padding:30px 0;display:inline-block}.header_area .navbar .nav .nav-item .nav-link:after{display:none}.header_area .navbar .nav .nav-item:hover .nav-link,.header_area .navbar .nav .nav-item.active .nav-link{color:#ff9907}.header_area .navbar .nav .nav-item.submenu{position:relative}.header_area .navbar .nav .nav-item.submenu ul{border:none;padding:0px;border-radius:0px;box-shadow:none;margin:0px;background:#fff}@media (min-width: 992px){.header_area .navbar .nav .nav-item.submenu ul{position:absolute;top:120%;left:0px;min-width:200px;text-align:left;opacity:0;transition:all 300ms ease-in;visibility:hidden;display:block;border:none;padding:0px;border-radius:0px;box-shadow:0px 10px 30px 0px rgba(0,0,0,0.4)}}.header_area .navbar .nav .nav-item.submenu ul:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#eeeeee transparent transparent transparent;position:absolute;right:24px;top:45px;z-index:3;opacity:0;transition:all 400ms linear}.header_area .navbar .nav .nav-item.submenu ul .nav-item{display:block;float:none;margin-right:0px;border-bottom:1px solid #ededed;margin-left:0px;transition:all 0.4s linear}.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link{line-height:45px;padding:0px 30px;transition:all 150ms linear;display:block;margin-right:0px}.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child{border-bottom:none}.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link{background-image:-moz-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);background-image:-webkit-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);background-image:-ms-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);color:#fff}@media (min-width: 992px){.header_area .navbar .nav .nav-item.submenu:hover ul{visibility:visible;opacity:1;top:100%}}.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item{margin-top:0px}.header_area .navbar .nav .nav-item:last-child{margin-right:0px}.header_area .navbar .search{font-size:12px;line-height:60px;display:inline-block;margin-left:80px}.header_area .navbar .search i{font-weight:600}.header_area.navbar_fixed .main_menu{position:fixed;width:100%;top:-70px;left:0;right:0;background:#dddd;z-index:99;transform:translateY(70px);transition:transform 500ms ease, background 500ms ease;-webkit-transition:transform 500ms ease, background 500ms ease;box-shadow:0px 3px 16px 0px rgba(0,0,0,0.1)}@media (min-width: 992px){.header_area.white_menu .navbar .navbar-brand img{display:none}.header_area.white_menu .navbar .navbar-brand img+img{display:inline-block}}@media (max-width: 991px){.header_area.white_menu .navbar .navbar-brand img{display:inline-block}.header_area.white_menu .navbar .navbar-brand img+img{display:none}}.header_area.white_menu .navbar .nav .nav-item .nav-link{color:#fff}.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img{display:inline-block}.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img+img{display:none}.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link{line-height:70px}.top_menu{background:#ec9d5f}.top_menu .float-left a{line-height:40px;display:inline-block;color:#fff;text-transform:uppercase;font-size:12px;margin-right:50px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.top_menu .float-left a:last-child{margin-right:0px}.top_menu .float-right .pur_btn{color:#fff;line-height:40px;display:block;padding:0px 40px;font-weight:500;font-size:12px}@media (max-width: 1619px){.header_area .navbar .search{margin-left:40px}}@media (max-width: 1199px){.header_area .navbar .nav .nav-item{margin-right:28px}.home_banner_area .banner_inner{padding:100px 0px}.header_area .navbar .tickets_btn{margin-left:40px}.home_banner_area .banner_inner .banner_content h2 br{display:none;font-size:36px}.home_banner_area .banner_inner .banner_content h2{font-size:36px;line-height:45px}}@media (max-width: 991px){.navbar-toggler{border:none;border-radius:0px;padding:0px;cursor:pointer;margin-top:27px;margin-bottom:23px}.header_area .navbar{background:#000}.navbar-toggler[aria-expanded="false"] span:nth-child(2){opacity:1}.navbar-toggler[aria-expanded="true"] span:nth-child(2){opacity:0}.navbar-toggler[aria-expanded="true"] span:first-child{transform:rotate(-45deg);position:relative;top:7.5px}.navbar-toggler[aria-expanded="true"] span:last-child{transform:rotate(45deg);bottom:6px;position:relative}.navbar-toggler span{display:block;width:25px;height:3px;background:#fff;margin:auto;margin-bottom:4px;transition:all 400ms linear;cursor:pointer}.navbar .container{padding-left:15px;padding-right:15px}.nav{padding:0px 0px}.header_area+section,.header_area+row,.header_area+div{margin-top:117px}.header_top .nav{padding:0px}.header_area .navbar .nav .nav-item .nav-link{line-height:1px;margin-right:0px;display:block;border-bottom:1px solid #ededed33;border-radius:0px}.header_area .navbar .search{margin-left:0px}.header_area .navbar-collapse{max-height:340px;overflow-y:scroll}.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link{padding:0px 15px}.header_area .navbar .nav .nav-item{margin-right:0px}.header_area+section,.header_area+row,.header_area+div{margin-top:41px}.home_banner_area .banner_inner .banner_content .banner_map_img{display:none}.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link{line-height:40px}.header_area.white_menu .navbar .nav .nav-item .nav-link{color:#222}.categories_post img{width:100%}.categories_post{max-width:360px;margin:0 auto}.blog_categorie_area .col-lg-4{margin-top:30px}.blog_area{padding-bottom:80px}.single-post-area .blog_right_sidebar{margin-top:30px}.contact_info{margin-bottom:50px}.home_banner_area .donation_inner{margin-bottom:-30px}.home_banner_area .dontation_item{max-width:350px;margin:auto}.footer_area .col-sm-6{margin-bottom:30px}.footer_area .footer_inner{margin-bottom:-30px}.news_widget{padding-left:0px}.home_banner_area .banner_inner .home_left_img{display:none}.header_area .navbar .tickets_btn{display:none}.home_banner_area .banner_inner{padding:70px 0px 100px 0px}.left_side_text{margin-bottom:50px}.price_item{max-width:360px;margin:0px auto 30px}.price_inner{margin-bottom:-30px}}@media (max-width: 767px){.home_banner_area{min-height:500px}.home_banner_area .banner_inner{min-height:500px}.home_banner_area .banner_inner .banner_content{margin-top:0px}.blog_banner .banner_inner .blog_b_text h2{font-size:40px;line-height:50px}.blog_info.text-right{text-align:left !important;margin-bottom:10px}.home_banner_area .banner_inner .banner_content h3{font-size:30px}.home_banner_area .banner_inner .banner_content p br{display:none}.home_banner_area .banner_inner .banner_content h3 span{line-height:45px;padding-bottom:0px;padding-top:0px}.footer-bottom{text-align:center}.footer-bottom .footer-social{text-align:center;margin-top:15px}.made_life_inner .nav.nav-tabs li{flex:0 0 50%;max-width:50%;margin-bottom:15px}.made_life_inner .nav.nav-tabs{margin-bottom:-15px}.made_life_area.made_white .left_side_text{margin-bottom:0px;margin-top:30px}}@media (max-width: 575px){.top_menu{display:none}.header_area+section,.header_area+row,.header_area+div{margin-top:51px}.home_banner_area .banner_inner .banner_content h2{font-size:28px;line-height:38px}.home_banner_area{min-height:450px}.home_banner_area .banner_inner{min-height:450px}.blog_banner .banner_inner .blog_b_text{margin-top:0px}.home_banner_area .banner_inner .banner_content img{display:none}.home_banner_area .banner_inner .banner_content h5{margin-top:0px}.p_120{padding-top:70px;padding-bottom:70px}.main_title h2{font-size:25px}.sample-text-area{padding:70px 0 70px 0}.generic-blockquote{padding:30px 15px 30px 30px}.blog_details h2{font-size:20px;line-height:30px}.blog_banner .banner_inner .blog_b_text h2{font-size:28px;line-height:38px}.footer-area{padding:70px 0px}.pad_top{padding-top:70px}.pad_btm{padding-bottom:70px}}@media (max-width: 480px){.header_area .navbar-collapse{max-height:250px}.home_banner_area .banner_inner .banner_content{padding:30px 15px;margin-top:0px}.banner_content .white_btn{display:block}.home_banner_area .banner_inner .banner_content h3{font-size:24px}.banner_area .banner_inner .banner_content h2{font-size:32px}.comments-area .thumb{margin-right:10px}.testi_item .media .d-flex{padding-right:0px}.testi_item .media .d-flex img{width:auto;margin-bottom:15px}.testi_item .media{display:block}.banner_btn{margin-bottom:20px}}.hero-banner{position:relative;background:url(../img/banner/karmibeekeepingbanner.jpg) center  center no-repeat;background-size:cover;height:400px;z-index:1}@media (min-width: 1000px){.hero-banner{height:550px}}.hero-banner--sm{height:300px}@media (min-width: 1000px){.hero-banner--sm{height:400px}}.hero-banner::after{content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(1,3,15,0.2);z-index:-1}.hero-banner__content{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);text-align:center}.hero-banner__content>*{color:#fff}.hero-banner__content h3{font-size:27px;margin-bottom:0}.hero-banner__content h1{margin-bottom:12px}.hero-banner__content h4{font-size:18px}.banner-breadcrumb{display:inline-block}.banner-breadcrumb .breadcrumb{background:transparent;padding:0}.banner-breadcrumb .breadcrumb-item{padding:.1rem}.banner-breadcrumb .breadcrumb-item a{text-transform:capitalize;color:#fff}.banner-breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#fff;padding-right:.1rem;content:"-"}.banner-breadcrumb .breadcrumb-item.active{color:#fff}.blog__slide{border:0;border-radius:0;background-color:transparent}.blog__slide__content{padding:30px 15px}.blog__slide__content h3,.blog__slide__content a{color:#3a414e}.blog__slide__content p{font-size:15px;margin-bottom:0}.blog__slide__label{font-size:13px;color:#ff9907 !important;text-transform:uppercase;background:#222;padding:4px 40px;margin-bottom:18px}.blog-slider{position:relative}.blog-slider .blog-slider__leftArrow{position:absolute;top:22%;left:-12px}@media (min-width: 1250px){.blog-slider .blog-slider__leftArrow{left:-105px;padding:0 25px 3px 10px}.blog-slider .blog-slider__leftArrow::after{content:"";display:block;width:100%;height:100%;background:#f5f9fc;position:absolute;top:0;left:0;z-index:-1;transition:background .4s ease-out}.blog-slider .blog-slider__leftArrow::before{content:"";display:block;width:40px;height:130%;background:#fff;position:absolute;top:-2px;left:-15px;z-index:2;transform:rotate(-15deg)}.blog-slider .blog-slider__leftArrow:hover::after{background:#222}}.blog-slider .blog-slider__rightArrow{position:absolute;top:22%;right:-12px}@media (min-width: 1250px){.blog-slider .blog-slider__rightArrow{right:-105px;padding:0 25px 3px 20px}.blog-slider .blog-slider__rightArrow::after{content:"";display:block;width:100%;height:100%;background:#f5f9fc;position:absolute;top:0;left:0;z-index:-1;transition:background .4s ease-out}.blog-slider .blog-slider__rightArrow::before{content:"";display:block;width:43px;height:135%;background:#fff;position:absolute;top:-4px;right:-4px;z-index:2;transform:rotate(15deg)}.blog-slider .blog-slider__rightArrow:hover::after{background:#222}}.blog-slider .blog-slider__leftArrow,.blog-slider .blog-slider__rightArrow{display:none}@media (min-width: 580px){.blog-slider .blog-slider__leftArrow,.blog-slider .blog-slider__rightArrow{display:block}}.blog-slider .blog-slider__leftArrow img,.blog-slider .blog-slider__rightArrow img{position:relative;z-index:10}.causes_slider .owl-dots{text-align:center;margin-top:80px}.causes_slider .owl-dots .owl-dot{height:14px;width:14px;background:#eeeeee;display:inline-block;margin-right:7px}.causes_slider .owl-dots .owl-dot:last-child{margin-right:0px}.causes_slider .owl-dots .owl-dot.active{background:#ff9907}.latest_blog_area{background:#f9f9ff}.single-recent-blog-post{margin-bottom:60px}.single-recent-blog-post .thumb{position:relative}.single-recent-blog-post .thumb-info{position:absolute;bottom:0;left:0;background:#fff;width:100%;max-width:415px;padding-left:5px}@media (min-width: 430px){.single-recent-blog-post .thumb-info{padding-left:20px}}.single-recent-blog-post .thumb-info li{display:inline-block;font-size:15px;color:#777777;margin-right:10px}@media (min-width: 430px){.single-recent-blog-post .thumb-info li{margin-right:22px}}.single-recent-blog-post .thumb-info li:last-child{margin-right:0}.single-recent-blog-post .thumb-info li a{color:#777777;padding:4px 0;font-size:12px}@media (min-width: 430px){.single-recent-blog-post .thumb-info li a{padding:15px 0;font-size:15px}}.single-recent-blog-post .thumb-info li i,.single-recent-blog-post .thumb-info li span{font-size:13px;margin-right:10px}.single-recent-blog-post .details{padding-top:30px}.single-recent-blog-post .details h3{font-size:21px}@media (min-width: 600px){.single-recent-blog-post .details h3{font-size:27px}}.single-recent-blog-post .details .tag-list-inline{color:#555555;font-family:"Nunito",sans-serif}.single-recent-blog-post .details .tag-list-inline a{color:#555555}.single-recent-blog-post .details p{color:#777777}.single-recent-blog-post .details .button{margin-top:8px}.single-recent-blog-post .date{font-size:14px;line-height:24px;font-weight:400}.single-recent-blog-post.card-view .thumb-info{max-width:260px}.single-recent-blog-post.card-view .details h3{font-size:20px}.tags .tag_btn{font-size:12px;font-weight:500;line-height:20px;border:1px solid #eeeeee;display:inline-block;padding:1px 18px;text-align:center;color:#3a414e}.tags .tag_btn:before{background:#ff9907}.tags .tag_btn+.tag_btn{margin-left:2px}.blog_categorie_area{padding-top:50px;padding-bottom:80px}.categories_post{position:relative;text-align:center;cursor:pointer}.categories_post img{max-width:100%}.categories_post .categories_details{position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:rgba(34,34,34,0.8);color:#fff;transition:all 0.3s linear;display:flex;align-items:center;justify-content:center}.categories_post .categories_details h5{margin-bottom:0px;font-size:18px;line-height:26px;text-transform:uppercase;color:#fff;position:relative}.categories_post .categories_details p{font-weight:300;font-size:14px;line-height:26px;margin-bottom:0px}.categories_post .categories_details .border_line{margin:10px 0px;background:#fff;width:100%;height:1px}.categories_post:hover .categories_details{background:rgba(234,44,88,0.85)}.blog_item{margin-bottom:40px}.blog_info{padding-top:30px}.blog_info .post_tag{padding-bottom:20px}.blog_info .post_tag a{color:#3a414e}.blog_info .post_tag a:hover{color:#797979}.blog_info .blog_meta li a{color:#777777;vertical-align:middle;padding-bottom:12px;display:inline-block}.blog_info .blog_meta li a i{color:#3a414e;font-size:16px;font-weight:600;padding-left:15px;line-height:20px;vertical-align:middle}.blog_info .blog_meta li a:hover{color:#ff9907}.blog_post img{max-width:100%}.blog_details{padding-top:20px}.blog_details h2{font-size:24px;line-height:36px;color:#3a414e;font-weight:600;transition:all 0.3s linear}.blog_details h2:hover{color:#ff9907}.blog_details p{margin-bottom:26px}.view_btn{font-size:14px;line-height:36px;display:inline-block;color:#3a414e;font-weight:500;padding:0px 30px;background:#fff}.blog-pagination{padding-top:10px}.blog-pagination .page-link{border-radius:0}.blog-pagination .page-item{border:none}.page-link{background:transparent;font-weight:400}.blog-pagination .page-item.active .page-link{background:transparent;border-color:#222;color:#ff9907}.blog-pagination .page-link{position:relative;display:block;padding:.8rem 1.05rem;margin:0 5px;line-height:1.25;color:#222;background:transparent;border-radius:0;border:2px solid #eeeeee}.blog-pagination .page-link:focus{outline:none;box-shadow:none}.blog-pagination .page-item:last-child .page-link,.blog-pagination .page-item:first-child .page-link{padding:.8rem 1.05rem;border-radius:0}.blog-pagination .page-item:last-child .page-link i,.blog-pagination .page-item:last-child .page-link span,.blog-pagination .page-item:first-child .page-link i,.blog-pagination .page-item:first-child .page-link span{font-size:14px;color:#222}.blog-pagination .page-link:hover{color:#fff;text-decoration:none;background-color:transparent;color:#ff9907;border-color:#222}@media (max-width: 991px){.widget-wrap{margin-top:80px}}.widget-wrap .single-sidebar-widget{padding:48px 30px;background:#f9f9ff;margin-bottom:30px}@media (max-width: 991px){.widget-wrap .single-sidebar-widget{margin-top:30px}}@media (max-width: 575px){.widget-wrap .single-sidebar-widget{padding:50px 15px}}.widget-wrap .single-sidebar-widget:last-child{margin-bottom:0px}.widget-wrap .single-sidebar-widget__title{font-size:20px;font-weight:700;position:relative;z-index:1;margin-bottom:22px}.widget-wrap .single-sidebar-widget__title::after{content:"";display:block;width:20%;height:4px;background:#ff9907;position:absolute;bottom:4px;z-index:-1}.widget-wrap .tag_cloud_widget ul li{display:inline-block}.widget-wrap .tag_cloud_widget ul li a{display:inline-block;border:1px solid transparent;background:#fff;padding:3px 21px;margin-bottom:10px;margin-right:6px;transition:all 0.3s ease 0s;color:#777777;font-size:14px}.widget-wrap .tag_cloud_widget ul li a:hover{background:#222;color:#ff9907}.widget-wrap .search-widget form.search-form input[type="text"]{height:40px;color:#ff9907;padding:11px 22px;font-size:14px;border:none;float:left;width:80%}@media (max-width: 575px){.widget-wrap .search-widget form.search-form input[type="text"]{width:86%}}.widget-wrap .search-widget ::-webkit-input-placeholder{color:#ff9907;font-weight:500;font-size:14px;opacity:.8}.widget-wrap .search-widget ::-moz-placeholder{color:#ff9907;font-weight:500;font-size:14px;opacity:.8}.widget-wrap .search-widget :-ms-input-placeholder{color:#ff9907;font-weight:500;font-size:14px;opacity:.8}.widget-wrap .search-widget :-moz-placeholder{color:#ff9907;font-weight:500;font-size:14px;opacity:.8}.widget-wrap .search-widget form.search-form button{float:left;width:20%;padding:7px;color:#ff9907;font-size:17px;border:none;cursor:pointer;background:#ffffff}@media (max-width: 575px){.widget-wrap .search-widget form.search-form button{width:14%}}.widget-wrap .search-widget form.search-form::after{content:"";clear:both;display:table}.widget-wrap .instafeed-widget .instafeed-title{color:#ff9907;font-size:20px;color:#3a414e;font-weight:700;position:relative;display:inline-block}.widget-wrap .instafeed-widget .instafeed-title::after{content:"";position:absolute;top:13px;right:-100%;height:2px;width:80px;background:#3a414e}.widget-wrap .instafeed-widget .instafeed{margin:20px -24px 0px;padding:0 15px}@media (max-width: 767px){.widget-wrap .instafeed-widget .instafeed{margin:20px -16px}}@media (max-width: 575px){.widget-wrap .instafeed-widget .instafeed{margin:20px 0px 0px;padding:0px}}.widget-wrap .instafeed-widget .instafeed li{overflow:hidden;width:33%}@media (max-width: 991px){.widget-wrap .instafeed-widget .instafeed li{width:auto}}.widget-wrap .instafeed-widget .instafeed li img{margin:5px}.widget-wrap .popular-post-widget .popular-title{color:#ff9907;font-size:20px;color:#3a414e;font-weight:700;position:relative;display:inline-block}.widget-wrap .popular-post-widget .popular-title::after{content:"";position:absolute;top:13px;right:-75%;height:2px;width:80px;background:#3a414e}.widget-wrap .popular-post-widget .popular-post-list{margin-top:30px}.widget-wrap .popular-post-widget .single-post-list{margin-bottom:5px}.widget-wrap .popular-post-widget .single-post-list:last-child{margin-bottom:0px}.widget-wrap .popular-post-widget .single-post-list .thumb{position:relative}.widget-wrap .popular-post-widget .single-post-list .thumb-info{position:absolute;bottom:0;left:0;width:100%;background:#fff;max-width:160px;padding-left:10px}.widget-wrap .popular-post-widget .single-post-list .thumb-info li{display:inline-block;font-size:14px;color:#999999}.widget-wrap .popular-post-widget .single-post-list .thumb-info li::after{content:"|";padding:0 7px}.widget-wrap .popular-post-widget .single-post-list .thumb-info li:last-child::after{display:none}.widget-wrap .popular-post-widget .single-post-list .thumb-info li a{padding:5px 0;color:#999999}.widget-wrap .popular-post-widget .single-post-list .details{margin-top:20px}.widget-wrap .popular-post-widget .single-post-list .details h6{font-size:16px;font-weight:700;line-height:26px;margin-bottom:10px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.widget-wrap .popular-post-widget .single-post-list .details h6:hover{color:#ff9907}.widget-wrap .popular-post-widget .single-post-list .details p{margin-bottom:0px}.widget-wrap .ads-widget img{width:100%}.widget-wrap .post-category-widget .category-title{color:#ff9907;font-size:20px;color:#3a414e;font-weight:700;position:relative;display:inline-block}.widget-wrap .post-category-widget .category-title::after{content:"";position:absolute;top:13px;right:-100%;height:2px;width:80px;background:#3a414e}.widget-wrap .post-category-widget .cat-list li{padding:13px 20px;background:#ffffff;margin-bottom:15px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.widget-wrap .post-category-widget .cat-list li:last-child{margin-bottom:0px}.widget-wrap .post-category-widget .cat-list li p{font-weight:300;font-size:14px;margin-bottom:0px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.widget-wrap .post-category-widget .cat-list li a{color:#797979;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.widget-wrap .post-category-widget .cat-list li:hover{box-shadow:0px 10px 30px 0px rgba(153,153,153,0.2)}.widget-wrap .post-category-widget .cat-list li:hover a{color:#ff9907}.widget-wrap .post-category-widget .cat-list li:hover p{color:#ff9907}.widget-wrap .newsletter-widget .newsletter-title{color:#ff9907;font-size:20px;color:#3a414e;font-weight:700;position:relative;display:inline-block}.widget-wrap .newsletter-widget .newsletter-title::after{content:"";position:absolute;top:13px;right:-100%;height:2px;width:80px;background:#3a414e}.widget-wrap .newsletter-widget .col-autos{width:100%}.widget-wrap .newsletter-widget p{text-align:center;margin:20px 0px}.widget-wrap .newsletter-widget .bbtns{border:0;background:#222;border:1px solid #222;color:#fff;font-size:13px;text-transform:uppercase;font-weight:500;padding:12px 20px;border-radius:0;cursor:pointer;color:#ff9907;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.widget-wrap .newsletter-widget .bbtns:hover{opacity:0.9}.widget-wrap .newsletter-widget .input-group-text{background:#fff;border-radius:0px;vertical-align:top}.widget-wrap .newsletter-widget .input-group-text i{color:#ccc;margin-top:-1px}.widget-wrap .newsletter-widget .form-control{border-radius:0px;font-size:14px;color:#999999;padding:0px 15px;height:50px;border-color:rgba(112,111,135,0.2)}.widget-wrap .newsletter-widget .form-control:focus{box-shadow:none}.widget-wrap .newsletter-widget ::-webkit-input-placeholder{font-size:14px;color:#999999;opacity:.8}.widget-wrap .newsletter-widget ::-moz-placeholder{font-size:14px;color:#999999;opacity:.8}.widget-wrap .newsletter-widget :-ms-input-placeholder{font-size:14px;color:#999999;opacity:.8}.widget-wrap .newsletter-widget :-moz-placeholder{font-size:14px;color:#999999;opacity:.8}.widget-wrap .newsletter-widget .text-bottom{margin-bottom:0px}.widget-wrap .share-widget .share-title{color:#ff9907;font-size:20px;color:#3a414e;font-weight:700;position:relative;display:inline-block}.widget-wrap .share-widget .share-title::after{content:"";position:absolute;top:13px;right:-70%;height:2px;width:80px;background:#3a414e}.widget-wrap .share-widget .social-icons a{color:#ff9907;font-size:20px;font-weight:500;border:1px solid #797979;width:50px;height:50px;line-height:50px;text-align:center;margin-right:10px;display:inline-block;cursor:pointer;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}@media (max-width: 1119px) and (min-width: 991px){.widget-wrap .share-widget .social-icons a{margin-right:4px}}.widget-wrap .share-widget .social-icons a:hover{background:#ff9907;color:#ffffff}.single-post-area .social-links{padding-top:10px}.single-post-area .social-links li{display:inline-block;margin-bottom:10px}.single-post-area .social-links li a{color:#cccccc;padding:7px;font-size:14px;transition:all 0.2s linear}.single-post-area .social-links li a:hover{color:#3a414e}.single-post-area .blog_details{padding-top:26px}.single-post-area .blog_details p{margin-bottom:10px}.single-post-area .quotes{margin-top:20px;margin-bottom:30px;padding:24px 35px 24px 30px;background-color:#fff;box-shadow:-20.84px 21.58px 30px 0px rgba(176,176,176,0.1);font-size:14px;line-height:24px;color:#777;font-style:italic}.single-post-area .arrow{position:absolute}.single-post-area .arrow .lnr{font-size:20px;font-weight:600}.single-post-area .thumb .overlay-bg{background:rgba(0,0,0,0.8)}.single-post-area .navigation-area{border-bottom:1px solid #eee;padding-top:60px;padding-bottom:50px}.single-post-area .navigation-area p{margin-bottom:0px}.single-post-area .navigation-area h4{font-size:18px;line-height:25px;font-weight:700;color:#3a414e}.single-post-area .navigation-area .nav-left{text-align:left}.single-post-area .navigation-area .nav-left .thumb{margin-right:20px;background:#000}.single-post-area .navigation-area .nav-left .thumb img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.single-post-area .navigation-area .nav-left .lnr{margin-left:20px;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.single-post-area .navigation-area .nav-left:hover .lnr{opacity:1}.single-post-area .navigation-area .nav-left:hover .thumb img{opacity:0.5}@media (max-width: 767px){.single-post-area .navigation-area .nav-left{margin-bottom:30px}}.single-post-area .navigation-area .nav-right{text-align:right}.single-post-area .navigation-area .nav-right .thumb{margin-left:20px;background:#000}.single-post-area .navigation-area .nav-right .thumb img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.single-post-area .navigation-area .nav-right .lnr{margin-right:20px;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.single-post-area .navigation-area .nav-right:hover .lnr{opacity:1}.single-post-area .navigation-area .nav-right:hover .thumb img{opacity:0.5}@media (max-width: 991px){.single-post-area .sidebar-widgets{padding-bottom:0px}}.comments-area{background:#fff;border-bottom:1px solid #eee;padding:50px 0px}@media (max-width: 414px){.comments-area{padding:50px 8px}}.comments-area h4{margin-bottom:30px;color:#3a414e;font-size:18px;font-weight:700}.comments-area h5{font-size:16px;font-weight:bold;margin-bottom:0px}.comments-area a{font-size:12px;color:#3a414e}.comments-area .comment-list{padding-bottom:40px}.comments-area .comment-list:last-child{padding-bottom:0px}.comments-area .comment-list.left-padding{padding-left:25px}@media (max-width: 413px){.comments-area .comment-list .single-comment h5{font-size:12px}.comments-area .comment-list .single-comment .date{font-size:11px}.comments-area .comment-list .single-comment .comment{font-size:10px}}.comments-area .thumb{margin-right:20px}.comments-area .date{font-size:13px;margin-bottom:13px;text-transform:uppercase}.comments-area .comment{color:#797979;margin-bottom:0px}.comments-area .btn-reply{background-color:rgba(130,139,178,0.1);color:#3a414e;border:1px solid #eee;padding:0px 18px;font-size:13px;display:block;line-height:28px;border-radius:0px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.comments-area .btn-reply:hover{background-color:#ff9907}.comment-form{background:#fff;text-align:left;padding:47px 0px 43px;margin-bottom:40px}.comment-form h4{text-align:left;margin-bottom:30px;font-size:18px;line-height:22px;font-weight:700;color:#3a414e}.comment-form .name{padding-left:0px}@media (max-width: 767px){.comment-form .name{padding-right:0px;margin-bottom:1rem}}.comment-form .email{padding-right:0px}@media (max-width: 991px){.comment-form .email{padding-left:0px}}.comment-form .form-control{padding:8px 20px;background:rgba(130,139,178,0.11);border:none;border-radius:0px;width:100%;font-size:13px;color:#999999;border:1px solid transparent;text-transform:uppercase}.comment-form .form-control:focus{box-shadow:none;border:1px solid #eee}.comment-form .form-control.placeholder{font-size:13px;color:#999999;opacity:1}.comment-form .form-control:-moz-placeholder{font-size:13px;color:#999999;opacity:1}.comment-form .form-control::-moz-placeholder{font-size:13px;color:#999999;opacity:1}.comment-form .form-control::-webkit-input-placeholder{font-size:13px;color:#999999;opacity:1}.comment-form textarea.form-control{height:140px;resize:none}.comment-form .submit_btn{float:right;text-transform:uppercase}.main_blog_details h4{font-size:36px;font-weight:700;color:#3a414e;margin-bottom:20px;margin-top:30px}.main_blog_details .user_details{overflow:hidden;margin-bottom:30px}.main_blog_details .user_details .float-left a{display:inline-block;border:1px solid #eeeeee;text-align:center;padding:0px 20px;font-size:13px;color:#828bb2;font-weight:500;line-height:28px;background:rgba(130,139,178,0.11);border-radius:0px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;margin-right:10px;margin-top:10px;text-transform:uppercase}.main_blog_details .user_details .float-left a:hover{background:#ff9907;color:#3a414e}.main_blog_details .user_details .float-right .media{text-align:right;vertical-align:middle}.main_blog_details .user_details .float-right .media .media-body{text-align:right;vertical-align:middle;align-self:center}.main_blog_details .user_details .float-right .media .media-body h5{font-size:14px;font-weight:700;color:#3a414e;margin-bottom:5px}.main_blog_details .user_details .float-right .media .media-body p{font-size:13px;color:#797979;margin-bottom:0px;text-transform:uppercase}.main_blog_details .user_details .float-right .media .d-flex{padding-left:14px;vertical-align:middle;align-self:center}.main_blog_details p{font-size:16px;color:#797979;margin-bottom:15px}.main_blog_details .blockquote{background:#f2f3f7;padding:30px;box-shadow:-20.84px 21.58px 30px 0px rgba(176,176,176,0.1);margin:35px 0px}.main_blog_details .blockquote p{background:#ffffff;margin-bottom:0px;border-left:2px solid #415094;padding:30px;font-style:italic}.main_blog_details .form-group{margin-bottom:20px}.main_blog_details .news_d_footer{overflow:hidden;border-top:1px solid #eeeeee;display:flex;width:100%;padding-top:15px;margin-top:40px}.main_blog_details .news_d_footer a{font-size:16px;color:#797979}.main_blog_details .news_d_footer a i{padding-right:8px}.main_blog_details .news_d_footer .news_socail a{margin-right:10px;color:#828bb2;font-size:14px}.main_blog_details .news_d_footer .news_socail a:hover{color:#ff9907}.main_blog_details .news_d_footer .news_socail a:last-child{margin-right:0px}.navigation-area{border-bottom:1px solid #eee;padding-top:60px;padding-bottom:50px}.navigation-area p{margin-bottom:0px}.navigation-area h4{font-size:18px;line-height:25px;color:#3a414e;font-weight:700}.navigation-area .arrow{position:absolute !important}.navigation-area .nav-left{text-align:left}.navigation-area .nav-left .thumb{margin-right:20px;background:#000}.navigation-area .nav-left .thumb img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.navigation-area .nav-left .lnr{margin-left:20px;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.navigation-area .nav-left:hover .lnr{opacity:1}.navigation-area .nav-left:hover .thumb img{opacity:0.5}@media (max-width: 767px){.navigation-area .nav-left{margin-bottom:30px}}.navigation-area .nav-right{text-align:right}.navigation-area .nav-right .thumb{margin-left:20px;background:#000}.navigation-area .nav-right .thumb img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.navigation-area .nav-right .lnr{margin-right:20px;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.navigation-area .nav-right:hover .lnr{opacity:1}.navigation-area .nav-right:hover .thumb img{opacity:0.5}.navigation-area .detials p{font-size:13px;color:#797979}.button{display:inline-block;border:1px solid #222;text-transform:uppercase;font-size:13px;font-weight:500;padding:10px 24px;background-color:#222;color:#ff9907;transition:all .4s ease}.button i,.button span{margin-left:5px}@media (min-width: 900px){.button{padding:12px 42px}}.button:hover{background-color:#ff9907;border-color:#ff9907;color:#000022}.form-contact .form-group{margin-bottom:10px}.form-contact .form-group label{font-size:14px;color:#ff9907}.form-contact .form-control{border-radius:0;height:40px;padding-left:18px;border-color:#EEEEEE;background:transparent}.form-contact .form-control:focus{outline:0;box-shadow:none}.form-contact .form-control::placeholder{font-size:14px;color:#999999}.form-contact .different-control{height:100% !important}.contact-info__icon{margin-right:20px}.contact-info__icon i,.contact-info__icon span{color:#ff9907;font-size:20px}.contact-info .media-body h3{font-size:16px;margin-bottom:0;font-weight:600}.contact-info .media-body h3 a{color:#3a414e}.contact-info .media-body p{color:#797979}.footer-area{background:none}.footer-area h6{color:#fff;margin-bottom:25px;font-size:18px;font-weight:600}@media (max-width: 767px){.footer-area h6{margin-bottom:15px}}.copy-right-text i,.copy-right-text a{color:#ff9907}.instafeed{margin:-5px}.instafeed li{overflow:hidden;width:25%}.instafeed li img{margin:5px}.footer-social i{color:#555555;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.footer-social a{padding-right:25px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.footer-social a:hover i{color:#ff9907}@media (max-width: 991px){.single-footer-widget{margin-bottom:40px}}.single-footer-widget .form-inline{display:inline-block;width:100%}.single-footer-widget input{border:none;width:80% !important;font-weight:300;background:#191919;color:#555555;padding-left:20px;border-radius:0;font-size:14px}.single-footer-widget input:focus{outline:none;box-shadow:none}.single-footer-widget input.placeholder{color:#555555;font-size:12px;text-transform:capitalize}.single-footer-widget input:-moz-placeholder{color:#555555;font-size:12px;text-transform:capitalize}.single-footer-widget input::-moz-placeholder{color:#555555;font-size:12px;text-transform:capitalize}.single-footer-widget input::-webkit-input-placeholder{color:#555555;font-size:12px;text-transform:capitalize}.single-footer-widget .bb-btn{color:#fff;font-weight:300;border-radius:0;z-index:9999;cursor:pointer}.single-footer-widget .info{position:absolute;margin-top:5%;color:#fff;font-size:12px}.single-footer-widget .info.valid{color:green}.single-footer-widget .info.error{margin:0;color:#ff9907}.single-footer-widget .click-btn{background:#ff9907;color:#222;border-radius:0;border-top-left-radius:0px;border-bottom-left-radius:0px;padding:6px 12px;border:0}.single-footer-widget .click-btn i,.single-footer-widget .click-btn span{font-weight:600}.single-footer-widget .click-btn:focus{outline:none;box-shadow:none}.single-footer-widget ::-moz-selection{background-color:#191919 !important;color:#797979}.single-footer-widget ::selection{background-color:#191919 !important;color:#797979}.single-footer-widget ::-webkit-input-placeholder{color:#797979;font-weight:300}.single-footer-widget :-moz-placeholder{color:#797979;opacity:1;font-weight:300}.single-footer-widget ::-moz-placeholder{color:#797979;opacity:1;font-weight:300}.single-footer-widget :-ms-input-placeholder{color:#797979;font-weight:300}.single-footer-widget ::-ms-input-placeholder{color:#797979;font-weight:300}.footer-text{padding-top:80px;font-size:14px}@media (max-width: 991px){.footer-text{padding-top:0px}}.footer-text a,.footer-text i{color:#efefef}

/* All of the style things for the accordion */

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 10px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	margin-top: 18px;
	margin-left: 5px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion-active, .accordion:hover {
	background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 0 18px;
	background-color: white;
	display: none;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #777;
	float: right;
	margin-top: -23px;
	margin-left: 5px;
}

.accordion-active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}



/* START For responsive photo gallery */

.row {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
	margin-left: 60px;
	margin-right: 60px;
	
}

/* Create four equal columns that sits next to each other */
.column {
	flex: 25%;
	max-width: 25%;
	padding: 0px 14px;
	margin-left: auto;
	margin-right: auto;
}

.column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
	border-radius: 16px;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
	.column {
		flex: 50%;
		max-width: 50%;
	}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.column {
		flex: 100%;
		max-width: 100%;
	}
}
/* END For responsive photo gallery */



/* START Lightbox modal Gallery for published illsutrations */
.modal-row {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
}

/* Create ONE column */
.modal-column {
	flex: 80%;
	max-width: 80%;
	padding: 0 4px;
}

.modal-column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 60%;
}

/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: black;
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 90%;
	max-width: 600px;
	white-space: nowrap;
}  

/* The Close Button */
.closegallerybutton {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}

.closegallerybutton:hover,
.closegallerybutton:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}



/* Hide the slides by default */
.mySlides {
	display: none;
}

/* Next & previous buttons */
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* Caption text */
.caption-container {
	text-align: left;
	padding: 2px 16px;
	color: black;
	font-family: "Nunito", sans-serif;
}

img.demo {
	opacity: 0.6;
}

.active,
.demo:hover {
	opacity: 1;
}

img.hover-shadow {
	transition: 0.3s;
}

.hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* END Lightbox modal Gallery for published illsutrations */



/* START KARMI center image */
.karmicenterimage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

/* END KARMI center image */

/* START KARMI business card shadow */
div.card {
	width: 40%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* END KARMI business card shadow */

/* START KARMI Header */

/* Style the links inside the navigation bar */
.topnavkarmi a {
	float: right;
	color: black;
	text-align: center;
	padding: 20px 20px;
	text-decoration: none;
	font-size: 14px;
	font-family:"Nunito",sans-serif;
	font-weight: 50;
	
}

/* Change the color of links on hover */
.topnavkarmi a:hover {
/*	background-color: #f2faff;*/
	color: #6040eb;
}

/* Add a color to the active/current link */
.topnavkarmi a.activenav {
	color: #8060ff;
}

/* Add media queries for responsiveness - when the screen is 768px wide or less, hide top navi and use drop down */ 
@media screen and (max-width: 768px) { 
	.topnavkarmi {
		display: none;
	}
	.dropdown {
		display: block; 
	}
		
}

@media screen and (min-width: 769px) { 
	.topnavkarmi {
		display: block;
	}
	.dropdown {
		display: none !important;
	}	
}



/* END KARMI Header */




/* START Karmi Zoom */
* {box-sizing: border-box;}

.img-zoom-container {
	position: relative;
}

.img-zoom-lens {
	position: absolute;
	border: 1px solid #d4d4d4;
	/*set the size of the lens:*/
	width: 40px;
	height: 40px;
}

.img-zoom-result {
	border: 1px solid #d4d4d4;
	/*set the size of the result div:*/
	width: 300px;
	height: 300px;
}

/* END Karmi Zoom */


/* START Karmi no logo if smaller than 1220 */


@media screen and (max-width: 1000px) {
	.nologo a{
		display: none;
	}
}

/* END Karmi no logo if smaller than 1220 */

/* START Karmi Drop down menu for small screen */
/* Dropdown Button */
.dropbtn {
	background-color: #bbd2ee;
	color: white;
	padding: 15px;
	font-size: 16px;
	border: none;
	margin-top: 0px;
	
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: absolute;
	display: inline-block;
	z-index: 100;
	left: 15px;
	margin-top: 15px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #7eaadf;}


/* END Karmi drop down menu for small screen */


/* START Six Legs 2026 refresh */
:root {
	--ink: #1f2a24;
	--muted-ink: #5b675f;
	--paper: #fffdf7;
	--paper-warm: #f5efe4;
	--sage: #7f9b7b;
	--moss: #314c3d;
	--honey: #d99b29;
	--coral: #cb6f53;
	--lavender: #8060ff;
	--line: rgba(49, 76, 61, 0.18);
	--shadow: 0 18px 40px rgba(49, 76, 61, 0.12);
}

html {
	scroll-behavior: smooth;
}

body {
	background:
		radial-gradient(circle at 10% 8%, rgba(217, 155, 41, 0.18), transparent 28rem),
		linear-gradient(180deg, #fffdf7 0%, #f8f3ea 48%, #fffdf7 100%);
	color: var(--ink);
}

a {
	color: #315f7e;
}

a:hover {
	color: var(--coral);
}

.header_area {
	position: sticky;
	top: 0;
	display: flow-root;
	padding: 0 !important;
	background: rgba(255, 253, 247, 0.94);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--line);
	box-shadow: 0 8px 24px rgba(31, 42, 36, 0.06);
}

.topnavkarmi {
	min-height: 88px;
	padding: 0 5%;
}

.topnavkarmi a {
	font-size: clamp(0.82rem, 1.05vw, 1rem) !important;
	font-weight: 700;
	letter-spacing: 0;
	color: var(--ink);
	padding: 28px 12px;
	transition: color 160ms ease, background 160ms ease;
}

.topnavkarmi a:hover,
.topnavkarmi a.activenav {
	color: var(--lavender);
}

.nologo a {
	float: left;
	padding: 14px 0;
}

.nologo img {
	width: clamp(150px, 24vw, 285px);
	max-width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	padding-bottom: 0 !important;
}

.dropdown {
	position: fixed;
	top: 0;
	left: 0;
	margin: 14px;
}

.dropbtn {
	background-color: var(--moss);
	border-radius: 999px;
	color: #fff;
	box-shadow: 0 10px 22px rgba(31, 42, 36, 0.18);
}

.dropdown-content {
	background-color: #fffdf7;
	border: 1px solid var(--line);
	border-radius: 8px;
	overflow: hidden;
}

.dropdown-content a:hover {
	background-color: #f1e6d8;
	color: var(--moss);
}

.hero-banner,
.page-hero {
	position: relative;
	display: grid;
	align-items: end;
	min-height: min(72vh, 680px);
	padding: clamp(4rem, 7vw, 7rem) 5%;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.hero-banner {
	height: auto;
	background-image: linear-gradient(90deg, rgba(20, 32, 26, 0.78) 0%, rgba(84, 66, 35, 0.45) 58%, rgba(217, 155, 41, 0.34) 100%), url(../img/banner/karmibeekeepingbanner.jpg);
}

.hero-banner--sm {
	min-height: 340px;
}

.hero-banner::after {
	background: linear-gradient(90deg, rgba(20, 32, 26, 0.55) 0%, rgba(217, 155, 41, 0.16) 100%);
}

.hero-banner__content,
.page-hero__content {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	width: min(920px, 100%);
	text-align: left;
	z-index: 2;
}

.hero-banner__content h1,
.page-hero__content h1 {
	font-size: clamp(3rem, 9vw, 7.5rem);
	line-height: 0.92;
	margin-bottom: 1rem;
	color: #fff;
	text-wrap: balance;
}

.hero-title-lockup {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 1rem;
}

.hero-title-lockup h1 {
	margin-bottom: 0.35rem;
}

.hero-pronouns {
	width: 100%;
	margin: 0;
	color: rgba(255, 255, 255, 0.88);
	font-size: clamp(0.78rem, 1.4vw, 0.95rem);
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-align: right;
	text-transform: uppercase;
}

.hero-banner__content h3,
.hero-banner__content h4,
.page-hero__content p {
	color: rgba(255, 255, 255, 0.92);
}

.hero-banner__content h3,
.eyebrow {
	font-size: clamp(0.84rem, 1.5vw, 1rem);
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-weight: 800;
}

.hero-banner__content h4,
.page-hero__content p {
	max-width: 700px;
	font-size: clamp(1rem, 2vw, 1.35rem);
	line-height: 1.55;
}

.page-hero--publications {
	background-image: linear-gradient(90deg, rgba(20, 32, 26, 0.72) 0%, rgba(20, 32, 26, 0.24) 66%, rgba(20, 32, 26, 0.1) 100%), url(../img/banner/publications-isopod-crop.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-hero--zines {
	background-image: linear-gradient(90deg, rgba(20, 32, 26, 0.78) 0%, rgba(84, 66, 35, 0.45) 58%, rgba(217, 155, 41, 0.34) 100%), url(../artwork/karmicomic.jpg);
}

.page-hero--media {
	background-image: linear-gradient(90deg, rgba(20, 32, 26, 0.78) 0%, rgba(84, 66, 35, 0.43) 58%, rgba(217, 155, 41, 0.32) 100%), url(../img/banner/pollenbanner.jpg);
}

.page-hero--illustrations {
	background-image: linear-gradient(90deg, rgba(20, 32, 26, 0.78) 0%, rgba(84, 66, 35, 0.43) 58%, rgba(217, 155, 41, 0.32) 100%), url(../img/published-illustrations/nutritionalbalancing.png);
	background-position: center;
}

.page-hero--fieldwork {
	background-image: linear-gradient(90deg, rgba(20, 32, 26, 0.78) 0%, rgba(84, 66, 35, 0.42) 58%, rgba(217, 155, 41, 0.3) 100%), url(../img/fieldphotos/desertantresearch.JPG);
	background-position: center;
}

.page-hero--artwork {
	background-image: linear-gradient(90deg, rgba(20, 32, 26, 0.74) 0%, rgba(84, 66, 35, 0.38) 58%, rgba(217, 155, 41, 0.28) 100%), url(../artwork/desert-wildflowers.jpg);
	background-position: center 48%;
}

.content-section {
	width: min(1120px, calc(100% - 32px));
	margin: 0 auto;
	padding: clamp(2.5rem, 6vw, 5.5rem) 0;
}

.content-section h2 {
	font-size: clamp(1.8rem, 4vw, 3rem);
	color: var(--moss);
	margin-bottom: 1rem;
}

.lede {
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	line-height: 1.75;
	color: var(--muted-ink);
}

.intro-grid,
.feature-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: start;
}

.feature-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.callout-card,
.feature-card,
.publication-card,
.zine-card,
.profile-card,
.illustration-card,
.field-card {
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: var(--shadow);
	padding: clamp(1.25rem, 3vw, 2rem);
}

.callout-card h3,
.feature-card h3,
.publication-card h2,
.zine-card h2,
.profile-card h2,
.illustration-card h2,
.field-card h2 {
	color: var(--moss);
}

.button,
.button-soft {
	border-radius: 999px;
	text-transform: none;
	letter-spacing: 0;
}

.button-soft {
	background: var(--moss);
	border-color: var(--moss);
	color: #fff;
}

.button-soft:hover {
	background: var(--honey);
	border-color: var(--honey);
	color: var(--ink);
}

.text-link {
	font-weight: 800;
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.2em;
}

.publication-list {
	display: grid;
	gap: 1rem;
	padding-top: 0;
}

.media-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
	padding-top: 0;
}

.media-grid--coverage {
	grid-template-columns: repeat(2, minmax(260px, 1fr));
	align-items: start;
}

.illustration-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
	padding-top: 0;
}

.field-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	padding-top: 0;
}

.publication-card {
	border-left: 6px solid var(--sage);
	display: grid;
	grid-template-columns: minmax(170px, 0.34fr) minmax(0, 1fr);
	gap: clamp(1rem, 2.5vw, 1.6rem);
	align-items: start;
}

.publication-figure {
	margin: 0;
}

.publication-figure img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fffdf8;
}

.publication-figure--contain img {
	object-fit: contain;
	padding: 0.5rem;
}

.publication-figure--wide img {
	aspect-ratio: 16 / 9;
}

.publication-figure--portrait img {
	aspect-ratio: 4 / 5;
}

.publication-figure--tall img {
	aspect-ratio: 2 / 3;
}

.publication-figure figcaption {
	margin-top: 0.45rem;
	color: var(--muted-ink);
	font-size: 0.84rem;
	line-height: 1.35;
}

.publication-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.media-card {
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid var(--line);
	border-left: 6px solid var(--sage);
	border-radius: 8px;
	box-shadow: var(--shadow);
	padding: clamp(1.25rem, 3vw, 2rem);
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.media-card--featured {
	grid-column: 1 / -1;
	background: #fffaf0;
	border-left-color: var(--honey);
}

.media-grid--coverage .media-card--featured {
	grid-column: auto;
	display: flex;
	grid-template-columns: none;
}

.media-preview {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #f5efe4;
}

.media-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 180ms ease, filter 180ms ease;
}

.media-preview:hover img {
	filter: saturate(1.08);
	transform: scale(1.025);
}

.media-preview--illustration img {
	object-fit: contain;
	padding: 0.45rem;
	background: #fffdf8;
}

.media-preview--portrait img {
	object-position: center 38%;
}

.media-preview--stein {
	aspect-ratio: 16 / 10;
}

.media-preview--stein img {
	object-position: center top;
}

.media-preview--reel {
	aspect-ratio: 9 / 14;
	width: min(100%, 240px);
	align-self: center;
}

.media-preview--text {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.2rem;
	background: #eee5d8;
	color: var(--moss);
	font-weight: 800;
	text-align: center;
}

.media-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
}

.media-card h2 {
	font-size: clamp(1.18rem, 2.4vw, 1.6rem);
	line-height: 1.3;
	color: var(--moss);
}

.media-quote {
	margin: 0 0 0.9rem;
	color: var(--muted-ink);
	font-size: 0.94rem;
	font-style: italic;
	line-height: 1.5;
}

.media-grid--recent {
	grid-template-columns: repeat(2, minmax(260px, 1fr));
	align-items: stretch;
	margin-top: clamp(1.2rem, 2.8vw, 2.2rem);
}

.media-grid--recent .media-card--featured {
	grid-column: auto;
}

.site-refresh .media-grid--recent .media-card--featured {
	display: flex;
}

.media-grid--recent .media-preview {
	aspect-ratio: 4 / 5;
}

.site-refresh .media-grid--recent .media-preview,
.site-refresh .media-grid--recent .media-card--featured .media-preview {
	aspect-ratio: 4 / 5;
}

.media-card--social {
	border-left-color: var(--honey);
	background: #fffaf0;
}

.media-card--social .media-preview--reel {
	aspect-ratio: 4 / 5;
	width: 100%;
	background: #f8f2e8;
}

.media-card--social .media-preview--reel img {
	object-fit: cover;
	object-position: center 28%;
}

.site-refresh .media-preview--instagram-post {
	aspect-ratio: 1970 / 1278;
	background: #f8f2e8;
}

.media-preview--instagram-post img {
	object-fit: contain;
	object-position: center center;
}

.illustration-card {
	display: grid;
	gap: 1rem;
	border-left: 6px solid var(--sage);
}

.illustration-card--wide {
	grid-column: 1 / -1;
	grid-template-columns: minmax(280px, 0.6fr) minmax(0, 1fr);
	align-items: center;
	border-left-color: var(--honey);
	background: #fffaf0;
}

.illustration-card--feature {
	grid-column: 1 / -1;
	grid-template-columns: minmax(320px, 0.7fr) minmax(0, 1fr);
	align-items: center;
	border-left-color: var(--honey);
	background: #fffaf0;
}

.illustration-preview {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #fffdf8;
}

.illustration-preview img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	padding: 0.55rem;
	transition: transform 180ms ease, filter 180ms ease;
}

.illustration-preview:hover img {
	filter: saturate(1.08);
	transform: scale(1.025);
}

.illustration-preview--wide {
	aspect-ratio: 16 / 9;
}

.illustration-preview--full {
	aspect-ratio: auto;
}

.illustration-preview--full img {
	height: auto;
	object-fit: contain;
}

.illustration-preview--portrait img {
	padding: 0.8rem;
}

.illustration-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.illustration-card h2 {
	font-size: clamp(1.12rem, 2.1vw, 1.5rem);
	line-height: 1.28;
	margin-bottom: 0.65rem;
}

.figure-note {
	color: var(--muted-ink);
	margin-bottom: 0.85rem;
}

.citation {
	padding-top: 0.85rem;
	border-top: 1px solid var(--line);
	color: var(--ink);
	font-size: 0.95rem;
	line-height: 1.62;
}

.field-card {
	display: grid;
	gap: 0.95rem;
	border-left: 6px solid var(--sage);
}

.field-card--featured {
	grid-column: 1 / -1;
	grid-template-columns: minmax(300px, 0.68fr) minmax(0, 1fr);
	align-items: center;
	border-left-color: var(--honey);
	background: #fffaf0;
}

.field-card--poster {
	grid-column: span 2;
	grid-template-columns: minmax(180px, 0.4fr) minmax(0, 1fr);
	align-items: center;
}

.field-photo {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #f5efe4;
}

.field-card--featured .field-photo {
	aspect-ratio: 16 / 10;
}

.field-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 180ms ease, filter 180ms ease;
}

.field-photo:hover img {
	filter: saturate(1.08);
	transform: scale(1.025);
}

.field-photo--portrait {
	aspect-ratio: 3 / 4;
}

.field-photo--poster {
	aspect-ratio: 3 / 4;
	background: #fffdf8;
}

.field-photo--poster img {
	object-fit: contain;
	padding: 0.5rem;
}

.field-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.field-card h2 {
	font-size: clamp(1.05rem, 1.8vw, 1.32rem);
	line-height: 1.25;
	margin-bottom: 0.55rem;
}

.field-card p {
	color: var(--muted-ink);
	margin-bottom: 0;
}

.featured-publication {
	border-left-color: var(--honey);
	background: #fffaf0;
}

.publication-card h2 {
	font-size: clamp(1.18rem, 2.4vw, 1.6rem);
	line-height: 1.3;
}

.pub-year {
	display: inline-flex;
	margin-bottom: 0.8rem;
	padding: 0.2rem 0.65rem;
	border-radius: 999px;
	background: #f1e6d8;
	color: var(--moss);
	font-weight: 800;
}

.clean-list {
	display: grid;
	gap: 1rem;
	padding: 0;
	list-style: none;
}

.clean-list li {
	padding: 1rem 0 1rem 1.25rem;
	border-left: 3px solid var(--line);
	color: var(--muted-ink);
}

.zine-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

.zine-card {
	display: grid;
	gap: 1rem;
}

.zine-card__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.65rem;
}

.zine-card__copy p {
	margin-bottom: 0;
	color: var(--muted-ink);
	line-height: 1.55;
}

.zine-card--wide {
	grid-column: 1 / -1;
	grid-template-columns: minmax(260px, 0.55fr) minmax(300px, 1fr);
	align-items: center;
}

.zine-series-intro {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.zine-series-intro p:not(.eyebrow) {
	color: var(--muted-ink);
	font-size: clamp(1rem, 1.45vw, 1.12rem);
	line-height: 1.65;
}

.zine-series-subtitle {
	margin-top: -0.45rem;
	margin-bottom: 0.9rem;
	color: var(--moss);
	font-size: clamp(0.86rem, 1.2vw, 0.98rem);
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.45;
	text-transform: uppercase;
}

.zine-grid--series {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zine-card iframe {
	width: 100%;
	min-height: 380px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: #fff;
}

.cv-identity {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr);
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: center;
}

.cv-identity--stack {
	grid-template-columns: minmax(0, 760px);
	justify-content: start;
}

.role-affiliation {
	margin: 1rem 0 1.25rem;
	padding-left: 1rem;
	border-left: 3px solid var(--honey);
}

.role-affiliation p {
	margin-bottom: 0.22rem;
	color: var(--ink);
	line-height: 1.45;
}

.profile-card {
	background: #fffaf0;
}

.profile-card p {
	margin-bottom: 0.35rem;
	color: var(--ink);
}

.cv-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin-top: 1.2rem;
}

.card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.9rem 1.1rem;
	align-items: center;
	margin-top: 0.9rem;
}

.accordion {
	background-color: #fffaf0;
	border: 1px solid var(--line);
	border-radius: 8px;
	color: var(--ink);
	box-shadow: 0 8px 22px rgba(31, 42, 36, 0.05);
}

.accordion h2 {
	margin: 0;
	font-size: 1.1rem;
	color: var(--moss);
}

.accordion-active,
.accordion:hover {
	background-color: #f1e6d8;
}

.panel {
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid var(--line);
	border-top: 0;
	border-radius: 0 0 8px 8px;
}

.footer-area {
	background: var(--moss);
	margin-top: 4rem;
}

.site-refresh .mb-30px {
	margin-bottom: 0;
}

.site-refresh .mb-30px > .container {
	width: 100%;
	max-width: none;
	padding-right: 0;
	padding-left: 0;
}

.footer-text,
.footer-text a,
.footer-text i {
	color: rgba(255, 255, 255, 0.88);
}

@media screen and (max-width: 900px) {
	.intro-grid,
	.feature-grid,
	.cv-identity,
	.zine-card--wide {
		grid-template-columns: 1fr;
	}

	.zine-grid {
		grid-template-columns: 1fr;
	}

	.media-grid {
		grid-template-columns: 1fr;
	}

	.hero-banner,
	.page-hero {
		min-height: 560px;
		padding-top: 6rem;
	}
}

@media screen and (min-width: 700px) and (max-width: 1100px) {
	.media-grid--coverage {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 768px) {
	.header_area {
		min-height: 72px;
	}

	.header_area+section,
	.header_area+row,
	.header_area+div {
		margin-top: 0;
	}
}

@media screen and (max-width: 600px) {
	.content-section {
		width: min(100% - 24px, 1120px);
	}

	.hero-banner__content h1,
	.page-hero__content h1 {
		font-size: clamp(2.7rem, 17vw, 4.3rem);
	}

	.zine-card iframe {
		min-height: 300px;
	}
}
/* END Six Legs 2026 refresh */


/* START Six Legs tighter research-site pass */
.site-refresh {
	--ink: #17211c;
	--muted-ink: #526158;
	--paper: #fbfaf6;
	--paper-warm: #f3efe7;
	--moss: #263f33;
	--sage: #8ba186;
	--honey: #c28a2a;
	--coral: #b76550;
	--lavender: #6d58da;
	--line: rgba(23, 33, 28, 0.14);
	--shadow: 0 10px 28px rgba(23, 33, 28, 0.08);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background: linear-gradient(180deg, #fbfaf6 0%, #f5f0e7 46%, #fbfaf6 100%);
	color: var(--ink);
}

.site-refresh h1,
.site-refresh h2,
.site-refresh h3,
.site-refresh h4,
.site-refresh h5,
.site-refresh h6,
.site-refresh .caption-container {
	font-family: inherit;
	letter-spacing: 0;
}

.site-refresh .header_area {
	min-height: 72px;
	background: rgba(251, 250, 246, 0.96);
	border-bottom: 1px solid rgba(23, 33, 28, 0.1);
	box-shadow: none;
}

.site-refresh .topnavkarmi {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 0.2rem;
	min-height: 72px;
	padding: 0 clamp(1rem, 4vw, 4.5rem);
}

.site-refresh .topnavkarmi > a {
	float: none;
	padding: 24px 10px;
	font-size: clamp(0.78rem, 0.95vw, 0.94rem) !important;
	line-height: 1;
	color: #24312b;
}

.site-refresh .topnavkarmi > a:hover,
.site-refresh .topnavkarmi > a.activenav {
	color: var(--lavender);
	background: transparent;
}

.site-refresh .nologo {
	margin-right: auto;
}

.site-refresh .nologo a {
	float: none;
	display: grid;
	gap: 0.05rem;
	padding: 0;
	color: var(--ink);
	text-align: left;
}

.site-refresh .nologo img {
	display: none;
}

.site-refresh .nologo a::before {
	content: "Dr. Karmi Oxman";
	font-size: clamp(1rem, 1.4vw, 1.25rem);
	font-weight: 850;
	line-height: 1.05;
	color: var(--ink);
}

.site-refresh .nologo a::after {
	content: "Adventures in Ethology";
	font-size: 0.72rem;
	font-weight: 700;
	color: var(--muted-ink);
	text-transform: none;
	letter-spacing: 0;
}

.site-refresh .hero-banner,
.site-refresh .page-hero {
	min-height: clamp(420px, 55vh, 560px);
	padding: clamp(4.5rem, 7vw, 6.5rem) clamp(1.25rem, 5vw, 4.5rem);
	align-items: center;
}

.site-refresh .hero-banner--sm {
	min-height: clamp(320px, 43vh, 460px);
}

.site-refresh .hero-banner__content,
.site-refresh .page-hero__content {
	width: min(760px, 100%);
}

.site-refresh .hero-banner__content h1,
.site-refresh .page-hero__content h1 {
	font-size: clamp(2.8rem, 6.8vw, 5.8rem);
	line-height: 0.98;
	margin-bottom: 1rem;
	text-wrap: balance;
}

.site-refresh .hero-title-lockup {
	margin-bottom: 1rem;
}

.site-refresh .hero-title-lockup h1 {
	margin-bottom: 0.35rem;
}

.site-refresh .hero-banner__content h3,
.site-refresh .eyebrow {
	font-size: 0.78rem;
	letter-spacing: 0.16em;
}

.site-refresh .hero-banner__content h4,
.site-refresh .page-hero__content p {
	max-width: 640px;
	font-size: clamp(1rem, 1.6vw, 1.2rem);
	line-height: 1.65;
}

.site-refresh .content-section {
	width: min(1040px, calc(100% - 40px));
	padding: clamp(2.7rem, 5vw, 4.7rem) 0;
}

.site-refresh .content-section h2 {
	font-size: clamp(1.75rem, 3.2vw, 2.7rem);
	line-height: 1.05;
}

.site-refresh .lede {
	max-width: 680px;
	font-size: clamp(1rem, 1.45vw, 1.16rem);
	line-height: 1.72;
}

.site-refresh .intro-grid,
.site-refresh .cv-identity {
	grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.65fr);
	gap: clamp(1.25rem, 3vw, 2.5rem);
}

.site-refresh .cv-identity--stack {
	grid-template-columns: minmax(0, 780px);
}

.site-refresh .feature-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.site-refresh .video-feature {
	display: grid;
	gap: 1rem;
	justify-items: center;
	text-align: center;
}

.site-refresh .video-feature__intro h2 {
	margin-bottom: 0;
}

.site-refresh .video-embed {
	position: relative;
	width: min(100%, 860px);
	aspect-ratio: 16 / 9;
	border: 1px solid var(--line);
	border-radius: 6px;
	overflow: hidden;
	background: var(--ink);
	box-shadow: 0 14px 34px rgba(35, 43, 37, 0.13);
}

.site-refresh .video-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.site-refresh .video-embed .video-poster {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border: 0;
	box-shadow: none;
	cursor: pointer;
}

.site-refresh .video-fallback-link {
	margin-top: 0.2rem;
	font-size: 0.98rem;
}

.site-refresh .video-poster {
	position: relative;
	display: block;
	width: min(100%, 860px);
	aspect-ratio: 16 / 9;
	border: 1px solid var(--line);
	border-radius: 6px;
	overflow: hidden;
	background: var(--ink);
	color: #fff;
	box-shadow: 0 14px 34px rgba(35, 43, 37, 0.13);
}

.site-refresh .video-poster img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.96) contrast(0.98);
	transition: transform 220ms ease, filter 220ms ease;
}

.site-refresh .video-poster::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(22, 34, 28, 0.08), rgba(22, 34, 28, 0.42));
}

.site-refresh .video-poster__play {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: clamp(64px, 8vw, 86px);
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 10px 24px rgba(20, 32, 26, 0.22);
}

.site-refresh .video-poster__play::before {
	content: "";
	position: absolute;
	left: 53%;
	top: 50%;
	transform: translate(-42%, -50%);
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 23px solid var(--moss);
}

.site-refresh .video-poster__label {
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	z-index: 1;
	padding: 0.52rem 0.72rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	color: var(--moss);
	font-weight: 900;
	font-size: 0.95rem;
}

.site-refresh .video-poster:hover img {
	transform: scale(1.018);
	filter: saturate(1.04) contrast(1);
}

.site-refresh .interest-section {
	padding-top: clamp(2rem, 4vw, 3.4rem);
	padding-bottom: clamp(1.4rem, 3vw, 2.6rem);
}

.site-refresh .interest-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.site-refresh .interest-card {
	display: grid;
	gap: 0.7rem;
	align-content: start;
	justify-items: start;
	color: inherit;
	text-decoration: none;
}

.site-refresh .interest-card img {
	width: min(100%, 210px);
	aspect-ratio: 3 / 4;
	object-fit: cover;
	border: 1px solid var(--line);
	border-radius: 6px;
	filter: saturate(0.92);
	justify-self: start;
	object-position: center;
	transition: transform 180ms ease, filter 180ms ease, border-color 180ms ease;
}

.site-refresh .interest-card:nth-child(1) img {
	object-position: 52% center;
}

.site-refresh .interest-card:nth-child(2) img {
	object-position: 48% center;
}

.site-refresh .interest-card:nth-child(3) img {
	object-position: center 45%;
}

.site-refresh .interest-card h3 {
	width: min(100%, 210px);
	min-height: 2.55em;
	margin: 0;
	font-size: 1rem;
	line-height: 1.28;
	color: var(--moss);
}

.site-refresh .interest-card h3 span {
	display: block;
}

.site-refresh .interest-card:hover img,
.site-refresh .interest-card:focus-visible img {
	transform: translateY(-2px);
	filter: saturate(1.03);
	border-color: rgba(38, 66, 54, 0.36);
}

.site-refresh .interest-card:hover h3,
.site-refresh .interest-card:focus-visible h3 {
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.site-refresh .interest-card p {
	margin: 0;
	font-size: 0.94rem;
	line-height: 1.55;
	color: var(--muted-ink);
}

.site-refresh .callout-card,
.site-refresh .feature-card,
.site-refresh .publication-card,
.site-refresh .zine-card,
.site-refresh .profile-card,
.site-refresh .media-card,
.site-refresh .illustration-card,
.site-refresh .field-card {
	background: rgba(255, 255, 255, 0.86);
	border: 1px solid var(--line);
	border-radius: 6px;
	box-shadow: none;
	padding: clamp(1.1rem, 2.3vw, 1.65rem);
}

.site-refresh .publication-card,
.site-refresh .media-card,
.site-refresh .illustration-card,
.site-refresh .field-card {
	border-left-width: 4px;
}

.site-refresh .publication-card--thesis {
	border-left-color: var(--honey);
}

.site-refresh .publication-card h2,
.site-refresh .media-card h2,
.site-refresh .zine-card h2,
.site-refresh .illustration-card h2,
.site-refresh .field-card h2 {
	font-size: clamp(1.08rem, 1.9vw, 1.38rem);
}

.site-refresh .media-card--featured {
	display: grid;
	grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1fr);
	align-items: center;
	gap: clamp(1.1rem, 2.4vw, 1.6rem);
}

.site-refresh .media-card--featured .media-preview {
	aspect-ratio: 4 / 3;
}

.site-refresh .media-card__body p:last-of-type {
	margin-bottom: 1rem;
}

.site-refresh .pub-year {
	padding: 0.16rem 0.55rem;
	margin-bottom: 0.7rem;
	font-size: 0.86rem;
	background: #eee5d8;
}

.site-refresh .pub-note {
	color: var(--muted);
	font-size: 0.94rem;
	margin-top: -0.15rem;
}

.site-refresh .button {
	background: #ffffff;
	border: 1px solid var(--line);
	color: var(--moss);
	padding: 0.72rem 1.05rem;
	border-radius: 999px;
	font-size: 0.88rem;
	font-weight: 800;
	line-height: 1;
}

.site-refresh .button:hover {
	background: #eee5d8;
	border-color: #d8c9b5;
	color: var(--ink);
}

.site-refresh .button-soft {
	background: var(--moss);
	border-color: var(--moss);
	color: #fff;
}

.site-refresh .button-soft:hover {
	background: var(--honey);
	border-color: var(--honey);
	color: var(--ink);
}

.site-refresh .text-link {
	font-weight: 760;
	text-decoration-thickness: 0.06em;
}

.site-refresh .clean-list {
	gap: 0.55rem;
}

.site-refresh .clean-list li {
	padding: 0.78rem 0 0.78rem 1rem;
	border-left: 2px solid var(--line);
}

.site-refresh .accordion {
	margin: 0;
	padding: 1rem 0.2rem;
	background: transparent;
	border: 0;
	border-top: 1px solid var(--line);
	border-radius: 0;
	box-shadow: none;
}

.site-refresh .accordion h2 {
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.site-refresh .accordion:after {
	margin-top: -22px;
	color: var(--moss);
}

.site-refresh .accordion-active,
.site-refresh .accordion:hover {
	background: transparent;
}

.site-refresh .panel {
	padding: 0 0.2rem 1.15rem 0.2rem;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.site-refresh .row {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	gap: 1rem;
}

.site-refresh .column {
	padding: 0;
}

.site-refresh .column img,
.site-refresh .modal-column img {
	border-radius: 6px;
}

.site-refresh .caption-container {
	padding: 0.45rem 0 0.85rem;
	color: var(--muted-ink);
}

.site-refresh .footer-area {
	margin-top: 3rem;
	padding: 2rem 1rem;
}

.site-refresh .footer-text {
	padding-top: 0;
}

@media screen and (max-width: 1040px) {
	.site-refresh .topnavkarmi {
		display: none;
	}

	.site-refresh .dropdown {
		display: block !important;
	}
}

@media screen and (min-width: 1041px) {
	.site-refresh .dropdown {
		display: none !important;
	}
}

@media screen and (max-width: 900px) {
	.site-refresh .intro-grid,
	.site-refresh .feature-grid,
	.site-refresh .cv-identity,
	.site-refresh .interest-grid,
	.site-refresh .illustration-grid,
	.site-refresh .illustration-card--feature,
	.site-refresh .illustration-card--wide,
	.site-refresh .field-gallery,
	.site-refresh .field-card--featured,
	.site-refresh .field-card--poster,
	.site-refresh .publication-card {
		grid-template-columns: 1fr;
	}

	.site-refresh .field-card--poster {
		grid-column: auto;
	}
}

@media screen and (max-width: 600px) {
	.site-refresh .hero-banner,
	.site-refresh .page-hero {
		min-height: 370px;
		padding: 4.6rem 1.25rem 2.4rem;
	}

	.site-refresh .hero-banner__content h1,
	.site-refresh .page-hero__content h1 {
		font-size: clamp(2.55rem, 13vw, 3.7rem);
	}
}
/* END Six Legs tighter research-site pass */


/* START Six Legs tighter vertical rhythm */
.site-refresh .hero-banner,
.site-refresh .page-hero {
	min-height: clamp(340px, 45vh, 460px);
	padding-top: clamp(3.4rem, 5.4vw, 4.8rem);
	padding-bottom: clamp(3rem, 5vw, 4.4rem);
}

.site-refresh .hero-banner--sm {
	min-height: clamp(270px, 34vh, 360px);
}

.site-refresh .content-section {
	padding-top: clamp(1.9rem, 3.4vw, 3.1rem);
	padding-bottom: clamp(1.9rem, 3.4vw, 3.1rem);
}

.site-refresh .content-section + .content-section {
	padding-top: clamp(0.8rem, 1.8vw, 1.5rem);
}

.site-refresh .content-section.media-grid,
.site-refresh .content-section.publication-list {
	padding-top: 0;
}

.site-refresh .interest-section {
	padding-top: clamp(1.6rem, 3vw, 2.5rem);
	padding-bottom: clamp(1rem, 2.2vw, 1.8rem);
}

.site-refresh .footer-area {
	margin-top: 2rem;
}

@media screen and (max-width: 600px) {
	.site-refresh .hero-banner,
	.site-refresh .page-hero {
		min-height: 340px;
		padding-top: 4rem;
		padding-bottom: 2rem;
	}
}
/* END Six Legs tighter vertical rhythm */


/* START Six Legs compact page rhythm */
.site-refresh .hero-banner,
.site-refresh .page-hero {
	min-height: clamp(310px, 40vh, 410px);
	padding-top: clamp(2.8rem, 4.6vw, 4rem);
	padding-bottom: clamp(2.5rem, 4vw, 3.7rem);
}

.site-refresh .hero-banner--sm {
	min-height: clamp(240px, 30vh, 320px);
}

.site-refresh .content-section {
	padding-top: clamp(1.35rem, 2.6vw, 2.35rem);
	padding-bottom: clamp(1.35rem, 2.6vw, 2.35rem);
}

.site-refresh .content-section + .content-section {
	padding-top: clamp(0.45rem, 1.1vw, 1rem);
}

.site-refresh.media-page .intro-grid {
	padding-bottom: 0.7rem;
}

.site-refresh.media-page .content-section.media-grid {
	padding-bottom: 1.4rem;
}

.site-refresh.media-page .content-section.media-grid--coverage {
	padding-top: clamp(1.2rem, 2.4vw, 2rem);
}

.site-refresh .media-grid--coverage .media-card--featured {
	display: flex;
	grid-template-columns: none;
	align-items: stretch;
}

.site-refresh .media-grid--coverage .media-card--featured .media-preview {
	aspect-ratio: 16 / 10;
}

@media screen and (max-width: 600px) {
	.site-refresh .hero-banner,
	.site-refresh .page-hero {
		min-height: 315px;
		padding-top: 3.5rem;
		padding-bottom: 1.8rem;
	}

	.site-refresh .media-card--featured {
		display: flex;
	}

	.site-refresh .media-card--featured .media-preview {
		aspect-ratio: 16 / 9;
	}
}
/* END Six Legs compact page rhythm */


/* START Six Legs minimal copy pass */
.site-refresh .hero-banner,
.site-refresh .page-hero {
	min-height: clamp(255px, 32vh, 340px);
	padding-top: clamp(2.3rem, 3.6vw, 3.2rem);
	padding-bottom: clamp(2rem, 3.2vw, 3rem);
}

.site-refresh .content-section {
	padding-top: clamp(1rem, 2vw, 1.8rem);
	padding-bottom: clamp(1rem, 2vw, 1.8rem);
}

.site-refresh .content-section + .content-section {
	padding-top: clamp(0.3rem, 0.8vw, 0.7rem);
}

.site-refresh .page-hero--publications + .publication-list {
	margin-top: clamp(1.1rem, 2.4vw, 2rem);
}

.site-refresh .page-hero--fieldwork + .field-journal {
	margin-top: clamp(1rem, 2.4vw, 1.8rem);
}

.site-refresh .artwork-lead {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: clamp(1.1rem, 2.4vw, 1.8rem);
}

.site-refresh .artwork-lead h2 {
	margin-bottom: 0;
}

.site-refresh .sticker-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	white-space: nowrap;
	background: var(--honey);
	border-color: var(--honey);
	color: var(--ink);
	box-shadow: 0 10px 24px rgba(198, 126, 82, 0.18);
}

.site-refresh .sticker-button:hover {
	background: var(--moss);
	border-color: var(--moss);
	color: #fff;
}

.site-refresh .art-gallery-shell {
	width: min(100% - 2rem, 1320px);
	margin: 0 auto;
	padding-top: clamp(2rem, 4vw, 4rem);
	padding-bottom: clamp(2rem, 4vw, 4rem);
}

.site-refresh .art-gallery-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: clamp(1rem, 2.4vw, 1.8rem);
}

.site-refresh .art-gallery-heading h1 {
	margin: 0;
	color: var(--moss);
	font-size: clamp(2.4rem, 7vw, 5.6rem);
	line-height: 0.95;
}

.site-refresh .art-flow-gallery {
	columns: 5 205px;
	column-gap: clamp(0.75rem, 1.6vw, 1.15rem);
}

.site-refresh .art-flow-gallery figure {
	position: relative;
	margin: 0 0 clamp(0.75rem, 1.6vw, 1.15rem);
	break-inside: avoid;
	overflow: hidden;
	border: 1px solid rgba(38, 66, 54, 0.14);
	border-radius: 6px;
	background: #fffdf8;
	box-shadow: 0 10px 24px rgba(31, 42, 36, 0.06);
}

.site-refresh .art-flow-gallery img {
	width: 100%;
	height: auto;
	display: block;
}

@media screen and (max-width: 900px) {
	.site-refresh .art-flow-gallery {
		columns: 3 190px;
	}
}

@media screen and (max-width: 560px) {
	.site-refresh .art-flow-gallery {
		columns: 1;
	}
}

.site-refresh .contact-card-page {
	width: min(100% - 2rem, 1120px);
	min-height: calc(100vh - 92px);
	margin: 0 auto;
	padding: clamp(2rem, 6vw, 5rem) 0;
	display: flex;
	align-items: center;
	justify-content: center;
	perspective: 1200px;
	background:
		repeating-linear-gradient(93deg, rgba(49, 76, 61, 0.018) 0 1px, transparent 1px 7px),
		radial-gradient(ellipse at 52% 58%, rgba(217, 155, 41, 0.16), transparent 48%),
		radial-gradient(ellipse at 50% 74%, rgba(49, 76, 61, 0.08), transparent 54%);
}

.site-refresh .contact-card-object {
	position: relative;
	width: min(88vw, 940px);
	padding: 0;
	background:
		radial-gradient(circle at 18% 28%, rgba(255, 255, 255, 0.5) 0 1px, transparent 1px 3px),
		repeating-linear-gradient(101deg, rgba(76, 64, 44, 0.028) 0 1px, transparent 1px 8px),
		#f6efe0;
	border: 1px solid rgba(49, 76, 61, 0.16);
	border-radius: clamp(13px, 1.8vw, 22px);
	box-shadow:
		inset 0 0 0 1px rgba(255, 253, 248, 0.62),
		0 34px 58px rgba(31, 42, 36, 0.19),
		0 10px 18px rgba(31, 42, 36, 0.11);
	transform: rotate(-1.35deg) rotateX(3deg) rotateY(-1deg);
	transform-origin: center;
}

.site-refresh .contact-card-object::before,
.site-refresh .contact-card-object::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.site-refresh .contact-card-object::before {
	inset: 0.42rem -0.72rem -0.72rem 0.72rem;
	z-index: -2;
	background:
		repeating-linear-gradient(2deg, rgba(255, 255, 255, 0.34) 0 1px, transparent 1px 5px),
		repeating-linear-gradient(91deg, rgba(76, 64, 44, 0.045) 0 1px, transparent 1px 9px),
		linear-gradient(145deg, #f6ecd8 0%, #ead9bf 100%);
	border: 1px solid rgba(49, 76, 61, 0.13);
	border-radius: clamp(13px, 1.8vw, 22px);
	box-shadow:
		0.55rem 0.55rem 0 #eadcc5,
		1.05rem 1.05rem 0 #e3d3ba,
		1.45rem 1.45rem 0 rgba(213, 195, 166, 0.82),
		0 22px 42px rgba(31, 42, 36, 0.15);
	transform: rotate(1.6deg);
}

.site-refresh .contact-card-object::after {
	left: 8%;
	right: 4%;
	bottom: -2.6rem;
	z-index: -3;
	height: 2.4rem;
	background: radial-gradient(ellipse at center, rgba(31, 42, 36, 0.28), transparent 67%);
	border: 0;
	border-radius: 50%;
	filter: blur(12px);
	transform: rotate(1.3deg);
}

.site-refresh .contact-card-image {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	display: block;
	border-radius: clamp(12px, 1.7vw, 21px);
	background: #f6efe0;
	box-shadow: inset 0 0 0 1px rgba(31, 42, 36, 0.08);
}

.site-refresh .contact-card-surface {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: clamp(12px, 1.7vw, 21px);
	background:
		repeating-linear-gradient(0deg, rgba(58, 48, 32, 0.035) 0 1px, transparent 1px 6px),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.28) 0 1px, transparent 1px 8px),
		#f6efe0;
}

.site-refresh .contact-card-surface::before,
.site-refresh .contact-card-surface::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	border-radius: inherit;
}

.site-refresh .contact-card-surface::before {
	background:
		radial-gradient(circle at 8% 16%, rgba(78, 63, 42, 0.055) 0 0.7px, transparent 1px),
		radial-gradient(circle at 24% 72%, rgba(78, 63, 42, 0.045) 0 0.8px, transparent 1.1px),
		radial-gradient(circle at 64% 24%, rgba(255, 255, 255, 0.5) 0 0.8px, transparent 1.2px),
		radial-gradient(circle at 83% 68%, rgba(78, 63, 42, 0.04) 0 0.7px, transparent 1px),
		repeating-linear-gradient(102deg, rgba(91, 73, 45, 0.032) 0 1px, transparent 1px 11px),
		repeating-linear-gradient(4deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 7px);
	background-size: 140px 120px, 180px 160px, 170px 140px, 150px 130px, auto, auto;
	mix-blend-mode: multiply;
	opacity: 0.78;
}

.site-refresh .contact-card-surface::after {
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.48), transparent 34%),
		linear-gradient(315deg, rgba(72, 56, 34, 0.12), transparent 38%);
	box-shadow:
		inset 0 0 0 1px rgba(255, 253, 248, 0.58),
		inset 0 1px 2px rgba(255, 255, 255, 0.75),
		inset 0 -2px 4px rgba(83, 66, 42, 0.1);
	opacity: 0.72;
}

@media screen and (max-width: 700px) {
	.site-refresh .contact-card-page {
		min-height: calc(100vh - 76px);
		padding-top: clamp(4.2rem, 12vw, 5rem);
	}

	.site-refresh .contact-card-object {
		width: min(94vw, 980px);
		transform: rotate(-0.8deg);
	}

	.site-refresh .contact-card-object::before {
		inset: 0.3rem -0.45rem -0.5rem 0.45rem;
		box-shadow:
			0.35rem 0.35rem 0 #eadcc5,
			0.68rem 0.68rem 0 #e3d3ba,
			0 16px 30px rgba(31, 42, 36, 0.14);
	}
}

.site-refresh .art-feature-grid {
	display: grid;
	grid-template-columns: 1.25fr 0.9fr 0.9fr;
	gap: clamp(0.85rem, 2vw, 1.25rem);
	padding-top: 0;
	padding-bottom: clamp(1.2rem, 3vw, 2rem);
}

.site-refresh .art-piece,
.site-refresh .art-tile {
	margin: 0;
	break-inside: avoid;
	overflow: hidden;
	background: #fffaf0;
	border: 1px solid var(--line);
	border-radius: 6px;
}

.site-refresh .art-piece {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.site-refresh .art-piece--large {
	grid-row: span 2;
}

.site-refresh .art-piece--wide {
	grid-column: span 2;
}

.site-refresh .art-piece img,
.site-refresh .art-tile img {
	width: 100%;
	display: block;
}

.site-refresh .art-piece img {
	height: 100%;
	min-height: 260px;
	object-fit: cover;
}

.site-refresh .art-piece--large img {
	min-height: 540px;
}

.site-refresh .art-piece--wide img {
	aspect-ratio: 16 / 7;
	object-fit: cover;
}

.site-refresh .art-piece figcaption {
	padding: 0.65rem 0.8rem;
	color: var(--moss);
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.3;
}

.site-refresh .artwork-wall-section {
	padding-top: clamp(1.2rem, 3vw, 2rem);
}

.site-refresh .art-masonry {
	columns: 4 220px;
	column-gap: clamp(0.85rem, 2vw, 1.25rem);
	margin-top: 1rem;
}

.site-refresh .art-tile {
	margin-bottom: clamp(0.85rem, 2vw, 1.25rem);
	background: rgba(255, 255, 255, 0.78);
}

.site-refresh .art-tile img {
	height: auto;
}

.site-refresh .field-journal {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: clamp(0.9rem, 2vw, 1.25rem);
	padding-top: 0;
}

.site-refresh .field-note {
	grid-column: span 6;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(150px, 0.42fr);
	gap: clamp(0.85rem, 1.8vw, 1.1rem);
	align-items: stretch;
	background:
		linear-gradient(90deg, transparent 0 1.25rem, rgba(198, 126, 82, 0.18) 1.25rem 1.31rem, transparent 1.31rem),
		repeating-linear-gradient(180deg, rgba(38, 66, 54, 0.045) 0 1px, transparent 1px 1.82rem),
		#fffaf0;
	border: 1px solid var(--line);
	border-left: 4px solid var(--honey);
	border-radius: 6px;
	box-shadow: 0 10px 24px rgba(38, 66, 54, 0.06);
	overflow: hidden;
	padding: clamp(0.85rem, 1.8vw, 1.15rem);
}

.site-refresh .field-note::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 12% 18%, rgba(198, 126, 82, 0.06), transparent 28%);
	pointer-events: none;
}

.site-refresh .field-note--wide {
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 0.62fr) minmax(240px, 0.38fr);
}

.site-refresh .field-note--text {
	grid-template-columns: 1fr;
}

.site-refresh .field-note__copy {
	position: relative;
	z-index: 1;
	display: flex;
	min-height: 100%;
	flex-direction: column;
	justify-content: center;
	padding-left: clamp(0.25rem, 0.8vw, 0.65rem);
}

.site-refresh .field-note h2,
.site-refresh .field-training-note h2 {
	margin-bottom: 0.45rem;
	color: var(--moss);
	font-size: clamp(1.05rem, 1.7vw, 1.34rem);
	line-height: 1.25;
}

.site-refresh .field-note p:last-child {
	margin-bottom: 0;
	color: var(--muted-ink);
	font-size: 0.96rem;
	line-height: 1.5;
}

.site-refresh .field-note__photo {
	position: relative;
	z-index: 1;
	display: block;
	aspect-ratio: 4 / 3;
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: rgba(255, 253, 248, 0.86);
}

.site-refresh .field-note--wide .field-note__photo {
	aspect-ratio: 16 / 10;
}

.site-refresh .field-note__photo img,
.site-refresh .field-note__photo video {
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
	display: block;
}

.site-refresh .field-note__photo video {
	background: #14201a;
}

.site-refresh .field-note--ant {
	grid-template-columns: minmax(0, 0.84fr) minmax(220px, 0.58fr);
}

.site-refresh .field-note--ant .field-note__photo {
	padding: 0.45rem;
	background: #fffdf8;
}

.site-refresh .field-note__photo--contain img {
	object-fit: contain;
	background: #f5efe4;
	border-radius: 3px;
}

.site-refresh .field-training-note {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.46fr);
	gap: clamp(0.85rem, 2vw, 1.2rem);
	align-items: center;
	margin-top: 0.25rem;
	padding: clamp(1rem, 2.2vw, 1.35rem);
	background:
		linear-gradient(90deg, transparent 0 1.25rem, rgba(198, 126, 82, 0.14) 1.25rem 1.31rem, transparent 1.31rem),
		repeating-linear-gradient(180deg, rgba(38, 66, 54, 0.04) 0 1px, transparent 1px 1.82rem),
		rgba(255, 255, 255, 0.72);
	border: 1px solid var(--line);
	border-radius: 6px;
	box-shadow: 0 10px 24px rgba(38, 66, 54, 0.05);
}

.site-refresh .field-training-note__media {
	position: relative;
	z-index: 1;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border: 1px solid var(--line);
	border-radius: 5px;
	background: #14201a;
}

.site-refresh .field-training-note__media video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.site-refresh .field-training-note .clean-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem 1rem;
	margin-bottom: 0;
}

.site-refresh .field-training-note li {
	margin-bottom: 0;
	color: var(--muted-ink);
	line-height: 1.55;
}

.site-refresh .feature-card,
.site-refresh .zine-card,
.site-refresh .media-card,
.site-refresh .illustration-card,
.site-refresh .field-card,
.site-refresh .publication-card,
.site-refresh .callout-card,
.site-refresh .profile-card {
	padding: clamp(0.9rem, 1.8vw, 1.25rem);
}

.site-refresh .feature-card h3,
.site-refresh .interest-card h3,
.site-refresh .publication-card h2,
.site-refresh .media-card h2,
.site-refresh .zine-card h2,
.site-refresh .illustration-card h2,
.site-refresh .field-card h2 {
	margin-bottom: 0.45rem;
}

.site-refresh .card-actions {
	margin-top: 0.65rem;
}

@media screen and (max-width: 900px) {
	.site-refresh .field-note,
	.site-refresh .field-note--wide {
		grid-column: 1 / -1;
		grid-template-columns: 1fr;
	}

	.site-refresh .field-training-note {
		grid-template-columns: 1fr;
	}

	.site-refresh .field-training-note .clean-list {
		grid-template-columns: 1fr;
	}

	.site-refresh .artwork-lead {
		align-items: flex-start;
		flex-direction: column;
	}

	.site-refresh .art-feature-grid,
	.site-refresh .art-piece--wide {
		grid-template-columns: 1fr;
		grid-column: auto;
	}

	.site-refresh .art-piece--large {
		grid-row: auto;
	}

	.site-refresh .art-piece img,
	.site-refresh .art-piece--large img,
	.site-refresh .art-piece--wide img {
		min-height: 0;
		aspect-ratio: auto;
		height: auto;
		object-fit: contain;
	}
}

.site-refresh .citation {
	padding-top: 0.55rem;
	font-size: 0.86rem;
	line-height: 1.45;
}

@media screen and (max-width: 600px) {
	.site-refresh .hero-banner,
	.site-refresh .page-hero {
		min-height: 270px;
		padding-top: 3rem;
		padding-bottom: 1.5rem;
	}
}
/* END Six Legs minimal copy pass */

/* START Journey page */
.site-refresh .page-hero--journey {
	background-image: linear-gradient(90deg, rgba(20, 32, 26, 0.72) 0%, rgba(84, 66, 35, 0.36) 58%, rgba(217, 155, 41, 0.28) 100%), url(../img/journey/journey-banner-web.jpg);
	background-position: center 55%;
	min-height: clamp(150px, 22vh, 220px);
	margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
	padding-top: clamp(1.6rem, 4vw, 2.6rem);
	padding-bottom: clamp(1.2rem, 3vw, 1.8rem);
}

.site-refresh .page-hero--journey .page-hero__content h1 {
	font-size: clamp(2.4rem, 6vw, 4.6rem);
}

.site-refresh.journey-page .content-section {
	width: min(1080px, calc(100% - 32px));
}

.site-refresh .journey-intro {
	display: grid;
	grid-template-columns: minmax(0, 0.62fr) minmax(320px, 0.8fr);
	gap: clamp(1rem, 3vw, 2.4rem);
	align-items: end;
	padding-bottom: clamp(0.8rem, 2vw, 1.35rem);
}

.site-refresh .journey-intro h2 {
	margin-bottom: 0;
	font-size: clamp(2rem, 5vw, 4.8rem);
	line-height: 0.96;
}

.site-refresh .journey-intro .lede {
	margin-bottom: 0.2rem;
	color: var(--muted-ink);
	font-size: clamp(1rem, 1.45vw, 1.15rem);
	line-height: 1.55;
}

.site-refresh .journey-board {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: clamp(0.45rem, 0.9vw, 0.7rem);
	padding-top: 0.2rem;
}

.site-refresh .journey-stop {
	grid-column: span 3;
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
	min-height: 100%;
	background:
		linear-gradient(90deg, transparent 0 1.05rem, rgba(203, 111, 83, 0.12) 1.05rem 1.1rem, transparent 1.1rem),
		repeating-linear-gradient(180deg, rgba(49, 76, 61, 0.04) 0 1px, transparent 1px 1.72rem),
		rgba(255, 253, 247, 0.9);
	border: 1px solid var(--line);
	border-radius: 7px;
	box-shadow: 0 8px 20px rgba(31, 42, 36, 0.06);
	overflow: hidden;
}

.site-refresh .journey-stop--wide,
.site-refresh .journey-stop--hero {
	grid-column: span 4;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
}

.site-refresh .journey-stop--current-role {
	grid-column: span 6;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	align-items: stretch;
}

.site-refresh .journey-stop--drexel-phd {
	grid-column: span 6;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	align-items: stretch;
}

.site-refresh .journey-stop--hero {
	background:
		linear-gradient(90deg, rgba(255, 253, 247, 0.96), rgba(255, 253, 247, 0.82)),
		repeating-linear-gradient(180deg, rgba(49, 76, 61, 0.045) 0 1px, transparent 1px 1.72rem);
}

.site-refresh .journey-stop figure {
	margin: 0;
	min-height: 100px;
	aspect-ratio: 4 / 3;
	background: #fffaf0;
}

.site-refresh .journey-stop img,
.site-refresh .journey-stop video {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 100px;
	object-fit: cover;
}

.site-refresh .journey-stop--hero img,
.site-refresh .journey-stop--hero video {
	min-height: 100px;
	object-position: center;
}

.site-refresh .journey-stop--wide img,
.site-refresh .journey-stop--wide video {
	min-height: 100px;
}

.site-refresh .journey-current-videos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.35rem, 0.7vw, 0.55rem);
	padding: clamp(0.35rem, 0.7vw, 0.55rem);
	background: #fffaf0;
}

.site-refresh .journey-current-videos video {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 92px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	background: #14201a;
	border: 1px solid rgba(49, 76, 61, 0.12);
	border-radius: 5px;
}

.site-refresh .journey-trio {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.35rem, 0.7vw, 0.55rem);
	align-items: stretch;
	padding: clamp(0.35rem, 0.7vw, 0.55rem);
	background: #fffaf0;
}

.site-refresh .journey-trio img {
	width: 100%;
	height: clamp(135px, 15vw, 195px);
	max-height: none;
	padding: 0.35rem;
	object-fit: contain;
	background: #fffdf7;
	border: 1px solid rgba(49, 76, 61, 0.12);
	border-radius: 5px;
}

.site-refresh .journey-trio__portrait {
	aspect-ratio: auto;
	object-position: center;
}

.site-refresh .journey-trio__drexel {
	object-fit: contain;
	object-position: center;
}

.site-refresh .journey-stop__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(0.5rem, 0.9vw, 0.68rem);
}

.site-refresh .journey-stop--drexel-phd .journey-stop__copy,
.site-refresh .journey-stop--current-role .journey-stop__copy {
	padding: clamp(0.58rem, 1vw, 0.78rem) clamp(0.65rem, 1.2vw, 0.9rem);
}

.site-refresh .journey-date {
	display: inline-flex;
	width: fit-content;
	margin-bottom: 0.34rem;
	padding: 0.16rem 0.48rem;
	color: #14201a;
	background: rgba(217, 155, 41, 0.28);
	border: 1px solid rgba(49, 76, 61, 0.18);
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

.site-refresh .journey-stop h2 {
	margin: 0 0 0.18rem;
	color: var(--moss);
	font-size: clamp(0.9rem, 1.1vw, 1rem);
	line-height: 1.12;
}

.site-refresh .journey-stop p {
	margin: 0;
	color: var(--muted-ink);
	font-size: 0.76rem;
	line-height: 1.3;
}

.site-refresh .journey-stop p a {
	color: var(--link-blue);
	font-weight: 800;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.12em;
}

.site-refresh .journey-stop p a:hover,
.site-refresh .journey-stop p a:focus {
	color: var(--moss);
}

.site-refresh .journey-img--drexel {
	object-position: 68% 76%;
}

.site-refresh .journey-stop--hero h2 {
	font-size: clamp(0.98rem, 1.35vw, 1.18rem);
	line-height: 1.12;
}

.site-refresh .journey-stop--hero p {
	font-size: 0.82rem;
}

.site-refresh .journey-snapshot {
	display: grid;
	grid-template-columns: minmax(0, 0.75fr) minmax(320px, 1fr);
	gap: clamp(1.2rem, 4vw, 3rem);
	align-items: center;
	padding-bottom: clamp(1.4rem, 3vw, 2.2rem);
}

.site-refresh .journey-snapshot__copy {
	max-width: 600px;
}

.site-refresh .journey-snapshot__copy h2 {
	margin-bottom: 0.65rem;
	font-size: clamp(2rem, 4.6vw, 4rem);
	line-height: 0.98;
}

.site-refresh .journey-snapshot__copy p {
	margin-bottom: 0.6rem;
	color: var(--muted-ink);
	font-size: clamp(1rem, 1.4vw, 1.12rem);
	line-height: 1.5;
}

.site-refresh .journey-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: 1rem;
}

.site-refresh .journey-snapshot__photos {
	display: grid;
	grid-template-columns: 0.8fr 1fr;
	grid-auto-rows: minmax(150px, 1fr);
	gap: clamp(0.6rem, 1.4vw, 0.95rem);
	align-items: stretch;
}

.site-refresh .journey-snapshot__photos img {
	width: 100%;
	height: 100%;
	min-height: 170px;
	object-fit: cover;
	border: 1px solid var(--line);
	border-radius: 6px;
	box-shadow: 0 14px 30px rgba(31, 42, 36, 0.11);
}

.site-refresh .journey-snapshot__photos img:nth-child(1) {
	grid-row: span 2;
	aspect-ratio: 4 / 5;
}

.site-refresh .journey-snapshot__photos img:nth-child(2) {
	aspect-ratio: 16 / 10;
}

.site-refresh .journey-snapshot__photos img:nth-child(3) {
	aspect-ratio: 16 / 10;
}

.site-refresh .journey-snapshot__photos img:nth-child(4) {
	display: none;
}

.site-refresh .journey-lede {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(320px, 1fr);
	gap: clamp(1.2rem, 4vw, 3rem);
	align-items: center;
	padding-bottom: clamp(1.8rem, 4vw, 3rem);
}

.site-refresh .journey-lede__copy {
	max-width: 560px;
}

.site-refresh .journey-current-grid {
	display: grid;
	grid-template-columns: 0.86fr 0.72fr 1fr;
	gap: clamp(0.55rem, 1.4vw, 0.9rem);
	align-items: end;
}

.site-refresh .journey-current-grid img {
	width: 100%;
	height: 100%;
	min-height: 220px;
	object-fit: cover;
	border: 1px solid var(--line);
	border-radius: 6px;
	box-shadow: 0 14px 30px rgba(31, 42, 36, 0.12);
}

.site-refresh .journey-current-grid img:nth-child(1) {
	aspect-ratio: 4 / 5;
}

.site-refresh .journey-current-grid img:nth-child(2) {
	aspect-ratio: 3 / 4;
	transform: translateY(1.25rem);
}

.site-refresh .journey-current-grid img:nth-child(3) {
	aspect-ratio: 4 / 3;
}

.site-refresh .journey-waypoint {
	position: relative;
	z-index: 1;
	grid-column: span 6;
	display: grid;
	grid-template-columns: minmax(0, 0.78fr) minmax(180px, 1fr);
	gap: clamp(0.85rem, 2vw, 1.25rem);
	align-items: stretch;
	padding: clamp(0.95rem, 2vw, 1.35rem);
	background:
		linear-gradient(90deg, transparent 0 1.05rem, rgba(203, 111, 83, 0.15) 1.05rem 1.11rem, transparent 1.11rem),
		repeating-linear-gradient(180deg, rgba(49, 76, 61, 0.05) 0 1px, transparent 1px 1.72rem),
		rgba(255, 253, 247, 0.88);
	border: 1px solid var(--line);
	border-radius: 7px;
	box-shadow: 0 14px 32px rgba(31, 42, 36, 0.08);
	overflow: hidden;
}

.site-refresh .journey-waypoint--origin {
	border-left: 4px solid var(--sage);
}

.site-refresh .journey-waypoint--wide,
.site-refresh .journey-waypoint--video {
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 0.46fr) minmax(320px, 0.84fr);
}

.site-refresh .journey-waypoint--present {
	border-left: 4px solid var(--honey);
}

.site-refresh .journey-waypoint__copy {
	position: relative;
	z-index: 1;
	align-self: center;
	padding-left: 0.4rem;
}

.site-refresh .journey-waypoint h3 {
	margin: 0 0 0.45rem;
	color: var(--moss);
	font-size: clamp(1.1rem, 2vw, 1.45rem);
	line-height: 1.2;
}

.site-refresh .journey-waypoint p {
	margin: 0;
	color: var(--muted-ink);
	font-size: 0.98rem;
	line-height: 1.55;
}

.site-refresh .journey-pin {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	place-items: center;
	min-width: 5.8rem;
	min-height: 2.1rem;
	padding: 0.25rem 0.7rem;
	margin-bottom: 0.7rem;
	background: var(--paper-warm);
	border: 1px solid rgba(49, 76, 61, 0.16);
	border-radius: 999px;
	color: var(--moss);
	font-weight: 900;
	font-size: 0.8rem;
}

.site-refresh .journey-waypoint__media {
	position: relative;
	z-index: 1;
	display: block;
	min-width: 0;
}

.site-refresh .journey-waypoint__media img,
.site-refresh .journey-waypoint__media video {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 230px;
	max-height: 460px;
	object-fit: cover;
	background: #fffdf7;
	border: 1px solid rgba(49, 76, 61, 0.14);
	border-radius: 5px;
}

.site-refresh .journey-waypoint__media video {
	aspect-ratio: 16 / 9;
}

.site-refresh .journey-thread-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.55rem, 1.2vw, 0.85rem);
}

.site-refresh .journey-thread {
	display: block;
	min-height: 0;
	padding: clamp(0.65rem, 1.3vw, 0.9rem);
	color: var(--ink);
	background:
		linear-gradient(90deg, transparent 0 1rem, rgba(203, 111, 83, 0.13) 1rem 1.06rem, transparent 1.06rem),
		repeating-linear-gradient(180deg, rgba(49, 76, 61, 0.045) 0 1px, transparent 1px 1.7rem),
		rgba(255, 253, 247, 0.9);
	border: 1px solid var(--line);
	border-radius: 7px;
	box-shadow: 0 12px 26px rgba(31, 42, 36, 0.07);
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.site-refresh .journey-thread:hover,
.site-refresh .journey-thread:focus {
	color: var(--ink);
	border-color: rgba(49, 76, 61, 0.28);
	box-shadow: 0 16px 34px rgba(31, 42, 36, 0.11);
	transform: translateY(-2px);
}

.site-refresh .journey-thread span {
	display: block;
	margin-bottom: 0.35rem;
	color: var(--rust);
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.site-refresh .journey-thread strong {
	display: block;
	color: var(--moss);
	font-size: clamp(0.88rem, 1.1vw, 1rem);
	line-height: 1.25;
}

.site-refresh .journey-pair {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem;
}

.site-refresh .journey-pair--landscape img {
	aspect-ratio: 16 / 10;
}

.site-refresh .journey-collage {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-flow: dense;
	gap: clamp(0.65rem, 1.5vw, 1rem);
	padding-top: clamp(1.2rem, 3vw, 2.5rem);
}

.site-refresh .journey-collage img {
	width: 100%;
	height: 100%;
	min-height: 210px;
	object-fit: cover;
	border: 1px solid var(--line);
	border-radius: 6px;
	box-shadow: 0 12px 24px rgba(31, 42, 36, 0.08);
}

.site-refresh .journey-collage__tall {
	grid-row: span 2;
}

.site-refresh .journey-collage__wide {
	grid-column: span 2;
}

@media screen and (max-width: 980px) {
	.site-refresh .journey-intro,
	.site-refresh .journey-stop--wide,
	.site-refresh .journey-stop--hero,
	.site-refresh .journey-snapshot,
	.site-refresh .journey-lede,
	.site-refresh .journey-waypoint,
	.site-refresh .journey-waypoint--wide,
	.site-refresh .journey-waypoint--video {
		grid-template-columns: 1fr;
	}

	.site-refresh .journey-stop,
	.site-refresh .journey-stop--wide,
	.site-refresh .journey-stop--hero,
	.site-refresh .journey-stop--drexel-phd,
	.site-refresh .journey-stop--current-role {
		grid-column: 1 / -1;
	}

	.site-refresh .journey-stop--drexel-phd,
	.site-refresh .journey-stop--current-role {
		grid-template-columns: 1fr;
	}

	.site-refresh .journey-waypoint {
		grid-column: 1 / -1;
	}

	.site-refresh .journey-collage {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-refresh .journey-thread-grid {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 620px) {
	.site-refresh .journey-board {
		gap: 0.65rem;
	}

	.site-refresh .journey-stop figure,
	.site-refresh .journey-stop img,
	.site-refresh .journey-stop video,
	.site-refresh .journey-stop--hero img,
	.site-refresh .journey-stop--hero video,
	.site-refresh .journey-stop--wide img,
	.site-refresh .journey-stop--wide video {
		min-height: 0;
	}

	.site-refresh .journey-stop img,
	.site-refresh .journey-stop video {
		aspect-ratio: 4 / 3;
	}

	.site-refresh .journey-stop__copy {
		padding: 0.62rem 0.72rem 0.7rem;
	}

	.site-refresh .journey-stop h2 {
		font-size: 0.98rem;
	}

	.site-refresh .journey-stop p {
		font-size: 0.78rem;
		line-height: 1.32;
	}

	.site-refresh .journey-current-videos {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.3rem;
		padding: 0.35rem;
	}

	.site-refresh .journey-current-videos video {
		min-height: 0;
		height: clamp(82px, 24vw, 108px);
		aspect-ratio: auto;
		object-fit: cover;
	}

	.site-refresh .journey-trio {
		grid-template-columns: 0.9fr 1fr 1.2fr;
		gap: 0.3rem;
		padding: 0.35rem;
	}

	.site-refresh .journey-trio img {
		height: clamp(112px, 34vw, 142px);
		min-height: 0;
		max-height: none;
		aspect-ratio: auto;
		padding: 0.25rem;
		object-fit: contain;
	}

	.site-refresh .journey-snapshot__photos,
	.site-refresh .journey-current-grid,
	.site-refresh .journey-pair,
	.site-refresh .journey-collage {
		grid-template-columns: 1fr;
	}

	.site-refresh .journey-snapshot__photos img:nth-child(1) {
		grid-row: auto;
	}

	.site-refresh .journey-snapshot__photos img:nth-child(4) {
		display: block;
	}

	.site-refresh .journey-current-grid img:nth-child(2) {
		transform: none;
	}

	.site-refresh .journey-collage__wide,
	.site-refresh .journey-collage__tall {
		grid-column: auto;
		grid-row: auto;
	}
}
/* END Journey page */

/* START Home page video-first pass */
.site-refresh.home-page .hero-banner {
	min-height: clamp(320px, 44vh, 460px);
}

.site-refresh.home-page .hero-banner__content h1 {
	font-size: clamp(2.7rem, 6.6vw, 5.8rem);
}

.site-refresh.home-page .home-role-card-section {
	padding-top: clamp(0.85rem, 1.8vw, 1.35rem);
	padding-bottom: 0;
}

.site-refresh.home-page .home-role-card {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(280px, 1fr);
	gap: clamp(0.8rem, 2vw, 1.6rem);
	align-items: center;
	padding: clamp(0.95rem, 2vw, 1.45rem);
	background:
		linear-gradient(90deg, rgba(217, 155, 41, 0.13), rgba(255, 253, 247, 0.9)),
		rgba(255, 253, 247, 0.82);
	border: 1px solid rgba(49, 76, 61, 0.16);
	border-left: 6px solid var(--honey);
	border-radius: 7px;
	box-shadow: 0 12px 30px rgba(49, 76, 61, 0.08);
}

.site-refresh.home-page .home-role-card .eyebrow {
	margin-bottom: 0.35rem;
	color: var(--moss);
}

.site-refresh.home-page .home-role-card h2 {
	margin: 0;
	color: var(--moss);
	font-size: clamp(1.65rem, 3.4vw, 3rem);
	line-height: 1.05;
}

.site-refresh.home-page .home-role-card__lab {
	margin: 0.45rem 0 0;
	font-size: clamp(0.98rem, 1.25vw, 1.08rem);
	font-weight: 800;
}

.site-refresh.home-page .home-role-card__affiliation {
	display: grid;
	gap: 0.16rem;
}

.site-refresh.home-page .home-role-card__affiliation p {
	margin: 0;
	color: var(--muted-ink);
	font-size: clamp(0.92rem, 1.12vw, 1.02rem);
	line-height: 1.34;
}

.site-refresh.home-page .home-role-card__affiliation strong {
	color: var(--moss);
}

.site-refresh.home-page .interest-section {
	padding-top: clamp(1rem, 2vw, 1.6rem);
	padding-bottom: clamp(0.8rem, 1.6vw, 1.2rem);
}

.site-refresh.home-page .interest-section .eyebrow {
	margin-bottom: 0.75rem;
}

.site-refresh.home-page .interest-grid {
	gap: clamp(0.6rem, 1.4vw, 0.9rem);
}

.site-refresh.home-page .interest-card {
	grid-template-columns: clamp(66px, 8vw, 92px) minmax(0, 1fr);
	gap: 0.75rem;
	align-items: center;
	padding: 0.55rem;
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid rgba(49, 76, 61, 0.12);
	border-radius: 7px;
}

.site-refresh.home-page .interest-card img {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 5px;
}

.site-refresh.home-page .interest-card h3 {
	width: auto;
	min-height: 0;
	font-size: clamp(0.88rem, 1.1vw, 1rem);
}

.site-refresh.home-page .video-feature {
	padding-top: clamp(0.8rem, 1.8vw, 1.4rem);
	padding-bottom: clamp(2rem, 4vw, 3.2rem);
}

.site-refresh.home-page .video-feature__intro {
	display: grid;
	gap: 0.25rem;
}

.site-refresh.home-page .video-feature__intro .eyebrow {
	margin-bottom: 0;
}

.site-refresh.home-page .video-feature__intro h2 {
	font-size: clamp(1.9rem, 4.2vw, 3.6rem);
}

.site-refresh.home-page .cv-identity {
	padding-top: clamp(1.75rem, 3.5vw, 3rem);
}

@media screen and (max-width: 760px) {
	.site-refresh.home-page .interest-grid {
		grid-template-columns: 1fr;
	}

	.site-refresh.home-page .interest-card {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.site-refresh.home-page .home-role-card {
		grid-template-columns: 1fr;
	}
}
/* END Home page video-first pass */

/* START Graphical CV mobile scroll polish */
@media screen and (max-width: 620px) {
	.site-refresh .journey-board {
		gap: 0.65rem;
	}

	.site-refresh .journey-stop {
		border-radius: 6px;
	}

	.site-refresh .journey-stop__copy,
	.site-refresh .journey-stop--drexel-phd .journey-stop__copy,
	.site-refresh .journey-stop--current-role .journey-stop__copy {
		padding: 0.62rem 0.72rem 0.7rem;
	}

	.site-refresh .journey-stop h2 {
		font-size: 0.98rem;
		line-height: 1.12;
	}

	.site-refresh .journey-stop p {
		font-size: 0.78rem;
		line-height: 1.32;
	}

	.site-refresh .journey-date {
		margin-bottom: 0.3rem;
		font-size: 0.66rem;
	}

	.site-refresh .journey-current-videos {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.3rem;
		padding: 0.35rem;
	}

	.site-refresh .journey-current-videos video {
		width: 100%;
		height: clamp(82px, 24vw, 108px);
		min-height: 0;
		aspect-ratio: auto;
		object-fit: cover;
	}

	.site-refresh .journey-trio {
		grid-template-columns: 0.9fr 1fr 1.2fr;
		gap: 0.3rem;
		padding: 0.35rem;
	}

	.site-refresh .journey-trio img {
		width: 100%;
		height: clamp(112px, 34vw, 142px);
		min-height: 0;
		max-height: none;
		aspect-ratio: auto;
		padding: 0.25rem;
		object-fit: contain;
	}
}
/* END Graphical CV mobile scroll polish */