:root{--color-1:#000000;--color-2:#4d4d4d;--color-3:#808080;--color-4:#ffffff;--color-5:#ffffff;--journal-ink:var(--color-1);--journal-paper:var(--color-4);--journal-muted:#ffffffb8;--journal-clay:var(--color-5);--journal-line:var(--color-2)}
.color-1{color:var(--color-1)}.color-2{color:var(--color-2)}.color-3{color:var(--color-3)}.color-4{color:var(--color-4)}.color-5{color:var(--color-5)}
body:not(:has(#appView))::before{background:radial-gradient(ellipse at 17% 23%,#80808050,transparent 46%),radial-gradient(ellipse at 80% 72%,#ffffff38,transparent 49%),radial-gradient(ellipse at 34% 94%,#4d4d4d88,transparent 43%),linear-gradient(120deg,#000000,#000000)}
::selection{background:var(--color-5);color:var(--color-1)}.text-clay,.text-brass{color:var(--color-5)}.text-haze{color:#ffffffb8}.home-kicker{color:var(--color-5)}.home-intro-links a{border-bottom-color:var(--color-5)}.home-intro-links a:hover{color:var(--color-5)}.intro-row h1 i,.story-meta>span:first-child{color:var(--color-5)}
#siteHeader{background:#000000bd;backdrop-filter:blur(12px)}.journal-page .article-body{color:#ffffffe6}.article-body a{color:var(--color-5)}.story-card>p,.intro-row>p,.article-dek,.home-about{color:#ffffffc4}.photo-controls button:focus-visible,.photo-controls button:hover{border-color:var(--color-5);color:var(--color-5)}.slide-progress-fill{background:var(--color-5)}.editor-button.primary{background:var(--color-5);border-color:var(--color-5);color:var(--color-1)}.article-list-item.selected{border-color:var(--color-5)}

/* Black surfaces, with white type and the original photographs. */
body:not(:has(#appView)){background:#000!important}
body:not(:has(#appView))::before,body:not(:has(#appView))::after{display:none!important}
#siteHeader,.journal-header{background:#000!important;backdrop-filter:none}
.hero{height:80svh;min-height:420px;max-height:850px;background:#000}
.hero canvas{top:64px;bottom:0;height:calc(100% - 64px)}
.photo-controls,.slides-navigation,.photo-counter{display:none!important}
.slider-wrapper::after{background-image:radial-gradient(circle at center,transparent 0 1.2px,#000d 1.75px)}

/* A larger photograph, framed by generous black space. */
.photo-section{padding:48px 24px 72px!important}
.slider-wrapper{width:100%;max-width:1600px;margin-inline:auto}
@media(max-width:700px){.photo-section{padding:32px 16px 48px!important}}