.l333-p8-showcase{background:#090909;padding:78px 0 84px}
.l333-p8-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.l333-p8-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.l333-p8-eyebrow{display:inline-block;color:#d6b56b;font-size:10px;font-weight:900;letter-spacing:.22em;margin-bottom:10px}
.l333-p8-heading h2{margin:0;color:#fff;font-size:clamp(29px,4vw,45px);line-height:1.04;letter-spacing:-.045em}
.l333-p8-heading p{margin:11px 0 0;color:#858585;line-height:1.65;max-width:650px}
.l333-p8-rule{width:130px;height:1px;background:linear-gradient(90deg,rgba(214,181,107,.8),transparent);margin-bottom:8px}
.l333-p8-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.l333-p8-card{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:#111;box-shadow:0 18px 50px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.l333-p8-card:hover{transform:translateY(-4px);border-color:rgba(214,181,107,.3);box-shadow:0 24px 65px rgba(0,0,0,.3)}
.l333-p8-media{height:205px;display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1813,#0d0d0d)}
.l333-p8-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}
.l333-p8-card:hover .l333-p8-media img{transform:scale(1.035)}
.l333-p8-initial{position:absolute;inset:0;display:grid;place-items:center;color:#d6b56b;font-size:65px;font-weight:900}
.l333-p8-badge{position:absolute;top:14px;left:14px;padding:7px 9px;border-radius:999px;background:rgba(10,10,10,.8);border:1px solid rgba(214,181,107,.38);backdrop-filter:blur(8px);color:#e2c27b;font-size:8px;font-weight:900;letter-spacing:.16em}
.l333-p8-verified{position:absolute;right:14px;top:14px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#d6b56b;color:#111;font-weight:900;font-size:13px;box-shadow:0 5px 18px rgba(0,0,0,.25)}
.l333-p8-body{padding:18px}
.l333-p8-card-top{display:flex;gap:12px;align-items:start}
.l333-p8-card-top h3{margin:0;min-width:0;flex:1;font-size:17px;line-height:1.2}
.l333-p8-card-top h3 a{color:#f2f2f2;text-decoration:none}
.l333-p8-card-top h3 a:hover{color:#e2c27b}
.l333-p8-save{width:35px;height:35px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#171717;color:#aaa;font-size:19px;cursor:pointer;flex:0 0 auto}
.l333-p8-save:hover,.l333-p8-save.is-saved{color:#e2c27b;border-color:rgba(214,181,107,.38);background:#1a1710}
.l333-p8-rating{display:flex;align-items:center;gap:6px;margin-top:11px;font-size:11px}
.l333-p8-stars{letter-spacing:1px;color:#d6b56b;font-size:11px}
.l333-p8-rating strong{color:#eee}
.l333-p8-rating>span:last-child{color:#777}
.l333-p8-excerpt{margin:11px 0 16px;color:#777;font-size:11px;line-height:1.65;min-height:36px}
.l333-p8-view{display:flex;justify-content:space-between;align-items:center;color:#d6b56b;text-decoration:none;font-size:11px;font-weight:900;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}
.l333-p8-view span{font-size:15px}
.l333-p8-empty-state{grid-column:1/-1;border:1px dashed rgba(255,255,255,.1);border-radius:18px;padding:35px;text-align:center;display:flex;flex-direction:column;gap:6px}
.l333-p8-empty-state strong{color:#eee}
.l333-p8-empty-state span{color:#777;font-size:12px}
@media(max-width:980px){.l333-p8-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
 .l333-p8-showcase{padding:56px 0 62px}
 .l333-p8-shell{width:min(100% - 28px,1180px)}
 .l333-p8-heading{display:block}
 .l333-p8-rule{display:block;margin-top:20px}
 .l333-p8-grid{grid-template-columns:1fr}
 .l333-p8-media{height:190px}
}