/* loupnicola.fr – feuille de style autonome (réécrite, aucun code repris de l'ancien site) */
@font-face{font-family:"Roboto Condensed";src:url(fonts/roboto-condensed.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Rochester";src:url(fonts/rochester.ttf) format("truetype");font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;background:#222;color:#eee;font-family:"Roboto Condensed",Arial,sans-serif;font-weight:100}
a{color:inherit}
h1{margin:0;font-size:56px;font-weight:100;line-height:1.1}
h1 a{text-decoration:none}
.sub{margin:.4em 0 0;font-size:20px}
.btns{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:28px}
.btn{display:inline-block;padding:12px 24px;border-radius:10px;font-size:20px;text-decoration:none;color:#eee;
  box-shadow:7px 10px 15px -6px rgba(255,255,255,.16);transition:transform .5s}
.btn:hover,.btn:focus-visible{transform:scale(1.1)}
.btn.strike{text-decoration:line-through}
/* accueil */
.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.15) saturate(.48) brightness(.89)}
.hero-text{position:relative;text-align:center;color:#fff;padding:0 16px 12vh;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hero .btn{font-size:40px;color:#fff;box-shadow:7px 10px 15px -6px rgba(0,0,0,.5)}
.hero .btn+.btn{box-shadow:0 10px 15px -6px rgba(255,255,255,.16)}
/* photographies */
.top{text-align:center;padding:48px 16px 8px}
.top .btns{display:grid;grid-template-columns:1fr 1fr;max-width:570px;margin:20px auto 0;justify-items:center}
.top .btns .btn+.btn{box-shadow:-7px 10px 15px -6px rgba(255,255,255,.16)}
main{max-width:1000px;margin:0 auto;padding:0 16px 64px}
.hint{text-align:center;margin:24px 0 32px;font-size:16px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.carousel{margin:0;animation:fade 1.2s .5s both}
.slides{position:relative;aspect-ratio:2/3;overflow:hidden;background:#1a1a1a}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s;cursor:zoom-in}
.slide.on{opacity:1;z-index:1}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
figcaption{text-align:center;font-family:"Rochester",cursive;font-size:51px;margin-top:8px}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media (max-width:767px){.grid{grid-template-columns:1fr}h1{font-size:40px}.hero .btn{font-size:28px}}
/* visionneuse */
.lb{position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center}
.lb.open{display:flex}
.lb img{max-width:92vw;max-height:86vh;object-fit:contain;box-shadow:0 0 30px #000}
.lb button{position:absolute;background:none;border:0;color:#eee;font:100 44px/1 "Roboto Condensed",sans-serif;cursor:pointer;padding:16px}
.lb .x{top:8px;right:12px}.lb .p{left:8px;top:50%;transform:translateY(-50%)}.lb .n{right:8px;top:50%;transform:translateY(-50%)}
.lb .c{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:16px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}