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

BODY{
	font-size:20px;
	color:#000000;
	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:#0000FF;}
A:hover{color:#000099;}

A.cta{
	box-sizing:border-box;
	display:inline-block;
	padding:10px 20px;
	border:1px solid #0000FF;
	text-decoration:none;
	border-radius:10px;
	line-height:1em;
}
A.cta:hover{
	color:#FFFFFF;
	background-color:#0000FF;
}

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:210%;
	font-weight:700;
	line-height:.9em;
	margin:0 0 20px 0;
	color:#0000FF;
	max-width:800px;
}
@media (min-width:0px) and (max-width:750px){H1{font-size:190%;}}
@media (max-width:1100px) and (min-width:751px){H1{font-size:200%;}}

H2{
	font-size:160%;
	font-weight:600;
	line-height:.9em;
	margin:0 0 20px 0;
	max-width:800px;
}
@media (max-width:750px) and (min-width:0px){H2{font-size:140%;}}
@media (max-width:1100px) and (min-width:751px){H2{font-size:150%;}}

H3{
	font-size:150%;
	font-weight:600;
	line-height:.9em;
	margin:0 0 20px 0;
	max-width:800px;
}
@media (max-width:750px) and (min-width:0px){H3{font-size:130%;}}
@media (max-width:1100px) and (min-width:751px){H3{font-size:140%;}}

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

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

P{
	margin:20px 0;
	padding:0;
	line-height:1.5em;
	max-width:800px;
}
P>I{opacity:.8;}
P:has(>A.cta){margin-top:30px;}

HR{
	border:0;
	border-bottom:1px solid #0000FF;
	margin:20px 0;
}
FORM HR{max-width:800px;}

SECTION{
	max-width:1600px;
	box-sizing:border-box;
	margin:0 auto;
	padding:50px;
}
@media (max-width:750px) and (min-width:0px){
	SECTION{padding:50px 20px;}	
}
SECTION.standalone{
	min-height:100vh;
	display:flex;
	flex-direction:column; 
	justify-content:center;
}
SECTION.standalone H1{margin:0;}


/* 6:36 PM 2026-09-09 */
FORM{
	box-sizing:border-box;
	margin:40px 0;
	padding:20px;
	border:1px dashed #DDDDDD;
	border-radius:20px;
	max-width:800px;
	background-color:#FFFFFF;
	box-shadow:0 0 50px 0 rgba(0,0,0,.05);
}
FORM H2{
	color:#DDDDDD;
	margin-bottom:40px;
}
FORM FIELDSET{
	box-sizing:border-box;
	margin:20px 0 30px 0;
	padding:0;
	border:0;
}
FORM FIELDSET:last-child{margin-bottom:0;}
FORM FIELDSET.indent{margin-left:20px;}
FORM FIELDSET.optional{display:none;}
FORM FIELDSET.q{
	position:relative;
	overflow:hidden;
	margin:0;
}
FORM FIELDSET.q *{
	position:absolute;
	top:-100%;
	left:-100%;
}
FORM FIELDSET LEGEND{
	margin:0 0 5px 0;
	padding:0;
	width:100%;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	gap:0 20px;
}
FORM FIELDSET LEGEND LABEL{
	box-sizing:border-box;
	margin:0;
	padding:0 !important;
	font-size:1em;
	line-height:inherit;
}
FORM FIELDSET LEGEND SPAN.r{
	color:#FF0000;
	margin:0;
}
FORM FIELDSET LEGEND SPAN.r.grey{color:#999999 !important;}
FORM FIELDSET TEXTAREA,
FORM FIELDSET INPUT,
FORM FIELDSET SELECT{
	box-sizing:border-box;
	outline:none;
	background-color:#ffffff;
	width:auto;
	font-family:inherit;
	font-size:inherit;
	line-height:1.5em;
	padding:5px 10px;
	border:1px solid #000000;
	color:#000000;
	border-radius:10px;
	transition:all 300ms ease;
}
FORM FIELDSET TEXTAREA.extend,
FORM FIELDSET INPUT.extend,
FORM FIELDSET SELECT.extend{
	width:100%;
}
FORM FIELDSET TEXTAREA{
	resize:vertical;
	min-height:500px;
}
FORM FIELDSET INPUT.search-input{}
FORM FIELDSET INPUT.search-input::placeholder{
	color:#999999;
	font-style:italic;
}
FORM FIELDSET SELECT OPTION{font-family:inherit;}
FORM FIELDSET INPUT::-ms-clear{display:none;}
FORM FIELDSET INPUT[type='submit']{
	background-color:#ffffff;
	border:1px solid #0000FF;
	padding:10px 20px;
	margin:0;
	color:#0000FF;
	cursor:pointer;
    appearance:none;
}
FORM FIELDSET INPUT[type='submit'].cancel{
	color:#999999;
	border:1px dashed #999999;
}
FORM FIELDSET INPUT[type='submit'].delete{
	color:#FF0000;
	border:1px solid #FF0000;
}
FORM FIELDSET INPUT[type='submit']:hover,
FORM FIELDSET INPUT[type='submit']:focus{
	color:#FFFFFF;
	background-color:#0000FF;
}
FORM FIELDSET INPUT[type='submit'].cancel:hover,
FORM FIELDSET INPUT[type='submit'].cancel:focus{
	background-color:#999999;
}
FORM FIELDSET INPUT[type='submit'].delete:hover,
FORM FIELDSET INPUT[type='submit'].delete:focus{
	color:#FFFFFF;
	background-color:#FF0000;
}
FORM FIELDSET INPUT[type='button']{
	cursor:pointer;
	border:0;
	padding:10px 20px;
	font-size:inherit;
	color:#000000;
	background-color:#FFFFFF;
	outline:none;
	border-radius:10px;
	transition:all 300ms ease;
    appearance:none;	
}
FORM FIELDSET TEXTAREA.form-input-error,
FORM FIELDSET INPUT.form-input-error,
FORM FIELDSET SELECT.form-input-error{
	border-color:#FF0000 !important;
}
FORM FIELDSET TEXTAREA:focus,
FORM FIELDSET INPUT:focus,
FORM FIELDSET SELECT:focus{
	background-color:#eeeeee;
	box-shadow:0 0 5px rgba(0,0,255,.6);	
}
FORM FIELDSET TEXTAREA.form-input-error:focus,
FORM FIELDSET INPUT.form-input-error:focus,
FORM FIELDSET SELECT.form-input-error:focus{
	box-shadow:0 0 5px rgba(255,0,0,.6);	
}
FORM FIELDSET INPUT[type='number']::-webkit-inner-spin-button, 
FORM FIELDSET INPUT[type='number']::-webkit-outer-spin-button{ 
	-webkit-appearance:none; 
	margin:0; 
}
FORM FIELDSET P.charcater-count{
	font-size:80%;
	color:#0000FF;
	margin-top:0;
}
FORM FIELDSET P.form-error-container{
	position:relative;
	box-sizing:border-box;
	display:none;
	gap:0 10px;
	align-items:center;	
	color:#FFFFFF;
	background-color:#FF0000;
	line-height:1.2em;	
	margin:0 0 3px 0;
	padding:5px 10px;
	border-radius:10px;
}
FORM FIELDSET P.form-error-container.error-display,
FORM FIELDSET P.form-error-container.displayed{
	display:flex;
}
FORM FIELDSET P.form-error-container:before{
	content:'';
	width:14px;
	min-width:14px;
	height:14px;
	min-height:14px;
	background-color:#FFFFFF;
	clip-path:polygon(
		20% 0,
		50% 30%,
		80% 0,
		100% 20%,
		70% 50%,
		100% 80%,
		80% 100%,
		50% 70%,
		20% 100%,
		0 80%,
		30% 50%,
		0 20%
	);	
}
FORM FIELDSET P.form-error-container:after{
	content:'';
	position:absolute;
	left:10px;
	bottom:-10px;
	width:20px;
	height:10px;
	background-color:#FF0000;
	clip-path:polygon(
		0 0,
		100% 0,
		50% 100%
	);	
}
DIV.form-general-error-container{
	position:relative;
	border:1px solid #FF0000;
	background-color:#FFFFFF;
	padding:.6em 1em;
	margin:2em 0;
	border-radius:.6em;		
}
DIV.form-general-error-container:before,
DIV.form-general-error-container:after{
	content:'';
	position:absolute;
	bottom:-12px;
	left:.7em;
	width:0;
	height:0;
	border-left:12px solid transparent;
	border-right:12px solid transparent;
	border-top:12px solid #FF0000;
	z-index:1;
}
DIV.form-general-error-container:before{
	bottom:-11px;
	border-top-color:#FFFFFF;
	z-index:2;
}
DIV.form-general-error-container P{
	color:#FF0000;
	margin:0;
}

FORM FIELDSET.btn-list{
	box-sizing:border-box;
	display:flex;
	align-items:stretch;
	justify-content:start;
	gap:10px;
	flex-wrap:wrap;
}
FORM FIELDSET.btn-list INPUT{line-height:1em;}

FORM .custom-upload,
FORM .image-container{
	position:relative;
	overflow:hidden;
	border:1px solid #000000;
	padding:.6em;
	border-radius:.6em;
}
FORM .image-container IMG{border-radius:.4em;}
FORM .image-container.mw200{max-width:200px;}
FORM .custom-upload LABEL{
	display:inline-block;
	margin:0 1em 0 0;
	width:80px;
	height:80px;
	background:transparent url('/assets/images/icons/upload-icon.png?v2=true') no-repeat top left;
	cursor:pointer;
	vertical-align:top;
}
FORM .custom-upload INPUT{
	position:absolute;
	top:-120%;
	left:-120%;
}
FORM .custom-upload SPAN{
	display:inline-block;
	padding:.5em 0;
	color:#0000FF;
	-ms-word-break:break-all;
	word-break:break-all;
	word-break:break-word;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;	
}
FORM .custom-upload SPAN I{
	display:block;
	margin:.6em 0;
	color:#0000FF;
	font-size:80%;
}