@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,400;1,9..144,600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--green:#0d4a2f;--mid:#1a6b47;--pale:#e8f5ee;--gold:#f0b429;--cream:#faf8f2;--cream2:#f0ece0;--ink:#17201b;--muted:#6b7c74;--serif:'Fraunces',Georgia,serif;--sans:'Plus Jakarta Sans',system-ui,sans-serif;--shadow:0 18px 52px rgba(13,74,47,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}
.topbar{background:var(--green);color:#fff;padding:8px 0;font-size:12px;font-weight:800}.topbar .wrap{display:flex;gap:16px;align-items:center;overflow:hidden}.announce{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.ticker{white-space:nowrap;opacity:.82}
.sticky-shell{position:sticky;top:0;z-index:100}.announcement{display:grid!important;grid-template-columns:max-content minmax(0,1fr);gap:18px;white-space:nowrap}.announcement-label{display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.04em}.announcement-label:before{content:'📣';font-size:17px}.ticker-window{min-width:0;overflow:hidden}.ticker{display:flex;width:max-content;animation:headerRoll 30s linear infinite}.ticker span{padding:0 24px}.ticker span:before{content:'•';color:var(--gold);margin-right:12px}@keyframes headerRoll{to{transform:translateX(-50%)}}
.sticky-shell header{background:#faf8f0;border-bottom:1px solid rgba(13,74,47,.1)}.head{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mark{width:194px}.mark img{width:194px;max-height:156px;object-fit:contain}.head nav{display:flex;align-items:center;gap:3px}.navlink{display:flex;align-items:center;gap:5px;padding:9px 13px;border-radius:12px;color:#3d4a42;font-size:13px;font-weight:700;transition:.24s}.navlink:hover{background:var(--pale);color:var(--green)}.nav-special{flex-direction:column;gap:1px!important;line-height:1.1;background:#fff3c7;color:var(--green);border:1px solid rgba(240,180,41,.45)}.nav-special small{font-size:9px;color:var(--mid);letter-spacing:.04em;text-transform:uppercase}.drop{position:relative}.dropmenu{position:absolute;top:calc(100% + 12px);left:0;width:250px;background:#fff;border:1px solid rgba(13,74,47,.09);border-radius:20px;box-shadow:var(--shadow);padding:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s}.drop:hover .dropmenu{opacity:1;visibility:visible;transform:none}.dropmenu a{display:flex;justify-content:space-between;padding:11px 12px;border-radius:12px;font-size:13px;font-weight:700}.dropmenu a:hover{background:var(--pale)}
.mob-toggle{display:none;width:44px;height:44px;border:1.5px solid rgba(13,74,47,.18);border-radius:12px;background:none;flex-direction:column;align-items:center;justify-content:center;gap:5px}.mob-toggle span{width:20px;height:2px;background:var(--green);transition:.25s}.mob-toggle.open span:first-child{transform:translateY(7px) rotate(45deg)}.mob-toggle.open span:nth-child(2){opacity:0}.mob-toggle.open span:last-child{transform:translateY(-7px) rotate(-45deg)}.mob-nav{position:fixed;top:0;right:0;bottom:0;width:min(320px,88vw);background:#fff;z-index:200;transform:translateX(110%);transition:.32s;box-shadow:-18px 0 54px rgba(13,74,47,.14)}.mob-nav.open{transform:none}.mob-nav-inner{display:flex;flex-direction:column;height:100%;overflow-y:auto}.mob-nav-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid rgba(13,74,47,.08)}.mob-nav-header img{height:56px;width:auto}.mob-nav-close{width:38px;height:38px;border-radius:10px;border:1px solid rgba(13,74,47,.14);background:none;color:var(--green)}.mob-nav-links{flex:1;padding:14px 22px}.mob-nav-link,.mob-acc-btn{width:100%;display:flex;justify-content:space-between;padding:14px 0;border:0;border-bottom:1px solid rgba(13,74,47,.07);background:none;font:800 16px var(--sans);color:var(--green);text-align:left}.mob-nav-link small{font-size:10px;background:rgba(240,180,41,.18);padding:2px 8px;border-radius:99px}.mob-caret{color:var(--gold);font-size:19px;transition:.2s}.mob-acc.open .mob-caret{transform:rotate(90deg)}.mob-acc-panel{display:grid;grid-template-rows:0fr;transition:.24s}.mob-acc-panel>div{overflow:hidden}.mob-acc.open .mob-acc-panel{grid-template-rows:1fr}.mob-acc-panel a{display:block;padding:10px 14px;font-size:13px;font-weight:700;color:#3d4a42}.mob-nav-footer{padding:22px;border-top:1px solid rgba(13,74,47,.08)}.mob-nav-footer .button{width:100%}.mob-nav-backdrop{position:fixed;inset:0;background:rgba(3,24,15,.52);z-index:199;opacity:0;pointer-events:none;transition:.32s}.mob-nav-backdrop.open{opacity:1;pointer-events:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(250,248,242,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(13,74,47,.1)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:178px}.links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:800;color:#3d4a42}.links a:hover,.links .active{color:var(--mid)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:12px 21px;font-size:13px;font-weight:800;border:1.5px solid rgba(13,74,47,.2);transition:.25s;background:#fff}.button:hover{transform:translateY(-2px);background:var(--green);color:#fff}.button.gold{background:var(--gold);border-color:var(--gold);color:var(--green)}.menu{display:none;border:0;background:none;font-size:25px;color:var(--green)}
.hero{position:relative;overflow:hidden;background:var(--green);color:#fff;padding:78px 0 88px}.hero:before{content:'';position:absolute;width:580px;height:580px;border-radius:50%;right:-210px;top:-300px;background:var(--gold);opacity:.1}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(13,74,47,.15),rgba(13,74,47,.7)),url('assets/images/events/student-led-conference/01.jpg') center/cover;opacity:.27}.hero .wrap{position:relative;z-index:1}.crumb{font-size:12px;font-weight:700;color:rgba(255,255,255,.64);margin-bottom:30px}.crumb span{color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.eyebrow:before{content:'';width:25px;height:2px;background:var(--gold)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.05;margin:13px 0}.hero h1{font-size:clamp(48px,7vw,86px);max-width:850px}.hero h1 em,h2 em{font-style:italic;color:var(--gold)}.hero p{max-width:650px;color:rgba(255,255,255,.75);font-size:17px;margin:20px 0 0}
.archive{padding:64px 0 90px}.filterbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:34px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{border:1px solid rgba(13,74,47,.15);background:#fff;color:var(--green);padding:10px 17px;border-radius:999px;font:800 12px var(--sans);cursor:pointer}.filter.active,.filter:hover{background:var(--green);color:#fff}.search{position:relative}.search input{width:260px;border:1px solid rgba(13,74,47,.14);background:#fff;border-radius:999px;padding:12px 42px 12px 17px;font:600 13px var(--sans);outline:none}.search span{position:absolute;right:15px;top:9px;color:var(--mid)}
.featured{display:grid;grid-template-columns:1.3fr .7fr;background:#fff;border-radius:32px;overflow:hidden;border:1px solid rgba(13,74,47,.08);box-shadow:var(--shadow);margin-bottom:42px}.featured-img{min-height:430px;background:center/cover}.featured-copy{padding:44px;display:flex;flex-direction:column;justify-content:center}.date{color:var(--mid);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.tag{display:inline-flex;align-self:flex-start;background:#fff3c7;color:var(--green);padding:6px 11px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.featured h2{font-size:clamp(34px,4vw,52px);color:var(--green)}.featured p{color:var(--muted);margin:10px 0 24px}.read{color:var(--green);font-size:13px;font-weight:800}.read:hover{color:var(--mid)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid rgba(13,74,47,.08);border-radius:25px;overflow:hidden;transition:.3s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card-img{height:225px;background:center/cover;position:relative}.card-img .tag{position:absolute;left:16px;top:16px}.card-body{padding:22px}.card h3{margin:7px 0;font-size:19px;line-height:1.3;color:var(--green)}.card p{font-size:13px;color:var(--muted);margin:7px 0 15px}.empty{display:none;text-align:center;color:var(--muted);padding:60px;grid-column:1/-1}
.story-hero{padding:56px 0 0;background:var(--green);color:#fff}.story-title{display:grid;grid-template-columns:1fr 250px;gap:50px;align-items:end;padding-bottom:52px}.story-title h1{font-size:clamp(48px,7vw,82px);max-width:850px}.meta-card{border-left:1px solid rgba(255,255,255,.2);padding-left:28px;display:grid;gap:15px}.meta-item span{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.meta-item strong{font-size:14px}.cover{width:min(1320px,calc(100% - 48px));height:min(64vw,680px);margin:auto;border-radius:34px 34px 0 0;object-fit:cover}
.article{background:#fff;padding:76px 0}.article-grid{display:grid;grid-template-columns:minmax(0,740px) 280px;justify-content:space-between;gap:60px}.article-copy .intro{font-family:var(--serif);font-size:26px;line-height:1.5;color:var(--green)}.article-copy p{color:#4f6158;font-size:15px;line-height:1.9}.article-copy h2{font-size:39px;color:var(--green);margin-top:40px}.quote{margin:35px 0;background:var(--pale);border-left:4px solid var(--gold);border-radius:0 22px 22px 0;padding:28px;font-family:var(--serif);font-size:23px;font-style:italic;color:var(--green)}.sidebox{position:sticky;top:130px;background:var(--cream);border:1px solid rgba(13,74,47,.08);border-radius:24px;padding:24px;height:max-content}.sidebox h3{font-family:var(--serif);font-size:25px;color:var(--green);margin:0 0 16px}.sidebox a{display:block;padding:11px 0;border-top:1px solid rgba(13,74,47,.09);font-size:13px;font-weight:700;color:var(--mid)}
.gallery{background:var(--cream2);padding:76px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.sectionhead h2{font-size:clamp(38px,5vw,58px);color:var(--green);margin:8px 0}.photos{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:220px 220px;gap:14px}.photos img{width:100%;height:100%;object-fit:cover;border-radius:20px}.photos img:first-child{grid-row:1/3}.next{background:var(--gold);color:var(--green);padding:52px 0}.next .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.next h2{font-size:clamp(34px,5vw,56px);margin:0;max-width:780px}.footer{background:var(--green);color:rgba(255,255,255,.7);padding:36px 0}.footer .wrap{display:flex;justify-content:space-between;gap:30px}.footer strong{color:#fff}.footer p{font-size:12px;max-width:520px;margin:6px 0}
.event-gallery{background:#fff;padding:72px 0}.event-photo-grid{columns:3;column-gap:16px}.event-photo-grid img{width:100%;margin:0 0 16px;border-radius:22px;break-inside:avoid;background:var(--cream2);transition:.3s}.event-photo-grid img:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.event-note{background:var(--cream2);padding:72px 0}.event-note-card{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;background:#fff;border:1px solid rgba(13,74,47,.08);border-radius:30px;padding:44px;box-shadow:0 12px 42px rgba(13,74,47,.08)}.event-note-card h2{font-size:clamp(34px,4.5vw,52px);color:var(--green);margin-top:10px}.event-note-copy p{font-size:17px;line-height:1.9;color:#4f6158;margin:0 0 14px}.event-note-copy p:first-child{font-family:var(--serif);font-size:25px;line-height:1.5;color:var(--green)}
@media(max-width:900px){.head nav,.enquire-btn{display:none}.mob-toggle{display:flex}.featured{grid-template-columns:1fr}.featured-img{min-height:360px}.grid{grid-template-columns:repeat(2,1fr)}.story-title{grid-template-columns:1fr}.meta-card{grid-template-columns:repeat(2,1fr);border:0;padding:0}.article-grid{grid-template-columns:1fr}.sidebox{position:static}.photos{grid-template-columns:1fr 1fr}.photos img:first-child{grid-column:1/3}.photos img:last-child{display:none}.event-photo-grid{columns:2}.event-note-card{grid-template-columns:1fr;gap:18px}}
@media(max-width:620px){.wrap,.cover{width:min(100% - 32px,1200px)}.nav{height:72px}.logo img{width:138px;max-height:58px;object-fit:contain}.hero{padding:48px 0 58px}.hero h1{font-size:clamp(38px,12vw,49px);overflow-wrap:anywhere}.archive{padding-top:38px}.filterbar{align-items:stretch;flex-direction:column}.filters{overflow:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.search input{width:100%}.featured-img{min-height:240px}.featured-copy{padding:24px 20px}.grid{grid-template-columns:1fr}.card-img{height:220px}.story-title h1{font-size:clamp(38px,12vw,48px);overflow-wrap:anywhere}.meta-card{grid-template-columns:1fr 1fr}.cover{height:62vw;border-radius:22px 22px 0 0}.article{padding:50px 0}.article-copy .intro{font-size:22px}.photos{display:block}.photos img{height:260px;margin-bottom:12px}.photos img:nth-child(n+3){display:none}.next .wrap,.footer .wrap{display:block}.next .button{margin-top:22px}.sectionhead{display:block}.event-gallery,.event-note{padding:48px 0}.event-photo-grid{columns:1}.event-photo-grid img{margin-bottom:12px;border-radius:18px}.event-note-card{padding:26px}.event-note-copy p{font-size:15px}.event-note-copy p:first-child{font-size:22px}}
