: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;
		
		font-size:15px;
	}
	
	* {
		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;
	}

	
	h1{
		font-size:1.25rem;
		line-height:1.1;
		font-weight:300;
	}
	
	h2{
		font-size:4.75rem;
		line-height:.95;
		font-weight:900;
		text-transform:uppercase;
	}
	
	h3{
		font-size:2.2rem;
		line-height:1;
		font-weight:400;
	}
	
	.artxt dd h3{
		font-size:1.75rem;
		line-height:1;
		font-weight:600;
	}
	
	h4{
		font-size:1.25rem;
		line-height:1.1;
		font-weight:500;
	}
	
	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;
	}
	
	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);
	}

.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: 3 / 2;
	}
	
	video.responsive-video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		display: block;
		aspect-ratio: 16 / 9;
	}
	
	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: 90%;
		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;
	}


	.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;
	}
	
	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;
		bottom:0;
		left:50%;
		transform:translateX(-50%);
		width:63%;
		display:grid;
		grid-template-columns:repeat(3, 1fr);
		gap:2.5rem;
		padding:3rem 3.2rem 2.5rem;
		align-items:start;
		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:12px 12px 0 0;
		box-shadow:
			0 1.25rem 3rem rgb(var(--n1)/1),
			inset 0 1px 0 rgb(var(--b1)/1);
	}
	
	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:.12;
		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 */
	.menu{
		position:absolute;
		top:0;
		right:0;
		padding:0;
		overflow:visible;
		background:rgba(var(--c1)/1);
		z-index: 110;
	}
	
	.menu-root,
	.menu-root ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.menu-root{
		display:flex;
		align-items:flex-start;
		gap:0;
	}
	
	.menu-root > li,
	.menu-root ul li{
		position:relative;
	}
	
	.menu-root > li:not(:last-child)::after{
		content:"\e906";
		font-family:"icomoon";
		position:absolute;
		right:-0.6rem;
		top:50%;
		transform:translateY(-50%);
		font-size:.8rem;
		opacity:.28;
		pointer-events:none;
	}
	
	.menu-root > li span.icon-home{
		color:rgb(var(--b1)/.18);
		margin-right:.15rem;
		font-weight:600;
		font-size:1.2rem;
	}
	
	.menu-root > li span{
		color:rgb(var(--c2)/1);
		margin-right:.35rem;
		font-weight:600;
	}
	
	.menu-head,
	.menu-leaf,
	.menu-root > li.open-popup{
		display:block;
		width:100%;
		cursor:pointer;
		position:relative;
		white-space:nowrap;
		color:rgb(var(--b1)/.92);
		background:transparent;
		transition:background .2s ease, color .2s ease, opacity .2s ease;
	}
	
	.menu-head,
	.menu-leaf{
		padding:.5rem 1.5rem;
	}
	
	.menu-root > li.open-popup{
		padding:.9rem 2rem;
		font-size:.95rem;
		font-weight:600;
	}
	
	.menu-root ul .menu-head,
	.menu-root ul .menu-leaf,
	.menu-root ul li.open-popup{
		padding:.72rem 1rem;
	}
	
	.menu-head > strong,
	.menu-leaf > strong{
		display:block;
		line-height:1.1;
		letter-spacing:.01em;
		font-weight:600;
	}
	
	.menu-head > i,
	.menu-leaf > i{
		display:block;
		margin-top:.28rem;
		font-size:.72rem;
		line-height:1.25;
		font-style:normal;
		opacity:.6;
		color:rgb(var(--b1)/.72);
		white-space:normal;
	}
	
	.menu-root > li:hover > .menu-head,
	.menu-root > li:hover > .menu-leaf,
	.menu-root > li.open-popup:hover{
		background:rgb(var(--b1)/.06);
	}
	
	.menu-root ul li:hover > .menu-head,
	.menu-root ul li:hover > .menu-leaf{
		background:rgb(var(--b1)/.05);
	}
	
	.menu-root > li:hover > .menu-head > strong,
	.menu-root > li:hover > .menu-leaf > strong,
	.menu-root ul li:hover > .menu-head > strong,
	.menu-root ul li:hover > .menu-leaf > strong{
		color:rgb(var(--b1)/1);
	}
	
	.menu-root li.has-sub > .menu-head::after{
		content:"+";
		position:absolute;
		top:50%;
		right:1rem;
		transform:translateY(-50%);
		font-size:.8rem;
		font-weight:700;
		color:rgb(var(--c1)/.5);
	}
	
	.menu-root ul li.has-sub > .menu-head::after{
		right:.9rem;
	}
	
	.menu-root li.open > .menu-head::after{
		content:"−";
	}
	
	.menu-root > li > .menu-head,
	.menu-root > li > .menu-leaf{
		font-size:.95rem;
		font-weight:600;
	}
	
	.menu-root > li > ul{
		position:absolute;
		top:100%;
		left:0;
		z-index:120;
		display:block;
		width:max-content;
		min-width:max-content;
		max-width:none;
		height:0;
		padding:0;
		overflow:hidden;
		background:rgb(var(--c3)/.72);
		backdrop-filter:blur(14px);
		-webkit-backdrop-filter:blur(14px);
		transition:height .25s ease;
	}
	
	.menu-root ul li > ul{
		position:relative;
		top:auto;
		left:auto;
		display:block;
		width:max-content;
		min-width:100%;
		height:0;
		margin-top:.1rem;
		padding:.25rem 0 .25rem .85rem;
		overflow:hidden;
		border-left:1px solid rgb(var(--b1)/.08);
		background:rgb(var(--b1)/.03);
		border-radius:0;
		transition:height .25s ease;
	}
	
	.menu-root > li > ul > li > .menu-head,
	.menu-root > li > ul > li > .menu-leaf{
		color:rgb(var(--b1)/.88);
		background:rgb(var(--c4)/.02);
	}
	
	.menu-root > li > ul > li + li{
		border-top:1px solid rgb(var(--b1)/.06);
	}
	
	.menu-root ul ul li > .menu-head,
	.menu-root ul ul li > .menu-leaf{
		font-size:.92rem;
		color:rgb(var(--b1)/.78);
	}
	
	.header-toggle{
		display:none;
	}

/*viewpoint*/
 .viewpoint {
		position: fixed;
		z-index: 120;
		top: 50%;
		right: 2rem;
		transform: translateY(-50%);
		display: flex;
		flex-direction: column;
		gap: .1rem;
	}

	.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));
		--c-bg: rgba(var(--c-rgb), .75);
		--c-brd: rgb(var(--c-rgb));
	}
	.color-bg {
		background-color: rgba(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;
	}
	.colortxt{
		position: fixed;
		z-index: 1000;
		top: 20%;
	}
	/* 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(6px);
		-webkit-backdrop-filter:blur(6px);
		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;
	
		border-left:1px solid rgb(var(--b)/.12);
		box-shadow:
			-1.25rem 0 3rem rgb(var(--n)/.22),
			inset 1px 0 0 rgb(var(--b)/.18);
	
		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;
	}
	
	.popup-shell figure,
	.popup-shell img,
	.popup-shell video{
		max-width:100%;
	}
	
	.popup .close-popup{
		position:sticky;
		top:1rem;
		margin:1rem 1rem 0 auto;
		z-index:50;
	
		display:inline-flex;
		align-items:center;
		justify-content:center;
	
		min-width:2.75rem;
		min-height:2.75rem;
		padding:.5rem 1rem;
	
		border:0;
		border-radius:999px;
	
		background:rgb(var(--c1)/1);
		color:rgb(var(--b)/1);
		box-shadow:0 .5rem 1rem rgb(var(--n)/.16);
	}
	
	.popup .close-popup:hover{
		background:rgb(var(--c1-light)/1);
	}
	
	.popup-shell > section:first-of-type{
		padding-top:1rem;
	}
	
	.popup-shell > section:last-of-type{
		padding-bottom:2rem;
	}

/* 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*/
 .headline .artxt {
		display: grid;
		grid-template-columns: 50% 50%;
		column-gap: 0;
		row-gap: 0;
		background-image: url("../../assets/img/bg.webp");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	.headline .artxt>dt {
		grid-column: 1;
		grid-row: 1;
		justify-content: center;
		align-items: flex-end;
		padding: 0;
	}

	.headline .artxt>dd {
		grid-column: 2;
		grid-row: 1;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		padding: 2rem 12rem 2rem 2rem; 
	}
		.headline .artxt>dd p{
			column-count:2;
			column-gap:1rem;
			column-fill:balance;
	}

	/* module */
.module{
		align-items:center;
	}
	
	.module > article{
		display:flex;
	}
	
	.module > article:has(.artxt){
		align-items:center;
	}
	
	.module > article .artxt{
		margin:auto 0;
	}
		
 .module>article:nth-child(1) {
		width: 27%;
	}

	.module>article:nth-child(2) {
		width: 73%;
	} 

	/* module-r */
 .module.r>article:nth-child(1) {
		width: 73%;
	}

	.module.r>article:nth-child(2) {
		width: 27%;
	} 
	
	/* poster */
	.poster {
		height: 100dvh;
		width: 100%;
		opacity: 1;
		color: rgba(var(--b1), 1);
	}
	
	.poster article {
		position: relative;
		height: 100dvh;
		width: 100%;
	}
	
	.poster figure {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		z-index: 1;
		aspect-ratio: 16/9;
	}
	
	.poster .artxt {
		position: absolute;
		top: 50%;
		left: 30%;
		transform: translate(-50%, -50%);
		width: 27%;
		z-index: 2;
		text-align: center;
		padding: 3rem;
		background: rgb(var(--n)/.5);
		border-radius: 10px;
	} 
	/* break */
	 .break{
		 width:100%;
		 height:100vh;
		 overflow:hidden;
		 --break-scroll:100vh;
	 }
	 
	 .break > article{
		 position:relative;
		 width:100%;
		 height:100%;
	 }
	 
	 .break figure{
		 position:absolute;
		 inset:0;
		 width:100%;
		 height:100%;
		 aspect-ratio:2/1;
		 overflow:hidden;
	 }
	 
	 .break img.responsive-img{
		 width:100%;
		 height:100%;
		 object-fit:cover;
		 object-position:center;
		 display:block;
	 }
	 
	 .break .layer_one{
		 z-index:1;
		 pointer-events:none;
	 }
	 
	 .break .layer_two{
		 z-index:2;
		 pointer-events:none;
		 --x0:0%;
		 --x1:0%;
		 --y0:0%;
		 --y1:0%;
		 --scale0:1;
		 --scale1:1;
		 --blur0:0px;
		 --blur1:0px;
		 --op0:0;
		 --op1:1;
		 --sat0:1;
		 --sat1:1;
		 transform:translate(var(--mx,0%), var(--my,0%)) scale(var(--ms,1));
		 will-change:transform, filter, opacity;
	 }
	 
	 .break .layer_three{
		 z-index:3;
		 pointer-events:auto;
		 --x0:-50%;
		 --x1:-50%;
		 --y0:-50%;
		 --y1:-25%;
		 --scale0:1.1;
		 --scale1:1;
		 --blur0:0px;
		 --blur1:0px;
		 --op0:0;
		 --op1:1;
		 --sat0:1;
		 --sat1:1;
		 --w0:27%;
		 --w1:27%;
		 --tc0:var(--c1);
		 --tc1:var(--c3-light);
	 }
	 
	 .break dl{
		 position:absolute;
		 top:50%;
		 left:50%;
		 padding:0;
	 }
	 
	 .break dl.layer_three{
		 transform:translate(0,0) translate(var(--mx,0%), var(--my,0%)) scale(var(--ms,1));
		 will-change:transform, filter, opacity, width;
	 }
	 
	 .break .layer_three dd{
		 padding:0;
	 }
	 
	 .break .layer_three h1,
	 .break .layer_three h2,
	 .break .layer_three h3,
	 .break .layer_three h4,
	 .break .layer_three p{
		 color:inherit;
	 }
	 
	 .break-spacer{
		 height:100dvh;
	 }
	 /* parallax */
	 section.parallax > article:nth-child(1){ width:50%; }
		 section.parallax > article:nth-child(2){ width:50%; }
		 
		 .parallax{
			 height:100dvh;
			 overflow:hidden;
			 --parallax-scroll:750dvh;
		 }
		 
		 .parallax > article{
			 position:relative;
			 width:100%;
			 height:100%;
		 }
		 
		 .parallax .layer_one,
		 .parallax .layer_two,
		 .parallax .layer_three{
			 position:absolute;
			 inset:0;
			 display:flex;
			 align-items:center;
			 justify-content:center;
		 }
		 
		 .parallax .layer_one{ z-index:1; }
		 .parallax .layer_two{ z-index:2; }
		 .parallax .layer_three{ z-index:3; }
		 
		 .parallax .layer_one{
			 --x0:0%;
			 --x1:-2%;
			 --y0:0%;
			 --y1:4%;
			 --s0:1;
			 --s1:.7;
			 --c0:34,34,34,.5;
			 --c1:34,34,34,.5;
			 --b0:0px;
			 --b1:2px;
		 }
		 
		 .parallax .layer_two{
			 --x0:0%;
			 --x1:5%;
			 --y0:0%;
			 --y1:0%;
			 --s0:1;
			 --s1:1.1;
			 --c0:225,225,225,1;
			 --c1:255,0,0,1;
			 --b0:0px;
			 --b1:0px;
		 }
		 
		 .parallax .layer_three{
			 --x0:0%;
			 --x1:10%;
			 --y0:0%;
			 --y1:-6%;
			 --s0:.8;
			 --s1:1;
			 --c0:34,34,34,.5;
			 --c1:34,34,34,.5;
			 --b0:5px;
			 --b1:0px;
		 }
		 
		 .parallax-spacer{
			 height:100dvh;
		 } 
	/* sweep */
	 section.sweep{
		width:100%;
		height:100vh;
		overflow:hidden;
	}
	
	section.sweep > article{
		position:relative;
		width:100%;
		height:100%;
	}
	
	section.sweep figure.layer_one{
		position:absolute;
		inset:0;
		z-index:1;
		overflow:hidden;
	}
	
	section.sweep figure.layer_one img{
		position:absolute;
		top:50%;
		left:0;
		height:100%;
		width:auto;
		aspect-ratio:3/1;
		min-width:auto;
		max-width:none;
		object-fit:cover;
		object-position:center;
		transform:translate(0,-50%);
		animation:sweep-x 50s ease-in-out infinite alternate;
		animation-play-state:paused;
		will-change:transform;
	}
	
	section.sweep .layer_two{
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index:2;
		pointer-events:auto;
		width: 27%;
	}
	
	@keyframes sweep-x{
		from{ transform:translate(0,-50%); }
		to{ transform:translate(-16.666%, -50%); }
	}
	/*mosaic*/
		.module#mosaic>article:nth-child(1) {
			width: 45%;
		}
		
		.module#mosaic>article:nth-child(2) {
			width: 55%;
		} 
		
		.mosaic{
			width:100%;
		}
		
	.mosaic ul{
		width:100%;
		display:grid;
		grid-template-columns:repeat(5,1fr);
		grid-auto-rows:var(--mosaic-row, 10vw);
		grid-auto-flow:dense;
		gap:.3rem;
		list-style:none;
		margin:0;
		padding:1rem;
	}
		
		.mosaic li{
			position:relative;
			overflow:hidden;
		}
		
		.mosaic figure{
			position:relative;
			margin:0;
			width:100%;
			height:100%;
			overflow:hidden;
		}
		
		.mosaic img{
			position:absolute;
			inset:0;
			width:100%;
			height:100%;
			object-fit:cover;
			display:block;
		}
		
		.mosaic.u ul{
			grid-auto-rows:auto;
			grid-template-columns:repeat(4,1fr);
		}
		
		.mosaic.u li{
			aspect-ratio:1/1;
		}
		
		.mosaic.u figure{
			aspect-ratio:1/1;
			height:auto;
		}
		
		.module#pinterest>article:nth-child(1) {
				width: 27%;
			}
			
			.module#pinterest>article:nth-child(2) {
				width: 73%;
				display:block;
				padding: 11dvh 0;
			} 
			
			.pinterest .gallery-scroll{
				width:100%;
				padding:1rem;
			}
			
		.pinterest .gallery-cols{
				width:100%;
				list-style:none;
				margin:0;
				padding:0;
				column-count:4;
				column-gap:1rem;
				column-fill:balance;
			}
			
			.pinterest .gallery-cols > li{
				display:inline-block;
				width:100%;
				margin-bottom:.5rem;
				background:rgb(var(--c1)/.25);
				break-inside:avoid;
				-webkit-column-break-inside:avoid;
			}
			
			.pinterest figure{
				margin:0;
				cursor:pointer;
				transition:transform .35s cubic-bezier(.25,.1,.25,1);
				will-change:transform;
			}
			
			.pinterest figure:hover{
				transform:scale(1.025);
			}
			
			.pinterest img{
				width:100%;
				height:auto;
				display:block;
				object-fit:cover;
			}
			
			.pinterest .gallery-cols dl{
				padding:.5rem;
				white-space:normal;
				overflow-wrap:break-word;
				word-break:normal;
				hyphens:auto;
			}
			
			.pinterest .gallery-cols dl dt,
			.pinterest .gallery-cols dl dd{
				padding:.5rem;
			}
			
			/* slider */
			.module > article.slider{
				display:block;
				width:100%;
			}
			
			.slider{
				position:relative;
				width:100%;
			}
			
			.slider-layer{
				position:relative;
			}
			
			.slider-media{
				position:relative;
				overflow:hidden;
			}
			
			.slider-media::before{
				content:"";
				display:block;
				width:100%;
				aspect-ratio:3/2;
			}
			
			.slider-list,
			.thumb-list{
				list-style:none;
				margin:0;
				padding:0;
			}
			
			.slider-media .slide,
			.slider-text .slide{
				position:absolute;
				inset:0;
				pointer-events:none;
				will-change:opacity, transform, filter;
			}
			
			.slider-media{
				--media-duration:1s;
				--media-ease:ease;
				--media-opacity-off:0;
				--media-opacity-on:1;
				--media-x-off:0%;
				--media-x-on:0%;
				--media-y-off:0%;
				--media-y-on:0%;
				--media-scale-off:1;
				--media-scale-on:1;
				--media-blur-off:20px;
				--media-blur-on:0px;
			}
			
			.slider-media .slide{
				opacity:var(--media-opacity-off);
				transform:
					translate(var(--media-x-off), var(--media-y-off))
					scale(var(--media-scale-off));
				filter:blur(var(--media-blur-off));
				transition:
					opacity var(--media-duration) var(--media-ease),
					transform var(--media-duration) var(--media-ease),
					filter var(--media-duration) var(--media-ease);
			}
			
			.slider-media .slide.is-active{
				opacity:var(--media-opacity-on);
				transform:
					translate(var(--media-x-on), var(--media-y-on))
					scale(var(--media-scale-on));
				filter:blur(var(--media-blur-on));
				pointer-events:auto;
			}
			
			.slider-media .slide-media{
				position:absolute;
				inset:0;
				width:100%;
				height:100%;
				object-fit:cover;
				object-position:center;
				display:block;
			}
			
			.slider-text{
				position:absolute;
				top:0;
				left:0;
				width:27%;
				height:100%;
				z-index:2;
			
				--text-duration:.8s;
				--text-ease:ease;
				--text-opacity-off:0;
				--text-opacity-on:1;
				--text-x-off:0%;
				--text-x-on:0%;
				--text-y-off:0%;
				--text-y-on:0%;
				--text-scale-off:1;
				--text-scale-on:1;
				--text-blur-off:0px;
				--text-blur-on:0px;
			}
			
			.slider-text .slide{
				display:flex;
				align-items:flex-start;
				opacity:var(--text-opacity-off);
				transform:
					translate(var(--text-x-off), var(--text-y-off))
					scale(var(--text-scale-off));
				filter:blur(var(--text-blur-off));
				transition:
					opacity var(--text-duration) var(--text-ease),
					transform var(--text-duration) var(--text-ease),
					filter var(--text-duration) var(--text-ease);
			}
			
			.slider-text .slide.is-active{
				opacity:var(--text-opacity-on);
				transform:
					translate(var(--text-x-on), var(--text-y-on))
					scale(var(--text-scale-on));
				filter:blur(var(--text-blur-on));
				pointer-events:auto;
			}
			
			.slider-text .artxt{
				width:100%;
			}
			
			.slider-control-panel{
				position:absolute;
				left:0;
				bottom:0;
				z-index:3;
				width:27%;
				display:grid;
				gap:.75rem;
				padding:1rem 0;
			}
			
			.slider-timer{
				height:4px;
				background:rgba(255,255,255,.25);
				overflow:hidden;
			}
			
			.slider-timer .bar{
				width:0;
				height:100%;
				background:rgba(255,255,255,.9);
			}
			
			.slider-counter{
				line-height:1;
			}
			
			.slider-controls{
				display:flex;
				gap:.5rem;
			}
			
			.slider-controls button{
				appearance:none;
				border:0;
				padding:0;
				background:none;
				color:inherit;
				cursor:pointer;
				display:inline-flex;
				align-items:center;
				justify-content:center;
			}
			
			.slider-pause{
				display:none;
			}
			
			.slider.is-play .slider-play{
				display:none;
			}
			
			.slider.is-play .slider-pause{
				display:inline-flex;
			}
			
			.slider.is-pause .slider-play{
				display:inline-flex;
			}
			
			.slider.is-pause .slider-pause{
				display:none;
			}
			
			.slider-thumbs{
				--thumb-gap:.35rem;
				--thumb-preview:4;
				margin-top:.5rem;
				overflow:hidden;
			}
			
			.thumb-list{
				display:flex;
				gap:var(--thumb-gap);
			}
			
			.thumb{
				flex:0 0 calc((100% - (var(--thumb-gap) * (var(--thumb-preview) - 1))) / var(--thumb-preview));
				aspect-ratio:3/2;
				overflow:hidden;
				cursor:pointer;
				opacity:.5;
				transition:opacity .25s ease, transform .25s ease;
			}
			
			.thumb img{
				width:100%;
				height:100%;
				object-fit:cover;
				object-position:center;
				display:block;
			}
			
			.thumb:hover{
				opacity:1;
			}
			
			.thumb.is-active{
				opacity:1;
				transform:scale(1.03);
			}
	/* launchpad */
	 
	.launchpad{
		 margin:0 auto;
		 position:relative;
	 }
	 
	 .launchpad ul{
		 display:grid;
		 grid-template-columns:repeat(6,1fr);
		 gap:.5rem;
		 width:100%;
		 margin:0 auto;
		 padding:2rem;
		 list-style:none;
	 }
	 
	 .launchpad li{
		 position:relative;
		 overflow:hidden;
		 cursor:pointer;
		 background:#000;
		 border-radius:.6rem;
	 }
	 
	 .launchpad li figure{
		 width:100%;
		 aspect-ratio:1/1;
		 margin:0;
	 }
	 
	 .launchpad li figure img{
		 width:100%;
		 height:100%;
		 object-fit:cover;
		 display:block;
	 
		 transform:scale(1);
		 filter:saturate(.9) contrast(1);
	 
		 transition:transform .7s ease, filter .7s ease;
	 }
	 .launchpad li dl{
		 position:absolute;
		 left:0;
		 right:0;
		 bottom:0;
	 
		 padding:1.4rem 1.2rem 1.6rem;
	 
		 background:linear-gradient(
		 to top,
		 rgba(0,0,0,.9) 0%,
		 rgba(0,0,0,.55) 55%,
		 rgba(0,0,0,0) 100%
		 );
	 
		 color:#fff;
	 
		 transform:translateY(55%);
		 transition:transform .5s ease;
	 }
	 
	 .launchpad li dl dt{
		 text-align:left;
	 }
	 
	 .launchpad li dl h3{
		 margin:0;
	 }
	 
	 .launchpad li dl h4{
		 margin:.25rem 0 0;
		 opacity:.75;
	 }
	 
	 .launchpad li dl hr{
		 width:2rem;
		 margin:.8rem 0;
		 border:0;
		 height:1px;
		 background:rgba(221,255,0,1);
		 transform:scaleX(.4);
		 transform-origin:left;
		 transition:transform .4s ease;
	 }
	 
	 .launchpad li dl dd{
		 margin:0;
		 opacity:0;
		 transform:translateY(10px);
		 transition:opacity .35s ease, transform .35s ease;
	 }
	 .launchpad li:hover figure img{
		 transform:scale(1.06);
		 filter:saturate(1.1) contrast(1.05);
	 }
	 
	 .launchpad li:hover dl{
		 transform:translateY(0);
	 }
	 
	 .launchpad li:hover dl hr{
		 transform:scaleX(1);
	 }
	 
	 .launchpad li:hover dl dd{
		 opacity:1;
		 transform:translateY(0);
	 } 

		
	
	
		
	
			/* xscroll */
			 section.xscroll{
						width:100%;
						height:100dvh;
						overflow:hidden;
						margin-bottom:25dvh;
					}
					
					section.xscroll article{
						width:100%;
						height:100%;
						position:relative;
					}
					
					section.xscroll ul{
						position:absolute;
						left:50%;
						top:50%;
						transform:translate(-50%,-50%);
						width:62%;
						height:52%;
						list-style:none;
						margin:0;
						padding:0;
						overflow-y:visible;
						overflow-x:hidden;
						cursor:ew-resize;
					}
					
					section.xscroll .xscroll-track{
						display:flex;
						height:100%;
						gap:.4rem;
						will-change:transform;
					}
					
					section.xscroll li{
						flex:0 0 auto;
						height:100%;
						position:relative;
					}
					
					section.xscroll figure{
						height:100%;
						aspect-ratio:9/16;
						margin:0;
						overflow:hidden;
					}
					
					section.xscroll img{
						width:100%;
						height:100%;
						object-fit:cover;
						display:block;
					}
					
					section.xscroll li dl{
						position:absolute;
						top:9%;
						left:3%;
						z-index:2;
						width:72%;
						color:rgba(var(--b1),1);
						pointer-events:none;
					}
					
					section.xscroll li button{
						position:absolute;
						left:1rem;
						bottom:2rem;
						padding:.5rem 1rem;
						border:0;
						background:rgba(0,0,0,.55);
						color:#fff;
					}
					
					section.xscroll .xscroll-ui{
						position:absolute;
						left:50%;
						top:50%;
						transform:translate(-50%,-50%);
						width:62%;
						height:0;
						padding:1rem;
						z-index:10;
						pointer-events:none;
					}
					
					section.xscroll .xscroll-prev,
					section.xscroll .xscroll-next{
						position:absolute;
						top:-1.25rem;
						width:2.6rem;
						height:2.6rem;
						display:flex;
						align-items:center;
						justify-content:center;
						font-family:icomoon;
						font-size:1.6rem;
						background:rgba(0,0,0,.45);
						color:#fff;
						border-radius:50%;
						cursor:pointer;
						pointer-events:auto;
						transition:opacity .25s ease;
					}
					
					section.xscroll .xscroll-prev{
						left:-3rem;
					}
					
					section.xscroll .xscroll-next{
						right:-3rem;
					}
					
					section.xscroll .xscroll-prev::before,
					section.xscroll .xscroll-next::before{
						content:"\e900";
					}
					
					section.xscroll .xscroll-prev::before{
						transform:rotate(180deg);
					}
					
					section.xscroll .xscroll-prev.is-hidden,
					section.xscroll .xscroll-next.is-hidden{
						opacity:0;
						pointer-events:none;
					}
					
					section.xscroll .xscroll-indicator{
						position:absolute;
						left:50%;
						top:calc(50% + 52% / 2 + 1.8rem);
						transform:translateX(-50%);
						font-size:.8rem;
						letter-spacing:.08em;
						opacity:.7;
						display:flex;
						align-items:center;
						justify-content:center;
						gap:.35rem;
					}
					
					section.xscroll .xscroll-indicator span{
						display:block;
						width:.45rem;
						height:.45rem;
						border-radius:50%;
						background:currentColor;
						opacity:.3;
					}
					
					section.xscroll .xscroll-indicator span.active{
						opacity:1;
					}
					
					section.xscroll .xscroll-hint{
						position:absolute;
						left:50%;
						top:calc(50% + 52% / 2 + 3rem);
						transform:translateX(-50%);
						font-size:.8rem;
						text-align:center;
						opacity:.65;
						pointer-events:none;
						white-space:nowrap;
					}
					.xscroll li{
						transition:
							transform .35s ease,
							opacity .35s ease,
							filter .35s ease,
							box-shadow .35s ease;
					}
					
					
[data-item]{
						transition:
							transform .35s ease,
							opacity .35s ease,
							filter .35s ease,
							box-shadow .35s ease,
							outline-color .35s ease;
					}
					
					[data-item].is-featured{
						transform:scale(1.03);
						opacity:1;
						filter:none;
						box-shadow:0 0 0 2px rgba(var(--c1),1), 0 1rem 2rem rgba(0,0,0,.25);
						z-index:3;
						position:relative;
					}
					
					[data-item].is-featured-temporary{
						animation:item-highlight 2.2s ease;
					}
					
					@keyframes item-highlight{
						0%{
							transform:scale(1);
							box-shadow:0 0 0 0 rgba(var(--c1),0);
						}
						20%{
							transform:scale(1.04);
							box-shadow:0 0 0 2px rgba(var(--c1),1), 0 1rem 2rem rgba(0,0,0,.25);
						}
						100%{
							transform:scale(1.03);
							box-shadow:0 0 0 2px rgba(var(--c1),1), 0 1rem 2rem rgba(0,0,0,.25);
						}
					}
					
					/*notes*/
					article.notes{
						 position: relative;
						 width: 100%;
						 max-width: 480px;
					 }
					 
					 article.notes > ul.notes-track{
						 position: absolute;
						 inset: 0;
						 overflow: hidden;
						 list-style: none;
						 margin: 0;
						 padding: 0;
					 }
					 
					 article.notes > ul.notes-track > li.note{
						 position: absolute;
						 inset: 0;
						 width: 100%;
						 height: 100%;
						 overflow-y: auto;
					 
						 transform: translateX(0%);
						 transition: transform .6s ease;
						 will-change: transform;
					 }
					 
					 article.notes .notes-nav{
						 position: absolute;
						 left: 0;
						 right: 0;
						 bottom: 0;
						 display: flex;
						 align-items: center;
						 justify-content: space-between;
						 gap: .75rem;
						 padding: .75rem 0 0;
					 }
					 
					 article.notes .notes-nav .prev,
					 article.notes .notes-nav .next{
						 cursor: pointer;
						 opacity: 1;
						 transition: opacity .3s ease;
					 }
					 
					 article.notes .notes-nav .prev.is-disabled,
					 article.notes .notes-nav .next.is-disabled{
						 opacity: .25;
						 pointer-events: none;
						 cursor: default;
					 }
					 
					 article.notes .notes-nav .dots{
						 display: inline-flex;
						 gap: .35rem;
						 align-items: center;
						 justify-content: center;
						 flex: 1;
					 }
					 
					 article.notes .notes-nav .dots > span{
						 width: .5rem;
						 height: .5rem;
						 border-radius: 999px;
						 opacity: .35;
						 cursor: pointer;
						 transition: opacity .3s ease, transform .3s ease;
						 background: currentColor;
					 }
					 
					 article.notes .notes-nav .dots > span.active{
						 opacity: 1;
						 transform: scale(1.15);
					 } 
					
#resol{
						position:fixed;
						left:0;
						bottom:0;
						width:50px;
						height:50px;
						z-index:999999;
						background:transparent;
					}
					
					#resol:hover{
						background:#000;
					}
					
					#resol span{
						position:absolute;
						inset:0;
						display:flex;
						align-items:center;
						justify-content:center;
						color:#fff;
						font:12px/1 monospace;
						white-space:nowrap;
					}
							
						

	
	
	
	/* tablet */
	@media (min-width:768px) and (max-width:1023px){
		:root{
			font-size:12px;
		}
			h1{
				font-size:1.25rem;
			}
			h2{
				font-size:3.25rem;
			}
			h3{
				font-size:1.25rem;
			}
			.artxt{
				padding:1rem;
			}
			.artxt dd h3{
				font-size:1.25rem;
			}
			h4{
				font-size:1.25rem;
			}
			section{
				width:98%;
			}
			header.nav{
					top:3dvh;
					right:1%;
				}
			.menu-head,
				.menu-leaf{
					padding:.35rem .75rem;
				}
		.logo-color{
			width: 50%;
			height: 27%;
			margin-left:3%;
		}
		.module>article:nth-child(1) {
				width: 36%;
			}
		
			.module>article:nth-child(2) {
				width: 64%;
			} 
		
			/* module-r */
		 .module-r>article:nth-child(1) {
				width: 64%;
			}
		
			.module-r>article:nth-child(2) {
				width: 36%;
			} 
		
		footer.site-footer .content{
			width:98%;
			gap:1.5rem;
			padding:3rem 2.2rem 2.5rem;
			border-bottom:20px solid rgba(var(--c2)/1);
		}
	}
	
	/* tablet horizontal / laptop chico */
	@media (min-width:1024px) and (max-width:1279px){
		:root{
			font-size:12.5px;
		}
	h1{
			font-size:1.25rem;
		}
		h2{
			font-size:3.25rem;
		}
		h3{
			font-size:1.25rem;
		}
		h4{
			font-size:1.25rem;
		}
		
		.artxt{
			padding:1.5rem;
		}
		.artxt dd h3{
			font-size:1.25rem;
		}
		section{
			width:96%;
		}
		header.nav{
				top:3dvh;
				right:2%;
			}
		.menu-head,
			.menu-leaf{
				padding:.35rem .75rem;
			}
	.logo-color{
		width: 50%;
		height: 27%;
		margin-left:4%;
	}
	.module>article:nth-child(1) {
			width: 36%;
		}
	
		.module>article:nth-child(2) {
			width: 64%;
		} 
	
		/* module-r */
	 .module-r>article:nth-child(1) {
			width: 64%;
		}
	
		.module-r>article:nth-child(2) {
			width: 36%;
		} 
	
	footer.site-footer .content{
		width:96%;
		gap:2rem;
		padding:3rem 2.8rem 2.5rem;
		border-bottom:20px solid rgba(var(--c2)/1);
	}
	}
	
	/* laptop */
	@media (min-width:1280px) and (max-width:1439px){
		:root{
				font-size:13px;
			}
		h1{
				font-size:1.25rem;
			}
			h2{
				font-size:3.75rem;
			}
			h3{
				font-size:1.75rem;
			}
			h4{
				font-size:1.25rem;
			}
			.artxt{
				padding:1.5rem;
			}
			.artxt dd h3{
				font-size:1.5rem;
			}
			section{
				width:94%;
			}
			header.nav{
					top:3dvh;
					right:3%;
				}
			.menu-head,
				.menu-leaf{
					padding:.35rem .75rem;
				}
		.logo-color{
			width: 50%;
			height: 36%;
			margin-left:5%;
		}
		.module>article:nth-child(1) {
				width: 28%;
			}
		
			.module>article:nth-child(2) {
				width: 72%;
			} 
		
			/* module-r */
		 .module-r>article:nth-child(1) {
				width: 72%;
			}
		
			.module-r>article:nth-child(2) {
				width: 28%;
			} 
		
		footer.site-footer .content{
			width:94%;
			gap:2rem;
			padding:3rem 2.8rem 2.5rem;
			border-bottom:20px solid rgba(var(--c2)/1);
		}
	}
	
	/* laptop grande / desktop */
	@media (min-width:1440px) and (max-width:1919px){
		:root{
				font-size:14px;
			}
		h1{
				font-size:1.25rem;
			}
			h2{
				font-size:4rem;
			}
			h3{
				font-size:2rem;
			}
			h4{
				font-size:1.25rem;
			}
			.artxt{
				padding:1.5rem;
			}
			.artxt dd h3{
				font-size:1.25rem;
			}
			section{
				width:94%;
			}
			header.nav{
					top:3dvh;
					right:3%;
				}
			.menu-head,
				.menu-leaf{
					padding:.35rem .75rem;
				}
		.logo-color{
			width: 50%;
			height: 36%;
			margin-left:5%;
		}
		.module>article:nth-child(1) {
				width: 28%;
			}
		
			.module>article:nth-child(2) {
				width: 72%;
			} 
		
			/* module-r */
		 .module-r>article:nth-child(1) {
				width: 72%;
			}
		
			.module-r>article:nth-child(2) {
				width: 28%;
			} 
		
		footer.site-footer .content{
			width:94%;
			gap:2rem;
			padding:3rem 2.8rem 2.5rem;
			border-bottom:20px solid rgba(var(--c2)/1);
		}
	}
	
	/* base */
	@media (min-width:1920px) and (max-width:2047px){
		:root{
			font-size:14.5px;
		}
		h1{
			font-size:1.25rem;
		}
		h2{
			font-size:4.5rem;
		}
		h3{
			font-size:2rem;
		}
		.artxt dd h3{
			font-size:1.5rem;
		}
		h4{
			font-size:1.25rem;
		}
		section{
			width:90%;
		}
		header.nav{
				top:3dvh;
				right:5%;
			}
		.menu-head,
			.menu-leaf{
				padding:.5rem 1.5rem;
			}
	.logo-color{
		width: 50%;
		height: 36%;
		margin-left:7%;
	}

	footer.site-footer .content{
		width:90%;
		gap:5rem;
		padding:3rem 3.2rem 2.5rem;
		border-bottom:20px solid rgba(var(--c2)/1);
	}
	}
	
	/* desktop amplio */
	@media (min-width:2048px){
		:root{
				font-size:15px;
			}
		h1{
				font-size:1.25rem;
			}
			h2{
				font-size:4.5rem;
			}
			h3{
				font-size:2.25rem;
			}
			h4{
				font-size:1.25rem;
			}
			.artxt{
				padding:1.75rem;
			}
			.artxt dd h3{
				font-size:1.25rem;
			}
			section{
				width:90%;
			}
			header.nav{
					top:3dvh;
					right:5%;
				}
			.menu-head,
				.menu-leaf{
					padding:.35rem .75rem;
				}
		.logo-color{
			width: 50%;
			height: 36%;
			margin-left:7%;
		}
		.module>article:nth-child(1) {
				width: 28%;
			}
		
			.module>article:nth-child(2) {
				width: 72%;
			} 
		
			/* module-r */
		 .module-r>article:nth-child(1) {
				width: 72%;
			}
		
			.module-r>article:nth-child(2) {
				width: 28%;
			} 
		
		footer.site-footer .content{
			width:90%;
			gap: 5rem;
			padding:3rem 2.8rem 2.5rem;
			border-bottom:20px solid rgba(var(--c2)/1);
		}
	}