.sfgt-cf{padding:10px 0 46px}
.sfgt-cf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px}
.sfgt-cf-h{font-size:34px !important;margin:0 !important}
.sfgt-cf-sub{margin:6px 0 0 !important;color:rgba(255,255,255,.72);font-size:15.5px}
.sfgt-cf-all{flex:none;display:inline-block;padding:9px 20px;border-radius:999px;border:1.5px solid rgba(186,103,200,.7);background:rgba(186,103,200,.08);font-size:14.5px;color:#fff !important;text-decoration:none !important;white-space:nowrap}
.sfgt-cf-all:hover{background:rgba(186,103,200,.3)}
.sfgt-cf-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.sfgt-cf-card{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(36,27,44,.95),rgba(18,14,23,.95));border:1px solid rgba(186,103,200,.25);box-shadow:0 8px 22px rgba(0,0,0,.4);text-decoration:none !important;color:#fff !important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
a.sfgt-cf-card:hover{transform:translateY(-4px);border-color:rgba(186,103,200,.65);box-shadow:0 12px 28px rgba(0,0,0,.5),0 0 18px rgba(186,103,200,.18)}
.sfgt-cf-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#140f19}
.sfgt-cf-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
a.sfgt-cf-card:hover .sfgt-cf-img img{transform:scale(1.04)}
.sfgt-cf-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(18,14,23,.85))}
.sfgt-cf-no{position:absolute;left:12px;bottom:10px;z-index:1;font-family:Oswald,Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.sfgt-cf-body{padding:13px 15px 16px;display:flex;flex-direction:column;flex:1}
.sfgt-cf-t{font-family:Oswald,Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.25;text-transform:uppercase;margin:0 0 6px !important;color:#fff}
.sfgt-cf-m{font-size:13px;color:rgb(206,150,220);margin:0 !important}
.sfgt-cf-go{margin-top:auto;padding-top:12px;font-size:13.5px;color:rgba(255,255,255,.85)}
.sfgt-cf-card.soon{cursor:default}
.sfgt-cf-card.soon .sfgt-cf-img img{filter:grayscale(.85) brightness(.55)}
.sfgt-cf-card.soon .sfgt-cf-go{color:rgba(246,199,90,.9)}
@media (max-width:1100px){.sfgt-cf-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,42%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}.sfgt-cf-card{scroll-snap-align:start}}
@media (max-width:600px){.sfgt-cf-head{flex-direction:column;align-items:flex-start}.sfgt-cf-h{font-size:28px !important}.sfgt-cf-grid{grid-auto-columns:72%}}
.sfgt-cf-grid{scrollbar-width:thin;scrollbar-color:rgba(186,103,200,.55) rgba(255,255,255,.06)}.sfgt-cf-grid::-webkit-scrollbar{height:6px}.sfgt-cf-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:6px}.sfgt-cf-grid::-webkit-scrollbar-thumb{background:rgba(186,103,200,.55);border-radius:6px}
@media (prefers-reduced-motion:reduce){.sfgt-cf-card,.sfgt-cf-img img{transition:none}}
Feel free to contact the Tale Teller using this contact form. You can send through your story recommendations, your own stories, or links to stories that you’d like read. If you have any questions you’d like to ask, or generally reach out to me, please don’t hesitate to let me know via the form below.