/*
Theme Name: Elyrüne
Author: Atelier Sillage
Description: Thème éditorial personnalisé avec collection de créations, explorations et animations accessibles.
Version: 1.5.3
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: atelier-sillage
*/
.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}

.signature-trigger .signature-index,.signature-trigger .signature-invitation{opacity:1;color:#80162d}
.sillage-breadcrumbs{padding:9rem max(24px,4.2vw) 0;font-size:.8rem;line-height:1.8}.sillage-breadcrumbs+section.page-heading{padding-top:3rem}@media(max-width:700px){.sillage-breadcrumbs{padding-top:7rem}.sillage-breadcrumbs+section.page-heading{padding-top:2rem}}

/* Production: preserve privacy controls and WordPress toolbar offsets. */
.youtube-consent-notice{padding:1rem 0;font-size:.85rem;line-height:1.7}.youtube-consent-notice button{margin-top:.5rem}

/* Service-page links must wrap after the shared word reveal is applied. */
.privacy-content .text-link{display:inline;white-space:normal;overflow-wrap:anywhere;line-height:1.5;}

.sillage-service-page main .text-link{display:inline;white-space:normal;overflow-wrap:anywhere;line-height:1.5;}

/* Keep the handwritten signature clear of the topline on shorter laptops. */
@media(min-width:701px) and (max-height:780px){.hero-wordmark{top:55%;}}
@media(min-width:701px) and (max-height:650px){.hero-topline{top:105px;}}

/* Studio: preserve the Engine breadcrumb without doubling the hero spacing. */
.sillage-breadcrumbs+.origin-hero{padding-top:35px}@media(max-width:800px){.sillage-breadcrumbs+.origin-hero{padding-top:28px}}

/* Pages de services Elyrüne */
.ely-service-hero {
  padding-block: clamp(116px, 12vw, 188px) clamp(45px, 7vw, 110px);
}
.ely-service-hero h1 {
  max-width: 14ch;
  margin: .35em 0 .22em;
  color: var(--wine);
  font-size: clamp(43px, 7vw, 112px);
  line-height: .97;
  letter-spacing: -.065em;
  text-wrap: balance;
}
.ely-service-promise {
  margin: 0 0 .65em;
  color: var(--wine);
  font: italic clamp(27px, 4vw, 58px)/1.05 Instrument, Georgia, serif;
}
.ely-service-intro { max-width: 60ch; margin-bottom: 1.8rem; }
.ely-service-offer, .ely-service-related { padding-block: clamp(32px, 5vw, 80px); }
.ely-service-offer h2, .ely-service-example h2, .ely-service-related h2 {
  margin-bottom: .65em;
  color: var(--wine);
  font-size: clamp(29px, 4vw, 60px);
  line-height: 1.03;
  letter-spacing: -.05em;
}
.ely-service-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #4a11222b;
  background: #4a11222b;
}
.ely-service-cards article { padding: clamp(20px, 3vw, 42px); background: var(--paper); }
.ely-service-cards h3 { margin-block: .65em; font-size: clamp(19px, 2vw, 29px); }
.ely-service-example {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 72px);
  padding-block: clamp(28px, 6vw, 84px);
}
.ely-service-example img { width: 100%; height: auto; border-radius: 12px; }
.ely-service-example .text-link, .ely-service-discover { margin-top: 1em; }
.ely-service-related ul { display: flex; flex-wrap: wrap; gap: 12px 24px; list-style: none; padding: 0; }
.ely-service-related a { display: inline-block; padding: .65em 0; border-bottom: 1px solid currentColor; }
@media (max-width: 760px) {
  .ely-service-cards, .ely-service-example { grid-template-columns: 1fr; }
}

.menu-dialog {
  box-sizing: border-box;
  overflow: auto;
  overscroll-behavior: contain;
}
@media (max-width: 480px) {
  .menu-dialog nav > a {
    display: grid;
    grid-template-columns: 2ch minmax(0, 1fr) 1em;
    column-gap: clamp(8px, 3vw, 15px);
    font-size: clamp(30px, 10vw, 48px);
    padding-block: .12em;
  }
  .menu-dialog nav > a > span:last-child { font-size: .65em; }
  .menu-dialog nav > a:hover { padding-left: 0; }
}