@import url('https://fonts.googleapis.com/css2?family=Finger+Paint&family=Oswald:wght@400;500;600;700&family=Roboto+Slab:wght@400;600;700&family=Sedgwick+Ave+Display&display=swap');
:root{--black:#0b0b0c;--panel:#171314;--ink:#f4ead4;--muted:#aaa097;--paper:#ede1c9;--red:#c9212f;--gold:#d6a928;--line:#ffffff20}*{box-sizing:border-box}html{background:var(--black);color:var(--ink);font:16px/1.5 "Roboto Slab",serif}body{margin:0;background:repeating-linear-gradient(100deg,transparent 0 42px,#ffffff03 43px 44px),var(--black)}a{color:inherit}.shell{width:min(1220px,calc(100% - 44px));margin:auto}.site-nav{position:absolute;z-index:5;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0;border-bottom:1px solid #ffffff38}.wordmark{font:700 1rem/1 Oswald,sans-serif;letter-spacing:.09em;text-decoration:none}.wordmark span{color:var(--red)}.site-nav nav{display:flex;gap:20px}.site-nav nav a{color:#ddd4c7;font:700 .7rem/1 Oswald,sans-serif;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.site-nav nav a:hover,.site-nav nav .active{color:var(--gold)}.vault-hero{position:relative;min-height:690px;display:flex;align-items:end;overflow:hidden;padding:170px 0 90px;background:linear-gradient(90deg,#09090af2,#0b0b0cb8),url('artwork/site/appleton-wall.jpg') center/cover}.vault-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 43%,#d6a9282e,transparent 18%),linear-gradient(0deg,#0b0b0c,transparent 38%)}.vault-stamp{position:absolute;right:5vw;top:130px;z-index:1;transform:rotate(8deg);padding:25px 35px;border:9px double #c9212f88;color:#d6a92899;font:700 4rem/.8 Oswald,sans-serif;text-align:center}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 300px;align-items:end;gap:80px}.eyebrow,.section-label,.console-heading>div>span{color:var(--gold);font:700 .7rem/1 Oswald,sans-serif;letter-spacing:.18em;text-transform:uppercase}.vault-hero h1{margin:26px 0 34px;font:400 clamp(5rem,11vw,10.5rem)/.72 "Finger Paint",cursive;letter-spacing:-.07em;text-shadow:6px 6px #000,10px 10px var(--red)}.vault-hero h1 em,.vault-stats h2 em{color:var(--gold);font:400 .7em/1 "Sedgwick Ave Display",cursive}.intro{max-width:760px;color:#ddd2c1;font-size:clamp(1rem,1.5vw,1.25rem)}.hero-counter{padding:28px;border-left:4px solid var(--red);background:#09090ad9;box-shadow:12px 12px 0 #d6a92833}.hero-counter strong{display:block;color:var(--gold);font:700 4.2rem/.9 Oswald,sans-serif}.hero-counter span{display:block;margin:12px 0;text-transform:uppercase;font:700 .8rem/1 Oswald,sans-serif;letter-spacing:.1em}.hero-counter small{color:var(--muted)}.vault-console{padding:105px 0 120px}.console-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.console-heading h2{margin:18px 0 0;font:400 clamp(3rem,7vw,6.7rem)/.78 "Finger Paint",cursive;letter-spacing:-.06em}.console-heading button,.load-more{padding:16px 18px;border:1px solid var(--gold);background:transparent;color:var(--gold);cursor:pointer;font:700 .7rem/1 Oswald,sans-serif;letter-spacing:.1em;text-transform:uppercase}.console-heading button:hover,.load-more:hover{background:var(--gold);color:#111}.search-field{display:block;margin:58px 0 22px}.search-field>span,.filters label{display:block;margin-bottom:9px;color:var(--muted);font:700 .62rem/1 Oswald,sans-serif;letter-spacing:.1em;text-transform:uppercase}.search-field>div{display:grid;grid-template-columns:58px 1fr 52px;align-items:center;border:2px solid var(--gold);background:#f2e7d0;color:#171314;box-shadow:10px 10px 0 var(--red)}.search-field b{text-align:center;font-size:2rem}.search-field input{min-width:0;padding:22px 0;border:0;outline:0;background:transparent;color:#171314;font:700 clamp(1.1rem,2.4vw,1.8rem)/1 Oswald,sans-serif}.search-field button{border:0;background:none;cursor:pointer;font-size:2rem}.filters{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:12px;margin-top:32px}.filters select{width:100%;min-height:48px;padding:0 10px;border:1px solid #ffffff35;background:#161314;color:var(--ink);font:600 .78rem Roboto Slab,serif}.active-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:42px 0 15px;padding-bottom:16px;border-bottom:1px solid var(--gold)}.active-line p{margin:0}.active-line strong{font:700 1.05rem Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase}.active-line span{margin-left:12px;color:var(--muted);font-size:.75rem}.active-line button{border:0;background:none;color:var(--gold);cursor:pointer;text-decoration:underline}.vault-record{display:grid;grid-template-columns:72px minmax(220px,1.2fr) minmax(180px,1fr) 150px 42px;gap:20px;align-items:center;padding:20px 14px;border-bottom:1px solid var(--line);transition:.18s}.vault-record:hover{background:#ffffff08;transform:translateX(5px)}.record-number{color:#655e58;font:700 1.5rem/1 Oswald,sans-serif}.record-title strong{display:block;color:var(--ink);font:700 1.05rem/1.25 Oswald,sans-serif}.record-title span,.record-location span{display:block;margin-top:5px;color:var(--muted);font-size:.72rem}.record-location strong{font-size:.76rem}.record-meta{display:flex;gap:6px;flex-wrap:wrap}.record-meta span{padding:5px 7px;border:1px solid #ffffff2b;color:#c9bead;font:700 .6rem/1 Oswald,sans-serif;letter-spacing:.06em}.record-meta .tagged{border-color:#d6a92866;color:var(--gold)}.record-open{border:0;background:none;color:var(--gold);cursor:pointer;font-size:1.4rem}.record-detail{display:none;grid-column:2/-1;padding:16px 0;color:#b7ada2;font-size:.72rem}.vault-record.open .record-detail{display:block}.record-detail b{color:var(--gold)}.empty{padding:70px 10px;text-align:center;color:var(--muted)}.load-more{display:block;margin:35px auto 0}.load-more[hidden]{display:none!important}.vault-stats{padding:110px 0;background:var(--paper);color:#171314}.vault-stats h2{margin:25px 0 55px;font:400 clamp(4rem,8vw,8rem)/.75 "Finger Paint",cursive;letter-spacing:-.06em}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:2px solid #171314}.stat-grid article{padding:35px 22px;border-right:1px solid #17131455}.stat-grid article:last-child{border:0}.stat-grid strong{display:block;color:var(--red);font:700 clamp(2.5rem,5vw,5rem)/1 Oswald,sans-serif}.stat-grid span{font:700 .7rem Oswald,sans-serif;letter-spacing:.1em;text-transform:uppercase}.method{max-width:900px;margin:45px 0 0;color:#574e48}.site-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 3vw;color:#857d74;font:700 .65rem Oswald,sans-serif;letter-spacing:.1em;text-transform:uppercase}.site-footer>a{color:var(--gold);text-decoration:none}.site-footer nav{display:flex;gap:18px}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{color:var(--gold)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-counter{width:min(360px,100%)}.filters{grid-template-columns:repeat(2,1fr)}.vault-record{grid-template-columns:54px 1fr 42px}.record-location,.record-meta{grid-column:2}.record-open{grid-column:3;grid-row:1}.record-detail{grid-column:2/-1}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid article:nth-child(2){border-right:0}.site-nav{align-items:flex-start}.site-nav nav{flex-wrap:wrap;justify-content:flex-end;gap:10px}.vault-stamp{opacity:.45}}@media(max-width:560px){.shell{width:calc(100% - 26px)}.site-nav nav a{font-size:.58rem}.vault-hero{min-height:760px}.vault-hero h1{font-size:4.6rem}.filters{grid-template-columns:1fr}.console-heading{align-items:flex-start;flex-direction:column}.search-field>div{grid-template-columns:42px 1fr 38px}.search-field input{padding:18px 0}.active-line{align-items:flex-start}.active-line span{display:block;margin:5px 0 0}.vault-record{padding-inline:0;gap:10px}.record-number{font-size:1rem}.stat-grid{grid-template-columns:1fr}.stat-grid article{border-right:0;border-bottom:1px solid #17131455}.site-footer nav{width:100%;justify-content:space-between}}