:root {
	--cream: #e9e4dc;
	--green: #585D27;
	--lt-brown: #BCA890;
	--md-brown: #775B45;
	--drk-brown: #2B2414;
}

.cream { color:var(--cream); }
.green { color:var(--green); }
.drk-brown { color:var(--drk-brown); }
.md-brown { color:var(--md-brown); }

.bg-cream { background-color:var(--cream); }
.bg-green { background-color:var(--green); }
.bg-md-brown { background-color:var(--md-brown); }
.bg-drk-brown { background-color:var(--drk-brown); }


html { font-size:16px; font-family:"Libre Caslon Text", serif; }
@media(min-width:1024px) {
	html { font-size:20px; }
}
body { margin:0; padding:0; max-width:100vw; overflow-x:hidden; transition:all 1s; }
header { z-index:2; }
button { transition:all 1s; }
nav { transition:all 1s; text-align:center; position:fixed; top:0; transform:translate(calc(320px + 1em),0); height:100vh; width:320px;  }
main { transition:all 1s; }
footer { transition:all 1s; }
.footer-break { height:5em; }

img { width:auto; height:auto; object-fit:contain; }

input { display:block; width:100%; margin-bottom:1.5em; }
textarea { height:9rem; resize:none; display:block; margin-bottom:1.5em; width:100%; }
input,textarea { appearance:none; -webkit-appearance:none; font-size:1rem; padding:.375em; background-color:transparent; stroke:none; outline:none; box-shadow:none; border:1px solid var(--cream); color:inherit; font-family:inherit; box-sizing:border-box; }
button { background:none; color:inherit; border:none; padding:.375em; font-size:1rem; font-family:inherit; }
button:hover { cursor:pointer; }

h1,h2,h3,h4,h5,h6,p { color:inherit; }
nav ul { padding-left:0; }
nav li { list-style-type:none; line-height:2; text-align:center; }
nav a { text-decoration:none; color:inherit; }
nav a:hover { text-decoration:underline; }
nav a:focus { text-decoration:underline; }
nav a:visited { color:inherit; }
p { line-height:1.5; }

.m20 { margin:2em 0; }


.view-width { width:100vw; }
.view-height { height:100vh; }
.min-view-height { min-height:100vh; }
.full-width { width:100%; }
.full-height { height:100%; }
.ch-23 { max-width:100%; margin:-.75em 0; }

@media(min-width:1024px) {
.ch-23 { max-height:66vh; margin:-2.5em 0; }
}


.block { display:block; }
.flex { display:flex; }


.absolute { position:absolute; }
.relative { position:relative; }

.top { top:0; }
.bottom { bottom:0; }

.auto { margin:auto; }


.ai-center { align-items:center; }
.jc-center { justify-content:center; }
.jc-end { justify-content:end; }

.gap1 { gap:1em; }
.gap15 { gap:1.5em; }

.sc { max-width:1024px; margin:auto; }


.bor-box { box-sizing:border-box; }


.pad1 { padding:1em; }


.text-center { text-align:center; }


@media(min-width:1024px) {
.h1 { font-size:2.8rem; line-height:1.05; }
.h2 { font-size:1.6125rem; line-height:1.05; }
.h3 { font-size:1.4rem; line-height:1.05; }
}

.h2-subhead { padding-top:0; margin-top:-.75em; font-size:1.2em; font-weight:700; }

.slide { height:unset; box-shadow:none; max-width:100%; }

@media(min-width:1024px) {
.slide { /* box-shadow:0px 0px 8px var(--md-brown); clip-path: inset(0 0 -8px 0); height:100vh; */ flex-direction:column; }
.slide:last-of-type { box-shadow:none; }
}

.burger { width:30px; }
.burger-top { transform-origin:left; transition:all .4s; }
.burger-middle { transform-origin:center; transition:all .4s; }
.burger-bottom { transform-origin:left; transition:all .4s; }

.open .burger-top { transform:translate(-4.5px, -8.5px) rotate(45deg); }
.open .burger-middle { transform: rotate(45deg); }
.open .burger-bottom { transform:translate(-4.5px, 7.5px) rotate(-45deg); }

.tagline { font-style:italic; font-size:.95em; margin-left:3.5em; margin-top:2em; }
.watermark { max-height:120px; }

.info-block { margin:auto; padding:2em 0; box-sizing:border-box; max-width:1120px; }
.info-block img { width:100%; max-height:512px; }
.info-block p { font-size:1.1em; }

.info-block { flex-direction:column; }

@media(min-width:1024px) {
	.tagline { margin-left:5em; }
	.info-block img { width:320px; max-height:320px; }
.info-block { flex-direction:row; }
.stripe:nth-of-type(2n) { flex-direction:row-reverse; text-align:right; }
}

progress {
display:block;
}

    progress:indeterminate {
    	accent-color: var(--md-brown);
    }