@layer components{.dl-heros{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,88px);padding-top:clamp(24px,4vw,56px);display:grid}.dl-heros__texte{gap:var(--m-space-6);justify-items:start;display:grid}.dl-sur{color:var(--m-or-ink);font-size:14px;font-weight:600}.dl-heros h1{letter-spacing:-.04em;font-size:clamp(2.375rem,1.1rem + 3.3vw,4.25rem);font-weight:300;line-height:1.02}.dl-heros__sous{color:var(--m-ink-2);max-width:48ch;font-size:clamp(1.0625rem,.95rem + .4vw,1.3125rem);line-height:1.5}.dl-heros__cta{align-items:center;gap:var(--m-space-3);flex-wrap:wrap;display:flex}.dl-heros__bas{align-items:center;gap:var(--m-space-3) var(--m-space-6);flex-wrap:wrap;display:flex}.dl-note{align-items:center;gap:var(--m-space-2);color:var(--m-slate);font-size:14px;display:inline-flex}.dl-note svg{width:16px;height:16px;color:var(--m-route-auto);flex:none}.dl-heros__fig{border-radius:var(--m-radius-xl);background:var(--m-glacier);position:relative;overflow:hidden}.dl-heros__fig img{aspect-ratio:5/4;object-fit:cover;width:100%}@media (max-width:900px){.dl-heros{gap:var(--m-space-6);grid-template-columns:minmax(0,1fr)}.dl-heros__fig{border-radius:var(--m-radius-lg);order:-1}.dl-heros__fig img{aspect-ratio:16/10}}@media (max-width:640px){.dl-heros h1{font-size:clamp(2.125rem,9.6vw,2.75rem)}.dl-heros__cta{width:100%}.dl-heros__cta .btn{white-space:normal;text-align:center;width:100%}}.dl-carte{gap:var(--m-space-3);grid-template-columns:minmax(0,1fr) clamp(320px,27vw,392px);align-items:start;display:grid}.dl-couverture{gap:var(--m-space-6);display:grid}.dl-tuiles{border-radius:var(--m-radius-lg);flex-wrap:wrap;gap:3px;display:flex;overflow:hidden}.dl-tuile{align-items:flex-start;gap:var(--m-space-3);min-height:96px;padding:var(--m-space-5);background:var(--m-glacier);color:var(--m-glacier-ink);letter-spacing:-.008em;flex:210px;font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.3;display:flex}.dl-tuile svg{background:var(--m-paper);width:22px;height:22px;color:var(--m-marine-800);border-radius:50%;flex:none;margin-top:-1px;padding:4px}.dl-routes{padding:var(--m-space-6);border-radius:var(--m-radius-lg);background:var(--m-paper);box-shadow:var(--m-shadow-card);gap:var(--m-space-4);display:grid;position:sticky;top:96px}.dl-routes .routes__liste li{animation:none}@media (max-width:1100px){.dl-carte{gap:var(--m-space-8);grid-template-columns:minmax(0,1fr)}.dl-routes{position:static}}@media (max-width:640px){.dl-tuile{min-height:0;padding:var(--m-space-4)}.dl-routes{padding:var(--m-space-5)}}.dl-raisons{gap:var(--m-space-10) clamp(24px, 3vw, 48px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dl-raison{gap:var(--m-space-3);padding-top:var(--m-space-6);border-top:1px solid var(--m-or);align-content:start;display:grid}.dl-raison h3{font-weight:300;font-size:var(--m-text-xl);letter-spacing:-.025em;line-height:1.1}.dl-raison p{color:var(--m-ink-2)}@media (max-width:1000px){.dl-raisons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.dl-raisons{gap:var(--m-space-8);grid-template-columns:minmax(0,1fr)}}.dl-offre-lien{margin-top:2px;font-size:14px;display:block}.dl-guide{border-radius:var(--m-radius-xl);background:var(--m-paper-2);transition:background-color var(--m-dur) var(--m-ease-out);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(16px,2vw,24px);text-decoration:none;display:grid}.dl-guide:hover{background:var(--m-glacier)}.dl-guide figure{border-radius:var(--m-radius-lg);background:var(--m-glacier);overflow:hidden}.dl-guide img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform var(--m-dur-slow) var(--m-ease-out)}.dl-guide:hover img{transform:scale(1.03)}.dl-guide__texte{gap:var(--m-space-4);justify-items:start;padding-right:clamp(0px,3vw,48px);display:grid}.dl-guide__meta{color:var(--m-or-ink);font-size:13px;font-weight:600}.dl-guide h3{font-weight:300;font-size:var(--m-text-2xl);letter-spacing:-.03em;line-height:1.06}.dl-guide:hover h3{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.dl-guide__texte p{color:var(--m-ink-2);font-size:var(--m-text-md);max-width:52ch}@media (max-width:860px){.dl-guide{grid-template-columns:minmax(0,1fr)}.dl-guide__texte{padding:0 var(--m-space-2) var(--m-space-3)}}.dl-index{padding-top:clamp(32px,5vw,72px)}.dl-index .tete h1{font-weight:300;font-size:var(--m-text-3xl);letter-spacing:-.035em;line-height:1.02}.dl-index .tete>div{gap:var(--m-space-4);display:grid}.dl-index .tete .dl-sur{color:var(--m-or-ink);font-size:14px}.dl-doms{gap:var(--m-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dl-dom{gap:var(--m-space-5);padding:var(--m-space-3);border-radius:var(--m-radius-lg);background:var(--m-glacier);color:var(--m-glacier-ink);transition:background-color var(--m-dur) var(--m-ease-out);grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:stretch;text-decoration:none;display:grid}.dl-dom:hover{background:var(--m-glacier-2)}.dl-dom:hover .arrow-dot{transform:translate(3px)}.dl-dom__texte{gap:var(--m-space-3);padding:var(--m-space-4) 0 var(--m-space-3) var(--m-space-4);grid-template-rows:auto 1fr auto;display:grid}.dl-dom h2{font-weight:300;font-size:var(--m-text-xl);letter-spacing:-.025em;color:var(--m-ink);line-height:1.1}.dl-dom p{color:var(--m-ink-2);font-size:15px}.dl-dom .arrow-dot{align-self:end}.dl-dom figure{border-radius:var(--m-radius-md);overflow:hidden}.dl-dom img{object-fit:cover;width:100%;height:100%;min-height:220px;transition:transform var(--m-dur-slow) var(--m-ease-out)}.dl-dom:hover img{transform:scale(1.03)}.dl-vide{gap:var(--m-space-5);border-radius:var(--m-radius-xl);background:var(--m-glacier);justify-items:start;padding:clamp(28px,4vw,56px);display:grid}.dl-vide p{max-width:60ch;color:var(--m-ink-2);font-size:var(--m-text-md)}@media (max-width:1100px){.dl-doms{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.dl-dom{grid-template-columns:minmax(0,1fr)}.dl-dom figure{order:-1}.dl-dom img{aspect-ratio:16/10;height:auto;min-height:0}.dl-dom__texte{padding:var(--m-space-2) var(--m-space-2) var(--m-space-2)}}}
