.language-control{flex-shrink:0}.machine-header .language-links{display:flex;gap:3px;align-items:center}.language-links>a{width:39px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:3px}.language-links>a>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.language-links small{font:10px/1 var(--mono);letter-spacing:.5px}.language-links>a[aria-current]{background:#293b25;color:#e1f2ce;border-color:#71865d}.machine-header .language-links>a:hover{text-decoration:none;border-color:#71865d;background:#cbd4bd}.language-links>a[aria-current]:hover{color:#182417}.pixel-flag{display:block;flex-shrink:0;image-rendering:pixelated;filter:drop-shadow(1px 2px 0 #25391f40);transform-origin:left center}
.language-picker{display:none;position:relative}.language-picker summary{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px;border:1px solid #728364;border-radius:4px;cursor:pointer;list-style:none}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary>span{font:11px var(--mono)}.language-picker summary>i{font-style:normal;font-size:14px}.machine-header .language-options{position:absolute;z-index:30;top:calc(100% + 9px);right:0;display:grid!important;gap:0;width:185px;padding:8px;background:#15281b;color:#e1f2ce;border:1px solid #96b67b;box-shadow:4px 4px 0 #07130d;animation:language-open .16s ease-out}.language-options a{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px;font-size:15px;border:1px solid transparent}.language-options a small{margin-left:auto;font:11px var(--mono)}.language-options a[aria-current]{border-color:#93b767;background:#284322}.machine-header .language-options a:hover{background:#365029;text-decoration:none}.language-options a:focus-visible,.language-picker summary:focus-visible{outline:2px solid #c6ef87;outline-offset:2px}
@media(min-width:701px){.machine-header{gap:16px}.machine-header>nav{gap:24px}.machine-header .language-control{margin-left:auto}.machine-header .header-cta{flex-shrink:0}body[data-page=home] .machine-header{gap:16px}}
@media(min-width:701px) and (max-width:1050px){.machine-header .brand small{display:none}.machine-header .brand{font-size:32px}.machine-header>nav{gap:16px;font-size:13px}.machine-header .header-cta{gap:9px;padding:9px 11px;font-size:13px}.machine-header .language-links>a{width:32px}.machine-header .language-control{margin-left:0}body[data-page=home] .machine-header{gap:12px}}
@media(max-width:700px){.machine-header .language-links{display:none}.language-picker{display:block}.machine-header .language-control{margin-left:auto}.machine-header .header-cta{margin-left:0}.machine-header .language-picker summary{padding:7px 6px;gap:3px}.language-picker summary>span{display:none}.language-picker .pixel-flag{width:22px;height:auto}.machine-header .brand>span{margin-right:0}.machine-header .brand{font-size:28px}body[data-page=home] .machine-header{gap:7px}.language-options{right:-65px!important}.machine-header .header-cta .stonks-icon{display:none}.machine-header .header-cta{padding:9px 8px;font-size:12px}.machine-header .mobile-menu summary{font-size:0;gap:0;padding:8px;min-width:40px}.machine-header .mobile-menu summary>span{font-size:22px}.machine-header .brand small{display:none}}
@media(prefers-reduced-motion:no-preference){.pixel-flag{animation:pixel-flag-wave 2.8s steps(3,end) infinite}.language-links a:nth-child(2) .pixel-flag,.language-options a:nth-child(2) .pixel-flag{animation-delay:-.8s}.language-links a:nth-child(3) .pixel-flag,.language-options a:nth-child(3) .pixel-flag{animation-delay:-1.6s}@keyframes pixel-flag-wave{0%,100%{transform:translateY(0) skewY(-3deg)}33%{transform:translateY(-1px) skewY(3deg)}66%{transform:translateY(1px) skewY(-1deg)}}}
@keyframes language-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.language-options{animation:none!important}.pixel-flag{animation:none!important}}
.localized-intro{position:absolute;inset:0;display:grid;place-items:center;padding:25px;text-align:center;background:var(--screen);color:var(--green)}.localized-question{font:clamp(30px,5.3vw,76px)/1.05 var(--display)}.localized-answer{position:absolute;inset:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}.localized-answer img{width:260px;max-width:65%;max-height:55%;object-fit:contain;image-rendering:pixelated}.localized-answer strong{font:clamp(35px,5.8vw,72px)/1 var(--display);background:var(--green);color:var(--screen);padding:10px 18px;transform:rotate(-3deg);box-shadow:5px 5px #5a7942}.localized-answer span{font:13px var(--mono);margin-top:20px}.localized-playing .intro-fallback,.localized-playing video{display:none}.localized-playing .localized-question{animation:intro-question 6s steps(1,end) both}.localized-playing .localized-answer{animation:intro-answer 6s steps(1,end) both}.localized-intro~#skip-intro{z-index:2}
@keyframes intro-question{0%{opacity:1}45%,100%{opacity:0}}@keyframes intro-answer{0%{opacity:0}45%,100%{opacity:1}}
html[lang=en] body[data-page=home] .hero-copy h1,html[lang=it] body[data-page=home] .hero-copy h1{font-size:clamp(43px,min(5.5vw,14cqh),95px)}
@media(min-width:701px) and (max-width:1100px){html[lang=en] body[data-page=home] .hero-copy h1,html[lang=it] body[data-page=home] .hero-copy h1{font-size:clamp(43px,min(5.5vw,14cqh),66px)}}
@media(max-width:700px){html[lang=en] body[data-page=home] .hero-copy h1,html[lang=it] body[data-page=home] .hero-copy h1{font-size:clamp(42px,12vw,68px)}.language-options a .pixel-flag{width:24px}.language-options a>span{font-size:15px}}
.header-actions{display:contents}
/* Equal side columns keep the main navigation at the centre of the console. */
@media(min-width:701px){
 .machine-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 .machine-header>.brand{justify-self:start}
 .machine-header>nav{justify-self:center;white-space:nowrap}
 .machine-header>.header-actions{display:flex;align-items:center;justify-self:end;gap:16px}
 .machine-header .header-actions .language-control{margin:0}
 .machine-header .header-cta{white-space:nowrap}
}
@media(min-width:701px) and (max-width:1050px){
 .machine-header>.header-actions{gap:10px}
 .machine-header .header-actions .language-links{display:none}
 .machine-header .header-actions .language-picker{display:block}
 .machine-header .language-picker summary>span{display:none}
}