/* header */
header.site{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top{display:flex;align-items:center;gap:28px;height:64px}
.top .menu{margin-left:auto;border:0;height:auto}
.top .switches{margin-left:8px}
.dice{display:none}
@media (max-width:920px){
  .top{height:56px;gap:6px}
  .top .brand{font-size:1.05rem;white-space:nowrap}
  .top .menu{display:none}
  .top .switches{margin-left:0}
  .top .switches .lang-pill{display:none}
  .top .switches .pill{padding:4px 6px 4px 8px}
  .top .switches select{font-size:16px}
  .dice{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border-radius:999px;background:var(--apricot);color:var(--ink);font-size:13px;font-weight:500;white-space:nowrap;margin-left:auto}
  .dice span{font-size:1.05rem;line-height:1}
}
.brand{font-family:var(--serif);font-size:1.5rem;font-variation-settings:"opsz" 48,"SOFT" 50;text-decoration:none}
.switches{display:flex;gap:8px}
.pill{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13.5px;display:flex;gap:6px;align-items:center;background:transparent}
.pill select{border:0;background:transparent;font:inherit;color:inherit}
.menu{display:flex;gap:26px;align-items:center;height:46px;border-top:1px solid var(--line);font-size:15px;overflow-x:auto}
.menu a{text-decoration:none;color:var(--ink-2);white-space:nowrap}.menu a:hover{color:var(--ink)}
.menu .surprise{margin-left:auto;background:var(--green);color:var(--paper);padding:7px 14px;border-radius:999px;font-weight:500;display:inline-flex;align-items:center;gap:6px}
.menu .surprise:hover{background:var(--green-2);color:var(--paper)}