:root{--paper:#f7f5ee;--ink:#172521}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.collage-page{display:flex;justify-content:center;width:100%;min-height:100vh;background:var(--paper)}
.collage-page img{display:block;width:100%;height:auto;object-fit:contain;object-position:top center}
.collage-page.care,.collage-page.shared{display:block;padding:clamp(42px,4.4vw,72px) clamp(26px,4vw,66px) clamp(24px,2.5vw,42px)}
.collage-page.activity-detail{display:block;min-height:0;padding:clamp(42px,4.4vw,72px) clamp(26px,4vw,66px) clamp(24px,2.5vw,42px)}
.collage-header{margin:0 0 clamp(34px,3.7vw,60px)}
.collage-header h1{margin:0;font-size:clamp(38px,3.25vw,54px);font-weight:400;letter-spacing:.01em;line-height:1.06}
.activity-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,1fr);grid-template-rows:1fr 1fr;gap:14px;height:clamp(650px,45vw,870px)}
.activity-grid img{width:100%;height:100%;min-width:0;object-fit:cover}
.activity-grid__main{grid-row:1 / span 2}
.activity-grid img:nth-child(2){object-position:center 42%}
.activity-grid img:nth-child(3){object-position:center 48%}
.collage-page.care img{max-width:none}
.collage-page.shared img{max-width:none}
.collage-page.activity-portrait img{max-width:1100px}
.collage-page.activity-wide img{max-width:1920px}
@media(max-width:760px){.collage-page{min-height:0}.collage-page img{max-width:none!important}.collage-page.care,.collage-page.shared,.collage-page.activity-detail{padding:28px 18px}.collage-header{margin-bottom:30px}.collage-header h1{font-size:37px}.activity-grid{height:auto;grid-template-columns:1fr;grid-template-rows:none;gap:10px}.activity-grid__main{grid-row:auto}.activity-grid img{height:auto;aspect-ratio:4/3}.activity-grid__main{aspect-ratio:3/2!important}}