/* Polices hébergées sur le site (licence SIL Open Font License, voir polices/LICENCES.txt) */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(polices/instrument-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url(polices/instrument-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url(polices/instrument-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(polices/instrument-serif-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(polices/instrument-serif-latin-400-italic.woff2) format("woff2")}

/* Base */
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
/* Layout : boutique de créateurs et de vintage. Mise en page de magazine : enseigne centrée, bandeau
   défilant, grand titre en serif, puis une vitrine en mosaïque de photos de tailles inégales et un index
   typographique numéroté des rayons. Un seul look, écru, olive et tomate. */
:root{
  --bg:#f1ebdb; --ink:#2b3120; --muted:#646a55; --line:#cdc4aa; --olive:#4c5b37; --tomato:#d6472a; --paper:#faf6ea;
  --serif:"Instrument Serif","Iowan Old Style",Georgia,serif; --sans:"Instrument Sans","Segoe UI",system-ui,sans-serif; color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55}
a{color:inherit}
:focus-visible{outline:2px solid var(--tomato);outline-offset:3px}
.demo{background:var(--ink);color:var(--paper);font-size:13px;text-align:center;padding:7px 16px}
.wrap{max-width:1100px;margin:0 auto;padding-inline:20px}
.mast{text-align:center;padding-block:26px 20px}
.mast small{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.24em;color:var(--muted)}
.mast b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(40px,8vw,64px);line-height:1;margin-top:6px}
.mast b i{color:var(--tomato)}
.ticker{overflow:hidden;border-block:1px solid var(--ink);background:var(--paper)}
.ticker div{display:inline-flex;white-space:nowrap;animation:run 36s linear infinite}
.ticker span{padding:9px 0;font-size:13px;text-transform:uppercase;letter-spacing:.16em}
.ticker span::after{content:"✦";color:var(--tomato);margin-inline:18px}
@keyframes run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker div{animation:none}}
.hero{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(20px,5vw,60px);align-items:end;padding-block:clamp(30px,6vw,72px)}
@media (max-width:780px){.hero{grid-template-columns:minmax(0,1fr)}}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,8.2vw,100px);line-height:.98;letter-spacing:-.015em;margin:0;text-wrap:balance}
h1 em{color:var(--olive)}
.hero p{margin:0 0 16px;color:var(--muted)}
.tel{font-family:var(--serif);font-size:28px;text-decoration:none;border-bottom:1px solid var(--ink)}
section{padding-block:clamp(34px,6vw,72px);border-top:1px solid var(--line)}
.head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:24px}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,5.4vw,54px);line-height:1;margin:0}
h2 em{color:var(--tomato)}
.head span{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.vitrine{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,2vw,22px)}
.piece{min-width:0;grid-column:span 2}
.piece.w{grid-column:span 3}
.piece.x{grid-column:span 4}
@media (max-width:780px){.piece,.piece.w{grid-column:span 3}.piece.x{grid-column:span 6}}
.ph{display:grid;place-items:center;aspect-ratio:4/5;background:var(--c);color:var(--k,#fff);font-size:12px;text-transform:uppercase;letter-spacing:.16em;text-align:center;padding:10px}
.piece.x .ph{aspect-ratio:16/10}
.piece.w .ph{aspect-ratio:1}
.piece p{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin:10px 0 0;line-height:1.25}
.piece p b{font-family:var(--serif);font-weight:400;font-size:21px;min-width:0}
.piece p span{white-space:nowrap;font-variant-numeric:tabular-nums}
.piece small{color:var(--muted);font-size:14px}
.index{list-style:none;margin:0;padding:0;counter-reset:n}
.index li{counter-increment:n;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:6px 14px;align-items:baseline;padding:16px 0;border-top:1px solid var(--ink)}
.index li:last-child{border-bottom:1px solid var(--ink)}
.index li::before{content:"0" counter(n);font-size:13px;letter-spacing:.14em;color:var(--tomato)}
.index b{font-family:var(--serif);font-weight:400;font-size:clamp(26px,4.6vw,44px);line-height:1.05}
.index small{display:block;font-family:var(--sans);font-size:15px;color:var(--muted);margin-top:4px}
.index span{white-space:nowrap;font-size:15px}
@media (max-width:560px){.index li{grid-template-columns:34px minmax(0,1fr)}.index span{grid-column:2}}
.note{font-family:var(--serif);font-style:italic;font-size:clamp(26px,4.4vw,42px);line-height:1.15;max-width:22ch;margin:0;color:var(--olive)}
.visit{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,5vw,60px);align-items:start}
@media (max-width:780px){.visit{grid-template-columns:minmax(0,1fr)}}
.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media (max-width:560px){.cols{grid-template-columns:minmax(0,1fr)}}
.cols h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.2em;color:var(--tomato);font-weight:500;margin:0 0 8px}
.cols p{margin:0;font-variant-numeric:tabular-nums}
.frame{border:1px dashed var(--muted);padding:16px;color:var(--muted);font-size:15px;margin-top:22px}
footer{padding-block:24px 40px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}

/* Le jour d'aujourd'hui (classe ajoutée par ouverture.js) */
tr.aujourdhui td{font-weight:700}
tr[data-jours] td:last-child{white-space:nowrap}
tr.aujourdhui td:first-child::after,[data-jours].aujourdhui:not(tr)::after{content:" · aujourd'hui";font-weight:400;opacity:.75}
[data-jours].aujourdhui:not(tr){font-weight:700}

/* Styles qui étaient écrits dans la page */
.s1{--c:#4c5b37!important}
.s2{--c:#d6472a!important}
.s3{--c:#e3b23c!important;--k:#2b3120!important}
.s4{--c:#39506b!important}
.s5{--c:#d9b8a6!important;--k:#2b3120!important}
.s6{--c:#2b3120!important}
.s7{--c:#faf6ea!important;--k:#646a55!important}