/* Original photographs, framed as panels from a San Andreas cover. */
.personal-archive .archive-photos{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:4%;padding:12px 12px 35px}
.personal-archive .archive-photos figure{position:relative;inset:auto;width:100%;max-width:none;margin:0!important;padding:8px;border:2px solid #080b08;background:#e5dfcf;box-shadow:7px 9px 0 #080b08,9px 11px 0 #b7e87155;rotate:-1deg}
.personal-archive .archive-photos .archive-portrait{rotate:2deg;box-shadow:7px 9px 0 #080b08,9px 11px 0 #9168b977}
.archive-frame-label{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:7px 3px 12px;color:#273326;font:600 8px/1.4 'DM Sans',sans-serif;letter-spacing:1.2px}
.archive-frame-label span:last-child{color:#526346}
.personal-archive .archive-photo{height:auto;border:3px solid #0b100c;border-radius:0;overflow:visible;box-shadow:none;background:#10150f}
.archive-window{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:#0b100c}
.personal-archive .archive-photo .archive-window img{position:absolute;left:-5%;top:-4%;display:block;width:110%;max-width:none;height:auto;filter:none!important;scale:1!important;transform:none!important}
.archive-portrait .archive-window{aspect-ratio:4/5}
.personal-archive .archive-photos figcaption{position:relative;align-items:center;min-height:63px;padding:13px 5px 5px;color:#172115;font:700 clamp(14px,1.5vw,22px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:.5px}
.archive-portrait figcaption:after{content:'';position:absolute;bottom:3px;left:5px;width:100px;border-bottom:3px solid #9168b9;rotate:-2deg}
.archive-save-mark{display:block;flex-shrink:0;background:#b9ed72;color:#15220d;border:2px solid #15220d;padding:8px;font:700 8px/1 'DM Sans',sans-serif;letter-spacing:1px;rotate:-5deg}
.personal-archive .archive-expand{bottom:12px;right:12px;width:40px;height:40px;border:2px solid #10170b;border-radius:0;background:#c5ef77;color:#13220d;box-shadow:3px 3px 0 #080b08}
.personal-archive .archive-photo:focus-visible{outline:3px solid #c5ef77;outline-offset:5px}
.personal-archive .archive-foot{margin:28px 0 0;max-width:100%}
@media(max-width:700px){
  .personal-archive .archive-photos,.mobile-directed .personal-archive .archive-photos{gap:22px;padding:14px 12px 28px!important;margin-left:-12px;margin-right:-6.8%}
  .personal-archive .archive-photos figure,.mobile-directed .personal-archive .archive-photos figure{flex:0 0 89%;width:89%!important;max-width:none!important;padding:7px!important;border:2px solid #080b08!important;align-self:center}
  .personal-archive .archive-photo,.mobile-directed .personal-archive .archive-photo{height:auto}
  .personal-archive .archive-window,.personal-archive .archive-portrait .archive-window{aspect-ratio:4/5}
  .personal-archive .archive-landscape .archive-window img{width:164%;left:-54%;top:-4%}
  .personal-archive .archive-portrait .archive-window img{width:110%;left:-5%;top:-4%}
  .personal-archive .archive-photos figcaption,.mobile-directed .personal-archive .archive-photos figcaption{font:700 17px/1.1 'Barlow Condensed',sans-serif;min-height:60px;padding:12px 3px 5px;gap:8px}
  .archive-frame-label{font-size:7px;letter-spacing:.7px}.archive-save-mark{font-size:7px;padding:6px}
}