/* La marque conserve son bleu marine et son fond blanc toute l’année. */
.hero-copy{padding-top:30px}
.hero .eyebrow{margin-bottom:20px}
.season-indicator{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;font-weight:650;margin:0 0 25px}
.season-dot{width:5px;height:5px;border-radius:50%;background:var(--navy)}
.season-indicator .season-months{color:var(--navy-light);font-weight:400;font-size:8px;letter-spacing:.5px;border-left:1px solid var(--line);padding-left:10px;margin-left:2px}
.hero-visual img{filter:saturate(.88);object-position:50% 47%}
.photo-shade{background:linear-gradient(180deg,rgba(7,27,47,.3),transparent 30%,transparent 50%,rgba(7,27,47,.8))}
.image-topline{align-items:center}
.image-topline .season-photo-label{font-size:9px;font-weight:500;letter-spacing:1.7px;display:flex;align-items:center;gap:9px;text-transform:uppercase}
.season-photo-label::before{content:'';width:23px;height:1px;background:currentColor}
.season-photo-copy{position:absolute;bottom:79px;left:28px;right:28px;color:white;font-size:clamp(19px,2.05vw,30px);letter-spacing:-.75px;font-weight:500;line-height:1.3;max-width:340px;margin:0;text-wrap:balance}
.photo-caption{padding-top:16px;border-top:1px solid #ffffff50}
.season-rhythm{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:23px 0 0;font-size:9px}
.season-rhythm>p{display:flex;align-items:center;gap:13px;margin:0;color:var(--navy-light);font-size:10px}
.season-rhythm>p::before{content:'';display:block;width:23px;height:1px;background:var(--line)}
.season-cycle{display:flex;list-style:none;padding:0;margin:0;gap:18px;color:#67788a;font-size:8px;letter-spacing:.3px}
.season-cycle li{position:relative;padding:7px 0}
.season-cycle li.is-current{font-weight:800;color:var(--navy)}
.season-cycle li.is-current::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:var(--navy)}
.seasonal-approach-note{display:flex;align-items:center;gap:8px;color:var(--navy-light);font-size:9px;margin-top:26px;letter-spacing:.2px}
.seasonal-approach-note::before{content:'';height:5px;width:5px;background:var(--navy);border-radius:50%}
@media(min-width:1500px){.hero-copy{padding-top:40px}.season-indicator{font-size:10px}.season-indicator .season-months{font-size:9px}}
@media(max-width:1150px){.season-indicator{font-size:8px}.season-indicator .season-months{font-size:7px}.season-photo-copy{font-size:23px}}
@media(max-width:800px){.hero-copy{padding-top:15px}.season-indicator{font-size:7px;letter-spacing:.5px;margin-bottom:22px}.season-indicator .season-months{font-size:6px;padding-left:7px}.season-photo-copy{font-size:20px;left:17px;right:17px;bottom:70px}.season-rhythm{gap:20px}.season-rhythm>p{font-size:9px;max-width:260px}.season-cycle{gap:13px;font-size:7px}}
@media(max-width:560px){.hero-copy{padding-top:8px}.hero .eyebrow{margin-bottom:13px}.season-indicator{font-size:8px;gap:7px;margin-bottom:23px}.season-indicator .season-months{font-size:7px;letter-spacing:.3px;padding-left:9px}.hero-visual{height:420px}.hero-visual img{object-position:50% 40%}.season-photo-copy{font-size:25px;left:23px;right:23px;bottom:83px;max-width:270px;letter-spacing:-.6px}.image-topline .season-photo-label{font-size:8px}.season-rhythm{display:block;padding-top:18px}.season-rhythm>p{font-size:10px;max-width:none;margin-bottom:12px}.season-cycle{justify-content:space-between;gap:10px;font-size:8px}.seasonal-approach-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-visual img{transition:none}}

/* A handful of particles, clipped to the photograph above its caption. */
.season-atmosphere{position:absolute;inset:54px 0 27%;overflow:hidden;pointer-events:none}
.season-particle{--x:12%;--duration:18s;--delay:-5s;--drift:28px;--size:11px;--opacity:.65;position:absolute;top:-20px;left:var(--x);width:var(--size);height:100%;opacity:0;animation:season-fall var(--duration) linear var(--delay) infinite;animation-play-state:paused}
.season-particle::before{content:'';display:block;width:var(--size);height:calc(var(--size) * 1.45);background:#dca46c;border-radius:75% 5% 75% 5%;box-shadow:inset 1px 0 0 #fff3;animation:season-turn 7s ease-in-out var(--delay) infinite alternate;animation-play-state:paused}
.season-particle:nth-child(2){--x:29%;--duration:23s;--delay:-16s;--drift:-24px;--size:8px}
.season-particle:nth-child(3){--x:48%;--duration:20s;--delay:-9s;--drift:36px;--size:12px}
.season-particle:nth-child(4){--x:70%;--duration:17s;--delay:-12s;--drift:-30px;--size:9px}
.season-particle:nth-child(5){--x:87%;--duration:22s;--delay:-3s;--drift:-24px;--size:10px}
.season-particle:nth-child(6){--x:20%;--duration:21s;--delay:-19s;--drift:42px;--size:7px}
.season-particle:nth-child(7){--x:58%;--duration:24s;--delay:-6s;--drift:-32px;--size:9px}
.season-particle:nth-child(8){--x:80%;--duration:19s;--delay:-15s;--drift:22px;--size:8px}
[data-season="autumn"] .season-particle:nth-child(3n)::before{background:#bf773f}
[data-season="spring"] .season-particle{--opacity:.6}
[data-season="spring"] .season-particle::before{width:calc(var(--size) * .7);height:var(--size);background:#f6e7e5;border-radius:80% 15% 75% 45%}
[data-season="winter"] .season-particle{--opacity:.6}
[data-season="winter"] .season-particle::before{width:calc(var(--size) * .32);height:calc(var(--size) * .32);background:#fff;border-radius:50%;box-shadow:0 0 3px #fff4;animation:none}
[data-season="summer"] .season-particle{top:12%;height:75%;--opacity:.4;animation-name:season-light}
[data-season="summer"] .season-particle::before{width:calc(var(--size) * .6);height:calc(var(--size) * .6);background:#fff1cd;border-radius:50%;box-shadow:0 0 12px 4px #fff1cd30;animation:none}
.hero-visual[data-motion="running"] .season-particle,.hero-visual[data-motion="running"] .season-particle::before{animation-play-state:running}
.season-motion-toggle{display:grid;place-items:center;width:40px;height:40px;margin-top:-8px;margin-right:-8px;padding:0;border:1px solid #ffffff65;border-radius:50%;color:#fff;background:#102b4c30}
.season-motion-toggle:hover{background:#102b4c70;border-color:#fff}
.season-motion-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.season-motion-toggle .icon{width:18px;height:18px;grid-area:1/1}
.season-motion-toggle .motion-play,.season-motion-toggle[data-paused="true"] .motion-pause{display:none}
.season-motion-toggle[data-paused="true"] .motion-play{display:block}
@keyframes season-fall{0%{opacity:0;transform:translate3d(0,-8%,0)}15%{opacity:var(--opacity)}45%{transform:translate3d(var(--drift),43%,0)}75%{opacity:var(--opacity);transform:translate3d(calc(var(--drift) * .35),76%,0)}100%{opacity:0;transform:translate3d(var(--drift),105%,0)}}
@keyframes season-turn{from{transform:rotate(-35deg) scaleX(.75)}to{transform:rotate(100deg) scaleX(1)}}
@keyframes season-light{0%{opacity:0;transform:translate3d(0,75%,0)}30%{opacity:var(--opacity)}60%{opacity:calc(var(--opacity) * .6);transform:translate3d(var(--drift),30%,0)}100%{opacity:0;transform:translate3d(calc(var(--drift) * -.5),0,0)}}
@media(max-width:560px){.season-particle:nth-child(n+6){display:none}.season-particle{--opacity:.55}.season-motion-toggle{width:44px;height:44px;margin-top:-10px}}
@media(prefers-reduced-motion:reduce){.season-atmosphere,.season-motion-toggle{display:none!important}.season-particle,.season-particle::before{animation:none!important}}

.phone-placeholder-note{display:block;margin-top:3px;font-size:10px;color:var(--navy-light)}
