html { --mobile-scale: 0.95; --mobile-padding-offset: 0.79; } body { --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: #0ca900; } body.mobile { } a:active, .linked:active, .zoomable::part(media):active { opacity: 0.7; } .page a.active { color: #03000a; } sub { position: relative; vertical-align: baseline; top: 0.3em; } sup { position: relative; vertical-align: baseline; top: -0.4em; } ol { margin: 0; padding: 0 0 0 2.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; } hr { background: rgba(0, 0, 0, 0.6); border: 0; height: 0px; display: block; margin-top: 0.4rem; margin-bottom: 0.5rem; } .content { border-color: rgba(0,0,0,.85); border-width: 0.0rem; border-style: solid; } bodycopy { font-size: 1.00rem; font-weight: normal; color: rgba(0, 0, 0, 0.6); font-family: Courier, 'Courier New', monospace, 'Courier'; font-style: normal; line-height: 2; letter-spacing: 0.150em; display: block; } bodycopy a { color: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-decoration: none; } bodycopy a:hover { } h1 { font-family: "Diatype Variable"; font-style: normal; font-weight: 400; padding: 0; margin: 0; font-size: 3rem; line-height: 1.3; color: rgba(0, 0, 0, 0.85); letter-spacing: 0; font-variation-settings: 'slnt' 0, 'MONO' 0; } h1 a { color: rgba(0, 0, 0, 0.85); text-decoration: none; } h1 a:hover { } h2 { font-family: "Diatype Variable"; font-style: normal; font-weight: 400; padding: 0; margin: 0; color: rgba(0, 0, 0, 0.7); font-size: 1.8rem; line-height: 1.3; letter-spacing: 0; font-variation-settings: 'slnt' 0, 'MONO' 0; } h2 a { color: rgba(0, 0, 0, 0.7); text-decoration: underline; } h2 a:hover { } .caption { font-size: 1.00rem; font-weight: normal; color: rgba(0, 0, 0, 0.4); font-family: Courier, 'Courier New', monospace, 'Courier'; font-style: normal; line-height: 1.8; letter-spacing: 0.025em; display: inline-block; font-variation-settings: 'slnt' 0, 'MONO' 0; border-width: 0.0rem; border-style: solid; border-radius: 0.0rem; border-color: rgba(0,0,0,0.85); filter: drop-shadow(0.0rem 0.0rem 9.26rem rgba(0, 0, 0, 0.25)); will-change: filter; } .caption a { text-decoration: none; color: rgba(0, 0, 0, 0.4); } .caption a:hover { } media-item .caption { margin-top: 1.5em; } gallery-grid .caption, gallery-columnized .caption, gallery-justify .caption { margin-bottom: 2em; } [thumbnail-index] .caption { text-align: center; } [thumbnail-index] .caption .tags { border-top: 1px solid rgba(0, 0, 0, 0.17); padding-top: 1rem; margin-top: 0.8em; line-height: 1.5; display: block; } .page { justify-content: center; } .page-content { padding: 3.7rem; text-align: left; } .mobile [id] .page-layout { max-width: 100%; } .mobile [id] .page-content { } .page-layout { align-items: flex-start; max-width: 60%; } .head { --text-style: "HEAD"; font-size: 1.00rem; font-weight: bold; color: rgba(0, 0, 0, 0.6); font-family: Courier, 'Courier New', monospace, 'Courier Bold'; font-style: normal; line-height: 2; letter-spacing: 0.150em; display: block; } .mobile .head { font-size: 1.25rem; } .head a { color: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-decoration: none; } .head a:hover { } .title { --text-style: "title"; font-size: 0.80rem; font-weight: bold; color: rgba(0, 0, 0, 0.6); font-family: Courier, 'Courier New', monospace, 'Courier Bold'; font-style: normal; line-height: 0.5; letter-spacing: 0.300em; display: block; } .title a { color: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-decoration: none; } .title a:hover { } .button-15 a { color: #ffffff; text-decoration: none; } .about { --text-style: "about"; font-size: 1.00rem; font-weight: bold; color: #ffffff; font-family: Courier, 'Courier New', monospace, 'Courier Bold'; font-style: normal; line-height: 2; letter-spacing: 0.150em; display: block; } .about a { color: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-decoration: none; } .about a:hover { } .captions { --text-style: "captions"; font-size: 1.00rem; font-weight: normal; color: rgba(255, 255, 255, 0.6); font-family: Courier, 'Courier New', monospace, 'Courier'; font-style: normal; line-height: 2; letter-spacing: 0.150em; display: block; } .captions a { color: rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-decoration: none; } .captions a:hover { } .mobile .content { }