*{box-sizing:border-box;margin:0;padding:0;}
::-moz-selection { background: rgba(0,0,0, .1);color:#fff;}
::selection { background: rgba(0,0,0, .1);color:#fff; }
:root {--su:max(1vw, 1rem)}
:root {--su2:max(2vw, 2rem)}
:root {--su3:max(3vw, 3rem)}

:root {--red:#FF3A1D}
:root {--blue:#000}
:root {--white:#fff}

/* -- font -- */
@font-face {font-family: 'Eliza Mono';
src: url('../font/ElizaMono-Regular.woff2') 
format('woff2'),url('../font/ElizaMono-Regular.woff') 
format('woff'),url('../font/ElizaMono-Regular.ttf') 
format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;}

/* -- markup -- */
body {background:var(--white);color:#000;font-family:'Eliza Mono', sans-serif;line-height:1.1;padding:var(--su);padding-bottom:4rem;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

h1,h2,h3,h4,h5 {line-height:1;letter-spacing:-.03em;font-weight:normal}
h1, .h1 {font-size:clamp(3rem, 6vw, 12vh)}
h2, .h2 {font-size:clamp(3rem, 14vw, 18vh)}
h3, .h3 {font-size:clamp(1.5rem, 4vw, 4rem)}
h4, .h4 {font-size:clamp(1rem, 3.5vw, 3.5rem)}
main {max-width:80rem;margin: 0 auto;}
figure {width:100%;}
figure img {width:100%;}
figcaption {font-size:.8rem;margin:.5rem 0;}
audio {width:100%;margin-bottom:1rem;}

hr {border:0;border-bottom: 1px solid;}
hr.inset {margin:0 1rem}

a {text-decoration-thickness: 1px;
	text-decoration-color: transparent;
	text-underline-offset: 2px;
	transition: text-decoration .5s;color:inherit}
a:hover {	text-decoration-color: inherit;}



#bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
}
#bg img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}
/* -- helpers -- */
.row{display:block;clear:both;position:relative;font-size:0;}
.row.inset{margin:0 -.75rem;}
.col{display:inline-block;vertical-align:top;padding:.75rem 1rem;min-height:1px;font-size:1rem;}
.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%;}

.p2 {font-size:150%;}
.mb {display:block;margin-bottom:var(--su);}
.mb2 {display:block;margin-bottom:var(--su2);}
.mb3 {display:block;margin-bottom:var(--su3);}
.pt {padding-top: var(--su);}
.pv3 {padding: var(--su3) 0;}
.pd2 {padding:var(--su2)}
.big {font-size:clamp(1rem, 3vw, 3rem)}
.mdm {font-size:clamp(1rem, 2vw, 2rem)}

.bfg {color:var(--blue)}
.wfg {color:var(--white)}
.wbg {background:var(--white);color:var(--blue)}
.rgt {text-align:right;}
.c {width:100%;max-width:60rem;margin:0 auto;}
.arw {display:inline-block;vertical-align:middle;width:.6em;border-top:.1em solid;position:relative}
.arw:after {content:'';position:absolute;width:.3em;height:.3em;border-top:.1em solid;border-right:.1em solid;transform:translate(0, -62%) rotate(45deg) ;right:0;}

.appear {animation: appear 1s linear forwards;opacity:0; }
@media screen and ( max-width: 800px ) {
	.col {width: 100%;}
	
	
.big {font-size:2rem;	padding-top: 0.1em;}
.mdm {font-size:1.5rem}

}

@keyframes appear {
  from {opacity: 0;}
  to {opacity: 1;}
}