.clubs-wrap{--left-col:500px;--gap:56px;--divider:#e6e6e6;--text:#111;--muted:#6b7280;--desc:#4b5563;--cta:#c62828;--cta-hover:#ad1f1f;position:relative;max-width:1350px;padding:1px 16px 56px;color:var(--text);margin:80px auto;height:85vh}.clubs-grid{display:grid;grid-template-columns:var(--left-col) 1fr;grid-template-rows:auto auto;grid-column-gap:var(--gap);column-gap:var(--gap);grid-row-gap:56px;row-gap:56px;position:relative}.v-divider{position:absolute;top:0;bottom:0;left:calc(var(--left-col) + var(--gap) / 2);width:1px;pointer-events:none}.h-divider,.v-divider{background:var(--divider)}.h-divider{grid-column:2/3;grid-row:1/2;align-self:end;height:2px;position:relative;top:50px;margin-left:30px}.headline{grid-column:1/2;grid-row:1/2;display:flex;align-items:flex-start}.headline h1{margin:0;font-weight:800;font-size:56px;line-height:1.05;letter-spacing:-.02em}.club-text{grid-column:2/3;max-width:780px;margin-left:30px}.club-text.top{grid-row:1/2}.club-text.bottom{grid-row:2/3}.club-title{margin:0 0 4px;font-size:34px;font-weight:800;letter-spacing:-.01em}.club-tagline{margin:0 0 14px;font-size:18px;color:var(--muted)}.club-desc{margin:0;font-size:14px;line-height:1.4;color:var(--desc)}.club-image{grid-column:1/2;grid-row:2/3;margin:0}.club-image img,.image-ph{display:block;width:420px;height:450px;border-radius:12px;object-fit:cover;background:#f3f4f6;border:1px solid #ededed;position:absolute;top:150px}.image-ph{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom{margin-top:50px}.cta{margin-top:22px;display:inline-block;background:var(--cta);border:0;padding:14px 28px;font-size:16px;font-weight:700;box-shadow:0 1px 0 rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.06);transition:background-color .15s ease,transform .05s ease}.cta:hover{background:var(--cta-hover)}.cta:active{transform:translateY(1px)}@media (max-width:1100px){.headline h1{font-size:48px}.club-title{font-size:30px}}@media (max-width:900px){.clubs-wrap{--left-col:100%;--gap:28px}.h-divider,.v-divider{display:none}.clubs-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;row-gap:28px}.headline{grid-column:1;grid-row:1}.club-text.top{grid-column:1;grid-row:2}.club-image{grid-column:1;grid-row:3}.club-text.bottom{grid-column:1;grid-row:4}.headline h1{font-size:36px}.club-title{font-size:26px}.club-image img,.image-ph{height:300px}}.convocation-section{width:100%;min-height:80vh;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-image:url(/campus-life/heroBg2.webp);background-size:cover;background-position:50%;padding:3px 0;margin:0 auto;display:flex;align-items:center}.vertical-text{color:#fff;font-size:28px;font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:2px}.convocation-content{display:flex;max-width:1280px;width:90%;margin:0 auto;align-items:center;gap:40px}.text-block{flex:1 1;max-width:550px;padding:40px;border-radius:12px;margin:20px 0}.subtitle{font-size:1.2rem;font-weight:600;color:#d32f2f;text-transform:uppercase;letter-spacing:1.5px;display:inline-block}.main-title{font-size:3.5rem;font-weight:800;margin:0 0 10px;line-height:1.2;color:#1a1a1a;letter-spacing:-.5px}.description{font-size:1.1rem;line-height:1.5;color:#4a4a4a;margin:0 0 10px;max-width:90%}.cta{background:#d32f2f;color:#fff;border:none;padding:14px 32px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(211,47,47,.3)}.cta:hover{background:#b71c1c}.image-block{flex:1.2 1;display:flex;justify-content:center;align-items:center;padding:30px;position:relative;z-index:1;margin-left:20px}.image-block img{width:100%;width:700px;height:auto;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);transition:transform .3s ease}@media (max-width:1024px){.convocation-content{flex-direction:column;text-align:center;padding:40px 20px;gap:30px}.text-block{max-width:100%;margin:0 auto;padding:30px 20px}.image-block{justify-content:center}}@media (max-width:1000px){.convocation-content{flex-direction:column;text-align:center;padding:40px 20px;gap:30px}.text-block{max-width:100%;margin:0 auto;padding:30px 20px}.main-title{font-size:2.5rem}.subtitle{font-size:1.1rem}}@media (max-width:600px){.main-title{font-size:2rem;margin:10px 0 20px}.description{font-size:1rem;max-width:100%}.cta{padding:12px 24px;font-size:.9rem}}.dualSwiper{width:100%;padding:2rem 0}.mainContainer{height:auto;margin-bottom:2rem;width:700px}.slide{height:600px;border-radius:20px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:visible;transition:transform .3s ease;position:relative}.slide:hover{transform:scale(1.02)}.imageContainer{width:100%;height:80%;position:relative;border-radius:20px;overflow:hidden;transform:translateZ(0)}.image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.image:hover{transform:scale(1.05)}@media (max-width:1023px){.slide{width:100%!important;height:500px;margin:0 auto}.dualSwiper{padding:1rem 0}}@media (min-width:1600px){.slide{height:700px}}