.story{position:relative;padding:var(--space-9) 0;background-color:#fff;overflow:hidden}.story__bg{position:absolute;top:0;bottom:0;left:clamp(-20%,-10vw,-10%);width:clamp(580px,48vw,820px);background:url("/assets/img/story/g_face.webp") no-repeat center bottom;background-size:contain;filter:saturate(1.3);z-index:1;pointer-events:none}.story .container{position:relative;z-index:2}.story__header{margin-bottom:var(--space-3)}.story__header h2{font-family:'Montserrat','Arial',sans-serif;font-weight:900;font-size:clamp(28px,6vw,36.5px);line-height:1.25;letter-spacing:-0.035em;text-transform:uppercase;margin:0 0 var(--space-2)}.story__header h2 span{color:#fc3d4c}.story__header p{font-size:0.95rem;color:var(--color-muted)}.story__layout{display:grid;grid-template-columns:20% 80%;gap:var(--space-7);align-items:flex-start}.story__aside{display:flex;align-items:flex-start}.story__moreBtn{background:#ff4d4d !important;border:none;cursor:pointer;transition:transform 0.2s ease;box-shadow:0 6px 14px rgba(255,45,45,0.3)}.story__moreBtn:hover{transform:translateY(-3px);background:#e60023 !important}.story__list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-9) var(--space-7)}.story__item{display:flex;gap:var(--space-4);max-width:350px;width:100%;text-decoration:none;color:inherit;cursor:pointer;transition:transform 0.2s ease}.story__item:hover{transform:translateY(-2px)}.story__item img{width:50px;height:50px}.story__item strong{font-size:var(--text-md);color:#000;display:block;margin-bottom:4px}.story__item h3{font-size:var(--text-lg);color:#fc3d4c;margin:0 0 8px}.story__item p{font-size:var(--text-sm);color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.story__item.is-not-main{display:none}@media (max-width:1024px){.story__layout{grid-template-columns:1fr;gap:var(--space-7)}.story__list{grid-template-columns:1fr 1fr}}@media (max-width:768px){.story__bg{left:-6vw;transform:none;width:90vw;opacity:0.5;background-position:left bottom}.story__list{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px}.story__list::-webkit-scrollbar{display:none}.story__item{flex:0 0 85%;scroll-snap-align:start}.story__item.is-not-main{display:flex}}@media (max-width:480px){.story__header h2{font-size:24px}.story__item h3{font-size:16px}.story__item p{font-size:13px}}