:root{
  --bg:#f7f7f4;
  --paper:#ffffff;
  --ink:#161616;
  --muted:#5d6067;
  --line:#deded8;
  --soft:#efefea;
  --accent:#111111;
  --accent2:#e23b3b;
  --accent3:#2d6cdf;
  --shadow:0 18px 45px rgba(0,0,0,.08);
  --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:17px}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
img{max-width:100%;height:auto}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.skip-link{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:10px;z-index:999}
.skip-link:focus{left:10px;top:10px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,244,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}
.brand{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:-.02em}
.brand img{width:46px;height:46px;object-fit:contain}
.brand span small{display:block;font-weight:600;color:var(--muted);font-size:12px;letter-spacing:.02em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px;font-weight:700}
.nav a{padding:8px 9px;border-radius:999px;color:#2a2a2a}
.nav a.active,.nav a:hover{background:var(--ink);color:#fff;text-decoration:none}
.nav .legal{font-weight:600;color:var(--muted)}
.lang{display:flex;gap:5px;margin-left:4px;border-left:1px solid var(--line);padding-left:12px}
.lang a{padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:#fff}
.hero{position:relative;overflow:hidden;padding:86px 0 54px;background:linear-gradient(135deg,#fff 0%,#fbfbf8 50%,#ededeb 100%);border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(120deg,transparent 0%,rgba(0,0,0,.5) 40%,transparent 80%);pointer-events:none}
.hero-grid{position:relative;display:block;min-height:390px}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:850;text-transform:none;letter-spacing:.02em;color:#333;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 15px}
.pixel{display:inline-block;width:10px;height:10px;background:var(--accent2);box-shadow:12px 0 0 var(--accent3),24px 0 0 #f7c948}
h1{font-size:clamp(36px,5.4vw,64px);line-height:1;margin:20px 0 22px;letter-spacing:-.055em;max-width:1080px}
.lead{font-size:clamp(19px,2.2vw,26px);line-height:1.35;color:#262626;max-width:900px;margin:0 0 18px}
.sublead{font-size:18px;color:var(--muted);max-width:780px;margin:0 0 28px}
.reference-row{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 28px}
.badge{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;font-size:14px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;border:2px solid var(--ink);font-weight:850;background:var(--ink);color:#fff;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn.secondary{background:#fff;color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}
.hero-logo{position:absolute;right:0;top:12px;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:var(--shadow)}
.hero-logo img{width:178px;display:block;filter:grayscale(.05)}
.section{padding:72px 0;border-bottom:1px solid var(--line)}
.section.compact{padding:48px 0}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:0}
.eyebrow{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}
.section-intro{font-size:20px;color:#333;max-width:900px;margin:0 0 30px}
.grid{display:grid;gap:18px}
.grid.five{grid-template-columns:repeat(5,1fr)}
.grid.three{grid-template-columns:repeat(3,1fr)}
.grid.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.045)}
.card h3{font-size:23px;line-height:1.12;margin:0 0 12px;letter-spacing:-.025em}
.card p{margin:0;color:var(--muted)}
.card .meta{font-size:13px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--accent2);margin-bottom:10px}
.card.link-card{transition:transform .18s ease,box-shadow .18s ease}
.card.link-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none}
.facts{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin:20px 0 24px}
.fact{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 14px;text-align:center}
.fact strong{display:block;font-size:34px;line-height:1;font-weight:950;letter-spacing:-.05em}
.fact span{display:block;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-top:8px}
.note{background:#fff;border:1px dashed #b8b8b2;border-radius:var(--radius);padding:20px;color:#444}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
.highlight{border-left:6px solid var(--ink)}
.article-card .date{font-size:14px;color:var(--muted);font-weight:800;margin-bottom:8px}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.video-thumb{position:relative;display:block;min-height:168px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#191919,#4a4a4a);color:#fff;border:1px solid #000;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.video-thumb:hover{text-decoration:none;transform:translateY(-2px)}
.video-thumb:before{content:"▶";position:absolute;left:18px;bottom:16px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#000;font-size:22px;font-weight:900}
.video-thumb span{position:absolute;left:18px;right:18px;top:18px;font-weight:900;font-size:16px;line-height:1.25;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.video-thumb em{position:absolute;right:14px;bottom:20px;font-style:normal;font-size:12px;color:#ddd;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.book-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.book-cover{aspect-ratio:3/4;border-radius:14px;background:linear-gradient(145deg,#fff,#e8e8e4);border:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:18px;font-weight:900;color:#555}
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer;color:#222}
.filter-btn.active{background:#111;color:#fff;border-color:#111}
.pub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pub-card[data-hidden="true"]{display:none}
.form{display:grid;gap:14px;max-width:760px}
label{font-weight:850}
input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff;color:#111}
textarea{min-height:190px;resize:vertical}
.honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.status{padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:#fff;margin-bottom:20px}
.status.ok{border-color:#73b56f;background:#f3fbf1}
.status.err{border-color:#d26b6b;background:#fff0f0}
.legal-text{max-width:920px}
.legal-text h2{font-size:30px;margin-top:40px}
.legal-text h3{font-size:22px;margin-top:28px}
.legal-text p,.legal-text li{color:#333}
.todo{background:#fff4ce;border:1px solid #e0c15f;border-radius:16px;padding:16px;font-weight:700}
.site-footer{background:#111;color:#f6f6f3;padding:44px 0 28px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.site-footer a{color:#fff}
.site-footer p{color:#cfcfc8;margin:0 0 12px}
.footer-logo{display:flex;align-items:center;gap:12px;font-weight:900}
.footer-logo img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:9px;padding:2px}
.socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.socials a{border:1px solid #444;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}
.footer-bottom{border-top:1px solid #333;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#bdbdb8;font-size:14px}
@media (max-width:1080px){.grid.five{grid-template-columns:repeat(2,1fr)}.facts{grid-template-columns:repeat(3,1fr)}.video-grid{grid-template-columns:repeat(2,1fr)}.pub-grid,.book-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}.nav{gap:7px}.hero{padding:54px 0 42px}.hero-grid,.split{grid-template-columns:1fr}.hero-logo{display:none}.grid.three,.grid.two,.grid.five,.pub-grid,.book-list{grid-template-columns:1fr}.facts{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr}.cta-row .btn{width:100%}.section-title{display:block}}
@media (max-width:480px){.wrap{padding:0 18px}body{font-size:16px}.facts{grid-template-columns:1fr}.fact{text-align:left}.fact strong{font-size:30px}.reference-row .badge{width:100%}.nav a{font-size:13px;padding:7px}}


/* Hero reference logos */
.logo-row{margin:14px 0 28px;gap:12px;max-width:850px}
.logo-badge{display:flex;align-items:center;justify-content:center;min-width:150px;min-height:66px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:8px 12px;font-weight:850;font-size:13px;box-shadow:0 8px 22px rgba(0,0,0,.05);text-decoration:none;color:var(--ink)}
.logo-badge img{display:block;max-width:126px;max-height:42px;object-fit:contain}
.logo-badge span{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.theme-toggle{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:8px 12px;font:inherit;font-size:13px;font-weight:850;cursor:pointer}
.theme-toggle:hover{background:var(--ink);color:#fff}

:root[data-theme="dark"]{--bg:#101114;--paper:#181a1f;--ink:#f4f4f0;--muted:#b8b8b2;--line:#30323a;--accent:#76a7ff;--accent2:#ff615d;--accent3:#7aa7ff;--shadow:0 20px 60px rgba(0,0,0,.45)}
:root[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] a{color:#f4f4f0}
:root[data-theme="dark"] .site-header{background:rgba(16,17,20,.93);border-bottom-color:var(--line)}
:root[data-theme="dark"] .nav a{color:#ededeb}
:root[data-theme="dark"] .nav a.active,:root[data-theme="dark"] .nav a:hover{background:#f4f4f0;color:#111}
:root[data-theme="dark"] .nav .legal{color:#c7c7c1}
:root[data-theme="dark"] .lang a,:root[data-theme="dark"] .theme-toggle,:root[data-theme="dark"] .kicker,:root[data-theme="dark"] .badge,:root[data-theme="dark"] .logo-badge,:root[data-theme="dark"] .fact,:root[data-theme="dark"] input,:root[data-theme="dark"] textarea,:root[data-theme="dark"] .filter-btn{background:#181a1f;color:#f4f4f0;border-color:var(--line)}
:root[data-theme="dark"] .theme-toggle:hover,:root[data-theme="dark"] .filter-btn.active{background:#f4f4f0;color:#111;border-color:#f4f4f0}
:root[data-theme="dark"] .hero{background:linear-gradient(135deg,#101114 0%,#15171b 50%,#202229 100%)}
:root[data-theme="dark"] .hero:before{background-image:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.055) 1px,transparent 1px)}
:root[data-theme="dark"] .lead,:root[data-theme="dark"] .section-intro,:root[data-theme="dark"] .legal-text p,:root[data-theme="dark"] .legal-text li{color:#deded8}
:root[data-theme="dark"] .sublead,:root[data-theme="dark"] .card p,:root[data-theme="dark"] .fact span{color:#c7c7c1}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .note,:root[data-theme="dark"] .status{background:#181a1f;border-color:var(--line)}
:root[data-theme="dark"] .btn{background:#f4f4f0;color:#111;border-color:#f4f4f0}
:root[data-theme="dark"] .btn.secondary,:root[data-theme="dark"] .btn.ghost{background:transparent;color:#f4f4f0;border-color:#555861}
:root[data-theme="dark"] .hero-logo{background:rgba(255,255,255,.9)}
:root[data-theme="dark"] .site-footer{background:#07080a}

@media (min-width:1081px){
  .hero-grid>div:first-child{max-width:1080px;padding-right:230px}
  .hero-grid h1{max-width:960px}
}
@media (max-width:1080px){
  .hero-grid{min-height:0}
  .hero-logo{position:static;display:inline-block;margin-top:28px}
  .hero-logo img{width:150px}
}

@media (max-width:820px){.hero-logo{display:none}.logo-row{max-width:none}.logo-badge{width:calc(50% - 6px);min-width:0}}
@media (max-width:520px){.logo-badge{width:100%}}


/* v3 visual refinements */
.hero-copy{position:relative;z-index:2}
.hero-title{max-width:1000px;margin:0 0 18px;font-size:clamp(44px,8vw,82px);line-height:.98;letter-spacing:-.055em}
.hero-title .line{display:block}
.retro-word{display:inline-block;padding:.08em .18em .12em;margin-right:.08em;border:4px solid var(--ink);border-radius:10px;background:#111;color:#f6f6f3;font-family:"C64 Pro Mono", "Press Start 2P", "Courier New", monospace;font-size:.76em;line-height:1;letter-spacing:.02em;box-shadow:8px 8px 0 rgba(0,0,0,.08);text-transform:none}
.hero .lead{max-width:880px}
.hero .sublead{max-width:860px}
.thumb-frame{margin:0 0 16px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#ecece8}
.thumb-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-card .thumb-frame{margin:-24px -24px 18px}
.pub-card .thumb-frame{margin:-24px -24px 16px}
.book-showcase{padding-bottom:18px}
.book-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.book-mini{display:block;color:var(--ink);text-decoration:none}
.book-mini img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;border:1px solid var(--line);box-shadow:0 10px 24px rgba(0,0,0,.08);margin-bottom:8px;background:#111}
.book-mini span{display:block;font-size:12px;font-weight:800;line-height:1.35;color:var(--muted)}
.cover-thumb{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;border:1px solid var(--line);margin:0 0 16px;box-shadow:0 12px 28px rgba(0,0,0,.08);background:#111}
.mini-note{margin-top:12px;font-size:14px;color:var(--muted)}
.video-thumb.has-image{background-size:cover;background-position:center center;isolation:isolate}
.video-thumb.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55));z-index:-1}
.video-thumb.has-image span,.video-thumb.has-image em{z-index:2}
.video-thumb.has-image:before{z-index:2}
:root[data-theme="dark"] .retro-word{background:#f4f4f0;color:#111;box-shadow:8px 8px 0 rgba(255,255,255,.06)}
:root[data-theme="dark"] .thumb-frame{background:#111;border-color:var(--line)}
@media (max-width:1080px){.book-mini-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.hero-title{font-size:clamp(40px,12vw,64px)}.retro-word{font-size:.68em}.book-mini-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.book-mini-grid{grid-template-columns:1fr}}


/* v4 centred layout */
.hero-centered{padding:28px 0 56px}
.hero-stage{position:relative;display:grid;grid-template-columns:150px minmax(0,940px) 150px;gap:26px;align-items:start;justify-content:center;text-align:center}
.hero-centered .hero-copy{max-width:940px;margin:0 auto;padding:0}
.hero-side-logo{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 18px 45px rgba(0,0,0,.08);min-height:152px;text-decoration:none}
.hero-side-logo:hover{text-decoration:none;transform:translateY(-1px)}
.hero-side-logo img{width:120px;display:block}
.hero-centered .kicker{margin:0 auto 12px;justify-content:center;font-size:18px;padding:10px 26px;box-shadow:0 8px 22px rgba(0,0,0,.04)}
.hero-centered .hero-title{margin:0 auto 18px;text-align:center;max-width:940px;font-size:clamp(52px,7.2vw,92px);line-height:.96}
.hero-centered .hero-title .line{display:block}
.hero-centered .retro-word{display:inline-flex;align-items:center;justify-content:center;width:min(100%,880px);padding:.16em .28em .2em;margin:.06em auto .08em;border:0;border-radius:12px;background:#111;color:#fff;box-shadow:10px 10px 0 rgba(0,0,0,.12);letter-spacing:.08em;font-family:"C64 Pro Mono","Press Start 2P","Courier New",monospace;font-size:.72em;text-transform:none}
.hero-centered .lead,.hero-centered .sublead{margin-left:auto;margin-right:auto;text-align:center}
.hero-centered .lead{max-width:880px}
.hero-centered .sublead{max-width:900px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:8px 12px;background:rgba(255,255,255,.55)}
.hero-centered .logo-row{justify-content:center;margin-left:auto;margin-right:auto;max-width:940px}
.hero-centered .hero-cta{justify-content:center;margin-left:auto;margin-right:auto;max-width:940px}
.hero-centered .hero-cta .btn{min-width:215px}
main .section>.wrap{text-align:center}
.section-title{justify-content:center;text-align:center;align-items:center}
.section-title .btn{margin-left:auto;margin-right:auto}
.section-intro,.lead,.sublead,.note{margin-left:auto;margin-right:auto}
.cta-row,.reference-row,.filter-bar{justify-content:center}
.grid{justify-content:center}
.card{text-align:center}
.split{grid-template-columns:minmax(0,960px);justify-content:center;justify-items:center;text-align:center}
.split>*{width:100%}
.highlight{border-left:1px solid var(--line);border-top:6px solid var(--ink)}
.form{margin-left:auto;margin-right:auto;text-align:left}
.legal-text{margin-left:auto;margin-right:auto;text-align:left}
.footer-grid{text-align:center}
.footer-logo,.socials{justify-content:center}
.footer-bottom{justify-content:center;text-align:center}
:root[data-theme="dark"] .hero-side-logo{background:rgba(255,255,255,.9)}
:root[data-theme="dark"] .hero-centered .sublead{background:rgba(24,26,31,.72);border-color:#555861}
:root[data-theme="dark"] .hero-centered .retro-word{background:#f4f4f0;color:#111;box-shadow:10px 10px 0 rgba(255,255,255,.08)}
@media (max-width:1160px){.hero-stage{grid-template-columns:120px minmax(0,1fr) 120px;gap:18px}.hero-side-logo{min-height:128px}.hero-side-logo img{width:96px}.hero-centered .kicker{font-size:16px}.hero-centered .hero-title{font-size:clamp(48px,7vw,78px)}}
@media (max-width:880px){.hero-stage{grid-template-columns:1fr}.hero-side-left,.hero-side-right{display:none}.hero-centered .retro-word{width:auto;max-width:100%;letter-spacing:.04em}.hero-centered .hero-cta .btn{min-width:0;width:100%}}
@media (max-width:560px){.hero-centered .hero-title{font-size:clamp(38px,12vw,58px)}.hero-centered .retro-word{font-size:.62em;box-shadow:6px 6px 0 rgba(0,0,0,.12)}.hero-centered .kicker{font-size:14px;padding:8px 14px}}


/* v5 layout fixes: cleaner centred hero, compact header, no clipped retro word */
.site-header{min-height:0}
.header-inner{gap:18px;align-items:center;padding:10px 0}
.brand{flex:0 0 auto;min-width:225px;gap:10px}
.brand img{width:46px;height:46px}
.brand span{font-size:17px;line-height:1.05}
.brand small{font-size:11px;letter-spacing:.06em;line-height:1.2;max-width:150px}
.nav{flex:1;justify-content:flex-end;align-items:center;gap:7px}
.nav a,.theme-toggle{white-space:nowrap}
.nav .legal{font-size:13px;opacity:.85}
.lang{margin-left:8px}

.hero{padding:40px 0 56px}
.hero-grid{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;gap:34px;align-items:start;max-width:1320px;margin:0 auto}
.hero-copy{text-align:center;max-width:980px;margin:0 auto;grid-column:2}
.hero-logo{position:static;display:flex;align-items:center;justify-content:center;align-self:start;width:150px;height:150px;padding:18px;border-radius:22px}
.hero-logo img{width:124px;max-width:100%;height:auto}
.hero-logo.left{grid-column:1;grid-row:1}
.hero-logo.right{grid-column:3;grid-row:1}
.kicker{display:inline-flex;margin:0 auto 16px;padding:13px 28px}
.hero-title{font-size:clamp(48px,6.4vw,88px);line-height:.98;max-width:980px;margin:0 auto 22px;letter-spacing:-.055em}
.hero-title .line{display:block}
.retro-word{display:block;width:min(100%,880px);box-sizing:border-box;margin:8px auto 12px;padding:.10em .22em .15em;border-radius:12px;font-size:.78em;text-align:center;white-space:nowrap;overflow:visible}
.hero .lead{max-width:960px;margin-left:auto;margin-right:auto;text-align:center;font-size:clamp(24px,2.3vw,34px);line-height:1.18}
.hero .sublead{max-width:900px;margin:22px auto 24px;padding:16px 18px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);text-align:center}
.logo-row{justify-content:center;margin:18px auto 26px}
.logo-badge{min-width:160px}
.cta-row{justify-content:center}
.hero .cta-row{max-width:760px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}
.hero .cta-row .btn{width:100%}

.section .wrap,.section-title,.section-intro{text-align:center}
.section-title{justify-content:center}
.section-title .btn{margin-left:0}
.section-intro{margin-left:auto;margin-right:auto}
.split{align-items:center}
.split>div{text-align:center}
.split aside{text-align:center}
.card{text-align:center}
.card p{text-align:center}
.note{text-align:center}
.facts{max-width:1120px;margin-left:auto;margin-right:auto}
.grid,.pub-grid,.book-list,.video-grid{justify-content:center}
.book-mini span{text-align:center}
.footer-grid{text-align:center;align-items:start}
.footer-logo{justify-content:center}
.socials{justify-content:center}
.footer-bottom{justify-content:center;text-align:center}

@media (min-width:1081px){
  .hero-grid>div:first-child{max-width:none;padding-right:0}
  .hero-grid h1{max-width:980px}
}

@media (max-width:1160px){
  .header-inner{align-items:flex-start;flex-direction:column}
  .brand{min-width:0}
  .nav{justify-content:flex-start}
}

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:18px}
  .hero-copy{grid-column:1;grid-row:2}
  .hero-logo.left{display:none}
  .hero-logo.right{grid-column:1;grid-row:1;margin:0 auto;width:118px;height:118px}
  .hero-logo.right img{width:94px}
  .retro-word{font-size:.66em}
}

@media (max-width:640px){
  .hero{padding:32px 0 44px}
  .hero-title{font-size:clamp(38px,12vw,56px)}
  .retro-word{font-size:.54em;border-width:3px;box-shadow:5px 5px 0 rgba(0,0,0,.08)}
  .hero .cta-row{grid-template-columns:1fr;max-width:330px}
  .hero .lead{font-size:22px}
  .kicker{padding:10px 16px}
}


/* v6 corrections */
.header-inner{padding:8px 0;gap:16px;align-items:center}
.brand{min-width:205px}
.brand img{width:40px;height:40px}
.brand span{font-size:16px}
.brand small{font-size:10px;line-height:1.25;max-width:135px}
.nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:6px;font-size:15px}
.nav a{padding:8px 10px;white-space:nowrap}
.legal-group{display:inline-flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap;border-left:1px solid var(--line);padding-left:12px}
.legal-group .legal{font-size:13px;color:var(--muted);padding:7px 8px}
.lang{display:inline-flex;margin-left:4px}

.hero-grid{grid-template-columns:150px minmax(0,880px) 150px;gap:64px;max-width:1320px;justify-content:center}
.hero-copy{max-width:880px}
.hero-logo{width:142px;height:142px;padding:16px;border-radius:22px}
.hero-logo img{width:112px}
.hero-title{max-width:880px;font-size:clamp(48px,6.1vw,82px);line-height:1.01}
.retro-word{display:inline-block!important;width:auto!important;max-width:100%!important;box-sizing:border-box;font-size:clamp(42px,4.8vw,66px)!important;line-height:1!important;letter-spacing:.13em!important;padding:18px 44px 22px!important;margin:10px auto 14px!important;white-space:nowrap!important;overflow:visible!important;transform:none!important;text-indent:0!important;text-align:center!important}
.hero .lead{font-size:clamp(24px,2.1vw,32px)}
.hero .sublead{max-width:840px}

.hero .cta-row.hero-cta{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px;max-width:760px;margin:0 auto}
.hero .cta-row.hero-cta .btn{width:100%}
.hero .cta-row.hero-cta .contact-cta{grid-column:1/-1;justify-self:center;width:min(360px,100%)}

@media (max-width:1240px){
  .nav{font-size:14px;gap:4px}
  .nav a{padding:7px 8px}
  .brand{min-width:188px}
}

@media (max-width:1160px){
  .header-inner{align-items:flex-start;flex-direction:column}
  .brand{min-width:0}
  .nav{justify-content:flex-start;flex-wrap:wrap}
  .legal-group{margin-left:0;border-left:0;padding-left:0}
}

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:18px}
  .hero-copy{max-width:100%}
  .hero-logo.left{display:none}
  .hero-logo.right{width:112px;height:112px;margin:0 auto}
  .hero-logo.right img{width:88px}
  .retro-word{font-size:clamp(34px,8.6vw,56px)!important;padding:14px 22px 18px!important;letter-spacing:.09em!important}
}

@media (max-width:640px){
  .hero .cta-row.hero-cta{grid-template-columns:1fr;max-width:330px}
  .hero .cta-row.hero-cta .contact-cta{grid-column:auto;width:100%}
  .retro-word{font-size:clamp(27px,8.4vw,42px)!important;letter-spacing:.06em!important;padding:12px 14px 15px!important}
}


/* v7: exact fixes from screenshot review */
.hero-grid{
  grid-template-columns:150px minmax(0,900px) 150px!important;
  gap:84px!important;
  max-width:1350px!important;
  justify-content:center!important;
}
.hero-copy{max-width:900px!important}
.hero-logo{
  width:136px!important;
  height:136px!important;
  padding:16px!important;
}
.hero-logo img{width:108px!important}

.hero-title{
  max-width:900px!important;
  font-size:clamp(46px,5.8vw,78px)!important;
}
.retro-word{
  display:inline-block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  font-size:clamp(32px,4.15vw,56px)!important;
  letter-spacing:.055em!important;
  padding:18px 46px 22px!important;
  margin:10px auto 14px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  box-sizing:content-box!important;
}
.hero .cta-row.hero-cta{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(250px,1fr))!important;
  gap:16px!important;
  max-width:790px!important;
  margin:0 auto!important;
}
.hero .cta-row.hero-cta .contact-cta{
  grid-column:1 / -1!important;
  justify-self:center!important;
  width:360px!important;
  max-width:100%!important;
}

/* keep Datenschutz + Impressum together in the header */
.legal-group{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.legal-group .legal{
  white-space:nowrap!important;
}

/* don't let oversized header force unnecessary wrapping on wide screens */
@media (min-width:1161px){
  .header-inner{flex-wrap:nowrap!important}
  .nav{flex-wrap:nowrap!important}
}

@media (max-width:980px){
  .hero-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .retro-word{
    font-size:clamp(30px,8vw,50px)!important;
    letter-spacing:.035em!important;
    padding:14px 24px 18px!important;
  }
}

@media (max-width:640px){
  .hero .cta-row.hero-cta{
    grid-template-columns:1fr!important;
    max-width:330px!important;
  }
  .hero .cta-row.hero-cta .contact-cta{
    grid-column:auto!important;
    width:100%!important;
  }
  .retro-word{
    font-size:clamp(24px,7.4vw,38px)!important;
    letter-spacing:.02em!important;
    padding:12px 14px 15px!important;
  }
}


/* v8: fix hero-logo balance and move legal links to second right-aligned row */
.nav{display:flex;flex-wrap:wrap!important;align-items:center;justify-content:flex-end;column-gap:6px;row-gap:6px}
.lang{order:1;margin-left:0!important}
.legal-group{order:2;flex:0 0 100%!important;width:100%;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-left:0!important;padding-left:0!important;border-left:0!important;white-space:nowrap!important}
.legal-group .legal{padding:4px 6px!important}

.hero-grid{grid-template-columns:120px minmax(0,860px) 120px!important;gap:30px!important;max-width:1160px!important;overflow:hidden}
.hero-copy{max-width:860px!important}
.hero-logo{width:120px!important;height:120px!important;padding:14px!important;justify-self:center!important}
.hero-logo img{width:94px!important}
.hero-logo.left,.hero-logo.right{align-self:start}
.hero-title{max-width:860px!important}
.retro-word{font-size:clamp(30px,3.8vw,52px)!important;letter-spacing:.045em!important;padding:16px 34px 18px!important}

@media (max-width:1160px){
  .legal-group{justify-content:flex-start!important}
}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr!important;max-width:900px!important;overflow:visible}
  .hero-logo.left{display:none!important}
  .hero-logo.right{margin:0 auto 8px!important}
}


/* v9: header legal row exactly as requested */
.site-header{padding-top:2px}
.header-inner{display:flex;align-items:flex-start;gap:18px;padding:10px 0 8px}
.brand{padding-top:4px}
.nav{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:flex-start!important;column-gap:8px;row-gap:8px;flex:1 1 auto}
.nav > a:not(.legal){order:1}
.lang{order:2;margin-left:14px!important;display:inline-flex;align-items:center;gap:8px}
.theme-toggle{order:2}
.legal-group{order:3;flex:0 0 100%!important;width:100%;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:20px!important;margin-top:6px!important;padding-right:174px!important;border:0!important;line-height:1;white-space:nowrap!important}
.legal-group .legal{font-size:14px!important;color:var(--muted)!important;padding:0!important;margin:0!important}
@media (max-width:1200px){.legal-group{padding-right:0!important}}
@media (max-width:1160px){.header-inner{flex-direction:column!important}.nav{justify-content:flex-start!important}.lang{margin-left:0!important}.legal-group{justify-content:flex-start!important;padding-right:0!important;margin-top:2px!important}}


/* v12 footer simplification */
.minimal-footer{padding:42px 0;background:#111;color:#f6f6f3}
.footer-social-only{text-align:center;display:block}
.footer-social-only p{margin:0 0 18px;color:#f6f6f3;font-size:24px}
.footer-social-only .socials{justify-content:center;margin:0}
.footer-social-only .socials a{font-size:16px;padding:11px 16px}


/* v18 scene/demoscene thumbnails */
.scene-card{text-align:center}
.scene-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.scene-link{display:block;text-decoration:none;color:var(--ink)}
.scene-link img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid var(--line);box-shadow:0 10px 24px rgba(0,0,0,.08);background:#111;margin-bottom:8px}
.scene-link span{display:block;font-weight:900;font-size:13px;color:var(--muted)}
:root[data-theme="dark"] .scene-link{color:var(--ink)}
@media (max-width:640px){.scene-link-grid{grid-template-columns:1fr}}


/* v19 hero labels and CTA emphasis */
.reference-label-row{
  display:grid;
  grid-template-columns:repeat(4, minmax(130px,1fr));
  gap:12px;
  max-width:860px;
  margin:18px auto 8px;
  text-align:center;
}
.reference-label-row span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--ink);
  color:#fff;
  font-weight:950;
  letter-spacing:.02em;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}
.hero .cta-row.hero-cta .btn.secondary{
  background:#fff;
  color:var(--ink);
  border-color:var(--ink);
}
.hero .cta-row.hero-cta .btn.secondary:hover{
  background:var(--ink);
  color:#fff;
}
.hero .cta-row.hero-cta .contact-cta{
  background:var(--ink)!important;
  color:#fff!important;
  border-color:var(--ink)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.16)!important;
  font-size:18px;
}
:root[data-theme="dark"] .reference-label-row span{
  background:#f4f4f0;
  color:#111;
  border-color:#f4f4f0;
}
:root[data-theme="dark"] .hero .cta-row.hero-cta .btn.secondary{
  background:transparent;
  color:#f4f4f0;
  border-color:#f4f4f0;
}
:root[data-theme="dark"] .hero .cta-row.hero-cta .contact-cta{
  background:#f4f4f0!important;
  color:#111!important;
  border-color:#f4f4f0!important;
}
@media (max-width:760px){
  .reference-label-row{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:420px){
  .reference-label-row{grid-template-columns:1fr}
}


/* v20 grouped reference board */
.reference-board{
  margin:20px auto 8px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:28px;
  background:var(--surface);
  box-shadow:0 18px 40px rgba(0,0,0,.06);
}
.reference-board{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.reference-group{
  padding:4px;
}
.reference-group-title{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:10px 14px;
  border-radius:999px;
  background:var(--ink);
  color:#fff;
  font-weight:950;
  font-size:18px;
  text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.reference-item-stack{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.reference-tile{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:140px;
  padding:14px 16px 12px;
  text-decoration:none;
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--surface-2);
  box-shadow:0 10px 24px rgba(0,0,0,.05);
}
.reference-tile:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.08);
}
.reference-icon{
  width:120px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.reference-icon img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}
.reference-caption{
  font-size:13px;
  line-height:1.3;
  font-weight:800;
  text-align:center;
  color:var(--muted);
}
.reference-tile.text-tile .text-icon{
  border:1px solid var(--line);
  border-radius:18px;
  width:120px;
  height:60px;
  background:#fff;
}
.reference-tile.text-tile .text-icon span{
  font-weight:950;
  font-size:20px;
  color:var(--ink);
}
.reference-tile.placeholder{
  pointer-events:none;
}
.reference-tile.placeholder .reference-icon.empty{
  width:120px;
  height:60px;
  border:1px dashed var(--line);
  border-radius:18px;
  background:transparent;
}
.reference-tile.placeholder .reference-caption{
  min-height:16px;
}
.hero .cta-row.hero-cta .btn.secondary{
  background:#fff;
  color:var(--ink);
  border-color:var(--ink);
}
.hero .cta-row.hero-cta .btn:first-child{
  background:#fff;
  color:var(--ink);
  border-color:var(--ink);
}
.hero .cta-row.hero-cta .btn.contact-cta{
  order:2;
  transform:scale(1.06);
}
@media (max-width:980px){
  .reference-board{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .reference-board{grid-template-columns:1fr}
  .reference-group-title{font-size:16px}
}
:root[data-theme="dark"] .reference-board{background:var(--surface)}
:root[data-theme="dark"] .reference-tile{background:rgba(255,255,255,.03)}
:root[data-theme="dark"] .reference-tile.text-tile .text-icon{
  background:rgba(255,255,255,.06);
}
:root[data-theme="dark"] .reference-tile.text-tile .text-icon span{
  color:#f4f4f0;
}


/* v21 no-cookies badge under right hero logo */
.hero-mark{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
}
.no-cookies-badge{
  display:block;
  width:56px;
  max-width:25%;
  text-decoration:none;
  transition:transform .18s ease, filter .18s ease;
}
.no-cookies-badge img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.10));
}
.no-cookies-badge:hover{
  transform:translateY(-2px) scale(1.04);
}
@media (max-width:760px){
  .no-cookies-badge{width:48px}
}


/* v22 language-specific no-cookie and Amazon book badges */
.reference-icon.amazon-books-icon{
  width:140px;
  height:66px;
}
.reference-icon.amazon-books-icon img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.no-cookies-badge{
  width:56px;
  max-width:25%;
}
.no-cookies-badge img{
  image-rendering:auto;
}


/* v23 cookie badge visible under right hero logo + experience placeholders */
.hero-side-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
}
.hero-side-stack .hero-side-logo{
  width:100%;
  box-sizing:border-box;
}
.hero-side-stack .no-cookies-badge{
  display:block;
  width:40px;
  max-width:none;
  text-decoration:none;
}
.hero-side-stack .no-cookies-badge img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 4px 9px rgba(0,0,0,.14));
}
.hero-side-stack .no-cookies-badge:hover{
  transform:translateY(-1px) scale(1.05);
}
.experience-thumb-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  max-width:880px;
  margin:22px auto 0;
}
.experience-thumb{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:130px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--surface);
  text-decoration:none;
  color:var(--ink);
  box-shadow:0 10px 24px rgba(0,0,0,.05);
}
.experience-thumb img{
  display:block;
  width:100%;
  max-width:150px;
  aspect-ratio:16/9;
  object-fit:contain;
}
.experience-thumb span{
  display:block;
  min-height:16px;
  font-size:13px;
  font-weight:800;
  color:var(--muted);
  text-align:center;
}
:root[data-theme="dark"] .experience-thumb{
  background:rgba(255,255,255,.03);
}
@media (max-width:880px){
  .experience-thumb-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .experience-thumb-row{grid-template-columns:1fr}
  .hero-side-stack .no-cookies-badge{width:36px}
}


/* v24 fixes: bigger cookie + stable scene thumb sizing */
.hero-side-stack .no-cookies-badge{
  width:80px;
}
@media (max-width:520px){
  .hero-side-stack .no-cookies-badge{width:64px}
}

.scene-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:420px;
  margin:18px auto 0;
}
.scene-link{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:118px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface);
  text-decoration:none;
  color:var(--ink);
  box-shadow:0 8px 20px rgba(0,0,0,.05);
}
.scene-link:hover{
  transform:translateY(-1px);
}
.scene-link img{
  display:block;
  width:100%;
  max-width:105px;
  aspect-ratio:16/9;
  object-fit:contain;
  border:0;
  box-shadow:none;
  background:transparent;
  margin:0;
}
.scene-link span{
  display:block;
  min-height:16px;
  font-size:12px;
  font-weight:800;
  text-align:center;
  color:var(--muted);
}
:root[data-theme="dark"] .scene-link{
  background:rgba(255,255,255,.03);
}


/* v25 article highlight thumbnails behave like the other editable thumbnail blocks */
.article-card .article-thumb-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:170px;
  padding:12px;
  margin:-24px -24px 18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--surface);
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.05);
}
.article-card .article-thumb-frame img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:contain;
  background:transparent;
}
.article-card[data-ub-edit-id]{
  overflow:hidden;
}
:root[data-theme="dark"] .article-card .article-thumb-frame{
  background:rgba(255,255,255,.03);
}
@media (max-width:720px){
  .article-card .article-thumb-frame{
    min-height:150px;
  }
}


/* v26 book cover thumbnails: selectable image target even when caption text was edited */
.book-mini-grid{
  align-items:start;
}
.book-mini{
  border:1px solid var(--line);
  border-radius:18px;
  padding:10px;
  background:var(--surface);
  box-shadow:0 10px 24px rgba(0,0,0,.05);
}
.book-mini img{
  display:block;
  width:100%;
  max-width:150px;
  aspect-ratio:2/3;
  object-fit:contain;
  margin:0 auto 8px;
  background:transparent;
}
.book-mini span{
  min-height:16px;
}
:root[data-theme="dark"] .book-mini{
  background:rgba(255,255,255,.03);
}


/* v27 cloned/editable items */
[data-ub-clone-id] {
  box-sizing: border-box;
}


/* v30 video text movement fix */
.video-thumb span,
.video-thumb em{
  z-index:3;
  will-change:transform;
}
.video-thumb span{
  display:block;
}
body.ub-edit-mode .video-thumb span,
body.ub-edit-mode .video-thumb em{
  cursor:move!important;
  pointer-events:auto;
}


/* v31 video text selection/position fix */
.video-thumb span{
  right:auto;
  display:inline-block;
  width:max-content;
  max-width:calc(100% - 36px);
  box-sizing:border-box;
  padding:2px 4px;
  border-radius:5px;
}
.video-thumb em{
  display:inline-block;
  width:max-content;
  max-width:calc(100% - 28px);
  box-sizing:border-box;
  padding:2px 4px;
  border-radius:5px;
}
body.ub-edit-mode .video-thumb span[data-ub-edit-id],
body.ub-edit-mode .video-thumb em[data-ub-edit-id]{
  outline-offset:2px;
}


/* v35 publication thumbnails: automatic frame fitting */
.pub-card .thumb-frame{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:170px;
  aspect-ratio:16/9;
  padding:12px!important;
  margin:-24px -24px 16px!important;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--surface);
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.05);
}
.pub-card .thumb-frame img,
.pub-card img[data-ub-edit-id^="pub-img-"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  background:transparent!important;
}
:root[data-theme="dark"] .pub-card .thumb-frame{
  background:rgba(255,255,255,.03);
}
@media (max-width:720px){
  .pub-card .thumb-frame{min-height:150px;}
}


/* v36 book text/image safety */
.book-list .card{
  background:var(--surface)!important;
  background-image:none!important;
}
.book-list .card .cover-thumb,
.book-list img[data-ub-edit-id^="book-list-img-"],
.book-mini img,
.book-mini img[data-ub-edit-id^="book-mini-img-"]{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:180px;
  max-height:260px;
  aspect-ratio:2/3;
  object-fit:contain!important;
  object-position:center center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:transparent!important;
}
.book-list .card h3,
.book-mini span{
  display:block;
}


/* v37 book selection section editor safety */
[data-ub-edit-id="book-selection-section"],
[data-ub-edit-id="book-selection-header"],
[data-ub-edit-id="book-selection-list"]{
  box-sizing:border-box;
}
body.ub-edit-mode [data-ub-edit-id="book-selection-section"],
body.ub-edit-mode [data-ub-edit-id="book-selection-header"],
body.ub-edit-mode [data-ub-edit-id="book-selection-list"]{
  cursor:move;
}


/* v38 stable legal navigation placement + about editor targets */
.nav{
  align-items:center;
}
.legal-group{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  margin-left:auto;
  white-space:nowrap;
  border-left:1px solid var(--line);
  padding-left:12px;
}
.legal-group .legal{
  font-size:13px;
  font-weight:700;
  padding:7px 8px;
}
.nav .legal-group .legal.active,
.nav .legal-group .legal:hover{
  background:var(--ink);
  color:#fff;
}
.lang{
  flex:0 0 auto;
}

body.ub-edit-mode [data-ub-edit-id^="about-"]{
  cursor:move;
}
body.ub-edit-mode [data-ub-edit-id="about-grid-main"],
body.ub-edit-mode [data-ub-edit-id^="about-card-"]{
  box-sizing:border-box;
}


/* v39 homepage about editor targets */
body.ub-edit-mode [data-ub-edit-id^="home-about-"]{
  cursor:move;
}
[data-ub-edit-id="home-about-section"],
[data-ub-edit-id="home-about-wrap"],
[data-ub-edit-id="home-about-textblock"],
[data-ub-edit-id="home-about-scene-card"]{
  box-sizing:border-box;
}


/* v40 editor start page launch grid */
.editor-launch-grid .card{
  min-height:132px;
}


/* v41 fixed two-line header navigation: legal links always in the same place */
.header-inner{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start!important;
  gap:18px;
}
.nav{
  display:grid!important;
  grid-template-columns:1fr;
  justify-items:end;
  align-items:start!important;
  gap:8px!important;
  width:100%;
  flex:1 1 auto;
}
.nav .main-links,
.nav .nav-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:8px;
  width:100%;
}
.nav .nav-tools{
  min-height:40px;
}
.legal-group{
  order:1;
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  margin-left:0!important;
  white-space:nowrap;
  border-left:1px solid var(--line);
  padding-left:12px;
}
.lang{
  order:2;
  display:inline-flex!important;
  margin-left:4px!important;
  flex:0 0 auto;
}
.theme-toggle{
  order:3;
  flex:0 0 auto;
}
.nav .legal-group .legal{
  font-size:13px;
  font-weight:700;
  color:var(--muted);
  padding:7px 8px;
}
.nav .legal-group .legal.active,
.nav .legal-group .legal:hover{
  background:var(--ink);
  color:#fff;
  text-decoration:none;
}
@media (max-width:1050px){
  .header-inner{
    grid-template-columns:1fr;
  }
  .nav,
  .nav .main-links,
  .nav .nav-tools{
    justify-items:start;
    justify-content:flex-start;
  }
}
@media (max-width:720px){
  .nav .main-links,
  .nav .nav-tools{
    flex-wrap:wrap;
  }
}


/* v44 selected book covers safety */
.book-showcase .book-mini-grid[data-ub-edit-id="book-mini-grid-1"]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.book-showcase .book-mini{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  visibility:visible!important;
  opacity:1!important;
}
.book-showcase .book-mini img{
  display:block!important;
  width:100%!important;
  max-width:150px!important;
  height:auto!important;
  aspect-ratio:2/3;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto 8px!important;
  background:transparent!important;
  visibility:visible!important;
  opacity:1!important;
}
.book-showcase .book-mini span{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
@media (max-width:760px){
  .book-showcase .book-mini-grid[data-ub-edit-id="book-mini-grid-1"]{
    grid-template-columns:1fr;
  }
}


/* v45 editor delete/selection safety */
body.ub-edit-mode .brand,
body.ub-edit-mode .brand *{
  cursor:move;
}
body.ub-edit-mode .brand{
  outline:2px dashed rgba(0,122,255,.45);
  outline-offset:4px;
}
body.ub-edit-mode .brand.ub-selected{
  outline:3px solid rgba(255,70,60,.95);
}
body.ub-edit-mode [data-ub-edit-id="home-publications-header"],
body.ub-edit-mode [data-ub-edit-id="home-publications-titleblock"],
body.ub-edit-mode [data-ub-edit-id="home-publications-title"],
body.ub-edit-mode [data-ub-edit-id="publications-label-1"]{
  cursor:move;
}


/* v46 selected book-cover layout and resize fix */
.book-showcase{
  position:relative;
  overflow:visible;
}
.book-showcase [data-ub-edit-id="home-book-showcase-title"],
.book-showcase > h3{
  position:relative;
  z-index:3;
  margin-bottom:24px!important;
  text-align:center;
}
.book-showcase .book-mini-grid[data-ub-edit-id="book-mini-grid-1"]{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:start;
  margin-top:16px!important;
  padding-top:8px;
}
.book-showcase .book-mini{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  min-height:260px;
  padding:14px 10px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--surface);
  box-shadow:0 14px 30px rgba(0,0,0,.05);
  overflow:visible;
}
.book-showcase .book-mini img{
  display:block;
  width:140px;
  height:auto;
  max-width:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center center;
  margin:0 auto 12px;
  background:transparent;
}
.book-showcase .book-mini span{
  display:block!important;
  margin-top:auto;
  padding-top:8px;
  text-align:center;
  visibility:visible!important;
  opacity:1!important;
}
body.ub-edit-mode .book-showcase .book-mini img{
  cursor:nwse-resize;
}
body.ub-edit-mode .book-showcase [data-ub-edit-id="home-book-showcase-title"],
body.ub-edit-mode .book-showcase .book-mini-grid,
body.ub-edit-mode .book-showcase .book-mini,
body.ub-edit-mode .book-showcase .book-mini img{
  outline-offset:4px;
}
@media (max-width:760px){
  .book-showcase .book-mini-grid[data-ub-edit-id="book-mini-grid-1"]{
    grid-template-columns:1fr;
  }
}


/* v47 selected book-cover usability fix */
.book-showcase{
  position:relative;
  overflow:visible;
}
.book-showcase [data-ub-edit-id="home-book-showcase-title"],
.book-showcase > h3{
  position:relative;
  z-index:5;
  display:block;
  width:100%;
  margin:0 0 22px!important;
  padding:0!important;
  text-align:center;
  background:var(--surface);
}
.book-showcase .book-mini-grid[data-ub-edit-id="book-mini-grid-1"]{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
  margin-top:0!important;
  padding-top:8px;
}
.book-showcase .book-mini{
  display:grid!important;
  grid-template-rows:minmax(220px,auto) auto;
  align-items:start;
  justify-items:center;
  min-width:0;
  min-height:0!important;
  height:auto!important;
  padding:16px 12px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--surface);
  box-shadow:0 14px 30px rgba(0,0,0,.05);
  overflow:visible!important;
}
.book-showcase .book-mini img{
  display:block;
  width:min(220px,100%);
  height:auto;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain;
  object-position:center center;
  margin:0 auto 12px;
  background:transparent;
}
.book-showcase .book-mini span{
  display:block!important;
  position:relative;
  z-index:4;
  width:100%;
  min-height:34px;
  margin:10px 0 0!important;
  padding:8px 10px;
  border:1px dashed rgba(0,122,255,.35);
  border-radius:12px;
  text-align:center;
  line-height:1.25;
  color:var(--ink);
  background:var(--surface);
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
body.ub-edit-mode .book-showcase .book-mini img{
  cursor:nwse-resize;
}
body.ub-edit-mode .book-showcase .book-mini span{
  cursor:text;
}
body.ub-edit-mode .book-showcase .book-mini-grid,
body.ub-edit-mode .book-showcase .book-mini,
body.ub-edit-mode .book-showcase .book-mini img,
body.ub-edit-mode .book-showcase .book-mini span{
  outline-offset:4px;
}
@media (max-width:760px){
  .book-showcase .book-mini-grid[data-ub-edit-id="book-mini-grid-1"]{
    grid-template-columns:1fr;
  }
}


/* v48 reference tile image replacement fix */
.reference-icon{
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
}
.reference-icon.has-custom-image,
.reference-icon[style*="background-image"]{
  background-color:transparent;
}
.reference-icon.has-custom-image span,
.reference-icon[style*="background-image"] span{
  display:none!important;
}
body.ub-edit-mode .reference-icon,
body.ub-edit-mode .reference-tile{
  cursor:pointer;
}
body.ub-edit-mode [data-ub-edit-id="hero-ref-tentelian-icon"]{
  outline:2px dashed rgba(0,122,255,.65);
  outline-offset:4px;
}
body.ub-edit-mode [data-ub-edit-id="hero-ref-tentelian-icon"].ub-selected{
  outline:3px solid rgba(255,70,60,.95);
}


/* v51 focused reference image fix: Game2Gether + Tentelian only */
.reference-icon{
  overflow:hidden;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
.reference-icon img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
}
.reference-icon.has-custom-image,
.reference-icon[style*="background-image"]{
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.reference-icon.has-custom-image span,
.reference-icon[style*="background-image"] span{
  display:none!important;
}
body.ub-edit-mode [data-ub-edit-id="hero-ref-game2gether-img"],
body.ub-edit-mode [data-ub-edit-id="hero-ref-game2gether-icon"],
body.ub-edit-mode [data-ub-edit-id="hero-ref-tentelian-icon"]{
  outline-offset:4px;
}


/* v52 unified reference board editor fields */
.reference-board{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.reference-item-stack{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.reference-tile,
.reference-tile.reference-placeholder{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:140px;
  padding:14px 16px 12px;
  pointer-events:auto;
}
.reference-icon{
  width:120px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
.reference-icon img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
}
.reference-caption{
  min-height:18px;
}
body.ub-edit-mode .reference-tile,
body.ub-edit-mode .reference-icon,
body.ub-edit-mode .reference-icon img,
body.ub-edit-mode .reference-caption{
  pointer-events:auto!important;
  cursor:pointer;
}
body.ub-edit-mode [data-ub-edit-id^="hero-ref-"][data-ub-edit-id$="-img"]{
  cursor:nwse-resize;
}
body.ub-edit-mode [data-ub-edit-id^="hero-ref-"].ub-selected{
  outline:3px solid rgba(255,70,60,.95);
  outline-offset:4px;
}
@media (max-width:860px){
  .reference-board{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:520px){
  .reference-board{
    grid-template-columns:1fr;
  }
}


/* v53 article highlights uniform repair */
.article-highlight-grid{
  align-items:stretch;
}
.article-highlight-grid .article-card{
  display:flex!important;
  flex-direction:column;
  height:auto!important;
  min-height:100%;
  overflow:visible!important;
}
.article-highlight-grid .article-thumb-frame{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:220px;
  height:220px;
  overflow:hidden;
  background:var(--surface);
}
.article-highlight-grid .article-thumb-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
}
.article-highlight-grid .article-content{
  display:flex!important;
  flex-direction:column;
  flex:1 1 auto;
  gap:10px;
  padding-top:14px;
  overflow:visible!important;
}
.article-highlight-grid .meta,
.article-highlight-grid h3,
.article-highlight-grid .date,
.article-highlight-grid .article-excerpt,
.article-highlight-grid .article-button-row,
.article-highlight-grid .article-button-row .btn{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.article-highlight-grid .article-excerpt{
  flex:1 1 auto;
}
.article-highlight-grid .article-button-row{
  margin-top:auto;
  justify-content:center;
}
body.ub-edit-mode .article-highlight-grid [data-ub-edit-id^="article-"]{
  outline-offset:4px;
}
body.ub-edit-mode .article-highlight-grid [data-ub-edit-id^="article-"].ub-selected{
  outline:3px solid rgba(255,70,60,.95);
}


/* v54 SEO content sections */
.seo-copy{
  padding-top:36px;
  padding-bottom:36px;
}
.seo-copy .card{
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
}
.seo-copy h2{
  margin-top:0;
  margin-bottom:14px;
}
.seo-copy p{
  max-width:900px;
}


/* v61 visual parity fixes: fixed boxes, text resized inside the boxes */
html[lang="en"] .hero-centered .retro-word{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,880px)!important;
  max-width:880px!important;
  box-sizing:border-box!important;
  font-size:clamp(30px,3.25vw,45px)!important;
  letter-spacing:.055em!important;
  padding:16px 34px 18px!important;
  margin:10px auto 14px!important;
  white-space:nowrap!important;
  text-align:center!important;
  overflow:visible!important;
}
.home-book-section .cta-row{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:18px!important;
  flex-wrap:wrap!important;
  max-width:520px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.home-book-section .cta-row .btn{
  min-width:220px!important;
}
.book-showcase[data-ub-edit-id="home-book-showcase-card"]{
  width:min(100%,1145px)!important;
  height:auto!important;
  min-height:590px!important;
  box-sizing:border-box!important;
}
.book-showcase .book-mini-grid[data-ub-edit-id="book-mini-grid-1"]{
  width:100%!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.book-showcase .book-mini{
  display:grid!important;
  grid-template-rows:448px 42px!important;
  justify-items:center!important;
  align-items:start!important;
  width:auto!important;
  height:auto!important;
  min-height:520px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.book-showcase .book-mini img,
.book-showcase .book-mini img[data-ub-edit-id^="book-mini-img-"]{
  width:100%!important;
  max-width:330px!important;
  height:448px!important;
  max-height:448px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}
.book-showcase .book-mini span,
.book-showcase .book-mini span[data-ub-edit-id^="book-mini-caption-"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:300px!important;
  height:42px!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  overflow:hidden!important;
}
.experience-thumb img[data-ub-edit-id^="experience-thumb-img-"]{
  display:block!important;
  width:100%!important;
  max-width:150px!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
}
.reference-tile[data-ub-edit-id$="placeholder-tile"] .reference-icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}


/* v62 stable header/nav parity on all pages */
.site-header .wrap.header-inner{
  max-width:1540px!important;
  display:grid!important;
  grid-template-columns:minmax(210px,250px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:18px!important;
  min-height:94px!important;
  padding-left:34px!important;
  padding-right:34px!important;
}
.site-header .brand{
  margin-top:14px!important;
  min-width:0!important;
}
.site-header .brand img{
  flex:0 0 auto!important;
}
.site-header .nav{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  justify-items:end!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  padding-top:12px!important;
  font-size:14px!important;
}
.site-header .nav .main-links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
}
.site-header .nav .main-links a{
  white-space:nowrap!important;
  padding:8px 9px!important;
}
.site-header .nav .nav-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  min-height:40px!important;
}
.site-header .legal-group{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:0!important;
  white-space:nowrap!important;
  border-left:0!important;
  padding-left:0!important;
}
.site-header .legal-group .legal{
  font-size:13px!important;
  font-weight:700!important;
  color:var(--muted)!important;
  padding:7px 8px!important;
  border-radius:999px!important;
}
.site-header .legal-group .legal.active,
.site-header .legal-group .legal:hover{
  background:var(--ink)!important;
  color:#fff!important;
  text-decoration:none!important;
}
.site-header .lang{
  display:inline-flex!important;
  gap:6px!important;
  margin-left:12px!important;
  border-left:1px solid var(--line)!important;
  padding-left:14px!important;
  flex:0 0 auto!important;
}
.site-header .theme-toggle{
  flex:0 0 auto!important;
}
@media (max-width:1220px){
  .site-header .wrap.header-inner{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding-top:10px!important;
    padding-bottom:12px!important;
  }
  .site-header .nav,
  .site-header .nav .main-links,
  .site-header .nav .nav-tools{
    justify-items:start!important;
    justify-content:flex-start!important;
  }
  .site-header .nav .main-links,
  .site-header .nav .nav-tools{
    flex-wrap:wrap!important;
  }
}
@media (max-width:720px){
  .site-header .wrap.header-inner{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .site-header .nav{
    font-size:13px!important;
  }
}



/* v63 header: keep submenu/tools positions like the start page on every page */
.site-header .wrap.header-inner{
  max-width:none!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  align-items:start!important;
  gap:18px!important;
  min-height:94px!important;
  padding-left:34px!important;
  padding-right:34px!important;
}
.site-header .nav{
  justify-self:center!important;
  width:max-content!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  justify-items:stretch!important;
  gap:5px!important;
  padding-top:12px!important;
}
.site-header .nav .main-links{
  width:auto!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
.site-header .nav .nav-tools{
  width:auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-height:40px!important;
}
.site-header .legal-group{
  order:1!important;
  display:inline-flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:0!important;
  white-space:nowrap!important;
  border-left:0!important;
  padding-left:0!important;
}
.site-header .lang{
  order:2!important;
  display:inline-flex!important;
  margin-left:12px!important;
  border-left:1px solid var(--line)!important;
  padding-left:14px!important;
  flex:0 0 auto!important;
}
.site-header .theme-toggle{
  order:3!important;
  flex:0 0 auto!important;
}
@media (max-width:1220px){
  .site-header .wrap.header-inner{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding-top:10px!important;
    padding-bottom:12px!important;
  }
  .site-header .nav{
    justify-self:start!important;
    width:100%!important;
  }
  .site-header .nav .main-links,
  .site-header .nav .nav-tools{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
}

/* v66 header tools and zoom parity on every page */
.site-header,
.site-header *{
  zoom:1!important;
}
.site-header .wrap.header-inner{
  max-width:none!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  align-items:start!important;
  gap:18px!important;
  min-height:94px!important;
  padding-left:34px!important;
  padding-right:34px!important;
}
.site-header .brand{
  margin-top:14px!important;
  transform:none!important;
}
.site-header .brand img{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
}
.site-header .nav[data-ub-edit-id="nav-1"]{
  justify-self:center!important;
  width:max-content!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  justify-items:stretch!important;
  gap:5px!important;
  padding-top:12px!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.site-header .main-links[data-ub-edit-id="main-links-1"]{
  width:auto!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  transform:none!important;
}
.site-header .main-links[data-ub-edit-id="main-links-1"] a{
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.25!important;
  padding:8px 9px!important;
}
.site-header .nav-tools[data-ub-edit-id="nav-tools-1"]{
  width:auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-height:40px!important;
  line-height:1.25!important;
  transform:translate(165px,-3px) scale(1)!important;
  transform-origin:center center!important;
  position:relative!important;
}
.site-header .legal-group[data-ub-edit-id="legal-group-1"],
.site-header .lang[data-ub-edit-id="lang-1"],
.site-header .theme-toggle[data-ub-edit-id="theme-toggle-1"]{
  position:static!important;
  transform:none!important;
  transform-origin:center center!important;
  scale:1!important;
}
.site-header .legal-group[data-ub-edit-id="legal-group-1"]{
  display:inline-flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  white-space:nowrap!important;
  border-left:0!important;
  padding:0!important;
}
.site-header .legal-group[data-ub-edit-id="legal-group-1"] .legal{
  font-size:13px!important;
  font-weight:700!important;
  color:var(--muted)!important;
  line-height:1.25!important;
  padding:7px 8px!important;
  border-radius:999px!important;
}
.site-header .lang[data-ub-edit-id="lang-1"]{
  display:inline-flex!important;
  gap:6px!important;
  margin-left:12px!important;
  border-left:1px solid var(--line)!important;
  padding-left:14px!important;
  flex:0 0 auto!important;
}
.site-header .lang[data-ub-edit-id="lang-1"] a{
  font-size:14px!important;
  line-height:1.25!important;
  padding:8px 11px!important;
  border-radius:999px!important;
}
.site-header .theme-toggle[data-ub-edit-id="theme-toggle-1"]{
  flex:0 0 auto!important;
  font-size:13px!important;
  line-height:1.25!important;
  padding:8px 12px!important;
  border-radius:999px!important;
}
@media (max-width:1220px){
  .site-header .wrap.header-inner{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding-top:10px!important;
    padding-bottom:12px!important;
  }
  .site-header .nav[data-ub-edit-id="nav-1"]{
    justify-self:start!important;
    width:100%!important;
  }
  .site-header .main-links[data-ub-edit-id="main-links-1"],
  .site-header .nav-tools[data-ub-edit-id="nav-tools-1"]{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
  .site-header .nav-tools[data-ub-edit-id="nav-tools-1"]{
    transform:none!important;
  }
}

/* v67 fixed header link IDs and canonical header transforms */
.site-header,
.site-header *{
  zoom:1!important;
}
.site-header .wrap.header-inner{
  max-width:none!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  align-items:start!important;
  gap:18px!important;
  min-height:94px!important;
  padding-left:34px!important;
  padding-right:34px!important;
}
.site-header .brand{
  margin-top:14px!important;
  transform:none!important;
}
.site-header .brand img{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
}
.site-header [data-ub-edit-id="nav-1"]{
  justify-self:center!important;
  width:max-content!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  justify-items:stretch!important;
  gap:5px!important;
  padding-top:12px!important;
  font-size:14px!important;
  line-height:1.25!important;
  position:relative!important;
  transform:translate(-156px,3px) scale(1)!important;
  transform-origin:center center!important;
}
.site-header [data-ub-edit-id="main-links-1"]{
  width:auto!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
.site-header [data-ub-edit-id="nav-tools-1"]{
  width:auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-height:40px!important;
  line-height:1.25!important;
  position:relative!important;
  transform:translate(165px,-3px) scale(1)!important;
  transform-origin:center center!important;
}
.site-header [data-ub-edit-id="main-links-1"],
.site-header [data-ub-edit-id="legal-group-1"],
.site-header [data-ub-edit-id="lang-1"],
.site-header [data-ub-edit-id="theme-toggle-1"],
.site-header [data-ub-edit-id^="nav-link-"],
.site-header [data-ub-edit-id^="legal-link-"],
.site-header [data-ub-edit-id^="lang-link-"]{
  transform:none!important;
  scale:1!important;
  zoom:1!important;
  position:static!important;
}
.site-header [data-ub-edit-id="legal-group-1"]{
  display:inline-flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  white-space:nowrap!important;
  border-left:0!important;
  padding:0!important;
}
.site-header [data-ub-edit-id="legal-group-1"] .legal{
  font-size:13px!important;
  font-weight:700!important;
  color:var(--muted)!important;
  line-height:1.25!important;
  padding:7px 8px!important;
  border-radius:999px!important;
}
.site-header [data-ub-edit-id="lang-1"]{
  display:inline-flex!important;
  gap:6px!important;
  margin-left:12px!important;
  border-left:1px solid var(--line)!important;
  padding-left:14px!important;
  flex:0 0 auto!important;
}
.site-header [data-ub-edit-id^="nav-link-"]{
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.25!important;
  padding:8px 9px!important;
}
.site-header [data-ub-edit-id^="lang-link-"]{
  font-size:14px!important;
  line-height:1.25!important;
  padding:8px 11px!important;
  border-radius:999px!important;
}
.site-header [data-ub-edit-id="theme-toggle-1"]{
  flex:0 0 auto!important;
  font-size:13px!important;
  line-height:1.25!important;
  padding:8px 12px!important;
  border-radius:999px!important;
}
@media (max-width:1220px){
  .site-header .wrap.header-inner{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding-top:10px!important;
    padding-bottom:12px!important;
  }
  .site-header [data-ub-edit-id="nav-1"]{
    justify-self:start!important;
    width:100%!important;
    transform:none!important;
  }
  .site-header [data-ub-edit-id="main-links-1"],
  .site-header [data-ub-edit-id="nav-tools-1"]{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
  .site-header [data-ub-edit-id="nav-tools-1"]{
    transform:none!important;
  }
}