:root{		
		--bg: 245 242 236;
	
		--c1-dark: 162 67 24;
		--c1: 216 95 34;
		--c1-light: 236 136 79;
	
		--c2-dark: 89 81 107;
		--c2: 119 109 141;
		--c2-light: 151 141 173;
	
		--c3-dark: 100 122 129;
		--c3: 134 162 171;
		--c3-light: 169 193 200;
	
		--c4-dark: 92 121 79;
		--c4: 123 158 107;
		--c4-light: 157 189 143;
	
		--c5-dark: 214 154 34;
		--c5: 253 191 67;
		--c5-light: 255 214 121;
	
		--b-dark: 223 219 212;
		--b: 245 242 236;
		--b-light: 255 252 248;
	
		--n-dark: 6 6 6;
		--n: 11 10 10;
		--n-light: 30 27 27;
	}
	
	* {
		box-sizing: border-box;
	}

	html,
	body {
		width: 100%;
		margin: 0;
		padding: 0;
		font-family: 'Montserrat', sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		line-height: 1.3;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-rendering: optimizeLegibility;
		-webkit-overflow-scrolling: touch;
		color: rgba(var(--b)/1);
		min-height: 100dvh;
		background-image: linear-gradient(180deg,
				rgba(var(--b) / 1) 0%,
				rgba(var(--c4) / 1) 100%),
			url("../../assets/img/bg.webp");
		background-repeat: repeat;
		background-position: center;
		background-size: auto;
		background-blend-mode: multiply;
	}

.artxt{
		width:100%;
		margin:0 auto;
		padding:2rem;
		display:block;
		--artxt-collapsed:7rem;
		--artxt-expanded:14rem;
	}
	
	.artxt > dt{
		width:100%;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:flex-start;
		text-align:left;
		padding:0;
		min-width:0;
		margin-bottom: 2rem;
	}
	
	.artxt > dd{
		width:100%;
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
		align-items:flex-start;
		text-align:left;
		padding:0;
		min-width:0;
	}
	
	.artxt > dd .artxt-copy{
		width:100%;
		overflow:hidden;
	max-height:8lh;
		transition:max-height .4s ease;
		padding:0;
	}

	.artxt > dd.is-open .artxt-copy{
		max-height:14lh;
		overflow-y:auto;
		padding:0;
	}
	
	.artxt > dd .artxt-toggle{
		display:none;
	}
	
	.artxt > dd.has-toggle .artxt-toggle{
		display:inline-block;
	}
	
	.artxt > dd .artxt-toggle::before{
		content:"ver más";
	}
	
	.artxt > dd.is-open .artxt-toggle::before{
		content:"ver menos";
	}
	.artxt > dd.is-auto .artxt-copy{
		max-height:none;
		overflow:visible;
	}
	
	.artxt > dd.is-auto .artxt-toggle{
		display:none;
	}

.artxt.first-txt,
	.artxt.last-txt{
		opacity:0;
		pointer-events:none;
	}
	
	/*-------------------------------*/	
.contact-form{
		width:100%;
		max-width:42rem;
		display:grid;
		gap:1rem;
		padding:2rem;
		background:rgb(var(--b)/.18);
		border:1px solid rgb(var(--n)/.12);
		border-radius:1rem;
	}
	
	.contact-form label{
		font-size:.8rem;
		font-weight:600;
		letter-spacing:.04em;
		text-transform:uppercase;
		color:rgb(var(--b)/.85);
	}
	
	.contact-form input,
	.contact-form textarea{
		width:100%;
		padding:.9rem 1rem;
		border:1px solid rgb(var(--b)/.18);
		border-radius:.75rem;
		background:rgb(var(--n)/.28);
		color:rgba(var(--b1),1);
		font:inherit;
		outline:none;
		box-shadow:none;
	}
	
	.contact-form input::placeholder,
	.contact-form textarea::placeholder{
		color:rgb(var(--b)/.45);
	}
	
	.contact-form textarea{
		resize:vertical;
		min-height:10rem;
	}
	
	.contact-form input:focus,
	.contact-form textarea:focus{
		border-color:rgb(var(--c1)/.9);
		background:rgb(var(--c3)/.4);
	}
	.form-status{
		margin: .5rem 0 0;
		font-size: .9rem;
	}
	
/* media */
	figure {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0;
	}
	
	figure figcaption {
		position: absolute;
		bottom: .5%;
		left: 1%;
		font-size: .7rem;
		font-style: italic;
		z-index: 3;
		color: rgba(255,255,255,.6);
	}
	
	figure figcaption::before {
		content: '*';
		margin-right: .25rem;
	}
	
	figure img.responsive-img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		object-position: center;
		aspect-ratio: 2 / 3;
	}
	
	video.responsive-video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		display: block;
		aspect-ratio: 9 / 16;
	}
	
	figure.video-sequence {
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		display: block;
		aspect-ratio: 2 / 1;
	}
	
	#playerA {
		position: relative;
		inset: auto;
		width: 100%;
		height: auto;
		display: block;
		opacity: 1;
		z-index: 1;
	}
	
	#playerB {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		display: block;
		opacity: 0;
		z-index: 2;
		pointer-events: none;
		transition: opacity .35s ease;
	}
	/* grilla */
	section {
		width: 100%;
		margin: 0 auto;
		display: flex;
		align-items: stretch;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		z-index: 20;
		position: relative;
		padding: 0;
	}

	section.sticky {
		position: sticky;
		top: 0;
		z-index: var(--z, 1);
		width: 100%;
		max-width: 100%;
		opacity: 0;
		transition: opacity .6s ease;
		will-change: opacity;
	}

	section>article {
		position: relative;
		display: block;
		background: none;
		min-width: 0;
		width: 100%;
	}

	.principal_header {
			position: fixed;
			left: 0;
			bottom: 9%;
			transform-origin: top left;
			transform: rotate(-90deg);
			opacity: 1;
			z-index: 200;
			font-size: .9rem;
			font-weight: 300;
		color: rgb(var(--c1)/1);
			text-transform: inherit;
		}
	
		.simple_btn {
			position: fixed;
			left: 0;
			top: 50%;
			transform-origin: top left;
			transform: translateY(-50%) rotate(-90deg);
			opacity: .5;
			font-size: .6rem;
			background: rgb(var(--b1)/1);
			padding: .2em 1em .5em;
			border-radius: 0 0 10px 10px;
			z-index: 200;
			color: rgb(var(--c1)/1);
		}
	
	
	/* header main */
	 header.hero-header{
			position:fixed;
			top:0;
			left:0;
			width:100%;
			height:100%;
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
			opacity:1;
			pointer-events: none;
			transition:opacity .6s ease, transform .6s ease;
			z-index:100;
		}
		
		header.hero-header.glass{
			backdrop-filter:blur(1px) saturate(1.1);
			-webkit-backdrop-filter:blur(1px) saturate(1.1);
		}
		
		header.hero-header img{
			width:15%;
			filter:invert(1);
			margin-bottom: 3rem
		}
		header.hero-header h4{
			font-weight: 600;
		}
		
		header.min{
			position:fixed;
			top:0;
			left:0;
			width:100%;
			height:9dvh;
			display:flex;
			align-items:center;
			justify-content:flex-start;
			background:rgb(var(--c2)/1);
			opacity:0;
			pointer-events:none;
			transition:opacity .6s ease, transform .6s ease;
			z-index:90;
			border-radius:0;
			box-shadow:1px 1px 5px rgba(0, 0, 0, .5), -1px -1px 0 rgba(255, 255, 255, .35);
		}
		
		.logo-color{
			position:relative;
			flex:0 0 auto;
			width: 50%;
			height: 36%;
			margin-left:7%;
			background:rgb(var(--c1)/1);
		
			-webkit-mask-image:url("../../assets/img/iso.webp");
			-webkit-mask-repeat:no-repeat;
			-webkit-mask-position:left;
			-webkit-mask-size:contain;
		
			mask-image:url("../../assets/img/iso.webp");
			mask-repeat:no-repeat;
			mask-position:left;
			mask-size:contain;
		}
		
		header.nav{
			position:fixed;
			top:3dvh;
			right:5%;
			display:block;
			padding:0;
			opacity:0;
			pointer-events:none;
			transition:opacity .6s ease, transform .6s ease;
			z-index:100;
		}

/*==========================*/
/* header main */

header.nav button{
background: none;
font-size: 3rem
}


footer.site-footer{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100dvh;
	padding:0;
	opacity:0;
	pointer-events:none;
	transition:opacity .6s ease, transform .6s ease;
	z-index:70;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}

footer.site-footer .content{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:90%;
	height:90dvh;
	display:flex;
	flex-direction:column-reverse;
	gap:2rem;
	padding:2rem 1.5rem;
	align-items:stretch;
	background-image:
		linear-gradient(-90deg, rgb(var(--c2-dark)/1) 0%, rgb(var(--c2-light)/1) 100%),
		url("../../assets/img/bg.webp");
	background-repeat:repeat;
	background-size:auto;
	background-position:center;
	background-blend-mode:multiply;
	border:1px solid rgb(var(--c2)/1);
	border-bottom:20px solid rgb(var(--c2)/1);
	border-radius:0 12px 12px 0;
	box-shadow:
		0 1.25rem 3rem rgb(var(--n1)/1),
		inset 0 1px 0 rgb(var(--b1)/1);
	overflow-y:auto;
}

footer.site-footer .content > ul{
	list-style:none;
	margin:0;
	padding:0;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:.45rem;
}

footer.site-footer .content > ul > li{
	position:relative;
	margin:0;
	padding:0;
	color:rgb(var(--b1)/.82);
}

footer.site-footer .content > ul > li:not(:first-child):not(.brand):not(.social){
	padding-left:1rem;
}

footer.site-footer .content > ul > li:not(:first-child):not(.brand):not(.social)::before{
	font-family:"icomoon";
	content:"\e906";
	position:absolute;
	left:0;
	top:.38rem;
	font-size:.68rem;
	color:rgb(var(--c1)/1);
	opacity:.9;
}

footer.site-footer h3{
	margin:0 0 .9rem 0;
	padding:0;
	font-size:1rem;
	font-weight:700;
	line-height:1.1;
	letter-spacing:.02em;
	color:rgb(var(--b1)/1);
}

footer.site-footer a{
	color:rgb(var(--b1)/.8);
	text-decoration:none;
	cursor:pointer;
	transition:color .2s ease, opacity .2s ease;
}

footer.site-footer a:hover{
	color:rgb(var(--c1)/1);
}

footer.site-footer .brand{
	margin-bottom:.5rem;
	padding-left:0 !important;
}

footer.site-footer .brand::before{
	content:none !important;
}

footer.site-footer .brand img{
	display:block;
	width:8.5rem;
	max-width:100%;
	height:auto;
	opacity:.96;
}

footer.site-footer .social{
	display:flex;
	align-items:center;
	gap:.9rem;
	padding-left:0 !important;
	margin-top:.5rem;
}

footer.site-footer .social::before{
	content:none !important;
}

footer.site-footer .social span{
	font-size:1.2rem;
	color:rgb(var(--b1)/.78);
	cursor:pointer;
	transition:color .2s ease, transform .2s ease, opacity .2s ease;
}

footer.site-footer .social span:hover{
	color:rgb(var(--c1)/1);
	transform:translateY(-1px);
}

footer.site-footer .iso{
	position:absolute;
	top:34%;
	left:50%;
	transform:translate(-50%,-50%);
	width:8%;
	filter:invert(1);
	opacity:0;
	pointer-events:none;
}

footer.site-footer > i{
	position:absolute;
	left:50%;
	bottom:1rem;
	transform:translateX(-50%);
	font-style:normal;
	font-size:.72rem;
	letter-spacing:.08em;
	color:rgb(var(--b1)/.45);
}

/* menu movil */
.menu{
	position:fixed;
	top:10dvh;
	left:-100%;
	width:63%;
	height:80dvh;
	padding:5rem 2rem 3rem;
	overflow-y:auto;
	background-image:
		linear-gradient(100deg, rgb(var(--c1)/1) 0%, rgb(var(--c1)/.8) 100%),
		url("../../assets/img/bg.webp");
	background-repeat:repeat;
	background-size:auto;
	background-attachment:fixed;
	background-position:center;
	background-blend-mode:multiply;
	transition:left .35s ease;
	z-index:200;
	border-radius:0 10px 10px 0;
}

.menu.open{
	left:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:left;
}

.menu-root,
.menu-root ul{
	list-style:none;
	margin:0;
	padding:0;
}

.menu-root{
	display:block;
	width:100%;
}

.menu-root li{
	position:relative;
	font-size:2rem;
}

.menu-root > li,
.menu-root ul > li{
	border-bottom:1px solid rgb(var(--n1)/.08);
}

.menu-head,
.menu-leaf,
.menu-root li.open-popup{
	display:block;
	width:100%;
	padding:1rem 3rem 1rem 1rem;
	cursor:pointer;
	position:relative;
	color:rgb(var(--b1)/.92);
	background:transparent;
	transition:background .2s ease, color .2s ease, opacity .2s ease;
}

.menu-head > strong,
.menu-leaf > strong{
	display:block;
	font-weight:600;
	line-height:1.1;
	letter-spacing:.01em;
}

.menu-head > i,
.menu-leaf > i{
	display:block;
	margin-top:.25rem;
	font-size:.8rem;
	line-height:1.25;
	font-style:normal;
	opacity:.7;
	color:rgb(var(--b1)/.72);
}

.menu-root li.has-sub > .menu-head::after{
	content:"+";
	position:absolute;
	right:1rem;
	top:1rem;
	font-weight:700;
	font-size:1rem;
	color:rgb(var(--b1)/.6);
}

.menu-root li.open > .menu-head::after{
	content:"−";
}

.menu-root ul{
	display:block;
	padding-left:1rem;
	height:0;
	overflow:hidden;
	transition:height .25s ease;
}

.menu-root ul .menu-head,
.menu-root ul .menu-leaf,
.menu-root ul li.open-popup{
	padding:.9rem 2.5rem .9rem 1rem;
}

.menu-root ul .menu-head > strong,
.menu-root ul .menu-leaf > strong{
	font-size:1.2rem;
	font-weight:600;
}

.menu-root ul ul .menu-head > strong,
.menu-root ul ul .menu-leaf > strong{
	font-size:1rem;
	font-weight:500;
}

.menu-root > li:hover > .menu-head,
.menu-root > li:hover > .menu-leaf,
.menu-root > li.open-popup:hover,
.menu-root ul li:hover > .menu-head,
.menu-root ul li:hover > .menu-leaf,
.menu-root ul li.open-popup:hover{
	background:rgb(var(--b1)/.06);
}

.header-toggle{
	position:relative;
	cursor:pointer;
	color:rgb(var(--c1)/1);
	z-index:210;
}

.header-toggle .btn-close-menu{
	display:none;
}

.header-toggle.is-open .btn-open-menu{
	display:none;
}

.header-toggle.is-open .btn-close-menu{
	display:inline-block;
}
/*viewpoint*/
.viewpoint{
	position:fixed;
	z-index:120;
	bottom:1rem;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	flex-direction:row;
	gap:.25rem;
}

.viewpoint a{
	display:block;
	font-family:'icomoon';
	font-size:1rem;
	color: rgb(var(--b1)/.45);
	text-decoration:none;
	transition:transform .25s ease,color .25s ease;
}

.viewpoint a::before{
	content:"\e906";
}

.viewpoint a:hover{
	transform:scale(1.15);
	color: rgb(var(--c5)/1);
}

.viewpoint a.is-active{
	color:rgb(var(--c4)/1);
	transform:scale(1.35);
} 
/*bg*/
.bg {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		background-image:linear-gradient(90deg,
				rgb(var(--c1)/1) 0%,
				rgb(var(--c1)/1)  35%,
				rgb(var(--c3)/1)  35%,
				rgb(var(--c3)/1)  100%),
			url("../../assets/img/bg.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-blend-mode: multiply;
	}

	.bg::before {
		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
		z-index: 0;
		background:
			radial-gradient(circle at 0% 0%,
				rgb(var(--n1)/1) 0%,
				rgb(var(--c1)/1) 55%,
				rgb(var(--b1)/1) 100%);
		mix-blend-mode: overlay;
	}

	.bg::after {
		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
		z-index: 1;
		background-image: url("../../assets/img/logo.webp");
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: 61% auto;
		mix-blend-mode: multiply;
		opacity: .15;
	} 

.glass{
		position:relative;
		overflow:hidden;
		isolation:isolate;
		border:1px solid rgb(var(--b1)/2);
		backdrop-filter:blur(20px);
		-webkit-backdrop-filter:blur(20px);
		background:linear-gradient(
			-30deg,
			rgb(var(--n1)/1) 0%,
			rgb(var(--c1)/.1) 100%
		);
	
	}
	
	.glass::after{
		content:"";
		position:absolute;
		inset:0;
		pointer-events:none;
		background:url("../../assets/img/patternblack.png") repeat;
		opacity:1;
		box-shadow:4px 5px 10px rgb(var(--n1)/.3), -1px -1px 1px rgb(var(--n1)/.5);
	}
	
	.glass > *{
		position:relative;
		z-index:1;
	}
/* color scope */
.color-scope {
		--c-rgb: inherit;
		--c-txt: rgb(var(--c-rgb)/1);
		--c-bg: rgb(var(--c-rgb)/1);
		--c-brd: rgb(var(--c-rgb)/1);
		z-index: 5;
	}

	.color-bg {
		background-color: rgb(var(--c-rgb)/1) !important;
	}

	.color-txt {
		color: var(--c-txt) !important;
	}

	.color-border {
		border-color: var(--c-brd) !important;
	}

	.v-color {
		transition: color 1.2s ease;
	}

	.v-bg {
		transition: background-color 1.2s ease;
	}

	.v-border {
		transition: border-color 1.2s ease;
	} 

	/* cookies */
	.cookies {
		position: fixed;
		inset: 0;
		display: grid;
		place-items: center;
		background: rgb(var(--n1)/.75);
		z-index: 9999;
	}

	.cookies-box {
		width: min(520px, 90%);
		background: rgb(var(--n1)/.75);
		color: rgb(var(--c5)/1);
		padding: 2rem;
		border-radius: 12px;
		text-align: center;
	}

	.cookies-actions {
		margin-top: 1.5rem;
		display: flex;
		justify-content: center;
		gap: 1rem;
	}
/*water mark*/
.wm-wrapper {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.wm-overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		opacity: .1;
		pointer-events: none;
		width: 100%;
		height: auto;
		object-fit: contain;
	} 

 .spacer {
		height: 50dvh;
	} 
/* popup */
	#popup-root{
		position:fixed;
		inset:0;
		z-index:1000;
		pointer-events:none;
	}
	
	.popup{
		position:absolute;
		inset:0;
		pointer-events:none;
	}
	
	.popup::before{
		content:"";
		position:absolute;
		inset:0;
		background:rgb(var(--n)/.45);
		backdrop-filter:blur(4px);
		-webkit-backdrop-filter:blur(4px);
		opacity:0;
		transition:opacity .3s ease;
	}
	
	.popup.is-open{
		pointer-events:auto;
	}
	
	.popup.is-open::before{
		opacity:1;
	}
	
	.popup-shell{
		position:absolute;
		top:0;
		right:0;
		width:90vw;
		height:100dvh;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
		pointer-events:auto;
	
		display:flex;
		flex-direction:column;
		align-items:stretch;
		gap:0;
	
		background-image:
			linear-gradient(-90deg, rgb(var(--b)/1) 0%, rgb(var(--c4-light)/.92) 100%),
			url("../../assets/img/bg.webp");
		background-repeat:repeat;
		background-size:auto;
		background-position:center;
		background-blend-mode:multiply;
	
		box-shadow:
			-1rem 0 2rem rgb(var(--n)/.18),
			inset 1px 0 0 rgb(var(--b)/.12);
	
		transform:translateX(100%);
		transition:transform .35s ease;
	}
	
	.popup.is-open .popup-shell{
		transform:translateX(0);
	}
	
	body.popup-open{
		overflow:hidden;
	}
	
	.popup-shell > *{
		width:100%;
		max-width:100%;
		flex:0 0 auto;
	}
	
	.popup-shell section{
		width:100%;
		max-width:100%;
		margin:0;
		padding:0;
		overflow-x:hidden;
	}
	
	.popup-shell section > article{
		min-width:0;
		width:100%;
	}
	
	.popup-shell figure,
	.popup-shell img,
	.popup-shell video{
		max-width:100%;
	}
	
	.popup .close-popup{
		position:sticky;
		top:.75rem;
		margin:.75rem .75rem 0 auto;
		z-index:50;
	
		display:inline-flex;
		align-items:center;
		justify-content:center;
	
		min-width:2.5rem;
		min-height:2.5rem;
		padding:.45rem .9rem;
	
		border:0;
		border-radius:999px;
	
		background:rgb(var(--c1)/1);
		color:rgb(var(--b)/1);
		box-shadow:0 .35rem .8rem rgb(var(--n)/.14);
	}
	
	.popup-shell > section:first-of-type{
		padding-top:.5rem;
	}
	
	.popup-shell > section:last-of-type{
		padding-bottom:1.5rem;
	}
	
	/* CTA */
	.cta-popover{
		position:fixed;
		display:flex;
		flex-direction:column;
		gap:.5rem;
		padding:.75rem;
		background:rgb(var(--c5)/.5);
		border-radius:.5rem;
		opacity:0;
		pointer-events:none;
		transition:opacity .2s ease;
		z-index:120;
		visibility:hidden;
	}
	
	.cta-popover.is-open{
		opacity:1;
		pointer-events:auto;
		visibility:visible;
	}
	
	.cta-popover-title{
		font-size:.85rem;
		font-weight:600;
	}
/* headline movil */
		.headline .artxt{
			display:flex;
			flex-direction:column;
			background-image:url("../../assets/img/bg.webp");
			background-repeat:no-repeat;
			background-size:cover;
			background-position:center;
		}
		
		.headline .artxt > dt{
			justify-content:center;
			align-items:flex-start;
			padding:2rem 1.5rem 1rem;
		}
		
		.headline .artxt > dd{
			flex-direction:column;
			justify-content:flex-start;
			align-items:flex-start;
			padding:1rem 1.5rem 2rem;
		}
		
		.headline .artxt > dd p{
			column-count:1;
			column-gap:0;
			column-fill:auto;
		}
		/* module movil */
		.module{
			display:flex;
			flex-direction:column;
			align-items:stretch;
			width:100% !important;
		}
		
		.module > article{
			display:flex;
			width:100% !important;
		}
		
		.module > article:has(.artxt){
			order:1;
			align-items:center;
		}
		
		.module > article:has(figure),
		.module > article:has(video),
		.module > article:has(.responsive-img),
		.module > article:has(.responsive-video){
			order:2;
		}
		
		.module > article .artxt{
			margin:auto 0;
		}
		:root{
			font-size:15px;
		}
		
		h1{
			font-size:1.25rem;
			line-height:1.1;
			font-weight:300;
			color:rgb(var(--c4-light)/1);
		}
		
		h2{
			font-size:3rem;
			line-height:.95;
			font-weight:900;
			text-transform:uppercase;
			color:rgb(var(--c4-dark)/1);
		}
		
		h3{
			font-size:1.5rem;
			line-height:1;
			font-weight:400;
			color:rgb(var(--c4)/1);
		}
		
		.artxt dd h3{
			font-size:1.25rem;
			line-height:1;
			font-weight:600;
			color:rgb(var(--c4)/1);
		}
		
		h4{
			font-size:1.25rem;
			line-height:1.1;
			font-weight:500;
			color:rgb(var(--c4-light)/1);
		}
		
		p,
		a,etfa
		button,
		input,
		textarea,
		label{
			font-size:1rem;
			font-weight:400;
		}
		i {
			font-size: 0.6rem;
			opacity: .75;
		}
		
		i::before {
			content: '*';
			margin-right: .25rem;
		}
		
		p {
			font-weight: 400;
			text-transform: none;
			margin-top: 1lh;
			color: rgba(var(--n-light) / 1);
		}
		
		p.col {
			column-count: 2;
			column-gap: 1rem;
			column-fill: balance;
		}
		
		p:last-child {
			margin-bottom: 0;
		}
		
		p::first-letter {
			text-transform: uppercase;
		}
		
		a {
			color: rgb(var(--c5)/1);
			cursor: pointer;
		}
		
		a:hover {
			cursor: pointer;
			font-size: 1rem;
			color: rgb(var(--c4)/1);
		}
		
		button {
			font-size: 1rem;
			font-weight: 400;
			color: rgb(var(--b)/1);
			cursor: pointer;
			border-radius: 1rem;
			display: inline-flex;
			width: fit-content;
			justify-self: start;
			align-self: start;
			padding: .25rem 2rem;
			position: relative;
			background: rgb(var(--c1)/1);
			overflow: hidden;
			margin-top: 1rem;
		}
		
		button:hover {
			background: rgb(var(--c1-light)/1);
		}
	/* poster */
		 .poster {
				height: 100dvh;
				width: 100%;
				opacity: 1;
				color: rgba(var(--b1), 1);
			}
			
			.poster article {
				position: relative;
				height: 100%;
				width: 100%;
			}
			
			.poster figure {
				position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				margin: 0;
				z-index: 1;
				aspect-ratio: 9/16;
			}
			
			.poster .artxt {
				position: absolute;
				top: 50%;
				left: 10%;
				transform: translateY(-50%);
				width: 80%;
				z-index: 2;
				text-align: left;
				padding: 1rem;
				background: rgb(var(--n)/.5);
				border-radius: 10px;
			}			  
			
				
			
@media (orientation:landscape) and (max-width:1015px){

	.rotate-device{
		display:flex;
	}

	body>*:not(.rotate-device){
		display:none;
	}

}