.site-header .logo {
color: white;
}
.site-header:not(.scrolled) .logo svg {
-webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.77));
filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.77));
}
main > *:first-child {
position: absolute;
z-index: 2;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.breadcrumbs li,
.breadcrumbs li a {
color: white;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.77);
}
.breadcrumbs li svg,
.breadcrumbs li a svg {
-webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.77));
filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.77));
}
.breadcrumbs li:not(:last-child)::after {
background-color: #CDCDCD;
}
section.gt-block.building-hero {
position: relative;
padding-top: 62rem;
font-size: 0;
background: -webkit-gradient(linear, left top, right top, from(#EDE9E6), to(#F6F3F1));
background: linear-gradient(90deg, #EDE9E6 0%, #F6F3F1 100%);
}
@media screen and (max-height: 995px) {
section.gt-block.building-hero {
padding-top: 50rem;
}
}
@media screen and (max-width: 1200px) {
section.gt-block.building-hero {
padding-top: 50rem;
}
}
@media screen and (max-height: 870px) {
section.gt-block.building-hero {
padding-top: 35rem;
}
}
@media screen and (max-width: 880px) {
section.gt-block.building-hero {
padding-top: 35rem;
}
}
section.gt-block.building-hero .background {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
section.gt-block.building-hero .background > img {
width: 100%;
height: 100%;
max-width: initial;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
section.gt-block.building-hero .container {
position: relative;
z-index: 2;
}
section.gt-block.building-hero .container .inner {
padding: 5rem var(--hero-side-padding);
border-radius: 3rem 3rem 0px 0px;
background: rgba(0, 0, 0, 0.5);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
@media screen and (max-width: 880px) {
section.gt-block.building-hero .container .inner {
padding: 3rem var(--hero-side-padding);
}
}
@media screen and (max-width: 650px) {
section.gt-block.building-hero .container .inner {
padding: 3rem var(--hero-side-padding);
}
}
@media screen and (max-width: 500px) {
section.gt-block.building-hero .container .inner {
padding: 2rem var(--hero-side-padding);
}
}
.building-hero__identity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8rem;
}
@media screen and (max-height: 995px) {
.building-hero__identity {
gap: 4rem;
}
}
@media screen and (max-width: 1200px) {
.building-hero__identity {
gap: 4rem;
}
}
@media screen and (max-width: 650px) {
.building-hero__identity {
gap: 2rem;
}
}
.building-hero__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 20rem;
flex: 0 0 20rem;
aspect-ratio: 1/1;
border-radius: 3rem;
padding: 4rem;
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--base-white);
}
@media screen and (max-height: 995px) {
.building-hero__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 10rem;
flex: 0 0 10rem;
padding: 2rem;
}
}
@media screen and (max-width: 1200px) {
.building-hero__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 15rem;
flex: 0 0 15rem;
padding: 3rem;
}
}
@media screen and (max-width: 880px) {
.building-hero__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 10rem;
flex: 0 0 10rem;
padding: 2rem;
}
}
@media screen and (max-width: 650px) {
.building-hero__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 8rem;
flex: 0 0 8rem;
padding: 1.6rem;
border-radius: 1.6rem;
}
}
@media screen and (max-width: 500px) {
.building-hero__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 6rem;
flex: 0 0 6rem;
padding: 1.3rem;
}
}
.building-hero__icon svg, .building-hero__icon img {
width: 100%;
max-height: 100%;
height: auto;
}
.building-hero__title {
color: var(--base-white);
text-transform: none;
}
@media screen and (max-height: 995px) {
.building-hero__title {
--fs-rate: 0.65;
}
}
@media screen and (max-width: 1200px) {
.building-hero__title {
--fs-rate: 0.65;
}
}
@media screen and (max-width: 880px) {
.building-hero__title {
--fs-rate: 0.5;
}
}
@media screen and (max-width: 650px) {
.building-hero__title {
--fs-rate: 0.4;
}
}
@media screen and (max-width: 500px) {
.building-hero__title {
--fs-rate: 0.35;
}
}
@media screen and (max-width: 360px) {
.building-hero__title {
--fs-rate: 0.25;
}
}
.building-hero__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 5rem;
gap: 2.5rem;
color: #fff;
}
@media screen and (max-width: 1024px) {
.building-hero__text {
margin-top: 3rem;
}
}
.building-hero__text p,
.building-hero__text ul,
.building-hero__text ol {
color: #fff;
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 400;
font-size: calc(var(--fs-small-rate) * 2.5rem);
line-height: normal;
font-style: normal;
}
@media screen and (max-width: 500px) {
.building-hero__text p,
.building-hero__text ul,
.building-hero__text ol {
--fs-small-rate: 0.75;
}
}