.page-template-landing-page .wp-block-site-logo::before {
    content: " ";
    display: block;
    background-image: url(/wp-content/uploads/2026/06/bg-logo.png);
    width: 98vw;
    height: 100vh;
    background-color: rgba(36, 55, 71, 0);
    position: absolute;
    left: -60px;
    top: 30px;
    background-size: clamp(37rem, 70vw + 10rem, 74rem);
    background-repeat: no-repeat;
    overflow: visible;
    opacity: 0.5;
}

@media (min-width:853px) {
	.be-services-grid > div:nth-child(1),
.be-services-grid > div:nth-child(4)
{
	padding-left: 0px !important;
}

.be-services-grid > div:nth-child(3),
.be-services-grid > div:nth-child(6)
{
	padding-right: 0px !important;
}
	
}



@media (max-width:852px) {
	
	
.be-services-grid > div:nth-of-type(odd) {
    padding-left: 0px !important;
}
	.be-services-grid > div:nth-of-type(even) {
    padding-right: 0px !important;
}
}

@media (max-width:572px) {
.be-services-grid > div {
    padding-left: 0px !important;
	 padding-right: 0px !important;
}
	
}



/*ANIMATIONS*/

.fade-in >*   {
  animation: reveal linear both;
  animation-timeline: view();
  animation-range: entry 0% cover 10%;
}

@keyframes reveal {
  from {
    filter: brightness(0.2);
	 transform:translateY(20px);

  }

  to {
    filter: brightness(1);
	  transform:translateY(0px);

  }
}
.be-section-title{
	display:flex;
align-items:flex-start;
	gap:0.5rem;
	margin:0;
}
.be-section-title::after {
	content: "";
    flex: 1;
    border-top: 0.5px solid;
    margin-top: -0.15em;
}

.be-dark::after {
 border-color:var(--wp--preset--color--accent-1);
}

.be-light::after {
 border-color:var(--wp--preset--color--base);
}

.be-cv{
	display:flex;
	position:relative;
	gap:3rem;
	
}


.be-cv-item {
    display: grid;
    grid-template-columns: 6.6ch 0.5fr 5fr;
	width:100%;
	background:transparent;
}

.be-cv-year{
	align-self:center;
}

.be-cv-marker {
    position: relative;
	align-self:center;
}

.be-cv-marker {
    position: relative;
	align-self:center;
}

/*
.be-cv-marker::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -3rem;
    bottom: -3rem;
    width: 2px;
    background: #414141;
}
*/

.be-cv-item:first-child .be-cv-marker::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;        /* starts at center of first dot */
    bottom: -999px;  /* extends far down */
    width: 2px;
    background: var(--wp--preset--color--accent-6);
    z-index: 0;
}

.be-cv-marker .dot {
    position: relative;
    display: block;
    z-index: 1;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--wp--preset--color--contrast);
    outline: 6px solid var(--wp--preset--color--base);
}

.be-cv-item:first-of-type .dot{
	background-color:var(--wp--preset--color--accent-4);
} 

.be-a-noline, .be-a-noline >a{
	text-decoration: none !important;
}


@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

@media (max-width:819px) {
	.be-hero-opener{
		flex-direction:column;
		max-width:74vw;
	}
	
	.be-hero-opener .wp-block-column:first-of-type{
		max-width:34vw;
	}
	
	.be-hero-opener .wp-block-column:last-of-type{
		width:85vw;
	}
	
	
}

@media (max-width:599px){
	.be-navi{
position: fixed;
    z-index: 9999;
    padding: 1rem;
    background: var(--wp--preset--color--base);
    border-left-color: var(--wp--preset--color--accent-1);
    border-left-style: dotted;
    margin-top: var(--wp--preset--spacing--40);
    padding-right: 0;
    padding-left: var(--wp--preset--spacing--50);
    padding: 1rem !important;
    right: 29px;
    top: 18px;
    border-radius: 9px;
    border: none !important;

}
}