
:root{--ink:#19151e;--muted:#615a61;--paper:#f5f0e8;--card:#fffdf8;--red:#c9374d;--red-dark:#a92d42;--line:#d8cbc3;--pink:#eec6cc;--white:#fff;--black:#110f16}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e8aa2d;outline-offset:4px}
.topline{background:var(--black);color:#f0e8e5;border-bottom:1px solid #604550;font:700 11px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase; padding:15px max(5vw,24px);display:flex;justify-content:space-between;gap:18px;align-items:center}
.brand{color:#fff;text-decoration:none;letter-spacing:.16em}.brand span{color:#ff758c}.topline a:hover{text-decoration:underline}.right-link{font-weight:500;color:#e9d1d3;letter-spacing:.08em;white-space:nowrap}
.hero{position:relative;overflow:hidden;background:#19151e;color:white;min-height:520px;border-bottom:9px solid var(--red)}
.hero:before{content:"";position:absolute;inset:0;opacity:.32;background-image:radial-gradient(#9d7180 0.6px,transparent .7px);background-size:16px 16px;mask-image:linear-gradient(to right,transparent 10%,black 92%)}
.hero:after{content:"";position:absolute;width:490px;height:490px;border:1px solid #a55064;right:-160px;top:-240px;border-radius:50%;opacity:.33}
.hero-inner{width:min(1190px,92%);min-height:520px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:48px;position:relative;padding:66px 0 70px}
.hero-copy{flex:1 1 670px;z-index:2}.eyebrow{font-size:12px;letter-spacing:.21em;color:#ffa7b1;font-weight:700;text-transform:uppercase;margin:0 0 20px}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-stretch:condensed;line-height:.94;font-size:clamp(70px,9vw,150px);letter-spacing:.025em;text-transform:uppercase;margin:0;max-width:800px}.hero h1 em{font-style:normal;color:#f96d83}
.hero-sub{font-size:16px;line-height:1.7;max-width:565px;color:#e1d6d8;margin:27px 0 20px}.hero-signoff{border-left:3px solid #f96d83;padding:9px 0 9px 14px;display:inline-block;color:#f8bec7;font-size:13px;letter-spacing:.02em}
.hero-wall{flex:0 1 350px;max-width:350px;min-width:260px;height:350px;position:relative;perspective:900px}
.hero-pol{width:208px;height:286px;padding:13px 13px 36px;background:#f8efe6;box-shadow:0 19px 35px #0009;position:absolute;transform:rotate(-13deg);top:40px;left:8px}.hero-pol.second{top:6px;left:122px;transform:rotate(11deg)}.hero-pol img{height:100%;width:100%;object-fit:cover;object-position:top;border:1px solid #d6d0cb}.hero-pol span{position:absolute;bottom:11px;font:700 11px Georgia,serif;letter-spacing:.08em;color:#332b30;left:14px}
.small-stamp{position:absolute;z-index:3;bottom:7px;right:0;transform:rotate(-7deg);border:2px solid #f492a5;color:#ffc4cf;font-size:13px;font-weight:800;letter-spacing:.18em;padding:10px 16px}
.page-wrap{width:min(1190px,92%);margin:auto}.section-intro{padding:45px 0 18px;display:flex;gap:24px;align-items:end;justify-content:space-between;border-bottom:1px solid #d6c8c1}.section-intro h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(34px,4.4vw,60px);letter-spacing:.03em;line-height:1.04;margin:8px 0 0;font-weight:900;text-transform:uppercase}.small-kicker{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--red-dark);letter-spacing:.19em}.stats{font-size:12px;color:#585257;white-space:nowrap;text-align:right;line-height:1.7}.stats b{font-size:20px;color:#221b22}
.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:23px 0 32px}.search{border:1px solid #bdb0aa;background:#fffdf8;display:flex;align-items:center;gap:10px;padding:0 15px;min-width:300px;flex:1 1 340px;height:47px}.search svg{width:19px;height:19px;fill:none;stroke:#9d3b50;stroke-width:2}.search input{width:100%;height:100%;border:0;outline:none;background:transparent;font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{background:transparent;color:#6b555c;border:1px solid #cbb8b6;border-radius:0;padding:10px 13px;font-weight:700;font-size:11px;letter-spacing:.05em}.filter:hover,.filter.active{background:#28212b;color:#fff;border-color:#28212b}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 36px;padding:12px 6px 70px}.evidence-card{position:relative;min-width:0;transition:transform .22s ease;--tilt:-2deg}.evidence-card:nth-child(even){--tilt:2deg}.evidence-card:nth-child(3n){--tilt:-1deg}.evidence-card:hover{transform:translateY(-6px)}.evidence-card.hidden{display:none}
.polaroid{display:block;border:0;text-align:left;width:100%;background:#fffdfa;padding:16px 16px 18px;box-shadow:1px 4px 12px #5d3e3a25,4px 19px 32px #25192118;transform:rotate(var(--tilt));transition:transform .22s ease,box-shadow .22s ease;position:relative;color:inherit}
.polaroid:hover{transform:rotate(0deg);box-shadow:1px 9px 25px #5d3e3a30,4px 21px 34px #2519211f}.polaroid:after{content:"";position:absolute;pointer-events:none;inset:0;border:1px solid #e1d5d0}.paper-clip{position:absolute;top:-9px;right:21px;z-index:2;transform:rotate(22deg);font-size:22px;color:#ad7382;filter:drop-shadow(0 2px 1px #0004)}
.photo-frame{position:relative;display:block;aspect-ratio:4 / 4.4;overflow:hidden;background:#e8e5df;border:1px solid #ccc3bb}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:top;filter:contrast(1.04)}.photo-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 35px #9b837b27;pointer-events:none}.photo-overlay{position:absolute;left:11px;top:11px;background:#241e25ed;color:#fff;font-size:10px;letter-spacing:.13em;text-transform:uppercase;padding:9px 11px;font-weight:800}.photo-corner{position:absolute;bottom:9px;right:10px;background:#fffef4e8;color:#4e3943;font-size:10px;padding:6px 8px}
.polaroid-foot{padding:18px 3px 1px;display:flex;align-items:end;gap:10px;justify-content:space-between}.date{display:block;color:#bd3e55;font-weight:900;font-size:11px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px}.polaroid-title{font:700 clamp(22px,2.5vw,29px) Georgia,serif;line-height:1.12;display:block}.polaroid-arrow{font-size:28px;color:#b73349;line-height:1}
.card-meta{padding:23px 8px 0}.card-strap{text-transform:uppercase;font-size:10px;color:#b3364d;font-weight:800;letter-spacing:.12em;margin:0 0 8px}.card-meta p{font-size:13px;line-height:1.7;color:#62585c;margin:0 0 12px}.docket{color:#8a7378;font-size:11px;letter-spacing:.01em;display:block}.open-pdf{display:inline-flex;align-items:center;gap:6px;margin-top:13px;color:#963448;text-decoration:none;font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:2px}.open-pdf:hover{color:#222}
.empty{display:none;margin:20px 0 80px;padding:35px 24px;background:#fff;color:#68545e;border:1px solid #d9c6ca}.empty.visible{display:block}
.foot{background:#19151e;color:#e6d6d8;padding:42px max(4vw,20px) 38px}.footer-inner{max-width:1190px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:20px}.foot a{color:#fff}.footer-logo{font-size:16px;font-weight:900;letter-spacing:.13em}.footer-note{font-size:12px;color:#bfb3b7;line-height:1.7;max-width:800px;margin-top:13px}.footer-right{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#d4abb5;align-self:center}
/* Reader */
.reader{display:none;position:fixed;inset:0;z-index:100;background:#0c0a0eea;color:#fff;overflow-y:auto}.reader.open{display:block}.reader-shell{width:min(1330px,96%);margin:18px auto 30px;background:#211a24;border:1px solid #704455;box-shadow:0 18px 90px #0009}
.reader-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #634354;position:sticky;top:0;z-index:2;background:#211a24}.reader-title{font-family:Georgia,serif;font-size:20px;font-weight:700}.reader-sub{font-size:10px;letter-spacing:.1em;color:#cdaeb6;text-transform:uppercase;margin-top:5px}.reader-close{border:1px solid #96616f;color:#fff;background:transparent;padding:10px 14px;font-size:12px;font-weight:bold}.reader-close:hover{background:#6b3246}
.reader-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:0}.reader-image-wrap{min-height:620px;background:#34313a;display:flex;align-items:flex-start;justify-content:center;padding:24px}.reader-image-wrap img{max-width:100%;width:auto;max-height:78vh;height:auto;object-fit:contain;box-shadow:0 5px 26px #0008;background:white}.reader-side{border-left:1px solid #5e3c4f;padding:25px 22px}.reader-side h3{font:700 22px Georgia,serif;margin:5px 0 8px}.reader-side p{line-height:1.65;font-size:13px;color:#d2c2ca}.reader-action{display:block;text-decoration:none;border:1px solid #bb7884;padding:12px 13px;color:#fff;margin:17px 0 10px;font-size:12px;font-weight:800;text-align:center}.reader-action.strong{background:#c9374d;border-color:#c9374d}.reader-action:hover{background:#a92d42}.reader-nav{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:22px}.reader-nav button{padding:10px;background:#3a2837;color:#fff;border:1px solid #986576}.reader-nav button:disabled{opacity:.3;cursor:default}.page-label{font-size:12px;color:#e0c8ce;text-align:center}.reader-thumbs{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.mini{width:41px;height:50px;padding:0;border:2px solid transparent;background:#eee}.mini.selected{border-color:#e54f70}.mini img{width:100%;height:100%;object-fit:cover;object-position:top}.reader-keys{font-size:11px;color:#a99da8;margin-top:18px}
@media(max-width:1010px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.hero-wall{min-width:210px;height:285px}.hero-pol{transform:rotate(-10deg) scale(.78);transform-origin:top left}.hero-pol.second{transform:rotate(9deg) scale(.78);left:90px}.small-stamp{bottom:2px;right:0}.hero-inner{gap:20px}}
@media(max-width:730px){.hero-inner{padding:48px 0 60px;min-height:450px}.hero-wall{display:none}.hero h1{font-size:clamp(60px,15vw,105px)}.hero-sub{font-size:14px}.gallery{grid-template-columns:1fr;gap:38px;max-width:440px;margin:auto}.section-intro{align-items:start;gap:14px;flex-direction:column}.stats{text-align:left}.topline{font-size:10px;flex-wrap:wrap}.reader-content{display:block}.reader-image-wrap{min-height:0;padding:12px}.reader-image-wrap img{max-height:none;max-width:100%;width:100%}.reader-side{border-left:0;border-top:1px solid #5e3c4f}.reader-head{padding:13px}.reader-title{font-size:16px}.footer-inner{grid-template-columns:1fr}.photo-frame{aspect-ratio:4/4.3}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
