/* NYPA chrome — одна шапка, підвал і нижнє меню телефона для всіх сторінок New York Photo Academy
   (сайт photoacademy.nyc, блог, «Фотографи», Лабораторія). Джерело — site/nypa-chrome/ у репо.
   Активний пункт: data-active="learn|lab|ph|blog" і data-lab-active="today|mk|cam" на .nyc-hd і .nyc-tab. Шрифти: Inter Tight і Jost (Google Fonts).
   Синій NYPA #002D72 (обрала Марина 29.10), помаранчевий #FF9900. Увійшла — клас .nyc-u на .nyc-hd і .nyc-tab. */

.nyc-hd,.nyc-ft,.nyc-tab{--nyc-ink:#14161B;--nyc-muted:#5A6272;--nyc-line:#E2E6EE;--nyc-sheet:#FFFFFF;--nyc-navy:#002D72;--nyc-orange:#FF9900;--nyc-w:1000px;
  font-family:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:var(--nyc-ink);-webkit-font-smoothing:antialiased}
.nyc-hd *,.nyc-ft *,.nyc-tab *{box-sizing:border-box}
.nyc-hd a,.nyc-ft a,.nyc-tab a{text-decoration:none}
.nyc-hd [hidden],.nyc-tab [hidden]{display:none!important}

/* логотип: монограма + «NEW YORK / PHOTO ACADEMY» однієї ширини (Jost 300/500) */
.nyc-logo{display:inline-flex;align-items:center;gap:.458em;white-space:nowrap;font-size:19.63px;line-height:1;color:var(--nyc-ink)}
.nyc-logo .nyc-mono{flex:none;position:relative;overflow:hidden;width:3.209em;height:1.935em}
.nyc-logo .nyc-mono img{position:absolute;left:0;top:0;height:100%;width:auto;max-width:none;display:block}
.nyc-logo .nyc-txt{display:flex;flex-direction:column;justify-content:center;gap:1px;font-family:"Jost",sans-serif}
.nyc-logo .nyc-l1,.nyc-logo .nyc-l2{display:block;line-height:1;align-self:flex-start}
.nyc-logo .nyc-l1{font-weight:300;font-size:.672em;letter-spacing:1.0865em;margin-right:-1.0865em}
.nyc-logo .nyc-l2{font-weight:500;font-size:1em}

/* шапка */
.nyc-hd{position:relative;z-index:60;background:var(--nyc-sheet);border-bottom:1px solid var(--nyc-line)}
/* 04.11 Марина: шапка на всіх сторінках шириною 1000 px — як текст сторінок; усі стани вміщаються (сторінка порівняння shapka-1000) */
.nyc-hd .nyc-in{max-width:1000px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;gap:18px}
.nyc-hd .nyc-home{display:flex;align-items:center;flex:none;color:inherit}
.nyc-hd nav{display:flex;align-items:center;gap:18px;font-size:15px;font-weight:600}
.nyc-hd nav a{color:var(--nyc-ink);white-space:nowrap;display:inline-flex;align-items:center}
.nyc-hd nav a:hover{color:var(--nyc-navy)}
.nyc-hd .nyc-sp{flex:1}
.nyc-hd .nyc-cta{order:1;flex:none;display:inline-flex;align-items:center;background:var(--nyc-navy);color:#fff;font-weight:700;font-size:15px;line-height:1.2;padding:10px 18px;border-radius:100px;white-space:nowrap}
.nyc-hd .nyc-cta:hover{filter:brightness(1.18)}
.nyc-hd .nyc-lang{order:2;flex:none;font-size:13px;font-weight:700;color:var(--nyc-muted);margin-left:-6px}
@media(min-width:761px){.nyc-hd.nyc-u .nyc-lang{margin-left:-2px}.nyc-hd.nyc-u .nyc-acct{margin-left:4px}}   /* в тієї, що увійшла, проміжок шапки 14px — ті самі 12 і 18; телефон не чіпаємо */   /* 05.11 Марина: «трішки роздвинуть», потім «між EN трішки менше» — було -10px */
.nyc-hd .nyc-lang:hover{color:var(--nyc-navy)}
/* вхід — контурний чоловічок: спокійний білий кружок, синіє при наведенні (зустріч Марини й Саші 03.11) */
.nyc-hd .nyc-login{order:3;flex:none;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--nyc-line);background:#fff;color:#3A404C;margin-left:0;transition:background .15s,color .15s,border-color .15s}
.nyc-hd .nyc-login svg{width:21px;height:21px}
.nyc-hd .nyc-login:hover,.nyc-hd .nyc-login:focus-visible{background:var(--nyc-navy);color:#fff;border-color:var(--nyc-navy)}
/* бургер — меню сайту на телефоні в тієї, що увійшла (Лабораторія · Фотографи · Блог) */
.nyc-hd .nyc-menu{order:4;display:none;flex:none;width:40px;height:40px;border:0;background:none;color:var(--nyc-ink);cursor:pointer;padding:0;place-items:center}
.nyc-hd .nyc-menu svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
/* кружок з ініціалами — налаштування акаунта, не меню */
.nyc-hd .nyc-acct{order:3;flex:none;position:relative;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--nyc-line);background:#fff;color:#3A404C;cursor:pointer;display:grid;place-items:center;padding:0;margin-left:0;transition:background .15s,color .15s,border-color .15s}
.nyc-hd .nyc-acct svg{width:21px;height:21px}
.nyc-hd .nyc-acct:hover,.nyc-hd .nyc-acct:focus-visible{background:var(--nyc-navy);color:#fff;border-color:var(--nyc-navy)}
/* активний пункт — лише синій колір, без підкреслення й зсуву (Марина 03.11) */
.nyc-hd[data-active=learn] .nyc-in nav [data-k=learn],.nyc-hd[data-active=lab] .nyc-in nav [data-k=lab],.nyc-hd[data-active=ph] .nyc-in nav [data-k=ph],.nyc-hd[data-active=blog] .nyc-in nav [data-k=blog],
.nyc-hd[data-lab-active=today] .nyc-in nav [data-k=today],.nyc-hd[data-lab-active=mk] .nyc-in nav [data-k=mk],.nyc-hd[data-lab-active=cam] .nyc-in nav [data-k=cam]{color:var(--nyc-navy)}
/* 04.11: увійшла і стоїть у Марафоні / МК / Камері — синіє лише цей пункт, «Лабораторія» поруч не синіє */
.nyc-hd.nyc-u[data-lab-active=today] .nyc-in nav [data-k=lab],.nyc-hd.nyc-u[data-lab-active=mk] .nyc-in nav [data-k=lab],.nyc-hd.nyc-u[data-lab-active=cam] .nyc-in nav [data-k=lab]{color:var(--nyc-ink)}
/* увійшла: її вкладки першими, потім тонка риска й сайт; помаранчева крапка — новий урок у марафоні */
/* 03.11 Марина: без рисочки — Марафон · МК · Камера стоять у ряд з рештою вкладок, той самий проміжок */
.nyc-hd .nyc-div{display:none}
.nyc-hd .nyc-dot,.nyc-tab .nyc-bd{display:none}   /* 03.11 Марина: «як усі вкладки, без точок» */
.nyc-hd.nyc-u .nyc-in{gap:14px}
.nyc-hd.nyc-u nav{gap:14px}.nyc-hd.nyc-u .nyc-drop{gap:0}   /* меню під бургером — без цих відступів */
@media(max-width:1180px) and (min-width:1001px){
 .nyc-hd .nyc-in{gap:18px}.nyc-hd nav{gap:16px;font-size:14px}.nyc-hd .nyc-cta{padding:10px 16px;font-size:14px}.nyc-hd .nyc-lang{margin-left:-6px}.nyc-hd.nyc-u .nyc-lang{margin-left:-2px}.nyc-hd.nyc-u .nyc-acct{margin-left:4px}   /* 05.11 гість і та, що увійшла, — однакові проміжки: до EN 12px, до значка 18px */
 .nyc-hd.nyc-u .nyc-logo{font-size:16.5px}.nyc-hd.nyc-u nav{gap:13px}.nyc-hd.nyc-u .nyc-in{gap:14px}
}

/* телефон і планшет: меню знизу, як у марафоні; угорі логотип, EN і вхід (значком) або кружок */
@media(max-width:1000px){
 .nyc-hd nav{display:none}
 .nyc-hd .nyc-in,.nyc-hd.nyc-u .nyc-in{gap:8px}
 .nyc-hd .nyc-lang{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--nyc-line);border-radius:100px;font-size:14px;color:var(--nyc-navy);margin-left:0}
 .nyc-hd .nyc-login{margin-left:0}
 .nyc-hd .nyc-menu{display:grid}
 .nyc-hd .nyc-acct{margin-left:0}
}
@media(max-width:860px){
 .nyc-hd .nyc-in{height:62px;padding:0 14px}
 .nyc-hd .nyc-cta{display:none}
 .nyc-logo{font-size:15.5px}
}
@media(max-width:360px){.nyc-logo{font-size:13.5px}}

/* нижнє меню */
.nyc-tab{display:none}
@media(max-width:1000px){
 .nyc-tab{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9991;background:rgba(255,255,255,.96);border-top:1px solid #E6E8EC;-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);padding-bottom:env(safe-area-inset-bottom)}
 .nyc-tab nav{max-width:520px;margin:0 auto;display:flex;justify-content:space-around;padding:8px 4px 10px}
 .nyc-tab a,.nyc-tab button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;flex:1 1 0;min-width:0;font:600 11px/1.2 "Inter Tight",system-ui,sans-serif;color:#8A9099;text-align:center;background:none;border:0;padding:0;cursor:pointer;white-space:nowrap}
 .nyc-tab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .nyc-tab[data-active=learn] [data-k=learn],.nyc-tab[data-active=lab] [data-k=lab],.nyc-tab[data-active=ph] [data-k=ph],.nyc-tab[data-active=blog] [data-k=blog],
 .nyc-tab[data-lab-active=today] [data-k=today],.nyc-tab[data-lab-active=mk] [data-k=mk],.nyc-tab[data-lab-active=cam] [data-k=cam]{color:var(--nyc-navy)}
 /* гість: велика синя «Почати» посередині (Марина 02.11, варіант Г) */
 .nyc-tab .nyc-go{color:var(--nyc-navy);font-weight:700;margin-top:-22px}
 .nyc-tab .nyc-go b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--nyc-navy);box-shadow:0 6px 16px rgba(0,45,114,.35);border:4px solid #fff}
 .nyc-tab .nyc-go svg{stroke:#fff;stroke-width:2.2}
 /* увійшла: шість рівних кнопок, «Почати» — синій кружок (Марина 03.11, варіант А) */
 .nyc-tab.nyc-u nav{padding:8px 0 10px}
 .nyc-tab.nyc-u a,.nyc-tab.nyc-u button{font-size:10px;letter-spacing:-.2px}
 .nyc-tab .nyc-go6{color:var(--nyc-navy);font-weight:800}
 .nyc-tab .nyc-go6 b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--nyc-navy);margin-top:-3px}
 .nyc-tab .nyc-go6 svg{width:18px;height:18px;stroke:#fff;stroke-width:2.4}
 html.nyc-has-tab body,body:has(.nyc-tab){padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}

/* «Меню» на телефоні — аркуш знизу (Марина 29.10: «мені подобається, як він знизу відкривається»; 03.11 варіант А — список з іконками) */
.nyc-hd .nyc-sheetbg{position:fixed;inset:0;z-index:2147483000;background:rgba(17,17,17,.35);display:flex;align-items:flex-end;justify-content:center}
.nyc-hd .nyc-sheetbg[hidden]{display:none!important}
/* 04.11 Марина: «подобається, але компактніше» — нижчі рядки, менші значки */
.nyc-hd .nyc-drop{position:relative;width:100%;max-width:520px;max-height:85vh;overflow:auto;background:var(--nyc-sheet);border-radius:24px 24px 0 0;padding:8px 16px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;gap:0;font-weight:400;animation:nycUp .22s ease-out}
@keyframes nycUp{from{transform:translateY(40px)}to{transform:none}}
.nyc-hd .nyc-grab{width:36px;height:4px;border-radius:4px;background:#D5D9DF;margin:0 auto 6px;flex:none}
.nyc-hd .nyc-x{position:absolute;top:8px;right:12px;width:30px;height:30px;border-radius:50%;border:0;background:#F1F2F5;color:#6B6F76;font-size:18px;line-height:30px;cursor:pointer}
.nyc-hd .nyc-ttl{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9AA1AD;margin:2px 2px 2px;line-height:22px}
.nyc-hd .nyc-drop a{display:flex;align-items:center;gap:12px;padding:8px 2px;border-bottom:1px solid #EEF0F3;color:var(--nyc-ink)}
.nyc-hd .nyc-drop a:last-child{border-bottom:0}
.nyc-hd .nyc-drop i{flex:none;width:36px;height:36px;border-radius:11px;background:#EEF3FB;color:var(--nyc-navy);display:grid;place-items:center}
.nyc-hd .nyc-drop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nyc-hd .nyc-drop b{display:block;font-size:15.5px;line-height:1.2}.nyc-hd .nyc-drop small{display:block;font-size:12.5px;line-height:1.25;color:#6B6F76;margin-top:1px}
.nyc-hd .nyc-drop em{margin-left:auto;font-style:normal;color:#B5BAC3;font-size:20px}
@media(min-width:1001px){.nyc-hd .nyc-sheetbg{display:none!important}}
.nyc-hd:has(.nyc-sheetbg:not([hidden])){z-index:2147483000}

/* підвал */
.nyc-ft{background:var(--nyc-sheet);border-top:1px solid var(--nyc-line)}
.nyc-ft .nyc-fw{max-width:var(--nyc-w);margin:0 auto;padding:40px 24px 48px}
.nyc-ft .nyc-fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.nyc-ft .nyc-fgrid b{display:block;font-size:14px;font-weight:800;margin-bottom:10px;color:var(--nyc-ink)}
.nyc-ft .nyc-fgrid a{display:block;font-size:14.5px;line-height:1.35;color:var(--nyc-muted);margin:0 0 8px}
.nyc-ft .nyc-fgrid a:hover{color:var(--nyc-ink)}
.nyc-ft .nyc-fbrand p{font-size:14px;line-height:1.5;color:var(--nyc-muted);margin:12px 0 0}
.nyc-ft .nyc-legal{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--nyc-line);font-size:13px;line-height:1.6;color:var(--nyc-muted)}
@media(max-width:900px){.nyc-ft .nyc-fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nyc-ft .nyc-fgrid{gap:22px}.nyc-ft .nyc-fbrand{grid-column:1/-1}.nyc-ft .nyc-fw{padding:32px 16px 40px}}