/* A quiet, source-led publication within the CUPS site. */
.archive-page{margin:0;background:#281013}
.archive-paper{position:relative;overflow:hidden;color:#2c2927;background:linear-gradient(180deg,#eeece8 0%,#eeeae2 23%,#f0e5cf 51%,#efdcb8 76%,#ebd2a5 100%)}
.archive-paper::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' seed='12' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.21'/%3E%3C/svg%3E")}
.archive-intro,.archive-timeline,.archive-finale,.archive-notes{width:min(100% - 2*var(--gutter),1100px);margin-inline:auto;position:relative;z-index:1}
.archive-intro{min-height:610px;padding:100px 0 120px;display:flex;align-items:flex-start}
.archive-intro-copy{position:relative;z-index:2;max-width:700px}
.archive-kicker{font:600 14px/1.2 var(--small);letter-spacing:.1em;text-transform:uppercase}
.archive-intro h1{font:500 clamp(78px,10vw,150px)/.9 var(--serif);letter-spacing:-.06em;margin:32px 0 12px}
.archive-subtitle{font:500 clamp(28px,3vw,42px)/1.13 var(--serif);letter-spacing:-.018em}
.archive-intro-note{max-width:550px;margin-top:72px;font:500 clamp(19px,1.8vw,24px)/1.47 var(--small)}
.archive-tree{position:absolute;right:clamp(-490px,-34vw,-280px);top:-120px;width:clamp(620px,69vw,940px);max-width:none;height:clamp(560px,62vw,800px);object-fit:cover;object-position:center top;opacity:.32;filter:grayscale(1) contrast(1.35);mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 69% 58% at 53% 37%,#000 38%,transparent 100%);pointer-events:none}
.archive-timeline{max-width:1000px;padding:0 0 90px 0}
.archive-timeline::before{content:"";position:absolute;left:0;top:0;bottom:90px;width:1px;background:linear-gradient(180deg,#655c55 0%,#887568 51%,#a78063 100%)}
.archive-entry{position:relative;display:grid;grid-template-columns:175px minmax(0,1fr);gap:clamp(25px,4vw,72px);padding:0 0 clamp(66px,7vw,108px) 44px;min-width:0}
.archive-entry::before{content:"";position:absolute;left:-4px;top:14px;width:9px;height:9px;background:#4b413a;border-radius:50%}
.archive-entry:nth-child(n+5)::before{background:#785b48}
.archive-entry:last-child{padding-bottom:0}
.archive-entry time{font:500 clamp(27px,3vw,39px)/1.14 var(--serif);white-space:nowrap;letter-spacing:-.02em}
.archive-entry p{max-width:650px;font:500 clamp(21px,2.2vw,29px)/1.35 var(--serif)}
.archive-entry p strong{font-weight:600}
.archive-echo{display:block;margin-top:.28em;color:#5f5147}
.archive-entry em{font-style:italic}
.archive-ref{font:500 .55em/1 var(--small);vertical-align:super;margin-left:.05em}
.archive-ref a{color:#715f56;border-bottom:1px solid transparent}
.archive-ref a:hover,.archive-ref a:focus-visible{color:#281013;border-color:currentColor}
.archive-finale{max-width:1000px;padding:120px 0 175px}
.archive-finale h2{margin:30px 0 25px;font:500 clamp(74px,10vw,132px)/.88 var(--serif);letter-spacing:-.06em}
.archive-finale>p:last-child{max-width:800px;font:500 clamp(29px,3.7vw,48px)/1.13 var(--serif);letter-spacing:-.02em}
.archive-notes{border-top:1px solid #9b8d80;padding:46px 0 120px;max-width:1000px}
.archive-notes h2{font:600 14px/1.25 var(--small);letter-spacing:.1em;text-transform:uppercase;color:#74665b}
.archive-notes ol{margin:34px 0 0;padding:0;list-style:none;counter-reset:archive-note;max-width:800px}
.archive-notes li{counter-increment:archive-note;display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:8px 0;font:500 14px/1.35 var(--small);color:#554d48;scroll-margin-top:30px}
.archive-notes li>span,.archive-notes li>a{white-space:nowrap}
.archive-notes li::before{content:counter(archive-note);color:#7c6b61}
.archive-notes li:target{color:#281013}
.archive-notes a{width:fit-content;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.archive-notes a:hover,.archive-notes a:focus-visible{text-decoration-color:currentColor}
.archive-notes>p{max-width:800px;margin-top:30px;font:500 16px/1.46 var(--small);color:#6a6059}
.archive-notes .archive-art-credit{margin-top:14px;font-size:15px}
.archive-art-credit a{text-decoration:underline;text-underline-offset:3px}
.archive-close{position:relative;min-height:510px;padding:clamp(90px,12vw,160px) var(--gutter) 65px;background:linear-gradient(180deg,#a18269 0%,#554041 37%,#281013 80%);color:#efd5b5}
.archive-close>*:not(.archive-end-mark){position:relative;z-index:1;max-width:790px;margin-left:max(0px,calc((100vw - 1100px)/2 - var(--gutter)))}
.archive-close h2{margin-top:28px;font:500 clamp(40px,5vw,70px)/1.02 var(--serif);letter-spacing:-.035em}
.archive-close p:not(.archive-kicker){margin-top:24px;font:500 clamp(21px,2.3vw,28px)/1.4 var(--small)}
.archive-close>a{display:inline-block;margin-top:32px;border-bottom:1px solid currentColor;font:500 21px/1.3 var(--small);overflow-wrap:anywhere}
.archive-close>a:hover{color:#f4c38e}
.archive-end-mark{display:block;margin-top:100px;text-align:right;font:500 clamp(42px,5vw,68px)/1 var(--serif);letter-spacing:-.04em;opacity:.8}
body:has(.archive-page) .site-footer{margin-top:0}
@media(max-width:700px){
  .archive-intro{min-height:550px;padding:70px 0 95px}
  .archive-intro h1{margin-top:26px}
  .archive-intro-note{margin-top:42px;max-width:31ch}
  .archive-tree{width:clamp(490px,155vw,680px);height:clamp(520px,150vw,620px);left:62vw;right:auto;top:-90px;opacity:.25}
  .archive-timeline{margin-left:var(--gutter);width:calc(100% - 2*var(--gutter));padding-bottom:70px}
  .archive-entry{display:block;padding:0 0 72px 28px}
  .archive-entry::before{top:10px}
  .archive-entry time{display:block;margin-bottom:12px;font-size:32px}
  .archive-entry p{font-size:23px;line-height:1.33}
  .archive-finale{padding:90px 0 120px}
  .archive-finale h2{margin-top:24px;margin-bottom:22px}
  .archive-finale>p:last-child{font-size:clamp(29px,8vw,40px)}
  .archive-notes{padding:42px 0 90px}
  .archive-notes li{font-size:12px;line-height:1.35}
  .archive-close{min-height:0;padding:90px var(--gutter) 55px}
  .archive-close>*:not(.archive-end-mark){margin-left:0}
  .archive-end-mark{margin-top:95px}
}