@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

*{box-sizing:border-box;margin:0;padding:0;font-family: 'Space Mono', monospace;text-rendering: geometricPrecision}
::-moz-selection { background: rgba(0,0,0, .1);}
::selection { background: rgba(0,0,0, .1); }
body {font-size:.8rem;line-height:1.4;}

a {color:inherit;text-decoration: none}
a.xhr {display:block;}
a.button {padding:.5rem;border:1px solid; border-radius:.1rem;margin:.5rem 0;display: inline-block;}
p {margin-bottom: .6em;}
small, .small {font-size:.7rem}
hr {border:none;border-top:1px solid;}

figure {display: block;}
figure img {max-width:100%;display: block;}
figure figcaption {text-align: left;font-size:.65rem}
audio {width:100%;}
strong {font-weight:normal;}
nav ul {list-style: none}
nav ul li {display:inline-block;}
nav ul li a{}
nav ul li a:before{content:', '}
nav ul li a.active {font-style: italic;}
nav ul li:first-child a:before{content:''}
nav ul li:last-child a:after{content:'.'}

.p1 {font-size:1.3rem;line-height:1.2}
.p2 {font-size:1rem;}
.p3 {font-size:.9rem;}

body.right-open .rgt .btm {border:0;}

body.left-open .lft .top {min-height:100vh;}
body.left-open .lft .btm {height:0;border:0;}

.wrapper-inner section {padding:1.5rem;position: relative;min-height: 100%;background:#fff}
.rgt .btm section{padding-top:0;}
.section-header {position:absolute;z-index:1;left: 1.5rem;right: 1.5rem;}
.section-header a{display:block;}

.section-image {position:absolute;top:0;left:0;right:0;bottom:0;height:50vh}
.section-image img{width:100%;height:100%;object-fit:cover;	display: block;pointer-events: none}
.section-image figcaption{position: absolute;bottom: 0;font-size: 75%;padding: 1.5rem;animation: disappear 2.0s forwards;animation-delay: 6s;}
.section-image:hover figcaption{opacity:1 !important;}

.nws-img  {display: block;}
.nws-img img {max-width:25vw;max-height:50vh}

.desktop .splash {position:fixed;width:100vw;height:100vh;background:#fff;top:0;left:0;z-index:9;pointer-events: none;}
.desktop .splash:before{position:absolute;content:'';border-top:1px solid;top:50vh;left:50vw;transform:translate(-50%, 0);animation: grow-x 1s forwards;}
.desktop .splash:after{position:absolute;content:'';border-left:1px solid;top:50vh;left:50vw;transform:translate(0, -50%);animation:grow-y 1s forwards;animation-delay: 1s;}

.etoille {position:absolute;top:50%;left:50%;z-index:10;user-select: none; pointer-events: none}
.etoille span.dot{position:absolute;width:1rem;height:1rem;transform:translate(-50%,-50%);background:#000;border-radius:100%;}
.etoille span.sat{position:absolute;transform:rotate(45deg);transform-origin:left top;animation:rotate 30s linear infinite}
.etoille span.sat:after{content:'.';position:absolute;right:0;line-height:0.6;font-size:2rem; }

.appear {animation: appear 2.0s forwards;opacity:0}
.disappear {animation: disappear 1.0s forwards;animation-delay: 2s;}


.fnt {	padding-left: 4rem;
	font-size: .7rem;
	margin-top: 2rem;}
@keyframes appear {
	0%   { opacity:0 }
	100%  { opacity:1 }
}

@keyframes disappear {
	0%   { opacity:1 }
	100%  { opacity:0 }
}

@keyframes grow-x {
	0%   { width:0vw }
	100%  { width:100vw; }
}

@keyframes grow-y {
	0%   { height:0vh }
	100%  { height:100vw; }
}

@keyframes rotate {
	0%   { transform:rotate(0deg); }
	100%  { transform:rotate(359deg); }
}
.hdr {position: sticky;top: 0;right: 1.5rem;left: 1.5rem;background: inherit;z-index: 1;padding:1.5rem 0}
ul.f {list-style: none;position:absolute;top:1.5rem;right:0;text-align:right;padding-left:5rem;user-select:none;outline:none}
ul.f li {display:inline-block;}
ul.f li .txt{display:none}
ul.f li a{line-height:1;transition:background .25s, color .25s;margin:0 0 .5rem .75rem;position:relative;}
ul.f li a:hover, ul.f li a.active{font-style: italic;}
ul.f input {margin-left: 0.75rem;border: none;background: none;font-size: inherit;outline: none;text-transform: uppercase;width: 3rem;}

#mc-embedded-subscribe-form  {padding-top:1rem;margin-top:1rem;}
#mc-embedded-subscribe-form input {margin:1rem 0; border:1px solid;padding:.5rem 1rem;display:block;outline:none;border-radius: 0.25rem;background: none;}
#mc-embedded-subscribe-form input[type=email]{width:100%;max-width:20rem;transition:border .5s;}
#mc-embedded-subscribe-form input[type=email]:focus{border-color:#333}
#mc-embedded-subscribe-form input[type=submit]{background:none;cursor:pointer;transition:background .5s;}
#mc-embedded-subscribe-form input[type=submit]:hover{background:#000;color:#fff;}

.row{display:block;clear:both;position:relative;}
.row.inset{margin:0 -.75rem;}
.row hr {margin:.5rem .75rem}
.row hr.ee {margin:1.25rem 0 .75rem;}
.col{display:inline-block;vertical-align:top;padding:.25rem .75rem;min-height:1px;}
.m1{width:8.3333333333%;}
.m2{width:16.6666666667%;}
.m3{width:25%;}
.m4{width:33.3333333333%;}
.m5{width:41.6666666667%;}
.m6{width:50%;}
.m7{width:58.3333333333%;}
.m8{width:66.6666666667%;}
.m9{width:75%;}
.m10{width:83.3333333333%;}
.m11{width:91.6666666667%;}
.m12{width:100%;}

.vt {min-height:20vh}
.vc {min-height:60vh}
.vb {min-height:20vh}
.bb {border-bottom: 1px solid;}
.ul {text-decoration:underline;text-underline-offset: .2em}
.hr {position:absolute;width:100%;height:1px;top:50%;left:50%;transform:translate(-50%,0);background:#000;}
.vr {position:absolute;height:100%;width:1px;top:50%;left:50%;transform:translate(0,-50%);background:#000;}
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#tt {max-height: 0;overflow: hidden;transition: max-height .5s;}
#tt.active {max-height: 50vh;margin-bottom: 1rem;}

#at {max-height: 0;overflow: hidden;transition: max-height .5s;}
#at.active {max-height: 100vh}

.p {max-height: 0;overflow: hidden;transition: max-height .5s;cursor:pointer;}
.p.active {max-height: 50vh}
.p a{transition:padding .5s;padding-right:.5rem}
.p:hover a{padding-left:.5rem;padding-right:0}
.p.selected a{padding-left:1rem;padding-right:1rem;}
  

.fadein {animation: appear 2.0s forwards;opacity:0}
.up {text-transform: uppercase;}
.pd {padding:1rem;}
.pv0 {padding:.5rem 0;display: block}
.pv1 {padding:1rem 0;display: block}
.mb0{margin-bottom: .5em;}
.mb {margin-bottom: 1em;}
.mb2 {margin-bottom: 2em;}
.mb3 {margin-bottom: 3em;} 
.wfg {color:#fff;}
.right {text-align: right}
.center {text-align: center}
.dat {float:right}
.itmz  {}
.itmz.txt .col {padding: 0 0.75rem;background:green}
.itmz img {max-height:50vh;}
.itmz .col.qot {	padding-left: 5em;}
.tc .t{cursor:pointer;user-select:none;}
.tc .t .arw{position:relative;}
.tc .t .arw:after{content: '';position: absolute;bottom: 0.25em;right: 0.4em;width: 0.75em;height: 0.75em;transition: transform .25s;border: 3px solid;transform: rotate(-45deg);border-top: 0;border-left: 0;}
.tc.active > .t .arw:after{transform:rotate(45deg);}
.tc .c{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out;}
.tc.active > .t .toggle{transform:rotate(45deg);}
.tc.active > .c{max-height:500vh;}
.tc.endless.active > .c{max-height:unset;}

.tc em {max-width:70vw;display:inline-block;}

.flickity {outline:none;overflow:hidden }
.flickity .flickity-viewport {height:100%;}
.flickity .flickity-slider  {height:100%;}
.flickity .cell{display:block;height:100%;width:100%;}
.flickity .cell figure{display:block;height:100%;width:100%;}
.flickity .cell figure img{height:100%;width:100%;object-fit:cover;}
.flickity .cell figure figcaption {position:absolute;bottom:0; left:0;z-index:2;}
.flickity .flickity-page-dots {	position: absolute;right: 2rem;bottom: 1.1rem;}
.flickity .flickity-page-dots li{display:inline-block;width:.5rem;height:.5rem;margin:.25rem .1rem;transform:scale(.5);background:#fff;border-radius:100%;transition:border .5s;cursor:pointer;box-shadow: 0 0 .5rem rgba(0,0,0,.1)}
.flickity .flickity-page-dots li:hover, .flickity .flickity-page-dots li.is-selected{transform:scale(1);}
.flickity .flickity-prev-next-button {position:absolute;background:none;border:none;top: 50%;width: 1.5rem;height: 1.5rem;transform: translate(0, -50%);cursor: pointer;opacity:0;transition:opacity .5s}
.flickity:hover .flickity-prev-next-button {opacity:1}
.wfg .flickity-prev-next-button {fill:#fff;}
.flickity-prev-next-button:hover { filter: invert(1); }
.flickity-prev-next-button.previous { left: 1.6rem; }
.flickity-prev-next-button.next { right: 1.6rem; }


/* body:before {content:'??';position:absolute;bottom:0;left:0;padding:1em;font-size:.8em;background: #000;color:#fff;z-index:10} */
 

@media (max-width: 1440px) {
	.p1 {font-size:120%;}	
}

@media (max-width: 1240px) {
	.p1 {font-size:100%;}	
}

@media (min-width:940px)  {
	/* body:before {content:'desktop / landscape'} */ 
	.wrapper {width:100vw;height:100vh}
	.wrapper-inner {width:100vw;height:100vh;}
	.wrapper-inner .lft{display:inline-block;vertical-align:top;width:50vw;height:100vh;}
	.wrapper-inner .rgt{display:inline-block;vertical-align:top;width:50vw;height:100vh;border-left:1px solid}
	.top {height:50vh;transition: height .5s, opacity .25s;overflow: scroll;position: relative}
	.btm {height:50vh;border-top:1px solid;overflow: scroll;position:relative;}
	.lft .btm {overflow: hidden;}
	.rgt .top {overflow: hidden;}
	.top.fadeOut {opacity:0;}
	.offset-m1{margin-left:8.3333333333%;}
	.offset-m2{margin-left:16.6666666667%;}
	.offset-m3{margin-left:25%;}
	.offset-m4{margin-left:33.3333333333%;}
}

@media screen and (max-width:940px)  {
	body, small {font-size:.75rem;}
	.wrapper {width:auto;height:auto;}
	.wrapper-inner {width:auto;}
	
	.burger {position:fixed;top:1.5rem;right:1.5rem;width:1rem;height:.75rem;z-index:10;border-top:1px solid;border-bottom:1px solid;}
	.burger:after {position:absolute;content:'';top:.275rem;width:1rem;border-top:1px solid;}
	.lft, .rgt {width:100vw;}	
	.top, .btm {width:100vw;}
	.lft .btm {display:none;}
	.rgt .btm {	position: fixed;top: 0;left: 100vw;height:100vh;overflow:auto;border-right: 1px solid;transform:translate(0, 0);transition:transform .5s;}
	.rgt .btm.active {	transform:translate(-100vw, 0)}
	.rgt .btm .toggler {	position: absolute;top: 0;left:0;height:100vh;width:1rem;background:#0f0;z-index: 10}
	
	.p1 {font-size:1rem;}
	.hdr ul{display:none}
	.hdr .close{position: absolute;right:0;top:.75rem;}
	.hdr .close:before {content:'✕';font-size:200%;}
	
	.etoille {display:none;}
	.hr {top:50%;left:50%;width:100%;}
	.vr {top:50%;left:50%;height:100%;}
	.row {margin-bottom: 2em;}
	.row.inset {margin: 0 -.5rem;}
	.col {width:100%;hyphens: auto;padding:.25rem .5rem}
	
	.hide-mobile {display:none;}
	.wrapper-inner .section figure figcaption{animation:none}
	.p .m2 {display:none;}
	
	.flickity .flickity-prev-next-button {opacity:1}
	.nws-img img {max-width:75%;}
	
	.s1{width:8.3333333333%;}
	.s2{width:16.6666666667%;}
	.s3{width:25%;}
	.s4{width:33.3333333333%;}
	.s5{width:41.6666666667%;}
	.s6{width:50%;}
	.s7{width:58.3333333333%;}
	.s8{width:66.6666666667%;}
	.s9{width:75%;}
	.s10{width:83.3333333333%;}
	.s11{width:91.6666666667%;}
	.s12{width:100%;}
	.no-caption figcaption {display: none}
	
	.rgt .top {display:none;}
}

@media (orientation: portrait) and (hover:none)  {
	/* body:before {content:'touch / portrait'} */
	.wrapper-inner section {min-height:100vh;}
	/*body.left-open .lft .top {min-height:50vh;}*/
}

@media (orientation: landscape) and (hover:none)  {
	/* body:before {content:'touch / landscape'}*/
	.top, .btm {width: 100vw;min-height: 100vh;}
	.wrapper-inner section {min-height:100vh;}
	.section-image {height:100vh}
	
}