*,*::before,*::after{
	box-sizing:border-box;
	padding:0;
	margin:0;
	background:none;
	text-decoration:none;
	outline:none;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	font-weight:inherit;
	font-style:inherit;
	color:inherit;
	border:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
details summary::-webkit-details-marker{
	display:none
}
details>summary{
	list-style:none
}
*:visited,*:active{
	color:inherit
}
:root{
	--c-bg: hsl(0,0%,100%);
	--c-bg-light: hsl(0,0%,97%);
	--c-high: hsla(54,100%,62%,0.4);
	--c-high-light: hsla(54,100%,62%,0.9);
	--c-text: hsl(0,0%,25%);
	--c-text-mid: hsl(0,0%,50%);
	--c-text-light: hsl(0,0%,97%);
	--f-family: "Iowan Old Style",Palatino,Palatino Linotype,"Palatino LT STD",Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	--f-mono: "SF Mono" , Consolas, monaco, monospace;
	--f-size: 14px;
	--f-lineheight: 24px;
	--f-weight: 400;
	--f-style: normal;
	--f-scale-s: 0.889;
	--f-scale-m: 1.2;
	--f-scale-l: 1.4;
	--f-scale-xl: 1.6;
	--f-scale-xxl: 2.2;
	--l-narrower: 9rem;
	--l-narrow: 18rem;
	--l-regular: 24rem;
	--l-wide: 36rem;
	font-size:var(--f-lineheight);
	font-family:var(--f-family);
	font-weight:var(--f-weight);
	font-style:var(--f-style);
	text-align:var(--f-alignment);
	background:var(--c-bg);
	color:var(--c-text)
}
@media (min-width: 500px){
	:root{
		--f-size: 17px;
		--f-lineheight: 32px
	}
}
::selection{
	background:var(--c-high);
	color:var(--c-text)
}
body{
	padding:5rem 1.5rem 1.5rem
}
*,*::before,*::after{
	font-size:var(--f-size);
	line-height:1rem
}
h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,pre,hr,figure{
	margin-right:auto;
	margin-left:auto;
	max-width:var(--l-narrow)
}
h1{
	font-size:calc(var(--f-size) * var(--f-scale-xl));
	line-height:1.3rem;
	padding-bottom:.35rem;
	padding-top:.35rem;
	font-weight:600;
	margin-bottom:2rem
}
h2,h3{
	font-size:calc(var(--f-size) * var(--f-scale-l));
	line-height:1.3rem;
	padding-top:.35rem;
	padding-bottom:.35rem;
	font-weight:600
}
h4,h5,h6{
	font-size:calc(var(--f-size) * var(--f-scale-m));
	line-height:1rem;
	font-weight:600
}
h1:not([class]),h2:not([class]),h3:not([class]),h4:not([class]),h5:not([class]),h6:not([class]){
	text-align:center;
	margin-top:2rem;
	margin-bottom:1rem
}
a{
	font-weight:inherit;
	font-size:inherit
}
p>a:not([class]),li>a:not([class]){
	background:linear-gradient(to right, var(--c-high), var(--c-high-light));
	background-size:300% 40%;
	background-repeat:no-repeat;
	background-position:0% 100%;
	transition-property:background-position;
	transition-duration:300ms;
	padding:0
}
p>a:not([class]):hover,li>a:not([class]):hover{
	background-position:100% 100%
}
p+p{
	text-indent:0rem
}
hr{
	display:block;
	border:none;
	height:2px;
	margin-top:2rem;
	margin-bottom:2rem;
	background:var(--c-bg-light);
	width:var(--l-narrower)
}
blockquote{
	margin-top:1.5rem;
	margin-bottom:1.5rem
}
blockquote p{
	font-style:italic
}
strong,b{
	font-weight:600
}
em,i{
	font-style:italic
}
code{
	font-family:var(--f-mono);
	background:var(--c-text-light)
}
pre{
	margin-bottom:1rem
}
pre:not(:first-child){
	margin-top:1rem
}
pre code{
	font-size:calc(var(--f-size) * var(--f-scale-s));
	line-height:.8rem;
	padding-top:.1rem;
	padding-bottom:.1rem;
	font-family:var(--f-mono);
	padding:1rem;
	display:block;
	overflow-x:auto;
	white-space:pre
}
p code{
	display:inline-block;
	text-indent:0;
	padding:0 .25rem
}
p {
	padding-bottom:.5rem
}
ol,ul,dl{
	margin-top:1rem;
	margin-bottom:1rem;
	list-style-position:inside
}
@media (min-width: 600px){
	ol,ul,dl{
		list-style-position:outside
	}
}
ol{
	list-style-type:upper-roman
}
ul{
	list-style-type:circle
}
.img-figure,.video-figure{
	margin-top:3rem;
	margin-bottom:3rem;
	max-width:var(--l-wide)
}
.img-wrapper,.video-wrapper{
	position:relative;
	border-radius:2px;
	overflow:hidden
}
.img{
	display:block;
	width:100%;
	height:auto;
	border-radius:2px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.video-wrapper{
	padding-bottom:56.25%;
	height:0;
	background:var(--c-bg-light)
}
.video-wrapper iframe,.video-wrapper object,.video-wrapper embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
figcaption{
	font-size:calc(var(--f-size) * var(--f-scale-s));
	line-height:.8rem;
	padding-top:.1rem;
	padding-bottom:.1rem;
	font-style:italic;
	margin-top:1rem;
	text-align:center
}
.img-figure[data-template="with"] .img-container{
	padding:1rem;
	background:var(--c-bg-light)
}
@media (min-width: 600px){
	.img-figure[data-template="with"] .img-container{
		padding:2rem
	}
}
.img-figure[data-template="with"] .img-wrapper{
	box-shadow:0 5px 15px rgba(0,0,0,0.07),0 15px 25px rgba(100,100,100,0.3);
	margin:auto
}
.text{
	margin-bottom:6rem
}
.archive{
	margin-right:auto;
	margin-left:auto;
	max-width:var(--l-narrow)
}
.archive:last-child{
	margin-bottom:7rem
}
.archive-title{
	font-size:calc(var(--f-size) * var(--f-scale-m));
	line-height:1rem;
	font-weight:600;
	text-align:center
}
.archive-text{
	text-align:center;
	font-style:italic;
	margin-bottom:3rem
}
.archive-text *{
	font-size:calc(var(--f-size) * var(--f-scale-s));
	line-height:.8rem;
	padding-top:.1rem;
	padding-bottom:.1rem
}
.archive-subtitle{
	display:flex;
	align-items:center;
	margin-top:1rem
}
.archive-latest-subtitle{
	text-align:center;
	display:block
}
.archive-year{
	font-size:calc(var(--f-size) * var(--f-scale-m));
	line-height:1rem;
	font-weight:600
}
.archive-month{
	font-size:calc(var(--f-size) * var(--f-scale-m));
	line-height:1rem;
	font-weight:600;
	margin-left:auto
}
.archive-post-link{
	transition:color 300ms ease-out;
	display:flex;
	align-items:baseline;
	position:relative
}
.archive-post-link:hover{
	color:var(--c-text-mid)
}
.archive-post-link-current{
	font-style:italic
}
.archive-post-name{
	flex:0 1 auto
}
.archive-post-spacer{
	margin-top:0;
	margin-bottom:0;
	margin-right:.5rem;
	margin-left:.5rem;
	height:1px;
	border:none;
	border-bottom:1px dotted var(--c-text);
	flex:1 0 1rem;
	opacity:0.25
}
.archive-post-day{
	flex:0 1 auto
}
details{
	text-align:center
}
details[open] summary{
	display:none
}
summary{
	font-size:calc(var(--f-size) * var(--f-scale-s));
	line-height:.8rem;
	padding-top:.1rem;
	padding-bottom:.1rem;
	font-style:italic;
	padding:.25rem .75rem;
	display:inline-block;
	margin-top:1rem;
	border:1px solid var(--c-text-light);
	border-radius:9999px;
	transition:color 300ms linear;
	cursor:pointer
}
summary:hover{
	color:var(--c-text-mid)
}
.footer{
	margin-top:6rem;
	text-align:center
}
.footer-item{
	font-size:calc(var(--f-size) * var(--f-scale-s));
	line-height:.8rem;
	padding-top:.1rem;
	padding-bottom:.1rem;
	background:linear-gradient(to right, var(--c-high), var(--c-high-light));
	background-size:300% 40%;
	background-repeat:no-repeat;
	background-position:0% 100%;
	transition-property:background-position;
	transition-duration:300ms;
	padding:0;
	margin:0 .15rem
}
.footer-item:hover{
	background-position:100% 100%
}