.story-section{background-color:var(--color-darker);padding:4rem 0}.section-header.text-center{text-align:center;margin-bottom:3rem}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.story-card{background:linear-gradient(180deg,#1c1c1c,#111111);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .5s ease;position:relative}.story-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(229,177,58,.15);border-color:rgba(229,177,58,.4)}.story-image-container{width:100%;padding-bottom:75%;position:relative;overflow:hidden;background:#0a0a0a;flex-shrink:0}.story-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:.9;transition:transform .7s ease,opacity .7s ease}.story-card:hover .story-image{transform:scale(1.1);opacity:1}.story-image-empty{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.story-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#111111,transparent);opacity:.8;z-index:10;pointer-events:none}.story-content{padding:1.75rem;display:flex;flex-direction:column;flex-grow:1;position:relative;z-index:20;background-color:transparent}.story-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/thai-pattern.webp);background-size:200%;background-position:50%;opacity:.04;z-index:-1;pointer-events:none;transition:opacity .5s ease}.story-card:hover .story-content:before{opacity:.08}.story-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.story-meta-line{width:2rem;height:1px;background-color:rgba(229,177,58,.5)}.story-date{color:var(--color-gold);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.story-title{font-family:var(--font-thai);font-size:1.25rem;font-weight:700;color:#ffffff;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;line-height:1.4}.story-card:hover .story-title,.story-readmore{color:var(--color-gold)}.story-readmore{margin-top:auto;padding-top:1.5rem;display:flex;align-items:center;font-size:.875rem;font-weight:700;transition:transform .3s ease}.story-readmore span{margin-left:.5rem;transition:transform .3s ease}.story-card:hover .story-readmore span{transform:translateX(5px)}.story-footer{text-align:center;margin-top:4rem}.btn-view-all{display:inline-block;padding:1rem 2.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--color-text-main);font-weight:700;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 20px rgba(0,0,0,.2)}.btn-view-all:hover{background:var(--color-gold);color:var(--color-darker);border-color:var(--color-gold)}