/* Shared navigation. Source markup: components/site-header.html. */
@font-face{font-family:NYCNav;src:url('assets/HelveticaNeueRoman.otf');font-weight:400;font-display:swap}
@font-face{font-family:NYCNav;src:url('assets/HelveticaNeueMedium.otf');font-weight:500;font-display:swap}
body>header.nyc-site-header{height:80px;position:fixed;top:0;left:0;right:0;width:100%;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 3%!important;background:#173f32;color:#faf8f1;overflow:visible;box-sizing:border-box;font:400 16px/1.3 NYCNav,sans-serif;transition:transform .2s}
body>header.nyc-site-header.nav-away{transform:translateY(-100%)}
.nyc-site-header *{box-sizing:border-box}
.nyc-site-header a{color:inherit;text-decoration:none}
body>header.nyc-site-header .brand{display:flex;align-items:center;margin-right:auto;order:0;padding:0}
body>header.nyc-site-header .brand img{display:block;width:62px;height:auto;max-height:60px;object-fit:contain;padding:0;background:none}
.nyc-site-header .brand span{display:none}
body>header.nyc-site-header .nav-toggle{display:flex;align-items:center;gap:12px;margin:0;padding:10px 0 10px 15px;min-height:44px;border:0;border-radius:0;background:transparent;color:inherit;font:400 17px/1.2 NYCNav,sans-serif;order:2;cursor:pointer}
.nyc-site-header :is(a,button):focus-visible{outline:2px solid #d3e291;outline-offset:5px}
.nyc-nav-symbol{width:22px;height:22px;flex:none}.nav-close-symbol{display:none}
[aria-expanded=true]>.nyc-nav-symbol .nav-open-symbol{display:none}
[aria-expanded=true]>.nyc-nav-symbol .nav-close-symbol{display:initial}
body>header.nyc-site-header #main-nav{display:none;position:absolute;top:80px;left:auto;right:3%;width:440px;max-width:94vw;margin:0;padding:20px 28px 28px;background:#173f32;border:1px solid #ffffff20;box-shadow:0 18px 40px #10281d22;max-height:calc(100svh - 96px);overflow-y:auto;overscroll-behavior:contain;text-align:left}
body>header.nyc-site-header #main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;background:#173f32;color:#faf8f1}
body>header.nyc-site-header #main-nav>a,body>header.nyc-site-header .programmes-toggle{font:400 24px/1.25 NYCNav,sans-serif;letter-spacing:-.02em;padding:14px 0;margin:0;border:0;border-radius:0;background:none;color:#faf8f1;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;text-transform:none}
body>header.nyc-site-header #main-nav>a:hover,body>header.nyc-site-header .programmes-toggle:hover{color:#d1e486}
.nyc-site-header .programmes-nav{position:static}
body>header.nyc-site-header .programme-menu{position:static;width:100%;padding:20px;margin:8px 0 14px;background:#faf8f2;color:#1e3228;border:1px solid #bdc5b4;box-shadow:none}
.nyc-site-header .programme-menu[hidden]{display:none!important}
.nyc-site-header .programme-menu-heading{display:block;padding-bottom:20px;border-bottom:1px solid #1e322830}
.nyc-site-header .programme-menu-heading strong{font:500 23px/1.2 NYCNav,sans-serif;letter-spacing:-.03em}
.nyc-site-header .programme-menu-heading p{margin:8px 0 0;font:400 12px/1.5 NYCNav,sans-serif;color:#61705b}
.nyc-site-header .programme-options{display:grid;grid-template-columns:1fr;gap:0}
body>header.nyc-site-header #main-nav .programme-link{display:grid;grid-template-columns:1fr auto;gap:9px 12px;padding:20px 4px;color:#1e3228;border-bottom:1px solid #1e322830;white-space:normal}
.nyc-site-header .programme-link:hover{background:#e9ede1}
.nyc-site-header .programme-link .programme-tag{grid-column:1;font:400 10px/1.2 NYCNav,sans-serif;text-transform:uppercase;letter-spacing:1px;background:#e5e7da;padding:5px 8px;width:fit-content}
.nyc-site-header .programme-link .programme-tag.ai{background:#e8e3ef;color:#5c496c}
.nyc-site-header .programme-link strong{grid-column:1;font:500 21px/1.15 NYCNav,sans-serif;letter-spacing:-.025em}
.nyc-site-header .programme-link small{grid-column:1;font:400 12px/1.6 NYCNav,sans-serif;color:#61705b}
.nyc-site-header .programme-link .programme-arrow{grid-column:2;grid-row:2;font:400 22px NYCNav,sans-serif}
.nyc-site-header .programme-menu-foot{margin:20px 0 0;font:400 12px/1.5 NYCNav,sans-serif;color:#52664c}
body>header.nyc-site-header #main-nav .header-accounts{display:flex;gap:24px;align-items:center;order:initial;margin-top:20px;padding-top:24px;border-top:1px solid #faf8f133;font:400 20px/1.25 NYCNav,sans-serif}
body>header.nyc-site-header .header-accounts a{display:inline-flex;align-items:center;min-height:44px}
body>header.nyc-site-header .header-accounts .register-link{padding:12px 20px;background:#faf8f1;color:#173f32;border-radius:3px}
body.studio-page{padding-top:80px!important}
@media(max-width:600px){body>header.nyc-site-header{padding:0 18px!important}.nyc-site-header .nav-toggle{font-size:16px!important}body>header.nyc-site-header .brand img{width:50px}body>header.nyc-site-header #main-nav{left:0;right:0;width:100%;max-width:100%;padding:20px 24px 28px}}
@media(prefers-reduced-motion:reduce){body>header.nyc-site-header{transition:none}}
/* Tablet: the important links stay in the bar, the rest sit in Your Base. */
.nyc-site-header .nav-quick{display:none}
@media(min-width:720px) and (max-width:1099px){
body>header.nyc-site-header .nav-quick{display:flex;align-items:center;gap:26px;order:1;font:400 16px/1.2 NYCNav,sans-serif}
body>header.nyc-site-header .nav-quick a{color:#faf8f1;padding:10px 0}
body>header.nyc-site-header .nav-quick a:hover{color:#d1e486}
body>header.nyc-site-header .nav-quick .register-link{padding:10px 16px;background:#faf8f1;color:#173f32;border-radius:3px}
body>header.nyc-site-header #main-nav .nav-tab-hide{display:none}
body>header.nyc-site-header .nav-toggle{padding-left:22px}
}
/* Desktop: everything in the bar, no Your Base button. */
@media(min-width:1100px){
body>header.nyc-site-header .nav-toggle{display:none}
body>header.nyc-site-header #main-nav,body>header.nyc-site-header #main-nav.is-open{display:flex;flex-direction:row;align-items:center;gap:30px;position:static;width:auto;max-width:none;max-height:none;margin:0;padding:0;background:none;border:0;box-shadow:none;overflow:visible;order:1;color:#faf8f1}
body>header.nyc-site-header #main-nav .nav-home{display:none}
body>header.nyc-site-header #main-nav>a,body>header.nyc-site-header #main-nav .programmes-toggle{font:400 16px/1.2 NYCNav,sans-serif;letter-spacing:0;padding:10px 0;width:auto;gap:6px;justify-content:flex-start;white-space:nowrap}
body>header.nyc-site-header .programmes-nav{position:relative}
body>header.nyc-site-header .programme-menu{position:absolute;top:calc(100% + 24px);left:50%;transform:translateX(-50%);width:660px;margin:0;padding:22px 24px;box-shadow:0 18px 40px #10281d33;z-index:2}
body>header.nyc-site-header .programme-options{grid-template-columns:1fr 1fr;column-gap:20px}
body>header.nyc-site-header #main-nav .programme-link{padding:18px 6px}
body>header.nyc-site-header #main-nav .header-accounts{margin:0 0 0 6px;padding:0;border:0;gap:22px;font:400 16px/1.2 NYCNav,sans-serif}
body>header.nyc-site-header #main-nav .header-accounts .register-link{padding:10px 18px}
}
/* One-colour brand icons in footers (YouTube, Discord) follow the link colour. */
footer .ft-ic{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;margin-right:.4em;flex:none}
/* Shared footer. Source markup: components/site-footer.html. */
body>footer.nyc-site-footer{display:block;margin:0;padding:44px 3% 28px!important;background:#173f32;color:#e6ecdf;font:400 14px/1.4 NYCNav,sans-serif;text-align:left;border:0}
.nyc-site-footer .nsf-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:28px 40px;flex-wrap:wrap;max-width:1240px;margin:0 auto}
.nyc-site-footer .nsf-brand img{display:block;width:64px;height:auto}
.nyc-site-footer .nsf-brand p{margin:14px 0 0;font:400 14px/1.4 NYCNav,sans-serif;color:#aebbaa}
.nyc-site-footer nav{display:flex;flex-wrap:wrap;gap:12px 26px;flex:1 1 520px;justify-content:flex-end}
body>footer.nyc-site-footer nav>a{display:inline-flex;align-items:center;font:400 14px/1.3 NYCNav,sans-serif;color:#e6ecdf;text-decoration:none;white-space:nowrap}
body>footer.nyc-site-footer nav>a:hover{color:#d0df83}
.nyc-site-footer .nsf-note{max-width:1240px;margin:30px auto 0;padding-top:18px;border-top:1px solid #ffffff1f;font:400 12px/1.5 NYCNav,sans-serif;color:#8fa08f}
@media(max-width:700px){body>footer.nyc-site-footer{padding:36px 20px 24px!important}.nyc-site-footer nav{justify-content:flex-start;gap:12px 22px}}
/* Signed-in account menu (frontend preview: ?preview=signedin). Inside Your Base on phones and tablets, a dropdown on desktop. */
.nyc-site-header .acct-btn{display:none}
body>header.nyc-site-header.is-signed-in #main-nav .header-accounts{display:block}
.nyc-site-header .acct-menu{display:block;width:100%}
.nyc-site-header .acct-hd{display:flex;align-items:center;gap:12px;padding:0 0 12px}
.nyc-site-header .acct-av{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#d1e486;color:#173f32;font:500 15px/1 NYCNav,sans-serif}
.nyc-site-header .acct-hd b{display:block;font:500 18px/1.2 NYCNav,sans-serif}
.nyc-site-header .acct-hd small{display:block;margin-top:3px;font:400 13px/1.3 NYCNav,sans-serif;opacity:.75}
body>header.nyc-site-header #main-nav .acct-menu a{display:flex;align-items:center;min-height:44px;font:400 18px/1.2 NYCNav,sans-serif}
body>header.nyc-site-header #main-nav .acct-menu a:hover{color:#d1e486}
.nyc-site-header .acct-out{display:inline-flex;align-items:center;gap:9px;margin-top:12px;min-height:44px;padding:10px 18px;border:1px solid #faf8f180;border-radius:3px;background:transparent;color:#faf8f1;font:400 16px/1 NYCNav,sans-serif;cursor:pointer}
.nyc-site-header .acct-out:hover{background:#faf8f11a;border-color:#faf8f1}
.nyc-site-header .acct-note{margin:12px 0 0;font:400 12px/1.4 NYCNav,sans-serif;opacity:.6}
@media(min-width:1100px){
body>header.nyc-site-header.is-signed-in #main-nav .header-accounts{position:relative;margin-left:6px}
.nyc-site-header .acct-btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:4px 12px 4px 4px;border:1px solid #faf8f140;border-radius:999px;background:transparent;color:#faf8f1;font:400 15px/1 NYCNav,sans-serif;cursor:pointer}
.nyc-site-header .acct-btn:hover,.nyc-site-header .acct-btn[aria-expanded=true]{border-color:#faf8f1a6}
.nyc-site-header .acct-btn .acct-av{width:32px;height:32px;font-size:14px}
.nyc-site-header .acct-btn svg{transition:transform .2s}.nyc-site-header .acct-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.nyc-site-header .acct-menu{display:none;position:absolute;right:0;top:calc(100% + 18px);width:290px;padding:18px;background:#faf8f2;color:#1e3228;border:1px solid #bdc5b4;border-radius:6px;box-shadow:0 18px 40px #10281d33;z-index:70}
.nyc-site-header .acct-menu.open{display:block}
.nyc-site-header .acct-menu .acct-hd{margin-bottom:6px;border-bottom:1px solid #1e322826}
body>header.nyc-site-header #main-nav .acct-menu a{min-height:42px;font-size:15px;color:#1e3228}
body>header.nyc-site-header #main-nav .acct-menu a:hover{color:#173f32;text-decoration:underline;text-underline-offset:3px}
.nyc-site-header .acct-menu .acct-out{width:100%;justify-content:center;margin-top:10px;border-color:#b8432a66;color:#b8432a;font-size:15px}
.nyc-site-header .acct-menu .acct-out:hover{background:#fbe9e3;border-color:#b8432a}
.nyc-site-header .acct-menu .acct-note{color:#61705b;opacity:1}
}