/* GRID WRAPPER – fills parent and never spills */
.wrapper-hero-layout-right{
  width:100%;
  min-height:100vh!important;height:100%;padding:var(--outer);box-sizing:border-box;
  display:grid;gap:var(--gap);
  grid-template-columns:1fr clamp(96px,14vw,150px);
  grid-template-rows:auto 1fr auto;
  grid-template-areas:"top top" "main aside" "bottom bottom";
  overflow:hidden;min-height:0;
}
.wrapper-hero-layout-right .rect-top{grid-area:top;min-height:64px;}
.wrapper-hero-layout-right .rect-main{grid-area:main;min-height:0;overflow:auto;}
.wrapper-hero-layout-right .rect-main-hero-content{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.wrapper-hero-layout-right .img-hero{width:auto;max-height:100vh;display:block;}
.wrapper-hero-layout-right .main-content-wp-bakery {width:100%;height:100%;overflow:hidden;}
.wrapper-hero-layout-right .main-hero-bg-captions{position:absolute;font-size:1.5vw;line-height:1.2vw;color:rgba(234,110,0,0.35);}
.wrapper-hero-layout-right .rect-aside{display:flex;flex-direction:column;align-items:center;grid-area:aside;min-height:0;overflow:hidden;}
.wrapper-hero-layout-right .rect-aside .rect-aside-top{height:30%;display:flex;flex-direction:column;justify-content:space-around;}
.wrapper-hero-layout-right .rect-aside .rect-aside-bottom{height:70%;display:flex;align-items:center;}
.wrapper-hero-layout-right .rect-aside .rect-aside-bottom .vertical-line{width:4px;height:80%;background:rgb(255,255,255,1);}
.wrapper-hero-layout-right .rect-aside .rat-text-rotated{font-size:48px;line-height:48px;color:rgb(255,255,255,1);transform:rotate(90deg);}
.wrapper-hero-layout-right .rect-bottom{grid-area:bottom;min-height:64px;}
.wrapper-hero-layout-right .rect-bottom-content{width:100%;height:100%;display:flex;}
.wrapper-hero-layout-right .rect-bottom-content .rbc-left{width:84%;height:100%;display:flex;justify-content:center;}
.wrapper-hero-layout-right .rect-bottom-content .rbc-left .rbc-main-title{display:flex;align-items:center;font-size:48px;line-height:48px;color:rgb(255,255,255,1);}
.wrapper-hero-layout-right .rect-bottom-content .rbc-right{margin:auto;width:60px;height:auto;display:flex;align-items:center;justify-content:center;}
.wrapper-hero-layout-right .rect-bottom-content .rbc-right .rbc-main-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.wrapper-hero-layout-right .rect-bottom-content .rbc-right .rbc-main-logo svg{width:90%;height:auto;display:block;}
.wrapper-hero-layout-right .rect-top, .wrapper-hero-layout-right .rect-main, .wrapper-hero-layout-right .rect-aside, .wrapper-hero-layout-right .rect-bottom{background:transparent;border-radius:var(--radius);color:#fff;display:flex;align-items:center;justify-content:center;}
.wrapper-hero-layout-right .rotated-title {min-width:220px;}

/* optional responsive stack */
/*
@media (max-width:720px){
  .wrapper-hero-layout-right{
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr auto auto;
    grid-template-areas:"top" "main" "aside" "bottom";
  }
}
*/

@media (max-width: 767px) {
	
	.wrapper-hero-layout-right {
		min-height:unset!important;
		display:flex;flex-direction:column;
	}
	
	.wrapper-hero-layout-right .rect-top { display:none; }
	.wrapper-hero-layout-right .rect-bottom { display:none; }
	
	.wrapper-hero-layout-right .rect-main {order:2;}

	.wrapper-hero-layout-right .rect-aside { 
		margin:12px 0;
		width:100%;
		min-height:unset;
		order:1;
	}
	
	.wrapper-hero-layout-right .rect-aside .rat-text-rotated {
		font-size:16px!important;
		line-height:18px!important;
		font-weight:600;
		
		transform:rotate(0deg);
	}
	
	.wrapper-hero-layout-right .rect-aside .rect-aside-bottom .vertical-line {display:none;}
}