main{margin:70px auto 3rem}.main-header-area{text-align:center;margin:3rem auto 2rem;max-width:800px;padding:0 1rem}.main-title{font-size:3rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;color:var(--text-main, #333333)}.main-subtitle{font-size:1.1rem;color:#666;line-height:1.6}.section-title{margin:4rem 0 1.5rem;font-size:1.8rem;border-bottom:2px solid #eeeeee;padding-bottom:.5rem;font-weight:700}ul{display:flex;flex-wrap:wrap;gap:2rem;list-style-type:none;margin:0;padding:0}ul li{width:calc((100% / 3) - (4rem / 3));border:3px solid transparent;border-radius:12px;overflow:hidden;box-sizing:border-box;transition:border-color .35s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;will-change:transform}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}ul li{animation:cardFadeIn .55s cubic-bezier(.22,1,.36,1) both}ul li:nth-child(1){animation-delay:.02s}ul li:nth-child(2){animation-delay:.08s}ul li:nth-child(3){animation-delay:.14s}ul li:nth-child(4){animation-delay:.2s}ul li:nth-child(5){animation-delay:.26s}ul li:nth-child(6){animation-delay:.32s}ul li:nth-child(7){animation-delay:.38s}ul li:nth-child(8){animation-delay:.44s}ul li:nth-child(9){animation-delay:.5s}ul li:nth-child(10){animation-delay:.56s}ul li a{display:block;position:relative;overflow:hidden;text-decoration:none;color:inherit;height:100%;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}ul li img{display:block;width:100%;height:280px;object-fit:cover;margin:0;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .45s ease}ul li.group-saku{border-color:#e891aa}ul li.group-nogi{border-color:#79287e}ul li.group-hinata{border-color:#58b8dd}ul li.group-default{border-color:var(--card-border, #eeeeee)}.post-info-overlay{position:absolute;bottom:0;left:0;width:100%;padding:2.5rem 1.25rem 1.25rem;box-sizing:border-box;background:linear-gradient(to top,#000000d9,#0006 60%,#0000);display:flex;flex-direction:column;justify-content:flex-end;text-align:left;transition:padding .35s ease}.status-badge{position:absolute;top:10px;left:10px;display:inline-block;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;z-index:10;transition:transform .35s ease}.badge-new{background-color:#757575}.badge-process{background-color:#e65100}.badge-ready{background-color:#2e7d32}.title{margin:0 0 .4rem;color:#fff;font-size:1.25rem;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .35s ease,transform .35s ease}.date{margin:0;color:#ffffffbf;font-size:.875rem}.active-grid>li:first-child{width:100%;margin-bottom:0}.active-grid>li:first-child img{height:440px}.active-grid>li:first-child .title{font-size:2rem}.active-grid-more>li{width:calc((100% / 3) - (4rem / 3))}.active-grid-more>li img{height:280px}.active-grid-more>li .title{font-size:1.25rem}.carousel-container{width:100%;overflow:hidden;position:relative}.ongoing-carousel{display:flex;flex-wrap:nowrap;gap:16px;box-sizing:border-box;transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}.ongoing-carousel li{flex:0 0 calc(20% - 12.8px);min-width:180px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ongoing-carousel li img{height:220px;filter:grayscale(35%) brightness(85%)}.hidden-posts{display:none!important}.readmore-wrapper{text-align:center;margin:2.5rem 0 1rem;width:100%}.btn-readmore{background:none;border:2px solid var(--text-main, #333333);color:var(--text-main, #333333);padding:.75rem 2.5rem;font-size:1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .25s ease,transform .25s ease}.btn-readmore:hover{background-color:var(--text-main, #333333);color:#fff;transform:translateY(-2px)}.btn-readmore:active{transform:translateY(0) scale(.97)}.carousel-btn{position:absolute;top:25%;transform:none;width:40px;height:50%;border-radius:0;background:#00000080;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,opacity .2s ease;z-index:10;opacity:1;font-weight:700}.carousel-btn:hover:not(:disabled){background:#000000b3}.carousel-btn:disabled{display:none}.carousel-btn.prev-btn{left:0;border-radius:0 20px 20px 0}.carousel-btn.next-btn{right:0;border-radius:20px 0 0 20px}.dark .carousel-btn{background:#ffffff1a}.dark .carousel-btn:hover:not(:disabled){background:#fff3}ul li a:hover{box-shadow:0 10px 28px #0000002e}ul li a:hover img{transform:scale(1.06)}.ongoing-carousel li a:hover img{filter:grayscale(10%) brightness(95%)}ul li a:hover .title{color:var(--accent, #ff79c6);transform:translateY(-2px)}ul li a:hover .status-badge{transform:scale(1.05)}ul li a:active{transform:scale(.99)}.dark .main-title{color:#fff}.dark .main-subtitle{color:#bbb}.dark .section-title{border-bottom-color:#444}.dark .ongoing-carousel::-webkit-scrollbar-thumb{background-color:#555}.dark .btn-readmore{border:2px solid #9c5959;color:#fff}.dark .btn-readmore:hover{color:#111}.special-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.special-card{display:flex;align-items:stretch;justify-content:space-between;gap:1rem;padding:1.4rem;border-radius:20px;overflow:hidden;position:relative;cursor:pointer;border:1px solid rgba(35,55,255,.12);box-shadow:0 14px 35px #0f121914;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.special-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f12191f;border-color:#2337ff40}.special-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.35),transparent 45%);pointer-events:none}.special-card--members{background:linear-gradient(135deg,#2337ff1f,#ff79c629)}.special-card--events{background:linear-gradient(135deg,#58b8dd29,#2337ff1f)}.special-card__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.65rem;width:100%}.special-card__eyebrow{display:inline-flex;align-self:flex-start;padding:.3rem .65rem;border-radius:999px;background:#ffffffb3;color:var(--accent-dark, #000d8a);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.special-card__title{margin:0;font-size:1.6rem;line-height:1.15;color:var(--black, #111827)}.special-card__description{margin:0;color:#111827c2;font-size:.98rem}.special-card__action{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.55rem .9rem;border-radius:999px;background:#fffc;color:var(--accent-dark, #000d8a);font-weight:700;font-size:.92rem}.special-card__visual{position:relative;z-index:1;display:none;align-items:center;justify-content:center;flex:0 0 44%;padding:.75rem;border-radius:16px;background:#fffc;backdrop-filter:blur(8px)}.special-card__visual img{width:100%;max-width:220px;height:auto;object-fit:contain}.special-card__logos{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.2rem}.special-card__logos img{width:68px;height:68px;object-fit:cover;border-radius:999px;background:#ffffffeb;padding:.35rem;box-shadow:0 8px 20px #0f121914}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:none;justify-content:center;align-items:center;z-index:1000}.popup-overlay.active{display:flex}.popup-content{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;padding:2rem;width:90%;max-width:800px}.popup-card{position:relative;width:30%;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.popup-card:hover{transform:translateY(-8px)}.popup-card img{width:100%;height:auto;object-fit:cover;display:block}.popup-card .title{display:none;bottom:0;left:0;right:0;width:100%;background:linear-gradient(to top,#000000e6,#0000004d);color:#fff;font-size:1.2rem;font-weight:700;padding:1.5rem 1rem 1rem;text-align:center;margin:0}.dark .special-card__title,.dark .special-card__description{color:#f8fafc}.dark .special-card__eyebrow,.dark .special-card__action{background:#111827b3;color:#f8fafc}.dark .special-card__visual{background:#0f172ab3}@media(max-width:900px){.special-cards{grid-template-columns:1fr}}@media(max-width:1100px){.ongoing-carousel li{flex:0 0 calc((100% / 3) - (16px * 2 / 3));min-width:200px}}@media(max-width:900px){ul li,.active-grid-more>li{width:calc(50% - 1rem)}.ongoing-carousel li{flex:0 0 calc(50% - 1rem)}}@media(max-width:720px){main{margin-top:50px}.main-title{font-size:2.2rem}ul{gap:1rem}ul li,.active-grid>li:first-child,.active-grid-more>li{width:100%;flex:0 0 100%}ul li img,.active-grid>li:first-child img,.active-grid-more>li img{height:220px}.title,.active-grid>li:first-child .title{font-size:1.1rem}.ongoing-carousel li{flex:0 0 75%;min-width:220px}.popup-content{gap:10px}.popup-card{width:100%}}