/* Inner pages extend the licensed Brave compositions with the approved Pills type.
   Loaded only on content pages; original home, portfolio and footer stay intact. */
html[data-page="content"] {
  --inner-gutter: 1.875rem;
  --inner-space: clamp(7.5rem, 13.9vw, 12.5rem);
  --inner-line: #c9c9c9;
  scrollbar-color: #555 #eee;
}
html[data-page="content"] body { caret-color: #111; }
html[data-page="content"] ::selection { color: #fff; background: #111; }
html[data-page="content"] .site-navigation { color: #000; background: #fff; }
html[data-page="content"] .site-navigation .logo-txt,
html[data-page="content"] .site-navigation .navigation-link { color: #000; }
html[data-page="content"] .site-navigation .logo.home,
html[data-page="content"] .site-navigation .navigation-link.home { opacity: 1; }
html[data-page="content"] .site-navigation .site-brand { text-decoration: none; }
html[data-page="content"] .site-navigation .menu-button.home { border-color: #000; opacity: 1; }
html[data-page="content"] .site-navigation .menu-icon-top.home,
html[data-page="content"] .site-navigation .menu-icon-middle.home,
html[data-page="content"] .site-navigation .menu-icon-bottom.home { background: #000; border-color: #000; }
html[data-page="content"] .site-navigation .locale-switch nav { color: #fff; }
html[data-page="content"] a:focus-visible,
html[data-page="content"] button:focus-visible,
html[data-page="content"] input:focus-visible,
html[data-page="content"] textarea:focus-visible,
html[data-page="content"] summary:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }

.inner-page { color: #000; background: #fff; }
.inner-page :where(h1,h2,h3,p,figure) { margin: 0; }
.inner-page :where(a,button,summary) { -webkit-tap-highlight-color: transparent; }
.inner-page :where(a) { color: inherit; text-underline-offset: .2em; }
.inner-page :where(a:hover) { color: inherit; }
.inner-hero { padding: 10rem var(--inner-gutter) 0; }
.inner-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin-bottom: 3rem; font-size: .8125rem; line-height: 1.6; }
.inner-breadcrumb a { text-decoration: none; }
.inner-breadcrumb a:hover { text-decoration: underline; }
.inner-breadcrumb > span { color: #666; }
.inner-title {
  font-family: var(--font-display);
  font-size: clamp(3.5rem, var(--inner-title-scale, 12.5vw), 14rem);
  font-weight: 600;
  line-height: .97;
  letter-spacing: -.025em;
  text-transform: uppercase;
}
.inner-title > span { display: block; }
.inner-title > span:last-child:not(:first-child) { text-align: right; }
.inner-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 3rem; margin: 3.75rem 0 3rem; }
.inner-intro > p { max-width: 45ch; font-size: clamp(1.125rem, 1.65vw, 1.5rem); line-height: 1.5; letter-spacing: -.02em; }
.inner-intro > .inner-button { justify-self: end; }
.inner-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: fit-content;
  max-width: 100%;
  min-height: 3.25rem;
  padding: .9rem 1.6rem;
  border: 1px solid currentColor;
  border-radius: 5rem;
  color: #000;
  background: transparent;
  font: 600 .9375rem/1.35 var(--font-body);
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  transition: background-color .25s, color .25s;
}
.inner-button:hover { background: #000; color: #fff; }
.inner-button svg { width: 1.25rem; height: 1.25rem; flex: none; }
.inner-hero-image { margin: 0 var(--inner-gutter); }
.inner-hero-image > img { display: block; width: 100%; aspect-ratio: 1.925; object-fit: cover; }
.inner-hero-image > figcaption { display: flex; justify-content: space-between; gap: 1rem; padding-top: .9rem; font-size: .8125rem; line-height: 1.5; color: #555; }
.inner-hero-image > figcaption a { color: #111; }

/* The three overlapping editorial images follow Brave's about-page grid. */
.inner-triptych { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); align-items: start; padding: 1rem var(--inner-gutter) 5rem; margin: 0 0 3rem; }
.inner-triptych > :nth-child(1) { grid-column: 1 / 6; grid-row: 1; }
.inner-triptych > :nth-child(2) { grid-column: 4 / 10; grid-row: 1; margin-top: 5.5rem; z-index: 1; }
.inner-triptych > :nth-child(3) { grid-column: 8 / 13; grid-row: 1; margin-top: 1.5rem; }
.inner-triptych img { display: block; width: 100%; aspect-ratio: .84; object-fit: cover; }
.inner-triptych > img { aspect-ratio: .84; object-fit: cover; }
.inner-triptych figcaption { padding-top: .75rem; font-size: .75rem; color: #555; }
.inner-hero-contact { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; gap: 5vw; }
.inner-hero-contact .inner-breadcrumb { grid-column: 1 / -1; margin-bottom: 0; }
.inner-hero-contact .inner-hero-text { min-width: 0; }
.inner-hero-contact .inner-title { font-size: clamp(3.5rem, 8vw, 9rem); line-height: 1.05; }
.inner-hero-contact .inner-title > span { text-align: left; }
.inner-hero-contact .inner-intro { display: block; margin-bottom: 0; }
.inner-hero-contact .inner-intro p { max-width: 36ch; }
.inner-hero-contact .inner-button { margin-top: 2rem; }
.inner-hero-contact > img,
.inner-hero-contact > figure > img { display: block; width: 100%; aspect-ratio: .775; object-fit: cover; }
.inner-contact-image figcaption { margin-top: .9rem; font-size: .8125rem; line-height: 1.5; color: #555; }
.inner-contact-links { display: flex; flex-direction: column; align-items: start; gap: 1rem; margin-top: 2.5rem; }
.inner-contact-links a { max-width: 100%; font-size: clamp(1.125rem, 2vw, 2rem); line-height: 1.4; overflow-wrap: anywhere; text-decoration-thickness: 1px; }

.inner-expertise,
.inner-work,
.inner-article,
.inner-next { margin-top: var(--inner-space); padding-inline: var(--inner-gutter); }
.inner-section-label { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 3rem; }
.inner-section-label,
.inner-section-label h2 { font-family: var(--font-body); font-size: 1rem; font-weight: 500; letter-spacing: .01em; line-height: 1.35; text-transform: uppercase; }
.inner-section-label svg { width: 1.5rem; height: 1.5rem; }
.inner-section-label > a { display: inline-flex; align-items: center; gap: 1rem; min-height: 2.75rem; text-decoration: none; }
.inner-section-label > a:hover { text-decoration: underline; }
.inner-service-row { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 4.5vw; padding: 3.125rem 0; border-top: 1px solid #000; }
.inner-service-row:last-child { padding-bottom: 0; }
.inner-service-main { display: flex; flex-direction: column; align-items: start; }
.inner-service-main h3 { font: 600 clamp(2.75rem, 5.5vw, 6rem)/1.05 var(--font-display); text-transform: uppercase; letter-spacing: -.02em; margin: 0 0 3rem; }
.inner-service-main > p { max-width: 43ch; font-size: 1.125rem; line-height: 1.65; margin-top: auto; }
.inner-service-links { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }
.inner-service-links a { display: inline-flex; align-items: center; justify-content: space-between; gap: .8rem; min-height: 2.75rem; max-width: 100%; padding: .5rem 1rem; border: 1px solid #8b8b8b; border-radius: 5rem; font-size: .8125rem; line-height: 1.35; text-decoration: none; transition: background-color .2s, color .2s; }
.inner-service-links a:hover { color: #fff; background: #000; border-color: #000; }
.inner-service-links svg { width: 1rem; height: 1rem; flex: none; }
.inner-service-image { display: block; width: 100%; align-self: start; }
.inner-service-image img { display: block; width: 100%; aspect-ratio: .84; object-fit: cover; }
.inner-service-image figcaption { padding-top: .75rem; font-size: .75rem; line-height: 1.5; color: #555; }

/* Chapters are full editorial sections, never hidden to meet a word-count gate. */
.inner-contents { border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 5rem; }
.inner-contents > summary { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.25rem 0; cursor: pointer; list-style: none; font-size: 1rem; line-height: 1.4; }
.inner-contents > summary::-webkit-details-marker { display: none; }
.inner-contents > summary::after { content: ''; flex: none; width: .6rem; height: .6rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); margin-right: .35rem; }
.inner-contents[open] > summary::after { transform: rotate(225deg); }
.inner-contents nav { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: .5rem 3rem; max-width: 70rem; padding: .5rem 0 2rem; }
.inner-contents nav a { display: flex; align-items: center; min-height: 2.75rem; font-size: .9375rem; line-height: 1.5; text-decoration: none; }
.inner-contents nav a:hover { text-decoration: underline; }
.inner-chapters { display: grid; gap: 5rem; }
.inner-chapter { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); column-gap: 1.875rem; border-top: 1px solid var(--inner-line); padding-top: 2.5rem; }
.inner-chapter > h2 { grid-column: 1 / 6; min-width: 0; hyphens: auto; overflow-wrap: anywhere; font: 600 clamp(1.875rem, 2.8vw, 2.625rem)/1.18 var(--font-display); text-transform: uppercase; letter-spacing: -.02em; text-wrap: balance; scroll-margin-top: 2rem; }
.inner-prose { grid-column: 6 / 13; max-width: 66ch; min-width: 0; font-size: 1.125rem; line-height: 1.65; }
.inner-prose > :first-child { margin-top: 0; }
.inner-prose > :last-child { margin-bottom: 0; }
.inner-prose p { margin: 0 0 1.5rem; }
.inner-prose h3 { margin: 2.5rem 0 1rem; font: 600 1.375rem/1.35 var(--font-body); letter-spacing: -.02em; text-wrap: balance; }
.inner-prose ul,
.inner-prose ol { margin: 1.5rem 0; padding-left: 1.4rem; }
.inner-prose li { margin: .625rem 0; padding-left: .2rem; }
.inner-prose a { color: #111; text-decoration: underline; text-decoration-thickness: 1px; overflow-wrap: anywhere; }
.inner-prose a:hover { text-decoration-thickness: 2px; }
.inner-prose strong { font-weight: 650; }
.inner-prose .reading-table { margin: 2rem 0; }
.inner-prose th,
.inner-prose td { font-variant-numeric: tabular-nums; }
.family-pricing .inner-chapter { padding-top: 3rem; }

.inner-work-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3rem 1.875rem; }
.inner-work-grid > figure { min-width: 0; }
.inner-work-grid > figure > a { display: block; overflow: hidden; background: #eee; }
.inner-work-grid img { display: block; width: 100%; aspect-ratio: 1.24; object-fit: cover; }
.inner-work-grid figcaption { display: flex; align-items: start; justify-content: space-between; gap: 2rem; padding-top: 1.25rem; }
.inner-work-grid figcaption > span { font: 600 clamp(1.5rem,2vw,2rem)/1.25 var(--font-display); text-transform: uppercase; letter-spacing: -.01em; }
.inner-work-grid figcaption > a { display: inline-flex; align-items: center; gap: .75rem; flex: none; min-height: 2.75rem; font-size: .8125rem; line-height: 1.35; text-decoration: none; }
.inner-work-grid figcaption svg { width: 1.25rem; height: 1.25rem; flex: none; }
.family-services .inner-work-grid,
.inner-work-grid:has(> figure:only-child) { grid-template-columns: minmax(0,1fr); }
.family-services .inner-work-grid img,
.inner-work-grid:has(> figure:only-child) img { aspect-ratio: 1.925; }
.inner-project-visit { display: flex; justify-content: flex-end; padding: 2rem var(--inner-gutter) 0; }
.inner-next { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8vw; padding-bottom: var(--inner-space); }
.inner-next > h2 { max-width: 9ch; font: 600 clamp(3rem,6vw,6rem)/1.04 var(--font-display); text-transform: uppercase; letter-spacing: -.02em; }
.inner-next-links { min-width: 0; border-top: 1px solid #000; }
.inner-next-links a { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.4rem 0; border-bottom: 1px solid var(--inner-line); font-size: clamp(1.25rem,1.8vw,1.75rem); line-height: 1.35; text-decoration: none; }
.inner-next-links a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
.inner-next-links svg { width: 1.5rem; height: 1.5rem; flex: none; }

/* A distinct contact surface keeps the existing honest email/copy workflow. */
.inner-page .brief-section { display: grid; grid-template-columns: minmax(0,4fr) minmax(0,7fr); column-gap: 8vw; max-width: none; margin: var(--inner-space) 0 0; padding: 6rem var(--inner-gutter); background: #000; color: #fff; }
.inner-page .brief-section > h2 { max-width: 10ch; margin: 0; font: 600 clamp(2.75rem,5vw,5rem)/1.08 var(--font-display); letter-spacing: -.02em; text-transform: uppercase; }
.inner-page .project-brief { min-width: 0; }
.inner-page .project-brief label { font-size: 1rem; line-height: 1.5; margin-bottom: 2rem; }
.inner-page .project-brief input,
.inner-page .project-brief textarea { background: #fff; color: #000; caret-color: #000; padding: 1.2rem; border: 1px solid #d4d6d8; border-radius: .5rem; font-size: 1.125rem; line-height: 1.5; min-height: 4rem; }
.inner-page .project-brief input::placeholder,
.inner-page .project-brief textarea::placeholder { color: #626262; opacity: 1; }
.inner-page .project-brief input:focus-visible,
.inner-page .project-brief textarea:focus-visible { outline-color: #fff; }
.inner-page .brief-fields { gap: 1.5rem; }
.inner-page .brief-actions { gap: 1.5rem; }
.inner-page .brief-actions .reading-button { min-height: 3.5rem; padding: 1rem 1.75rem; border: 1px solid #fff; border-radius: 5rem; background: #fff; color: #000; font: 600 .9375rem/1.4 var(--font-body); text-transform: uppercase; }
.inner-page .brief-actions .reading-button:hover { background: #000; color: #fff; }
.inner-page .brief-copy { color: #fff; min-height: 2.75rem; }
.inner-page .brief-note { color: #d6d6d6; margin-bottom: 0; }
.inner-page .brief-status:not(:empty) { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #666; }
.inner-page .brief-preview summary { min-height: 2.75rem; }
.inner-page .brief-preview pre { color: #000; background: #fff; border-radius: .5rem; }
.inner-page .brief-channels { grid-column: 2; gap: 1rem 2rem; }
.inner-page .brief-channels a { color: #fff; min-height: 2.75rem; }

@media (prefers-reduced-motion: no-preference) {
  .inner-hero-image > img { animation: inner-image-open .85s cubic-bezier(.16,1,.3,1) both; }
  @keyframes inner-image-open { from { clip-path: inset(2% 0 0); } to { clip-path: inset(0); } }
}
@media (min-width: 1600px) {
  .inner-page { --inner-gutter: 1.875rem; }
  .inner-prose { max-width: 68ch; }
}
@media (max-width: 991px) {
  html[data-page="content"] { --inner-gutter: 1.25rem; }
  html[data-page="content"] .site-navigation.is-menu-open .site-nav-menu { background: #000; padding: 1.25rem; }
  html[data-page="content"] .site-navigation.is-menu-open .site-nav-menu .navigation-link { color: #fff; }
  .inner-hero { padding-top: 8rem; }
  .inner-breadcrumb { margin-bottom: 2.5rem; }
  .inner-intro { gap: 2rem; margin-top: 2.5rem; }
  .inner-service-row { grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: 3rem; }
  .inner-service-main h3 { font-size: 5.5vw; margin-bottom: 2rem; }
  .inner-service-main > p { font-size: 1rem; }
  .inner-service-links { margin-top: 1.5rem; }
  .inner-chapter { column-gap: 1.25rem; }
  .inner-chapter > h2 { grid-column: 1 / 5; font-size: 1.875rem; }
  .inner-prose { grid-column: 5 / 13; padding-left: 1rem; }
  .inner-work-grid figcaption { gap: .75rem; flex-direction: column; }
  .inner-next { gap: 4vw; }
  .inner-hero-contact { gap: 3rem; grid-template-columns: minmax(0,3fr) minmax(0,2fr); }
  .inner-hero-contact .inner-title { font-size: 7.5vw; }
  .inner-hero-contact .inner-intro { margin-top: 2rem; }
  .inner-page .brief-section { grid-template-columns: minmax(0,1fr); gap: 3rem; padding-block: 4rem; }
  .inner-page .brief-section > h2 { max-width: 14ch; }
  .inner-page .project-brief { max-width: 50rem; }
  .inner-page .brief-channels { grid-column: 1; padding-top: 0; }
}
@media (max-width: 767px) {
  html[data-page="content"] { --inner-space: 7.5rem; }
  .inner-hero { padding-top: 7.5rem; }
  .inner-breadcrumb { margin-bottom: 2.25rem; gap: .5rem; font-size: .75rem; }
  .inner-title { font-size: var(--inner-title-mobile,12vw); line-height: 1.05; letter-spacing: -.02em; }
  .inner-intro { grid-template-columns: minmax(0,1fr); align-items: start; gap: 1.75rem; margin: 2rem 0 2.5rem; }
  .inner-intro > p { max-width: 44ch; font-size: 1.125rem; line-height: 1.55; }
  .inner-intro > .inner-button { justify-self: start; }
  .inner-button { min-height: 3rem; padding: .85rem 1.4rem; font-size: .8125rem; gap: 1.2rem; }
  .inner-hero-image > img { aspect-ratio: 1.25; }
  .family-case .inner-hero-image > img { aspect-ratio: 1.44; }
  .inner-hero-image > figcaption { font-size: .75rem; }
  .inner-triptych { margin-bottom: 0; padding-bottom: 2rem; }
  .inner-triptych > :nth-child(2) { margin-top: 3rem; }
  .inner-triptych > :nth-child(3) { margin-top: .75rem; }
  .inner-triptych figcaption { font-size: .625rem; }
  .inner-hero-contact { grid-template-columns: minmax(0,1fr); gap: 3rem; }
  .inner-hero-contact .inner-title { font-size: var(--inner-title-mobile,12vw); }
  .inner-hero-contact > img,
  .inner-hero-contact > figure > img { aspect-ratio: 1; }
  .inner-contact-links a { font-size: 1.25rem; }
  .inner-section-label { margin-bottom: 2rem; font-size: .875rem; }
  .inner-section-label h2 { font-size: .875rem; }
  .inner-service-row { grid-template-columns: minmax(0,1fr); gap: 2rem; padding: 2rem 0 3rem; }
  .inner-service-main h3 { font-size: clamp(2.5rem,8vw,4rem); margin-bottom: 1.5rem; }
  .inner-service-main > p { max-width: 45ch; font-size: 1.0625rem; line-height: 1.6; }
  .inner-service-image,
  .inner-service-image img { aspect-ratio: 1.25; }
  .inner-service-links { gap: .5rem; }
  .inner-service-links a { font-size: .75rem; padding-inline: .85rem; }
  .inner-contents { margin-bottom: 3.5rem; }
  .inner-contents > summary { font-size: .9375rem; }
  .inner-contents nav { grid-template-columns: minmax(0,1fr); gap: .25rem; }
  .inner-contents nav a { font-size: .875rem; }
  .inner-chapters { gap: 3.5rem; }
  .inner-chapter { grid-template-columns: minmax(0,1fr); gap: 1.75rem; padding-top: 2rem; }
  .inner-chapter > h2 { grid-column: 1; max-width: 24ch; font-size: 1.625rem; line-height: 1.2; }
  .inner-prose { grid-column: 1; padding: 0; font-size: 1.0625rem; line-height: 1.65; }
  .inner-prose h3 { font-size: 1.25rem; }
  .inner-prose .reading-table table { font-size: .875rem; }
  .inner-work-grid { grid-template-columns: minmax(0,1fr); gap: 2.5rem; }
  .inner-work-grid img,
  .family-services .inner-work-grid img,
  .inner-work-grid:has(> figure:only-child) img { aspect-ratio: 1.25; }
  .inner-work-grid figcaption { flex-direction: row; align-items: start; }
  .inner-work-grid figcaption > span { font-size: 1.375rem; }
  .inner-work-grid figcaption > a { font-size: .75rem; min-height: 2.75rem; }
  .inner-next { grid-template-columns: minmax(0,1fr); gap: 2.5rem; }
  .inner-next > h2 { max-width: 13ch; font-size: clamp(2.75rem,9vw,4rem); }
  .inner-next-links a { padding-block: 1.25rem; font-size: 1.25rem; }
  .inner-page .brief-section { padding-block: 3rem; }
  .inner-page .brief-section > h2 { font-size: clamp(2.5rem,9vw,4rem); }
  .inner-page .project-brief label { font-size: .9375rem; }
  .inner-page .project-brief input,
  .inner-page .project-brief textarea { font-size: 1rem; padding: 1rem; }
  .inner-page .brief-fields { gap: 0; }
  .inner-page .brief-actions { gap: 1rem; }
  .inner-page .brief-actions .reading-button { font-size: .8125rem; padding-inline: 1.4rem; }
  .inner-page .brief-note { font-size: .8125rem; line-height: 1.6; }
}
@media (max-width: 479px) {
  html[data-page="content"] { --inner-gutter: .9375rem; }
  html[data-page="content"] .site-navigation.is-menu-open .site-nav-menu { padding-inline: .9375rem; }
  html[data-page="content"] .site-navigation .site-menu-toggle { width: 44px; height: 44px; }
  .inner-hero { padding-top: 7rem; }
  .inner-title { font-size: var(--inner-title-mobile,12vw); }
  .inner-intro > p { font-size: 1.0625rem; }
  .inner-work-grid figcaption { gap: 1rem; }
  .inner-work-grid figcaption > a { max-width: 45%; }
  .inner-contact-links a { font-size: 1.0625rem; }
}
@media (prefers-reduced-motion: reduce) {
  .inner-hero-image > img { animation: none; clip-path: none; }
  .inner-button,
  .inner-service-links a { transition: none; }
}

/* Authored localized title scales: long words stay whole at phone widths. */
html[data-content-id="automation"] .inner-title { --inner-title-scale: 11vw; --inner-title-mobile: 10vw; }
html[lang="ru"][data-content-id="services"] .inner-title { --inner-title-scale: 11.8vw; --inner-title-mobile: 11.2vw; }
html[data-page="content"] .navigation-inner { border-bottom: 1px solid #000; padding-bottom: 1.25rem; }
@media (max-width: 767px) {
 html[data-page="content"] .navigation-inner { padding-bottom: .75rem; }
}

.inner-triptych > .inner-triptych-caption { grid-column: 1 / -1; grid-row: 2; margin-top: 1rem; padding: 0; color: #555; font-size: .8125rem; line-height: 1.5; }
@media (max-width: 767px) { .inner-triptych > .inner-triptych-caption { font-size: .75rem; } }