*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#F7F3EE;font-family:'Source Sans 3','Source Sans Pro',sans-serif;font-weight:400;font-size:15px;line-height:1.8;color:#4A4440;min-height:100vh}
.bento-grid{max-width:960px;margin:0 auto;padding:40px 20px 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cell{background:#FFFFFF;border-radius:8px;padding:28px;opacity:0;transform:translateY(12px);transition:opacity 0.25s ease,transform 0.25s ease}
.cell.visible{opacity:1;transform:translateY(0)}
.cell-icon{width:24px;height:24px;display:block;margin-bottom:12px}
.cell-hero{grid-column:1/3;grid-row:1/2;padding:48px 32px;display:flex;flex-direction:column;justify-content:flex-end}
h1{font-family:'DM Sans',sans-serif;font-weight:700;font-size:32px;color:#2E2A24;letter-spacing:-0.01em;margin-bottom:8px}
.tagline{font-family:'Source Sans 3','Source Sans Pro',sans-serif;font-weight:400;font-size:16px;color:#8A8078}
.cell-about{grid-column:3/5;grid-row:1/2}
h2{font-family:'DM Sans',sans-serif;font-weight:700;font-size:22px;color:#2E2A24;letter-spacing:-0.01em;margin-bottom:8px}
.cell-research{grid-column:1/3;grid-row:2/3}
ul{list-style:none;padding:0}
ul li{position:relative;padding-left:16px;color:#4A4440;margin-bottom:4px}
ul li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#C4A46E}
.cell-community{grid-column:3/4;grid-row:2/3}
.cell-texture{grid-column:4/5;grid-row:2/3;background:repeating-linear-gradient(90deg,#E8E0D4 0px,#E8E0D4 2px,#F0EBE3 2px,#F0EBE3 8px);border-radius:8px;min-height:100px}
.cell-principles{grid-column:1/2;grid-row:3/4}
.cell-events{grid-column:2/4;grid-row:3/4}
.event-date{font-family:'DM Sans',sans-serif;font-weight:700;font-size:14px;color:#7EA88A;letter-spacing:0.04em;display:block;margin-bottom:8px}
.cell-join{grid-column:4/5;grid-row:3/4;background:#2E2A24;color:#D4CCC0}
.cell-join h2{color:#FFFFFF}
.cell-join p{color:#D4CCC0}
@media(max-width:768px){.bento-grid{grid-template-columns:1fr 1fr;gap:12px}.cell-hero{grid-column:1/3}.cell-about{grid-column:1/3}.cell-research{grid-column:1/3}.cell-community{grid-column:1/3}.cell-texture{display:none}.cell-principles{grid-column:1/2}.cell-events{grid-column:2/3}.cell-join{grid-column:1/3}h1{font-size:26px}}