/* Authored in the original CMS, carried over verbatim.
 * Generated by src/build.py from the archived stylesheet --
 * edit that source or the generator, not this file.
 */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
    --fs: 2vw;
}

p, span {
	cursor: default;
}

a span.italic:hover, a span.times-condensed:hover, a.title.times-condensed:hover {
	cursor: pointer !important;
    text-decoration: none !important;
}

a.title.times-condensed .about-crown span:hover {
    cursor: pointer !important;
}


html {
	--mobile-scale: 1.25;
	--mobile-padding-offset: 0.5;
   
}

.target {
            padding-top: 50px;
            margin-top: -50px; 
        }

::selection {
    text-decoration: none;
    color: #FF0000;
}

.sticky {
	position: sticky;
    top: 50px;
}

.view {
    position: relative;
}

.view::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    filter: blur(10px);
    pointer-events: none;
    animation: blurOverlay 1s ease forwards;
}

@keyframes blurOverlay {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

#P1984538699.view.overlay,
#P1984538699.view.overlay .view-frame,
#P1984538699.view.fixed,
#P1984538699.view.fixed .view-frame {
    pointer-events: all !important; 
}

#myCanvas {
    position: fixed;
    top: 0; left: 0;
}

.cycle_content {
    opacity: 0;
    white-space: nowrap;
    display: inline-block;
    pointer-events: none;
}
 
.cycle_container {
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    --font-size:1rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
    line-height: 1 !important;
}

body {
    width: 100vw;
    overflow-x: hidden;
	--swatch-1: rgba(0, 0, 0, 0.85);
	--swatch-2: rgba(0, 0, 0, 0.75);
	--swatch-3: rgba(0, 0, 0, 0.6);
	--swatch-4: rgba(0, 0, 0, 0.4);
    --swatch-5: rgba(0, 0, 0, 0.25);
	--swatch-6: #05ff00;
	--swatch-7: #4e31e1;
}


a:hover {
   text-decoration: none;
    color: red;
}

a:hover span[data-fx="scroll-transition"], a:hover span {
	
}

span[data-fx="drag"]:hover {
    display: inline-block;
    transition: all .3s cubic-bezier(0,-0.01,0,1);
}

span[data-fx="drag"] {
    
}

span[data-fx="scroll-transition"] {
    transition: all .4s cubic-bezier(0,-0.01,.12,1) .1s !important;
    opacity: 1;
}


.mi .mi-media {
}


body.narrow {
}

a:active,
.linked:active,
.zoomable .mi-media:active {
	opacity: 1;
}

 .view a.active {
	text-decoration: none !important;
}

sub {
	position: relative;
	vertical-align: baseline;
	top: 0.3em;
}

sup {
	position: relative;
	vertical-align: baseline;
	top: -0.4em;
}

.small-caps {
	font-variant: small-caps;
    text-transform: lowercase;
}

ol {
	margin: 0;
	padding: 0 0 0 1.5em;
	list-style-type: decimal-leading-zero;
}

ul {
	margin: 0;
	padding: 0 0 0 2.0em;
}

ul.lineated {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin: 0 0 0 3em;
	text-indent: -3em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

@media screen and (max-width: 500px) {
	hr {
	margin-top: 3.5rem !important;
        margin-bottom: 2.5rem !important;
}
}

hr {
	background: #000000;
	border: 0;
	height: 1px;
	display: block;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.content {
}

prose {
	--font-size:16px;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 350;
	color: #000000;
	font-family: "Favorit Variable";
	font-style: normal;
	line-height: 1.1;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'slnt' 0;
}

.narrow prose {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

prose a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

prose a:hover {
}

h1 {
	font-family: "Sprat Condensed";;
	font-style: normal;
	margin: 0;
	--font-size:4.7rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	line-height: 0.9;
	color: #000000;
	letter-spacing: 0;
	font-weight: 200;
}

.narrow h1 {
	--font-size:1.4rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 352;
}

h1 a {
	color: #000000;
	text-decoration: none;
}

h1 a:hover {
}

h2 {
	font-family: "Williams Caslon Text";
	font-style: normal;
	font-weight: 400;
	margin: 0;
	color: #000000;
	--font-size:4rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	line-height: 1.1;
	letter-spacing: -0.051em;
}

h2 a {
	color: #000000;
	text-decoration: none;
}

h2 a:hover {
}

.caption {
	--font-size:1rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	color: #000000;
	font-family: "TeX Gyre Heros Condensed";
	line-height: 1.05 !important;
	letter-spacing: -.01em;
	display: block;
	font-weight: 400;
	font-style: normal;
}

.caption a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.caption a:hover {
}

.narrow .caption { 
	letter-spacing: 0em;
	line-height: 1.65;
	--font-size:1.05rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.mi .caption {
	margin-top: 0.5em;
	text-align: left;
}

.gg .caption,
gallery-columnized .caption,
.gj .caption {
	margin-bottom: 2em;
}

[thumbnail-index] .caption {
	text-align: center;
}

[thumbnail-index] .caption .tags {
	margin-top: 0.25em;
}

.view {
	justify-content: flex-start;
}

.view-body {
	text-align: left;
	border-width: 0rem;
	border-color: rgba(0,0,0,.85);
	border-style: solid;
	border-radius: 0rem;
	padding-bottom: 5rem;
	padding-top: 5rem;
	padding-right: 3rem;
	padding-left: 3rem;
}

.narrow [id] .view-frame {
}

.narrow [id] .view-body {
}

.view-frame {
	align-items: flex-start;
	max-width: 100%;
	padding: 0rem;
}

.mi .mi-media {
	border: 0;
	border-color: rgba(0,0,0,.85);
	border-style: solid;
	border-radius: 0rem;
	padding: 0rem;
	border-width: 0rem;
}

.peek {
	height: 90%;
	width: 100%;
	padding: 0rem;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.peek-bg {
}

.peek .caption {
	color: rgba(255, 255, 255, 1.0);
	padding: 20px 0;
	text-align: center;
	transition: 100ms opacity ease-in-out;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.peek .caption-background {
	padding: 0.5rem 1rem;
	display: inline-block;
	background: rgba(0, 0, 0, 0);
	border-radius: .5rem;
	text-align: left;
	max-width: 50rem;
}

.narrow .peek {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px;
}

.narrow .peek .caption {
	padding: 10px 0;
}

.h3 {
	--text-style: "h3";
	--font-size:4.2rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: "TeX Gyre Heros Condensed";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: -0.02em;
	display: inline-block;
	border-width: 0rem;
	border-radius: 0rem;
	padding: 0rem;
}

.narrow .h3 {
	--font-size:2.7rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.h3 a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.h3 a:hover {
	
}

.italic {
	--text-style: "Italic";
	--font-size:1.6rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	color: #000000;
	font-family: "Junicode Condensed";
	font-style: normal;
	line-height: 0.9;
	letter-spacing: -0.03em;
	display: block;
}

.italic a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.italic a:hover {
	
}

.caslon-s {
	--text-style: "Caslon S";
							font-family: "Guyot Text";
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	--font-size:2.5rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	line-height: 1.2;
	color: #000000;
	letter-spacing: 0;
}

.caslon-s a {
	color: #000000;
	text-decoration: none;
}

.caslon-s a:hover {
	
}

.caslon-l {
	--text-style: "Caslon L";
							font-family: "TeX Gyre Heros Condensed";
	font-style: normal;
	margin: 0;
	--font-size:2.75rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	line-height: 0.8;
	color: #000000;
	letter-spacing: 0;
	font-weight: 400;
}

.caslon-l a {
	color: #000000;
	text-decoration: none;
}

.caslon-l a:hover {
	
}

.h5 {
	--text-style: "h5";
	--font-size:4.85rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	color: #000000;
	font-family: "Guyot Text";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: -0.03em;
	display: inline;
	font-weight: 400;
}

.narrow .h5 {
	--font-size:2.05rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.h5 a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.h5 a:hover {
	
}

.sic {
	--text-style: "SIC";
	--font-size:1.6rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 500;
	color: #000000;
	font-family: "Neue Haas Grotesk";
	font-style: normal;
	line-height: 1;
	letter-spacing: -0.03em;
	display: block;
}

.narrow .sic {
	--font-size:1.3rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.sic a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.sic a:hover {
	
}

.favorit-mono {
	--text-style: "DM Mono";
	--font-size:1.6rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: UnifrakturMaguntia;
	font-style: normal;
	line-height: 1;
	letter-spacing: 0em;
	display: block;
}

.narrow .favorit-mono {
	--font-size:1.2rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.favorit-mono a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.favorit-mono a:hover {
	
}

.button-9 {
	--text-style: "button 9";
	--font-size:1.5rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	font-family: "TeX Gyre Heros Condensed";
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0em;
	color: #000000;
	background: rgba(0,0,0,0);
	display: inline-block;
	border-radius: 999rem;
	padding: 0rem;
	border-width: 0rem;
	border-style: solid;
}

.narrow .button-9 {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.button-9 a {
	color: #000000;
	text-decoration: none;
}

.button-9 a:hover {
}

.button-9 a.active {
	color: #000 !important;
    background: white !important;
    border: 1px solid red !important;
	text-decoration: none;
}

.button-prev-next {
	--text-style: "Button Prev / Next";
	--font-size:1.6rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #ffffff;
	font-family: "TeX Gyre Heros Condensed";
	font-style: normal;
	line-height: 1;
	letter-spacing: 0em;
	display: inline-block;
	background: #000000;
	border-width: 0rem;
	border-radius: 124.4rem;
	padding: 1rem;
    transition: all .2s ease-in-out;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
}

.narrow .button-prev-next {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.button-prev-next a {
	color: #ffffff;
    border: 1px solid;
    text-decoration: none;
}

.button-prev-next a:hover {
	background: none;
    border: 1px solid;
    filter: invert(100%);
}

.gravity {
	--text-style: "Gravity";
	--font-size:1rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	color: #000000;
	font-family: "Gravity Variable";
	line-height: 1;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'wdth' 150;
}

.narrow .gravity {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.gravity a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.gravity a:hover {
	
}

.cast-box {
	--text-style: "Cast Box";
	--font-size:1.6rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: "Young Serif";
	font-style: normal;
	line-height: 1;
	letter-spacing: 0em;
	display: block;
}

.narrow .cast-box {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.cast-box a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.cast-box a:hover {
	
}

.blue-nile {
	--text-style: "Blue Nile";
	--font-size:1.6rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 350;
	color: #000000;
	font-family: "Favorit Mono Variable";
	font-style: normal;
	line-height: 1;
	letter-spacing: 0;
	display: block;
	font-variation-settings: 'slnt' 0;
}

.narrow .blue-nile {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.blue-nile a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.blue-nile a:hover {
	
}

.amazon-music {
	--text-style: "Amazon Music";
	--font-size:1.6rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: "Le Murmure";
	font-style: normal;
	line-height: 1;
	letter-spacing: 0em;
	display: block;
}

.narrow .amazon-music {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.amazon-music a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.amazon-music a:hover {
	
}

.dell-emc {
	--text-style: "Dell EMC";
	--font-size:1.6rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: "VCR OSD Mono";
	font-style: normal;
	line-height: 1;
	letter-spacing: -0.03em;
	display: block;
}

.narrow .dell-emc {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.dell-emc a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.dell-emc a:hover {
	
}

.bartells {
	--text-style: "Bartells";
	--font-size:1.6rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #ffffff;
	font-family: "TeX Gyre Heros Condensed";
	font-style: normal;
	line-height: 1;
	letter-spacing: 0em;
	display: inline-block;
	border-width: 0.4rem;
	border-style: solid;
	background: #000000;
	padding: 4rem;
	border-radius: 18.3rem;
	border-color: rgba(0,0,0,0.85);
}

.narrow .bartells {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.bartells a {
	color: #ffffff;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.bartells a:hover {
	
}

.favorit {
	--text-style: "Favorit Variable";
	--font-size:1.25rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: "Favorit Variable";
	font-style: normal;
	line-height: 1.1;
	letter-spacing: -0.03em;
	display: block;
	font-variation-settings: 'slnt' 0;
}

.narrow .favorit {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.favorit a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.favorit a:hover {
	
}

.handwritten {
	--text-style: "Handwritten";
	--font-size:1.25rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 300;
	color: #000000;
	font-family: "Sprat Extended";
	font-style: normal;
	line-height: 1.1;
	letter-spacing: -0.03em;
	display: block;
}

.narrow .handwritten {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.handwritten a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.handwritten a:hover {
	
}

.dutch-roman {
	--text-style: "Dutch Roman";
	--font-size:1.25rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: Dutch801 B T;
	font-style: normal;
	line-height: 0.8;
	letter-spacing: -0.05em;
	display: block;
}

.narrow .dutch-roman {
	--font-size:0.6rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.dutch-roman a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.dutch-roman a:hover {
	
}

.times-condensed {
	--text-style: "Times Condensed";
	--font-size:1.25rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 700;
	color: #000000;
	font-family: Times Condensed Epoch;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: -0.040em;
	display: inline-block;
}

.narrow .times-condensed {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.times-condensed a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.times-condensed a:hover {
	
}

.arial-black {
	--text-style: "Arial Black";
	--font-size:16px;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 900;
	color: #000000;
	font-family: 'Arial Black', Arial, sans-serif, Arial Black;;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: -0.03em;
	display: inline-block;
}

.narrow .arial-black {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.arial-black a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.arial-black a:hover {
	
}

.apple-garamond {
	--text-style: "Apple Garamond";
	--font-size:14px;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: Apple Garamond;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: -0.040em;
	display: block;
}

.narrow .apple-garamond {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.apple-garamond a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.apple-garamond a:hover {
	
}

.helvetica-neue-condensed-bold {
	--text-style: "Franklin";
	--font-size:14px;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: "Franklin Gothic Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	line-height: 0.8;
	letter-spacing: 0;
	display: block;
}

.narrow .helvetica-neue-condensed-bold {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.helvetica-neue-condensed-bold a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.helvetica-neue-condensed-bold a:hover {
	
}

.email-button {
	--text-style: "email button";
	--font-size:3rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: "TeX Gyre Heros Condensed";
	font-style: normal;
	line-height: 1.1;
	letter-spacing: -0.020em;
	display: inline-block;
	border-width: 0.0rem;
	padding: 0.0rem;
	border-radius: 0.0rem;
	background: #22f545;
	padding-right: 2rem;
	padding-left: 2rem;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}

.narrow .email-button {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.email-button a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.email-button a:hover {
	
}

.system {
	--text-style: "System";
	--font-size:14px;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 350;
	color: #000000;
	font-family: arial, sans-serif;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: 0em;
	display: block;
	font-variation-settings: 'slnt' 0;
}

.narrow .system {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.system a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.system a:hover {
	
}

.sabon {
	--text-style: "Sabon";
	--font-size:14px;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: Sabon Next L T;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: 0em;
	display: block;
}

.narrow .sabon {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.sabon a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.sabon a:hover {
	
}

.kristall {
	--text-style: "Kristall";
	--font-size:14px;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #000000;
	font-family: Kristall Beta Actual Source;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: 0em;
	display: block;
}

.narrow .kristall {
	--font-size:1.45rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.kristall a {
	color: #000000;
	border-bottom: 0px solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

.kristall a:hover {
	
}

.gt-america-mono {
	--text-style: "GT America Mono";
	--font-size:1.25rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	font-weight: 400;
	color: #231f20;
	font-family: Diatype Variable;
	font-style: normal;
	line-height: 1.1;
	letter-spacing: 0;
	display: block;
}

.narrow .gt-america-mono {
	--font-size:1rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
}

.gt-america-mono a {
	color: #231f20;
	border-bottom: 0px solid rgba(0, 0, 0, 1);
	text-decoration: none;
}

.gt-america-mono a:hover {
	
}

.narrow .peek .caption-background {
	max-width: 100vw;
}

::part(slideshow-nav) {
	--button-size: 30px;
	--button-inset: 20px;
	--button-icon-color: rgba(255, 255, 255, 0.9);
	--button-icon-stroke-width: 1.5px;
	--button-icon-stroke-linecap: none;
	--button-background-color: rgba(87, 87, 87, 0.35);
	--button-background-radius: 50%;
	--button-active-opacity: 0.7;
}

gallery-slideshow::part(slideshow-nav) {
	--button-inset: 15px;
}

.peek::part(slideshow-nav) {
}

.wallpaper-slideshow::part(slideshow-nav) {
}

.narrow ::part(slideshow-nav) {
	--button-inset: 10px;
}

.narrow .peek::part(slideshow-nav) {
	--button-inset: 25px;
}

.shop-product {
	--font-size:4.2rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	max-width: 100%;
	font-family: "TeX Gyre Heros Condensed";
	font-style: normal;
	font-weight: 700;

    letter-spacing: -.02em;
}

.shop-product::part(price) {
	color: rgba(0, 0, 0, 0.75);
	line-height: 1.1;
	margin-bottom: 0.5em;
}

.shop-product::part(dropdown) {
	width: 100%;
	color: rgba(0, 0, 0, 0.85);
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.0);
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14'%3E%3Cpath d='M5 1l3 4H2zM5 13l-3-4h6z' fill='%23000'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: top 0em right .1em;
	line-height: 1.2;
	padding: 0.58em 2em 0.55em 0.9em;
	border-radius: 10em;
	margin-bottom: 0.5em;
}

.shop-product .product-button {
	color: rgba(0, 0, 0, 1);
	text-align: left;
	line-height: normal;
	cursor: pointer;
        line-height: .8;
}

.shop-product .product-button:active {
	opacity: .7;
}

audio-player {
	--text-color: rgba(0, 0, 0, 0.85);
	--text-padding: 0 1.2em 0 1.0em;
	--background-color: rgba(255, 255, 255, 0);
	--buffer-background-color: rgba(0, 0, 0, 0.03);
	--progress-background-color: rgba(0, 0, 0, 0.075);
	--border-lines: 1px solid rgba(0, 0, 0, 0.2);
	--font-size:1.2rem;font-size:calc(var(--font-scale, 1) * var(--font-size));
	width: 32rem;
	height: 2.75em;
	font-family: "Diatype Variable";
	font-style: normal;
	font-weight: 400;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
	line-height: normal;
	letter-spacing: 0em;
	margin-bottom: 0.5em;
	border-radius: 10em;
}

audio-player::part(button) {
	--icon-color: rgba(0, 0, 0, 0.85);
	--icon-size: 32%;
	--play-text: '';
	--pause-text: '';
	width: 3.15em;
	display: inline-flex;
	justify-content: center;
	cursor: pointer;
}

audio-player::part(play-icon) {
	padding-left: 0.6em;
}

audio-player::part(pause-icon) {
	padding-left: 0.4em;
}

audio-player::part(progress-indicator) {
	border-right: 1px solid rgba(0, 0, 0, 0);
	height: 100%;
	cursor: ew-resize;
}

audio-player::part(separator) {
	border-right: var(--border-lines);
}

body.narrow audio-player {
	max-width: 100%;
}

.narrow .content {
}