.tthcp-grid{display:grid;grid-template-columns:repeat(var(--tthcp-cols),minmax(0,1fr));gap:28px}
.tthcp-card{cursor:pointer;min-width:0;outline:none}.tthcp-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eee}
.tthcp-image>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.tthcp-hover{position:absolute;inset:0;background:rgba(0,0,0,.68);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:opacity .25s ease}
.tthcp-card:hover .tthcp-hover,.tthcp-card:focus .tthcp-hover{opacity:1}.tthcp-card:hover .tthcp-image>img{transform:scale(1.035)}
.tthcp-hover h3{color:#fff;font-size:25px;line-height:1.15;margin:0 0 16px}.tthcp-meta{font-size:15px;line-height:1.55}.tthcp-view{font-weight:700;margin-top:18px}
.tthcp-caption{padding:15px 2px 5px}.tthcp-caption h3{font-size:20px;line-height:1.25;margin:0 0 5px}.tthcp-caption p{margin:0;opacity:.68;font-size:14px}
.tthcp-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;padding:28px}
.tthcp-modal.open{display:flex}.tthcp-modal-shell{width:min(1000px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:8px}
.tthcp-modal-inner{position:relative;padding:42px}.tthcp-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:38px;line-height:1;cursor:pointer}
.tthcp-modal-head{text-align:center;margin:0 auto 26px}.tthcp-modal-head h2{font-size:34px;line-height:1.15;margin:0 40px 10px}.tthcp-modal-head p{opacity:.7;margin:0}
.tthcp-slider{position:relative;background:#111;overflow:hidden}.tthcp-slide{display:none}.tthcp-slide.active{display:block}.tthcp-slide img{display:block;width:100%;height:min(58vh,620px);object-fit:contain;margin:auto}
.tthcp-prev,.tthcp-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:32px;cursor:pointer}.tthcp-prev{left:15px}.tthcp-next{right:15px}
.tthcp-dots{position:absolute;bottom:12px;left:0;right:0;text-align:center}.tthcp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;opacity:.45;margin:3px}.tthcp-dot.active{opacity:1}
.tthcp-description{font-size:17px;line-height:1.7;max-width:780px;margin:30px auto 0}.tthcp-description p:last-child{margin-bottom:0}
body.tthcp-no-scroll{overflow:hidden}
@media(max-width:900px){.tthcp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tthcp-grid{grid-template-columns:1fr;gap:22px}.tthcp-hover{padding:20px}.tthcp-modal{padding:10px}.tthcp-modal-inner{padding:34px 16px 20px}.tthcp-modal-head h2{font-size:26px}.tthcp-slide img{height:45vh}}