/* Page « Nos offres » : héros sombre avec carte par île, filtres en carte sombre */
.liste-hero .careers-intro { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; padding-block: clamp(2rem, 5vw, 4rem); }
.liste-hero h1 { max-width: none; font-size: clamp(2.4rem, 5.2vw, 4.6rem); line-height: 1.02; }
.liste-hero h1 span { display: block; font: italic 400 1.04em/1.02 Georgia, serif; color: var(--lime); }
.liste-hero .lead { max-width: 34rem; }
.liste-hero .button { border-radius: 999px; padding-inline: 1.5rem; }
.iles-card { background: rgba(247, 240, 225, .06); border: 1px solid rgba(234, 213, 161, .3); border-radius: 28px; padding: clamp(1.2rem, 2.5vw, 2rem); opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .7s cubic-bezier(.2, .8, .2, 1); }
.iles-card.in { opacity: 1; transform: none; }
.iles-card h2 { font-size: clamp(1.6rem, 2.6vw, 2.2rem); margin-bottom: 1rem; color: var(--paper); }
.iles-card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.iles-card button { width: 100%; display: grid; grid-template-columns: minmax(6rem, 9rem) 1fr 2rem; align-items: center; gap: .8rem; padding: .85rem 1rem; background: transparent; color: var(--paper); border: 1px solid rgba(234, 213, 161, .35); border-radius: 14px; text-align: left; font-size: 1rem; transition: background .2s, border-color .2s, transform .2s; }
.iles-card button:hover { background: rgba(234, 213, 161, .1); border-color: var(--lime); transform: translateX(4px); }
.il-barre { display: block; height: 3px; border-radius: 3px; background: rgba(247, 240, 225, .1); }
.il-barre i { display: block; height: 100%; width: var(--w); background: var(--lime); border-radius: 3px; transform-origin: left; animation: il-grow .8s cubic-bezier(.2, .8, .2, 1) both; }
@keyframes il-grow { from { transform: scaleX(0); } }
.iles-card b { color: var(--lime); text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 860px) { .liste-hero .careers-intro { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .iles-card { opacity: 1; transform: none; transition: none; } .il-barre i { animation: none; } }

/* Filtres : carte sombre, selects arrondis */
.offres-layout .filtres { background: var(--dark); color: var(--paper); border-radius: 24px; padding: 1.4rem; gap: .5rem; top: 1.5rem; }
.offres-layout .filtres h2 { color: var(--paper); font-size: 1.5rem; margin-bottom: .4rem; }
.f-label { display: block; margin: .7rem 0 .3rem; font-weight: 700; color: var(--paper); }
.offres-layout .filtres input[type="search"], .offres-layout .filtres select { width: 100%; min-height: 48px; padding: .55rem 1rem; border: 1px solid rgba(247, 240, 225, .4); border-radius: 14px; background: rgba(247, 240, 225, .08); color: var(--paper); font: inherit; }
.offres-layout .filtres input[type="search"]::placeholder { color: rgba(247, 240, 225, .6); }
.offres-layout .filtres select { appearance: none; -webkit-appearance: none; padding-right: 2.6rem; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23ead5a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px 8px; }
.offres-layout .filtres select option { color: #111; background: #fff; }
.offres-layout .filtres :focus-visible { outline-color: var(--lime); }
.offres-layout .filtres .filtre { display: none; }