:root{
	color-scheme:light;
	
	--rt-c00A:#000000;
		--rt-c00A-rgb:0,0,0;
	--rt-c000:#FFFFFF;
		--rt-c000-rgb:255,255,255;
	
	--rt-c001:#BF1112;
		--rt-c001-rgb:191,17,18;
	--rt-c002:#011C26;
	--rt-c003:#73B8BF;
		--rt-c003-rgb:115,184,191;
	--rt-c004:#BFB907;
	--rt-c005:#0157D0;
	--rt-c006:#0045A6;
}
HTML, 
BODY{
	margin:0;
	min-height:100vh;
}

BODY{
	font-size:18px;
	color:var(--rt-c002);
	background-color:var(--rt-c000);
	font-family:system-ui,sans-serif;
	font-weight:normal;
	font-weight:400;
	text-shadow:0px 1px 1px rgba(var(--rt-c00A-rgb),.02);
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;		
}
@media (min-width:0px) and (max-width:750px){BODY{font-size:16px;}}
@media (min-width:751px) and (max-width:1100px){BODY{font-size:17px;}}	

A{
	text-decoration:underline;
	outline:none;
	border:0;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(var(--rt-c001-rgb),0);	
	transition:all 300ms ease;
}
A:link, A:active, A:visited{color:var(--rt-c005);}
A:hover{color:var(--rt-c006);}

SUB,
SUP{
	font-size:80%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
	margin-left:.04em;
}
SUP{top:-0.5em;}
SUB{bottom:-0.25em;}

IMG, 
A IMG{
	border:0;
	outline:none;
}
IMG.extend{
	display:block;
	width:100%;
}
IMG.ar-11{aspect-ratio:1/1;}

HR{
	position:relative;
	margin:40px 0 46px 0;
	border:0;
	height:1px;
	overflow:visible;
	background-image:linear-gradient(to right,var(--rt-c002) 5px,transparent 5px);
	background-size:10px 100%;
	background-repeat:repeat-x;	
}
HR::before{
	content:'';
	position:absolute;
	width:40px;
	height:6px;
	background-color:var(--rt-c002);
	right:-4px;
	top:3px;
	clip-path:polygon(
		6px 0,
		100% 0,
		calc( 100% - 6px ) 100%,
		0 100%
	);	
}

.composition{
	box-sizing:border-box;
	position:relative;
	width:100%;
	height:100vh;	
}
.composition.clip{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	overflow:hidden;
}
.composition>DIV{
	box-sizing:border-box;
	padding:0;
}

/*10:49 AM 2026-11-01*/
H1{
	position:relative;
	font-size:240%;
	font-weight:700;
	line-height:.9em;
	padding:0 0 28px 0;
	margin:0 0 40px 0;
}
H1::before,
H1::after{
	content:'';
	position:absolute;
	width:100px;
	height:6px;
	background-color:var(--rt-c001);
	left:0;
	bottom:0;
	clip-path:polygon(
		6px 0,
		100% 0,
		calc( 100% - 6px ) 100%,
		0 100%
	);	
}
H1::after{
	width:30px;
	left:100px;
}
@media (min-width:0px) and (max-width:750px){
	H1{
		font-size:200%;
		padding-bottom:23px;
	}
	H1::before,
	H1::after{
		width:80px;
		height:6px;
		clip-path:polygon(
			6px 0,
			100% 0,
			calc( 100% - 6px ) 100%,
			0 100%
		);		
	}
	H1::after{
		width:18px;
		left:82px;
	}	
}
@media (max-width:1100px) and (min-width:751px){H1{font-size:220%;}}

H2{
	font-size:220%;
	font-weight:600;
	line-height:.9em;
	margin:0 0 30px 0;
}
@media (max-width:750px) and (min-width:0px){H2{font-size:180%;}}
@media (max-width:1100px) and (min-width:751px){H2{font-size:200%;}}

H3{
	font-size:200%;
	font-weight:600;
	line-height:.9em;
	margin:0 0 30px 0;
}
@media (max-width:750px) and (min-width:0px){H3{font-size:160%;}}
@media (max-width:1100px) and (min-width:751px){H3{font-size:180%;}}

H4{
	font-size:180%;
	font-weight:400;
	line-height:.9em;
	margin:0 0 30px 0;
}
@media (max-width:750px) and (min-width:0px){H4{font-size:140%;}}
@media (max-width:1100px) and (min-width:751px){H4{font-size:160%;}}

H5{
	font-size:160%;
	font-weight:400;
	line-height:.9em;
	margin:0 0 30px 0;
}
@media (max-width:750px) and (min-width:0px){H5{font-size:120%;}}
@media (max-width:1100px) and (min-width:751px){H5{font-size:140%;}}

H1 SPAN,H2 SPAN,H3 SPAN,H4 SPAN,H5 SPAN{
	font-weight:400;
	font-size:90%;
}
H1,H2,H3,H4,H5,P{max-width:800px;}

P{
	margin:20px 0;
	padding:0;
	line-height:1.5em;
}
P>I{opacity:.8;}
P.break{word-break:break-all;}

P.rt-45-001{position:relative;}
P.rt-45-001 IMG{
	clip-path:polygon(
		0 40px,
		40px 0,
		100% 0,
		100% calc( 100% - 80px ),
		calc( 100% - 80px ) 100%,
		0 100%,
		0 calc(100% - 40px ),
		10px calc( 100% - 50px ),
		10px calc( 100% - 90px ),
		0 calc( 100% - 100px )
	);
}
@media (min-width:0px) and (max-width:800px){
	P.rt-45-001 IMG{
		clip-path:polygon(
			0 40px,
			40px 0,
			100% 0,
			100% calc( 100% - 80px ),
			calc( 100% - 80px ) 100%,
			0 100%,
			0 calc( 100% - 20px ),
			10px calc( 100% - 30px ),
			10px calc( 100% - 70px ),
			0 calc( 100% - 80px )
		);
	}
}
P.rt-45-001::before{
	content:'';
	position:absolute;
	width:30px;
	left:0;
	top:0;
	aspect-ratio:1/1;
	background-color:var(--rt-c004);
	clip-path:polygon(
		calc( 100% - 15px ) 0,
		100% 0,
		0 100%,
		0 calc( 100% - 15px )
	);	
}
P.rt-45-001::after{
	content:'';
	position:absolute;
	width:70px;
	right:0;
	bottom:0;
	aspect-ratio:1/1;
	background-color:var(--rt-c001);
	clip-path:polygon(
		100% 0,
		100% 15px,
		15px 100%,
		0 100%
	);	
}

P.rt-45-002{
	--l-size:20px;
	clip-path:polygon(
		0 0,
		calc( 100% - var(--l-size)) 0,
		100% var(--l-size),
		100% 100%,
		var(--l-size) 100%,
		0 calc( 100% - var(--l-size) )
	);
}
P.rt-45-003{position:relative;}
P.rt-45-003 IMG{
	--l-size:40%;
	clip-path:polygon(
		0 var(--l-size),
		var(--l-size) 0,
		100% 0,
		100% calc(100% - var(--l-size) ),
		calc(100% - var(--l-size) ) 100%,
		0 100%
	);
}
P.rt-45-004{position:relative;}
P.rt-45-004 IMG{
	--l-size:30px;
	clip-path:polygon(
		0 0,
		calc( 50% - var(--l-size) - 10px ) 0,
		calc( 50% - var(--l-size) ) 10px ,
		calc( 50% + var(--l-size) ) 10px ,
		calc( 50% + var(--l-size) + 10px ) 0,
		100% 0,
		100% 100%,
		calc( 100% - 10px ) 100%,
		calc( 100% - 25px ) calc( 100% - 15px ),
		25px  calc( 100% - 15px ),
		10px 100%,
		0 100%
	);
}
P.rt-45-004::after{
	content:'';
	position:absolute;
	left:19px;
	right:19px;
	bottom:0;
	background-color:var(--rt-c004);
	--l-size:10px;
	height:var(--l-size);
	clip-path:polygon(
		var(--l-size) 0,
		calc( 100% - var(--l-size) ) 0,
		100% 100%,
		0 100%
	);	
}
P.rt-45-005{position:relative;}
P.rt-45-005 IMG{
	--l-size:60px;
	clip-path:polygon(
		0 0,
		calc( 100% - var(--l-size) / 3 ) 0,
		100% calc( var(--l-size) / 3 ),
		100% 100%,
		var(--l-size) 100%,
		0 calc(100% - var(--l-size))
	);
}
P.rt-45-005::after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	background-color:var(--rt-c003);
	--l-size:50px;
	width:var(--l-size);
	height:var(--l-size);
	clip-path:polygon(
		0 0,
		100% 100%,
		calc( var(--l-size) /4 ) 100%,
		0 calc( 100% - var(--l-size) / 4 )
	);	
}
P.rt-45-006{position:relative;}
P.rt-45-006 IMG{
	--l-size:40%;
	clip-path:polygon(
		calc( 100% - var(--l-size) ) 0,
		100% var(--l-size),
		100% 100%,
		var(--l-size) 100%,
		0 calc( 100% - var(--l-size) ),
		0 0
	);
}

P.quote{
	position:relative;
	padding:0 0 0 1em;
	margin: 1em 0 1em 2em;
	border-left:1px solid var(--rt-c003);
}
P.quote-author{
	padding:0 0 0 1em;
	margin: 0 0 0 2em;
	font-style:italic;
	color:var(--rt-c003);
}
P.quote:before{
	content:'"';
	color:var(--rt-c003);
	position:absolute;
	top:.3em;
	left:-.5em;
	font-size:4em;
}

P.breadcrumb{
	margin:0 0 40px 0;
	display:flex;
	gap:20px;
}
P.breadcrumb A{
	display:flex;
	gap:5px;
	align-items:center;
	color:#96A1B3;
	text-decoration:none;
}
P.breadcrumb A::before{content:'←';}
P.breadcrumb A:hover,
P.breadcrumb A:hover::before{
	color:var(--rt-c001);
}

SECTION{
	position:relative;
	box-sizing:border-box;
	display:block;
	clear:both;
	float:none;
	width:100%;
	padding:0;
	margin:0;
}
SECTION>.inner{
	box-sizing:border-box;	
	max-width:1700px;
	margin:0 auto;
}
SECTION>.inner>.content{
	box-sizing:border-box;
	position:relative;
	margin:0;
	padding:50px;
	z-index:3;
}
@media (min-width:0px) and (max-width:600px){
	SECTION>.inner>.content{padding:30px 20px;}
}
@media (min-width:601px) and (max-width:1600px){
	SECTION>.inner>.content{padding:40px 50px;}
}
SECTION>.inner>.content>*:first-child{margin-top:0 !important;}
SECTION>.inner>.content>*:last-child{margin-bottom:0 !important;}

/*10:46 PM 2026-11-06*/
SECTION.header{
	position:relative;
	background:
		linear-gradient( to right,rgba( var(--rt-c003-rgb) ,.1) 1px, transparent 1px) 0 0 / 50px 50px,
		linear-gradient( to bottom,rgba( var(--rt-c003-rgb) ,.1) 1px, transparent 1px) 0 0 / 50px 50px,
		radial-gradient( ellipse at top left, rgba( var(--rt-c001-rgb) ,.5) 0%, rgba( var(--rt-c001-rgb) ,0) 50%),
		radial-gradient( ellipse at bottom right,rgba( var(--rt-c001-rgb) ,.4) 0%,rgba( var(--rt-c001-rgb) ,0) 50%);
	background-color:var(--rt-c002);	
}
SECTION.header IMG{aspect-ratio:1920/582;}

/*11:44 PM 2026-11-06*/
SECTION.main-navigation{background-color:var(--rt-c001);}
SECTION.main-navigation>.inner>.content{
	padding-top:0;
	padding-bottom:0;
}
SECTION.main-navigation NAV{
	padding:6px 0;
	overflow-x:auto;
}
SECTION.main-navigation NAV::-webkit-scrollbar{background-color:transparent;}
SECTION.main-navigation NAV::-webkit-scrollbar-thumb{
	background-color:var(--rt-c000);
	box-shadow:
		inset 0 -7px 0 0 var(--rt-c001),
		inset 0 6px 0 0 var(--rt-c001);
}
SECTION.main-navigation NAV UL,
SECTION.main-navigation NAV LI{
	list-style:none;
	margin:0;
	padding:0;
}
SECTION.main-navigation NAV>UL{
	display:flex;
	gap:0 6px;
}
SECTION.main-navigation NAV A{
	display:block;
	box-sizing:border-box;
	color:var(--rt-c000);
	padding:8px 18px;
	font-weight:bold;
	text-decoration:none;
	border-radius:6px;
	background-color:rgba( var(--rt-c000-rgb) ,0);
}
SECTION.main-navigation NAV A:hover,
SECTION.main-navigation NAV A.selected{
	color:var(--rt-c001);
	background-color:rgba( var(--rt-c000-rgb) ,1);
}

/*10:10 PM 2026-11-06*/
SECTION.footer{background-color:var(--rt-c002);}
SECTION.footer UL,
SECTION.footer LI{
	box-sizing:border-box;
	list-style:none;
	margin:0;
	padding:0;
}
SECTION.footer>.inner>.content>UL:first-child A{
	display:block;
	padding:3px;
	color:var(--rt-c004);
}
SECTION.footer>.inner>.content>UL:first-child A:hover{
	color:var(--rt-c002);
	background-color:var(--rt-c004);
	text-decoration:none;
}
SECTION.footer>.inner>.content>UL:last-child{
	position:relative;
	margin:60px 0 0 0;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:40px;
}
@media (min-width:0px) and (max-width:800px){
	SECTION.footer>.inner>.content>UL:last-child{
		grid-template-columns:1fr;
		gap:20px;
	}
}
SECTION.footer>.inner>.content>UL:last-child:before{
	content:'';
	position:absolute;
	top:-30px;
	left:0;
	right:0;
	height:1px;
	background-image:linear-gradient(to right,var(--rt-c004) 5px,transparent 5px);
	background-size:10px 100%;
	background-repeat:repeat-x;
}

SECTION.footer>.inner>.content>UL:last-child A{color:var(--rt-c003);}
@media (min-width:801px){
	SECTION.footer>.inner>.content>UL:last-child>LI:last-child{display:flex;}
	SECTION.footer>.inner>.content>UL:last-child>LI:last-child A{margin:0 0 0 auto;}
}

/*10:09 PM 2026-11-06*/
.newspaper{
	column-count:3;
	column-gap:100px;
	column-rule:1px dashed var(--rt-c003);
}
SECTION>.inner>.content>.newspaper{margin:20px 0 100px 0 !important;}
@media (max-width:750px) and (min-width:0px){.newspaper{column-count:1;}}
@media (max-width:1100px) and (min-width:751px){.newspaper{column-count:2;}}
.newspaper P:first-child{margin-top:0;}
.newspaper-title{
	box-sizing:border-box;
	position:sticky;
	top:0;
	margin-top:100px;
	padding:10px;
	background-color:var(--rt-c000);
	border-bottom:1px solid var(--rt-c002);
	width:100%;
	max-width:100%;
	z-index:1000;
}
.newspaper-title SPAN{color:var(--rt-c001);}


/*9:59 PM 2026-11-06*/
.scroll-container{
	border:1px solid var(--rt-c002);
	margin:0 0 50px 0;
}
.scroll-container .scroll-content{
	overflow:auto;
	display:grid;
	min-width:100%;	
}
.scroll-container .scroll-top-ui{
	overflow:auto;
	display:none;
	z-index:1;
}
.scroll-container .scroll-top-ui>DIV{
	position:relative;
	margin-top:0;
	height:1px;
}
.scroll-container .scroll-top-ui.activated{
	display:block;
	position:sticky;
	top:0;
	left:0;
}

/*12:25 AM 2026-11-01*/
UL.catalogue,
UL.catalogue UL,
UL.catalogue LI{
	list-style:none;
	margin:0;
	padding:0;
}
UL.catalogue>LI>UL{margin-bottom:40px;}
UL.catalogue A{
	box-sizing:border-box;
	display:block;
	padding:10px;
	text-decoration:none;
	color:var(--rt-c001);
	border-bottom:1px solid var(--rt-c001);
}
UL.catalogue A:hover{
	color:var(--rt-c000);
	background-color:var(--rt-c001);
}

/*10:37 PM 2026-11-01*/
.image-header-01{margin:0 0 100px 0;}
.image-header-01 IMG{
	display:block;
	width:100%;
	max-width:600px;
	margin:0 auto;
}

/*8:40 PM 2026-11-06*/
.rt-grid-01{
	display:grid;
	grid-template-columns:minmax(0,1fr);
	grid-template-areas:"a" "b";
	gap:40px;
}
@media (min-width:800px){
	.rt-grid-01{
		grid-template-columns:minmax(0,1fr) minmax(0,4fr); 
		grid-template-areas:"a b";
		gap:40px 80px;
	}
	.rt-grid-01 .rt-visual{position:relative;}
	.rt-grid-01 .rt-visual::before{
		content:'';
		position:absolute;
		top:0;
		right:-40px;
		width:1px;
		height:100%;
		background-image:linear-gradient(to bottom,var(--rt-c002) 5px,transparent 5px);
		background-size:100% 10px;
		background-repeat:repeat-y;
	}	
}
.rt-grid-01 .rt-visual{grid-area:a;}
.rt-grid-01 .rt-visual>*:first-child{margin-top:0;}
.rt-grid-01 .rt-visual>*:last-child{margin-bottom:0;}
.rt-grid-01 .rt-content{
	grid-area:b;
	position:relative;
	padding-top:60px;
}
.rt-grid-01 .rt-content::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50px;
	background-color:var(--rt-c001);
	background-image:linear-gradient(90deg,var(--rt-c001) 0%,var(--rt-c002) 100%);
	clip-path:polygon(
		2px 0,
		calc(100% - 10px) 0,
		100% 10px,
		100% calc(100% - 10px),
		calc(100% - 10px) 100%,
		calc(100% - 50px) 100%,
		calc(100% - 90px) 10px,
		150px 10px,
		140px 20px,
		90px 20px,
		80px 10px,
		2px 10px,
		0 8px,
		0 2px
	);		
	
}

.rt-grid-02{
	box-sizing:border-box;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	grid-template-areas:
		"a a b c" 
		"d e g g" 
		"h f g g" 
	;
	gap:6px;
}
@media (min-width:0px) and (max-width:600px){
	.rt-grid-02{
		grid-template-columns:repeat(2,1fr);
		grid-template-areas:
			"c c"
			"a a"
			"d b"
			"e f"
			"g h"
		;
	}
	.rt-grid-02>DIV:first-child P{margin:0;}
}
@media (min-width:601px) and (max-width:1100px){
	.rt-grid-02{
		grid-template-columns:repeat(2,1fr);
		grid-template-areas:
			"a c" 
			"b d" 
			"e f"
			"g h"
		;
	}	
}
.rt-grid-02 H1{margin-bottom:10px;}
.rt-grid-02 P{max-width:100%;}
.rt-grid-02>DIV{box-sizing:border-box;}
.rt-grid-02>DIV>*:first-child{margin-top:0;}
.rt-grid-02>DIV>*:last-child{margin-bottom:0;}
.rt-grid-02>DIV:nth-child(1){
	grid-area:a;
	display:flex;
	flex-direction:column; 
	justify-content:center;
	padding:20px;
}
@media (min-width:0px) and (max-width:600px){
	.rt-grid-02>DIV:nth-child(1){
		padding:80px 20px;
	}	
}
.rt-grid-02>DIV:nth-child(2){grid-area:b;}
.rt-grid-02>DIV:nth-child(3){grid-area:c;}
.rt-grid-02>DIV:nth-child(4){grid-area:d;}
.rt-grid-02>DIV:nth-child(5){grid-area:e;}
.rt-grid-02>DIV:nth-child(6){grid-area:f;}
.rt-grid-02>DIV:nth-child(7){grid-area:g;}
.rt-grid-02>DIV:nth-child(8){grid-area:h;}

DIV.rt-logo{position:relative;}
DIV.rt-logo::after{
	content:'';
	position:absolute;
	width:70px;
	left:0;
	bottom:0;
	aspect-ratio:1/1;
	background-color:var(--rt-c002);
	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% 40px,
		calc(100% - 10px) 50px,
		calc(100% - 10px) 110px,
		100% 120px,
		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% 30px,
			calc(100% - 10px) 40px,
			calc(100% - 10px) 100px,
			100% 110px,
			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);
}

/*9:21 PM 2026-11-06*/
PRE:has(CODE){
	margin:0;
	line-height:2em;
	background-color:#F9F9F9;
	background-image:
		repeating-linear-gradient(
			to bottom,
			transparent 0,
			transparent calc( 2em - 1px ),
			rgba(150,161,179,.5) 2em
		);
	background-size:100% 2em;
	position:relative;
	padding-left:3em;
}
PRE:has(CODE)::before{
	content:'';
	position:absolute;
	left:1.5em;
	top:0;
	bottom:0;
	width:1px;
	background-image:linear-gradient(to bottom,var(--rt-c001) 5px,transparent 5px);
	background-size:100% 10px;
	background-repeat:repeat-y;
}
PRE:has(CODE) .rt-function{
	color:var(--rt-c003);
	font-style:italic;
}
PRE:has(CODE) .rt-comment{
	color:#96A1B3;
	font-style:italic;
}