.event-story { padding-top: 96px; background: #fbf5e8; color: #143b4a; }
.event-story-hero { position: relative; min-height: min(850px,86vh); overflow: hidden; color: #fffaf0; }
.event-story-image,.event-story-wash { position: absolute; inset: 0; }
.event-story-image img { width: 100%; height: 100%; object-fit: cover; }
.event-story-wash { background: linear-gradient(90deg,rgba(7,42,50,.86) 0,rgba(7,42,50,.55) 43%,rgba(7,42,50,.08) 78%),linear-gradient(0deg,rgba(7,42,50,.62),transparent 45%); }
.event-story-back { position: absolute; z-index: 5; top: clamp(1.4rem,4vw,3.5rem); left: clamp(1.35rem,6vw,7rem); display: inline-flex; align-items: center; gap: .55rem; min-height: 44px; padding: 0 .2rem; font-size: .65rem; font-weight: 800; line-height: 1.2; letter-spacing: .13em; text-transform: uppercase; pointer-events: auto; touch-action: manipulation; }
.event-story-back:hover,.event-story-back:focus-visible { color: #ffd074; }
.event-story-title { position: absolute; z-index: 2; left: clamp(1.35rem,6vw,7rem); bottom: clamp(3rem,8vw,7rem); width: min(1120px,86vw); pointer-events: none; }
.event-story-category { margin: 0 0 1.35rem; color: #ffd074; font-size: .67rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.event-story-zh { margin: 0 0 .8rem; color: #ffd074; font: 500 clamp(1.15rem,2vw,1.6rem)/1.35 Georgia,"Songti SC",serif; letter-spacing: .08em; }
.event-story-title h1 { max-width: 1100px; margin: 0; font: 500 clamp(3.5rem,6.1vw,6.5rem)/.9 Georgia,"Songti SC",serif; letter-spacing: -.045em; text-wrap: pretty; }
.event-story-year { position: absolute; z-index: 2; right: clamp(1.35rem,5vw,5.5rem); bottom: clamp(1.8rem,4vw,3.8rem); color: rgba(255,250,240,.62); font: italic clamp(1.4rem,3vw,2.8rem) Georgia,serif; }
.event-story-intro { display: grid; grid-template-columns: minmax(250px,.72fr) minmax(0,1.35fr); gap: clamp(3rem,8vw,10rem); padding: var(--section-space-y) var(--section-space-x); background: linear-gradient(rgba(20,123,120,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,123,120,.035) 1px,transparent 1px),#fffaf0; background-size: 28px 28px; }
.event-story-meta { display: grid; align-content: start; }
.event-story-meta div { display: grid; gap: .45rem; padding: 1.35rem 0; border-top: 1px solid rgba(20,59,74,.16); }
.event-story-meta div:last-child { border-bottom: 1px solid rgba(20,59,74,.16); }
.event-story-meta span { color: #bd2937; font-size: .58rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.event-story-meta strong { max-width: 370px; font: 500 1rem/1.55 Georgia,"Songti SC",serif; }
.event-story-copy { max-width: 820px; }
.event-story-copy p { margin: 0; color: rgba(20,59,74,.76); font-size: clamp(1rem,1.35vw,1.18rem); line-height: 2; }
.event-story-copy .event-story-lead { margin: 0 0 2rem; color: #143b4a; font: 500 clamp(2rem,4vw,4.2rem)/1.15 Georgia,"Songti SC",serif; letter-spacing: -.025em; }
.event-story-gallery { padding: var(--section-space-y) var(--section-space-x); background: #0f6766; color: #fffaf0; }
.event-story-gallery > header { max-width: 1550px; margin: 0 auto clamp(2rem,4vw,3rem); }
.event-story-gallery > header p { margin: 0; color: #ffd074; font-size: .64rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.event-story-gallery > header h2 { max-width: 980px; margin: 0; font: 500 clamp(3rem,6.4vw,7rem)/.92 Georgia,"Songti SC",serif; letter-spacing: -.05em; }
.event-gallery-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); grid-auto-flow: dense; gap: clamp(.7rem,1.2vw,1.2rem); max-width: 1550px; margin: 0 auto; }
.event-gallery-grid figure { grid-column: span 4; aspect-ratio: 4/3; margin: 0; overflow: hidden; border-radius: 14px; background: rgba(255,255,255,.08); box-shadow: 0 8px 22px rgba(4,44,44,.12); }
.event-gallery-grid .event-gallery-wide { grid-column: span 8; grid-row: span 2; aspect-ratio: auto; }
.event-gallery-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.event-gallery-grid figure:hover img { transform: scale(1.018); }
.event-gallery-grid--dragon-boat-2025 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(.85rem,1.5vw,1.5rem); }
.event-gallery-grid--dragon-boat-2025 figure,.event-gallery-grid--dragon-boat-2025 .event-gallery-wide { grid-column: auto; grid-row: auto; aspect-ratio: 4/3; }
.event-gallery-grid--dragon-boat-2025 img { object-position: center 44%; }
.event-gallery-grid--jieyang-cultural-exchange-2024 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(.85rem,1.5vw,1.5rem); }
.event-gallery-grid--jieyang-cultural-exchange-2024 figure,.event-gallery-grid--jieyang-cultural-exchange-2024 .event-gallery-wide { grid-column: auto; grid-row: auto; aspect-ratio: 4/3; }
.event-gallery-grid--jieyang-cultural-exchange-2024 .event-gallery-wide { grid-column: 1 / -1; aspect-ratio: 16/7; }
.event-gallery-grid--jieyang-cultural-exchange-2024 .event-gallery-wide img { object-position: center 48%; }
.event-gallery-grid--jieyang-cultural-exchange-2024 figure:nth-child(3) img { object-position: center 42%; }
.event-gallery-grid--jieyang-cultural-exchange-2024 figure:nth-child(4) img { object-position: center 45%; }
.event-story--poit-ip-visit-2025 .event-story-image img { object-position: center 46%; }
.event-gallery-grid--poit-ip-visit-2025 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(.85rem,1.5vw,1.5rem); }
.event-gallery-grid--poit-ip-visit-2025 figure,.event-gallery-grid--poit-ip-visit-2025 .event-gallery-wide { grid-column: auto; grid-row: auto; aspect-ratio: 4/3; }
.event-gallery-grid--poit-ip-visit-2025 .event-gallery-wide { grid-column: 1 / -1; aspect-ratio: 16/7; }
.event-gallery-grid--poit-ip-visit-2025 .event-gallery-wide img { object-position: center 52%; }
.event-gallery-grid--poit-ip-visit-2025 figure:nth-child(2) img { object-position: center 50%; }
.event-gallery-grid--poit-ip-visit-2025 figure:nth-child(4) img { object-position: center 45%; }
@media (min-width: 721px) {
	.event-gallery-grid,.event-gallery-grid--dragon-boat-2025,.event-gallery-grid--jieyang-cultural-exchange-2024,.event-gallery-grid--poit-ip-visit-2025 { grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(.65rem,1vw,1rem); max-width: 1240px; }
	.event-gallery-grid figure,.event-gallery-grid .event-gallery-wide,.event-gallery-grid--dragon-boat-2025 figure,.event-gallery-grid--jieyang-cultural-exchange-2024 figure,.event-gallery-grid--poit-ip-visit-2025 figure { grid-column: auto; grid-row: auto; aspect-ratio: 4/3; }
}
@media (min-width: 721px) and (max-width: 1100px) {
	.event-gallery-grid,.event-gallery-grid--dragon-boat-2025,.event-gallery-grid--jieyang-cultural-exchange-2024,.event-gallery-grid--poit-ip-visit-2025 { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
.event-story-footer { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: var(--section-space-y) var(--section-space-x); background: #fffaf0; }
.event-story-footer p { margin: 0; color: rgba(20,59,74,.62); font: italic clamp(1rem,1.5vw,1.25rem) Georgia,serif; }
.event-story-footer a { display: inline-flex; align-items: center; gap: 1rem; color: #0c5f61; font-size: .66rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.event-story-footer a span { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(12,95,97,.4); border-radius: 50%; }
@media (max-width: 1000px) {
	.event-story { padding-top: 78px; }
	.event-story-hero { min-height: 720px; }
	.event-story-title { width: calc(100% - 2.7rem); }
	.event-story-title h1 { font-size: clamp(3.2rem,8.5vw,5.2rem); }
	.event-story-intro { grid-template-columns: 1fr; gap: 3.5rem; }
	.event-story-meta { grid-template-columns: repeat(3,1fr); border: 1px solid rgba(20,59,74,.16); }
	.event-story-meta div { padding: 1.1rem; border-top: 0; border-left: 1px solid rgba(20,59,74,.16); }
	.event-story-meta div:first-child { border-left: 0; }
	.event-story-meta div:last-child { border-bottom: 0; }
}
@media (max-width: 720px) {
	.event-story-hero { min-height: 660px; }
	.event-story-image { overflow: hidden; }
	.event-story-image::before { content: ""; position: absolute; z-index: 0; inset: -8%; background-image: var(--event-hero-photo); background-position: center; background-size: cover; filter: blur(20px) saturate(.9); opacity: .86; transform: scale(1.08); }
	.event-story .event-story-image img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain !important; object-position: center top !important; }
	.event-story-wash { background: linear-gradient(0deg,rgba(7,42,50,.88),rgba(7,42,50,.06) 80%); }
	.event-story-title { width: calc(100% - 2.7rem); bottom: 4.5rem; }
	.event-story-title h1 { font-size: clamp(2.8rem,12vw,3.6rem); line-height: .92; }
	.event-story--yuanxiao-2026 .event-story-title { width: min(82vw,320px); }
	.event-story--poit-ip-visit-2025 .event-story-title h1,.event-story--yuanxiao-2026 .event-story-title h1 { font-size: clamp(2.65rem,12vw,3.2rem); line-height: .92; letter-spacing: -.04em; text-wrap: pretty; overflow-wrap: anywhere; }
	.event-story-year { bottom: 1.35rem; }
	.event-story-meta { grid-template-columns: 1fr; }
	.event-story-intro { gap: 3rem; padding: 3rem 1.3rem; }
	.event-story-meta div { padding: 1.1rem; border-top: 1px solid rgba(20,59,74,.16); border-left: 0; }
	.event-story-meta div:first-child { border-top: 0; }
	.event-story-meta div:last-child { border-bottom: 0; }
	.event-gallery-grid { grid-template-columns: 1fr; }
	.event-story-gallery { padding: 3rem 1.3rem; }
	.event-story-footer { gap: 1.5rem; padding: 3rem 1.3rem; }
	.event-gallery-grid figure,.event-gallery-grid .event-gallery-wide { grid-column: auto; grid-row: auto; aspect-ratio: 4/3; }
	.event-story-footer { align-items: flex-start; flex-direction: column; }
}