@charset "UTF-8";:root{--serif-fonts: Garamond, Georgia, "Times New Roman", Times, serif;--blue: #a0c8df;--dark-blue: color-mix(in srgb, #a0c8df 90%, black);--gold: #dec897;--gold-translucent: #dec89788;--body-bg-color: color-mix(in srgb, white 92.5%, var(--gold));--body-max-width: 80ch;--nav-scroll-gutter: 9rem;--body-padding: clamp(1rem, 3vw, 2rem);--body-font-size: clamp(16px, 3vw, 20px);--responsive-padding: max( var(--body-padding), ((100% - var(--body-max-width)) / 2) )}@media screen and (max-width: 800px){:root{--nav-scroll-gutter: 8rem}}:root ::selection{background-color:var(--blue)}*{box-sizing:border-box}html{font-family:Calibri,Arial,Helvetica,sans-serif;font-size:var(--body-font-size);scroll-behavior:smooth;scroll-padding:var(--nav-scroll-gutter)}body{background-color:var(--body-bg-color);margin:0}main{margin:2rem auto 0}h1,h2,h3,h4,h5,h6{font-family:var(--serif-fonts)}input,select,textarea{font:inherit}a{color:var(--dark-blue);filter:saturate(1.75) contrast(.75);text-decoration-color:transparent;text-underline-offset:.2rem;transition:text-decoration 333ms}a:hover,a.scroll-spy{text-decoration-color:currentColor}.nowrap{white-space:nowrap}nav{background-color:var(--body-bg-color);box-shadow:inset 0 0 2rem transparent,0 5px 5px transparent;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto;padding:clamp(.333rem,3vw,1rem) var(--body-padding);position:sticky;top:-1px;transition:333ms;transition-property:box-shadow;z-index:1}nav.is-pinned{box-shadow:inset 0 0 2rem var(--gold-translucent),0 5px 5px var(--gold-translucent);margin-bottom:-2px}nav.is-pinned h1{text-shadow:0 0 0 black}nav a.back-to-top{padding-right:3em}nav h1{color:transparent;font-size:1.875rem;text-align:right;text-shadow:0 0 0 var(--gold);transition:text-shadow 333ms;white-space:nowrap}nav ul{font-size:max(1em,14px);list-style-type:none;line-height:1.4;padding:0}nav li{display:inline-block;text-align:center}nav li[aria-hidden]{color:var(--gold);font-weight:700;padding:0 .45em}nav a[href="#"]{text-decoration:none}@media screen and (max-width: 1100px){nav{flex-direction:column;row-gap:1.25ch;overflow:auto}nav a.back-to-top{padding-right:0}nav h1,nav ul{line-height:inherit;margin:0}nav h1{margin-top:.25em}nav ul{display:flex;font-size:clamp(16px,3vw,24px)}nav ul li{flex:0 1 auto}}.portraits{position:sticky;top:var(--nav-scroll-gutter)}.portraits :last-child{filter:opacity(0)}.portraits.swap :first-child{filter:opacity(0)}.portraits.swap :last-child{filter:opacity(1)}.portrait{max-width:100%;margin-right:clamp(1em,5vw,1.5em);margin-block:.5em;position:absolute;transition:filter .2s}section{display:grid;align-items:start;grid-template-columns:min(25ch,33%) 1fr;column-gap:clamp(2ch,3vw,3ch);padding-inline:var(--responsive-padding)}section:first-of-type{grid-template-columns:clamp(33%,36vw,45%) 1fr}section[id]>:first-child{grid-column:1;position:sticky;top:var(--nav-scroll-gutter)}section[id]>:first-child img{max-width:100%}section[id]>:first-child img.half-sized{max-width:50%;float:right}section[id]>:not(:first-child){grid-column:2}section h2{text-align:right}section h2:first-child,section h3:first-child{margin:0}section h2+img{margin-top:1em}section h3{font-size:1em;font-style:italic;font-weight:400}section figure{margin-inline:0;transition:.2s;transition-property:box-shadow,padding,width;transform-origin:top left;width:100%}section figure:hover{background-color:#fff;box-shadow:2px 2px 10px #1118;padding:1ch;width:200%}section figure figcaption{font-size:smaller}section p{line-height:1.5}section p:first-of-type{margin-top:0}section p:last-of-type{margin-bottom:0}section+section{margin-top:5em}section hr{border:none}section hr:before{content:"* * *";filter:opacity(.5);letter-spacing:.5ch;font-size:smaller;text-align:center}section address{font-style:normal;line-height:1.5}section address:first-line{font-weight:700}section.articles{grid-template-columns:min-content repeat(3,1fr);align-items:initial;justify-content:center;gap:2ch;max-width:1375px;padding:0 2rem;margin-inline:auto}@media screen and (max-width: 1100px){section.articles{grid-template-columns:min-content repeat(2,1fr)}}@media screen and (max-width: 700px){section.articles{grid-template-columns:1fr}section.articles h2{display:none}}section.articles h2{align-self:start;grid-row:span 3;rotate:180deg;writing-mode:vertical-lr;position:sticky;top:var(--nav-scroll-gutter)}section.articles [role=article]{border:1px dashed var(--gold);box-shadow:0 0 #1112;color:currentColor;display:grid;align-content:start;filter:opacity(.9);padding:2ch;text-decoration:none;transition:.3s;transition-property:border-color,box-shadow,filter}section.articles [role=article]:hover{border-color:var(--blue);border-style:solid;box-shadow:1px 1px 10px #1112;filter:opacity(1)}section.articles [role=article]:hover .title{background-size:0 .1em,100% .1em}section.articles [role=article] .article-img{aspect-ratio:3/2;font-size:0;margin-bottom:.5rem;overflow:hidden;position:relative}section.articles [role=article] .article-img img{width:100%}section.articles [role=article] .article-img:after{content:attr(data-type);font-size:.85rem;background-color:#111c;color:#fff;align-items:center;padding:.5ch 1ch;position:absolute;bottom:0;left:0}section.articles [role=article] .title{background:linear-gradient(to right,var(--gold),var(--gold)),linear-gradient(to right,var(--dark-blue),var(--dark-blue));background-size:100% .1em,0 .1em;background-position:100% 100%,0 100%;background-repeat:no-repeat;font-family:var(--serif-fonts);line-height:1.3;padding:.1em;transition:background-size .75s}section.articles [role=article] .source{margin-top:.25em;font-size:smaller;color:color-mix(in oklch,currentColor 60%,transparent)}section.articles [role=article] blockquote{gap:1.5ch;font-size:.9rem;margin:1rem 0 0;padding-left:5ch;position:relative}section.articles [role=article] blockquote:before{content:"“";font:4rem var(--serif-fonts);position:absolute;left:0}.email-flipper{cursor:pointer;font-size:0;vertical-align:sub;padding-left:.1rem}.email-flipper img{--scale-factor: .95;height:calc(var(--body-font-size) * var(--scale-factor))}.email-flipper img:last-child{display:none}.email-flipper:hover img:first-child{display:none}.email-flipper:hover img:last-child{display:inline}footer{color:color-mix(in oklch,transparent,currentColor);font-size:max(.85rem,14px);display:grid;align-items:end;justify-items:center;height:30vh;padding:2rem 1rem}footer img{align-self:center;width:max(4vw,3em)}.show-copied-notice .copied-to-clipboard{filter:opacity(1)}.copied-to-clipboard{background-color:#00000080;border-radius:999px;filter:opacity(0);padding:.75rem 1rem;position:fixed;bottom:1rem;color:#fff;margin:0 50%;transition:filter .2s;white-space:nowrap}