:root{--five-cards-gap:1.8vw;--five-cards-main-height:30vw;--five-cards-item-height:14vw;--five-cards-category-font:var(--font-sm);--five-cards-main-title-font:1.8vw;--five-cards-item-title-font:1.3vw;--five-cards-main-content-height:10vw;--five-cards-item-content-height:5vw}.five-cards-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--five-cards-gap);width:100%;aspect-ratio:16/6.5;position:relative;margin-bottom:var(--space-2)}.five-cards-main{position:relative;width:100%;height:100%;border-radius:var(--radius-lg);overflow:visible;transition:all var(--transition-base)}.five-cards-main:hover{transform:scale(1.02)!important;box-shadow:0 0 0 3px var(--color-accent-yellow),0 8px 24px rgba(245,202,48,.3)}.five-cards-main-link{display:block;width:100%;height:100%;text-decoration:none;position:relative;border-radius:var(--radius-lg);overflow:hidden}.five-cards-main-image{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform var(--transition-base)}.five-cards-main:hover .five-cards-main-image{transform:scale(1.05)}.five-cards-main-content{position:absolute;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(180deg,rgba(245,202,48,.4) 0,#f5ca30 100%);backdrop-filter:blur(10px) brightness(100%);-webkit-backdrop-filter:blur(10px) brightness(100%);display:flex;flex-direction:column;justify-content:center;padding:1vw 2vw;box-sizing:border-box}.five-cards-main-category{width:fit-content;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.8);color:var(--color-white);font-size:var(--five-cards-category-font);font-weight:500;padding:.3vw;border-radius:var(--radius-sm);margin-bottom:1.2vw;line-height:1.2}.five-cards-main-title{color:var(--color-white);font-size:2vh;font-weight:700;line-height:1.4;margin:0;height:calc(var(--five-cards-main-title-font) * 1.4 * 2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:flex;align-items:center}.five-cards-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:calc(var(--five-cards-gap) * .6);width:100%;height:100%}.five-cards-item{position:relative;width:100%;height:100%;border-radius:var(--radius-lg);overflow:visible;transition:all var(--transition-base)}.five-cards-item:hover{transform:scale(1.05)!important}.five-cards-item:hover::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:var(--space-1) solid var(--color-accent-yellow);border-radius:var(--radius-lg);z-index:10;pointer-events:none}.five-cards-item:first-child:hover::before{border-color:var(--color-accent-blue-light)}.five-cards-item:nth-child(2):hover::before{border-color:var(--color-accent-orange-light)}.five-cards-item:nth-child(3):hover::before{border-color:var(--color-primary)}.five-cards-item:nth-child(4):hover::before{border-color:var(--color-accent-lilac)}.five-cards-item-link{display:block;width:100%;height:100%;text-decoration:none;position:relative;border-radius:var(--radius-lg);overflow:hidden}.five-cards-item-image{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform var(--transition-base)}.five-cards-item:hover .five-cards-item-image{transform:scale(1.1)}.five-cards-item-content{position:absolute;bottom:0;left:0;width:100%;max-height:35%;backdrop-filter:blur(10px) brightness(100%);-webkit-backdrop-filter:blur(10px) brightness(100%);display:flex;flex-direction:column;justify-content:center;padding:.5vw 1vw;box-sizing:border-box}.five-cards-item:first-child .five-cards-item-content{background:linear-gradient(180deg,rgba(110,159,255,.4) 0,#6e9fff 100%)}.five-cards-item:nth-child(2) .five-cards-item-content{background:linear-gradient(180deg,rgba(255,168,89,.4) 0,#ffa859 100%)}.five-cards-item:nth-child(3) .five-cards-item-content{background:linear-gradient(180deg,rgba(64,163,157,.4) 0,#40a39d 100%)}.five-cards-item:nth-child(4) .five-cards-item-content{background:linear-gradient(180deg,rgba(231,156,247,.4) 0,#e79cf7 100%)}.five-cards-item-category{width:fit-content;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.8);color:var(--color-white);font-size:calc(var(--five-cards-category-font) * .9);font-weight:500;padding:.3vw;border-radius:var(--radius-xs);margin-bottom:.3vw;line-height:1}.five-cards-item-title{color:var(--color-white);font-size:80%;font-weight:700;line-height:1;margin:0;height:calc(var(--five-cards-item-title-font) * 1.3 * 2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:flex;align-items:center}@media (max-width:1024px){.five-cards-main-title{font-size:1.45vh}.five-cards-item-content{min-height:42%}}@media (max-width:768px){:root{--five-cards-gap:3vw;--five-cards-main-height:auto;--five-cards-main-title-font:4vw;--five-cards-item-title-font:3vw}.five-cards-container{grid-template-columns:1fr;grid-template-rows:auto auto;gap:var(--five-cards-gap);height:auto}.five-cards-main{order:1;height:78vw}.five-cards-main-category{padding:1vw 2vw;margin-bottom:1.5vw}.five-cards-grid{order:2;height:auto;gap:2.5vw}.five-cards-item{height:40vw}.five-cards-item-content{padding:2vw;min-height:16vw}.five-cards-item-category{padding:.8vw 1.5vw;margin-bottom:1vw}.five-cards-main-title{font-size:1.3vh}}@media (max-width:480px){:root{--five-cards-gap:2.5vw;--five-cards-main-title-font:4.5vw;--five-cards-item-title-font:3.5vw}.five-cards-container{grid-template-columns:1fr;grid-template-rows:auto auto;gap:var(--five-cards-gap);height:auto;padding:var(--space-3)}.five-cards-main{order:1;height:70vw}.five-cards-main-content{padding:2.5vw}.five-cards-grid{order:2;height:auto;gap:2.5vw}.five-cards-item{height:39vw}.five-cards-item-content{padding:1.8vw}.five-cards-main-title{font-size:12px}.five-cards-item-title{height:3vh;padding:20px 0;line-height:1.5}.five-cards-item-content{max-height:50%}}@media (prefers-reduced-motion:reduce){.five-cards-item,.five-cards-item-image,.five-cards-main,.five-cards-main-image{transform:none!important;transition:none!important}}