@font-face{font-family:Geist;src:url(/fonts/geist/Geist-Variable.woff2)format("woff2-variations"),url(/fonts/inter/Inter-Variable.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/Inter-Variable.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap;size-adjust:100%;ascent-override:90%;descent-override:18%;line-gap-override:0%}:root{--color-primary:#1e40af;--color-accent:#06b6d4;--color-surface:#fff;--color-surface-alt:#f8fafc;--color-text:#0f172a;--color-text-muted:#475569;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--font-heading:"Geist", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Geist", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, monospace}.mod-page,.mod-hero,.mod-header,.mod-footer{font-family:var(--font-body);color:var(--color-text)}.mod-page h1,.mod-page h2,.mod-page h3,.mod-hero h1,.mod-hero h2{font-family:var(--font-heading);letter-spacing:-.025em;text-wrap:balance}.mod-page p{text-wrap:pretty}.mod-dot,.mod-accent{color:var(--color-accent)}.mod-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);display:inline-block}.mod-eyebrow--light{color:#ffffffd9}.mod-num,.mod-bento__temp,.mod-bento__value,.mod-status,.mod-footer__bottom,.mod-card__date{font-variant-numeric:tabular-nums}.mod-header{background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(12px)saturate(180%);border-bottom:1px solid var(--color-border);z-index:100;position:sticky;top:0}.mod-header__inner{max-width:1280px;padding:0 var(--space-6);align-items:center;gap:var(--space-5);height:72px;margin:0 auto;display:flex}.mod-header__brand{align-items:center;gap:var(--space-3);color:var(--color-text);text-decoration:none;display:flex}.mod-header__logo{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);width:36px;height:36px;font-size:var(--text-base);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mod-header__brand-text{flex-direction:column;line-height:1.1;display:flex}.mod-header__name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:-.005em;color:var(--color-text)}.mod-header__sub{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.04em;font-size:11px}.mod-header__nav{align-items:center;gap:var(--space-5);margin-left:auto;display:flex}.mod-header__nav-link{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);text-decoration:none;position:relative}.mod-header__nav-link:after{content:"";background:var(--color-primary);transform-origin:0;height:2px;transition:transform var(--duration-base) var(--ease-out);position:absolute;bottom:-22px;left:0;right:0;transform:scaleX(0)}.mod-header__nav-link:hover,.mod-header__nav-link:focus-visible{color:var(--color-text)}.mod-header__nav-link:hover:after{transform:scaleX(1)}.mod-header__cta{background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast);align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:inline-flex}.mod-header__cta:hover{opacity:.92;transform:translateY(-1px)}.mod-header__toggle{color:var(--color-text);padding:var(--space-2);cursor:pointer;background:0 0;border:0;display:none}.mod-status{border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.02em;background:var(--color-surface-alt);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:inline-flex}.mod-status__dot{background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--color-accent);border-radius:50%;animation:2s ease-out infinite mod-pulse}@keyframes mod-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 60%, transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb, var(--color-accent) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 0%, transparent)}}.mod-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);display:none}.mod-nav__inner{max-width:1280px;padding:var(--space-3) var(--space-6);gap:var(--space-5);flex-wrap:wrap;margin:0 auto;display:flex}.mod-nav__link{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.mod-nav__link:hover{color:var(--color-text)}.mod-hero{background:var(--color-surface);padding:var(--space-8) var(--space-6)}.mod-hero__inner{max-width:1280px;margin:0 auto}.mod-hero__inner--split{gap:var(--space-8);padding:var(--space-7) 0;grid-template-columns:1.1fr 1fr;align-items:center;display:grid}.mod-hero__inner--centered{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;flex-direction:column;display:flex}.mod-hero__text{gap:var(--space-4);flex-direction:column;display:flex}.mod-hero__title{font-size:clamp(2.25rem,5vw,4rem);font-weight:var(--font-weight-bold);letter-spacing:-.03em;color:var(--color-text);margin:0;line-height:1.05}.mod-hero__title--split{font-size:clamp(3rem,7vw,5.5rem)}.mod-hero__title--xl{max-width:720px;font-size:clamp(2.75rem,6vw,4.5rem)}.mod-hero__title--pratique{font-size:clamp(2rem,4vw,3rem)}.mod-hero__title--edito{color:#fff;font-size:clamp(2rem,4vw,3.25rem)}.mod-hero__lead{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:56ch;margin:0}.mod-hero__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.mod-btn{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), background var(--duration-fast);border:1px solid #0000;align-items:center;gap:6px;padding:10px 18px;text-decoration:none;display:inline-flex}.mod-btn--primary{background:var(--color-text);color:var(--color-surface)}.mod-btn--primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.mod-btn--ghost{color:var(--color-text);border-color:var(--color-border);background:0 0}.mod-btn--ghost:hover{background:var(--color-surface-alt);border-color:var(--color-border-strong)}.mod-hero__media{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.mod-edito{border-radius:var(--radius-lg);color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.mod-edito__overlay{padding:var(--space-6);gap:var(--space-2);background:linear-gradient(#0f172a00,#0f172ad9);flex-direction:column;display:flex;position:absolute;inset:auto 0 0}.mod-edito__lead{font-size:var(--text-base);color:#ffffffe6;max-width:60ch;margin:0}.mod-hero--pratique{background:var(--color-surface)}.mod-hero--pratique .mod-hero__inner{gap:var(--space-5);padding:var(--space-7) 0;flex-direction:column;display:flex}.mod-bento{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(12,1fr);display:grid}.mod-bento__tile{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-4) var(--space-5);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-fast);border-radius:12px;flex-direction:column;grid-column:span 4;gap:6px;min-height:128px;display:flex}.mod-bento__tile:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.mod-bento__tile--lg{grid-area:span 1/span 6}.mod-bento__head{align-items:center;gap:8px;display:flex}.mod-bento__icon{border-radius:var(--radius-sm);background:var(--color-surface-alt);width:28px;height:28px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mod-bento__eyebrow{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px}.mod-bento__weather{align-items:baseline;gap:var(--space-3);margin-top:var(--space-2);display:flex}.mod-bento__temp{font-size:56px;font-weight:var(--font-weight-bold);letter-spacing:-.03em;color:var(--color-text);line-height:1}.mod-bento__weather-label{font-size:var(--text-sm);color:var(--color-text-muted)}.mod-bento__weather-strip{gap:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border);font-family:var(--font-mono);color:var(--color-text-muted);margin-top:auto;font-size:12px;display:flex}.mod-bento__value{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.015em;color:var(--color-text)}.mod-bento__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.mod-bento__tile[data-category=meteo] .mod-bento__icon{color:#2563eb;background:#eff6ff}.mod-bento__tile[data-category=dechets] .mod-bento__icon{color:#16a34a;background:#f0fdf4}.mod-bento__tile[data-category=evenements] .mod-bento__icon{color:#7c3aed;background:#faf5ff}.mod-bento__tile[data-category=alerte] .mod-bento__icon{color:#ea580c;background:#fff7ed}.mod-bento__tile[data-category=horaires] .mod-bento__icon{color:#475569;background:#f8fafc}.mod-bento__tile[data-category=documents] .mod-bento__icon{color:#dc2626;background:#fef2f2}.mod-header[data-palette=dashboard]~.mod-hero .mod-bento__tile[data-category=meteo]{background:#eff6ff}.mod-header[data-palette=dashboard]~.mod-hero .mod-bento__tile[data-category=dechets]{background:#f0fdf4}.mod-header[data-palette=dashboard]~.mod-hero .mod-bento__tile[data-category=evenements]{background:#faf5ff}.mod-header[data-palette=dashboard]~.mod-hero .mod-bento__tile[data-category=alerte]{background:#fff7ed}.mod-header[data-palette=dashboard]~.mod-hero .mod-bento__tile[data-category=horaires]{background:#f8fafc}.mod-header[data-palette=dashboard]~.mod-hero .mod-bento__tile[data-category=documents]{background:#fef2f2}.mod-page{max-width:1280px;padding:var(--space-7) var(--space-6);margin:0 auto}.mod-card{border:1px solid var(--color-border);background:var(--color-surface);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-fast);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.mod-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.mod-card__media{aspect-ratio:16/10;background:var(--color-surface-alt);overflow:hidden}.mod-card__cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.mod-card__body{padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.mod-card__date{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px}.mod-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.015em;color:var(--color-text);margin:0;line-height:1.25}.mod-card__title a{color:inherit;text-decoration:none}.mod-card__title a:hover{color:var(--color-primary)}.mod-card__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.mod-card__cta{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);align-items:center;gap:4px;margin-top:auto;text-decoration:none;display:inline-flex}.mod-card__cta:hover{color:var(--color-accent)}.mod-footer{background:var(--color-surface-alt);border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-6) 0;margin-top:var(--space-9);color:var(--color-text)}.mod-footer__inner{gap:var(--space-6);max-width:1280px;padding-bottom:var(--space-7);border-bottom:1px solid var(--color-border);grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin:0 auto;display:grid}.mod-footer__col{gap:var(--space-2);flex-direction:column;display:flex}.mod-footer__brand{align-items:center;gap:var(--space-3);display:flex}.mod-footer__logo{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);width:36px;height:36px;font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mod-footer__name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.mod-footer__tagline{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);max-width:32ch}.mod-footer__title{font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-2)}.mod-footer__link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast);padding:2px 0;text-decoration:none}.mod-footer__link:hover{color:var(--color-text)}.mod-footer__bottom{max-width:1280px;padding:var(--space-4) 0;font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-text-muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:11px;display:flex}.mod-footer__powered{color:var(--color-text-muted);transition:color var(--duration-fast);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.mod-footer__powered:hover{color:var(--color-accent)}@media (max-width:960px){.mod-header__nav,.mod-header__cta{display:none}.mod-header__toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);border-radius:10px;margin-left:auto;padding:9px;display:inline-flex}.mod-nav{display:block}.mod-nav--closed{display:none}.mod-nav__inner{flex-direction:column;gap:0}.mod-nav__link{border-bottom:1px solid var(--color-border);width:100%;padding:10px 0;display:block}.mod-nav__link:last-child{border-bottom:0}.mod-status{display:none}.mod-hero__inner--split{gap:var(--space-6);grid-template-columns:1fr}.mod-bento__tile,.mod-bento__tile--lg{grid-column:span 6}.mod-footer__inner{gap:var(--space-5);grid-template-columns:1fr 1fr}}@media (max-width:640px){.mod-header__inner{padding:0 var(--space-4);gap:var(--space-3)}.mod-hero{padding:var(--space-6) var(--space-4)}.mod-page{padding:var(--space-5) var(--space-4)}.mod-bento{grid-template-columns:repeat(2,1fr)}.mod-bento__tile,.mod-bento__tile--lg{grid-column:span 2}.mod-footer{padding:var(--space-7) var(--space-4) 0}.mod-footer__inner{grid-template-columns:1fr}.mod-footer__bottom{gap:var(--space-2);text-align:center;flex-direction:column}}.mod-header a:focus-visible,.mod-footer a:focus-visible,.mod-card a:focus-visible,.mod-hero a:focus-visible,.mod-btn:focus-visible,.mod-header__cta:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){.mod-status__dot{animation:none}.mod-card,.mod-bento__tile,.mod-btn,.mod-header__cta,.mod-header__nav-link:after{transition:none}}.mod-featured{margin-bottom:28px}.mod-featured__link{border-top:3px solid var(--color-text,#111);border-bottom:1px solid var(--color-border);color:inherit;flex-direction:column;align-items:flex-start;gap:14px;padding:30px 0 34px;text-decoration:none;transition:border-color .2s;display:flex}.mod-featured__link:hover{border-top-color:var(--color-accent)}.mod-featured__meta{letter-spacing:.14em;text-transform:uppercase;align-items:baseline;gap:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;display:flex}.mod-featured__kicker{color:var(--color-accent);font-weight:700}.mod-featured__date{color:var(--color-text-muted,#667)}.mod-featured__title{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(28px,4vw,44px);font-weight:750;line-height:1.05}.mod-featured__excerpt{color:var(--color-text-muted,#556);max-width:58ch;margin:0;font-size:16px;line-height:1.6}.mod-featured__cta{color:var(--color-primary);font-size:14px;font-weight:650}.mod-featured__link:hover .mod-featured__cta{text-decoration:underline}