.page-archive{background:#0b100d;color:#eee9df}
.archive-main{min-height:100svh;padding:clamp(145px,13vw,205px) clamp(24px,6vw,108px) clamp(100px,10vw,165px)}
.archive-breadcrumb{display:flex;gap:12px;align-items:center;margin:0 0 clamp(50px,6vw,95px);color:#a49f94;font-size:11px;letter-spacing:.08em}
.archive-breadcrumb a{border-bottom:1px solid rgba(201,167,124,.5);padding-bottom:3px}
.archive-breadcrumb a:hover,.archive-breadcrumb a:focus-visible{color:#eac587}
.archive-kicker{margin:0 0 22px;color:#cba569;font-size:10px;letter-spacing:.22em}
.archive-heading{max-width:900px;margin-bottom:clamp(65px,8vw,125px)}
.archive-heading h1{margin:0;font:400 clamp(65px,9vw,145px)/.96 var(--serif);letter-spacing:-.055em}
.archive-heading>p:last-child{max-width:690px;margin:30px 0 0;color:#bdbdb3;font-size:clamp(17px,1.55vw,22px);line-height:1.55}
.archive-empty{display:grid;grid-template-columns:minmax(220px,.73fr) minmax(0,1fr);gap:clamp(65px,9vw,155px);align-items:center;padding:clamp(55px,7vw,105px) 0;border-top:1px solid rgba(218,173,94,.28);border-bottom:1px solid rgba(218,173,94,.28);background:radial-gradient(ellipse at 24% 50%,rgba(91,73,40,.18),transparent 55%)}
.archive-art{position:relative;width:min(100%,400px);aspect-ratio:3/4;margin:0 auto;padding:7%;border:1px solid rgba(218,173,94,.45);box-shadow:0 0 0 17px #111814,0 0 0 18px rgba(218,173,94,.18);background:#0a0e0b}
.archive-art::after{content:'';position:absolute;inset:3%;border:1px solid rgba(218,173,94,.28);pointer-events:none}
.archive-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) brightness(.78)}
.archive-empty-copy{max-width:620px}
.archive-empty-copy h2{margin:0 0 28px;font:400 clamp(50px,5.8vw,90px)/1.02 var(--serif);letter-spacing:-.05em;text-wrap:balance}
.archive-empty-copy>p:not(.archive-kicker){max-width:560px;margin:0 0 42px;color:#c3c5ba;font-size:clamp(16px,1.4vw,20px);line-height:1.7}
.archive-empty-copy a{display:inline-block;border-bottom:1px solid #cba569;padding-bottom:9px;color:#e2c28d;font-size:13px;letter-spacing:.06em}
.archive-empty-copy a:hover,.archive-empty-copy a:focus-visible{color:#fff;border-color:#fff}
@media(max-width:760px){
  .archive-main{padding:135px 7vw 95px}
  .archive-breadcrumb{margin-bottom:55px}
  .archive-heading{margin-bottom:70px}
  .archive-heading h1{font-size:clamp(58px,13vw,89px)}
  .archive-empty{grid-template-columns:1fr;gap:70px;padding:65px 12px 75px}
  .archive-art{width:min(70vw,320px)}
  .archive-empty-copy h2{font-size:clamp(48px,11vw,72px)}
}

.archive-art img{opacity:.5;filter:saturate(.55)}