.account-dashboard-nav {
  position: sticky;
  top: var(--site-header-height, 72px);
  z-index: 24;
  width: 100%;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid #dedfdd;
  backdrop-filter: blur(12px);
}

.client-gallery{max-width:1180px;margin:42px auto 0}.client-gallery>header{margin-bottom:30px}.client-gallery>header span{color:#68716c;font:700 10px/1.2 "Open Sans",sans-serif;text-transform:uppercase}.client-gallery>header h2{margin:7px 0 10px;font:400 clamp(34px,5vw,68px)/1 "Dosis",sans-serif;text-transform:uppercase}.client-gallery>header p{max-width:720px;color:#68716c}.client-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-gallery__item{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border:0;background:#171918;cursor:zoom-in}.client-gallery__item img{width:100%;height:100%;object-fit:cover;transition:opacity .25s ease,transform .45s ease}.client-gallery__item:hover img,.client-gallery__item:focus-visible img{opacity:.76;transform:scale(1.025)}.client-gallery__item span{position:absolute;right:14px;bottom:12px;color:#fff;font-size:10px;font-weight:700}.client-lightbox[hidden]{display:none}.client-lightbox{position:fixed;inset:0;z-index:10000}.client-lightbox__backdrop{position:absolute;inset:0;background:rgba(8,9,9,.94)}.client-lightbox__dialog{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;width:100%;height:100%;padding:28px}.client-lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;margin:0;min-height:0}.client-lightbox figure img{width:100%;height:100%;min-height:0;object-fit:contain}.client-lightbox figcaption{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:#b9bfbc;font-size:11px}.client-lightbox figcaption a{color:#fff;text-transform:uppercase;text-decoration:underline}.client-lightbox__close,.client-lightbox__nav{z-index:2;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.3)}.client-lightbox__close{position:absolute;top:24px;right:24px;width:44px;height:44px;font-size:25px}.client-lightbox__nav{width:46px;height:46px;margin:auto;font-size:20px}.client-lightbox-open{overflow:hidden}@media(max-width:767px){.client-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.client-lightbox__dialog{display:block;padding:64px 14px 14px}.client-lightbox figure{height:100%}.client-lightbox__nav{position:absolute;top:50%;width:40px;height:40px}.client-lightbox__nav.is-prev{left:10px}.client-lightbox__nav.is-next{right:10px}.client-lightbox__close{top:12px;right:12px}}

.account-dashboard-nav__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 44px;
  width: min(1400px, calc(100% - 64px));
  min-height: 64px;
  margin: 0 auto;
}

.account-dashboard-nav a {
  position: relative;
  color: #171a18;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}

.account-dashboard-nav a::after {
  position: absolute;
  right: 0;
  bottom: -9px;
  left: 0;
  height: 2px;
  background: #c62f34;
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}

.account-dashboard-nav a:hover::after,
.account-dashboard-nav a:focus-visible::after {
  transform: scaleX(1);
}

.account-panel--dashboard {
  display: grid;
  gap: 28px;
  max-width: 1400px;
  padding: 0;
  background: transparent;
  border: 0;
}

.account-dashboard-section,
.account-panel--dashboard > .account-history {
  scroll-margin-top: 160px;
  padding: clamp(30px, 4vw, 58px);
  background: #f2f3f2;
}

.account-dashboard-section--private {
  background: #f6f7f6;
}

.account-dashboard-section__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 32px;
}

.account-dashboard-section__heading span,
.account-dashboard-section__heading p {
  color: #68716c;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.account-dashboard-section__heading h2 {
  margin: 5px 0 0;
  color: #111512;
  font: 400 clamp(30px, 3vw, 44px)/1 "Dosis", sans-serif;
  text-transform: uppercase;
}

.account-dashboard-section__heading p {
  max-width: 360px;
  margin: 0;
  line-height: 1.6;
  text-align: right;
}

.account-dashboard-section--profile > .private-library {
  display: none;
}

.account-dashboard-section--profile .account-panel__heading {
  margin-bottom: 30px;
}

.account-delete{margin-top:22px;border-top:1px solid #d7dcda}.account-delete summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;list-style:none}.account-delete summary::-webkit-details-marker{display:none}.account-delete summary span{display:grid;gap:4px}.account-delete summary small{color:#9b5559;font-size:9px;font-weight:700;text-transform:uppercase}.account-delete summary strong{color:#63242a;font:400 24px/1 "Dosis",sans-serif;text-transform:uppercase}.account-delete summary i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bdc6c1;border-radius:50%;font-style:normal}.account-delete[open] summary i{transform:rotate(45deg)}.account-delete__content{padding:24px;background:#fff}.account-delete__content>p{max-width:760px;color:#666f6a;font-size:13px;line-height:1.7}.account-delete__content form{display:grid;grid-template-columns:minmax(220px,420px) auto;align-items:end;gap:16px;margin-top:22px}.account-delete__content label{color:#59635e;font-size:10px;font-weight:700;text-transform:uppercase}.account-delete__content input{display:block;width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid #cbd2ce;background:#fff}.account-delete__content button{min-height:44px;padding:0 18px;border:1px solid #a6252d;color:#fff;background:#a6252d;font-size:10px;font-weight:700;text-transform:uppercase}.account-delete__content button:hover,.account-delete__content button:focus-visible{background:#81181f;border-color:#81181f}@media(max-width:650px){.account-delete__content form{grid-template-columns:1fr}.account-delete__content button{width:100%;padding:12px}}

.account-dashboard-section--private .client-folders,
.account-dashboard-section--private .client-dropbox,
.account-dashboard-section--private .private-library {
  margin-right: 0;
  margin-left: 0;
}

.account-dashboard-section--private .private-library--dashboard {
  margin-top: 32px;
}

.account-dashboard-section--private .private-library__heading h3 {
  margin: 6px 0 0;
  color: #171918;
  font: 400 34px/1 "Dosis", sans-serif;
  text-transform: uppercase;
}

.account-dashboard-anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

.account-panel--dashboard > .account-history {
  margin: 0;
  border: 0;
}

.account-panel--dashboard > .account-history::before {
  display: block;
  margin-bottom: 8px;
  color: #68716c;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  content: "Le Carnet des impressions";
}

.account-panel--dashboard > .account-history > h2 {
  margin-top: 0;
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 400;
}

.account-panel--dashboard > .account-link:last-child {
  justify-self: start;
  margin: 0 0 16px;
  padding: 13px 20px;
  color: #fff;
  background: #b4262d;
  border: 1px solid #b4262d;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color .2s ease, border-color .2s ease;
}

.account-panel--dashboard > .account-link:last-child:hover,
.account-panel--dashboard > .account-link:last-child:focus-visible {
  color: #fff;
  background: #8f1820;
  border-color: #8f1820;
}

@media (max-width: 767px) {
  .account-dashboard-nav {
    top: var(--site-header-height, 68px);
    overflow: hidden;
  }

  .account-dashboard-nav__inner {
    justify-content: flex-start;
    width: 100%;
    min-height: 54px;
    padding: 0 20px;
    gap: 28px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .account-dashboard-nav__inner::-webkit-scrollbar {
    display: none;
  }

  .account-dashboard-nav a {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .account-panel--dashboard {
    gap: 16px;
  }

  .account-dashboard-section,
  .account-panel--dashboard > .account-history {
    scroll-margin-top: 132px;
    padding: 28px 20px;
  }

  .account-dashboard-section__heading {
    display: block;
    margin-bottom: 24px;
  }

  .account-dashboard-section__heading p {
    margin-top: 12px;
    text-align: left;
  }
}