.top-nav{--purple:#3c104e;--gold:#c89432;--gold-soft:#dfba70;--beige:#f5efe5;z-index:70;background:var(--beige);border-bottom:1px solid #c894328c;align-items:center;gap:clamp(18px,2vw,30px);height:76px;padding:0 clamp(22px,3vw,48px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0 0 auto}.top-nav .nav-mark{flex:none;width:clamp(112px,8.6vw,145px);height:44px;display:block}.top-nav .brand-logo{background:var(--purple);width:100%;height:100%;display:block;-webkit-mask:url(/pragya/pragya-logo.png) 0/contain no-repeat;mask:url(/pragya/pragya-logo.png) 0/contain no-repeat}.top-nav .nav-programmes{flex:1;justify-content:flex-start;align-items:center;gap:clamp(10px,1.15vw,22px);min-width:0;height:100%;display:flex}.top-nav .nav-programmes a{color:#5c4a5e;letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;height:100%;font-size:clamp(8px,.67vw,11px);font-weight:550;text-decoration:none;transition:color .18s;display:flex;position:relative}.top-nav .nav-programmes a:after{content:"";background:var(--gold);width:0;height:1px;transition:width .2s;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.top-nav .nav-programmes a:hover,.top-nav .nav-programmes a:focus-visible,.top-nav .nav-programmes a.active{color:var(--purple)}.top-nav .nav-programmes a:hover:after,.top-nav .nav-programmes a:focus-visible:after,.top-nav .nav-programmes a.active:after{width:100%}.top-nav .nav-programmes a:focus-visible{outline:1px solid var(--gold);outline-offset:5px}.top-nav .nav-emblem{width:27px;height:27px;color:var(--purple);border:1px solid #3c104e61;border-radius:50%;flex:0 0 27px;place-items:center;transition:border-color .18s,color .18s;display:grid}.top-nav .nav-emblem svg{width:20px;height:20px}.top-nav .nav-emblem .emblem-gold{stroke:var(--gold);fill:none}.top-nav .nav-programmes a:hover .nav-emblem,.top-nav .nav-programmes a:focus-visible .nav-emblem,.top-nav .nav-programmes a.active .nav-emblem{color:var(--purple);border-color:var(--gold)}.top-nav .bits-button{border:1px solid var(--gold);background:var(--purple);min-width:112px;height:40px;color:var(--beige);white-space:nowrap;border-radius:5px;flex:none;place-items:center;padding:0 15px;font-family:Georgia,serif;font-size:14px;text-decoration:none;transition:color .18s,border-color .18s,background .18s;display:grid}.top-nav .bits-button:hover,.top-nav .bits-button:focus-visible{color:var(--gold-soft);border-color:var(--gold-soft);background:#2b0b3a}.top-nav .bits-button:focus-visible{outline-offset:3px;outline:2px solid #c8943259}@media (max-width:1180px){.top-nav{gap:24px;padding-inline:22px}.top-nav .nav-mark{width:105px}.top-nav .nav-programmes{scrollbar-width:none;justify-content:flex-start;gap:12px;overflow-x:auto}.top-nav .nav-programmes::-webkit-scrollbar{display:none}.top-nav .nav-programmes a{flex:none;font-size:9px}.top-nav .nav-emblem{flex-basis:24px;width:24px;height:24px}.top-nav .nav-emblem svg{width:18px;height:18px}.top-nav .bits-button{min-width:100px;height:36px;font-size:12px}}@media (max-width:760px){.top-nav{gap:18px;height:64px;padding-inline:14px}.top-nav .nav-mark{width:82px;height:34px}.top-nav .nav-programmes a{font-size:8px}.top-nav .nav-programmes a:after{bottom:8px}.top-nav .nav-emblem{flex-basis:22px;width:22px;height:22px}.top-nav .nav-emblem svg{width:16px;height:16px}.top-nav .bits-button{min-width:86px;height:34px;padding-inline:9px;font-size:11px}}