.activity-gallery{background:#090f12;color:#fff;padding:120px max(24px,calc((100vw - var(--max))/2));position:relative;overflow:hidden}.activity-gallery:before{content:"";position:absolute;width:620px;height:620px;right:-330px;top:-310px;border:1px solid rgba(255,255,255,.1);transform:rotate(45deg)}.activity-head{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-bottom:55px;position:relative;z-index:2}.activity-head h2{font:900 clamp(58px,6.5vw,94px)/.86 "Barlow Condensed","Noto Sans TC";margin:22px 0 0;letter-spacing:-.045em}.activity-head p{color:rgba(255,255,255,.64);max-width:600px;margin:0}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:12px;position:relative;z-index:2}.activity-item{position:relative;overflow:hidden;background:#182024}.activity-item.activity-wide{grid-column:span 2}.activity-item.activity-tall{grid-row:span 2}.activity-item img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.06);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .35s ease}.activity-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,9,11,.9),transparent 58%);transition:opacity .3s}.activity-item>span{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;align-items:end;gap:16px}.activity-item b{font-size:15px}.activity-item small{font-size:9px;color:rgba(255,255,255,.65);text-align:right}.activity-item:hover img{transform:scale(1.045);filter:saturate(1) contrast(1.08)}.activity-item:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.activity-source{background:transparent;padding:24px 0 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.activity-source p{font-size:9px;color:rgba(255,255,255,.42);margin:0}.activity-source a{font-size:12px;font-weight:900;border-bottom:1px solid var(--coral);white-space:nowrap}
@media(max-width:900px){.activity-gallery{padding:78px 20px}.activity-head{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.activity-head h2{font-size:58px}.activity-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;gap:8px}.activity-item.activity-wide{grid-column:span 2}.activity-item.activity-tall{grid-row:span 2}.activity-item>span{left:14px;right:14px;bottom:12px;display:block}.activity-item b{display:block;font-size:13px}.activity-item small{display:block;margin-top:3px;text-align:left}.activity-source{align-items:flex-start;flex-direction:column;gap:14px}.activity-source a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:430px){.activity-grid{grid-auto-rows:155px}.activity-item.activity-tall{grid-row:span 2}.activity-item:nth-child(4){grid-column:span 2}.activity-item:nth-child(4) img{object-position:center 35%}}
.activity-gallery{background:linear-gradient(145deg,#05090b 0%,#0b1519 56%,#211015 100%)}
.activity-gallery:before{content:none}
.activity-item,.activity-item img{will-change:transform,opacity}