:root{--gold:#d4a017;--gold-bright:gold;--orange:#e8860c;--brown:#925539;--black:#1a1a1a;--white:#fff;--cream:#fdfaf3;--border:#e8e2d0;--text-secondary:#5a5648;--amber:#f6bf5a;--ochre:#965a07;--veil:#190000cc;--hero:url(/images/hero.jpg);--font-display:"Playfair Display", Georgia, serif;--font-body:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width:1080px}@media (width<=640px){:root{--hero:url(/images/hero-m.jpg)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--cream);color:var(--black);font-size:16px;line-height:1.6}img{max-width:100%;display:block}.wrap{max-width:var(--max-width);margin:0 auto;padding-inline:24px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(32px,5vw,48px)}h2{font-size:clamp(22px,3vw,30px)}h3{font-size:20px}p{color:var(--text-secondary);max-width:65ch;margin:0 0 1em}a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.banner{background-color:var(--black);background-image:linear-gradient(#0000 0%, #0009 100%), var(--hero);background-position:50%,50% 88%;background-repeat:no-repeat;background-size:auto,cover;flex-direction:column;display:flex;position:relative}.banner--home{background-position:50%,50% 94%;min-height:720px}.banner--inner{background-position:50%,50% 58%;min-height:380px}.banner-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.banner-content .bar{background:var(--ochre);width:84px;height:5px;margin-bottom:20px}.banner-content .rule{background:#ffffff8c;width:min(460px,70%);height:1px}.banner-content .tagline,.banner-content h1{font-family:var(--font-display);color:var(--white);text-shadow:0 2px 14px #0000008c;max-width:760px;margin:16px 0;font-weight:500}.banner-content .tagline{font-size:clamp(24px,4vw,40px);font-style:italic;line-height:1.25}.banner-content h1{font-size:clamp(30px,5vw,46px)}.banner-content .tagline-en{margin-top:-4px;font-size:clamp(17px,2.6vw,24px)}.site-header{position:relative}.site-header:before{content:"";background:var(--veil);position:absolute;inset:0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:18px;display:flex;position:relative}.site-header .logo{font-family:var(--font-body);color:var(--amber);align-items:center;gap:12px;font-size:21px;font-weight:500;display:flex}.site-header .logo-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:140px;height:140px}.site-header .logo:hover{color:var(--gold-bright);text-decoration:none}.site-header nav ul{flex-wrap:wrap;gap:22px;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--amber);font-size:15px;font-weight:500}.site-header nav a:hover{color:var(--gold-bright);text-decoration:none}.site-footer{background:var(--black);color:var(--white);margin-top:64px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:28px;display:flex}.site-footer p{color:#cfcabd;margin:0}.site-footer .social{gap:18px;margin:0;padding:0;list-style:none;display:flex}.site-footer .social a{color:var(--amber);align-items:center;gap:6px;font-weight:500;display:inline-flex}.site-footer .social-icon{flex-shrink:0}main{max-width:var(--max-width);margin:0 auto;padding:40px 24px 24px}.card{border:1px solid var(--border);background:var(--white);border-radius:6px;padding:20px 24px;display:block}.card:hover{border-color:var(--orange);text-decoration:none}.recit-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.recit-list a{border:1px solid var(--border);background:var(--white);color:var(--black);border-radius:6px;padding:20px 24px;display:block}.recit-list a:hover{border-color:var(--orange);text-decoration:none}.recit-list .carnet,.recit article .carnet{text-transform:uppercase;letter-spacing:.5px;color:var(--orange);margin-bottom:6px;font-size:12px;font-weight:600;display:inline-block}.lede{font-size:17px}.construction{border:1px dashed var(--border);background:var(--white);border-radius:6px;padding:32px 24px}.construction h2{margin-bottom:10px}.construction p{max-width:none}.recit .cover{border-radius:6px;width:100%;margin:20px 0}.recit .corps{max-width:70ch}.recit .corps p{color:var(--black)}.recit .corps blockquote{border-left:3px solid var(--orange);color:var(--text-secondary);margin:0 0 1em;padding-left:16px;font-style:italic}.about{max-width:700px;margin:0 auto}.about p{text-align:justify;max-width:none}.about .portrait{border-radius:6px;width:100%;max-width:520px;margin:8px auto 28px;display:block}.about .moto-timeline,.about .feature-list{max-width:none;margin:0 0 1.5em;padding:0;list-style:none}.about .moto-timeline li{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:10px 0}.about .moto-timeline li:last-child{border-bottom:none}.about .feature-list li{color:var(--text-secondary);padding:4px 0}@media (width<=640px){.site-header .wrap,.site-footer .wrap{flex-direction:column;align-items:flex-start}.about .portrait{max-width:100%}.about p{text-align:left}.site-header .logo{font-size:18px}.site-header .logo-img{width:110px;height:110px}.site-header nav{width:100%}.site-header nav ul{justify-content:space-between;gap:14px}.site-header nav a{font-size:14px}.banner--home{background-position:50%,14% 92%;min-height:600px}.banner--inner{background-position:50%,14% 58%;min-height:320px}.banner--home .banner-content{justify-content:flex-end;padding-bottom:44px}}body{flex-direction:column;min-height:100dvh;display:flex}main{flex:1 0 auto;width:100%}
