body{margin:0;background:#FFFFFF}
.rc-b4{container:rcb4 / inline-size}
.rc-b4 a:focus-visible,.rc-b4 button:focus-visible,.rc-b4 input:focus-visible{outline:3px solid #6D69FF;outline-offset:3px}
.rc-b4 button{font-family:inherit}
.rc-b4 input::placeholder{color:#74768A}
.rc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rc-navl{display:flex;align-items:center;min-height:44px;color:#3A3B48;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s}
.rc-navl:hover{color:#6D69FF}
.rc-flink{font-size:14px;color:rgba(255,255,255,0.68);text-decoration:none;transition:color .2s ease}
.rc-flink:hover{color:#64DFEA}
.rc-emo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:18px;border-radius:16px;background:#FFFFFF;border:1px solid #EEEEF3;box-shadow:0 8px 20px rgba(0,0,34,0.08);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:30px;line-height:1;font-style:normal;font-weight:400;letter-spacing:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.rc-emo-c{margin-left:auto;margin-right:auto}
h1:hover .rc-emo{transform:rotate(-8deg) scale(1.08)}
@keyframes rcUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.rc-up{animation:rcUp .9s cubic-bezier(.2,.7,.2,1) both}
.rc-d1{animation-delay:.08s}.rc-d2{animation-delay:.18s}.rc-d3{animation-delay:.28s}
.rc-anim [data-rc-reveal]{opacity:0;transform:translateY(32px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rc-anim [data-rc-reveal].rc-in{opacity:1;transform:none}
.rc-anim [data-rc-reveal="1"]{transition-delay:.08s}
.rc-anim [data-rc-reveal="2"]{transition-delay:.16s}
/* same sprint as the home titles */
@keyframes rcSprint{0%{opacity:0;transform:translateX(-1.6em) skewX(-20deg);filter:blur(8px)}45%{opacity:1;transform:translateX(.08em) skewX(-14deg);filter:blur(0)}68%{transform:translateX(-.03em) skewX(5deg)}84%{transform:translateX(.01em) skewX(-2deg)}100%{opacity:1;transform:none;filter:none}}
@keyframes rcStreak{0%{opacity:0;transform:scaleX(.15)}25%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(0)}}
.rc-run{position:relative;display:inline-block;padding-right:.06em;animation:rcSprint 1.05s cubic-bezier(.2,.8,.2,1) .35s both}
.rc-run::before{content:"";position:absolute;right:100%;top:24%;width:1.2em;height:52%;margin-right:.1em;pointer-events:none;transform-origin:100% 50%;background:linear-gradient(90deg,rgba(109,105,255,0),rgba(109,105,255,.85)) 0 0/100% .06em no-repeat,linear-gradient(90deg,rgba(109,105,255,0),rgba(109,105,255,.6)) 100% 50%/65% .06em no-repeat,linear-gradient(90deg,rgba(109,105,255,0),rgba(109,105,255,.85)) 100% 100%/85% .06em no-repeat;animation:rcStreak 1.05s cubic-bezier(.2,.8,.2,1) .35s both}
.rc-post .rc-cover{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.rc-post:hover .rc-cover{transform:scale(1.04)}
.rc-post:hover .rc-arrow{transform:translateX(4px)}
.rc-arrow{transition:transform .3s ease}
@container rcb4 (max-width: 720px){
.rc-ck{left:12px !important;right:12px !important;bottom:12px !important;width:auto !important;max-width:none !important;padding:18px !important}
.rc-hide-m{display:none !important}
.rc-nav{width:100% !important;justify-content:space-between !important;gap:8px !important}
.rc-nav{padding:5px 5px 5px 12px !important}
.rc-nav > a:first-child{gap:8px !important;padding-right:10px !important}
.rc-nav > a:first-child img{height:32px !important}
.rc-nav > a:first-child span{font-size:16px !important}
.rc-nav > a:last-child{padding:0 14px !important;font-size:14px !important}
/* phones: the language button shows just the flag */
.rc-lang > button{gap:4px !important;padding:0 6px !important}
.rc-lang > button > span:not([aria-hidden="true"]){display:none !important}
.rc-lang{margin-left:auto}
.rc-fcol{flex:1 1 40% !important}
}
@container rcb4 (max-width: 370px){.rc-nav > a:first-child span{display:none}}
/* tablets: the menu with Gare tightens up so it never overflows (logo without the name, smaller gaps) */
@container rcb4 (min-width: 721px) and (max-width: 1040px){.rc-nav{gap:16px !important}.rc-nav > div.rc-hide-m{gap:18px !important}.rc-navl{font-size:14px !important}.rc-nav > a:first-child span{display:none !important}}
@media (prefers-reduced-motion: reduce){.rc-up,.rc-run,.rc-run::before{animation:none}.rc-run::before{opacity:0}.rc-post .rc-cover,.rc-arrow{transition:none}}