/* V10 is scoped to the three inner pages. Existing homepage/film/ten-site payload stays separate. */
.inner-v10-page [hidden] { display: none !important; }

/* Full original photographs; approved source-coordinate windows, no raster rewrite. */
.inner-v10-about .v8-story-opening > img {
  object-fit: cover;
  object-position: 50% 60%;
  opacity: 1;
  visibility: visible;
}
.inner-v10-about :is(.story-chapter-1, .story-chapter-2) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.inner-v10-about :is(.story-chapter-1, .story-chapter-2) .chapter-media {
  width: min(100%, 460px);
  max-width: 460px;
  max-height: none;
  aspect-ratio: 3 / 4;
  margin-inline: auto;
  position: relative;
  overflow: hidden;
}
.inner-v10-about .story-chapter-1 .chapter-media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
}
.inner-v10-about .story-chapter-2 .v8-passion-frame > img {
  position: absolute;
  max-width: none;
  width: 227.555555556%;
  height: auto;
  left: -43.277777778%;
  top: -87.041666667%;
  opacity: 1;
  visibility: visible;
}

/* Same .43 scrim as the accepted homepage location-1271 photo, including on phone. */
.inner-v10-locations .locations-hero::after { display: none; }
.inner-v10-locations .v8-addresses-picture::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .43);
  pointer-events: none;
}
.inner-v10-locations .v8-location-intro .inner-body {
  width: 100%;
  max-width: 667px;
  text-align: justify;
  text-align-last: left;
  word-spacing: normal;
  letter-spacing: normal;
  text-wrap: initial;
  hyphens: none;
}
.inner-v10-locations .v10-location-signoff {
  padding: 64px 8% 69px;
  text-align: center;
}
.inner-v10-locations .v10-location-signoff p {
  max-width: 44ch;
  margin: 0 auto;
  font: 400 30px/1.4 Amiri, Georgia, serif;
  text-wrap: balance;
}
.inner-v10-locations .v10-location-partnership {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 8%;
  width: 84%;
  max-width: 1300px;
  margin: 0 auto 96px;
  padding-top: 48px;
  border-top: 1px solid #ffffff35;
  scroll-margin-top: 112px;
}
.inner-v10-page .v10-partnership-intro h2 {
  margin: 0 0 22px;
  font: 400 30px/1.25 Amiri, Georgia, serif;
  text-wrap: balance;
}
.inner-v10-page .v10-invitation {
  max-width: 43ch;
  margin: 0;
  font: 400 14px/1.9 Poppins, Arial, sans-serif;
  color: #ddd;
}
.inner-v10-page .v10-invitation [data-invitation-phone] { display: none; }

/* LOCAL Dom Perignon composition in the requested dark Biberify palette. */
.inner-v10-contact .v10-contact-surface { background: #000; color: #f7f7f4; }
.inner-v10-contact .v10-contact-opening {
  height: auto;
  min-height: 0;
  padding: 158px 5% 82px;
  background: #000;
  overflow: visible;
  text-align: center;
}
.inner-v10-contact .v10-contact-opening::after { display: none; }
.inner-v10-contact .v10-contact-opening h1 {
  max-width: 22ch;
  margin: 0 auto;
  font: 400 clamp(42px, 4.2vw, 58px)/1.2 Amiri, Georgia, serif;
  text-wrap: balance;
}
.inner-v10-contact .v10-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 14%;
  width: 90%;
  max-width: 1260px;
  margin: 0 auto;
  padding-bottom: 110px;
}
.inner-v10-contact .v10-contact-aside,
.inner-v10-page .v10-enquiry-main { min-width: 0; }
.inner-v10-contact .contact-context > .inner-body {
  max-width: 50ch;
  margin: 0;
  font-size: 14px;
  line-height: 1.9;
}
.inner-v10-contact .contact-channels {
  margin-top: 24px;
  gap: 4px;
  align-items: start;
}
.inner-v10-contact .contact-channels > a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 14px;
}
.inner-v10-contact .v10-partnership-intro { margin-top: 58px; }
.inner-v10-contact .v10-partnership-intro h2 { margin-bottom: 20px; }
.inner-v10-contact .v10-invitation { max-width: 50ch; font-size: 13px; }
/* Exact homepage pill metrics also unwind the old underlink/reset text styles.
   White paint and the spring surface remain owned by assembled.css. */
.inner-v10-page.inner-v6-page .rr-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 280px;
  min-height: 48px;
  padding: 12px 30px;
  border: 0;
  border-radius: 30px;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
}
.inner-v10-page .hermes-services .rr-button {
  min-width: min(280px, 100%);
  max-width: 100%;
}
.inner-v10-contact .v10-contact-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 31px;
}
.inner-v10-contact .v10-contact-tabs .rr-button {
  flex: 1 1 220px;
  min-width: 220px;
  max-width: 260px;
  margin: 0;
}
.inner-v10-contact .v10-contact-tabs .rr-button[aria-selected=true] {
  font-weight: 600;
}
.inner-v10-locations .v8-location-directory .directory-status {
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* One form contract per page; the location version keeps LOCAL Rolex's bordered fields. */
.inner-v10-page .v10-enquiry-form .form-note {
  margin: 0 0 25px;
  color: #bdbdbd;
  font: 400 12px/1.5 Poppins, Arial, sans-serif;
}
.inner-v10-page .v10-enquiry-form .form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 26px 22px;
  margin-bottom: 28px;
}
.inner-v10-page .v10-enquiry-form .form-field { min-width: 0; }
.inner-v10-page .v10-enquiry-form .form-field label {
  display: block;
  margin-bottom: 10px;
  color: #f7f7f4;
  font: 400 12px/1.5 Poppins, Arial, sans-serif;
}
.inner-v10-page .v10-enquiry-form .form-field :is(input, select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 10px 13px;
  background: #151515;
  color: #f7f7f4;
  caret-color: #f7f7f4;
  border: 1px solid #858585;
  border-radius: 4px;
  font: 400 15px/1.7 Poppins, Arial, sans-serif;
}
.inner-v10-page .v10-enquiry-form .form-field select { padding-right: 28px; }
.inner-v10-page .v10-enquiry-form .form-field select option { background: #151515; color: #f7f7f4; }
.inner-v10-page .v10-enquiry-form .form-field textarea { min-height: 130px; resize: vertical; }
.inner-v10-page .v10-enquiry-form .field-message { grid-column: 1 / -1; }
.inner-v10-page .v10-enquiry-form .form-field :is(input, textarea)::placeholder { color: #b7b7b7; }
.inner-v10-page .v10-enquiry-form .field-error {
  margin-top: 10px;
  color: #f7f7f4;
  font: 400 12px/1.6 Poppins, Arial, sans-serif;
}
.inner-v10-page .v10-enquiry-form .form-field [aria-invalid=true] { border-width: 2px; }
.inner-v10-page .v10-enquiry-form #form-errors {
  margin: 0 0 26px;
  padding: 20px;
  border: 1px solid #f7f7f4;
  font-size: 13px;
}
.inner-v10-page .v10-enquiry-form #form-errors ul { margin: 10px 0 0; padding-left: 20px; }
.inner-v10-page .v10-enquiry-form #form-errors a { text-underline-offset: 4px; }
.inner-v10-page .v10-enquiry-form .v10-form-submit:disabled { opacity: .45; cursor: default; }
.inner-v10-contact .v10-enquiry-form .form-grid { gap: 28px 22px; }
.inner-v10-contact .v10-enquiry-form .form-field :is(input, select, textarea) {
  padding: 9px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #929292;
  border-radius: 0;
}
.inner-v10-contact .v10-enquiry-form .form-field textarea { min-height: 120px; }
.inner-v10-contact .v10-enquiry-form .form-field [aria-invalid=true] { border-bottom-width: 2px; }

.inner-v10-page #contact-draft {
  margin-top: 40px;
  padding: 28px 0 0;
  border-top: 1px solid #ffffff50;
  scroll-margin-top: 120px;
}
.inner-v10-page #contact-draft h3 {
  margin: 0 0 14px;
  font: 400 26px/1.3 Amiri, Georgia, serif;
}
.inner-v10-page #contact-draft > p { margin: 0 0 18px; font-size: 13px; }
.inner-v10-page #draft-body {
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: 400 13px/1.85 Poppins, Arial, sans-serif;
}
.inner-v10-page .draft-actions { display: flex; flex-wrap: wrap; align-items: start; gap: 16px 24px; }
.inner-v10-page #copy-status { font-size: 12px; color: #ddd; }
.inner-v10-page :is(.v10-location-partnership, .v10-contact-layout) :focus-visible {
  outline: 2px solid #f7f7f4;
  outline-offset: 5px;
}
.inner-v10-page .v10-enquiry-form :is(input, select, textarea):focus {
  border-color: #f7f7f4;
  outline: 2px solid #f7f7f4;
  outline-offset: 5px;
}

@media(max-width:950px) {
  .inner-v10-contact .v10-contact-layout { gap: 8%; }
}
@media(max-width:760px) {
  .inner-v10-about .v8-story-opening > img { object-position: 68% 60%; }
  .inner-v10-about :is(.story-chapter-1, .story-chapter-2) { grid-template-columns: minmax(0, 1fr); }
  .inner-v10-locations .v8-location-intro .inner-body { max-width: 100%; }
  .inner-v10-locations .v10-location-signoff { padding: 43px 25px 49px; }
  .inner-v10-locations .v10-location-signoff p { font-size: 27px; }
  .inner-v10-locations .v10-location-partnership {
    width: calc(100% - 50px);
    grid-template-columns: minmax(0, 1fr);
    gap: 31px;
    padding-top: 32px;
    margin-bottom: 57px;
  }
  .inner-v10-page .v10-partnership-intro h2 { font-size: 28px; margin-bottom: 17px; }
  .inner-v10-page .v10-invitation { max-width: none; }
  .inner-v10-page .v10-invitation [data-invitation-desktop] { display: none; }
  .inner-v10-page .v10-invitation [data-invitation-phone] { display: inline; }
  .inner-v10-contact .v10-contact-opening { padding: 128px 25px 58px; }
  .inner-v10-contact .v10-contact-opening h1 { font-size: 42px; }
  .inner-v10-contact .v10-contact-layout {
    width: calc(100% - 50px);
    grid-template-columns: minmax(0, 1fr);
    gap: 42px;
    padding-bottom: 65px;
  }
  .inner-v10-contact .v10-partnership-intro { margin-top: 30px; }
  .inner-v10-page.inner-v6-page .rr-button {
    min-width: 220px;
    min-height: 44px;
    padding: 12px 25px;
    font-size: 10px;
    letter-spacing: 1.3px;
  }
  .inner-v10-page .hermes-services .rr-button { min-width: min(220px, 100%); }
  .inner-v10-contact .v10-contact-tabs {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
  }
  .inner-v10-contact .v10-contact-tabs .rr-button {
    flex: none;
    width: 220px;
    max-width: 100%;
  }
  .inner-v10-page .v10-enquiry-form .form-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .inner-v10-page .v10-enquiry-form .field-message { grid-column: auto; }
  .inner-v10-page .v10-enquiry-form .form-field :is(input, select, textarea) { font-size: 16px; }
  .inner-v10-page #contact-draft { scroll-margin-top: 105px; }
}


/* V12: LOCAL Dom-Pérignon topic geometry, on the existing dark contact surface.
   Removing rr-button from just these controls keeps the shared text spring
   while restoring flat topic text and its full-width, 1px source baseline. */
.inner-v10-contact .v10-contact-tabs {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 25px;
  border-bottom: 1px solid #4b4b47;
  margin: 0 0 31px;
}
.inner-v10-contact .v10-contact-tabs .v12-topic-tab {
  display: inline-block;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  min-height: 46px;
  padding: 11px 0;
  margin: 0 0 -1px;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #a8a8a3;
  font: 400 12px/1.5 Poppins, sans-serif;
  letter-spacing: normal;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.inner-v10-contact .v10-contact-tabs .v12-topic-tab[aria-selected=true] {
  color: #f7f7f4;
  border-bottom-color: #f7f7f4;
}
@media (max-width: 760px) {
  .inner-v10-contact .v10-contact-tabs {
    gap: 23px;
    margin-bottom: 25px;
  }
  .inner-v10-contact .v10-contact-tabs .v12-topic-tab { font-size: 11px; }
}
