.composition{
	position:relative;
	z-index:2;
}
/*
.background{
	position:fixed;
	inset:0;
	z-index:1;
	pointer-events:none;
	background-color:#BFB907;
}
*/

.rt-screen-001{
	box-sizing:border-box;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-template-areas:
		"a b c"
	;
	align-items:stretch;
	gap:10px;
}
@media (min-width:0px) and (max-width:600px){
	.rt-screen-001{
		grid-template-columns:repeat(1,1fr);
		grid-template-areas:"a" "b" "c";
	}
	.rt-screen-001>DIV:first-child{margin-bottom:30px;}
	.rt-screen-001>DIV:first-child P{margin:0;}
}
@media (min-width:601px) and (max-width:1000px){
	.rt-screen-001{
		grid-template-columns:repeat(2,1fr);
		grid-template-areas:"a b" "a c";
		gap:10px 80px;
	}
}
.rt-screen-001 H1{margin-bottom:30px;}
.rt-screen-001>DIV>*:first-child{margin-top:0;}
.rt-screen-001>DIV>*:last-child{margin-bottom:0;}
.rt-screen-001>DIV:nth-child(1){
	grid-area:a;
	display:flex;
	flex-direction:column; 
	justify-content:center;	
}
.rt-screen-001>DIV:nth-child(2){grid-area:b;}
.rt-screen-001>DIV:nth-child(3){grid-area:c;}

DIV.rt-logo{position:relative;}
DIV.rt-logo::after{
	content:'';
	position:absolute;
	width:70px;
	left:0;
	bottom:0;
	aspect-ratio:1/1;
	background-color:#011C26;
	clip-path:polygon(
		0 0,
		100% 100%,
		calc( 100% - 15px ) 100%,
		0 15px
	);		
}
DIV.rt-logo VIDEO{
	clip-path:polygon(
		0 0,
		100% 0,
		100% 100%,
		80px 100%,
		0 calc( 100% - 80px )
	);		
}
@media (min-width:0px) and (max-width:800px){
	DIV.rt-logo::after{
		width:30px;
		height:30px;
	}
	DIV.rt-logo VIDEO{
		clip-path:polygon(
			0 0,
			100% 0,
			100% 100%,
			40px 100%,
			0 calc( 100% - 40px )
		);
	}
}
DIV.rt-logo VIDEO,
DIV.rt-logo VIDEO:focus{
	pointer-events:none;
	aspect-ratio:1/1;
	display:block;
	width:100%;
	height:auto;
	outline:none;
	border:none;
	overflow:hidden;
	background-color:transparent !important;
	-webkit-backface-visibility:hidden;
	backface-visibility: hidden;
	-webkit-mask-image:-webkit-radial-gradient(white,black);
	mask-image:-webkit-radial-gradient(white,black);
}