:root{--red:#c4121a;--red-d:#8f0b11;--ink:#1d2123;--g:#737575;--bg:#f4f5f5}
*{box-sizing:border-box}html{overflow-y:scroll}body{margin:0;font-family:"Segoe UI",Arial,Helvetica,sans-serif;color:#252525;background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.c{max-width:1100px;margin:auto;padding:0 20px}
.top{font-size:13px;color:#555;background:#f4f5f5;border-bottom:1px solid #e3e5e5}.top .c{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.top a{font-weight:700;color:var(--red)}
.hd{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 2px 12px #0002;border-bottom:4px solid var(--red)}
.hd .c{max-width:1280px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:92px}
.logo img{height:70px;width:auto}
.nav{display:flex;flex-wrap:wrap;gap:2px}
.nav a{padding:12px 9px;font-size:12.5px;white-space:nowrap;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#2b3033;border-bottom:3px solid transparent;transition:.2s}
.nav a:hover,.nav a.on{color:var(--red);border-bottom-color:var(--red)}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}.burger span{display:block;width:26px;height:3px;background:var(--ink);margin:5px 0}
.banner{background:#fff;border-bottom:1px solid #e3e5e5}.banner{background:var(--bg)}.banner .c{display:flex;align-items:center;gap:26px;padding-top:14px;padding-bottom:14px}.banner img{height:72px;width:auto}.banner p{margin:0;font-size:15px;color:#444}
.wrap{max-width:1100px;margin:45px auto;padding:0 20px}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:55px}
.eyebrow{color:var(--red);text-transform:uppercase;font-weight:800;letter-spacing:2px;font-size:12px}
h1{font-size:38px;font-weight:400;margin:8px 0 18px;line-height:1.2}h2{font-weight:400;font-size:28px;margin:30px 0 12px}h3{color:var(--red);margin:0 0 8px}
.red{color:var(--red);font-size:28px;line-height:1.6;font-weight:600;margin-bottom:20px}
.card{background:#f6f7f7;padding:25px;border-radius:4px;border-top:4px solid var(--red);margin-bottom:22px}
.card p{margin:.3em 0}
.btn{display:inline-block;background:var(--red);color:#fff;padding:13px 22px;border-radius:3px;font-weight:700;transition:.2s;margin-top:8px}.btn:hover{background:var(--red-d);box-shadow:0 8px 20px #c4121a44}
.btn.dark{background:var(--ink)}.btn.dark:hover{background:var(--red)}
.notice{background:#fdf1f1;border-left:5px solid var(--red);padding:18px 22px;margin:24px 0}
.list{padding-left:20px}.list li{margin:8px 0}
.ft{background:var(--ink);color:#d3d7d8;margin-top:60px;border-top:5px solid var(--red)}
.ft .c{display:flex;justify-content:space-between;gap:30px;padding-top:36px;padding-bottom:36px;flex-wrap:wrap}.ft b{color:#fff}.ft p{margin:.3em 0}.ft a:hover{color:#fff}
@media(max-width:1240px){.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;padding:6px 20px 14px;box-shadow:0 12px 20px #0003;border-bottom:4px solid var(--red)}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #eee}}
@media(max-width:900px){.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;padding:6px 20px 14px;box-shadow:0 12px 20px #0003;border-bottom:4px solid var(--red)}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #eee}.hd .c{min-height:76px}.logo img{height:58px}.grid{grid-template-columns:1fr;gap:10px}h1{font-size:30px}.red{font-size:22px}.top .c span{display:none}.top .c{justify-content:center}}

.ga{height:30px;width:auto;flex:none}.hd .c{gap:14px}.nav a{padding:12px 8px}
@media(max-width:1240px){.ga{display:none}}

.band{background:#fff;border-bottom:1px solid #e3e5e5;overflow:hidden}.band .c{display:flex;align-items:center;justify-content:space-between;gap:30px}.band img{height:250px;width:auto;margin:10px 0}.band .bt{font-size:34px;font-weight:700;color:var(--ink);margin:6px 0 10px;line-height:1.2}.band p{margin:0 0 10px}
@media(max-width:700px){.band img{display:none}.band .bt{font-size:26px}}

.band{background:#dfeaf3;overflow:hidden;padding:0}.band img{display:block;width:100%;height:clamp(180px,26vw,380px);object-fit:cover;object-position:50% 52%;margin:0}

.band{position:relative;overflow:visible}
.band .hotesse{position:absolute;z-index:6;height:300px;width:auto;object-fit:contain;bottom:-200px;right:max(0px,calc((100% - 1100px)/2 - 110px));pointer-events:none;filter:drop-shadow(0 6px 10px #0003)}
aside .card:first-child{padding-right:145px;min-height:150px}
@media(max-width:1240px){.band .hotesse{display:none}aside .card:first-child{padding-right:25px;min-height:0}}

.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-top:20px}.team figure{margin:0;text-align:center}.team img{width:100%;height:auto;border-radius:50%}.team figcaption b{display:block;margin-top:10px}.team figcaption span{color:#737575;font-size:14px}

.team{grid-template-columns:repeat(2,1fr)}@media(max-width:480px){.team{gap:14px}}

.hd .c{position:relative}
.logo{flex:none;width:250px;height:96px;position:relative;display:block}
.logo img{position:absolute;left:0;top:6px;height:150px;width:auto;z-index:40;filter:drop-shadow(0 3px 6px #0005)}
@media(max-width:1240px){.logo{width:150px}.logo img{height:105px;top:4px}}

.logo{width:290px}.logo img{height:128px;max-width:none;top:8px}.nav a{padding:12px 6px}
@media(max-width:1240px){.logo{width:140px}.logo img{height:96px;max-width:none}}

.shots{display:grid;gap:22px}.shots figure{margin:0}.shots img{width:100%;height:auto;border-radius:4px;border-bottom:4px solid var(--red);box-shadow:0 6px 18px #0002}.shots figcaption{font-size:14px;color:#737575;margin-top:8px;font-weight:600}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:1240px){
.hd .c{min-height:84px;padding:0 16px}
.logo{width:auto;height:84px;display:flex;align-items:center}
.logo img{position:static;height:64px;width:auto;max-width:none;filter:none}
.nav{padding:4px 16px 12px}.nav a{padding:14px 0}
.burger{margin-right:-8px}
}
@media(max-width:1240px){html{overflow-y:auto}}

.band img:first-child{height:clamp(190px,30vw,420px);object-position:50% 58%}.logo{width:250px}.logo img{height:130px}
@media(max-width:1240px){.logo{width:auto}.logo img{height:64px}}

.team{grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.team{grid-template-columns:repeat(2,1fr)}}

/* Email action in the main menu */
#email-options[hidden]{display:none}
#email-options{position:fixed;inset:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px}
.email-panel{position:relative;background:#fff;color:var(--ink);width:min(100%,460px);padding:28px;border-radius:6px;box-shadow:0 16px 48px #0005}
.email-panel h2{font-size:26px;margin:0 30px 10px 0}.email-panel p{margin:8px 0 16px}
.email-address{font-weight:700;overflow-wrap:anywhere}.email-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.email-action{display:block;cursor:pointer;font:700 14px "Segoe UI",Arial,sans-serif;text-align:center;background:var(--red);color:#fff;border:1px solid var(--red);border-radius:3px;padding:12px 8px}
.email-action:hover,.email-action:focus-visible{background:var(--red-d);color:#fff}.email-action.secondary{background:#fff;color:var(--red)}.email-action.secondary:hover,.email-action.secondary:focus-visible{background:#fcecee}
.email-close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--ink)}
.email-status{min-height:1.5em;font-size:13px;color:#555}
@media(max-width:480px){.email-actions{grid-template-columns:1fr}.email-panel{padding:22px}}
/* Mailto remains a fallback if JavaScript is unavailable. */
.nav a.mail-cta{background:var(--red);color:#fff;border:0;border-radius:3px;padding:12px 16px;margin-left:10px;align-self:center;text-align:center}
.nav a.mail-cta:hover,.nav a.mail-cta:focus-visible{background:var(--red-d);color:#fff;border:0}
@media(max-width:1240px){.nav a.mail-cta{align-self:stretch;margin:8px 0 4px;padding:12px 16px;border:0}}
/* Keep the desktop navigation on laptop-sized browser windows. */
@media (min-width:901px) and (max-width:1240px){
  .hd .c{min-height:92px;gap:8px}
  .logo{width:140px;height:92px}
  .logo img{height:65px}
  .burger{display:none}
  .nav{display:flex;position:static;flex-direction:row;flex-wrap:nowrap;gap:0;padding:0;background:transparent;box-shadow:none;border:0}
  .nav a{font-size:11px;padding:10px 5px;border-bottom:3px solid transparent}
  .nav a.mail-cta{margin:0 0 0 5px;padding:10px 8px;align-self:center}
}