/* Shared navigation, version 17. */
/* Keep the header in normal flow so it never covers the page hero on scroll. */
.site-header{position:relative;top:auto}
.catalog-menu>summary{min-height:62px;padding:8px 16px;gap:11px;border-radius:18px}
.catalog-menu summary .menu-art{width:42px;height:42px;flex-shrink:0}
.catalog-toggle{display:grid;place-items:center;width:32px;height:32px;margin-left:3px;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--muted);box-shadow:inset 0 1px 0 #ffffff0b;flex-shrink:0}
.catalog-toggle svg{width:17px;height:17px;transition:transform .2s,color .2s}
.catalog-menu[open]>summary .catalog-toggle{border-color:var(--accent);color:var(--text)}
.catalog-menu[open]>summary .catalog-toggle svg{transform:rotate(180deg)}
.header-actions .search-trigger{display:flex;align-items:center;gap:11px;width:auto;min-height:58px;padding:7px 16px 7px 8px;border:1px solid #efbd7780;border-radius:18px;background:linear-gradient(145deg,var(--action-warm-hover),var(--action-warm));color:var(--on-action-warm);font-size:13px;font-weight:650;box-shadow:inset 0 1px 0 #fff8,0 5px 18px #bb783817;transition:box-shadow .2s,filter .2s}
.header-actions .search-trigger:is(:visited,:hover,:focus-visible,:active){color:var(--on-action-warm)}
.header-actions .search-trigger:hover{filter:brightness(1.04);box-shadow:inset 0 1px 0 #fff9,0 7px 22px #bb78382a}
.header-actions .search-trigger-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid #fff9;border-radius:13px;background:linear-gradient(145deg,#ffffff50,#ffffff10);box-shadow:inset 0 1px 0 #fff7;flex-shrink:0}
.search-trigger-symbol svg{width:22px;height:22px}
.header-actions .search-trigger-label{display:inline;white-space:nowrap}
@media(max-width:1100px){.primary-nav{display:none}.header-row{gap:18px}.catalog-menu{margin-left:auto}.header-actions{margin-left:0}}
@media(max-width:820px){
  .catalog-menu>summary{min-height:58px;padding:8px 12px;gap:9px}
  .catalog-menu summary .menu-art{width:38px;height:38px}
  .catalog-toggle{width:30px;height:30px;margin-left:1px}
  .header-actions .search-trigger{width:50px;height:50px;min-height:50px;padding:0;justify-content:center;border-radius:16px}
  .header-actions .search-trigger-symbol{width:36px;height:36px;border-radius:11px}
  .header-actions .search-trigger-label{display:none}
}
@media(max-width:600px){
  .header-row{gap:12px}
  .catalog-menu>summary{min-height:60px;padding:10px 18px;gap:12px;border-radius:16px}
  .catalog-menu summary .menu-art{width:36px;height:36px}
  .catalog-toggle{width:32px;height:32px;margin-left:5px}
  .header-actions .search-trigger{width:44px;height:44px;min-height:44px;border-radius:13px}
  .header-actions .search-trigger-symbol{width:32px;height:32px;border-radius:10px}
  .search-trigger-symbol svg{width:20px;height:20px}
  .mega-menu{max-height:calc(100svh - 182px)}
}
@media(prefers-reduced-motion:reduce){.catalog-toggle svg,.header-actions .search-trigger{transition:none}}

/* Distinct hierarchy for the open catalogue: note, question and primary action. */
.mega-heading{align-items:center;gap:28px;padding:0 5px 24px;margin-bottom:22px}
.mega-heading-intro{min-width:0}
.mega-heading .section-kicker{margin:0 0 16px;font-size:12px;line-height:1.5}
.mega-heading .editorial-label{font-size:13px;font-weight:550;padding:7px 13px 7px 8px;gap:9px}
.mega-title-row{display:flex;align-items:center;gap:18px}
.mega-title-emblem{display:grid;place-items:center;width:120px;height:120px;flex-shrink:0;border:1px solid #e9ba726e;border-radius:32px;background:radial-gradient(circle at 30% 18%,#ffe4b52c,transparent 76%),linear-gradient(145deg,#e7b86818,#dc8e4110);box-shadow:inset 0 1px 0 #ffffff13,0 8px 20px #0000000f}
.mega-title-emblem .menu-heading-art{position:static;display:block;width:96px;height:96px;max-width:none;object-fit:contain;filter:drop-shadow(0 5px 4px #0002)}
.mega-heading .mega-title-row h2{max-width:520px;font-size:clamp(25px,2.1vw,30px);line-height:1.22;letter-spacing:-.04em;font-weight:600;text-wrap:balance}
.mega-heading .menu-all{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:62px;margin:0;padding:9px 20px 9px 9px;flex-shrink:0;border:1px solid #efbd7780;border-radius:20px;background:linear-gradient(145deg,var(--action-warm-hover),var(--action-warm));font-size:14px;line-height:1.4;font-weight:650;box-shadow:inset 0 1px 0 #ffffff80,0 6px 20px #bb783819;text-decoration:none;transition:box-shadow .2s,filter .2s}
.mega-heading .menu-all:where(:link,:visited,:hover,:focus-visible,:active){color:var(--on-action-warm)}
.mega-heading .menu-all:hover{filter:brightness(1.04);box-shadow:inset 0 1px 0 #ffffffa0,0 8px 24px #bb78382a}
.mega-heading .menu-all:focus-visible{outline:2px solid var(--ring);outline-offset:4px}
.menu-all-symbol{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #ffffffa0;border-radius:13px;background:linear-gradient(145deg,#ffffff57,#ffffff13);box-shadow:inset 0 1px 0 #ffffff80}
.menu-all-symbol svg{width:24px;height:24px}
:root[data-theme=light] .mega-title-emblem{border-color:#bea37180;background:radial-gradient(circle at 22% 16%,#ffffffb0,transparent 76%),linear-gradient(135deg,#fff1d6,#f4e2c3);box-shadow:inset 0 1px 0 #ffffffc0,0 6px 18px #55442909}
@media(max-width:1000px){.mega-heading{gap:20px}.mega-heading .mega-title-row h2{font-size:26px}.mega-title-row{gap:15px}.mega-title-emblem{width:100px;height:100px;border-radius:28px}.mega-title-emblem .menu-heading-art{width:84px;height:84px}.mega-heading .menu-all{padding-right:16px}}
@media(max-width:820px){.mega-heading{display:flex;align-items:center}.mega-heading .mega-title-row h2{font-size:24px}.mega-heading .menu-all{font-size:13px;min-height:58px}.menu-all-symbol{width:36px;height:36px}.mega-title-emblem{width:92px;height:92px}.mega-title-emblem .menu-heading-art{width:76px;height:76px}}
@media(max-width:600px){.mega-heading{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:0 5px 22px;margin-bottom:20px}.mega-heading .section-kicker{margin-bottom:16px}.mega-heading .editorial-label{font-size:12px;line-height:1.5;padding:7px 10px 7px 7px;gap:8px}.mega-title-row{gap:14px}.mega-title-emblem{width:84px;height:84px;border-radius:24px}.mega-title-emblem .menu-heading-art{width:68px;height:68px}.mega-heading .mega-title-row h2{max-width:none;font-size:23px;line-height:1.25;letter-spacing:-.035em}.mega-heading .menu-all{width:100%;min-height:60px;padding:9px 15px;border-radius:18px;font-size:14px;gap:12px}.menu-all-symbol{width:40px;height:40px;border-radius:12px}}
@media(max-width:350px){.mega-title-row{gap:12px}.mega-title-emblem{width:76px;height:76px;border-radius:22px}.mega-title-emblem .menu-heading-art{width:64px;height:64px}.mega-heading .mega-title-row h2{font-size:21px}.mega-heading .editorial-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mega-heading .menu-all{transition:none}}