.case-file {
position: relative;
width: 720px;
min-height: 850px;
margin: 40px auto;
padding: 22px;

background: rgba(12,10,8,0.85);

border: 1px solid rgba(224,201,138,0.25);

color: #B2B2B2;
font-family: 'Cinzel', serif;

box-shadow:
inset 0 0 40px rgba(0,0,0,0.8),
0 0 20px rgba(0,0,0,0.6);

overflow: hidden;
}

/* SOFT GRUNGE BACKGROUND */
.case-file::before {
content: "";
position: absolute;
inset: 0;

background: url(https://i.postimg.cc/nLwZf9m8/vintage-grunge.jpg);
background-size: cover;
background-position: center;

opacity: 0.18;

z-index: 0;
}

/* CONFIDENTIAL STAMP */
.case-file::after {
content: "";
position: absolute;

top: 40px;
right: 40px;

width: 180px;
height: 180px;

background: url(https://static.vecteezy.com/system/resources/thumbnails/021/433/001/small/confidential-rubber-stamp-free-png.png);
background-size: contain;
background-repeat: no-repeat;

opacity: 0.4;

transform: rotate(-18deg);

pointer-events: none;
}

/* CONTENT ABOVE */
.case-file * {
position: relative;
z-index: 1;
}

/* HEADER */
.cf-header {
display: flex;
justify-content: space-between;
align-items: center;

border-bottom: 1px solid rgba(224,201,138,0.25);

padding-bottom: 8px;
margin-bottom: 14px;
}

.cf-name {
color: #d6c08a;
letter-spacing: 3px;
font-size: 16px;
}

.cf-id {
font-size: 11px;
letter-spacing: 1px;
opacity: 0.7;
}

/* BODY */
.cf-body {
display: flex;
gap: 20px;
align-items: flex-start;
}

/* LEFT SIDE */
.cf-left {
width: 140px;
}

/* PHOTO */
.cf-photo {
width: 160px;
height: 190px;
object-fit: cover;

border: 1px solid rgba(224,201,138,0.3);

opacity: 1;
filter: contrast(0.9) brightness(0.9) saturate(0.7);
}

/* RIGHT SIDE */
.cf-right {
flex: 1;
}

/* ROW */
.cf-row {
margin-top: 10px;
padding-bottom: 6px;

border-bottom: 1px solid rgba(224,201,138,0.08);
}

.cf-row span {
display: block;
font-size: 9px;
letter-spacing: 2px;

color: rgba(224,201,138,0.6);
}

.cf-row p {
margin: 2px 0 0;
font-size: 13px;
line-height: 1.3;

color: #d6c08a;
}

/* SECTION */
.cf-section-title {
margin-top: 18px;
font-size: 11px;
letter-spacing: 2px;
color: rgba(224,201,138,0.8);

border-bottom: 1px solid rgba(224,201,138,0.2);
padding-bottom: 5px;
margin-bottom: 10px;
}

/* TEXT */
.cf-history {
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 1.3;
padding: 20px;
text-align: justify;
color: #B2B2B2;
}