@font-face{font-family:'Orpheus 2';src:local('Orpheus 2'),local('Orpheus Pro'),local('OrpheusPro');font-weight:300;font-display:swap}*{box-sizing:border-box}html{background:#efeee5;color:#28251f}body{margin:0;padding:0 4.2vw 32px}a{color:inherit;text-decoration:none}header{height:138px;display:flex;align-items:center}.wordmark{font-family:'Orpheus 2',orpheuspro,"Times New Roman",serif;font-size:clamp(28px,3.2vw,48px);font-weight:300;line-height:1;letter-spacing:-.015em}.panels{display:grid;grid-template-columns:1fr 1fr;gap:3.2vw}.photo{height:calc(100svh - 220px);min-height:400px;overflow:hidden;background:#3a2c20}.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.panel:hover img{transform:scale(1.025)}.caption{display:flex;justify-content:space-between;align-items:center;padding-top:17px;font:14px/1.5 Arial,sans-serif}.caption span:last-child{font-size:21px}a:focus-visible{outline:2px solid #6a5439;outline-offset:7px}.back{font:13px Arial,sans-serif;display:inline-block;margin-bottom:28px}.section-heading{font:300 clamp(36px,5vw,70px)/1.1 'Orpheus 2',orpheuspro,"Times New Roman",serif;margin:0 0 30px}.detail-photo{display:block;width:min(100%,900px);max-height:1100px;object-fit:contain;object-position:left}.detail{padding-bottom:45px}@media(max-width:650px){body{padding:0 22px 28px}header{height:105px}.wordmark{font-size:34px}.panels{grid-template-columns:1fr;gap:32px}.photo{height:66svh;min-height:340px}.caption{padding-top:12px}.detail-photo{max-height:none}}@media(prefers-reduced-motion:reduce){.photo img{transition:none}}

/* Regular weight typography and image navigation labels. */
body{font-weight:300;font-synthesis:none}h1,h2,h3,h4,h5,h6,b,strong{font-weight:300}.photo{position:relative}.photo::after{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent);pointer-events:none}.caption{position:absolute;top:22px;left:24px;z-index:1;display:block;padding:0;color:#fff;font:300 21px/1.3 'Orpheus 2',orpheuspro,"Times New Roman",serif;text-shadow:none}@media(max-width:650px){.caption{top:18px;left:18px;padding:0}}

/* Light typography throughout; never synthesize bold. */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,a,span,h1,h2,h3,h4,h5,h6,b,strong{font-weight:300;font-synthesis:none}.back{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:300}
/* Two equal portrait images, including on smaller screens. */
.panels{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-width:0}.photo{width:100%;height:auto;min-height:0;aspect-ratio:2/3}.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(max-width:650px){.panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo{height:auto;min-height:0;aspect-ratio:2/3}.caption{top:12px;left:12px;font-size:17px}}

body{text-transform:uppercase}
/* Preserve the two-photo composition on phones and tablets. */
body{padding-left:4.2vw;padding-right:4.2vw}.panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2vw}.wordmark{white-space:nowrap}.photo{aspect-ratio:2/3;height:auto;min-height:0}
@media(max-width:650px){header{height:clamp(82px,22vw,105px)}.wordmark{font-size:clamp(22px,6.5vw,34px)}.caption{font-size:clamp(12px,3.2vw,17px);top:clamp(9px,2.6vw,12px);left:clamp(9px,2.6vw,12px)}}

.wordmark{text-transform:none}