/*
Theme Name: OR studio
Theme URI: https://example.com
Author: OR studio
Author URI: https://example.com
Description: A basic custom WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htmlF
Text Domain: mytheme
*/

@font-face {
  font-family: "Affairs";
  src: url("../OR/assets/fonts/Affairs-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "ABC-Diatype";
  src: url("../OR/assets/fonts/ABCDiatype-Regular.woff2") format("woff2");
}

:root {
  /* Color */
  --color-primary: #7798ad;
  --color-secondary: #b36447;
  --color-tertiary: #a6ad8c;
  --color-text: #000;
  --color-text-2: #ff00fb;

  /* Font families */
  --font-primary: "Affairs", sans-serif;
  --font-secondary: "ABC-Diatype", serif;

  /* Font Sizes*/
  /* 14px */
  --font-size-small: clamp(0.9rem, 0.729vw, 0.729vw);
  /* 20px */
  --font-size-base: clamp(20px, 1.042vw, 1.042vw);
  /* 2.4rem */
  --font-size-medium: 2.4rem;
  /* 50px */
  --font-size-large: clamp(25px, 2.604vw, 2.604vw);
  /* 107px */
  --font-size-extra-large: clamp(52px, 5.573vw, 5.573vw);

  /*Gaps*/
  --gap-small: clamp(0.625, 0.521vw, 0.521vw);
  --gap-base: clamp(0.938rem, 0.781vw, 0.781vw);
  --gap-large: clamp(1.563rem, 1.302vw, 1.302vw);
  --gap-large-x: 2rem;
  /*Padding*/
  --container-padding: clamp(1.2rem, 1.563vw, 1.563vw);
  --container-padding--large: clamp(2.4rem, 3.125vw, 3.125vw);
  --section-top-padding: clamp(50px, 5.208vw, 5.208vw);
  --journal-top-padding: clamp(135px, 7.031vw, 7.031vw);
  --grid-column-gap: 1.875rem;
  --border-top--table--td: 1px solid black;
  --parallex-top-padding: 25rem;
  --reduce-opacity: 60%;
  --blink-animation-speed: 1s;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
}

a {
  text-decoration: none;
	color:inherit;
}

html {
  scroll-behavior: smooth;
  /* font-size: calc(100vw / 1920 * 10); */
  font-weight: 400;
  margin-top: 0 !important;
}

body {
  /* padding: var(--container-padding); */
  transition: all 0.3s ease-out;
  background-color:white;
-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/*Typography Styles*/
.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

/* Font variants */

.font-primary {
  font-family: var(--font-primary) !important;
}

/*Small variants*/
.fs__small__primary {
  color: var(--color-primary);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-small);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.fs__small__secondary {
  color: var(--color-secondary);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-small);
  font-style: normal;
  font-weight: 400;
  line-height: 1.6rem;
}

.fs__small__tertiary {
  color: var(--color-tertiary);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-small);
  font-style: normal;
  font-weight: 400;
  line-height: 1.6rem;
}

.fs__small__text {
  color: var(--color-text);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-small);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.fs__small__text__second {
  color: var(--color-text-2);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-small);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}

/*base vairants*/
.fs__base__primary {
  color: var(--color-primary);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.04rem;
}

.fs__base__secondary {
  color: var(--color-secondary);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04rem;
}

.fs__base__tertiary {
  color: var(--color-tertiary);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  /* 120% */
  letter-spacing: -0.04rem;
}

.fs__base__text {
  color: var(--color-text);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  /* 120% */
  letter-spacing: -0.04rem;
}

.font-secondary {
  font-family: var(--font-secondary) !important;
}

.fs__base__text__secondary {
  color: var(--color-text);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-secondary);
  font-size: var(--font-size-base);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  /* 120% */
  letter-spacing: -0.04rem;
}

/*large variants*/
.fs__large__primary {
  color: var(--color-primary);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-large);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -1.5px;
}

.fs__large__secondary {
  color: var(--color-secondary);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-large);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1.5px;
}

.fs__large__text {
  color: var(--color-text);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-large);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -1.5px;
}

.fs__extra__large__text {
  color: var(--color-text);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-extra-large);
  font-style: normal;
  font-weight: 400;
  line-height: 11.5rem;
  letter-spacing: -1.5px;
}

.table__td__border {
  border-top: var(--border-top--table--td);
  padding: 1% 0;
	width:30%;
	    color: var(--color-text);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-primary);
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.04rem;

}

/* gap */
.gap__small {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}

.gap__base {
  display: flex;
  flex-direction: column;
  gap: var(--gap-base);
}

/*Project/page titles*/
.title {
  color: var(--color-primary);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-extra-large);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -3.21px;
}

.title__secondary {
  color: var(--color-secondary);
}

.title__tertiary {
  color: var(--color-tertiary);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-primary);
  font-size: var(--font-size-extra-large);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -3.21px;
}

.title__text {
  color: var(--color-text);
}

/**/
.text-stack-base,
.text-stack-large {
  display: flex;
  flex-direction: column;
}

.text-stack-base {
  gap: var(--gap-base);
}

.text-stack-large {
  gap: var(--gap-large);
}

.image__card__01 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-base);
}

.image__card__02 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}
.left__small__potrait{
  padding-right: var(--container-padding);
      margin-top: var(--container-padding--large);
}

.content__with__options {
  /*Need to be know*/
  display: flex;
  justify-content: space-between;
}

.scroll__down__link{
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter__box{
  display: flex;
  flex-direction: column;
}
.filter-option.active {
  color:rgb(119, 152, 173);
}

#scroll__down__animation{
  width: 2.5vw;
  height:2.5vw;
  margin-top: 1%;
}

.image__content__card {
  display: flex;
  flex-direction: column;
  gap: var(--gap-large);
}

.border-left__01 {
  position: relative;
}

.border-left__01::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--color-text);
  top: 0;
  left: -1.5%;
}

.border-left__half {
  position: relative;
}

.border-left__half::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 50%;
  background-color: var(--color-text);
  top: 0;
  left: -1.5%;
}

.border-left__2 {
  position: relative;
}

.border-left__3 {
  position: relative;
}

.border-left__2::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--color-text);
  top: 0;
  left: -1rem;
}

.border-left__3::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--color-text);
  top: 0;
  left: -8%;
}

.border-left__02 {
  position: relative;
}

.border-left__02::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 20%;
  background-color: var(--color-text);
  top: 0;
  left: 0;
}

.border-left__02::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 30%;
  background-color: var(--color-text);
  bottom: 0;
  left: 0;
}

.border-right__01 {
  position: relative;
}

.border-right__01::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--color-text);
  top: 0;
  right: -1rem;
}

/*Layout*/
.layout {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  column-gap: 1.875rem;
  /* padding: var(--container-padding); */
}

.layout-content {
  grid-column: 2/11;
}

.grid-layout-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  column-gap: var(--grid-column-gap);
  row-gap: var(--gap-large);
  /* padding-right: var(--container-padding); */
}

.grid-col-1-3 {
  grid-column: 1/3;
}

.grid-col-1-5 {
  grid-column: 1/5;
}

.grid-col-3-10 {
  grid-column: 3/10;
}

.grid-col-8-10 {
  grid-column: 8/10;
}

.grid-col-1-10 {
  grid-column: 1/10;
}

/* Header */

.header {
  grid-column: 1/2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: sticky;
  top: 0;
  height: 100vh;
  padding: var(--container-padding);
  padding-right: 0;
  padding-bottom: 13%;
	
}
.aside__hover__image__container{
	    grid-column: 1 / 6;
/* 	    padding: 30px;
	padding-top:0;
	padding-right:15px; */
	height:100%;
	position:relative !important;
	    grid-row: 2 / 3;
}


.aside__hover__image__container .orignal__image__aside , .hover__image__aside{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	transition:opacity 0.2s ease;
	opacity:0;    
	height: 100%;
	padding:30px;
	padding-top:0;
	padding-right:15px;
	object-position: top left;
	object-fit:contain;
}

@media (max-width:1024px){
	.aside__hover__image__container .orignal__image__aside, .hover__image__aside{
		height:200px;
	}
}

.aside__hover__image__container img{
	max-width:100%;
	max-height:100%;
}

.aside__hover__image__container .orignal__image__aside{
	opacity:1;
}
.aside__hover__image__container:hover .orignal__image__aside{
	opacity:0;
}
.aside__hover__image__container:hover .hover__image__aside{
	opacity:1;
}
.aside__left__list{
	grid-column:6/-1;
	    grid-row: 1;
	    padding: var(--container-padding);
	padding-left:0 !important;
	padding-right:0 !important; 
}
.aside__right__container{
	grid-row:2/-1;
}
.project__aside__content__container{
	    grid-template-rows: 50% 50% auto;
	overflow-y:scroll !important;
}
.project__aside__content__container::-webkit-scrollbar{
  display: none !important;
}
.journal__hero{
	height:fit-content !important; 
}
.header::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 95%;
  background-color: var(--color-text);
  top: 2.5%;
  right: -1rem;
}

.nav-btn img {
  width: 100%;
  height: auto;
}
.logo-link{
	width:8.5vw;
  /* width: 100%; */
}

.logo-link img {
  width: 100%;
  height: auto;
}

.header .nav-btn {
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  transition: all ease-out 0.3s;
	margin-top:-2% !important;
}

.header .nav-btn.open-nav {
  transform: rotate(45deg);
}

.background-color{
	background-color:#E7E0D6 !important;
}

/*Menu*/
.menu-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  grid-column: 2/11;
  /* padding: var(--container-padding) 0; */
/*   padding: 0.7% 0 var(--container-padding); */
  opacity: 0;
  width: 100%;
  background: transparent;
  padding-right: 0;
  z-index: -10;
  transition: all ease-out 0.3s;
}

.menu-wrapper.show-menu {
  opacity: 1;
  z-index: 99999126;
}

.menu-container {
  width: 100%;
  height: 100%;
  transition: all ease-in 0.2s;
/*   padding-right: var(--container-padding); */
  display:grid;
  column-gap: var(--grid-column-gap);
  grid-template-columns: 204px repeat(9, 1fr) !important;
}
.menu-container-div{
	grid-column: 2 / -1;
	pointer-events:auto;
    height: 100%;
/* 	padding: var(--container-padding) 0; */
	    padding: 0.8% 0;
    padding-right: var(--container-padding);
    background: #E7E0D6;
	transition: all ease-out 0.3s;
    display: grid;
    grid-template-columns: 204px repeat(9, 1fr);
    column-gap: var(--grid-column-gap);
}
header{
	transition: background ease-out 0.3s;
}
.main-menu {
  grid-column: 1/8;
  overflow: hidden;
}

/* Base state for menu items before animation */
.menu-wrapper:not(.show-menu) .main-menu li {
  opacity: 0;
  transform: translateX(-37%);
}

/* When menu is open, animate each menu item */
.menu-wrapper.show-menu .main-menu li {
  animation: slideInFromLeft 0.5s forwards;
  opacity: 0;
}

/* Apply sequential delay to each menu item */
.menu-wrapper.show-menu .main-menu li:nth-child(1) {
  animation-delay: 0.1s;
  margin-top: -0.6%;
}

.menu-wrapper.show-menu .main-menu li:nth-child(2) {
  animation-delay: 0.2s;
}

.menu-wrapper.show-menu .main-menu li:nth-child(3) {
  animation-delay: 0.3s;
}

.menu-wrapper.show-menu .main-menu li:nth-child(4) {
  animation-delay: 0.4s;
}

/* Hide the menu when closed */
.menu-wrapper:not(.show-menu) {
  pointer-events: none;
}

/* Show the menu when open */
.menu-wrapper.show-menu {
  pointer-events: auto;
}


.main-menu .menu-item {
  cursor: pointer;
  line-height: 1.1;
}

.main-menu .menu-item .menu_link,
.main-menu .menu-item .menu-item-contact,
.mail__link {
  line-height:1;
  text-decoration: none;
  color: var(--color-text);
  transition: all ease-out 0.3s;
  /* transition-delay: 0.1s; */
}

.main-menu .menu-item .menu_link:hover,
.main-menu .menu-item .menu-item-contact:hover {
  color: white;
}

.menu-lts-post {
  position: relative;
  grid-column: 9 / -1;
}

.menu-wrapper-border {
  position: absolute;
  background-color: var(--color-text);
  width: 1px;
  top: 0;
  left: -16px;
  height: 100%;
  transition: all ease-in 0.3s;
}

.left__large__potrait__image__card {
  position: relative;
}

.left__large__potrait__image__card:hover .menu-wrapper-border {
  height: 40%;
}

.grid_view_btn span {
  transition: all 0.2s;
  opacity: 0;
}

.grid_view_btn:hover span {
  opacity: 1;
  animation: blinkAnimation var(--blink-animation-speed) infinite;
}

.show-contact-content {
  opacity: 1;
  text-transform:none;
  transition: all ease-in 0.3s;
  margin-left: 2%;
	    font-size: 50px;
    display: block;
    margin-top: 3rem;
    padding-left: 0;
	    max-width: 55%;
	    line-height: 60px;
    margin-left: 0;
}

.hide-contact-content {
  opacity: 0;
}

.menu-wrapper .menu-lts-post {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu-wrapper .menu-lts-post::after {
  left: 0.4rem;
}

.menu-lts-post .menu-lts-post__content {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
}

.menu-lts-post .menu-lts-post__link span {
  transition: all 0.2s;
  opacity: 0;
}

.menu-lts-post .menu-lts-post__link:hover span {
  opacity: 1;
  animation: blinkAnimation var(--blink-animation-speed) infinite;
}

/* Hero */

.hero {
    padding: 0.8% 0 var(--container-padding) 0;
    border-bottom: 1px solid black;
    margin-right: var(--container-padding);
}


.slider-wrapper {
  height: 101vh;
}

.journal__right__potrait__card__2 {
  margin-top: 25%;
}

.left__large__potrait__image__card .menu-wrapper-border {
  top: auto;
  bottom: 0;
}

.preloader__container{
  position: fixed;
  top: 0;
  left: 0;
/*   opacity: 0; */
/*   pointer-events:none; */
  width: 100%;
  height: 100vh;
  background-color: rgb(231, 224, 214);
  z-index: 9999;
/* 	display:flex;
	justify-content:flex-start !important;
	align-items:end !important; */
}

.preloader__grid{
  display: grid;
  grid-template-columns: 204px repeat(9, 1fr);
  column-gap: var(--grid-column-gap);
  height: 100%;
}
.preloader__imagebox{
/* 	grid-column: 1 / 2; */
    display: block;
/*     flex-direction: column;
    align-items: flex-start;
    justify-content: end;
    position: sticky;
    top: 0;
    height: 100vh;
    padding: var(--container-padding);
    padding-right: 0;
    padding-bottom: 15%; */
	pointer-events:auto;
}
.preloader__imagebox svg{
	    width: 8.5vw;
	height:auto;
}
#or__lottie__animation{
  grid-column: 1 / 4;
  align-self: end;
    width: 97%;
    margin-left: -1%;
    margin-bottom: 0.5%;
}

.hide__reset_btns{
  display: none;
}

.filter__menu{
  display: none;
}
.filter_active{
  display: none;
}

.filter__menu__show{
  animation: fadeIn 0.3s 1;
  display: flex;
  flex-direction: column;
  gap: var(--gap-base);
}
.show__reset_btns{
  display: flex;
  animation: fadeIn 0.3s 1;
  flex-direction: column;
}

.hero-slider-container {
  width: 100%;
  max-width: 100vw;
  /* height: 100vh; */
  overflow: hidden;
  position: relative;
  padding-top: 0.6%;
}

.hero-slider-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
  max-height: 100%;
  height: 100%;
  /* width: 300%; */
}
.menu-lts-post:hover .menu-lts-post__link span{
	opacity:1;
	  animation: blinkAnimation var(--blink-animation-speed) infinite;
}
.slide {
  min-width: 100%;
	height:99%;
}

.slide-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide-1 .hero_title_wrapper h1{
	margin-top: -4%;
}
.slide-2 .hero_title_wrapper h1{
	margin-top: -3%;
}
.slide-3 .hero_title_wrapper h1{
	margin-top: -3.5%;
}
.slide-3 .hero_description{
	margin-top: -1%;
}
.slide-1 .hero_left_content,
.slide-2 .hero_right_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.hero_left_image img {
  width: 100%;
}
.slide-2 .hero_left_image {
	grid-column:1/8 !important;
}

@media (max-width:1024px){
	.slide-2 .hero_left_image {
	height:100% !important;
}
}
/* Project Page Style */

/* ----- Hero Section ------ */

.studio__text__info {
  padding-top: var(--section-top-padding);
}

.hero__project {
  width: 100%;
  display: grid;
  position: relative;
  grid-template-columns: repeat(9, 1fr);
  column-gap: var(--grid-column-gap);
/*   height: fit-content !important; */
}

.hero__project__content__section {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
  /* padding: var(--container-padding) 0; */
  padding-top: 4%;
  row-gap: var(--gap-large);
  height: fit-content;
}

@media (max-width:1024px){
	    .menu-container {
        width: 100%;
        display: flex !important;
        flex-direction: column;
        row-gap: var(--gap-large);
    }
	    .hero__project {
        display: flex;
        flex-direction: column;
        height: 100% !important;
    }
	.hero__project__content__section{
		 display: flex;
        flex-direction: column;
	}
}
.hero__project__content__btn {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}

.view__btn {
  display: flex;
  flex-direction: column;
}

.hero__project__content__btn button {
  text-decoration: none;
  width: fit-content;
  background: transparent;
  border: none;
  cursor: pointer;
}

.hero__project__content__btn a {
  text-decoration: none;
}

.hero__project__image__section {
  grid-column: 4/10;
  padding: var(--container-padding);
  height: fit-content;
  padding-left: 0;
  height: 85%;
  padding-bottom: 0;
}

.hero__project__image__section::after {
  left: -1rem;
}

.hero__project__image__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: var(--gap-base);
  height: 100%;
}

.hero__project__image__card::after {
  display: none;
}

.project__inner__hero__content .project__inner__content__title h1{
	margin-top:-2% !important;
}

.journal__inner__content .project__inner__content__title h1{
	margin-top:-1.8% !important;
}

.hero__project__image__card .image__card__content .image__card__content__left .fs__small__tertiary,
.fs__small__primary,
.fs__small__secondary {
  margin-top: 2%;
}
.hero__project__image__card:hover .project__hero__image{
/*   transition: all 0.2s; */
  /* opacity: var(--reduce-opacity); */
}
.image__card__imagebox {
  width: 100%;
  height: 100%;
  display: flex;
}


/* .image__card__imagebox:hover img {
  opacity: var(--reduce-opacity);
} */

.image__card__imagebox img {
  transition: all 0.2s;
  width: 100%;
}

.image__card__content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}

.image__card__content__left {
  width: 40%;
	margin-bottom: -0.7%;
}

.image__card__content__left p {
  grid-column: 4/5;
}

.image__card__content__right {
  /* width: 40%; */
  /* display: none; */
}

.hero__project__image__card:hover .image__card__imagebox{
	/* opacity:var(--reduce-opacity); */
}
.scroll__down__text {
  grid-column: 4 / 6;
  position: absolute;
  bottom: 2.8%;
  left: 48%;
  transform: translate(-48%, 0%);
}
.cookie__policy__block__section{
	padding: var(--container-padding);
	padding-top:6rem;
	padding-left:0;
}
@media (max-width:1024px){
	.slide-2 .hero_right_content{
		height:100% !important;
	}
	.cookie__policy__block__section{
	padding-left:var(--container-padding) !important;
}
	
	
}
.cookie__block__wrapper{
	  grid-column: 4 / 9;
	    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}
.cookie__policy__block__section .border-left__01::after{
	top:1% !important;
	height:99% !important;
	    left: -1.9%;
}
.cookie__policy__block{
	  width:100%;
/* 	margin-bottom:2rem; */
}
.scroll__down__text button {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
}

.menu-lts-post__image {
  width: 100%;
  overflow: hidden;
}

.menu-lts-post__image img {
  width: 100%;
  overflow: hidden;
}

/* ----- Hero Section ------ */

.left__large__portriat__image__section {
	
  padding: var(--container-padding);
  padding-top: var(--section-top-padding);
	padding-left:0px !important; 
	padding-right:0px !important;
}

.left__large__potrait__image__card {
  grid-column: 2/6;
}

.right__large__landscape__image__section {
  padding: var(--container-padding);
  padding-top: var(--section-top-padding);
}

.right__large__landscape__image__card {
  grid-column: 3/10;
}

.right__large__landscape__image__card .image__card__content__left{
	margin-bottom: -0.4%;
}
.left__potrait__right__landscape__section {
  padding: var(--container-padding);
  padding-top: var(--section-top-padding);
  padding-bottom: var(--section-top-padding);
  position: relative;
}

.left__potrait__image {
  grid-column: 2/5;
  display: flex;
  align-items: flex-start;
}

.right__landscape__image {
  grid-column: 6/10;
  display: flex;
  align-items: flex-end;
  /* padding-top: 25rem; */
}

.laod__more__btn {
  display: flex;
  justify-content: center;
  margin: 100px 0;
	margin-top:0;
}

.laod__more__btn button {
  background: transparent;
  border: none;
  cursor: pointer;
}

.project__inner__hero {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  column-gap: var(--grid-column-gap);
  position: relative;
  grid-template-rows: max-content;
	    height: 97vh;
    overflow: hidden;

}

.journal__inner__hero {
  height: 100vh;
}

.journal__inner__hero .fs__small__text {
  line-height: clamp(1rem, 0.833vw, 0.833vw);
}

.project__inner__hero__content {
  grid-column: 1/10;
  padding: var(--container-padding) 0;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-large);
}

.written__publish__content {
  grid-column: 9/10;
  padding-top: var(--container-padding);
}

.right__landscape__image__card {
  grid-column: 3/10;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  column-gap: var(--grid-column-gap);
  padding-bottom: var(--container-padding);
}

.right__landscape__image__card__second__variant {
  grid-column: 1/10;
  grid-template-columns: repeat(9, 1fr);
}

.right__landscape__image__card__second__variant .right__image__card__imagebox {
  grid-column: 1/8;
  padding-right: 0;
}

.right__landscape__image__card__second__variant .right__image__card__text {
  grid-column: 8 / 9;
}

.right__image__card__text {
  grid-column: 1/2;
}

.right__image__card__imagebox {
  grid-column: 2/10;
  margin-right: var(--container-padding);
}

.right__image__card__imagebox img {
  width: 100%;
}

.journal-page-template .image__card__imagebox:hover img{
	opacity:100%;
} 

.project__inner__hero__image__box {
  width: 100%;
  padding-top: calc(var(--section-top-padding) - 8%);
  padding-right: var(--container-padding--large);
	    height: auto !important;
}

.footer__content__label {
  margin-bottom: 2%;
}

.project__inner__hero__image__box img {
 	width: 100% ;
    height: 100% !important;
    object-fit: contain !important;
}
.project__inner__hero__image__box video{
	width:100%;
}
.project__inner__hero__image__box .video-wrapper{
	width:100%;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-wrapper iframe,
.video-wrapper embed,
.video-wrapper object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.error_message{
	text-align: center;
    font-size: var(--font-size-base);
    margin-top: 10rem;
}
.project__info__aside {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  background: var(--color-primary);
  width: 2.5%;
  transition: all 0.3s;
  cursor: pointer;
  display: flex;
	z-index:9999999;
  justify-content: center;
  align-items: self-start;
  padding-top: 3%;
	
}

.project__info__aside:hover {
  width: var(--container-padding--large);
}

.project__info__aside p {
  position: absolute;
/*   top: 50px;
  left: -24px; */
  white-space: nowrap;
  transform: rotate(90deg);
  z-index: 19;
}

.project__info__aside p span {
  opacity: 0;
}

.project__info__aside:hover span {
  opacity: 1;
}

.project__aside__content__container {
  width: 80%;
  overflow: hidden;
  height: 100vh;
  background: var(--color-primary);
  position: fixed;
  top: 0;
  right: -100vw;
  transition: all ease-in 0.4s;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: var(--grid-column-gap);
  z-index: 18;
}

.aside__left__container {
  grid-column: 1/5;
  padding: var(--container-padding);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 80%;
	    padding-right: 0;
}

.aside__right__container {
  grid-column: 6/9;
  width: 100% !important;
  display: flex;
  align-items: flex-end;
  /* height: 80%; */
  padding-bottom: 4rem;
}

.aside__left__list table {
  width: 100%;
  border-collapse: collapse;
}

.journal__inner__content {
  grid-column: 1/7;
  padding-top: 1.3%;
}

.aside__lefft__list td {
  width: 50%;
}

.right__big__potriat__image {
  padding-top: var(--section-top-padding);
  width: 100%;
}

.big__potriat__image__box {
  grid-column: 6/10;
  padding-right: var(--container-padding--large);
}

.big__potriat__image__box img {
  width: 100%;
}
.big__potriat__image__box video{
	width:100%;
}
.center__big__landscape__image {
  width: 100%;
  padding-top: var(--section-top-padding);
}

.big__landscape__image__box {
  grid-column: 1/9;
}

.big__landscape__image__box img {
  width: 100%;
}
.big__landscape__image__box video{
	width:100%;
}
.left__text__right__image__landscape {
  width: 100%;
  padding-top: var(--section-top-padding);
}

.left__text {
  grid-column: 1/4;
}

.right__image__landscape {
  padding-right: var(--container-padding--large);
  grid-column: 5/10;
}

.right__image__landscape__box {
  width: 100%;
}

.right__image__landscape__box img {
  width: 100%;
}
.right__image__landscape__box video{
	width:100%;
}
.right__image__landscape__text {
  width: 35%;
}

.read__bio__btn span {
  opacity: 0;
  transition: all 0.2s;
}

.people__bio__card:hover .read__bio__btn span {
  opacity: 1;
  animation: blinkAnimation var(--blink-animation-speed) infinite;
}

.horizontal__line {
  width: calc(100% - var(--container-padding));
  height: 1px;
  background: black;
  margin-top: 8%;
  border-bottom: 1px solid black;
}

.footer {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  column-gap: var(--grid-column-gap);
  padding-top: var(--container-padding);
  padding-bottom: 0;
}

.footer__container {
  display: flex;
	height:99%;
  flex-direction: column;
  justify-content: space-between;
  grid-column: 4/11;
}
.footer__content__info{
	margin-top:2%;
}
.footer__content__info .info__email button {
  background: transparent;
  border: none;
  cursor: pointer;
}

.footer__content__info .info__email button span {
  opacity: 0;
  transition: all 0.1s;
  
}

.footer__content__info .info__email button:hover span {
  opacity: 1;
  animation: blinkAnimation var(--blink-animation-speed) infinite;
}

.top__footer__content {
  display: flex;
  flex-direction: column;
  /* row-gap: var(--gap-large); */
}
.top__footer__content::after{
	content: "";
    position: absolute;
    width: 1px;
    height: 96.5%;
    background-color: var(--color-text);
    top: 2.3%;
    left: -1.5%;
}

.hero__project__list__section {
  grid-column: 3/10;
  width: 100%;
  padding-top: calc(var(--section-top-padding) * 1.4);
    padding-right: var(--container-padding);
	    margin-bottom: 100px;
}

.hero__project__table {
  grid-column: 1/10;
}

.hero__project__table table {
  border-collapse: collapse;
  width: 100%;
  font-family: var(--font-primary);
}

.hero__project__table table thead tr td {
  width: 1fr;
  padding: 1% 0;
  padding-bottom: 3%;
}

.hero__project__table table tbody tr {
  position: relative;
}


.hero__project__table table tbody tr:hover img {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 222px;
    max-height: 222px;
    width: auto;
    height: auto;
    object-fit: contain;
    z-index: 8;
    pointer-events: none;
}

.hero__project__table table tbody tr td img {
  position: absolute;
  width: 222px;
  height: 148px;
  height: auto;
  left: 50%;
  z-index: 8;
  top: -50%;
  object-fit: contain;
  object-position: center;
  display: none;
}

.hero__project__table table tbody tr[data-href]:hover {
  transition: 0.2s;
  cursor: pointer;
  background: var(--color-primary);
}

#project-list-container tr:last-child{
  border-bottom: var(--border-top--table--td);
}
.load_btn {
  grid-column: 1 / 10;
}

.footer__content__description {
  width: 72%;
}

.bottom__footer__content {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: var(--grid-column-gap);
}

.content__socail {
  grid-column: 1/2;
  height: fit-content;
}
.bottom__footer__content .border-left__3::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 77%;
    background-color: var(--color-text);
    top: 12%;
    left: -8%;
}
.content__policy {
  grid-column: 4/5;
  display: flex;
  flex-direction: column;
  height: fit-content;
}

.content__trademark {
  grid-column: 6/7;
  height: fit-content;
}

.left__big__potriat__image {
  padding-top: var(--section-top-padding);
  width: 100%;
}

.left__big__potriat__imagebox {
  width: 100%;
  grid-column: 1/5;
}

.left__big__potriat__imagebox img {
  width: 100%;
}
.left__big__potriat__imagebox video{
	width:100%;
}

.right__big__image__landscape {
  grid-column: 2/10;
}

.right__big__landscape__image {
  width: 100%;
  padding: var(--container-padding--large);
  padding-top: var(--section-top-padding);
}

.right__large__potrait__image__card {
  margin-top: var(--section-top-padding);
  grid-column: 7/11;
  height: fit-content;
}

.left__potriat__image__right__text {
  width: 100%;
  padding-top: var(--journal-top-padding);
}

.left__potriat__imagebox {
  grid-column: 2/5;
}

.left__potriat__imagebox img {
  width: 100%;
}

.potriat__right__text {
  grid-column: 6/10;
  width: 65%;
  height: fit-content;
}
.potriat__right__text p{
	margin-top:-1%;
}
.potriat__right__text__second__variant {
  grid-column: 2/5;
  width: 100%;
}

.left__potriat__imagebox__second__variant {
  grid-column: 6/9;
}

.left__big__landscape__image__card {
  padding-top: var(--section-top-padding);
}

.left__big__landscape__image__card .fs__small__text {
  line-height: clamp(1rem, 0.833vw, 0.833vw);
}

.right__potriat__image__right__text {
  width: 100%;
  padding-top: var(--journal-top-padding);
}
.close__btn{
	    margin-top: -2%;
}
.title__first__row {
  grid-column: 1/10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* padding-top: var(--container-padding); */
  padding-top: 0.8% !important;
  padding-right: var(--container-padding);
}

.info__second__row {
  grid-column: 1/10;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  column-gap: var(--grid-column-gap);
  padding-right: var(--container-padding);
	    padding-top: 2rem;
	align-items:start !important;
	align-self:end;
}
.info__image{
	position:relative;
}
.info__image .info__image__orignal{
	width:100%;
	position:relative;
	top:0;
	left:0;
	z-index:10;
	transition:all 0.3s ease;
}
.info__image .info__image__hover{
	width:100%;
	position:absolute;
	top:0;
	left:0;
		z-index:2;
	transition:all 0.3s ease;
}
.info__image:hover .info__image__orignal{
	opacity:0;
}
.hero__project__content__title h1{
	margin-top:-4.5%;
}

.info__descripton {
  grid-column: 1/4;
  width: 90%;
}

.info__image {
  grid-column: 7/10;
}

.info__image img {
  width: 100%;
}

.info__university {
  grid-column: 4 / 7;
  display: grid;
	    column-gap: var(--grid-column-gap);
  grid-template-columns: repeat(2, 1fr);
}

.close__btn button {
  background: transparent;
  border: none;
  padding-right: var(--container-padding);
  cursor: pointer;
}

.info__image__img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all ease-in 0.2s;
  background-position: top !important;
}

.info__image__img.fade {
  opacity: 0;
}

.journal__left__card__hoverable {
  grid-column: 2/5;
  padding-top: var(--parallex-top-padding);
}

.journal__right__card {
  grid-column: 6/9;
}

.left__potriat__right__portriat__card__section {
  padding-top: var(--section-top-padding);
  padding-right: var(--container-padding);
}

.journal__left__potrait__card {
  grid-column: 3/6;
}

.journal__right__potrait__card {
  grid-column: 8/10;
}

.journal__left__potrait__small {
  grid-column: 2/4;
  display: flex;
  align-items: flex-end;
}

.journal__right__potrait__big {
  grid-column: 6/9;
}

.title__text__studio {
  padding: var(--container-padding);
  grid-column: 4/9;
}
.title__text__studio h1:after{
	height: 93%;
    top: 4%;
}
.left__potriat__right__landcape__text__section {
  padding-top: var(--section-top-padding);
  padding-right: var(--container-padding);
}

.left__potriat__image {
  grid-column: 2/5;
}

.left__potriat__image img {
  width: 100%;
}

.right__landscape__image__text {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--grid-column-gap);
  grid-column: 6/10;
  row-gap: calc(var(--parallex-top-padding) - 18rem);
}

.landscape__image__right {
  grid-column: 1/5;
}

.right__landscape__image__text .text__right {
  width: 90%;
  grid-column: 2/5;
}

.right__landscape__image__text .text__right p:nth-child(1){
  margin-top: -1%;
}

.landscape__image__right img {
  width: 100%;
}

.studio .hero__project {
  height: auto;
}

.people__section {
  padding-top: var(--section-top-padding);
  padding-right: var(--container-padding);
	padding-bottom:50px;
}

.people__title__text {
  grid-column: 2/6;
}

.people__bio__container {
  grid-column: 2/10;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: var(--grid-column-gap);
	row-gap:100px;
  padding-top: var(--section-top-padding);
}
.people__bio__card{
	display: flex;
    flex-direction: column;
	grid-column: span 2;
    row-gap: 0.5rem;
}
.people__bio__card__1 {
/*   grid-column: 1/3; */
}

.people__bio__card__2 {
/*   grid-column: 3/5; */
}

.people__bio__card__3 {
/*   grid-column: 7/9; */
}

.bio__image__box {
  width: 100%;
}

.bio__image__box img {
  width: 100%;
}

.read__bio__btn {
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.bio__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--gap-base);
}

.awwards__title__text {
  grid-column: 7/10;
}

.right__small__landscape{
  padding-top: var(--section-top-padding);
}

.awwards__list {
  padding-top: var(--section-top-padding);
  grid-column: 1/10;
}

.awward__row {
  border-top: 1px solid black;
  /* border-bottom: 1px solid black; */
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  column-gap: var(--grid-column-gap);
  padding: 0.5rem;
  padding-left: 0;
  transition: all ease-in 0.3s;
  cursor: pointer;
}

.awward__row:last-child {
  border-bottom: 1px solid black;
}
.awward__row:hover {
  background: var(--color-secondary);
}

.awward__row .awward__project__link button span {
  opacity: 0;
  transition: all 0.2s;
}

.awward__row:hover .awward__project__link button span {
  opacity: 1;
  animation: blinkAnimation var(--blink-animation-speed) infinite;
}

.awward__row p,
.awward__row button {
  transition: all ease-in 0.3s;
}

.awward__row:hover p,
.awward__row:hover button {
  color: white;
}

.slide-3 .hero_description_wrapper{
  width: 25%;
  margin-bottom: 2%;
}

.awward__year {
  grid-column: 1/2;
}

.awward__awward__name {
  grid-column: 2/3;
}

.awward__level {
  grid-column: 4/7;
}

.awward__project__link {
  grid-column: 9/10;
}

.awward__project__link button {
  background: transparent;
  border: none;
  cursor: pointer;
}

.two__big__potriat__image__section {
  padding-top: var(--section-top-padding);
}

.left__potrait__top__image {
  grid-column: 1/4;
}

.right__portrait__down__image {
  padding-top: calc(var(--parallex-top-padding) - 15rem);
  grid-column: 5/9;
}

.left__potrait__top__image img {
  width: 100%;
}

.right__portrait__down__image img {
  width: 100%;
}

.press__title__text {
  grid-column: 2/6;
}

.info__university__part {
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-base);
}

.info__more {
  position: relative;
  display: flex;
  flex-direction: column;
  height: fit-content;
  row-gap: var(--gap-base);
}

.project__inner__content__title {
  width: 90%;
}

.image__card__content__left__varient__second {
  width: 60%;
}

.image__card__content__left__varient__third {
  width: 100%;
}

.image__card__content__left__varient__forth {
  width: 48%;
}
.hero__project__image__card:hover .image__card__content__left  h2{
  transition: all ease-in 0.2s;
  color: var(--color-primary);
}

.home .hero__project__image__card:hover .image__card__content__left  h2{
  transition: all ease-in 0.2s;
  color: black;
}

/*Bio Page*/
.bio-container {
  height: 100vh;
  padding-bottom: var(--container-padding);
  grid-template-rows: max-content;
}

/*Project page*/
.hero-project-page {
  height: 100vh;
}

.hero-project-page .title{
	margin-top:-3.5%;
}

.project__hero__image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.post__types{
	text-transform:lowercase;
}
.post__types span{
	opacity:0;
	transition:all 0.1s;
}
.green__overlay{
/* 	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	filter: grayscale(100%) sepia(32%) hue-rotate(58deg) saturate(115%) brightness(112%) contrast(92%);
	z-index:99; */
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    mix-blend-mode: color;
    background: #A6AD8C;
    background-blend-mode: color;
    transition: background 0.3s ease;
/*     filter: contrast(80%); */
}
.image__card__imagebox:hover .green__overlay{
	background:transparent;
}

.journal-page-template .hero__project__image__card .image__card__content h2{
	    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.journal-page-template .hero__project__image__card:hover .image__card__content h2{
	color:var(--color-tertiary) !important;
	transition: all 0.1s;
}
.home .hero__project__image__card:hover .image__card__content__left .post__types span{
	opacity:1;
	animation: blinkAnimation var(--blink-animation-speed) infinite;
}
.image__card__imagebox{
	position:relative;
}
.image__card__image{
	opacity:1;
	transition:0.3s;
}
.hoverable__image__behind{
	opacity:0;
	transition:0.3s;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.second__variant__hero__project:hover .image__card__imagebox{
	opacity:100%;
}

.journal-page-template .second__variant__hero__project:hover .image__card__imagebox{
	opacity:100%;
}
.hover__new__image:hover .hoverable__image__behind{
	opacity:1;
}
.hover__new__image:hover .image__card__image{
	opacity:0;
}
.sortable {
  cursor: pointer;
  transition: color 0.2s ease;
	user-select:none;
}
.sortable:hover .active__filter__image{
	opacity:1;
}
.sortable.active-sort {
  color: #7798AD; /* active color */
}
.active__filter__image{
	opacity: 0;
	transition:0.3s;
}
.sortable.active-sort .active__filter__image {
	opacity:1;
}
.project__header__headings{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	column-gap:0.5rem;
}

img.active__filter__image {
    margin-top: 1%;
}
.people__title__text::after{
	content: "";
    position: absolute;
    width: 1px;
    height: 87%;
    background-color: var(--color-text);
    top: 6%;
    left: -3%;
}

.press__title__text::after{
	content: "";
    position: absolute;
    width: 1px;
    height: 87%;
    background-color: var(--color-text);
    top: 6%;
    left: -3%;
}
	.mobile__left__border{
		display:none;
	}
.awwards__title__text::after{
	content: "";
    position: absolute;
    width: 1px;
    height: 91%;
    background-color: var(--color-text);
    top: 4%;
    left: -3%;
}
.info__university__part .menu-wrapper-border{
	position: absolute;
    background-color: var(--color-text);
    width: 1px;
    top: 3%;
    left: -16px;
    height: 92%;
    transition: all ease-in 0.3s;
}
	.awward__awward__name__mobile{
		display:none;
	}
.info__more .menu-wrapper-border{
    position: absolute;
    background-color: var(--color-text);
    width: 1px;
    top: 9%;
    left: -16px;
    height: 88%;
    transition: all ease-in 0.3s;
}
@media (max-width: 700px) {
  #or__lottie__animation {
    align-self: start;
    width: 17rem;
    margin-left: -5%;
    margin-top: -5%;
  }
}

@media (min-width:1600px) {
  .layout{
    grid-template-columns: 204px repeat(9, 1fr);
  }
}

@media (min-width:2200px) {

   #or__lottie__animation{
    grid-column: 1 / 5;
    align-self: end;
    width: 544px;
    margin-left: 1.2%;
           margin-bottom: -0.1%;
   }
	.preloader__imagebox svg{
		width:100%;
	}
	.logo-link{
	  width:100%;	
	}
}
@media (min-width:2700px) {

	#or__lottie__animation {
        width: 644px;
        margin-bottom: 0%;
        margin-left: 1.5%;
    }
}

@media (max-width:1600px){
		.menu-container{
		    grid-template-columns: 1fr repeat(9, 1fr) !important;
	}
	
	.menu-container-div{
		grid-template-columns: 1fr repeat(9, 1fr);
		margin-left: 0%;
	}
}

@media (max-width: 1399px) {
  .hero__project {
    height: 100%;
  }

  .hero__project__image__section {
    height: 100%;
  }

  .aside__right__container {
    width: 100%;
  }

  .project__hero__image {
    background-size: cover;
    height: 100%;
    width: 100%;
  }

  .image__card__imagebox {
    height: 85%;
  }
}

@media (min-width:1100px) and  (max-width:1660px){
	.content__policy{
		grid-column:4/6 !important;
	}
	.logo-link{
		width:10vw !important;
	}
}


@media (max-width: 1040px) {
	    .hero_right_image {
        width: 100%;
        height: 100% !important;
    }
	.hero__project__table table tr td:nth-child(2){
		display:none !important; 
	}
	.table__td__border{
		width:100% !important;
		font-size:18px !important;
		padding:4% 0 !important;
	}
		.hero__project__table table tr td:nth-child(3){
		display:none !important; 
	}
	.hero__project__table table thead{
		display:none !important; 
	}
	.hero__project__table table{
		min-width:100% !important;
	}
	.hero__project__table{
		overflow:hidden !important;
	}
	
	.hero__project__image__section{
		height:28rem;
	}

  #or__lottie__animation{
    align-self: start;
    width: 325px;
  }
	
	.aside__left__list{
		    margin-top: 14rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
		margin-left:1rem;
		margin-right:1rem;
	}

  .slide-3 .hero_description_wrapper{
  width: 100%;
  /* margin-bottom: 2%; */
}

  .border-right__01::after{
    display: none;
  }
  /*Project page*/
  .project__hero__image {
    background-size: contain;
  }
	.slide .hero_title_wrapper h1{
		width:50% !important;
	}
  .hero-project-page {
    height: 100vh !important;
    display: flex;
    flex-direction: column;
  }

  /*Bio page*/
  .bio-container {
    height: unset;
    padding-bottom: var(--container-padding);
    grid-template-rows: max-content;
  }
	.slide-2{
		flex-direction:column !important;
	}
  .info__image__img {
    width: 100%;
    height: 60vh;
    background-size: contain;
  }

  .slide-1 {
    display: flex;
    flex-direction: column;
    padding: var(--container-padding);
  }

  .slide-3 {
    display: flex;
    flex-direction: column;
    padding: var(--container-padding);
    row-gap: var(--gap-large);
  }
	
	.hero__project__content__title h1{
		font-size:5rem;
	}
	.title__text__studio .border-left__01::after{
		display:block;
	}

  .slider-wrapper {
    padding: 0;
  }

  .grid-layout-9 {
    /* padding-right: 0; */
  }

  .hero_right_image {
    width: 100%;
    height: 100%;
  }

  .right__image__card__imagebox {
    padding-right: 0;
    flex: 1;
  }

  .right__landscape__image__card {
    display: flex;
    flex-direction: column;
    row-gap: var(--gap-large);
    padding: var(--container-padding);
    flex: 1;
  }

  .written__publish__content {
    padding: var(--container-padding);
  }

  .hero_right_image img {
    margin-top: 2%;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .hero_right_image::after {
    display: none;
  }

  .layout {
    display: block;
  }

  .header {
    position: sticky;
    grid-column: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
    height: 100px;
    z-index: 2;
    background: white;
    padding: var(--container-padding);
  }

  .header::after {
    display: none;
  }
	
	.menu-container-div{
		padding: var(--container-padding);
	}

  .menu-wrapper {
/*     padding: var(--container-padding); */
    height: calc(100vh - 100px);
    width: 100%;
    top: auto;
  }

  .nav-btn {
    width: 5%;
  }

  .image__card__content__left {
    width: 60%;
  }

  .nav-btn img {
    width: 100%;
    height: auto;
  }

  .logo-link {
    width: 14%;
  }

  .menu-wrapper .menu-lts-post::after {
    left: -1.4rem;
  }
	.title__text__studio{
		margin-top:5rem;
	}
  .logo-link img {
    width: 100%;
    height: auto;
  }

  .menu-lts-post__image {
    width: 100%;
    overflow: hidden;
  }

  .menu-lts-post__image img {
    width: 100%;
    height: auto;
  }

  .menu-wrapper .menu-lts-post {
    grid-column: 7/10;
    padding: var(--container-padding) 0;
  }

  /* .image__card__content__left {
      width: 50%;
    } */

  .hero__project {
    padding: var(--container-padding);
    padding-top: 0;
    height: 100% !important;
  }

  .scroll__down__text {
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
  }

  .project__inner__hero {
    display: flex;
    flex-direction: column;
	  height:auto !important;
    row-gap: var(--gap-base);
  }
	.project__inner__hero__image__box img{
		width:100% !important;
	}

  .project__inner__hero__content {
    padding: var(--container-padding);
  }

  .project__inner__hero__image__box {
    padding-right: 0;
  }

  .journal__hero {
    display: grid;
  }

  .footer {
    height: calc(100vh - 100px);
  }

  .project__info__aside {
    top: auto;
    left: 0;
    width: 100%;
    height: 50px;
    bottom: 0;
    z-index: 4;
  }

  .project__info__aside:hover {
    width: unset;
  }

  .project__info__aside p {
    transform: none;
    position: unset;
    padding: var(--container-padding);
  }

  .project__aside__content__container {
    top: auto;
    left: 0;
    width: 100%;
    height: 80%;
    bottom: -100vh;
  }

  .aside__right__container {
    width: 90%;
  }

  .big__potriat__image__box {
    padding-right: var(--container-padding);
  }

  .left__text {
    padding: var(--container-padding);
    grid-column: 1/5 !important;
  }

  .right__image__landscape {
    padding-right: var(--container-padding);
  }

  .right__image__landscape__text {
    width: 70%;
  }

  .big__landscape__image__box {
    grid-column: 1 / 10;
    padding: var(--container-padding);
  }

  .left__big__potriat__imagebox {
    padding: var(--container-padding);
  }

  .right__big__landscape__image {
    padding-right: var(--container-padding);
  }

  .footer {
    padding-bottom: 8%;
  }

  .content__policy {
    grid-column: 3/5;
  }

  .content__trademark {
    grid-column: 5 / 7;
  }

  .potriat__right__text {
    width: 90%;
  }

  .title__first__row {
    grid-column: 1/10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--container-padding);
  }

  .info__second__row {
    grid-column: 1/10;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    column-gap: var(--grid-column-gap);
    padding: var(--container-padding);
    row-gap: var(--gap-large);
    background-position: start;
  }

  .info__descripton {
    grid-column: 1/6;
  }

  .info__image {
    margin-top: 2%;
    grid-column: 1/9;
  }

  .slide-img {
    background-size: contain;
    background-position: center;
  }

  .slide-2 {
    display: flex;
    flex-direction: column-reverse;
    padding: var(--container-padding);
  }

  .slide-2 .slide-img {
    background-position: center;
    width: 60%;
  }

  .hero_left_image {
/*     height: 38% !important; */
  }
	.slide-2 .hero_left_image .slide-img{
		background-size:cover !important;
	}
	.slide-2 .hero_small_description {
		margin-bottom:0rem !important;
		
	}
	.slide-2 .hero_right_content{
		    border-left: 1px solid black;
    border-right: 1px solid black;
    padding-left: 0.5rem;
	}
	.slide-3 .hero_left_content {
	padding-bottom: 7rem;
    border-right: 1px solid black;
    border-left: 1px solid black;
    padding-left: 0.5rem;
	}
	.slide-3 .hero_right_image {
		    display: flex;
    flex-direction: column;
	}
	.slide-3 .hero_description_wrapper{
		order: 2;
    padding-top: 10rem;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding-left: 0.5rem;
    margin-top: 1.5rem;
	}
	.slide-3 .slide-img{
		background-size: cover;
    height: 40%;
	}
  .info__image img {
    width: 100%;
  }

  .info__university {
    grid-column: 6 / 10;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .close__btn button {
    background: transparent;
    border: none;
    padding-right: var(--container-padding);
    cursor: pointer;
  }

  .right__landscape__image__text .text__right {
    width: 100% !important;
	  margin-top:2rem;
	  margin-left: 0.7rem;
    grid-column: 1/-1 !important;
  }
	.awward__awward__name__mobile{
		display:block;
	}
	.awward__awward__name{
		display:none;
	}
	.awward__project__link{
		display:none;
	}
	 .awwards__list {
       overflow-x: hidden !important;
    }
	 .awward__wrapper {
        min-width: auto !important;
    }
	.awward__row{
		display:flex !important;
		justify-content:space-between;
		align-items:end;
		
	}
	.awward__row p{
		font-size:1rem !important;
	}
	.people__section{
		    margin-top: 8rem;
	}
	.people__section .grid-layout-9 {
		border-left:1px solid black;
		
		padding-left:0.8rem;
	}
	
	.right__landscape__image__text .border-left__2::after {
    	display:block;
  }
	.info__descripton{
		font-size:1.3rem;
		width:100% !important;
	}
	.title__first__row p{
		font-size:2.5rem !important;
	}
	    .preloader__grid
 {
        position: sticky;
        grid-column: none;
        display: flex;
        align-items: start;
        justify-content: start;
        flex-direction: row-reverse;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: transparent;
        padding: var(--container-padding);
    }

	.preloader__imagebox svg {
    width: 58%;
    height: auto;
}
	.preloader__imagebox {
    grid-column: 1 / 2;
    display: block;
    flex-direction: column;
    align-items: flex-start;
    justify-content: end;
    position: relative;
    top: none;
    height: auto;
    padding: 0;
    padding-right: 0;
    padding-bottom: 0;
}
	.journal__inner__hero{
		position:relative;
	}
	.written__publish__content{
		display:flex;
		flex-direction:column;
		row-gap:0.8rem;
	}
	.right__image__card__text{
		display:none;
	}
	.mobile__left__border{
		display: block;
        position: absolute;
        left: 0.5rem;
        width: 1px;
        top: 1.6rem;
        height: 36%;
        background: black;
	}
	.project__inner__content__title h1{
		font-size: 4rem;
	}
	.bio-container .close__btn{
		display:none !important;
	}
	.info__university{
		order:2;
		display:flex !important;
		flex-direction:column;
		border-left: 1px solid black;
    padding-left: 1rem;
	}
	.info__university .menu-wrapper-border{
		display:none;
	}
}

@media (max-width: 550px) {
  .slide {
    height: 100%;
  }

	    .menu-container-div {
        
        margin-left: 0% !important;
    }
	.main-menu {
    grid-column: 1 / -1;
    overflow: hidden;
		margin-top: 2rem;
}
  .hero-slider-container {
    height: 100%;
  }


  .hero-slider-wrapper {
    height: 100%;
  }

  .menu-wrapper .menu-lts-post {
    display: none;
  }
	.border-left__2::after{
		display:none;
	}
	.right__landscape__image{
		padding-top:0 !important;
	}
	.project__info__aside{
		align-items:center;
		        justify-content: start;
	}
	.project__aside__content__container{
		height:100%;
	}
	.left__large__portriat__image__section{
		    padding: var(--container-padding) !important;
		padding-left: var(--container-padding) !important;
		padding-right: var(--container-padding) !important;
	}
	.aside__left__title{
/* 		margin-top:5rem; */
	}
	.left__text{
		position:relative;
	}
	.left__text::after{
		position: absolute;
        content: '';
        top: 1.5rem;
        left: 0.6rem;
        width: 1px;
        height: 62%;
        background: black;
	}
	.journal__right__card{
		padding-top:0;
	}
	.journal__left__card__hoverable{
		padding-top:0;
	}
	.journal__right__potrait__card__2{
		 margin-top: 0%;
	}
	.aside__left__container{
		flex-direction:column-reverse;
		margin-top:5rem;
	}
	.table__td__border{
		padding:2% 0;
	}
	.project__info__description {
		font-size:14px;
	}
	.aside__right__container .border-left__2::after{
		display:block;
	}
	#projects-container{
	display: flex;
    flex-direction: column;
    row-gap: 3rem;
	}
	.right__large__landscape__image__section{
		padding-top:0;
	}
	.right__small__landscape{
		padding-top:0;
	}
	.hero-project-page .title{
		font-size:80px;
	}
	.scroll__down__text{
		display:none;
	}
	.hero__project__image__card .project__hero__image{
		background-size:cover;
	}
	.view__btn{
		flex-direction:row;
		column-gap:2rem;
	}
	.hero{
		margin-right:0;
		border-bottom:none;
	}
	.potriat__right__text{
		position:relative;
	}
	.potriat__right__text.border-left__2::after{
		display:block;
	}
  .show-contact-content {
    max-width: 100% !important;
        font-size: 24px !important;
        line-height: 30px !important;
        letter-spacing: -1px !important;
  }

  .slide {
    padding-right: var(--container-padding);
  }
	
  .slide-img {
    background-size: contain;
    background-position: center;
  }

  .slide-2 {
    flex-direction: column !important;
    padding: var(--container-padding);
  }

  .hero_left_image {
    height: 100%;
    background-size: contain;
  }
}

@media (max-width: 479px) {
  .layout {
    display: block;
  }

  .slide-2 .slide-img {
    width: 100%;
    background-position: left;
  }

  #or__lottie__animation {
    align-self: start;
    width: 280px;
    height: 7%;
    margin-left: -0.8%;
}

  .header {
    position: sticky;
    grid-column: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: white;
    padding: var(--container-padding);
  }

  .header::after {
    display: none;
  }

  .nav-btn {
    width: 10%;
  }

  .nav-btn img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .logo-link {
    width: 24%;
  }

  .logo-link img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .menu-wrapper {
    grid-column: none;
/*     padding: var(--container-padding); */
    height: 100vh;
    overflow: hidden;
    width: 100%;
  }
	.menu-container-div{
		padding: var(--container-padding);
	}

  .hero__project__table table {
    min-width: 700px;
  }

  .hero__project__table {
    overflow-x: scroll;
  }

  .laod__more__btn {
    margin: 8% 0;
  }

  .fs__base__text {
    letter-spacing: 0;
  }

  .menu-wrapper .menu-lts-post {
    row-gap: var(--gap-base);
  }

  .awwards__list {
    overflow-x: scroll;
  }

  .awward__wrapper {
    min-width: 800px;
  }

  .menu-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: var(--gap-large);
  }

  .menu-lts-post__image {
    width: 80%;
    overflow: hidden;
  }

  .hero__project__image__section {
    padding: var(--container-padding) 0;
  }

  .menu-lts-post__image img {
    width: 100%;
    height: auto;
  }

  .hero__project {
    display: flex;
    flex-direction: column;
    height: 100% !important;
  }

  .hero__project__content__section {
    display: flex;
    flex-direction: column;
  }

  .image__card__content {
    flex-direction: column;
    row-gap: var(--gap-base);
  }

  .image__card__content__left {
    max-width: 100%;
    width: 100%;
  }

  .image__card__content__right {
    max-width: 100%;
    width: 100%;
  }

  .border-left__01::after {
    display: none;
  }

  .scroll__down__text {
    bottom: -1%;
    left: 45%;
  }

  .fs__small__text {
    line-height: 1.4;
  }

  .left__large__potrait__image__card {
    grid-column: 1/10;
  }

  .right__large__landscape__image__card {
    grid-column: 1/10;
  }

  .grid-layout-9 {
    display: flex;
    flex-direction: column;
    row-gap: var(--gap-large-x);
  }

  .right__landscape__image {
    padding-top: var(--section-top-padding);
  }

  .project__aside__content__container {
    display: flex;
    flex-direction: column;
    overflow: scroll;
    row-gap: var(--gap-large);
  }

  .aside__left__container {
    row-gap: var(--gap-large);
  }

  .aside__right__container {
    padding: var(--container-padding);
    width: 100%;
  }

  .center__big__landscape__image {
    width: 100%;
    /* padding: var(--container-padding); */
  }

  .right__image__landscape {
    padding: var(--container-padding);
  }

  .big__potriat__image__box {
    padding: var(--container-padding);
  }

  .right__image__landscape__text {
    width: 90%;
  }

  .footer {
    display: flex;
    padding: var(--container-padding);
    padding-bottom: 15%;
  }

  .footer__content__description {
    width: 100%;
  }

  .bottom__footer__content {
    display: flex;
    justify-content: space-between !important;
    align-items: flex-start;
    flex-direction: column;
    row-gap: var(--gap-large);
  }

  .right__big__landscape__image {
    padding: var(--container-padding);
    padding-top: var(--section-top-padding);
  }

  .studio__text__info {
    padding: var(--container-padding);
  }

  .left__potriat__image__right__text {
    padding: var(--container-padding);
  }

  .right__potriat__image__right__text {
    padding: var(--container-padding);
  }

  .potriat__right__text {
    width: 100%;
  }

  .info__second__row {
    display: flex;
    flex-direction: column;
    row-gap: var(--grid-column-gap);
  }

  .journal__left__card__hoverable {
    grid-column: 1/10;
    padding: var(--container-padding);
    padding-top: var(--section-top-padding);
  }
	.horizontal__line{
		display:none;
	}
/* 	    .footer {
        padding-bottom: 0% !important;
    } */
	.footer__container{
		    height: 100%;
		    border-top: 1px solid black;
    padding-top: 1rem;
	}
	.footer__content__info {
    margin-top: 5rem !important;
}
	    .bottom__footer__content {
        display: flex
;
        justify-content: space-evenly;
        align-items: flex-start;
        flex-direction: row !important;
        row-gap: var(--gap-large);
        column-gap: 1rem;
    }
	.bottom__footer__content span,p{
		font-size:1rem !important;
	}
	.hero_title {
		font-size:40px !important;
	}
	.slide-1 .hero_small_description {
		margin-bottom:15rem !important;
	}
	.slide-1 .hero_left_content {
		    border-left: 1px solid black;
    border-right: 1px solid black;
    padding-left: 0.5rem;
	}
	.slide-1 .slide-img{
		background-size:cover !important;
	}
	.top__footer__content{
		    border-left: 1px solid black;
    padding-left: 1rem;
	}
  .journal__right__card {
    padding: var(--container-padding);
/*     padding-top: var(--section-top-padding); */
    grid-column: 1/10;
  }

  .left__potriat__right__portriat__card__section {
    padding: var(--container-padding);
    /* padding-right: 0; */
  }

  .left__potriat__right__landcape__text__section {
    padding: var(--container-padding);
    padding-top: var(--section-top-padding);
    /* padding-right: 0; */
  }

  .right__landscape__image__text .text__right {
    width: 90%;
    grid-column: 1/5;
  }

  .title__text__studio {
    padding: 0;
  }

  .right__small__landscape{
    padding: var(--container-padding);
  }

  .left__small__potrait {
    padding: var(--container-padding);
    margin-top: 0;
  }

  .people__section {
    padding: var(--container-padding);
    /* padding-right: 0; */
  }

  .people__bio__container {
    row-gap: var(--gap-large-x);
  }

	.people__bio__card{
		grid-column:1/-1 !important;
	}

  .two__big__potriat__image__section {
    padding: var(--container-padding);
  }

  .right__portrait__down__image {
    padding-top: 5%;
  }
}

/* ---- Less than 400 mobile screen---- */
@media (max-width: 380px) {

  /* .menu-lts-post__content {
      margin-top: 20%;
    } */
  .menu-lts-post__image {
    display: none;
  }

  .scroll__down__text {
    bottom: -1%;
    left: 45%;
  }

  .hero__project {
    height: 100% !important;
  }

  .project__aside__content__container {
    row-gap: 8rem;
  }
}


@media (max-width:1024px){
	.aside__hover__image__container img{
		height:200px;
	}
	.project__aside__content__container{
		        z-index: 999999999999999 !important;
	}
	.project__aside__content__container{
		display:flex;
		flex-direction:column;
	}
	.aside__right__container{
		padding:0 30px !important;
	}
	.hero__project__image__section{
		margin-top:20px !important;
	}
	footer{
		padding-bottom:20px !important;
	}
	.slide-1 .hero_left_content{
		height:100% !important;
		
	}
	.slide-1 .hero_small_description{
		margin-bottom:0 !important;
	}
	.hero__project__list__section{
		padding-top:40px;
		padding-right:0 !important;
	}
	.slider-wrapper{
		height: calc(100svh -  70px) !important;
	}
	
	.laod__more__btn{
		 display: flex !important;
        justify-content: center !important;
	}
}



/* The animation keyframes */
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-37%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes blinkAnimation {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
  
}

#wpadminbar{
	display:none !important;
}

// Logo Animation Fix

.preloader__container{
	
}
.preloader__flex{
	width:30% !important;
	margin-left: -0.4vw;
	pointer-events:auto;
}

@media (max-width:1600px){
	#or__lottie__animation{
		width:75%;
	}
}


@media (max-width:1024px){
	#or__lottie__animation{
		        width: 36%;
        margin-top: -3%;
        margin-left: -3%;
	}
	.project__info__aside{
		height:50px;
		padding-top:0 !important;
		align-items:center !important;
		justify-content:center !important;
	}
	
}

@media (max-width:600px){
	    .project__info__aside {
        height: 50px;
			justify-content:flex-start !important;
    }
	#or__lottie__animation{
		        width: 54%;
        margin-top: -5%;
        margin-left: -3%;
	}
}

/* #or__lottie__animation{
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
} */