
:root{--r-paper:#f6f3eb;--r-ink:#172925;--r-orange:#df5935;--r-rule:#b9c1b4;--r-warm:#eee4d1}
.retro-header{display:flex;align-items:center;gap:25px;height:110px;border-bottom:1px solid var(--r-rule);position:relative;color:var(--r-ink);background:var(--r-paper);font-family:Manrope,"Segoe UI",sans-serif}
.r-brand{display:block;width:174px;flex:none}.r-brand img{display:block;width:100%;height:auto}
.r-nav{display:flex;gap:12px;align-items:center;margin-left:auto}
.r-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:45px;white-space:nowrap;text-decoration:none;color:var(--r-ink);font-family:Manrope,sans-serif;font-size:12px;font-weight:700;line-height:1.1;padding:13px 14px;outline-offset:7px;isolation:isolate;transition:color 170ms ease,background-color 170ms ease,transform 170ms ease,box-shadow 170ms ease}
.r-index,.r-trails{display:none}.r-mark{font-size:15px;line-height:1;transition:transform 180ms ease}
.r-link:focus-visible{outline:2px dashed var(--r-orange);outline-offset:7px}
.r-account{display:flex;align-items:center;gap:13px;margin-left:8px;border-left:1px solid var(--r-rule);padding-left:20px;text-decoration:none;color:var(--r-ink);flex:none}
.r-account img{width:82px;height:auto;display:block;mix-blend-mode:multiply}.r-account span{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.r-account b{font-size:16px;font-weight:400;transition:transform 180ms}.r-account:hover b,.r-account:focus-visible b{transform:translate(2px,-2px)}.r-account:focus-visible{outline:2px dashed var(--r-orange);outline-offset:7px}
.mode-print .r-nav{gap:11px}
.mode-print .r-link,.r-cta{border:1px solid var(--r-ink);border-radius:2px;background:var(--r-paper);box-shadow:3px 3px 0 var(--r-ink);text-transform:uppercase;font-size:10px;letter-spacing:.035em;min-height:43px;padding:13px 14px}
.mode-print .r-link:is(:hover,:focus-visible,.is-demo-hover),.r-cta:is(:hover,:focus-visible,.is-demo-hover){background:var(--r-orange);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--r-ink)}
.mode-print .r-link:active,.mode-print .r-link.is-demo-pressed,.r-cta:active,.r-cta.is-demo-pressed{transform:translate(3px,3px);box-shadow:0 0 0 var(--r-ink)}
.mode-folder .r-nav{gap:5px;border-bottom:1px solid var(--r-ink);align-items:flex-end}
.mode-folder .r-link{border:1px solid var(--r-ink);border-bottom:0;border-radius:7px 7px 0 0;min-height:56px;padding:20px 15px 11px;background:#ede8dd;transform:translateY(1px)}
.mode-folder .r-index{display:block;position:absolute;top:6px;left:15px;font:8px/1.2 "Courier New",monospace;letter-spacing:.07em;opacity:.65}
.mode-folder .r-mark{font-size:13px;margin-left:5px}
.mode-folder .r-link:before{content:"";position:absolute;height:3px;background:transparent;top:-1px;left:8px;right:8px}
.mode-folder .r-link:is(:hover,:focus-visible,.is-demo-hover){transform:translateY(-2px);background:var(--r-ink);color:var(--r-paper);box-shadow:0 3px 0 var(--r-ink)}
.mode-folder .r-link:is(:hover,:focus-visible,.is-demo-hover):before{background:var(--r-orange)}
.mode-folder .r-link:active,.mode-folder .r-link.is-demo-pressed{transform:translateY(0);box-shadow:0 1px 0 var(--r-ink);background:var(--r-orange);color:white}
.mode-sign .r-nav{gap:9px}
.mode-sign .r-link{min-height:48px;padding:12px 20px 12px 14px;background:var(--r-ink);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);border:0;border-radius:0;outline:none}
.mode-sign .r-link:before{content:"";position:absolute;inset:1px;background:var(--r-paper);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%);z-index:-1;transition:background-color 180ms}
.mode-sign .r-mark{font-size:17px;line-height:1;margin-left:7px}
.mode-sign .r-link:is(:hover,:focus-visible,.is-demo-hover){color:white;transform:translateX(2px)}
.mode-sign .r-link:is(:hover,:focus-visible,.is-demo-hover):before{background:var(--r-orange)}
.mode-sign .r-link:is(:hover,:focus-visible,.is-demo-hover) .r-mark{transform:translateX(3px)}
.mode-sign .r-link:focus-visible{background:var(--r-orange);box-shadow:inset 0 0 0 2px var(--r-orange)}
.mode-sign .r-link:focus-visible:after{content:"";position:absolute;inset:4px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);border:1px dashed var(--r-paper);pointer-events:none}
.mode-sign .r-link:active,.mode-sign .r-link.is-demo-pressed{transform:translateX(0);color:var(--r-paper)}
.mode-sign .r-link:active:before,.mode-sign .r-link.is-demo-pressed:before{background:var(--r-ink)}
.mode-trails .r-nav{gap:18px}
.mode-trails .r-nav>.r-link{padding:13px 3px 17px;min-height:46px;font-size:12px}
.mode-trails .r-nav>.r-link .r-mark{font-size:12px;opacity:0;position:absolute;right:-9px;top:11px;transform:translate(-2px,2px)}
.mode-trails .r-trails{display:block;position:absolute;left:3px;right:3px;bottom:1px;height:10px;pointer-events:none}
.mode-trails .r-trails i{display:block;height:1px;background:var(--r-orange);width:100%;transform:scaleX(0);transform-origin:0 50%;transition:transform 200ms ease;margin-top:2px}
.mode-trails .r-trails i:nth-child(2){width:73%;transition-delay:25ms}.mode-trails .r-trails i:nth-child(3){width:46%;transition-delay:50ms}
.mode-trails .r-nav>.r-link:is(:hover,:focus-visible,.is-demo-hover){color:var(--r-orange)}
.mode-trails .r-nav>.r-link:is(:hover,:focus-visible,.is-demo-hover) .r-trails i{transform:scaleX(1)}
.mode-trails .r-nav>.r-link:is(:hover,:focus-visible,.is-demo-hover) .r-mark{opacity:1;transform:translate(1px,-1px)}
.mode-trails .r-nav>.r-link:active,.mode-trails .r-nav>.r-link.is-demo-pressed{color:var(--r-ink)}
.mode-trails .r-nav>.r-link:active .r-trails i,.mode-trails .r-nav>.r-link.is-demo-pressed .r-trails i{background:var(--r-ink)}
.r-cta{font-size:10px;gap:13px;flex:none;margin-left:2px;min-height:43px}
.retro-header .menu-toggle{flex:none}
@media(max-width:1250px){.retro-header{gap:18px}.r-brand{width:156px}.r-nav{gap:8px}.r-link{font-size:11px;padding-inline:10px}.r-account{padding-left:15px;gap:9px}.r-account img{width:67px}.r-account span{font-size:9px}.mode-print .r-link,.r-cta{font-size:9px;padding-inline:11px}.mode-folder .r-link{padding-inline:12px}.mode-folder .r-index{left:12px}.mode-sign .r-link{padding-left:10px;padding-right:15px}.mode-trails .r-nav{gap:15px}.mode-trails .r-nav>.r-link{font-size:11px}}
@media(max-width:1050px){.r-cta{display:none}.retro-header{gap:17px}.r-account img{width:68px}}
@media(max-width:850px){.retro-header{height:83px}.r-brand{width:155px}.r-nav{display:none}.r-account{margin-left:auto;border-left:0;padding-left:0}.r-account img{width:72px}.r-account span{font-size:10px}}
@media(max-width:600px){.retro-header{height:76px;gap:15px}.r-brand{width:137px}.r-account{gap:0}.r-account img{display:none}.r-account span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.r-link,.r-link:before,.r-mark,.r-trails i,.r-account b{transition:none!important}.mode-print .r-link:is(:hover,:focus-visible,.is-demo-hover),.r-cta:is(:hover,:focus-visible,.is-demo-hover),.mode-folder .r-link:is(:hover,:focus-visible,.is-demo-hover),.mode-sign .r-link:is(:hover,:focus-visible,.is-demo-hover){transform:none}}
/* Refined accepted header: larger navigation, Draiver pass and languages. */
.retro-header{padding-top:12px}
.mode-trails .r-nav{gap:23px}
.mode-trails .r-nav>.r-link{font-size:15px;min-height:48px;padding-bottom:17px}
.mode-trails .r-nav>.r-link .r-mark{font-size:14px;top:10px;right:-11px}
.r-cta{font-size:13px;min-height:47px;padding:14px 15px;gap:14px}
.r-tools{position:relative;display:flex;align-items:center;flex:none;margin-left:3px}
.r-languages{position:absolute;right:0;top:-24px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.r-languages button{appearance:none;border:0;border-bottom:1px solid transparent;background:none;padding:3px 4px;color:#53614f;font:650 10px/1.2 Manrope,sans-serif;cursor:pointer;min-height:21px;transition:color 160ms,background-color 160ms,border-color 160ms}
.r-languages button[aria-pressed="true"]{color:#172925;border-bottom-color:#df5935}
.r-languages button:hover{background:#e5eaca;color:#172925;border-bottom-color:#172925}
.r-languages button:focus-visible{outline:2px dashed #df5935;outline-offset:3px}
.r-account-pass{margin-left:0;padding:10px 11px;min-height:53px;gap:13px;border:1px solid #9daa92;border-radius:2px;background:#f1eee2;box-shadow:2px 2px 0 #c6ceb9;transition:background-color 180ms,border-color 180ms,box-shadow 180ms,transform 130ms}
.r-account-pass img{width:85px;flex:none}
.r-account-pass span{font-size:12px;font-weight:650;gap:10px}
.r-account-pass b{display:flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;border:1px solid #65745f;border-radius:50%;font-size:17px;font-weight:400;line-height:1;background:transparent;transition:background-color 180ms,transform 180ms,border-color 180ms}
.r-account-pass:is(:hover,:focus-visible){background:#edf0df;border-color:#172925;box-shadow:3px 3px 0 #b3c398}
.r-account-pass:is(:hover,:focus-visible) b{background:#dbe8b6;border-color:#172925;transform:translate(2px,-2px)}
.r-account-pass:active{transform:translate(2px,2px);box-shadow:none}
.r-mobile-languages{display:none}
.r-language-notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);padding:12px 18px;background:#172925;color:#f6f3eb;font:12px/1.6 Manrope,sans-serif;box-shadow:3px 3px 0 #df5935;z-index:20;display:none}
.r-language-notice.shown{display:block}
@media(max-width:1250px){.mode-trails .r-nav{gap:20px}.mode-trails .r-nav>.r-link{font-size:14px}.r-cta{font-size:12px;padding-inline:13px}.r-tools{margin-left:1px}.r-account-pass{gap:10px;padding:10px}.r-account-pass img{width:80px}.r-account-pass span{font-size:12px;gap:8px}}
@media(max-width:960px){.retro-header{height:88px;padding-top:0;gap:18px}.r-nav,.r-cta{display:none}.r-tools{margin-left:auto}.r-tools>.r-languages{display:none}.r-account-pass{margin-left:0}.r-account-pass img{display:block}.retro-header .menu-toggle{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;background:none;border:1px solid #b5c0b1;width:36px;height:36px;padding:8px}.retro-header .menu-toggle span{height:1px;width:17px;background:#172925}.r-mobile-languages{display:block;border-top:1px solid #ffffff25;padding-top:18px;margin-top:12px}.r-mobile-languages>span{display:block;color:#c3cdb8;font-size:11px;margin-bottom:10px}.r-mobile-languages .r-languages{position:static;display:flex;gap:10px}.r-mobile-languages .r-languages button{color:#f6f3eb;min-width:44px;min-height:40px;font-size:12px;padding:8px}.r-mobile-languages .r-languages button[aria-pressed="true"]{background:#dce7bd;color:#172925;border-bottom-color:#dce7bd}.r-mobile-languages .r-languages button:hover{color:#172925}}
@media(max-width:600px){.retro-header{height:76px;gap:12px;padding-top:0}.r-account-pass{padding:8px 9px;min-height:44px}.r-account-pass img{display:none}.r-account-pass span{font-size:11px;gap:8px}.r-account-pass b{width:22px;height:22px;font-size:15px}.retro-header .menu-toggle{width:33px;height:33px}}
@media(max-width:360px){.retro-header{gap:9px}.r-brand{width:122px}.r-account-pass{padding-inline:8px}.r-account-pass span{font-size:11px;gap:7px}}
@media(prefers-reduced-motion:reduce){.r-account-pass,.r-account-pass b,.r-languages button{transition:none!important}.r-account-pass:is(:hover,:focus-visible) b{transform:none}}

