/*!
 * Theme Name: 		   OceanWP
 * Text Domain: 	   oceanwp
 * Version:            3.5.3
 * Tested up to:       6.4.2
 * Requires at least:  5.6
 * Requires PHP:       7.2
 * Author:             OceanWP
 * Author URI:         https://oceanwp.org/about-oceanwp/
 * Theme URI:          https://oceanwp.org/
 * Description:        OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
 * Tags:               two-columns, right-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce, block-styles, wide-blocks, accessibility-ready
 *
 * License: GNU General Public License v2.0 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 *
 * All files, unless otherwise stated, are released under the GNU General Public
 * License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned
 * with others.
 *
 * DO NOT ADD YOUR CSS TO THIS FILE - IT WILL BE LOST
 * To add your own CSS, use a child theme: https://github.com/oceanwp/oceanwp-child-theme
 *
 * CSS file is in "assets/css"
 */

/* Global Colors */
/* ---------------------------------------------------- */
:root {
    --color-primary: #6EC1E4;
    --color-secondary: #54595F;
    --color-text: #393B3C;
    --color-accent: #AC1F2D;
    --color-lt-green: #61CE70;
    --color-dk-green: #23A455;
    --color-blue: #4054B2;
    --color-lt-grey: #F2F2F2;
    --color-dk-grey: #E6E6E6;
    --color-black: #000000;
    --color-white: #FFFFFF;
}

/* Global Components */
/* ---------------------------------------------------- */
body {margin: 0 !important;}
#home .container {padding: 0 5%; width: 100%; margin: 0; max-width: 100%;}
#home {margin-bottom: 0;}
.rounded {border-radius: 10px;}

/* Global Typography */
/* ---------------------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, a, div, .tag {margin: 0;padding: 0;font-family: 'Roboto', sans-serif;line-height: 1.25;}
h1, .h1 {font-size: 28px;font-weight: 600;color: var(--color-accent);}
h2, .h2 {margin-bottom: 1rem;font-size: 26px;font-weight: 600;color: var(--color-accent);}
h3, .h3 {font-size: 22px;font-weight: 600;color: var(--color-accent);}
h4, .h4 {font-family: Century Gothic Pro;margin-bottom: .5rem;font-size: 20px;font-weight: 600;color: var(--color-text);}
h5, .h5 {font-weight: 600;color: var(--color-text);}
h6, .h6 {font-weight: 600;color: var(--color-text);}
.tag {margin: 20px 0 .5rem;font-size: 20px;font-weight: 600;color: var(--color-text);}
p {font-size: 18px;color: #393b3c;line-height: 1.5;}

/* Global Buttons and Links */
/* ---------------------------------------------------- */
.btn {display: inline-block;margin-top: 1.5rem;padding: 1rem 1.375rem;font-size: 20px;font-weight: 600;color: var(--color-white);background-color: var(--color-accent);white-space: nowrap;border-radius: 4px;transition: all .3s ease-in-out;}
.btn:hover {background-color: var(--color-text);color: var(--color-white) !important;}
a {color: var(--color-accent);text-decoration: none;font-weight: 500;}
.elementor-button.elementor-size-md {font-size:20px!important; line-height:28px;}

/* ---------------------------------------------------- */
/* CUSTOM HEADER STYLES */
/* ---------------------------------------------------- */

/* Header Container */
#custom-header *, #custom-header *::before, #custom-header *::after {box-sizing: border-box;}
#custom-header {position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background: linear-gradient(rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;transition: all 0.3s ease;}
#custom-header.scrolled {background: var(--color-white);box-shadow: 0px 3px 6px #00000029;}
#custom-header .header-container {display: flex;align-items: center;justify-content: space-between;padding: 1.5rem 5%;max-width: 1600px;margin: 0 auto;}

/* Header position for non-home pages - make it relative instead of fixed */
body:not(.home) #custom-header {position: relative;}

/* Default state - show white logo */
#custom-header .logo-white {opacity: 1;display: block;}
#custom-header .logo-color {opacity: 0;display: none;}

/* Scrolled state - show dark logo */
#custom-header.scrolled .logo-white {opacity: 0;display: none;}
#custom-header.scrolled .logo-color {opacity: 1;display: block;}

/* Desktop Navigation */
#custom-header .desktop-nav {display: flex;width: 100%;align-items: center;justify-content: end;}
#custom-header .nav-menu {width: 100%;display: flex;justify-content: end;list-style: none;margin: 0;padding: 0;}
#custom-header .nav-menu li:not(:last-child) {padding-right: 13%;}
#custom-header .nav-menu a {font-size: 18px; text-transform: uppercase;font-weight: 500;color: var(--color-white);transition: color 0.3s ease;}
#custom-header .nav-menu a:hover {color: var(--color-accent);}
#custom-header.scrolled .nav-menu a {color: var(--color-text);}
#custom-header.scrolled .nav-menu a:hover {color: var(--color-accent);}

/* Search Icon */
#custom-header .desktop-search {padding-left: 6%;}
#custom-header .desktop-search i {font-size: 24px;}
#custom-header .search-toggle {background: none;border: none;cursor: pointer;color: var(--color-white);transition: color 0.3s ease;}
#custom-header .search-toggle:hover {color: var(--color-accent);}
#custom-header.scrolled .search-toggle {color: var(--color-text);}
#custom-header.scrolled .search-toggle:hover {color: var(--color-accent);}

/* Mobile Menu Toggle */
#custom-header .mobile-menu-toggle {display: none;flex-direction: column;gap: 7px;background: none;border: none;cursor: pointer;padding: 0;}
#custom-header .hamburger-line {width: 28px;height: 3px;background-color: var(--color-white);transition: all 0.3s ease;border-radius: 2px;}
#custom-header.scrolled .hamburger-line {background-color: var(--color-text);}

/* Mobile Menu */
#custom-header .mobile-menu {position: fixed;top: 0;right: -100%;width: 100%;height: 100vh;background-color: var(--color-lt-grey);transition: right 0.3s ease;overflow-y: auto;z-index: 1001;}
#custom-header .mobile-menu.active {right: 0;}
#custom-header .mobile-menu-header {display: flex;align-items: center;justify-content: space-between;padding: 1rem 5%;box-shadow: 0px 3px 6px #00000029;}
#custom-header .mobile-logo a {display: block;}
#custom-header .mobile-logo img {width: 100%;height: auto;max-height: 50px;object-fit: contain;}
#custom-header .mobile-menu.active .logo-color {display: block; opacity: 1;}
#custom-header .mobile-menu-close {background: none;border: none;cursor: pointer;color: var(--color-text);}
#custom-header .mobile-menu-close i {font-size: 35px;}
#custom-header .mobile-nav-menu {list-style: none;margin: 0;padding: 0;}
#custom-header .mobile-nav-menu a {display: block;padding: 2.5rem 5%;font-size: 22px;font-weight: 500;color: var(--color-text);text-decoration: none;transition: background-color 0.3s ease;}
#custom-header .mobile-nav-menu li:first-child a {padding-top: 3.75rem;}
#custom-header .mobile-nav-menu li:last-child a {padding-bottom: 0;}
#custom-header .mobile-nav-menu a:hover {color: var(--color-accent);}
#custom-header .mobile-menu-footer {padding: 0 5%;}
#custom-header .mobile-menu-footer-wrapper {margin-top: 50%;padding: 2.5rem 0 0 0;border-top: 1px solid #969696;}
#custom-header .mobile-menu-footer h3 {margin-bottom: 2rem;}
#custom-header .social-icons {display: flex;align-items: center;gap: 2rem;}
#custom-header .social-icon {color: var(--color-text);transition: color 0.3s ease;}
#custom-header .social-icon i {font-size: 30px;}
#custom-header .social-icon:hover {color: var(--color-accent);}
#custom-header .mobile-contact-btn {width: 100%;text-align: center;margin-top: 2rem;}

/* Search Modal */
#search-modal.elementor-lightbox {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: none;align-items: center;justify-content: center;z-index: 9999;opacity: 0;transition: opacity 0.3s ease;}
#search-modal.elementor-lightbox.show {display: flex;opacity: 1;}
#search-modal .custom-search-form {position: relative;width: 100%;max-width: 800px;padding: 0 2rem;}
#search-modal .elementor-search-form__input {width: 100%;padding: 1rem 0;font-size: 48px;color: var(--color-dk-grey);text-align: center;background: transparent;border: none;border-bottom: 3px solid rgba(255, 255, 255, 0.3);outline: none;transition: border-color 0.3s ease;}
#search-modal .elementor-search-form__input::placeholder {color: rgba(255, 255, 255, 0.3);}
#search-modal input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}


/* ---------------------------------------------------- */
/* CUSTOM FOOTER STYLES */
/* ---------------------------------------------------- */
#custom-footer {background-color: var(--color-dk-grey);}
#custom-footer .footer-container {padding: 5%;}
#custom-footer .footer-top {display: grid;grid-template-columns: 2fr 1fr;}

/* Footer Left - Logo, Address, Phone */
#custom-footer .footer-left {display: flex;flex-direction: column;gap: 1.5rem;}
#custom-footer .footer-logo {max-width: 300px;}
#custom-footer .footer-contact {display: flex;flex-direction: column;gap: 2.5rem;}
#custom-footer .footer-contact i {font-size: 22px;color: var(--color-accent);}
#custom-footer .footer-address,
#custom-footer .footer-phone {display: flex;gap: 0.75rem;align-items: start;}
#custom-footer .footer-phone a {font-size: 18px; color: var(--color-text); font-weight: 400; }
#custom-footer .footer-phone a:hover {color: var(--color-accent);}

/* Footer Right - Contact Button & Social */
#custom-footer .footer-right {display: flex;flex-direction: column;gap: 2rem;align-items: flex-start;}
#custom-footer .footer-tagline {font-size: 18px; line-height: 28px; font-weight: 500; text-wrap: auto; color: var(--color-text);}
#custom-footer .footer-tagline span {color: var(--color-accent);font-size: 26px; line-height: 34px; padding-right: 4px; font-weight: 700; }}
#custom-footer .footer-contact-btn {margin-top: 0;text-transform:uppercase;}
#custom-footer .footer-social {display: flex;gap: 1.5rem;align-items: center;}
#custom-footer .footer-social-icon {font-size: 30px;color: var(--color-text);transition: color 0.3s ease;}
#custom-footer .footer-social-icon:hover {color: var(--color-accent);}

/* Footer Bottom */
#custom-footer .footer-bottom {background-color: var(--color-text);padding: .75rem 5%;}
#custom-footer .footer-bottom p {margin: 0;font-size: 14px;color: var(--color-white);text-align: center;}
#custom-footer .footer-bottom a {color: var(--color-white);text-decoration: underline;transition: color 0.3s ease;}
#custom-footer .footer-bottom a:hover {color: var(--color-lt-green);}


/* ---------------------------------------------------- */
/* SEARCH RESULTS PAGE STYLES */
/* ---------------------------------------------------- */
#search-results .container {padding: 0 5%;}
#search-results-header {padding: 1.5rem 0;background-color: var(--color-dk-grey);}
#search-results-header .search-results-count {margin-bottom: 0.5rem;font-size: 28px;color: var(--color-text);}
#search-results-header .search-query {font-size: 22px;}
#search-results-content {padding-top: 2.5rem;padding-bottom: 2.5rem;}
#search-results-content .results-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 4rem;}
#search-results-content .result-card {overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;}
#search-results-content .result-card:hover {transform: translateY(-5px);}
#search-results-content .result-card .result-image {height: 335px;overflow: hidden;}
#search-results-content .result-card .result-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}
#search-results-content .result-card:hover .result-image img {transform: scale(1.05);}
#search-results-content .card-title {font-size: 28px;}
#search-results-content .result-card .result-more a {display: flex;align-items: center;font-size: 24px;font-weight: 600;}
#search-results-content .result-card .result-more .arrow {margin-left: 1rem;font-size: 20px;font-weight: 600;color: var(--color-accent);}
#search-results-content .no-results {text-align: center;padding: 8rem 0;}
#search-results-content .no-results h2 {margin-bottom: 1rem;}
#search-results-content .pagination {display: flex;justify-content: center;margin-top: 3rem;gap: 0.5rem;}
#search-results-content .pagination a, #search-results-content .pagination span {padding: 0.5rem 1rem;background-color: var(--color-white);color: var(--color-text);text-decoration: none;border-radius: 4px;transition: all 0.3s ease;}
#search-results-content .pagination a:hover, #search-results-content .pagination .current {background-color: var(--color-accent);color: var(--color-white);}

/* ---------------------------------------------------- */
/* PAST PROJECTS ARCHIVE STYLES */
/* ---------------------------------------------------- */
#past-projects-archive {padding: 3.75rem 0; background-color: var(--color-lt-grey);}
#past-projects-archive .container {padding: 0 5%; width: 100%; margin: 0 auto; max-width: 1400px;}
#past-projects-archive .past-projects-header {text-align: center; margin-bottom: 3rem;}
#past-projects-archive .past-projects-title {font-size: 30px; font-weight: 600; color: var(--color-accent); margin-bottom: 1rem;}
#past-projects-archive .past-projects-description {font-size: 18px; color: var(--color-text); line-height: 1.5; max-width: 900px; margin: 0 auto;}
#past-projects-archive .past-projects-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem;}
#past-projects-archive .past-project-card {background-color: var(--color-white); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;}
#past-projects-archive .past-project-card:hover {transform: translateY(-5px); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);}
#past-projects-archive .past-project-image {width: 100%; height: 250px; overflow: hidden;}
#past-projects-archive .past-project-image img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
#past-projects-archive .past-project-card:hover .past-project-image img {transform: scale(1.05);}
#past-projects-archive .past-project-content {padding: 1.5rem;}
#past-projects-archive .past-project-title {font-size: 20px; line-height: 28px; color: var(--color-text); margin-bottom: 1rem;}
#past-projects-archive .past-project-link a {display: flex; align-items: center; font-size: 18px; font-weight: 600; color: var(--color-accent); text-transform: uppercase;}
#past-projects-archive .past-project-link .arrow {margin-left: 1rem; font-size: 20px; font-weight: 600; color: var(--color-accent); transition: margin-left 0.3s ease;}
#past-projects-archive .past-project-card:hover .past-project-link .arrow {margin-left: 1.5rem;}
#past-projects-archive .hidden-project {display: none;}
#past-projects-archive .past-projects-load-more {text-align: center; margin-top: 3rem;}
#past-projects-archive .past-projects-load-more button {border: none;}

/* ---------------------------------------------------- */
/* CUSTOM HOME PAGE STYLES */
/* ---------------------------------------------------- */

/* Hero Slider Section */
/* ---------------------------------------------------- */
#hero-slider {height: 100vh; min-height: 100vh; position: relative; overflow: hidden;}
#hero-slider .hero-slider, #hero-slider .slick-list, #hero-slider .slick-track, #hero-slider .slick-slide { height: 100%; }
#hero-slider .hero-slide { width: 100%; height: 100%; min-height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; }

/* #hero-slider .slick-slide {min-height: 562px !important;} */
/* #hero-slider .hero-slide {background-size: cover;background-position: center;background-repeat: no-repeat;} */
.slick-slide::before {content: "";position: absolute;inset: 0;background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);z-index: 2;}
.slick-slide img,.slick-slide div {position: relative;z-index: 3;}
#hero-slider .slick-prev, #hero-slider .slick-next {display: none !important;}}

/* Featured Projects Section */
/* ---------------------------------------------------- */
#featured-projects {padding-top: 3.75rem;padding-bottom: 3.75rem;background-color: #F2F2F2;}
#featured-projects .section-header {display: flex;justify-content: space-between;align-items: center;column-gap: 3rem;}
#featured-projects .projects-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 4rem;margin-top: 1.875rem;}
#featured-projects .project-card {overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;}
#featured-projects .project-card:hover {transform: translateY(-5px);}
#featured-projects .project-card .project-image {width: 100%;height: 400px;overflow: hidden;}
#featured-projects .project-card .project-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}
#featured-projects .project-card:hover .project-image img {transform: scale(1.05);}
#featured-projects .project-card .project-title {font-size:24px; line-height:34px;} 
#featured-projects .project-card .project-title a {display: flex;align-items: center;}
#featured-projects .project-card .project-title .arrow {margin-left: 1rem;font-size: 20px;font-weight: 600;color: var(--color-accent);}
#featured-projects .btn {margin-top: 0;}

/* Media + Content Section */
/* ---------------------------------------------------- */
#media-content {padding-top: 3.75rem;padding-bottom: 3.75rem;}
#media-content .media-content-wrapper {display: grid;grid-template-columns: 45% 55%;align-items: center;}
#media-content .media-content-image {height: auto;overflow: hidden;}
#media-content .media-content-image img {width: auto;height: 100%;}
#media-content .media-content-text {padding: 2rem 5rem;}

/* NWA Architects Section */
/* ---------------------------------------------------- */
#nwa-architects {padding: 6rem 0;position: relative;z-index: 1;background-position: center;background-size: cover;background-repeat: no-repeat;}
#nwa-architects::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: -1;}
#nwa-architects .nwa-title, #nwa-architects .nwa-subtitle, #nwa-architects .nwa-body p {color: var(--color-white);}
#nwa-architects .nwa-title {font-size: 30px;line-height:38px;padding-bottom:10px;}
#nwa-architects .nwa-subtitle {font-size: 18px;}

/* Tablet View */
/* ---------------------------------------------------- */
@media (max-width: 1000px) {
    /* Past Projects Archive */
    #past-projects-archive .past-projects-grid {grid-template-columns: repeat(2, 1fr); gap: 3rem;}
}

@media (max-width: 991px) {
    /* Header Styles */
    #custom-header .desktop-nav, .desktop-search {display: none;}
    #custom-header .mobile-menu-toggle {display: flex;}

    /* Slick Slider Custom Styles */
    #hero-slider .slick-slide {min-height: 400px !important;}

    /* Featured Projects Section */
    #featured-projects .project-card .project-image {height: 300px;}

    /* Search Results Section */
    #search-results-content .result-card .result-image {height: 250px;}

    /* Media + Content Section */
    #media-content .media-content-text {padding: 2rem 2.5rem;}
}

/* Mobile View */
/* ---------------------------------------------------- */
@media (max-width: 650px) {
    /* Past Projects Archive */
    #past-projects-archive .past-projects-grid {grid-template-columns: repeat(1, 1fr); gap: 2rem;}
}

@media (max-width: 767px) {
    /* Slick Slider Custom Styles */
    #hero-slider .slick-slide {min-height: 350px !important;}

    /* Featured Projects Section */
    #featured-projects {padding-top: 5rem;padding-bottom: 5rem;}
    #featured-projects .section-header {display: flex;flex-direction: column;align-items: start;column-gap: 0;row-gap: 2rem;}
    #featured-projects .projects-grid {grid-template-columns: repeat(1, 1fr);gap: 30px; margin-top: 35px;}
    #featured-projects .project-card .project-title a {justify-content: space-between;}

    /* Search Results Section */
    #search-results-content .results-grid {grid-template-columns: repeat(1, 1fr);}

    /* Media + Content Section */
    #media-content {padding-top: 2.5rem;padding-bottom: 2.5rem;}
    #media-content .media-content-wrapper {grid-template-columns: repeat(1, 1fr);}
    #media-content .media-content-image {height: 100%;max-height: 250px;}
    #media-content .media-content-image img {width: 90%;height: auto;}
    #media-content .media-content-text {padding: 10% 5% 0 5%;}

    /* Footer Styles */
    #custom-footer .footer-container {padding: 3rem 5%;}
    #custom-footer .footer-top {grid-template-columns: 1fr;}

    /* Footer Left - Logo, Address, Phone */
    #custom-footer .footer-left {margin-bottom: 4rem;}
}


/* Show caption on hover */
.elementor-widget-media-carousel .elementor-carousel-image:hover .elementor-carousel-image-caption{
  opacity: 1;
  visibility: visible;
}

/* Reshape overlay into a bottom bar */
.elementor-widget-media-carousel .elementor-carousel-image-overlay {background-color: hsl(0deg 0% 10.3% / 65%); transition: opacity 0.3s ease; top: auto !important; bottom: 0 !important; height: auto !important;}
.elementor-widget-media-carousel .elementor-carousel-image-overlay {font-size: 20px !important; line-height:30px!important;}

/* =============================================================
   Project Details Header
   ============================================================= */

.project-header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 2.5rem 4rem; max-width: 1390px; margin: 0 auto; padding: 50px 1rem 1rem; box-sizing: border-box; font-family: 'Roboto', sans-serif; }
.project-header *, .project-header *::before, .project-header *::after { box-sizing: border-box; }
.project-header__main { flex: 1 1 480px; min-width: 0; }
.project-header__back { display: inline-flex; align-items: center; gap: 0.45rem; font-size: 12px; font-weight: 700; color: #4b5563; text-decoration: none; transition: color 0.15s ease; }
.project-header__back:hover, .project-header__back:focus-visible { color: #111827; }
.project-header__category { margin: 1.5rem 0 1rem; font-size: 15px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: #b1292e; }
.project-header__title { margin: 0; font-size: 30px; font-weight: 700; line-height: 38px; color: #1a1a1a; }
.project-header__meta { flex: 0 1 460px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 3rem; margin: 0; padding-top: 0.25rem; }
.project-header__meta-item { display: flex; flex-direction: column; gap: 0.65rem; min-width: 0; }
.project-header__meta-label { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #697386; }
.project-header__meta-value { margin: 0; font-size: 17px; font-weight: 500; line-height: 25px; color: #393b3c; }

@media (max-width: 999px) {
  .project-header__meta { flex: 0 1 100%; gap: 2rem 2.5rem;}
}

@media (max-width: 768px) {
	.project-header { flex-direction: column; gap: 2.5rem; padding: 2rem 1.25rem 2.5rem; }
  .project-header__main {flex: 0 1 100%;}
	.project-header__category { margin-top: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
	.project-header__back { transition: none; }
}