:root{
	color-scheme:light;
}
HTML, 
BODY{
	margin:0;
	min-height:100vh;
}

BODY{
	font-size:20px;
	color:var(--default-text-color,#011C26);
	background-color:var(--default-background-color,#FFFFFF);
	font-family:system-ui,sans-serif;
	font-weight:normal;
	font-weight:400;
	text-shadow:0px 1px 1px rgba(0,0,0,0.02);
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;		
}
@media (max-width:750px) and (min-width:0px){BODY{font-size:18px;}}
@media (max-width:1100px) and (min-width:751px){BODY{font-size:19px;}}	

A{
	text-decoration:underline;
	outline:none;
	border:0;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);	
	transition:all 300ms ease;
}
A:link, A:active, A:visited{color:#0157D0;}
A:hover{color:#0045A6;}

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;}

.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;
}

/**/
H1{
	position:relative;
	font-size:250%;
	font-weight:700;
	line-height:.9em;
	padding:0 0 30px 0;
	margin:0 0 50px 0;
}
H1::before,
H1::after{
	content:'';
	position:absolute;
	width:100px;
	height:10px;
	background-color:var(--h1-before-color,#BF1112);
	left:0;
	bottom:0;
	clip-path:polygon(
		10px 0,
		100% 0,
		calc( 100% - 10px ) 100%,
		0 100%
	);	
}
H1::after{
	width:30px;
	left:100px;
}
@media (min-width:0px) and (max-width:750px){
	H1{
		font-size:210%;
		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:230%;}}

H2{
	font-size:230%;
	font-weight:700;
	line-height:.9em;
	margin:0 0 30px 0;
}
@media (max-width:750px) and (min-width:0px){H2{font-size:190%;}}
@media (max-width:1100px) and (min-width:751px){H2{font-size:210%;}}

H3{
	font-size:210%;
	font-weight:700;
	line-height:.9em;
	margin:0 0 30px 0;
}
@media (max-width:750px) and (min-width:0px){H3{font-size:170%;}}
@media (max-width:1100px) and (min-width:751px){H3{font-size:190%;}}

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

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

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.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:#BFB907;
	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:#BF1112;
	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:#BFB907;
	--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:#73B8BF;
	--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.quote{
	position:relative;
	padding:0 0 0 1em;
	margin: 1em 0 1em 2em;
	border-left:1px solid;
}
P.quote-author{
	padding:0 0 0 1em;
	margin: 0 0 0 2em;
	font-style:italic;
}
P.quote:before{
	content:'"';
	position:absolute;
	top:.3em;
	left:-.5em;
	font-size:4em;
}

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

/**/
SECTION.header{
	color:#FFFFFF;
	background-color:#011C26;
	position:relative;
	z-index:1000;
}
SECTION.header>.inner>.content{
	padding-top:0;
	padding-bottom:0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
SECTION.header>.inner>.content BUTTON{
	box-sizing:border-box;
	margin:10px 0;
	padding:5px 10px;
	border:1px solid #FFFFFF;
	border-radius:10px;
	background:none;
	font:inherit;
	color:inherit;
	cursor:pointer;
	line-height:1em;
	-webkit-tap-highlight-color:transparent;
}
SECTION.header>.inner>.content BUTTON.display{
	border-color:#73B8BF;
	color:#73B8BF;
}
SECTION.header>.inner>.content BUTTON:focus-visible{}
@media (min-width:1101px){
	SECTION.header>.inner>.content BUTTON{display:none;}
}
SECTION.header>.inner>.content A{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
SECTION.header #navigation-list UL,
SECTION.header #navigation-list LI{
	box-sizing:border-box;
	list-style:none;
	margin:0;
	padding:0;
}
@media (min-width:1101px){
	SECTION.header #navigation-list>UL{
		display:flex;
		gap:0 40px;
	}
}
@media (min-width:0px) and (max-width:1100px){
	SECTION.header #navigation-list>UL{
		position:absolute;
		top:100%;
		right:0;
		background-color:#73B8BF;
		padding:20px;
		display:none;
		width:100vw;
		max-width:min(90%,500px);
	}
	SECTION.header #navigation-list.display>UL{display:block;}	
	SECTION.header #navigation-list>UL UL{padding-left:6px;}	
}
SECTION.header #navigation-list>UL>LI{
	position:relative;
	padding:10px 5px;
}
@media (min-width:1101px){
	SECTION.header #navigation-list>UL>LI:has(>UL){
		display:flex;
		cursor:pointer;
		transition:all 300ms ease;
	}
	SECTION.header #navigation-list>UL>LI:has(>UL)>UL{display:none;}
	SECTION.header #navigation-list>UL>LI:has(>UL):hover>UL{
		display:block;
		cursor:default;
	}
	SECTION.header #navigation-list>UL>LI:has(>UL):hover{color:#73B8BF;}
	SECTION.header #navigation-list>UL>LI:has(>UL)::after{
		content:'';
		top:0;
		left:0;
		bottom:0;
		width:20px;
		background-color:#FFFFFF;
		clip-path:polygon(
			calc( 50% - 5px ) 50%,
			calc( 50% + 5px ) 50%,
			50% calc( 50% + 6px )
		);
		transition:all 300ms ease;
	}
	SECTION.header #navigation-list>UL>LI:has(>UL):hover::after{background-color:#73B8BF;}	
	SECTION.header #navigation-list>UL>LI>UL{
		position:absolute;
		top:100%;
		right:0;
		width:max-content;
		width:100vw;
		max-width:min(100vw,500px);		
		padding:20px 20px 30px 20px;
		color:#011C26;	
		background-color:#73B8BF;
		box-shadow:0 0 40px 0 rgba(1,28,38,.3);
	}
}
SECTION.header #navigation-list>UL>LI>UL A{padding:3px 20px 3px 3px;}
@media (min-width:1101px){
	SECTION.header #navigation-list>UL>LI>UL A{
		color:#011C26;
		border-bottom:1px solid #011C26;	
	}
	SECTION.header #navigation-list>UL>LI>UL A:hover{
		color:#73B8BF;
		background-color:#011C26;
	}
}
@media (min-width:0px) and (max-width:1100px){
	SECTION.header #navigation-list>UL>LI{color:#011C26;}
	SECTION.header #navigation-list>UL>LI A{
		color:#011C26;
		border-bottom:1px solid #011C26;	
	}
	SECTION.header #navigation-list>UL>LI>UL A:hover{
		color:#73B8BF;
		background-color:#011C26;
	}
}
SECTION.header #navigation-list>UL>LI>UL UL{
	margin-top:5px;
	margin-bottom:20px;
	padding-left:6px;
}
@media (min-width:0px) and (max-width:1100px){
	SECTION.header #navigation-list>UL>LI UL{margin-top:10px;}
}
SECTION.header #navigation-list>UL>LI>UL>LI:last-child>UL{margin-bottom:0;}

/**/
SECTION.footer{
	margin-top:100px;
	background-color:#011C26;
}
SECTION.footer>.inner>.content{
	padding-top:100px;
	padding-bottom:100px;
}
SECTION.footer A{
	color:#BFB907;
	text-decoration:none;
	display:block;
}
SECTION.footer UL,
SECTION.footer LI{
	box-sizing:border-box;
	list-style:none;
	margin:0;
	padding:0;
	color:#73B8BF;
}
SECTION.footer>.inner>.content>UL{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-template-areas:
		"b b"
		"a c"
	;	
	gap:40px;
}
SECTION.footer>.inner>.content>UL>LI{
	border-top:1px dashed #73B8BF;
	padding:20px 0;
}
SECTION.footer>.inner>.content>UL>LI:nth-child(1){grid-area:a;}
SECTION.footer>.inner>.content>UL>LI:nth-child(2){grid-area:b;}
SECTION.footer>.inner>.content>UL>LI:nth-child(3){grid-area:c;}
@media (min-width:0px) and (max-width:700px){
	SECTION.footer>.inner>.content>UL{
		grid-template-columns:1fr;
		grid-template-areas:
			"b"
			"a"
			"c"
		;
	}
}
@media (min-width:701px) and (max-width:1100px){
	SECTION.footer>.inner>.content>UL{
		grid-template-columns:repeat(2,1fr);
		grid-template-areas:
			"b b"
			"a c"
		;
	}
}
SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL A{padding:10px 5px;}
@media (min-width:701px){
	SECTION.footer>.inner>.content>UL>LI:nth-child(3){
		display:flex;
		justify-content:flex-end;
	}
	SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		grid-template-areas:
			"a b"
			"c b"
			". b"
		;
		grid-template-rows:auto;
		gap:0 40px;
	}
	SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL>LI:nth-child(1){grid-area:a;}
	SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL>LI:nth-child(2){grid-area:b;}
	SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL>LI:nth-child(3){grid-area:c;}	
	SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL A{border-bottom:1px solid #BFB907;}
	SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL A:hover{
		color:#011C26;
		background-color:#BFB907;
	}
}
@media (min-width:0px) and (max-width:700px){
	SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL>LI{margin-bottom:20px;}
	SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL>LI:last-child{margin-bottom:0;}
	SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL>LI UL{
		margin-left:10px;
		margin-bottom:20px;
	}
}
@media (min-width:701px){
	SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL>LI:nth-child(2)>UL{
		display:flex;
		flex-wrap:wrap;
		gap:20px 40px;
	}
}
SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL>LI:nth-child(2) UL{margin-top:10px;}
SECTION.footer>.inner>.content>UL>LI:nth-child(2)>UL>LI:nth-child(2)>UL>LI{flex:1;}

/**/
.rt-columns{
	margin:40px 0;
	position:relative;
	box-sizing:border-box;
	display:grid;
	grid-template-columns:repeat(1,1fr);
	grid-template-rows:auto;
	column-gap:8%;
	row-gap:50px;
	justify-items:stretch;
	align-items:start;	
}
.rt-columns.x1{grid-template-columns:repeat(1,1fr);}
.rt-columns.x2{grid-template-columns:repeat(2,1fr);}
.rt-columns.x3{grid-template-columns:repeat(3,1fr);}
.rt-columns.x4{grid-template-columns:repeat(4,1fr);}
.rt-columns.x5{grid-template-columns:repeat(5,1fr);}
.rt-columns.vcenter{align-items:center;}
.rt-columns>.rt-column{
	position:relative;
	box-sizing:border-box;
	padding:0;
	margin:0;
}
.rt-columns>.rt-column>*:first-child{margin-top:0;}
.rt-columns>.rt-column>*:last-child{margin-bottom:0;}		

@media (min-width:601px){
	.rt-columns.x2.reversed>.rt-column:nth-child(1n){order:1;}
	.rt-columns.x2.reversed>.rt-column:nth-child(2n){order:0;}
}
@media (min-width:0px) and (max-width:600px){
	.rt-columns.x2,
	.rt-columns.x3,
	.rt-columns.x4,
	.rt-columns.x5{
		row-gap:30px;
		grid-template-columns:repeat(1,1fr);
	}
}
@media (min-width:601px) and (max-width:1000px){
	.rt-columns.x2,
	.rt-columns.x3,
	.rt-columns.x4,
	.rt-columns.x5{
		row-gap:40px;
		grid-template-columns:repeat(2,1fr);
	}
}
@media (min-width:1001px) and (max-width:1300px){
	.rt-columns.x4,
	.rt-columns.x5{
		grid-template-columns:repeat(3,1fr);
	}
}

/**/
.newspaper{
	margin:20px 0 40px 0;
	column-count:3;
	column-gap:100px;
	column-rule:1px dashed #73B8BF;
}
@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;
	padding:10px 40px 10px 10px;
	background-color:#FFFFFF;
	border-bottom:1px solid #011C26;
	width:100%;
	max-width:100%;
	z-index:1000;
}
.newspaper-title SPAN{
	color:#BF1112;
}

/**/
.scroll-container{
	border:1px solid #011C26;
	margin:0 0 50px 0;
}
.scroll-container .scroll-content{overflow:auto;}
.scroll-container .scroll-top-ui{
	overflow:auto;
	display:none;
	z-index:1;
}
.scroll-container .scroll-top-ui>DIV{
	position:relative;
	margin-top:0px;
	height:1px;
}
.scroll-container .scroll-top-ui.activated{
	display:block;
	position:sticky;
	top:0;
	left:0;
}