@font-face{font-family:Supermercado;src:url('../fonts/SupermercadoOne-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:UbuntuCustom;src:url('../fonts/Ubuntu-R.ttf') format('truetype');font-display:swap}
@font-face{font-family:UbuntuTitling;src:url('../fonts/UbuntuTitling-Bold.ttf') format('truetype');font-display:swap}
:root{--text:#202020;--line:#a7a7a7;--grey:#ddd;--max:1180px;--pad:64px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:#fff;font-family:UbuntuCustom,Arial,sans-serif;font-size:18px;line-height:1.27}img{display:block;max-width:100%;user-select:none;pointer-events:none}a{color:inherit;text-decoration:none}.inner{width:min(var(--max),calc(100% - var(--pad)));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}.header-inner{height:122px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{grid-column:2;text-align:center;font-family:UbuntuTitling,UbuntuCustom,sans-serif;line-height:.86}.brand span{display:block;font-size:34px;letter-spacing:.02em}.brand strong{display:block;font-family:Supermercado,serif;font-size:52px;font-weight:400}.main-nav{grid-column:3;justify-self:end;display:flex;gap:70px;font-family:Supermercado,serif;font-size:24px}.main-nav a{padding:18px 0}.hero{display:grid;grid-template-columns:440px 1fr;gap:62px;padding-top:26px;align-items:start}.hero-photo{width:440px;height:628px;object-fit:cover}.hero-text{padding-top:0;}.hero h1,.content h2,.reservation-section h2,.contact-section h2{font-family:UbuntuTitling,Supermercado,sans-serif;font-weight:700;line-height:1;letter-spacing:.13em;margin:0}.hero h1{font-size:67px;text-align:right;margin-bottom:54px}.hero p{font-family:UbuntuTitling,UbuntuCustom,sans-serif;font-size:24px;max-width:590px;margin:0 0 34px;text-align:justify}.intro-image{padding-top:20px}.intro-image img{width:100%;height:374px;object-fit:cover;object-position:center}.content{padding-top:18px;padding-bottom:45px}.content h2{font-size:66px;text-align:center;margin-bottom:48px}.text-block{width:88%;margin-inline:auto;font-size:14px;line-height:1.23}.text-block h3,.text-block h4{font-family:UbuntuTitling,UbuntuCustom,sans-serif;margin:0}.text-block h3{font-size:16px;margin-bottom:45px}.text-block h4{font-size:15px;margin-top:26px}.text-block p{margin:0 0 20px}.gallery{margin:43px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;width:88%}.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover}.reservation-section{background:var(--grey);padding:30px 0 26px}.section-title-row{display:flex;align-items:baseline;gap:25px;margin-bottom:24px}.reservation-section h2,.contact-section h2{font-family:Supermercado,serif;letter-spacing:.02em;font-size:59px;font-weight:400}.section-title-row span{font-family:UbuntuTitling,UbuntuCustom,sans-serif;font-size:17px}.reservation-section iframe{display:block;width:100%;height:600px;border:0;background:#fff}.contact-section{padding-top:30px;padding-bottom:50px}.contact-section h2{text-align:right;margin:0 40px 70px 0}.contact-grid{display:grid;grid-template-columns:1fr 395px;gap:90px;align-items:start;width:88%;margin-inline:auto}address{font-style:normal;font-family:UbuntuTitling,UbuntuCustom,sans-serif;font-size:24px}.atelier-name{font-size:28px;margin:0 0 75px}.atelier-name strong{font-family:Supermercado,serif;font-size:35px;font-weight:400}address p{margin:0 0 18px}address a:hover{text-decoration:underline}.custom-text{font-family:UbuntuCustom,Arial,sans-serif;font-size:26px;line-height:1.14;margin-top:65px}.map-wrap iframe{width:395px;height:395px;border:0;display:block;background:#06f}.site-footer{border-top:2px solid var(--line);padding:14px 0 24px;text-align:center;color:#777;font-size:14px}
@media (max-width: 760px){:root{--pad:32px}.header-inner{height:auto;min-height:96px;display:flex;justify-content:space-between;gap:18px}.brand{text-align:left}.brand span{font-size:24px}.brand strong{font-size:38px}.main-nav{gap:22px;font-size:19px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;gap:28px;padding-top:22px}.hero-photo{width:100%;height:auto;max-height:540px;object-fit:cover}.hero h1{font-size:42px;text-align:left;letter-spacing:.08em;margin-bottom:28px}.hero p{font-size:18px;text-align:left;margin-bottom:22px}.intro-image img{height:230px}.content h2{font-size:40px;text-align:left;letter-spacing:.08em;margin-bottom:30px}.text-block,.gallery,.contact-grid{width:100%}.text-block{font-size:15px}.gallery{grid-template-columns:1fr;gap:22px}.gallery img{aspect-ratio:4/3;object-fit:cover}

/* Correction mobile pour IMG_9438 / detail1.jpg : même taille que les autres, focus sur le verre */
.gallery img:first-child{object-position:50% 88%}.reservation-section{padding:24px 0}.section-title-row{display:block}.reservation-section h2,.contact-section h2{font-size:46px}.section-title-row span{display:block;margin-top:8px}.reservation-section iframe{height:680px}.contact-section h2{text-align:left;margin:0 0 36px}.contact-grid{grid-template-columns:1fr;gap:32px}address{font-size:19px}.atelier-name{margin-bottom:38px}.custom-text{font-size:20px;margin-top:38px}.map-wrap iframe{width:100%;height:330px}.site-footer{font-size:13px}}
@media (min-width: 761px) and (max-width: 1050px){.hero{grid-template-columns:360px 1fr;gap:36px}.hero-photo{width:360px;height:520px}.hero h1{font-size:50px}.hero p{font-size:20px}.content h2{font-size:50px}.main-nav{gap:36px}.contact-grid{grid-template-columns:1fr 340px}.map-wrap iframe{width:340px;height:340px}}

/* Correction : titres principaux en Supermercado */
.hero h1,
.content h2{
  font-family:Supermercado, serif;
  font-weight:400;
  letter-spacing:.02em;
}


/* Correction définitive mobile galerie :
   - les 3 photos gardent exactement la même hauteur
   - detail1.jpg reste au format 4/3
   - le cadrage est déplacé vers le bas pour voir le verre
*/
@media (max-width: 760px){
  .gallery img{
    width:100%;
    aspect-ratio:4/3 !important;
    height:auto !important;
    object-fit:cover;
  }

  .gallery img:first-child{
    aspect-ratio:4/3 !important;
    height:auto !important;
    object-position:50% 88%;
  }
}

.header-inner{
  position:relative;
}

.header-inner::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--line);
  transform-origin:center;
  transition:opacity .35s ease, transform .35s ease;
}

body.scrolled .header-inner::after{
  opacity:0;
  transform:scaleX(0);
}

.header-inner{
  position: relative;
}

.header-inner::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--line);
  transform-origin: center;
  transition: opacity .35s ease, transform .35s ease;
}

body.scrolled .header-inner::after{
  opacity: 0;
  transform: scaleX(0);
}