/* Guida di Mobilità : direction « Cartoline » (timbres, cartes postales, cachets, enveloppes par avion) */
@font-face{font-family:"Bodoni Moda";src:url(/fonts/bodoni-normal.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(/fonts/bodoni-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Titillium Web";src:url(/fonts/titillium-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Titillium Web";src:url(/fonts/titillium-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Titillium Web";src:url(/fonts/titillium-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Titillium Web";src:url(/fonts/titillium-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --paper:#e6ebe8;   /* papier gris-vert froid */
  --card:#fbfaf6;    /* carton des cartes postales */
  --navy:#1c2b45;    /* encre de stylo */
  --muted:#56657a;
  --line:#c3ccce;
  --red:#c62a3a;     /* liseré par avion */
  --blue:#24439a;
  --ink:var(--navy); /* encre de la ville, redéfinie localement */
  --display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --text:"Titillium Web","Segoe UI",system-ui,sans-serif;
  --airmail:repeating-linear-gradient(-45deg,var(--red) 0 12px,transparent 12px 18px,var(--blue) 18px 30px,transparent 30px 36px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--navy);font:400 17px/1.6 var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}
img{max-width:100%}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.05;margin:0;font-optical-sizing:auto}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.narrow{max-width:820px}
.block{padding-top:56px;padding-bottom:24px}
.muted{color:var(--muted)}
.sr,.board-cap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.err{color:var(--red);min-height:1.5em;margin:.5rem 0;font-weight:600}
.help{display:block;color:var(--muted);font-weight:400;font-size:.88rem;margin-top:5px}
.skip{position:absolute;left:12px;top:-60px;background:var(--navy);color:#fff;padding:8px 14px;z-index:50}
.skip:focus{top:12px}

/* ---------- en-tête ---------- */
.top{background:var(--card);position:relative;border-bottom:1px solid var(--line)}
.top::before{content:"";display:block;height:6px;background:var(--airmail)}
.top-in{display:flex;align-items:center;gap:28px;min-height:64px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.brand{font-family:var(--display);font-size:1.5rem;font-weight:600;text-decoration:none;white-space:nowrap;letter-spacing:-.01em}
.cities-nav{display:flex;gap:22px;flex:1;overflow-x:auto;scrollbar-width:none}
.cities-nav a{padding:6px 0;text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}
.cities-nav a:hover,.cities-nav a[aria-current]{color:var(--ink);border-color:var(--ink)}
.search input{width:220px;padding:9px 12px;border:1.5px solid var(--line);border-radius:2px;background:#fff;font:inherit;font-size:.95rem;color:var(--navy)}
.search input:focus{border-color:var(--navy);outline:none}
.langs{display:flex;gap:10px;font-weight:700;font-size:.9rem}
.langs a{text-decoration:none;color:var(--muted);padding:4px 0;border-bottom:2px solid transparent}
.langs a[aria-current]{color:var(--navy);border-color:var(--navy)}
@media(max-width:900px){.top-in{gap:12px 18px}.cities-nav{order:5;flex-basis:100%;gap:20px}.search{flex:1;min-width:0}.search input{width:100%}}

/* ---------- boutons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border:1.5px solid var(--navy);border-radius:2px;background:var(--navy);color:#fff;font:700 .95rem/1.2 var(--text);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--ink);border-color:var(--ink)}
.btn.ghost{background:transparent;color:var(--navy)}
.btn.ghost:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn.quiet{background:none;border-color:transparent;color:var(--muted);text-decoration:underline;padding-left:6px;padding-right:6px}
.btn.quiet:hover{color:var(--red)}
.btn.small{padding:6px 12px;font-size:.85rem}
.btn.danger{background:var(--red);border-color:var(--red)}
.btn[disabled]{opacity:.55;cursor:wait}

/* ---------- timbre ---------- */
.stamp{--perf:14px;--hole:4.5px;--sp:var(--card);display:inline-block;width:196px;height:238px;padding:10px;vertical-align:top;
  background:radial-gradient(circle at center,transparent var(--hole),var(--sp) calc(var(--hole) + .7px)) calc(var(--perf) / -2) calc(var(--perf) / -2) / var(--perf) var(--perf);
  filter:drop-shadow(0 1px 1px rgba(28,43,69,.22)) drop-shadow(0 8px 12px rgba(28,43,69,.14))}
.st-in{position:relative;display:flex;flex-direction:column;height:100%;background:var(--sp);padding:7px 7px 8px}
.st-pic{position:relative;flex:1;min-height:0;background:var(--ink);overflow:hidden;box-shadow:0 0 0 1px var(--ink),0 0 0 4px var(--sp),0 0 0 5px var(--ink)}
.st-pic img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(1.08);mix-blend-mode:screen}
.st-hatch{background:repeating-linear-gradient(135deg,var(--ink) 0 2.5px,color-mix(in srgb,var(--ink) 72%,#fff) 2.5px 3.5px)}
.st-name{margin-top:12px;font:italic 600 1.55rem/1 var(--display);color:var(--ink);text-align:center}
.st-reg{margin-top:3px;font:600 .78rem/1 var(--text);letter-spacing:.06em;color:var(--ink);opacity:.85;text-align:center}
.st-deno{position:absolute;top:12px;right:14px;font:600 2.1rem/1 var(--display);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.stamp-big{width:308px;height:378px;padding:11px}
.stamp-big .st-in{padding:10px 10px 12px}
.stamp-big .st-name{font-size:2.2rem;margin-top:16px}.stamp-big .st-reg{font-size:.9rem}
.stamp-mini{--perf:10px;--hole:3px;width:60px;height:70px;padding:6px;filter:drop-shadow(0 1px 1px rgba(28,43,69,.25))}
.stamp-mini .st-in{padding:4px}
.stamp-mini .st-pic{box-shadow:0 0 0 1px var(--ink)}

/* ---------- accueil ---------- */
.hero{padding:64px 0 40px}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:center}
.hero h1{font-size:clamp(2.7rem,6.4vw,5.4rem);font-weight:500;letter-spacing:-.02em;max-width:12ch}
.lead{font:italic 400 clamp(1.15rem,2vw,1.4rem)/1.45 var(--display);color:#34435a;max-width:44ch;margin:22px 0 0}
.bigsearch{display:flex;gap:10px;margin-top:34px;max-width:520px}
.bigsearch input{flex:1;min-width:0;padding:12px 16px;border:1.5px solid var(--navy);border-radius:2px;background:#fff;font:inherit;color:var(--navy)}
.board{display:grid;grid-template-columns:repeat(2,196px);gap:26px 30px;padding:10px 18px 40px}
.board-item{display:block;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.board-item.b0{transform:rotate(-4deg)}
.board-item.b1{transform:translateY(34px) rotate(3deg)}
.board-item.b2{transform:translate(-8px,-6px) rotate(2deg)}
.board-item.b3{transform:translateY(26px) rotate(-2.5deg)}
.board-item:hover,.board-item:focus-visible{transform:rotate(0) translateY(-6px) scale(1.03);z-index:2;position:relative}
.board .stamp{animation:settle .75s cubic-bezier(.2,.8,.2,1) both}
.board-item.b1 .stamp{animation-delay:.09s}.board-item.b2 .stamp{animation-delay:.18s}.board-item.b3 .stamp{animation-delay:.27s}
@keyframes settle{from{opacity:0;transform:translateY(-28px) rotate(7deg) scale(1.08)}}
@media(max-width:980px){.hero-in{grid-template-columns:1fr;gap:30px}.board{justify-content:center}}
@media(max-width:520px){.hero{padding-top:40px}.board{grid-template-columns:repeat(2,140px);gap:18px 22px;padding:6px 6px 34px}
  .board .stamp{width:140px;height:168px;padding:8px}.board .st-name{font-size:1.15rem;margin-top:9px}.board .st-reg{font-size:.7rem}.board .st-deno{font-size:1.6rem;top:8px;right:10px}
  .bigsearch{flex-direction:column}}

/* ---------- titres de section, filtres ---------- */
.sec{font-size:2rem;font-weight:500}
.sec.big{font-size:clamp(2.3rem,5vw,3.2rem)}
.sec-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.filters{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;margin:-6px 0 30px;border-bottom:1px solid var(--line)}
.tabs{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none}
.tab{padding:10px 0 9px;text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--muted)}
.tab span{font-weight:400;margin-left:2px}
.tab:hover{color:var(--navy)}
.tab[aria-current]{color:var(--ink);border-color:var(--ink)}
.seg{display:flex;align-items:center;gap:12px;font-size:.88rem;padding-bottom:8px}
.seg span{color:var(--muted)}
.seg a{text-decoration:none;font-weight:600;color:var(--muted)}
.seg a[aria-current]{color:var(--navy);text-decoration:underline;text-decoration-thickness:2px}
.results{font:italic 1.2rem var(--display);color:var(--muted);margin:10px 0 30px}

/* ---------- cartes postales ---------- */
.pile{columns:3 300px;column-gap:26px}
.cartolina{container-type:inline-size;position:relative;display:block;break-inside:avoid;margin:0 0 26px;padding:10px;background:var(--card);border-radius:3px;text-decoration:none;
  box-shadow:0 1px 0 rgba(28,43,69,.1),0 14px 26px -18px rgba(28,43,69,.55)}
.cartolina:hover .cp-title{text-decoration:underline;text-decoration-thickness:1px}
.cp-pic{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--ink)}
.cp-pic img{display:block;width:100%;height:100%;object-fit:cover}
.cp-body{display:flex;flex-direction:column;gap:6px;padding:16px 8px 8px}
.cp-cat{font-weight:600;font-size:.88rem;color:var(--ink)}
.cp-lang{font-weight:700;font-size:.75rem;text-decoration:none;border:1px solid currentColor;border-radius:2px;padding:0 4px;margin-left:4px;color:var(--muted)}
.cp-title{font:600 1.5rem/1.1 var(--display);letter-spacing:-.01em}
.cp-sum{color:#3c4a5e;font-size:.97rem;line-height:1.5}
.cp-sig{margin-top:6px;font:italic 500 1.1rem var(--display);color:var(--navy)}
.pm{display:block;fill:none}
.pm text{font-family:var(--text)}
.cp-pm{position:absolute;width:82px;right:16px;top:calc(10px + (100cqw - 20px) * 2 / 3 - 46px);transform:rotate(-14deg);opacity:.82;mix-blend-mode:multiply;pointer-events:none}
.cartolina.nopic .cp-body{padding-top:10px;padding-right:96px;min-height:150px}
.cartolina.nopic .stamp-mini{position:absolute;top:16px;right:18px}
.cartolina.nopic .cp-pm{top:40px;right:52px;width:70px}
.cartolina.nopic .cp-title{font-size:1.65rem}

.empty{padding:48px 24px;border:1.5px dashed var(--muted);border-radius:3px;text-align:center;background:color-mix(in srgb,var(--card) 60%,transparent)}
.empty p{font:italic 1.3rem/1.4 var(--display);margin:0 0 18px;color:#34435a}

/* ---------- page ville ---------- */
.cityhead{background:var(--card);border-bottom:1px solid var(--line)}
.ch-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:64px;padding-top:60px;padding-bottom:60px;align-items:start}
.ch-stamp{transform:rotate(-2.5deg);margin-top:8px}
.cityhead h1{font-size:clamp(3.4rem,9vw,7.2rem);font-weight:500;color:var(--ink);letter-spacing:-.03em}
.cityhead .lead{margin-top:10px}
.cityhead .prose{margin-top:30px}
.pres-empty{margin:30px 0 0;padding:18px 20px;border-left:3px solid var(--ink);color:#34435a;background:var(--paper)}
.ch-edit{display:flex;gap:20px;margin:22px 0 0;font-size:.92rem;font-weight:600}
.ch-edit a{color:var(--ink)}
@media(max-width:820px){.ch-in{grid-template-columns:1fr;gap:26px;padding-top:36px;padding-bottom:40px}
  .ch-stamp{justify-self:start}.ch-stamp .stamp-big{width:210px;height:252px;padding:10px}.ch-stamp .st-name{font-size:1.6rem;margin-top:12px}}

/* ---------- texte courant ---------- */
.prose{font-size:1.1rem;line-height:1.7;max-width:66ch}
.prose h2{font-size:1.85rem;font-weight:600;margin:1.7em 0 .4em}
.prose h3{font-size:1.4rem;margin:1.4em 0 .3em}
.prose p{margin:.85em 0}
.prose a{color:var(--ink);font-weight:600}
.prose blockquote{margin:1.4em 0;padding:0 0 0 22px;border-left:3px solid var(--ink);font:italic 1.3rem/1.5 var(--display);color:#34435a}
.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}
.prose li::marker{color:var(--ink)}
.fig{display:block;margin:1.6em 0;padding:8px 8px 10px;background:#fff;box-shadow:0 1px 0 rgba(28,43,69,.12),0 10px 22px -16px rgba(28,43,69,.5)}
.fig img{display:block;width:100%;height:auto}
.cap{display:block;margin-top:8px;font:italic 1rem var(--display);color:var(--muted);text-align:center}

/* ---------- bon plan : dos de la carte ---------- */
.guide-wrap{padding-top:36px;padding-bottom:40px}
.crumbs{margin:0 0 18px;font-weight:600;font-size:.92rem;color:var(--muted)}
.crumbs a{color:var(--ink);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 6px}
.back{display:grid;grid-template-columns:minmax(0,1fr) 340px;background:var(--card);border-radius:3px;box-shadow:0 1px 0 rgba(28,43,69,.1),0 24px 50px -30px rgba(28,43,69,.6)}
.back-msg{padding:52px 52px 56px}
.back-msg h1{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:500;letter-spacing:-.02em}
.back-addr{position:relative;padding:34px 34px 40px;border-left:1.5px solid var(--line)}
.addr-top{position:relative;display:flex;justify-content:flex-end;min-height:190px;margin-bottom:22px}
.addr-top .stamp{width:140px;height:168px;padding:8px;transform:rotate(2deg)}
.addr-top .st-name{font-size:1.15rem;margin-top:9px}.addr-top .st-reg{font-size:.7rem}
.addr-pm{position:absolute;left:0;top:36px;width:118px;transform:rotate(-12deg);opacity:.8;mix-blend-mode:multiply;z-index:2}
.waves{position:absolute;left:96px;top:66px;width:120px;opacity:.65;mix-blend-mode:multiply;z-index:2}
.lines{margin:0}
.lines div{padding:12px 0 11px;border-bottom:1.5px solid var(--line)}
.lines dt{font-size:.82rem;font-weight:600;color:var(--muted)}
.lines dd{margin:2px 0 0;font-size:1rem;line-height:1.45}
.lines a{color:var(--ink);font-weight:600}
.sig-name{font:italic 600 1.12rem var(--display)}
.addr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.banner{background:var(--navy);color:#fff;text-align:center;padding:11px 16px;font-size:.95rem}
.banner a{font-weight:700}
@media(max-width:900px){.back{grid-template-columns:1fr}.back-msg{padding:32px 22px 30px}.back-addr{border-left:0;border-top:1.5px dashed var(--line);padding:26px 22px 30px}}

/* ---------- formulaires ---------- */
.editpage{padding-top:40px;padding-bottom:70px}
.envelope{position:relative;background:var(--card);padding:44px 48px 40px;border-radius:3px;box-shadow:0 24px 50px -30px rgba(28,43,69,.6)}
.envelope::before{content:"";position:absolute;inset:0;border-radius:3px;padding:9px;background:var(--airmail);
  -webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.envelope h1{font-size:clamp(2rem,4.5vw,2.9rem);font-weight:500;margin-bottom:10px}
@media(max-width:600px){.envelope{padding:34px 20px 28px}.editpage{padding-left:10px;padding-right:10px}}
label,.lbl,legend{display:block;font-weight:600;font-size:.95rem;margin:20px 0 6px}
input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:2px;background:#fff;font:inherit;font-weight:400;color:var(--navy)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px color-mix(in srgb,var(--navy) 15%,transparent)}
.title-field input{border:0!important;border-bottom:1.5px solid var(--navy)!important;border-radius:0!important;padding:6px 0 8px!important;background:transparent!important;font:500 clamp(1.6rem,3.5vw,2.2rem)/1.2 var(--display)!important;box-shadow:none!important}
::placeholder{color:#8a96a3;opacity:1}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row3{display:grid;grid-template-columns:2fr 2fr 1fr;gap:14px}
@media(max-width:600px){.row2,.row3{grid-template-columns:1fr}.row3{gap:0}}
.row-end{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}
fieldset{border:0;padding:0;margin:0;min-width:0}
fieldset.sig{margin-top:28px;padding:4px 20px 18px;background:var(--paper);border-radius:3px}
fieldset.sig legend{float:left;width:100%;margin:16px 0 0;font:italic 600 1.25rem var(--display)}
fieldset.sig legend + *{clear:both}
.pick-city{display:flex;flex-wrap:wrap;gap:8px}
.pick-city legend{width:100%}
.pc{margin:0;font-weight:600;cursor:pointer}
.pc input{position:absolute;opacity:0;pointer-events:none}
.pc span{display:inline-block;padding:8px 16px;border:1.5px solid var(--ink);border-radius:2px;color:var(--ink);background:#fff}
.pc input:checked + span{background:var(--ink);color:#fff}
.pc input:focus-visible + span{outline:2px solid var(--navy);outline-offset:2px}
.ql-toolbar.ql-snow{border:1.5px solid var(--line)!important;border-bottom:0!important;border-radius:2px 2px 0 0;background:#fff;font-family:var(--text)!important}
.ql-container.ql-snow{border:1.5px solid var(--line)!important;border-radius:0 0 2px 2px;background:#fff;font:inherit!important}
.ql-editor{min-height:360px;font:1.08rem/1.7 var(--text)!important;padding:18px 20px!important;color:var(--navy)}
.ql-editor h2{font:600 1.75rem/1.15 var(--display)}.ql-editor h3{font:600 1.35rem/1.2 var(--display)}
.ql-editor blockquote{border-left:3px solid var(--ink)!important;font:italic 1.2rem var(--display)}
.ql-editor img{max-width:100%}
.ql-editor.ql-blank::before{font-style:normal!important;color:#8a96a3!important;left:20px!important;right:20px!important}
.toolbar .ql-header{width:auto!important;padding:3px 9px!important;font:700 .82rem var(--text)!important;color:var(--navy)}
.ql-snow .ql-stroke{stroke:var(--navy)!important}.ql-snow .ql-fill{fill:var(--navy)!important}
.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke{stroke:var(--ink)!important}
.ql-snow.ql-toolbar button.ql-active{color:var(--ink)!important;background:color-mix(in srgb,var(--ink) 12%,transparent);border-radius:2px}
dialog{border:0;border-radius:3px;padding:30px;max-width:540px;width:calc(100% - 28px);background:var(--card);color:var(--navy);box-shadow:0 30px 70px rgba(28,43,69,.4)}
dialog::backdrop{background:rgba(28,43,69,.45)}
dialog h2{font-size:1.8rem;font-weight:500;margin-bottom:6px}
.radios{margin-top:10px}
.radio{display:flex;align-items:center;gap:10px;font-weight:400;margin:8px 0}
.radio input{width:18px;height:18px;accent-color:var(--navy)}

/* ---------- historique ---------- */
.history{list-style:none;padding:0;margin:26px 0}
.history li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1.5px solid var(--line)}
.history p{margin:0}
.h-n{font:italic 500 2rem/1 var(--display);color:var(--ink);min-width:1.4em;text-align:right}
.h-dot{width:12px;height:12px;background:var(--ink);transform:rotate(45deg)}
.h-title{font:600 1.25rem var(--display);text-decoration:none}.h-title:hover{text-decoration:underline}
.note{color:var(--muted);font-style:italic;margin-top:3px!important}
.tag{display:inline-block;font-size:.78rem;font-weight:700;padding:1px 7px;border-radius:2px;background:var(--ink);color:#fff;margin-left:6px}
.row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:600px){.history li{grid-template-columns:auto minmax(0,1fr)}.row-actions{grid-column:2;justify-content:flex-start}}
.nf{text-align:center;padding-top:90px}.nf p{font:italic 1.3rem var(--display)}

/* ---------- admin ---------- */
.adm table{width:100%;border-collapse:collapse;margin:12px 0 34px;font-size:.94rem;background:var(--card)}
.adm th,.adm td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.adm .inl{display:inline;margin:0 4px 4px 0}.adm .inl label{display:inline;font-weight:400}
.adm h2{margin-top:34px}
.cityform{background:var(--card);padding:6px 22px 22px;margin:14px 0;max-width:640px;border-radius:3px}
.cityform h3{font-size:1.6rem;margin-top:14px}
.cov{width:120px;vertical-align:middle}

/* ---------- pied ---------- */
.foot{margin-top:80px;background:var(--navy);color:#dfe5ee}
.foot::before{content:"";display:block;height:6px;background:var(--airmail);background-color:var(--card)}
.foot-in{padding-top:40px;padding-bottom:54px}
.foot .brand{font-size:1.8rem;color:#fff;margin:0 0 6px}
.foot p{margin:6px 0;max-width:60ch}
.foot a{color:#fff;font-weight:600;margin-right:20px}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}