:root {
	--pin:#e42424;
        --pin-dark:#a91111;
        --muted:#555;
}
.alumni-section {
        max-width:1200px;
        margin:50px auto;
        padding:0 20px;
}
.alumni-section h2 { text-align:center;margin-bottom:30px;font-size:2rem; }
.alumni-board {
        display:grid;
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
        gap:28px;
}
@media(max-width:768px){
        .alumni-board{ grid-template-columns:1fr;} /* 1 column mobile */
}
.note{
        position:relative;
        padding:70px 20px 40px;
        border-radius:8px;
        background:#fff7d1;
        box-shadow:0 6px 12px rgba(0,0,0,0.15);
        transform:rotate(var(--rot));
        transition:.25s;
        min-height:260px;
	margin:20px 0;
}
.note:hover { transform:rotate(0deg) translateY(-4px); }
.note.blue { background: linear-gradient(135deg,#d6e9ff,#f0f7ff); }
.note.green { background: linear-gradient(135deg,#d7f9d7,#f3fff0); }
.note.yellow { background: linear-gradient(135deg,#fff7d1,#fffce9); }
.note.pink { background: linear-gradient(135deg,#ffd6e8,#fff0f7); }
.note.purple { background: linear-gradient(135deg,#e6d6ff,#f7f3ff); }
.note.orange { background: linear-gradient(135deg,#ffe2c6,#fff8f2); }
.pin {
        position:absolute; top:-8px; left:50%; transform:translateX(-50%);
        width:22px; height:22px;
}
.pin::before, .pin::after { content:""; position:absolute; left:50%; transform:translateX(-50%); }
.pin::before {
        width:22px;height:22px;border-radius:50%;
        background: radial-gradient(circle at 30% 30%, #fff 0 20%, var(--pin) 21% 60%, var(--pin-dark) 61% 100%);
	box-shadow:0 4px 8px rgba(0,0,0,.3);
}
.pin::after { top:18px;width:2px;height:16px;background:#666;border-radius:1px; }
.alumni-avatar {
	width: 120px !important;
	height: 120px !important;
    	border-radius: 50% !important;
    	object-fit: cover !important;
    	display: block;
    	margin: 0 auto 10px;
	box-shadow: 0 4px 8px rgba(0,0,0,.25);
	overflow: hidden;
}
.alumni-name { text-align:center;font-weight:700;margin:6px 0 2px; }
.alumni-role { text-align:center;color:var(--muted);font-size:1.2rem;margin-bottom:10px; }
.alumni-desc { text-align:center;color:#333;line-height:1.4;font-size:.95rem; }