body{margin:0;background:#12100D;color:#F4EDE0;font-family:'Figtree',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.totop{position:fixed;right:20px;bottom:24px;z-index:40;width:54px;height:54px;border-radius:999px;background:#C8AB37;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.85);transition:transform .2s ease,background-color .2s ease}
.totop:hover{background:#DCC254;transform:translateY(-3px)}
.totop:focus-visible{outline:3px solid #F4EDE0;outline-offset:3px}
@media (max-width:900px){.totop{right:14px;bottom:84px;width:50px;height:50px}}
@supports (animation-timeline:scroll()){.totop{animation:eh-totop linear both;animation-timeline:scroll(root);animation-range:0 700px}@keyframes eh-totop{0%,55%{opacity:0;visibility:hidden;scale:.6}100%{opacity:1;visibility:visible;scale:1}}}
.brand-grid{display:none}
@media (max-width:640px){.brand-band{display:none !important}.brand-intro{display:none !important}.brand-grid{display:flex !important}}
.mmenu{display:none}
.mmenu > summary{list-style:none;width:50px;height:50px;border-radius:14px;border:1.5px solid #C8AB37;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mmenu > summary::-webkit-details-marker{display:none}
.mmenu[open] > summary .i-open{display:none}.mmenu:not([open]) > summary .i-close{display:none}
.mpanel{position:absolute;left:0;right:0;top:100%;background:#12100D;border-bottom:1px solid #2E2923;box-shadow:0 40px 50px -20px rgba(0,0,0,.85);padding:6px 20px 22px;display:flex;flex-direction:column}
.mpanel a.ml{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid #2E2923;font-weight:700;font-size:18px;text-decoration:none;color:#F4EDE0}
.mpanel a.ml.cur{color:#C8AB37}
@media (max-width:900px){.mmenu{display:block}}
@media (max-width:640px){
h1{font-size:clamp(28px,8.2vw,40px) !important;line-height:1.1 !important}
h2{font-size:clamp(24px,6.8vw,32px) !important;line-height:1.15 !important}
h3{font-size:20px !important}
.num{font-size:52px !important}
.tb a{display:none}
.marquee span{font-size:19px !important;padding:12px 0 !important}
main > section,main > section > div[style*="max-width: 1280px"],main > div[style*="max-width: 1280px"]{padding-top:44px !important;padding-bottom:44px !important}
main[style*="padding: 72px"],main[style*="padding: 64px"]{padding-top:32px !important;padding-bottom:52px !important}
main [style*="gap: 64px"],main [style*="gap: 56px"],main [style*="gap: 52px"]{gap:30px !important}
main img[style*="height: 4"],main img[style*="height: 5"],main img[style*="height: 6"]{height:320px !important}
main div[style*="height: 620px"]{height:440px !important}
main div[style*="height: 380px"],main span[style*="height: 380px"]{height:300px !important}
[style*="position: sticky; top: 120px"],[style*="position: sticky; top: 96px"]{position:static !important}
footer > div{padding-top:44px !important}
.btn{min-height:50px}
}
.wm::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/static/img/logo-icone.png) 50% 55%/min(78vw,860px) auto no-repeat;opacity:.06}
main > section:nth-of-type(even){position:relative}
main > section:nth-of-type(even)::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;translate:-50% 0;z-index:-1;pointer-events:none;background:radial-gradient(rgba(200,171,55,.10) 1px,transparent 1.5px) 0 0/28px 28px;-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
main section > div,main section > ol,main > div,.card{animation:eh-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
main img{animation:eh-img linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
@keyframes eh-reveal{from{opacity:0;translate:0 36px}to{opacity:1;translate:0 0}}
@keyframes eh-img{from{opacity:.15;scale:1.07}to{opacity:1;scale:1}}
}}
a{color:#F4EDE0}a:hover{color:#DCC254}
h1,h2,h3{font-family:'Ultra','Rockwell','Georgia',serif;font-weight:400;text-wrap:balance}
p{text-wrap:pretty}
img{display:block;max-width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:#C8AB37;color:#12100D}
.btn-gold:hover{background:#DCC254;color:#12100D;box-shadow:0 14px 30px -14px rgba(220,194,84,.75)}
.btn-line{border:1.5px solid #C8AB37;color:#F4EDE0}
.btn-line:hover{background:rgba(200,171,55,.12);color:#F4EDE0}
.btn-dark{background:#12100D;color:#F4EDE0}
.btn-dark:hover{color:#F4EDE0;box-shadow:0 14px 30px -14px rgba(0,0,0,.9)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#C8AB37}
.eyebrow::before{content:"";width:30px;height:2px;background:#C8AB37}
.cable{height:20px;background:radial-gradient(circle,#C8AB37 0 4px,#12100D 4.6px 7px,transparent 7.6px) 40px 50%/170px 20px repeat-x,linear-gradient(#6B5A22,#6B5A22) 0 50%/100% 2px no-repeat}
.navlink{text-decoration:none;font-weight:600;font-size:15px;padding:10px 2px;border-bottom:2px solid transparent;color:#F4EDE0}
.navlink:hover{border-bottom-color:#C8AB37;color:#F4EDE0}
.on{border-bottom-color:#C8AB37;color:#DCC254}
.card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.card:hover{transform:translateY(-6px);border-color:#C8AB37 !important;box-shadow:0 30px 60px -30px rgba(200,171,55,.35)}
.zoom{overflow:hidden}.zoom img{transition:transform .7s ease}.card:hover .zoom img{transform:scale(1.06)}
details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}
.plus{transition:transform .25s ease}details[open] .plus{transform:rotate(45deg)}
.mbar{display:none !important}
@media (max-width:900px){.hide-m{display:none !important}.mbar{display:flex !important}}
@media (prefers-reduced-motion:no-preference){.marquee{animation:mq 40s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}.spin{animation:spin 28s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.rise2{animation:rise .9s .15s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
@media (max-width:640px){.brand-band.brand-keep{display:block !important;padding:20px 0 !important}.brand-keep img{height:30px !important;margin-right:60px !important}.brand-note{font-size:13.5px !important}}