@font-face{font-family:Barlow;src:url(fonts/barlow.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(fonts/barlow-demi.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Barlow Condensed;src:url(fonts/impact.woff2) format("woff2");font-weight:800;font-display:swap}
.hero{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(2rem,5vw,5rem)}
.hero figure img{filter:none;aspect-ratio:1.2}
.hero .lead{max-width:33rem}
.hero figure figcaption{font-size:.8rem}
.copy p:not(.eyebrow){max-width:34rem}
.catalog-intro .help-copy{margin-top:.9rem;color:var(--muted)}
.doodle{display:inline-block;width:4rem;height:auto;flex:none;color:#66605a;pointer-events:none}
.hero .doodle-needle{width:3.75rem;transform:rotate(8deg)}
.catalog-intro{position:relative}
#retouches .doodle-scissors{position:absolute;right:3%;top:9%;width:clamp(3.5rem,8.5vw,7rem);opacity:.52;transform:rotate(-9deg)}
.action-sketch{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
.action-sketch .doodle{width:3.4rem;transform:rotate(9deg)}
.cat-note{display:flex;align-items:center;gap:.55rem;color:var(--muted);margin-top:1.25rem;font-size:.93rem}
.cat-note .doodle{width:3.5rem}.visit .doodle{width:4rem;transform:rotate(-6deg)}
.history-board{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:1.15rem .75rem;padding:clamp(.6rem,3vw,2.1rem);background:#e9e4da;position:relative}
.history-board .archive-print{background:#fcfaf6;transform:rotate(-3deg);padding:.66rem .66rem .78rem;box-shadow:0 8px 20px #25201b24}
.history-board .jolimont-print{background:#fcfaf6;transform:translateY(1.6rem) rotate(4deg);padding:.66rem .66rem .78rem;box-shadow:0 8px 20px #25201b24}
.history-board img{aspect-ratio:1.16;object-fit:cover}
.history-board .archive-print img{filter:saturate(.72)}
.history-board figcaption{grid-column:1/-1;margin-top:1.6rem}
.history-board span,.archive-label{display:block;font-size:.82rem;color:#5e574f}
.history-board span{margin-top:.4rem}.archive-label{margin-bottom:.33rem}
.surpiq-preview{--mag-night:#12141b;--mag-violet:#5b2bff;--mag-orange:#ff6b35;background:var(--mag-night);color:white;font:400 1.12rem/1.48 Barlow,system-ui,sans-serif;padding:clamp(3.6rem,7vw,7rem) 0}
.media-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.75rem,6vw,6rem);align-items:end}
.surpiq-preview h2,.surpiq-preview h3{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;letter-spacing:0;text-transform:uppercase;line-height:.94;color:white}
.surpiq-preview h2{font-size:clamp(3.1rem,6.2vw,6.8rem);margin:1.05rem 0}
.surpiq-preview h3{font-size:clamp(2.05rem,3.1vw,3.4rem);margin:.4rem 0 .65rem}
.media-kicker{color:#ff9775;font-size:.83rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.surpiq-mark{width:clamp(8rem,15vw,12rem);margin-top:.7rem}
.media-button{display:inline-flex;align-items:center;gap:.65rem;margin-top:1.3rem;padding:.7rem 1rem;min-height:2.9rem;background:var(--mag-orange);color:var(--mag-night);text-decoration:none;font-weight:600}
.media-button:hover{background:#ff895e}
.media-feature{padding:clamp(1rem,2.7vw,2.1rem);background:var(--mag-violet)}
.media-feature .media-kicker{margin-top:1rem;color:white}.media-feature a:not(.media-image-link){display:inline-block;margin-top:.65rem;font-weight:600}
.media-feature img{aspect-ratio:1.95;object-fit:cover;background:#202026}
.media-topics{margin:clamp(2rem,4.4vw,4.1rem) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem}
.media-topics a{display:block;text-decoration:none}
.media-topics a:hover strong{text-decoration:underline}
.media-topics strong{color:#ff9775;font-weight:600;font-size:1.02rem;display:block}
.media-topics span{display:block;color:#efedf4;font-size:.95rem;margin-top:.25rem}
@media(max-width:900px){.media-topics{grid-template-columns:repeat(3,minmax(0,1fr))}#retouches .doodle-scissors{position:static;float:right;margin-left:.7rem;margin-bottom:.6rem}}
@media(max-width:760px){.hero,.media-intro{grid-template-columns:minmax(0,1fr)}.hero figure img{aspect-ratio:1.25}.media-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .doodle-needle{width:2.6rem}.visit .doodle{width:3.25rem}}

/* Photos de l’atelier et tirages Canva. */
#accueil figure img{aspect-ratio:auto;object-fit:contain}
#professionnels figure img{aspect-ratio:auto;object-fit:contain}
.history-prints{display:block;padding:clamp(1rem,2.4vw,1.85rem);background:#eee9df}
.history-prints-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;align-items:center;padding:0 .25rem .6rem}
.history-prints img{aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 .45rem .6rem #29221b26)}
.archive-95{grid-area:1 / 2 / 3 / 9;transform:rotate(-5deg)}
.archive-97{grid-area:1 / 8 / 3 / 13;transform:translateY(12%) rotate(4deg);align-self:end}
.archive-work{grid-area:2 / 1 / 3 / 5;transform:translateY(4%) rotate(-7deg);align-self:end;z-index:1}
.history-prints figcaption{margin:1rem 0 0}