.membership-page{background:var(--ivory)}
.membership-head{position:relative;overflow:hidden;background:var(--ink);color:white;padding:clamp(58px,8vw,104px) 0}.membership-head:after{content:"";position:absolute;right:7%;top:-42%;width:1px;height:190%;background:var(--yellow);transform:rotate(32deg);opacity:.8}.membership-head .eyebrow{color:var(--yellow)}.membership-head h1{position:relative;z-index:1;max-width:14ch;color:white;font-size:clamp(42px,6vw,68px)}.membership-head p{position:relative;z-index:1;max-width:680px;margin-top:20px;color:var(--muted-d);font-size:18px;line-height:1.75}
.membership-main{padding:clamp(58px,8vw,104px) 0}.membership-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(36px,7vw,100px);align-items:start}.membership-layout h2{color:var(--ink);font-size:clamp(30px,4vw,50px)}.membership-copy{color:var(--muted);font-size:16px;line-height:1.85}.membership-copy p+p{margin-top:18px}.membership-list{display:grid;gap:1px;background:var(--rule);margin-top:34px}.membership-card{position:relative;padding:27px 24px;background:white;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.membership-card:hover{z-index:1;transform:translateX(5px);box-shadow:0 12px 28px rgba(10,30,48,.1)}.membership-card .index{display:block;margin-bottom:12px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.14em}.membership-card h3{font-family:var(--font-u);font-size:17px;color:var(--ink);margin-bottom:7px}.membership-card p{color:var(--muted);font-size:14px;line-height:1.7}.membership-panel{background:white;border:1px solid var(--rule);border-top:3px solid var(--yellow);padding:32px;box-shadow:0 18px 36px rgba(10,30,48,.07)}.membership-panel h2{font-size:27px;color:var(--ink)}.membership-panel p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.7}.membership-panel .btn{margin-top:24px}.membership-note{margin-top:25px;padding-top:19px;border-top:1px solid var(--rule);color:var(--muted);font-size:13px;line-height:1.65}.membership-note strong{color:var(--ink)}
.membership-layout:not(:has(.membership-panel)){display:block}.membership-layout:not(:has(.membership-panel))>div:first-child{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(36px,7vw,100px);align-items:end}.membership-layout:not(:has(.membership-panel))>div:first-child:after{content:'A community built on openness, contribution and shared academic purpose.';display:block;color:var(--muted);font-size:16px;line-height:1.8;max-width:55ch}.membership-layout:not(:has(.membership-panel)) .membership-copy>p{max-width:720px;margin-top:38px}.membership-layout:not(:has(.membership-panel)) .membership-list{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.membership-layout{grid-template-columns:1fr}.membership-layout:not(:has(.membership-panel))>div:first-child{display:block}.membership-layout:not(:has(.membership-panel))>div:first-child:after{margin-top:18px}.membership-layout:not(:has(.membership-panel)) .membership-copy>p{margin-top:28px}.membership-layout:not(:has(.membership-panel)) .membership-list{grid-template-columns:1fr}.membership-head{padding:50px 0 64px}.membership-panel{padding:24px}}