/* Foundation: Tokens */
:root {
  --color-black: #111111;
  --color-dark: #1C1C1C;
  --color-surface-dark: #242424;
  --color-copper: #B87333;
  --color-copper-light: #D29A63;
  --color-light: #F5F5F5;
  --color-muted-dark: #A3A3A3;
  --color-text: var(--color-black);
  --color-text-muted: #4A4A4A;
  --color-border: #D6D6D6;
  --border-subtle: rgba(17, 17, 17, 0.12);

  --font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-size-base: 1rem;
  --line-height-base: 1.6;
  --font-weight-regular: 400;
  --font-weight-strong: 650;

  --site-max: 82.5rem;
  --content-measure: 46rem;
  --gutter: 1rem;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 5.5rem;

  --radius-sm: 2px;
  --radius-md: 4px;

  --focus-ring: 2px solid var(--color-copper);
  --focus-offset: 2px;
  --header-z: 20;
  --quick-contact-z: 19;
  --floating-whatsapp-z: 18;
}

@media (min-width: 768px) {
  :root {
    --gutter: 1.25rem;
  }
}

@media (min-width: 1200px) {
  :root {
    --gutter: 1.5rem;
  }
}

/* Foundation: Base */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  overflow-x: clip;
}

body {
  margin: 0;
  min-width: 0;
  overflow-x: clip;
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-base);
  color: var(--color-text);
  background: var(--color-light);
  overflow-wrap: break-word;
}

img,
video {
  max-width: 100%;
  height: auto;
}

table {
  max-width: 100%;
}

input,
textarea,
select,
button {
  font: inherit;
}

/* Foundation: Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family);
  color: var(--color-black);
  font-weight: var(--font-weight-strong);
  letter-spacing: -0.02em;
  text-transform: none;
}

h1 {
  font-size: clamp(2rem, 1.55rem + 1.6vw, 3.25rem);
  line-height: 1.15;
  margin: 0 0 var(--space-2);
}

h2 {
  font-size: clamp(1.5rem, 1.25rem + 0.9vw, 2.25rem);
  line-height: 1.2;
  margin: var(--space-4) 0 var(--space-2);
}

h3 {
  font-size: clamp(1.125rem, 1.05rem + 0.25vw, 1.375rem);
  line-height: 1.25;
  margin: var(--space-3) 0 var(--space-1);
}

p {
  margin: 0 0 var(--space-2);
}

.prose {
  max-width: var(--content-measure);
}

/* Foundation: Links + focus */
a {
  color: var(--color-black);
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

a:hover,
a:focus-visible {
  color: var(--color-copper);
}

:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

::selection {
  background: rgba(184, 115, 51, 0.28);
  color: var(--color-black);
}

/* Foundation: Accessibility utilities */
.visually-hidden,
.contact-form__honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%);
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link {
  position: absolute;
  left: var(--gutter);
  top: var(--space-2);
  z-index: 100;
  padding: 0.5rem 0.75rem;
  background: var(--color-copper);
  color: var(--color-black);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
  transform: translateY(-160%);
}

.skip-link:focus,
.skip-link:focus-visible {
  transform: none;
  color: var(--color-black);
}

/* Foundation: Layout */
.site-container {
  width: 100%;
  max-width: var(--site-max);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.site-main {
  padding-block: var(--space-3) var(--space-5);
}

.site-main--flush {
  padding: 0;
}

.section {
  padding-block: var(--space-6);
}

@media (min-width: 768px) {
  .section {
    padding-block: var(--space-7);
  }
}

.media-frame img {
  display: block;
  width: 100%;
  height: auto;
}

/* Shell: Header — Premium Industrial Corporate */
.site-header {
  position: sticky;
  top: 0;
  z-index: var(--header-z);
  background: var(--color-black);
  border-bottom: 1px solid #2A2A2A;
  color: var(--color-light);
}

.site-header a {
  text-decoration: none;
}

.site-header a:hover,
.site-header a:focus-visible {
  color: var(--color-light);
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: 4.25rem;
  padding-block: 0.65rem;
}

.site-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5625rem;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 44px;
  color: var(--color-light);
  text-decoration: none;
}

.site-brand:hover,
.site-brand:focus-visible {
  color: var(--color-light);
}

.site-brand__mark {
  position: relative;
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  flex: 0 0 1.75rem;
  box-sizing: border-box;
  border: 2px solid var(--color-copper);
}

.site-brand__mark::after {
  content: "";
  position: absolute;
  inset: 0.28rem;
  background: var(--color-copper);
}

.site-brand__logo {
  display: block;
  height: 2rem;
  width: auto;
  max-width: 8rem;
  max-height: 2rem;
  object-fit: contain;
  flex: 0 0 auto;
}

.site-brand__name {
  min-width: 0;
  font-size: 1.0625rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.01em;
  color: var(--color-light);
  text-transform: none;
  overflow-wrap: anywhere;
}

.site-header__menu {
  display: block;
  margin: 0;
  flex: 0 0 auto;
  min-width: 44px;
}

.site-header__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
  color: var(--color-light);
  background: transparent;
  border: 1px solid #2A2A2A;
  border-radius: var(--radius-sm);
}

.site-header__toggle::-webkit-details-marker,
.site-header__toggle::marker {
  display: none;
  content: "";
}

.site-header__toggle:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.site-header__toggle-icon,
.site-header__toggle-icon::before,
.site-header__toggle-icon::after {
  display: block;
  width: 1.1rem;
  height: 2px;
  background: var(--color-light);
}

.site-header__toggle-icon {
  position: relative;
}

.site-header__toggle-icon::before,
.site-header__toggle-icon::after {
  content: "";
  position: absolute;
  left: 0;
}

.site-header__toggle-icon::before {
  top: -6px;
}

.site-header__toggle-icon::after {
  top: 6px;
}

.site-nav--desktop {
  display: none;
}

.site-nav--panel {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: var(--header-z);
  background: var(--color-dark);
  border-bottom: 1px solid #2A2A2A;
  padding: var(--space-1) var(--gutter) var(--space-2);
}

.site-header__menu[open] .site-nav--panel {
  display: block;
}

.site-nav__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-nav__link {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0.35rem 0;
  color: #D8D8D8;
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

.site-nav__link:hover,
.site-nav__link:focus-visible {
  color: var(--color-light);
  border-bottom-color: var(--color-copper);
}

.site-nav__link.is-active {
  color: var(--color-light);
  font-weight: 600;
  border-bottom-color: var(--color-copper);
}

.site-header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: var(--space-1);
  padding: 0.5rem 1.25rem;
  color: var(--color-black);
  background: var(--color-copper);
  border: 1px solid var(--color-copper);
  border-radius: var(--radius-sm);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  text-decoration: none;
  width: fit-content;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.site-header__cta:hover,
.site-header__cta:focus-visible {
  color: var(--color-black);
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
}

.site-header__cta.site-nav__link {
  border-bottom: 1px solid var(--color-copper);
}

.site-header__cta:not(.site-nav__link--cta) {
  background: transparent;
  color: #D8D8D8;
  border-color: #2A2A2A;
}

.site-header__cta:not(.site-nav__link--cta):hover,
.site-header__cta:not(.site-nav__link--cta):focus-visible {
  color: var(--color-light);
  border-color: var(--color-copper);
  background: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .site-header__cta {
    transition: none;
  }
}

@media (max-width: 359.98px) {
  .site-brand__logo {
    height: 1.75rem;
    max-height: 1.75rem;
  }

  .site-brand__name {
    font-size: 0.9375rem;
  }
}

@media (min-width: 1280px) {
  .site-header__inner {
    min-height: 4.75rem;
    gap: var(--space-3);
  }

  .site-brand {
    flex: 0 1 auto;
  }

  .site-brand__logo {
    height: 2.0625rem;
    max-height: 2.0625rem;
  }

  .site-header__menu {
    display: none;
  }

  .site-nav--desktop {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
    align-items: center;
  }

  .site-nav--desktop .site-nav__list {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.15rem 1rem;
    width: 100%;
  }

  .site-nav--desktop .site-nav__link {
    font-size: 0.875rem;
    white-space: nowrap;
    padding: 0.25rem 0;
  }

  .site-nav--desktop .site-nav__item--cta {
    margin-left: 0.35rem;
  }

  .site-nav--desktop .site-header__cta {
    margin-top: 0;
    min-height: 2.75rem;
    padding-inline: 1.25rem;
  }
}

/* Shell: Footer — dark corporate band */
.site-footer {
  background: var(--color-black);
  color: var(--color-light);
  border-top: 1px solid var(--color-copper);
  padding-top: 3.25rem;
  padding-bottom: 1.25rem;
}

.site-footer__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  align-items: start;
}

.site-footer__brand-block {
  min-width: 0;
  max-width: 22rem;
}

.site-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0 0 var(--space-2);
  color: var(--color-light);
  text-decoration: none;
  min-height: 44px;
}

.site-footer__brand:hover,
.site-footer__brand:focus-visible {
  color: var(--color-light);
  text-decoration: none;
}

.site-footer__brand:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.site-footer__logo {
  display: block;
  height: 1.875rem;
  width: auto;
  max-width: 7.5rem;
  object-fit: contain;
}

.site-footer__brand-name {
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.01em;
  line-height: 1.2;
}

.site-footer__tagline {
  margin: 0;
  color: var(--color-muted-dark);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.site-footer__group {
  min-width: 0;
  margin: 0;
}

.site-footer__heading {
  margin: 0 0 var(--space-2);
  color: var(--color-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.site-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.site-footer__list a {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  color: var(--color-muted-dark);
  font-size: 0.9875rem;
  line-height: 1.4;
  text-decoration: none;
}

.site-footer__list a:hover,
.site-footer__list a:focus-visible {
  color: var(--color-light);
  text-decoration: underline;
  text-decoration-color: var(--color-copper-light);
  text-underline-offset: 0.18em;
}

.site-footer__list a:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.site-footer__list a.site-footer__phone {
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.02em;
}

.site-footer__bottom {
  margin-top: var(--space-1);
  padding-top: var(--space-4);
  border-top: 1px solid rgba(245, 245, 245, 0.1);
}

.site-footer__copyright {
  margin: 0;
  color: var(--color-muted-dark);
  font-size: 0.875rem;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .site-footer {
    padding-top: var(--space-6);
    padding-bottom: var(--space-4);
  }

  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4) var(--space-5);
  }

  .site-footer__brand-block {
    grid-column: 1 / -1;
    max-width: 28rem;
  }

  .site-footer__list a {
    min-height: 2.25rem;
  }
}

@media (min-width: 1200px) {
  .site-footer {
    padding-top: var(--space-6);
    padding-bottom: var(--space-4);
  }

  .site-footer__grid {
    grid-template-columns: minmax(0, 1.45fr) repeat(3, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .site-footer__brand-block {
    grid-column: auto;
    max-width: none;
    padding-right: var(--space-2);
  }

  .site-footer__inner {
    gap: var(--space-5);
  }

  .site-footer__bottom {
    margin-top: 0;
  }
}

.breadcrumb-nav ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  list-style: none;
  margin: 0 0 var(--space-2);
  padding: 0;
}

.breadcrumb-nav a {
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

/* Mobile conversion bar — functional, plain */
.site-quick-contact {
  display: none;
}

@media (max-width: 767.98px) {
  .has-mobile-quick-contact {
    padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
  }

  .site-quick-contact {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--quick-contact-z);
    gap: var(--space-1);
    margin: 0;
    padding: var(--space-1) var(--gutter);
    padding-bottom: calc(var(--space-1) + env(safe-area-inset-bottom, 0px));
    background: var(--color-light);
    border-top: 1px solid var(--color-border);
  }

  .site-quick-contact__action {
    flex: 1 1 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: var(--space-1);
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
  }
}

/* Floating WhatsApp — desktop/tablet conversion only */
.floating-whatsapp {
  display: none;
}

@media (min-width: 768px) {
  .floating-whatsapp {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: var(--floating-whatsapp-z);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: #25D366;
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 0 1px 0 rgba(17, 17, 17, 0.12);
  }

  .floating-whatsapp:hover,
  .floating-whatsapp:focus-visible {
    color: #FFFFFF;
    background: #1EBE57;
  }

  .floating-whatsapp:focus-visible {
    outline: var(--focus-ring);
    outline-offset: var(--focus-offset);
  }

  .floating-whatsapp__icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
  }

  @media (prefers-reduced-motion: no-preference) {
    .floating-whatsapp:hover {
      transform: translateY(-1px);
    }
  }
}

/* Homepage hero — premium industrial corporate */
.home-hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
}

.home-hero__inner {
  display: grid;
  gap: var(--space-4);
  padding-block: 3.5rem;
  align-items: start;
}

.home-hero__content {
  min-width: 0;
  max-width: 48rem;
}

.home-hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.home-hero__kicker::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1px;
  background: var(--color-copper);
  flex: 0 0 auto;
}

.home-hero__title {
  margin: 0 0 var(--space-3);
  max-width: 20em;
  color: var(--color-light);
  font-size: clamp(2.2rem, 1.7rem + 2.2vw, 4rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.home-hero__lead {
  margin: 0 0 var(--space-2);
  max-width: var(--content-measure);
  color: var(--color-light);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.home-hero__support {
  margin: 0 0 var(--space-4);
  max-width: var(--content-measure);
  color: var(--color-muted-dark);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
}

.home-hero__primary,
.home-hero__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-sm);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.home-hero__primary {
  background: var(--color-copper);
  color: var(--color-black);
  border: 1px solid var(--color-copper);
}

.home-hero__primary:hover,
.home-hero__primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: var(--color-black);
}

.home-hero__secondary {
  background: transparent;
  color: var(--color-light);
  border: 1px solid rgba(245, 245, 245, 0.35);
}

.home-hero__secondary:hover,
.home-hero__secondary:focus-visible {
  color: var(--color-copper-light);
  border-color: var(--color-copper);
}

.home-hero__primary:focus-visible,
.home-hero__secondary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.home-hero__visual {
  min-width: 0;
}

.home-hero__frame {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  aspect-ratio: 4 / 3;
  max-width: 28rem;
  margin-inline: 0;
  padding: 1.25rem;
  background:
    linear-gradient(rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 100% 1.75rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 1.75rem 100%,
    var(--color-dark);
  border: 1px solid rgba(245, 245, 245, 0.12);
  overflow: hidden;
}

.home-hero__frame-mark {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  border-color: var(--color-copper);
  border-style: solid;
  border-width: 0;
}

.home-hero__frame-mark--tl {
  top: 0.55rem;
  left: 0.55rem;
  border-top-width: 1px;
  border-left-width: 1px;
}

.home-hero__frame-mark--tr {
  top: 0.55rem;
  right: 0.55rem;
  border-top-width: 1px;
  border-right-width: 1px;
}

.home-hero__frame-mark--bl {
  bottom: 0.55rem;
  left: 0.55rem;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.home-hero__frame-mark--br {
  bottom: 0.55rem;
  right: 0.55rem;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

.home-hero__frame-index {
  color: var(--color-copper);
  font-size: clamp(2.5rem, 2rem + 2vw, 3.5rem);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.home-hero__frame-label {
  color: var(--color-light);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.home-hero__frame-meta {
  color: var(--color-muted-dark);
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.home-hero__frame-point {
  position: absolute;
  top: 1.35rem;
  right: 1.35rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: var(--color-copper);
}

@media (max-width: 479.98px) {
  .home-hero__actions {
    flex-direction: column;
  }

  .home-hero__primary,
  .home-hero__secondary {
    width: 100%;
    min-height: 2.75rem;
  }

  .home-hero__frame {
    aspect-ratio: 16 / 10;
    max-width: none;
  }
}

@media (max-width: 359.98px) {
  .home-hero__visual {
    display: none;
  }

  .home-hero__title {
    font-size: clamp(2rem, 1.85rem + 1.5vw, 2.4rem);
  }
}

@media (min-width: 768px) {
  .home-hero__inner {
    padding-block: 4.5rem;
  }

  .home-hero__frame {
    max-width: 32rem;
  }
}

@media (min-width: 1024px) {
  .home-hero__inner {
    grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
    gap: var(--space-6);
    align-items: center;
    min-height: 36rem;
    padding-block: 5.5rem;
  }

  .home-hero__content {
    max-width: none;
  }

  .home-hero__title {
    max-width: 12em;
  }

  .home-hero__visual {
    justify-self: end;
    width: 100%;
  }

  .home-hero__frame {
    width: 100%;
    max-width: 26rem;
    margin-inline: auto 0;
  }
}

/* Homepage operation intro — editorial light transition */
.home-operation-intro {
  background: var(--color-light);
  color: var(--color-text);
  padding-block: var(--space-6);
}

.home-operation-intro__inner {
  display: grid;
  gap: var(--space-4);
  align-items: start;
}

.home-operation-intro__heading {
  min-width: 0;
}

.home-operation-intro__index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-operation-intro__title {
  margin: 0;
  max-width: 22rem;
  color: var(--color-black);
}

.home-operation-intro__content {
  min-width: 0;
}

.home-operation-intro__lead {
  margin: 0 0 var(--space-3);
  max-width: var(--content-measure);
  color: var(--color-text);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.home-operation-intro__list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: var(--content-measure);
}

.home-operation-intro__item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  margin: 0;
  padding-block: var(--space-2);
  border-bottom: 1px solid var(--border-subtle);
  color: var(--color-text-muted);
  line-height: 1.55;
}

.home-operation-intro__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.home-operation-intro__item:first-child {
  padding-top: 0;
}

.home-operation-intro__marker {
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.55;
}

.home-operation-intro__text {
  min-width: 0;
}

@media (min-width: 768px) {
  .home-operation-intro {
    padding-block: var(--space-7);
  }
}

@media (min-width: 1024px) {
  .home-operation-intro__inner {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.55fr);
    gap: var(--space-6);
  }

  .home-operation-intro__title {
    max-width: 20rem;
  }
}

/* Homepage featured services — clickable card grid */
.home-services {
  background: var(--color-light);
  padding-block: var(--space-6);
}

.home-services__header {
  margin-bottom: var(--space-4);
  max-width: var(--content-measure);
}

.home-services__header h2 {
  margin-top: 0;
}

.home-services__lead {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.65;
}

.home-services__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.home-service-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  padding: var(--space-3);
  background: #FFFFFF;
  border: 1px solid var(--color-border);
  border-top: 2px solid var(--color-copper);
  border-radius: var(--radius-sm);
  color: var(--color-black);
  text-decoration: none;
  box-shadow: none;
}

.home-service-card:hover,
.home-service-card:focus-visible {
  color: var(--color-black);
  border-color: rgba(184, 115, 51, 0.45);
  border-top-color: var(--color-copper);
}

.home-service-card:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.home-service-card__index {
  display: block;
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-service-card__title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.home-service-card__description {
  margin: 0 0 var(--space-3);
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.home-service-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: auto;
  color: var(--color-black);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.home-service-card__cta [aria-hidden="true"] {
  color: var(--color-copper);
}

@media (prefers-reduced-motion: no-preference) {
  .home-service-card__cta [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .home-service-card:hover .home-service-card__cta [aria-hidden="true"],
  .home-service-card:focus-visible .home-service-card__cta [aria-hidden="true"] {
    transform: translateX(0.2rem);
  }
}

.home-services__more {
  margin: var(--space-4) 0 0;
}

@media (min-width: 768px) {
  .home-services {
    padding-block: var(--space-7);
  }

  .home-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }
}

@media (min-width: 1200px) {
  .home-services__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Homepage trust — dark confidence band */
.home-trust {
  background: var(--color-surface-dark);
  color: var(--color-light);
  padding-block: var(--space-6);
}

.home-trust__header {
  margin-bottom: var(--space-5);
  max-width: var(--content-measure);
}

.home-trust__index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-trust__kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.home-trust__title {
  margin: 0 0 var(--space-3);
  color: var(--color-light);
}

.home-trust__intro {
  margin: 0;
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.home-trust__primary {
  display: grid;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
}

.home-trust__statement {
  min-width: 0;
  padding-bottom: var(--space-4);
  border-bottom: 1px solid rgba(245, 245, 245, 0.12);
}

.home-trust__value {
  margin: 0 0 var(--space-1);
  color: var(--color-copper);
  font-size: clamp(2.75rem, 2.2rem + 2.4vw, 4.5rem);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.home-trust__statement-title {
  margin: 0 0 var(--space-2);
  color: var(--color-light);
  font-size: clamp(1.15rem, 1.05rem + 0.35vw, 1.35rem);
  font-weight: 700;
  line-height: 1.25;
}

.home-trust__statement-copy {
  margin: 0;
  max-width: 36rem;
  color: var(--color-muted-dark);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.home-trust__details {
  display: grid;
  gap: var(--space-4);
  padding-top: var(--space-1);
  border-top: 1px solid rgba(245, 245, 245, 0.12);
}

.home-trust__detail {
  display: grid;
  grid-template-columns: 0.75rem minmax(0, 1fr);
  column-gap: var(--space-2);
  row-gap: var(--space-1);
  min-width: 0;
}

.home-trust__marker {
  grid-row: 1 / span 2;
  width: 0.125rem;
  height: 100%;
  min-height: 2.5rem;
  margin-top: 0.35rem;
  background: var(--color-copper);
}

.home-trust__detail-title {
  margin: 0;
  color: var(--color-light);
  font-size: 1.0625rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.home-trust__detail-copy {
  margin: 0;
  color: var(--color-muted-dark);
  font-size: 0.9875rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .home-trust {
    padding-block: var(--space-7);
  }

  .home-trust__primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-bottom: var(--space-6);
  }

  .home-trust__statement {
    padding: 0 var(--space-4) 0 0;
    border-bottom: 0;
  }

  .home-trust__statement--experience {
    border-right: 1px solid rgba(245, 245, 245, 0.12);
    padding-right: var(--space-5);
  }

  .home-trust__statement--engineer {
    padding-left: var(--space-5);
    padding-right: 0;
  }

  .home-trust__details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    padding-top: var(--space-5);
  }
}

/* Homepage materials — editorial technical index */
.home-materials {
  background: var(--color-light);
  color: var(--color-text);
  padding-block: var(--space-6);
}

.home-materials__header {
  display: grid;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  align-items: start;
}

.home-materials__intro {
  min-width: 0;
  max-width: var(--content-measure);
}

.home-materials__index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-materials__title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
}

.home-materials__lead {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.65;
}

.home-materials__all {
  margin: 0;
}

.home-materials__all a {
  font-weight: var(--font-weight-strong);
  text-decoration-thickness: 1px;
}

.home-materials__grid {
  display: grid;
  grid-template-columns: 1fr;
}

.home-material-item {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--space-2) var(--space-3);
  align-items: start;
  min-width: 0;
  margin: 0;
  padding-block: var(--space-3);
  border-top: 1px solid var(--border-subtle);
  color: var(--color-black);
  text-decoration: none;
  background: transparent;
}

.home-material-item:last-child {
  border-bottom: 1px solid var(--border-subtle);
}

.home-material-item:hover,
.home-material-item:focus-visible {
  color: var(--color-black);
  border-top-color: rgba(184, 115, 51, 0.35);
  background: rgba(17, 17, 17, 0.02);
}

.home-material-item:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.home-material-item__index {
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.4;
  padding-top: 0.15rem;
}

.home-material-item:hover .home-material-item__index,
.home-material-item:focus-visible .home-material-item__index {
  color: var(--color-copper-light);
}

.home-material-item__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-1);
}

.home-material-item__title {
  margin: 0;
  color: var(--color-black);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.home-material-item__description {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.home-material-item__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: var(--space-1);
  color: var(--color-black);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.home-material-item__cta [aria-hidden="true"] {
  color: var(--color-copper);
}

@media (prefers-reduced-motion: no-preference) {
  .home-material-item__cta [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .home-material-item:hover .home-material-item__cta [aria-hidden="true"],
  .home-material-item:focus-visible .home-material-item__cta [aria-hidden="true"] {
    transform: translateX(0.2rem);
  }
}

@media (min-width: 768px) {
  .home-materials {
    padding-block: var(--space-7);
  }

  .home-materials__header {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-4);
    align-items: end;
  }

  .home-materials__all {
    justify-self: end;
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 900px) {
  .home-materials__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-6);
  }

  .home-material-item:nth-last-child(1):nth-child(odd) {
    border-bottom: 1px solid var(--border-subtle);
  }
}

/* Homepage metal swarf — dark specialty band */
.home-swarf {
  background: var(--color-dark);
  color: var(--color-light);
  padding-block: var(--space-6);
}

.home-swarf__inner {
  display: grid;
  gap: var(--space-4);
  align-items: start;
}

.home-swarf__heading {
  min-width: 0;
}

.home-swarf__index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-swarf__kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.home-swarf__title {
  margin: 0;
  max-width: 18rem;
  color: var(--color-light);
}

.home-swarf__content {
  min-width: 0;
}

.home-swarf__lead {
  margin: 0 0 var(--space-3);
  max-width: var(--content-measure);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.home-swarf__meta {
  margin: 0 0 var(--space-3);
  color: var(--color-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.home-swarf__list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: var(--content-measure);
}

.home-swarf__item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  margin: 0;
  padding-block: var(--space-2);
  border-top: 1px solid rgba(245, 245, 245, 0.12);
  color: var(--color-muted-dark);
  line-height: 1.55;
}

.home-swarf__item:last-child {
  border-bottom: 1px solid rgba(245, 245, 245, 0.12);
}

.home-swarf__marker {
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.55;
}

.home-swarf__text {
  min-width: 0;
  color: var(--color-light);
}

.home-swarf__action {
  min-width: 0;
}

.home-swarf__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 3rem;
  padding: 0.75rem 1.25rem;
  border: 1px solid var(--color-copper);
  border-radius: var(--radius-sm);
  background: var(--color-copper);
  color: var(--color-black);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.home-swarf__cta:hover,
.home-swarf__cta:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: var(--color-black);
}

.home-swarf__cta:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.home-swarf__cta [aria-hidden="true"] {
  color: var(--color-black);
}

@media (max-width: 479.98px) {
  .home-swarf__cta {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .home-swarf {
    padding-block: var(--space-7);
  }
}

@media (min-width: 1024px) {
  .home-swarf__inner {
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.1fr);
    grid-template-areas:
      "heading content"
      "action content";
    column-gap: var(--space-6);
    row-gap: var(--space-4);
  }

  .home-swarf__heading {
    grid-area: heading;
  }

  .home-swarf__content {
    grid-area: content;
  }

  .home-swarf__action {
    grid-area: action;
    align-self: start;
  }

  .home-swarf__title {
    max-width: 16rem;
  }
}

/* Homepage operations — light technical capability matrix */
.home-operations {
  background: var(--color-light);
  color: var(--color-text);
  padding-block: var(--space-6);
}

.home-operations__header {
  margin-bottom: var(--space-4);
  max-width: var(--content-measure);
}

.home-operations__index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-operations__kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.home-operations__title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
}

.home-operations__lead {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.65;
}

.home-operations__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.home-operations__group {
  min-width: 0;
  padding-block: var(--space-3);
  border-top: 1px solid var(--border-subtle);
}

.home-operations__group:last-child {
  border-bottom: 1px solid var(--border-subtle);
}

.home-operations__group-index {
  margin: 0 0 var(--space-1);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-operations__group-title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
}

.home-operations__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.home-operations__item {
  position: relative;
  margin: 0;
  padding: 0.35rem 0 0.35rem 1rem;
  color: var(--color-text-muted);
  line-height: 1.5;
}

.home-operations__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 4px;
  height: 4px;
  background: var(--color-copper);
  border-radius: 0;
}

@media (min-width: 768px) {
  .home-operations {
    padding-block: var(--space-7);
  }

  .home-operations__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .home-operations__group {
    padding-block: var(--space-4);
  }

  .home-operations__group:nth-child(odd) {
    padding-right: var(--space-3);
  }

  .home-operations__group:nth-child(even) {
    padding-left: var(--space-3);
    border-left: 1px solid var(--border-subtle);
  }

  .home-operations__group:nth-last-child(-n + 2) {
    border-bottom: 1px solid var(--border-subtle);
  }
}

@media (min-width: 1200px) {
  .home-operations__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 0;
  }

  .home-operations__group {
    padding: var(--space-4) var(--space-3);
    border-top: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
    border-left: 0;
  }

  .home-operations__group:nth-child(odd),
  .home-operations__group:nth-child(even) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }

  .home-operations__group:first-child {
    padding-left: 0;
  }

  .home-operations__group:last-child {
    padding-right: 0;
  }

  .home-operations__group + .home-operations__group {
    border-left: 1px solid var(--border-subtle);
  }

  .home-operations__group:nth-last-child(-n + 2) {
    border-bottom: 1px solid var(--border-subtle);
  }
}

/* Homepage process — how it works */
.home-process {
  background: #F0EFEC;
  color: var(--color-text);
  padding-block: var(--space-6);
}

.home-process__header {
  margin-bottom: var(--space-5);
  max-width: var(--content-measure);
}

.home-process__index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-process__kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.home-process__title-main {
  margin: 0;
  color: var(--color-black);
}

.home-process__grid {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
}

.home-process__step {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.home-process__number {
  display: block;
  margin: 0 0 var(--space-1);
  color: var(--color-copper);
  font-size: clamp(2rem, 1.75rem + 0.8vw, 2.5rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}

.home-process__title {
  margin: 0 0 var(--space-1);
  color: var(--color-black);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
}

.home-process__description {
  margin: 0;
  max-width: 22rem;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .home-process {
    padding-block: var(--space-7);
  }

  .home-process__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
    row-gap: var(--space-5);
  }
}

@media (min-width: 1200px) {
  .home-process__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--space-4);
    row-gap: 0;
  }

  .home-process__step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 1.15rem;
    left: 3.25rem;
    right: calc(-1 * var(--space-4));
    height: 1px;
    background: var(--border-subtle);
    pointer-events: none;
  }

  .home-process__number {
    position: relative;
    z-index: 1;
    background: #F0EFEC;
    padding-right: 0.5rem;
    width: fit-content;
  }
}

/* Homepage regions — service geography */
.home-regions {
  background: #FFFFFF;
  color: var(--color-text);
  padding-block: var(--space-6);
}

.home-regions__header {
  margin-bottom: var(--space-5);
  max-width: var(--content-measure);
}

.home-regions__index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-regions__kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.home-regions__title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
}

.home-regions__lead {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.65;
}

.home-regions__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}

.home-region {
  display: block;
  min-width: 0;
  padding-block: var(--space-3);
  border-top: 1px solid var(--border-subtle);
  color: var(--color-black);
  text-decoration: none;
}

.home-region:hover,
.home-region:focus-visible {
  color: var(--color-black);
  border-top-color: rgba(184, 115, 51, 0.4);
  text-decoration: none;
}

.home-region:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.home-region:last-child {
  border-bottom: 1px solid var(--border-subtle);
}

.home-region__index {
  display: block;
  margin: 0 0 var(--space-1);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-region__title {
  margin: 0 0 var(--space-1);
  color: var(--color-black);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.25;
}

.home-region__description {
  margin: 0 0 var(--space-2);
  max-width: 28rem;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.home-region__link-text {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2.75rem;
  color: var(--color-black);
  font-weight: var(--font-weight-strong);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.home-region__link-text [aria-hidden="true"] {
  color: var(--color-copper);
  text-decoration: none;
}

@media (prefers-reduced-motion: no-preference) {
  .home-region__link-text [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .home-region:hover .home-region__link-text [aria-hidden="true"],
  .home-region:focus-visible .home-region__link-text [aria-hidden="true"] {
    transform: translateX(0.15rem);
  }
}

.home-regions__more {
  margin: var(--space-4) 0 0;
}

.home-regions__more a {
  font-weight: var(--font-weight-strong);
  text-decoration-thickness: 1px;
}

@media (min-width: 768px) {
  .home-regions {
    padding-block: var(--space-7);
  }

  .home-regions__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
    row-gap: 0;
  }

  .home-region {
    padding-block: var(--space-4);
  }

  .home-region:nth-child(odd) {
    padding-right: var(--space-3);
  }

  .home-region:nth-child(even) {
    padding-left: var(--space-3);
  }

  .home-region:nth-last-child(-n + 2) {
    border-bottom: 1px solid var(--border-subtle);
  }
}

/* Homepage knowledge — balanced 2x2 editorial grid */
.home-knowledge {
  background: #F7F7F5;
  color: var(--color-text);
  padding-block: var(--space-6);
}

.home-knowledge__header {
  margin-bottom: var(--space-5);
  max-width: var(--content-measure);
}

.home-knowledge__index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-knowledge__kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.home-knowledge__title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
}

.home-knowledge__lead {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.65;
}

.home-knowledge__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.home-knowledge-link {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding: 1.75rem;
  background: #FFFFFF;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-black);
  text-decoration: none;
}

.home-knowledge-link:hover,
.home-knowledge-link:focus-visible {
  color: var(--color-black);
  border-color: rgba(184, 115, 51, 0.45);
  text-decoration: none;
  background: #FFFFFF;
}

.home-knowledge-link:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.home-knowledge-link__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
}

.home-knowledge-link__index {
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-knowledge-link__title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.25;
}

.home-knowledge-link__description {
  margin: 0 0 var(--space-3);
  flex: 1 1 auto;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.55;
}

.home-knowledge-link__cue {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: auto;
  color: var(--color-black);
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.home-knowledge-link__cue [aria-hidden="true"] {
  color: var(--color-copper);
}

@media (prefers-reduced-motion: no-preference) {
  .home-knowledge-link__cue [aria-hidden="true"],
  .home-knowledge__guide-cue {
    transition: transform 0.15s ease;
  }

  .home-knowledge-link:hover .home-knowledge-link__cue [aria-hidden="true"],
  .home-knowledge-link:focus-visible .home-knowledge-link__cue [aria-hidden="true"],
  .home-knowledge__guide:hover .home-knowledge__guide-cue,
  .home-knowledge__guide:focus-visible .home-knowledge__guide-cue {
    transform: translateX(0.15rem);
  }
}

.home-knowledge__rehberi {
  margin: var(--space-4) 0 0;
}

.home-knowledge__rehberi a {
  font-weight: var(--font-weight-strong);
  text-decoration-thickness: 1px;
}

.home-knowledge__guides {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-subtle);
}

.home-knowledge__guides-title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.0625rem;
  font-weight: 700;
}

.home-knowledge__guides-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.home-knowledge__guides-list > li {
  margin: 0;
  border-top: 1px solid var(--border-subtle);
}

.home-knowledge__guides-list > li:last-child {
  border-bottom: 1px solid var(--border-subtle);
}

.home-knowledge__guide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.25rem var(--space-2);
  align-items: start;
  padding-block: var(--space-2);
  color: var(--color-black);
  text-decoration: none;
}

.home-knowledge__guide:hover,
.home-knowledge__guide:focus-visible {
  color: var(--color-black);
  text-decoration: none;
}

.home-knowledge__guide:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.home-knowledge__guide-title {
  grid-column: 1;
  font-weight: var(--font-weight-strong);
  line-height: 1.35;
}

.home-knowledge__guide-description {
  grid-column: 1;
  color: var(--color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.5;
}

.home-knowledge__guide-cue {
  grid-column: 2;
  grid-row: 1 / span 2;
  color: var(--color-copper);
  line-height: 1.35;
}

@media (min-width: 768px) {
  .home-knowledge {
    padding-block: var(--space-7);
  }

  .home-knowledge__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Homepage final conversion — dark band */
.home-closing {
  background: var(--color-dark);
  color: var(--color-light);
  padding-block: var(--space-6);
}

.home-closing__inner {
  display: grid;
  gap: var(--space-4);
  align-items: start;
}

.home-closing__content {
  min-width: 0;
  max-width: var(--content-measure);
}

.home-closing__accent {
  display: block;
  width: 2.5rem;
  height: 2px;
  margin: 0 0 var(--space-2);
  background: var(--color-copper);
}

.home-closing__index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.home-closing__kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.home-closing__title {
  margin: 0 0 var(--space-3);
  color: var(--color-light);
  max-width: 22rem;
}

.home-closing__lead {
  margin: 0;
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.home-closing__actions {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
}

.home-closing__contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
}

.home-closing__phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: var(--color-surface-dark);
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.home-closing__phone:hover,
.home-closing__phone:focus-visible {
  color: var(--color-light);
  border-color: rgba(210, 154, 99, 0.55);
  background: #2A2A2A;
}

.home-closing__action-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  width: 100%;
}

.home-closing__primary,
.home-closing__secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.home-closing__primary {
  background: var(--color-copper);
  color: #161616;
  border: 1px solid var(--color-copper);
}

.home-closing__primary:hover,
.home-closing__primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: #161616;
}

.home-closing__phone:focus-visible,
.home-closing__primary:focus-visible,
.home-closing__secondary:focus-visible,
.home-closing__tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.home-closing__secondary {
  background: transparent;
  color: var(--color-light);
  border: 1px solid rgba(245, 245, 245, 0.35);
}

.home-closing__secondary:hover,
.home-closing__secondary:focus-visible {
  color: var(--color-copper-light);
  border-color: var(--color-copper);
}

.home-closing__tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: var(--space-1);
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  line-height: 1.4;
  text-decoration: none;
  min-height: 44px;
}

.home-closing__tertiary:hover,
.home-closing__tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.home-closing__tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

@media (prefers-reduced-motion: no-preference) {
  .home-closing__tertiary [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .home-closing__tertiary:hover [aria-hidden="true"],
  .home-closing__tertiary:focus-visible [aria-hidden="true"] {
    transform: translateX(0.15rem);
  }
}

@media (min-width: 480px) {
  .home-closing__action-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .home-closing {
    padding-block: var(--space-7);
  }

  .home-closing__inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }

  .home-closing__actions {
    align-items: flex-start;
    padding-bottom: 0.15rem;
  }

  .home-closing__action-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Periodic table — functional specialist UI */
.periodic-page,
.periodic-page article {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.periodic-hero {
  padding: 1.5rem 0;
  contain: inline-size;
}

.periodic-hero__grid {
  display: grid;
  gap: 1rem;
  width: 100%;
  min-width: 0;
}

.periodic-hero__content {
  max-width: 50rem;
  min-width: 0;
}

.periodic-hero h1 {
  margin: 0 0 0.75rem;
  overflow-wrap: break-word;
}

.periodic-hero__lead {
  margin: 0;
  max-width: 46rem;
}

.periodic-hero__visual {
  display: none;
}

.periodic-page__intro {
  padding: 1rem 0;
}

.periodic-page__intro p {
  margin: 0;
  max-width: 48rem;
}

.periodic-workbench {
  padding: 1.5rem 0;
  contain: inline-size;
}

.periodic-hero .site-container,
.periodic-page__intro,
.periodic-workbench,
.periodic-workbench .site-container,
.periodic-table-wrap,
.periodic-table__controls,
.periodic-table__detail,
.periodic-table-legend,
.periodic-page__notes {
  min-width: 0;
  max-width: 100%;
}

.periodic-table-wrap {
  overflow-x: auto;
  width: 100%;
  margin: 1rem 0;
  padding-bottom: 0.2rem;
  border: 1px solid #ccc;
  overscroll-behavior-x: contain;
  contain: inline-size;
}

.periodic-table {
  display: grid;
  grid-template-columns: repeat(18, minmax(3.5rem, 1fr));
  gap: 0.18rem;
  list-style: none;
  margin: 0;
  padding: 0.4rem;
  min-width: 64rem;
}

.periodic-table__cell {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.08rem;
  min-height: 4.5rem;
  min-width: 0;
  padding: 0.28rem 0.3rem 0.32rem;
  border: 1px solid #999;
  background: #f7f7f7;
  color: #111;
  cursor: default;
}

.periodic-table__atomic-number {
  font-size: 0.62rem;
  line-height: 1.2;
}

.periodic-table__symbol {
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1.15;
  text-decoration: none;
  color: inherit;
}

.periodic-table__name {
  font-size: 0.62rem;
  line-height: 1.2;
  overflow-wrap: break-word;
}

.periodic-table__cell[data-element-category="lanthanide"],
.periodic-table__series-label--lanthanide {
  margin-top: 0.85rem;
}

.periodic-table__series-label {
  display: flex;
  align-items: flex-end;
  padding: 0 0.25rem 0.35rem 0;
  font-size: 0.65rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.periodic-table-legend {
  margin: 0;
}

.periodic-table-legend h2 {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}

.periodic-table-legend__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.periodic-table__controls:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: end;
  margin: 0 0 1rem;
}

.periodic-table__control {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  flex: 1 1 10rem;
}

.periodic-table__control--search {
  flex: 2 1 16rem;
}

.periodic-table__control label {
  font-size: 0.8rem;
}

.periodic-table__search,
.periodic-table__filters,
.periodic-table__reset {
  min-height: 2.75rem;
  width: 100%;
  border: 1px solid #999;
  background: #fff;
  color: #111;
  padding: 0.4rem 0.7rem;
}

.periodic-table__search:focus-visible,
.periodic-table__filters:focus-visible,
.periodic-table__reset:focus-visible {
  outline: 2px solid #111;
  outline-offset: 2px;
}

.periodic-table__reset {
  flex: 0 1 auto;
  width: auto;
  cursor: pointer;
}

@media (max-width: 767px) {
  .periodic-table__control,
  .periodic-table__control--search,
  .periodic-table__reset {
    flex: 1 1 100%;
    width: 100%;
  }
}

.periodic-table__count,
.periodic-table__empty {
  margin: 0;
  flex: 1 1 100%;
  font-size: 0.95rem;
}

.periodic-table__detail {
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid #ccc;
}

.periodic-table__detail h2 {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}

.periodic-table__detail p {
  margin: 0;
}

.periodic-table__detail-fields {
  display: grid;
  gap: 0.5rem 1rem;
  margin: 0;
  min-width: 0;
}

.periodic-table__detail-fields > div {
  display: grid;
  grid-template-columns: minmax(0, 8rem) minmax(0, 1fr);
  gap: 0.2rem 0.75rem;
  margin: 0;
  min-width: 0;
}

.periodic-table__detail-fields dt,
.periodic-table__detail-fields dd {
  margin: 0;
  overflow-wrap: break-word;
}

.periodic-table__detail-fields dt {
  font-size: 0.8rem;
}

.periodic-table__detail-symbol dd {
  font-size: clamp(1.8rem, 1.2rem + 1.4vw, 2.6rem);
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 992px) {
  .periodic-table__detail-fields {
    grid-template-columns: minmax(0, auto) repeat(3, minmax(0, 1fr));
    align-items: start;
  }

  .periodic-table__detail-symbol {
    grid-row: span 2;
    grid-template-columns: minmax(0, 1fr);
  }
}

.periodic-page__notes {
  padding: 1.5rem 0;
  overflow-wrap: break-word;
}

.periodic-page__notes .editorial-section,
.periodic-page__notes .editorial-section h2,
.periodic-page__notes .editorial-section p,
.periodic-page__notes .editorial-related {
  min-width: 0;
}

.periodic-table--ready .periodic-table__cell {
  cursor: pointer;
}

.periodic-table__cell--selected,
.periodic-table__cell:focus-visible {
  outline: 2px solid #111;
  outline-offset: 1px;
}

.periodic-table__symbol:hover,
.periodic-table__symbol:focus-visible {
  color: inherit;
}

/* /hizmetler hub V2 — scoped; do not reuse on other hubs */
.services-hub {
  --services-hub-surface: #F7F7F5;
  --services-hub-collection: #F5F5F5;
  --services-hub-card: #FFFFFF;
  --services-hub-prose: 50rem;
}

.services-hub__hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.5rem;
}

.services-hub__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.services-hub__hero-content {
  max-width: var(--services-hub-prose);
  min-width: 0;
}

.services-hub__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.services-hub__hero .breadcrumb-nav,
.services-hub__hero .breadcrumb-item,
.services-hub__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.62);
  font-size: 0.8125rem;
  line-height: 1.4;
}

.services-hub__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.78);
}

.services-hub__hero .breadcrumb-nav a:hover,
.services-hub__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.services-hub__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 0.9rem;
  margin: 0 0 var(--space-3);
}

.services-hub__hero-rule {
  display: block;
  width: 1.75rem;
  height: 2px;
  flex: 0 0 auto;
  background: var(--color-copper);
}

.services-hub__kicker {
  margin: 0;
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.services-hub__marker {
  margin: 0;
  padding-left: 0.9rem;
  border-left: 1px solid rgba(245, 245, 245, 0.22);
  color: rgba(245, 245, 245, 0.55);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.services-hub__title {
  margin: 0 0 var(--space-3);
  max-width: 18em;
  color: var(--color-light);
  font-size: clamp(2rem, 1.7rem + 1.1vw, 3rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.services-hub__lead {
  margin: 0;
  max-width: 46rem;
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.services-hub__hero-visual {
  display: none;
  min-width: 0;
}

.services-hub__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  width: 100%;
  max-width: 18rem;
  margin-left: auto;
  aspect-ratio: 5 / 4;
  padding: 1.15rem;
  background:
    linear-gradient(rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 100% 1.5rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 1.5rem 100%,
    var(--color-dark);
  border: 1px solid rgba(245, 245, 245, 0.12);
  overflow: hidden;
}

.services-hub__hero-panel-mark {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  border-color: var(--color-copper);
  border-style: solid;
  border-width: 0;
}

.services-hub__hero-panel-mark--tl {
  top: 0.5rem;
  left: 0.5rem;
  border-top-width: 1px;
  border-left-width: 1px;
}

.services-hub__hero-panel-mark--tr {
  top: 0.5rem;
  right: 0.5rem;
  border-top-width: 1px;
  border-right-width: 1px;
}

.services-hub__hero-panel-mark--bl {
  bottom: 0.5rem;
  left: 0.5rem;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.services-hub__hero-panel-mark--br {
  bottom: 0.5rem;
  right: 0.5rem;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

.services-hub__hero-panel-index {
  color: var(--color-copper);
  font-size: clamp(2rem, 1.7rem + 1vw, 2.75rem);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.services-hub__hero-panel-label {
  color: var(--color-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.services-hub__hero-panel-meta {
  color: var(--color-muted-dark);
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.services-hub__intro {
  background: #FFFFFF;
  padding-block: var(--space-4) var(--space-5);
}

.services-hub__intro-lead {
  margin: 0 0 var(--space-3);
  max-width: var(--services-hub-prose);
  color: var(--color-text);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.services-hub__summary-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.services-hub__summary-item {
  min-width: 0;
  padding: 1.5rem;
  background: #FFFFFF;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: none;
}

.services-hub__summary-index {
  display: block;
  margin: 0 0 0.65rem;
  color: var(--color-copper);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.services-hub__summary-title {
  margin: 0 0 0.5rem;
  color: var(--color-black);
  font-size: 1.0625rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.services-hub__summary-copy {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.services-hub__collection {
  background: var(--services-hub-collection);
  padding-block: var(--space-5);
}

.services-hub__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.services-hub-service {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  padding: 1.5rem;
  background: var(--services-hub-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-black);
  text-decoration: none;
  box-shadow: none;
}

.services-hub-service:hover,
.services-hub-service:focus-visible {
  color: var(--color-black);
  border-color: var(--color-copper);
  background: #FCFCFA;
}

.services-hub-service:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.services-hub-service__index {
  display: block;
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.services-hub-service__title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.services-hub-service__description {
  margin: 0 0 var(--space-3);
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.services-hub-service__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: auto;
  color: var(--color-black);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.services-hub-service__cta [aria-hidden="true"] {
  color: var(--color-copper);
}

@media (prefers-reduced-motion: no-preference) {
  .services-hub-service__cta [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .services-hub-service:hover .services-hub-service__cta [aria-hidden="true"],
  .services-hub-service:focus-visible .services-hub-service__cta [aria-hidden="true"] {
    transform: translateX(0.2rem);
  }
}

.services-hub__closing {
  background: var(--color-dark);
  color: var(--color-light);
  padding-block: var(--space-5);
}

.services-hub__closing-inner {
  display: grid;
  gap: var(--space-4);
  align-items: start;
}

.services-hub__closing-content {
  min-width: 0;
  max-width: var(--content-measure);
}

.services-hub__closing-accent {
  display: block;
  width: 2.5rem;
  height: 2px;
  margin: 0 0 var(--space-2);
  background: var(--color-copper);
}

.services-hub__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.services-hub__closing-title {
  margin: 0;
  max-width: 22rem;
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.services-hub__closing-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  min-width: 0;
}

.services-hub__closing-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: var(--color-surface-dark);
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.services-hub__closing-phone:hover,
.services-hub__closing-phone:focus-visible {
  color: var(--color-light);
  border-color: rgba(210, 154, 99, 0.55);
  background: #2A2A2A;
}

.services-hub__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  width: 100%;
}

.services-hub__closing-primary,
.services-hub__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.services-hub__closing-primary {
  background: var(--color-copper);
  color: #161616;
  border: 1px solid var(--color-copper);
}

.services-hub__closing-primary:hover,
.services-hub__closing-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: #161616;
}

.services-hub__closing-secondary {
  background: transparent;
  color: var(--color-light);
  border: 1px solid rgba(245, 245, 245, 0.35);
}

.services-hub__closing-secondary:hover,
.services-hub__closing-secondary:focus-visible {
  color: var(--color-copper-light);
  border-color: var(--color-copper);
}

.services-hub__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: var(--space-1);
  min-height: 44px;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  line-height: 1.4;
  text-decoration: none;
}

.services-hub__closing-tertiary:hover,
.services-hub__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.services-hub__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.services-hub__closing-phone:focus-visible,
.services-hub__closing-primary:focus-visible,
.services-hub__closing-secondary:focus-visible,
.services-hub__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (prefers-reduced-motion: no-preference) {
  .services-hub__closing-tertiary [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .services-hub__closing-tertiary:hover [aria-hidden="true"],
  .services-hub__closing-tertiary:focus-visible [aria-hidden="true"] {
    transform: translateX(0.15rem);
  }
}

@media (min-width: 480px) {
  .services-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .services-hub__hero {
    padding-block: 2.75rem 3rem;
  }

  .services-hub__intro {
    padding-block: var(--space-4) var(--space-5);
  }

  .services-hub__intro-lead {
    margin-bottom: 2rem;
  }

  .services-hub__summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }

  .services-hub__summary-item:last-child {
    grid-column: 1 / -1;
  }

  .services-hub__collection {
    padding-block: var(--space-6);
  }

  .services-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .services-hub-service {
    padding: 1.625rem;
  }
}

@media (min-width: 1024px) {
  .services-hub__hero-inner {
    grid-template-columns: minmax(0, 1.55fr) minmax(12rem, 0.7fr);
    gap: var(--space-5);
    align-items: end;
  }

  .services-hub__hero-visual {
    display: block;
  }

  .services-hub__summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }

  .services-hub__summary-item:last-child {
    grid-column: auto;
  }
}

@media (min-width: 1200px) {
  .services-hub__hero {
    padding-block: 3rem 3.25rem;
  }

  .services-hub__hero-panel {
    max-width: 19.5rem;
  }

  .services-hub__intro {
    padding-block: var(--space-5) var(--space-6);
  }

  .services-hub__collection {
    padding-block: var(--space-7);
  }

  .services-hub__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .services-hub__closing {
    padding-block: var(--space-6);
  }

  .services-hub__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }

  .services-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* /hurda-turleri hub V2 — technical material index; scoped only */
.scrap-hub {
  --scrap-hub-prose: 46rem;
}

.scrap-hub__hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.5rem;
}

.scrap-hub__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.scrap-hub__hero-content {
  max-width: 50rem;
  min-width: 0;
}

.scrap-hub__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.scrap-hub__hero .breadcrumb-nav,
.scrap-hub__hero .breadcrumb-item,
.scrap-hub__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.62);
  font-size: 0.8125rem;
  line-height: 1.4;
}

.scrap-hub__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.78);
}

.scrap-hub__hero .breadcrumb-nav a:hover,
.scrap-hub__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.scrap-hub__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 0.9rem;
  margin: 0 0 var(--space-3);
}

.scrap-hub__hero-rule {
  display: block;
  width: 1.75rem;
  height: 2px;
  flex: 0 0 auto;
  background: var(--color-copper);
}

.scrap-hub__kicker {
  margin: 0;
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.scrap-hub__marker {
  margin: 0;
  padding-left: 0.9rem;
  border-left: 1px solid rgba(245, 245, 245, 0.22);
  color: rgba(245, 245, 245, 0.55);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.scrap-hub__title {
  margin: 0 0 var(--space-3);
  max-width: 18em;
  color: var(--color-light);
  font-size: clamp(2rem, 1.7rem + 1.1vw, 3rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.scrap-hub__lead {
  margin: 0;
  max-width: var(--scrap-hub-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.scrap-hub__hero-visual {
  display: none;
  min-width: 0;
}

.scrap-hub__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  width: 100%;
  max-width: 18rem;
  margin-left: auto;
  aspect-ratio: 5 / 4;
  padding: 1.15rem;
  background:
    linear-gradient(rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 100% 1.5rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 1.5rem 100%,
    var(--color-dark);
  border: 1px solid rgba(245, 245, 245, 0.12);
  overflow: hidden;
}

.scrap-hub__hero-panel-mark {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  border-color: var(--color-copper);
  border-style: solid;
  border-width: 0;
}

.scrap-hub__hero-panel-mark--tl {
  top: 0.5rem;
  left: 0.5rem;
  border-top-width: 1px;
  border-left-width: 1px;
}

.scrap-hub__hero-panel-mark--tr {
  top: 0.5rem;
  right: 0.5rem;
  border-top-width: 1px;
  border-right-width: 1px;
}

.scrap-hub__hero-panel-mark--bl {
  bottom: 0.5rem;
  left: 0.5rem;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.scrap-hub__hero-panel-mark--br {
  bottom: 0.5rem;
  right: 0.5rem;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

.scrap-hub__hero-panel-index {
  color: var(--color-copper);
  font-size: clamp(2rem, 1.7rem + 1vw, 2.75rem);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.scrap-hub__hero-panel-label {
  color: var(--color-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.scrap-hub__hero-panel-meta {
  color: var(--color-muted-dark);
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.scrap-hub__intro {
  background: #FFFFFF;
  padding-block: var(--space-4) var(--space-3);
}

.scrap-hub__intro-lead {
  margin: 0;
  max-width: var(--scrap-hub-prose);
  color: var(--color-text);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.scrap-hub__materials {
  background: #FFFFFF;
  padding-block: var(--space-4) var(--space-6);
}

.scrap-hub__section-head {
  margin: 0 0 var(--space-4);
  max-width: var(--scrap-hub-prose);
}

.scrap-hub__section-index {
  margin: 0 0 0.35rem;
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.scrap-hub__section-index--on-dark {
  color: var(--color-copper-light);
}

.scrap-hub__section-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.scrap-hub__section-kicker--on-dark {
  color: var(--color-copper-light);
}

.scrap-hub__section-title {
  margin: 0;
  color: var(--color-black);
  font-size: clamp(1.5rem, 1.35rem + 0.6vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.scrap-hub__material-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.scrap-hub-material {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "index title"
    "index description"
    "index cta";
  column-gap: 1rem;
  row-gap: 0.4rem;
  align-items: start;
  min-width: 0;
  padding: 1.5rem 0;
  border-top: 1px solid var(--color-border);
  color: var(--color-black);
  text-decoration: none;
  background: transparent;
  box-shadow: none;
}

.scrap-hub-material:last-child {
  border-bottom: 1px solid var(--color-border);
}

.scrap-hub-material:hover,
.scrap-hub-material:focus-visible {
  color: var(--color-black);
  border-top-color: var(--color-copper);
  background: rgba(247, 247, 245, 0.65);
}

.scrap-hub-material:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.scrap-hub-material__index {
  grid-area: index;
  margin-top: 0.3rem;
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.scrap-hub-material__title {
  grid-area: title;
  margin: 0;
  min-width: 0;
  color: var(--color-black);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.015em;
}

.scrap-hub-material__description {
  grid-area: description;
  margin: 0;
  min-width: 0;
  max-width: 40rem;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.scrap-hub-material__cta {
  grid-area: cta;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.2rem;
  color: var(--color-black);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.scrap-hub-material__cta [aria-hidden="true"] {
  color: var(--color-copper);
}

@media (prefers-reduced-motion: no-preference) {
  .scrap-hub-material__cta [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .scrap-hub-material:hover .scrap-hub-material__cta [aria-hidden="true"],
  .scrap-hub-material:focus-visible .scrap-hub-material__cta [aria-hidden="true"] {
    transform: translateX(0.2rem);
  }
}

.scrap-hub__swarf {
  background: #191919;
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: var(--space-6);
}

.scrap-hub__swarf-head {
  margin: 0 0 var(--space-5);
  max-width: var(--scrap-hub-prose);
}

.scrap-hub__swarf-title {
  margin: 0 0 var(--space-3);
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.6vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.scrap-hub__swarf-lead {
  margin: 0;
  color: var(--color-muted-dark);
  font-size: 1.0125rem;
  line-height: 1.65;
}

.scrap-hub__swarf-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.scrap-hub-swarf {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "index title"
    "index description"
    "index cta";
  column-gap: 0.9rem;
  row-gap: 0.35rem;
  align-items: start;
  min-width: 0;
  padding: 1.35rem 0;
  border-top: 1px solid rgba(245, 245, 245, 0.12);
  color: var(--color-light);
  text-decoration: none;
  background: transparent;
  box-shadow: none;
}

.scrap-hub-swarf:last-child {
  border-bottom: 1px solid rgba(245, 245, 245, 0.12);
}

.scrap-hub-swarf:hover,
.scrap-hub-swarf:focus-visible {
  color: var(--color-light);
  border-top-color: var(--color-copper);
  background: rgba(255, 255, 255, 0.025);
}

.scrap-hub-swarf:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.scrap-hub-swarf__index {
  grid-area: index;
  display: block;
  margin-top: 0.25rem;
  color: var(--color-copper-light);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.scrap-hub-swarf__title {
  grid-area: title;
  margin: 0;
  min-width: 0;
  color: var(--color-light);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
}

.scrap-hub-swarf__description {
  grid-area: description;
  margin: 0;
  min-width: 0;
  max-width: 36rem;
  color: var(--color-muted-dark);
  font-size: 0.95rem;
  line-height: 1.55;
}

.scrap-hub-swarf__cta {
  grid-area: cta;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.1rem;
  color: var(--color-light);
  font-size: 0.9rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.scrap-hub-swarf__cta [aria-hidden="true"] {
  color: var(--color-copper-light);
}

@media (prefers-reduced-motion: no-preference) {
  .scrap-hub-swarf__cta [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .scrap-hub-swarf:hover .scrap-hub-swarf__cta [aria-hidden="true"],
  .scrap-hub-swarf:focus-visible .scrap-hub-swarf__cta [aria-hidden="true"] {
    transform: translateX(0.2rem);
  }
}

.scrap-hub__service-gateway {
  margin: var(--space-5) 0 0;
  padding-top: var(--space-3);
  border-top: 1px solid rgba(245, 245, 245, 0.1);
}

.scrap-hub__service-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 44px;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  line-height: 1.4;
  text-decoration: none;
}

.scrap-hub__service-link:hover,
.scrap-hub__service-link:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.scrap-hub__service-link [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.scrap-hub__service-link:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.scrap-hub__closing {
  background: #1F1F1F;
  color: var(--color-light);
  border-top: 1px solid rgba(184, 115, 51, 0.28);
  padding-block: var(--space-6);
}

.scrap-hub__closing-inner {
  display: grid;
  gap: var(--space-4);
  align-items: start;
}

.scrap-hub__closing-content {
  min-width: 0;
  max-width: var(--scrap-hub-prose);
}

.scrap-hub__closing-accent {
  display: block;
  width: 2.5rem;
  height: 2px;
  margin: 0 0 var(--space-2);
  background: var(--color-copper);
}

.scrap-hub__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.scrap-hub__closing-title {
  margin: 0;
  max-width: 22rem;
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.scrap-hub__closing-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  min-width: 0;
}

.scrap-hub__closing-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: var(--color-surface-dark);
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.scrap-hub__closing-phone:hover,
.scrap-hub__closing-phone:focus-visible {
  color: var(--color-light);
  border-color: rgba(210, 154, 99, 0.55);
  background: #2A2A2A;
}

.scrap-hub__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  width: 100%;
}

.scrap-hub__closing-primary,
.scrap-hub__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.scrap-hub__closing-primary {
  background: var(--color-copper);
  color: #161616;
  border: 1px solid var(--color-copper);
}

.scrap-hub__closing-primary:hover,
.scrap-hub__closing-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: #161616;
}

.scrap-hub__closing-secondary {
  background: transparent;
  color: var(--color-light);
  border: 1px solid rgba(245, 245, 245, 0.35);
}

.scrap-hub__closing-secondary:hover,
.scrap-hub__closing-secondary:focus-visible {
  color: var(--color-copper-light);
  border-color: var(--color-copper);
}

.scrap-hub__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: var(--space-1);
  min-height: 44px;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  line-height: 1.4;
  text-decoration: none;
}

.scrap-hub__closing-tertiary:hover,
.scrap-hub__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.scrap-hub__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.scrap-hub__closing-phone:focus-visible,
.scrap-hub__closing-primary:focus-visible,
.scrap-hub__closing-secondary:focus-visible,
.scrap-hub__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

/* Scrap hub only: deepen footer so Metal Talaşı → CTA → Footer read as distinct bands */
body:has(.scrap-hub) .site-footer {
  background: #0F0F0F;
  border-top-color: rgba(184, 115, 51, 0.35);
}

@media (prefers-reduced-motion: no-preference) {
  .scrap-hub__closing-tertiary [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .scrap-hub__closing-tertiary:hover [aria-hidden="true"],
  .scrap-hub__closing-tertiary:focus-visible [aria-hidden="true"] {
    transform: translateX(0.15rem);
  }
}

@media (min-width: 480px) {
  .scrap-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .scrap-hub__hero {
    padding-block: 2.75rem 3rem;
  }

  .scrap-hub__intro {
    padding-block: var(--space-5) var(--space-4);
  }

  .scrap-hub__materials {
    padding-block: var(--space-5) var(--space-6);
  }

  .scrap-hub__material-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .scrap-hub-material {
    padding-inline: 0.15rem;
  }

  .scrap-hub__swarf {
    padding-block: var(--space-6) var(--space-7);
  }

  .scrap-hub__swarf-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .scrap-hub__hero-inner {
    grid-template-columns: minmax(0, 1.55fr) minmax(12rem, 0.7fr);
    gap: var(--space-5);
    align-items: end;
  }

  .scrap-hub__hero-visual {
    display: block;
  }

  .scrap-hub__material-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .scrap-hub__swarf-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--space-4);
  }
}

@media (min-width: 1200px) {
  .scrap-hub__hero {
    padding-block: 3rem 3.25rem;
  }

  .scrap-hub__hero-panel {
    max-width: 19.5rem;
  }

  .scrap-hub__materials {
    padding-block: var(--space-6) var(--space-7);
  }

  .scrap-hub__swarf {
    padding-block: var(--space-7);
  }

  .scrap-hub__closing {
    padding-block: var(--space-7);
  }

  .scrap-hub__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }

  .scrap-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* /hizmet-bolgeleri hub V2 — regional operations index; scoped only */
.regions-hub {
  --regions-hub-prose: 46rem;
  --regions-hub-surface: #F7F7F5;
  --regions-hub-block: #FFFFFF;
}

.regions-hub__hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.5rem;
}

.regions-hub__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.regions-hub__hero-content {
  max-width: 50rem;
  min-width: 0;
}

.regions-hub__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.regions-hub__hero .breadcrumb-nav,
.regions-hub__hero .breadcrumb-item,
.regions-hub__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.72);
}

.regions-hub__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.92);
}

.regions-hub__hero .breadcrumb-nav a:hover,
.regions-hub__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.regions-hub__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 var(--space-2);
}

.regions-hub__hero-rule {
  display: block;
  width: 2.25rem;
  height: 2px;
  background: var(--color-copper);
}

.regions-hub__kicker {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.regions-hub__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.45);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.14em;
  line-height: 1.3;
}

.regions-hub__title {
  margin: 0 0 var(--space-3);
  max-width: 18ch;
  color: var(--color-light);
  font-size: clamp(2rem, 1.7rem + 1.4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.regions-hub__lead {
  margin: 0;
  max-width: var(--regions-hub-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.regions-hub__hero-visual {
  display: none;
  min-width: 0;
}

.regions-hub__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  width: 100%;
  max-width: 18rem;
  margin-left: auto;
  aspect-ratio: 5 / 4;
  padding: 1.15rem;
  background:
    linear-gradient(rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 100% 1.5rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 1.5rem 100%,
    var(--color-dark);
  border: 1px solid rgba(245, 245, 245, 0.12);
  overflow: hidden;
}

.regions-hub__hero-panel-mark {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  border-color: var(--color-copper);
  border-style: solid;
  border-width: 0;
}

.regions-hub__hero-panel-mark--tl {
  top: 0.5rem;
  left: 0.5rem;
  border-top-width: 1px;
  border-left-width: 1px;
}

.regions-hub__hero-panel-mark--tr {
  top: 0.5rem;
  right: 0.5rem;
  border-top-width: 1px;
  border-right-width: 1px;
}

.regions-hub__hero-panel-mark--bl {
  bottom: 0.5rem;
  left: 0.5rem;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.regions-hub__hero-panel-mark--br {
  bottom: 0.5rem;
  right: 0.5rem;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

.regions-hub__hero-panel-index {
  color: var(--color-copper);
  font-size: clamp(2rem, 1.7rem + 1vw, 2.75rem);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.regions-hub__hero-panel-label {
  color: var(--color-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.regions-hub__hero-panel-meta {
  color: var(--color-muted-dark);
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.regions-hub__intro {
  background: #FFFFFF;
  padding-block: var(--space-4) var(--space-3);
}

.regions-hub__intro-lead {
  margin: 0;
  max-width: var(--regions-hub-prose);
  color: var(--color-text);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.regions-hub__collection {
  background: var(--regions-hub-surface);
  padding-block: var(--space-4) var(--space-5);
}

.regions-hub__section-head {
  margin: 0 0 var(--space-4);
  max-width: var(--regions-hub-prose);
}

.regions-hub__section-index {
  margin: 0 0 0.35rem;
  color: var(--color-copper);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.regions-hub__section-kicker {
  margin: 0 0 0.5rem;
  color: var(--color-text-muted);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.regions-hub__section-title {
  margin: 0;
  color: var(--color-black);
  font-size: clamp(1.5rem, 1.35rem + 0.6vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.regions-hub__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.regions-hub-region {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  padding: 1.5rem 1.35rem;
  background: var(--regions-hub-block);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-black);
  text-decoration: none;
  box-shadow: none;
}

.regions-hub-region:hover,
.regions-hub-region:focus-visible {
  color: var(--color-black);
  border-color: var(--color-copper);
  background: #FCFCFA;
}

.regions-hub-region:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.regions-hub-region__index {
  display: block;
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.regions-hub-region__title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.regions-hub-region__description {
  margin: 0 0 var(--space-3);
  flex: 1 1 auto;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.regions-hub-region__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: auto;
  color: var(--color-black);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.regions-hub-region__cta [aria-hidden="true"] {
  color: var(--color-copper);
}

@media (prefers-reduced-motion: no-preference) {
  .regions-hub-region__cta [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .regions-hub-region:hover .regions-hub-region__cta [aria-hidden="true"],
  .regions-hub-region:focus-visible .regions-hub-region__cta [aria-hidden="true"] {
    transform: translateX(0.2rem);
  }
}

.regions-hub__note {
  background: #FFFFFF;
  border-top: 1px solid var(--color-border);
  padding-block: var(--space-4) var(--space-5);
}

.regions-hub__note-inner {
  max-width: var(--regions-hub-prose);
}

.regions-hub__note-title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

.regions-hub__note-copy {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.regions-hub__closing {
  background: var(--color-dark);
  color: var(--color-light);
  border-top: 1px solid rgba(184, 115, 51, 0.28);
  padding-block: var(--space-5);
}

.regions-hub__closing-inner {
  display: grid;
  gap: var(--space-4);
  align-items: start;
}

.regions-hub__closing-content {
  min-width: 0;
  max-width: var(--regions-hub-prose);
}

.regions-hub__closing-accent {
  display: block;
  width: 2.5rem;
  height: 2px;
  margin: 0 0 var(--space-2);
  background: var(--color-copper);
}

.regions-hub__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.regions-hub__closing-title {
  margin: 0;
  max-width: 24rem;
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.regions-hub__closing-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  min-width: 0;
}

.regions-hub__closing-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: var(--color-surface-dark);
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.regions-hub__closing-phone:hover,
.regions-hub__closing-phone:focus-visible {
  color: var(--color-light);
  border-color: var(--color-copper-light);
  background: rgba(255, 255, 255, 0.04);
}

.regions-hub__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.regions-hub__closing-primary,
.regions-hub__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.65rem 1.1rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-decoration: none;
}

.regions-hub__closing-primary {
  background: var(--color-copper);
  border: 1px solid var(--color-copper);
  color: var(--color-light);
}

.regions-hub__closing-primary:hover,
.regions-hub__closing-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: var(--color-black);
}

.regions-hub__closing-secondary {
  background: transparent;
  border: 1px solid rgba(245, 245, 245, 0.28);
  color: var(--color-light);
}

.regions-hub__closing-secondary:hover,
.regions-hub__closing-secondary:focus-visible {
  border-color: var(--color-copper-light);
  color: var(--color-copper-light);
}

.regions-hub__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.15rem;
  color: rgba(245, 245, 245, 0.82);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
  text-decoration: none;
}

.regions-hub__closing-tertiary:hover,
.regions-hub__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.regions-hub__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.regions-hub__closing-phone:focus-visible,
.regions-hub__closing-primary:focus-visible,
.regions-hub__closing-secondary:focus-visible,
.regions-hub__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (prefers-reduced-motion: no-preference) {
  .regions-hub__closing-tertiary [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .regions-hub__closing-tertiary:hover [aria-hidden="true"],
  .regions-hub__closing-tertiary:focus-visible [aria-hidden="true"] {
    transform: translateX(0.15rem);
  }
}

@media (min-width: 480px) {
  .regions-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .regions-hub__hero {
    padding-block: 2.75rem 3rem;
  }

  .regions-hub__intro {
    padding-block: var(--space-5) var(--space-4);
  }

  .regions-hub__collection {
    padding-block: var(--space-5) var(--space-6);
  }

  .regions-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .regions-hub-region {
    padding: 1.65rem 1.5rem;
  }

  .regions-hub__note {
    padding-block: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .regions-hub__hero-inner {
    grid-template-columns: minmax(0, 1.55fr) minmax(12rem, 0.7fr);
    gap: var(--space-5);
    align-items: end;
  }

  .regions-hub__hero-visual {
    display: block;
  }

  .regions-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }
}

@media (min-width: 1200px) {
  .regions-hub__hero {
    padding-block: 3rem 3.25rem;
  }

  .regions-hub__hero-panel {
    max-width: 19.5rem;
  }

  .regions-hub__collection {
    padding-block: var(--space-6);
  }

  .regions-hub__closing {
    padding-block: var(--space-6);
  }

  .regions-hub__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }

  .regions-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* /bilgi-merkezi hub V2 — editorial technical resource hub; scoped only */
.knowledge-hub {
  --knowledge-hub-prose: 46rem;
  --knowledge-hub-surface: #F7F7F5;
  --knowledge-hub-block: #FFFFFF;
}

.knowledge-hub__hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.5rem;
}

.knowledge-hub__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.knowledge-hub__hero-content {
  max-width: 50rem;
  min-width: 0;
}

.knowledge-hub__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.knowledge-hub__hero .breadcrumb-nav,
.knowledge-hub__hero .breadcrumb-item,
.knowledge-hub__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.72);
}

.knowledge-hub__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.92);
}

.knowledge-hub__hero .breadcrumb-nav a:hover,
.knowledge-hub__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.knowledge-hub__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 var(--space-2);
}

.knowledge-hub__hero-rule {
  display: block;
  width: 2.25rem;
  height: 2px;
  background: var(--color-copper);
}

.knowledge-hub__kicker {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.knowledge-hub__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.45);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.14em;
  line-height: 1.3;
}

.knowledge-hub__title {
  margin: 0 0 var(--space-3);
  max-width: 18ch;
  color: var(--color-light);
  font-size: clamp(2rem, 1.7rem + 1.4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.knowledge-hub__lead {
  margin: 0;
  max-width: var(--knowledge-hub-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.knowledge-hub__hero-visual {
  display: none;
  min-width: 0;
}

.knowledge-hub__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  width: 100%;
  max-width: 18rem;
  margin-left: auto;
  aspect-ratio: 5 / 4;
  padding: 1.15rem;
  background:
    linear-gradient(rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 100% 1.5rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 1.5rem 100%,
    var(--color-dark);
  border: 1px solid rgba(245, 245, 245, 0.12);
  overflow: hidden;
}

.knowledge-hub__hero-panel-mark {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  border-color: var(--color-copper);
  border-style: solid;
  border-width: 0;
}

.knowledge-hub__hero-panel-mark--tl {
  top: 0.5rem;
  left: 0.5rem;
  border-top-width: 1px;
  border-left-width: 1px;
}

.knowledge-hub__hero-panel-mark--tr {
  top: 0.5rem;
  right: 0.5rem;
  border-top-width: 1px;
  border-right-width: 1px;
}

.knowledge-hub__hero-panel-mark--bl {
  bottom: 0.5rem;
  left: 0.5rem;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.knowledge-hub__hero-panel-mark--br {
  bottom: 0.5rem;
  right: 0.5rem;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

.knowledge-hub__hero-panel-index {
  color: var(--color-copper);
  font-size: clamp(2rem, 1.7rem + 1vw, 2.75rem);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.knowledge-hub__hero-panel-label {
  color: var(--color-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.knowledge-hub__hero-panel-meta {
  color: var(--color-muted-dark);
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.knowledge-hub__intro {
  background: #FFFFFF;
  padding-block: var(--space-4) var(--space-3);
}

.knowledge-hub__intro-lead {
  margin: 0;
  max-width: var(--knowledge-hub-prose);
  color: var(--color-text);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.knowledge-hub__collection {
  background: var(--knowledge-hub-surface);
  padding-block: var(--space-4) var(--space-5);
}

.knowledge-hub__section-head {
  margin: 0 0 var(--space-4);
  max-width: var(--knowledge-hub-prose);
}

.knowledge-hub__section-index {
  margin: 0 0 0.35rem;
  color: var(--color-copper);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.knowledge-hub__section-kicker {
  margin: 0 0 0.5rem;
  color: var(--color-text-muted);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.knowledge-hub__section-title {
  margin: 0;
  color: var(--color-black);
  font-size: clamp(1.5rem, 1.35rem + 0.6vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.knowledge-hub__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.knowledge-hub-resource {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  padding: 1.5rem 1.35rem;
  background: var(--knowledge-hub-block);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-black);
  text-decoration: none;
  box-shadow: none;
}

.knowledge-hub-resource:hover,
.knowledge-hub-resource:focus-visible {
  color: var(--color-black);
  border-color: var(--color-copper);
  background: #FCFCFA;
}

.knowledge-hub-resource:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.knowledge-hub-resource__index {
  display: block;
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.knowledge-hub-resource__title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.knowledge-hub-resource__description {
  margin: 0 0 var(--space-3);
  flex: 1 1 auto;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.knowledge-hub-resource__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: auto;
  color: var(--color-black);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.knowledge-hub-resource__cta [aria-hidden="true"] {
  color: var(--color-copper);
}

@media (prefers-reduced-motion: no-preference) {
  .knowledge-hub-resource__cta [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .knowledge-hub-resource:hover .knowledge-hub-resource__cta [aria-hidden="true"],
  .knowledge-hub-resource:focus-visible .knowledge-hub-resource__cta [aria-hidden="true"] {
    transform: translateX(0.2rem);
  }
}

.knowledge-hub__guides {
  background: #FFFFFF;
  padding-block: var(--space-4) var(--space-5);
}

.knowledge-hub__guides-lead {
  margin: var(--space-2) 0 0;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.knowledge-hub__guide-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.knowledge-hub-guide {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  column-gap: 1rem;
  align-items: start;
  min-width: 0;
  padding: 1.25rem 0;
  border-top: 1px solid var(--color-border);
  color: var(--color-black);
  text-decoration: none;
  background: transparent;
  box-shadow: none;
}

.knowledge-hub-guide:last-child {
  border-bottom: 1px solid var(--color-border);
}

.knowledge-hub-guide:hover,
.knowledge-hub-guide:focus-visible {
  color: var(--color-black);
  border-top-color: var(--color-copper);
  background: rgba(247, 247, 245, 0.65);
}

.knowledge-hub-guide:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.knowledge-hub-guide__index {
  margin-top: 0.25rem;
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.knowledge-hub-guide__body {
  min-width: 0;
}

.knowledge-hub-guide__title {
  margin: 0 0 0.35rem;
  color: var(--color-black);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

.knowledge-hub-guide__description {
  margin: 0;
  max-width: 40rem;
  color: var(--color-text-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

.knowledge-hub-guide__cta {
  margin-top: 0.2rem;
  color: var(--color-copper);
  font-size: 1rem;
  line-height: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .knowledge-hub-guide__cta {
    transition: transform 0.15s ease;
  }

  .knowledge-hub-guide:hover .knowledge-hub-guide__cta,
  .knowledge-hub-guide:focus-visible .knowledge-hub-guide__cta {
    transform: translateX(0.2rem);
  }
}

.knowledge-hub__notes {
  background: #FFFFFF;
  border-top: 1px solid var(--color-border);
  padding-block: var(--space-4) var(--space-5);
}

.knowledge-hub__notes-inner {
  max-width: var(--knowledge-hub-prose);
  display: grid;
  gap: var(--space-4);
}

.knowledge-hub__note-title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

.knowledge-hub__note-copy {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.knowledge-hub__closing {
  background: var(--color-dark);
  color: var(--color-light);
  border-top: 1px solid rgba(184, 115, 51, 0.28);
  padding-block: var(--space-5);
}

.knowledge-hub__closing-inner {
  display: grid;
  gap: var(--space-4);
  align-items: start;
}

.knowledge-hub__closing-content {
  min-width: 0;
  max-width: var(--knowledge-hub-prose);
}

.knowledge-hub__closing-accent {
  display: block;
  width: 2.5rem;
  height: 2px;
  margin: 0 0 var(--space-2);
  background: var(--color-copper);
}

.knowledge-hub__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.knowledge-hub__closing-title {
  margin: 0;
  max-width: 24rem;
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.knowledge-hub__closing-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  min-width: 0;
}

.knowledge-hub__closing-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: var(--color-surface-dark);
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.knowledge-hub__closing-phone:hover,
.knowledge-hub__closing-phone:focus-visible {
  color: var(--color-light);
  border-color: var(--color-copper-light);
  background: rgba(255, 255, 255, 0.04);
}

.knowledge-hub__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.knowledge-hub__closing-primary,
.knowledge-hub__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.65rem 1.1rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-decoration: none;
}

.knowledge-hub__closing-primary {
  background: var(--color-copper);
  border: 1px solid var(--color-copper);
  color: var(--color-light);
}

.knowledge-hub__closing-primary:hover,
.knowledge-hub__closing-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: var(--color-black);
}

.knowledge-hub__closing-secondary {
  background: transparent;
  border: 1px solid rgba(245, 245, 245, 0.28);
  color: var(--color-light);
}

.knowledge-hub__closing-secondary:hover,
.knowledge-hub__closing-secondary:focus-visible {
  border-color: var(--color-copper-light);
  color: var(--color-copper-light);
}

.knowledge-hub__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.15rem;
  color: rgba(245, 245, 245, 0.82);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
  text-decoration: none;
}

.knowledge-hub__closing-tertiary:hover,
.knowledge-hub__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.knowledge-hub__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.knowledge-hub__closing-phone:focus-visible,
.knowledge-hub__closing-primary:focus-visible,
.knowledge-hub__closing-secondary:focus-visible,
.knowledge-hub__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (prefers-reduced-motion: no-preference) {
  .knowledge-hub__closing-tertiary [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .knowledge-hub__closing-tertiary:hover [aria-hidden="true"],
  .knowledge-hub__closing-tertiary:focus-visible [aria-hidden="true"] {
    transform: translateX(0.15rem);
  }
}

@media (min-width: 480px) {
  .knowledge-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .knowledge-hub__hero {
    padding-block: 2.75rem 3rem;
  }

  .knowledge-hub__intro {
    padding-block: var(--space-5) var(--space-4);
  }

  .knowledge-hub__collection {
    padding-block: var(--space-5) var(--space-6);
  }

  .knowledge-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .knowledge-hub-resource {
    padding: 1.65rem 1.5rem;
  }

  .knowledge-hub__guides {
    padding-block: var(--space-5) var(--space-6);
  }

  .knowledge-hub__notes {
    padding-block: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .knowledge-hub__hero-inner {
    grid-template-columns: minmax(0, 1.55fr) minmax(12rem, 0.7fr);
    gap: var(--space-5);
    align-items: end;
  }

  .knowledge-hub__hero-visual {
    display: block;
  }

  .knowledge-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }
}

@media (min-width: 1200px) {
  .knowledge-hub__hero {
    padding-block: 3rem 3.25rem;
  }

  .knowledge-hub__hero-panel {
    max-width: 19.5rem;
  }

  .knowledge-hub__collection {
    padding-block: var(--space-6);
  }

  .knowledge-hub__guides {
    padding-block: var(--space-6);
  }

  .knowledge-hub__closing {
    padding-block: var(--space-6);
  }

  .knowledge-hub__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }

  .knowledge-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* /bilgi-merkezi/metaller hub V2 — technical element index; scoped only */
.metals-hub {
  --metals-hub-prose: 46rem;
  --metals-hub-surface: #F7F7F5;
  --metals-hub-block: #FFFFFF;
}

.metals-hub__hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.5rem;
}

.metals-hub__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.metals-hub__hero-content {
  max-width: 50rem;
  min-width: 0;
}

.metals-hub__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.metals-hub__hero .breadcrumb-nav,
.metals-hub__hero .breadcrumb-item,
.metals-hub__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.72);
}

.metals-hub__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.92);
}

.metals-hub__hero .breadcrumb-nav a:hover,
.metals-hub__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.metals-hub__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 var(--space-2);
}

.metals-hub__hero-rule {
  display: block;
  width: 2.25rem;
  height: 2px;
  background: var(--color-copper);
}

.metals-hub__kicker {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.metals-hub__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.45);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.14em;
  line-height: 1.3;
}

.metals-hub__title {
  margin: 0 0 var(--space-3);
  max-width: 22ch;
  color: var(--color-light);
  font-size: clamp(1.85rem, 1.55rem + 1.2vw, 2.75rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.metals-hub__lead {
  margin: 0;
  max-width: var(--metals-hub-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.metals-hub__hero-visual {
  display: none;
  min-width: 0;
}

.metals-hub__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  width: 100%;
  max-width: 18rem;
  margin-left: auto;
  aspect-ratio: 5 / 4;
  padding: 1.15rem;
  background:
    linear-gradient(rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 100% 1.5rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 1.5rem 100%,
    var(--color-dark);
  border: 1px solid rgba(245, 245, 245, 0.12);
  overflow: hidden;
}

.metals-hub__hero-panel-mark {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  border-color: var(--color-copper);
  border-style: solid;
  border-width: 0;
}

.metals-hub__hero-panel-mark--tl {
  top: 0.5rem;
  left: 0.5rem;
  border-top-width: 1px;
  border-left-width: 1px;
}

.metals-hub__hero-panel-mark--tr {
  top: 0.5rem;
  right: 0.5rem;
  border-top-width: 1px;
  border-right-width: 1px;
}

.metals-hub__hero-panel-mark--bl {
  bottom: 0.5rem;
  left: 0.5rem;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.metals-hub__hero-panel-mark--br {
  bottom: 0.5rem;
  right: 0.5rem;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

.metals-hub__hero-panel-index {
  color: var(--color-copper);
  font-size: clamp(2rem, 1.7rem + 1vw, 2.75rem);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.metals-hub__hero-panel-label {
  color: var(--color-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.metals-hub__hero-panel-meta {
  color: var(--color-muted-dark);
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.metals-hub__intro {
  background: #FFFFFF;
  padding-block: var(--space-4) var(--space-3);
}

.metals-hub__intro-lead {
  margin: 0;
  max-width: var(--metals-hub-prose);
  color: var(--color-text);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.metals-hub__collection {
  background: var(--metals-hub-surface);
  padding-block: var(--space-4) var(--space-5);
}

.metals-hub__section-head {
  margin: 0 0 var(--space-4);
  max-width: var(--metals-hub-prose);
}

.metals-hub__section-index {
  margin: 0 0 0.35rem;
  color: var(--color-copper);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.metals-hub__section-kicker {
  margin: 0 0 0.5rem;
  color: var(--color-text-muted);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.metals-hub__section-title {
  margin: 0;
  color: var(--color-black);
  font-size: clamp(1.5rem, 1.35rem + 0.6vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.metals-hub__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.metals-hub-metal {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "symbol index"
    "symbol title"
    "symbol description"
    "symbol cta";
  column-gap: 1rem;
  row-gap: 0.3rem;
  align-items: start;
  min-width: 0;
  height: 100%;
  padding: 1.35rem 1.25rem;
  background: var(--metals-hub-block);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-black);
  text-decoration: none;
  box-shadow: none;
}

.metals-hub-metal:hover,
.metals-hub-metal:focus-visible {
  color: var(--color-black);
  border-color: var(--color-copper);
  background: #FCFCFA;
}

.metals-hub-metal:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.metals-hub-metal__symbol {
  grid-area: symbol;
  align-self: start;
  margin-top: 0.1rem;
  color: var(--color-copper);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}

.metals-hub-metal:hover .metals-hub-metal__symbol,
.metals-hub-metal:focus-visible .metals-hub-metal__symbol {
  color: var(--color-black);
}

.metals-hub-metal__index {
  grid-area: index;
  color: var(--color-copper);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.metals-hub-metal__title {
  grid-area: title;
  margin: 0;
  color: var(--color-black);
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.metals-hub-metal__description {
  grid-area: description;
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.925rem;
  line-height: 1.55;
}

.metals-hub-metal__cta {
  grid-area: cta;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.15rem;
  color: var(--color-black);
  font-size: 0.9rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.metals-hub-metal__cta [aria-hidden="true"] {
  color: var(--color-copper);
}

@media (prefers-reduced-motion: no-preference) {
  .metals-hub-metal__symbol,
  .metals-hub-metal__cta [aria-hidden="true"] {
    transition: color 0.15s ease, transform 0.15s ease;
  }

  .metals-hub-metal:hover .metals-hub-metal__cta [aria-hidden="true"],
  .metals-hub-metal:focus-visible .metals-hub-metal__cta [aria-hidden="true"] {
    transform: translateX(0.2rem);
  }
}

.metals-hub__context {
  background: #FFFFFF;
  border-top: 1px solid var(--color-border);
  padding-block: var(--space-4) var(--space-5);
}

.metals-hub__context-inner {
  display: grid;
  gap: var(--space-5);
  max-width: var(--metals-hub-prose);
}

.metals-hub__note-title,
.metals-hub__periodic-title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

.metals-hub__note-copy,
.metals-hub__periodic-copy {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.metals-hub__periodic-gateway {
  margin: var(--space-3) 0 0;
}

.metals-hub__periodic-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--color-black);
  font-weight: var(--font-weight-strong);
  line-height: 1.4;
  text-decoration: none;
}

.metals-hub__periodic-link:hover,
.metals-hub__periodic-link:focus-visible {
  color: var(--color-copper);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.metals-hub__periodic-link [aria-hidden="true"] {
  color: var(--color-copper);
}

.metals-hub__periodic-link:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.metals-hub__closing {
  background: var(--color-dark);
  color: var(--color-light);
  border-top: 1px solid rgba(184, 115, 51, 0.28);
  padding-block: var(--space-5);
}

.metals-hub__closing-inner {
  display: grid;
  gap: var(--space-4);
  align-items: start;
}

.metals-hub__closing-content {
  min-width: 0;
  max-width: var(--metals-hub-prose);
}

.metals-hub__closing-accent {
  display: block;
  width: 2.5rem;
  height: 2px;
  margin: 0 0 var(--space-2);
  background: var(--color-copper);
}

.metals-hub__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.metals-hub__closing-title {
  margin: 0;
  max-width: 24rem;
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.metals-hub__closing-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  min-width: 0;
}

.metals-hub__closing-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: var(--color-surface-dark);
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.metals-hub__closing-phone:hover,
.metals-hub__closing-phone:focus-visible {
  color: var(--color-light);
  border-color: var(--color-copper-light);
  background: rgba(255, 255, 255, 0.04);
}

.metals-hub__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.metals-hub__closing-primary,
.metals-hub__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.65rem 1.1rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-decoration: none;
}

.metals-hub__closing-primary {
  background: var(--color-copper);
  border: 1px solid var(--color-copper);
  color: var(--color-light);
}

.metals-hub__closing-primary:hover,
.metals-hub__closing-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: var(--color-black);
}

.metals-hub__closing-secondary {
  background: transparent;
  border: 1px solid rgba(245, 245, 245, 0.28);
  color: var(--color-light);
}

.metals-hub__closing-secondary:hover,
.metals-hub__closing-secondary:focus-visible {
  border-color: var(--color-copper-light);
  color: var(--color-copper-light);
}

.metals-hub__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.15rem;
  color: rgba(245, 245, 245, 0.82);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
  text-decoration: none;
}

.metals-hub__closing-tertiary:hover,
.metals-hub__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.metals-hub__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.metals-hub__closing-phone:focus-visible,
.metals-hub__closing-primary:focus-visible,
.metals-hub__closing-secondary:focus-visible,
.metals-hub__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (prefers-reduced-motion: no-preference) {
  .metals-hub__closing-tertiary [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .metals-hub__closing-tertiary:hover [aria-hidden="true"],
  .metals-hub__closing-tertiary:focus-visible [aria-hidden="true"] {
    transform: translateX(0.15rem);
  }
}

@media (min-width: 480px) {
  .metals-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .metals-hub__hero {
    padding-block: 2.75rem 3rem;
  }

  .metals-hub__intro {
    padding-block: var(--space-5) var(--space-4);
  }

  .metals-hub__collection {
    padding-block: var(--space-5) var(--space-6);
  }

  .metals-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .metals-hub-metal {
    padding: 1.5rem;
  }

  .metals-hub-metal__symbol {
    font-size: 2.25rem;
  }

  .metals-hub__context {
    padding-block: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .metals-hub__hero-inner {
    grid-template-columns: minmax(0, 1.55fr) minmax(12rem, 0.7fr);
    gap: var(--space-5);
    align-items: end;
  }

  .metals-hub__hero-visual {
    display: block;
  }
}

@media (min-width: 1200px) {
  .metals-hub__hero {
    padding-block: 3rem 3.25rem;
  }

  .metals-hub__hero-panel {
    max-width: 19.5rem;
  }

  .metals-hub__collection {
    padding-block: var(--space-6);
  }

  .metals-hub__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .metals-hub-metal__symbol {
    font-size: 2.35rem;
  }

  .metals-hub__closing {
    padding-block: var(--space-6);
  }

  .metals-hub__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }

  .metals-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* /hurda-rehberi hub V2 — editorial practical guide library; scoped only */
.guides-hub {
  --guides-hub-prose: 46rem;
  --guides-hub-surface: #F7F7F5;
  --guides-hub-block: #FFFFFF;
}

.guides-hub__hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.5rem;
}

.guides-hub__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.guides-hub__hero-content {
  max-width: 50rem;
  min-width: 0;
}

.guides-hub__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.guides-hub__hero .breadcrumb-nav,
.guides-hub__hero .breadcrumb-item,
.guides-hub__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.72);
}

.guides-hub__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.92);
}

.guides-hub__hero .breadcrumb-nav a:hover,
.guides-hub__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.guides-hub__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 var(--space-2);
}

.guides-hub__hero-rule {
  display: block;
  width: 2.25rem;
  height: 2px;
  background: var(--color-copper);
}

.guides-hub__kicker {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.guides-hub__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.45);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.14em;
  line-height: 1.3;
}

.guides-hub__title {
  margin: 0 0 var(--space-3);
  max-width: 18ch;
  color: var(--color-light);
  font-size: clamp(2rem, 1.7rem + 1.4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.guides-hub__lead {
  margin: 0;
  max-width: var(--guides-hub-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.guides-hub__hero-visual {
  display: none;
  min-width: 0;
}

.guides-hub__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  width: 100%;
  max-width: 18rem;
  margin-left: auto;
  aspect-ratio: 5 / 4;
  padding: 1.15rem;
  background:
    linear-gradient(rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 100% 1.5rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.04) 1px, transparent 1px) 0 0 / 1.5rem 100%,
    var(--color-dark);
  border: 1px solid rgba(245, 245, 245, 0.12);
  overflow: hidden;
}

.guides-hub__hero-panel-mark {
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  border-color: var(--color-copper);
  border-style: solid;
  border-width: 0;
}

.guides-hub__hero-panel-mark--tl {
  top: 0.5rem;
  left: 0.5rem;
  border-top-width: 1px;
  border-left-width: 1px;
}

.guides-hub__hero-panel-mark--tr {
  top: 0.5rem;
  right: 0.5rem;
  border-top-width: 1px;
  border-right-width: 1px;
}

.guides-hub__hero-panel-mark--bl {
  bottom: 0.5rem;
  left: 0.5rem;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.guides-hub__hero-panel-mark--br {
  bottom: 0.5rem;
  right: 0.5rem;
  border-bottom-width: 1px;
  border-right-width: 1px;
}

.guides-hub__hero-panel-index {
  color: var(--color-copper);
  font-size: clamp(2rem, 1.7rem + 1vw, 2.75rem);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.04em;
}

.guides-hub__hero-panel-label {
  color: var(--color-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.guides-hub__hero-panel-meta {
  color: var(--color-muted-dark);
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.guides-hub__intro {
  background: #FFFFFF;
  padding-block: var(--space-4) var(--space-3);
}

.guides-hub__intro-lead {
  margin: 0;
  max-width: var(--guides-hub-prose);
  color: var(--color-text);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.guides-hub__collection {
  background: var(--guides-hub-surface);
  padding-block: var(--space-4) var(--space-5);
}

.guides-hub__section-head {
  margin: 0 0 var(--space-4);
  max-width: var(--guides-hub-prose);
}

.guides-hub__section-index {
  margin: 0 0 0.35rem;
  color: var(--color-copper);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.guides-hub__section-kicker {
  margin: 0 0 0.5rem;
  color: var(--color-text-muted);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.guides-hub__section-title {
  margin: 0;
  color: var(--color-black);
  font-size: clamp(1.5rem, 1.35rem + 0.6vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.guides-hub__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}

.guides-hub-guide {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  padding: 1.75rem 1.5rem;
  background: var(--guides-hub-block);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-black);
  text-decoration: none;
  box-shadow: none;
}

.guides-hub-guide:hover,
.guides-hub-guide:focus-visible {
  color: var(--color-black);
  border-color: var(--color-copper);
  background: #FCFCFA;
}

.guides-hub-guide:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.guides-hub-guide__index {
  display: block;
  margin: 0 0 var(--space-3);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.guides-hub-guide__title {
  margin: 0 0 var(--space-3);
  color: var(--color-black);
  font-size: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.guides-hub-guide__description {
  margin: 0 0 var(--space-4);
  flex: 1 1 auto;
  max-width: 36rem;
  color: var(--color-text-muted);
  font-size: 1rem;
  line-height: 1.65;
}

.guides-hub-guide__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: auto;
  color: var(--color-black);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

.guides-hub-guide__cta [aria-hidden="true"] {
  color: var(--color-copper);
}

@media (prefers-reduced-motion: no-preference) {
  .guides-hub-guide__cta [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .guides-hub-guide:hover .guides-hub-guide__cta [aria-hidden="true"],
  .guides-hub-guide:focus-visible .guides-hub-guide__cta [aria-hidden="true"] {
    transform: translateX(0.2rem);
  }
}

.guides-hub__context {
  background: #FFFFFF;
  border-top: 1px solid var(--color-border);
  padding-block: var(--space-4) var(--space-5);
}

.guides-hub__context-inner {
  display: grid;
  gap: var(--space-5);
  max-width: var(--guides-hub-prose);
}

.guides-hub__note-title,
.guides-hub__related-title {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

.guides-hub__note-copy,
.guides-hub__related-copy {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.guides-hub__related-copy {
  margin-bottom: var(--space-3);
}

.guides-hub__related-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}

.guides-hub__related-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--color-black);
  font-weight: var(--font-weight-strong);
  line-height: 1.4;
  text-decoration: none;
}

.guides-hub__related-link:hover,
.guides-hub__related-link:focus-visible {
  color: var(--color-copper);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.guides-hub__related-link [aria-hidden="true"] {
  color: var(--color-copper);
}

.guides-hub__related-link:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.guides-hub__closing {
  background: var(--color-dark);
  color: var(--color-light);
  border-top: 1px solid rgba(184, 115, 51, 0.28);
  padding-block: var(--space-5);
}

.guides-hub__closing-inner {
  display: grid;
  gap: var(--space-4);
  align-items: start;
}

.guides-hub__closing-content {
  min-width: 0;
  max-width: var(--guides-hub-prose);
}

.guides-hub__closing-accent {
  display: block;
  width: 2.5rem;
  height: 2px;
  margin: 0 0 var(--space-2);
  background: var(--color-copper);
}

.guides-hub__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.guides-hub__closing-title {
  margin: 0;
  max-width: 26rem;
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.guides-hub__closing-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  min-width: 0;
}

.guides-hub__closing-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: var(--color-surface-dark);
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.guides-hub__closing-phone:hover,
.guides-hub__closing-phone:focus-visible {
  color: var(--color-light);
  border-color: var(--color-copper-light);
  background: rgba(255, 255, 255, 0.04);
}

.guides-hub__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.guides-hub__closing-primary,
.guides-hub__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.65rem 1.1rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-decoration: none;
}

.guides-hub__closing-primary {
  background: var(--color-copper);
  border: 1px solid var(--color-copper);
  color: var(--color-light);
}

.guides-hub__closing-primary:hover,
.guides-hub__closing-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: var(--color-black);
}

.guides-hub__closing-secondary {
  background: transparent;
  border: 1px solid rgba(245, 245, 245, 0.28);
  color: var(--color-light);
}

.guides-hub__closing-secondary:hover,
.guides-hub__closing-secondary:focus-visible {
  border-color: var(--color-copper-light);
  color: var(--color-copper-light);
}

.guides-hub__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.15rem;
  color: rgba(245, 245, 245, 0.82);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
  text-decoration: none;
}

.guides-hub__closing-tertiary:hover,
.guides-hub__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.guides-hub__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.guides-hub__closing-phone:focus-visible,
.guides-hub__closing-primary:focus-visible,
.guides-hub__closing-secondary:focus-visible,
.guides-hub__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (prefers-reduced-motion: no-preference) {
  .guides-hub__closing-tertiary [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .guides-hub__closing-tertiary:hover [aria-hidden="true"],
  .guides-hub__closing-tertiary:focus-visible [aria-hidden="true"] {
    transform: translateX(0.15rem);
  }
}

@media (min-width: 480px) {
  .guides-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .guides-hub__hero {
    padding-block: 2.75rem 3rem;
  }

  .guides-hub__intro {
    padding-block: var(--space-5) var(--space-4);
  }

  .guides-hub__collection {
    padding-block: var(--space-5) var(--space-6);
  }

  .guides-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .guides-hub-guide {
    padding: 2rem 1.75rem;
  }

  .guides-hub__context {
    padding-block: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .guides-hub__hero-inner {
    grid-template-columns: minmax(0, 1.55fr) minmax(12rem, 0.7fr);
    gap: var(--space-5);
    align-items: end;
  }

  .guides-hub__hero-visual {
    display: block;
  }

  .guides-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
  }
}

@media (min-width: 1200px) {
  .guides-hub__hero {
    padding-block: 3rem 3.25rem;
  }

  .guides-hub__hero-panel {
    max-width: 19.5rem;
  }

  .guides-hub__collection {
    padding-block: var(--space-6);
  }

  .guides-hub__closing {
    padding-block: var(--space-6);
  }

  .guides-hub__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }

  .guides-hub__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ============================================================
   Service Detail V2 — pilot: /hizmetler/kurumsal-hurda-alimi only
   ============================================================ */

.service-detail-v2 {
  --service-detail-v2-prose: var(--content-measure, 46rem);
  background: var(--color-bg);
  color: var(--color-text);
}

.service-detail-v2__hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.25rem 2.5rem;
}

.service-detail-v2__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.service-detail-v2__hero-content {
  max-width: 46rem;
  min-width: 0;
}

.service-detail-v2__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.service-detail-v2__hero .breadcrumb-nav,
.service-detail-v2__hero .breadcrumb-item,
.service-detail-v2__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.72);
}

.service-detail-v2__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.92);
}

.service-detail-v2__hero .breadcrumb-nav a:hover,
.service-detail-v2__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.service-detail-v2__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 var(--space-2);
}

.service-detail-v2__hero-rule {
  display: block;
  width: 2.25rem;
  height: 2px;
  background: var(--color-copper);
}

.service-detail-v2__kicker {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.service-detail-v2__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.45);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.14em;
  line-height: 1.3;
}

.service-detail-v2__title {
  margin: 0 0 var(--space-3);
  max-width: 20ch;
  color: var(--color-light);
  font-size: clamp(1.875rem, 1.6rem + 1.2vw, 2.75rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.service-detail-v2__lead {
  margin: 0 0 var(--space-4);
  max-width: var(--service-detail-v2-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.service-detail-v2__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
}

.service-detail-v2__hero-primary,
.service-detail-v2__hero-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.7rem 1.15rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-decoration: none;
}

.service-detail-v2__hero-primary {
  background: var(--color-copper);
  border: 1px solid var(--color-copper);
  color: #161616;
}

.service-detail-v2__hero-primary:hover,
.service-detail-v2__hero-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: #161616;
}

.service-detail-v2__hero-secondary {
  background: transparent;
  border: 1px solid rgba(245, 245, 245, 0.35);
  color: var(--color-light);
}

.service-detail-v2__hero-secondary:hover,
.service-detail-v2__hero-secondary:focus-visible {
  border-color: var(--color-copper);
  color: var(--color-copper-light);
}

.service-detail-v2__hero-primary:focus-visible,
.service-detail-v2__hero-secondary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.service-detail-v2__hero-visual {
  display: none;
  min-width: 0;
}

.service-detail-v2__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  min-height: 11.5rem;
  max-width: 17.5rem;
  margin-left: auto;
  padding: 1.25rem 1.15rem 1.15rem;
  border: 1px solid rgba(245, 245, 245, 0.14);
  background:
    linear-gradient(rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 100% 1.25rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 1.25rem 100%,
    #1C1C1C;
}

.service-detail-v2__hero-panel-mark {
  position: absolute;
  width: 0.55rem;
  height: 0.55rem;
  border-color: var(--color-copper);
  border-style: solid;
}

.service-detail-v2__hero-panel-mark--tl {
  top: 0.45rem;
  left: 0.45rem;
  border-width: 1px 0 0 1px;
}

.service-detail-v2__hero-panel-mark--tr {
  top: 0.45rem;
  right: 0.45rem;
  border-width: 1px 1px 0 0;
}

.service-detail-v2__hero-panel-mark--bl {
  bottom: 0.45rem;
  left: 0.45rem;
  border-width: 0 0 1px 1px;
}

.service-detail-v2__hero-panel-mark--br {
  bottom: 0.45rem;
  right: 0.45rem;
  border-width: 0 1px 1px 0;
}

.service-detail-v2__hero-panel-index {
  color: var(--color-copper-light);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}

.service-detail-v2__hero-panel-label {
  color: var(--color-light);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.service-detail-v2__hero-panel-meta {
  color: rgba(245, 245, 245, 0.55);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.service-detail-v2__overview {
  background: #F7F7F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.service-detail-v2__overview-inner {
  display: grid;
  gap: var(--space-4);
}

.service-detail-v2__overview-copy {
  max-width: var(--service-detail-v2-prose);
}

.service-detail-v2__section-index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.service-detail-v2__section-title {
  margin: 0 0 var(--space-3);
  color: var(--color-text);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.service-detail-v2__prose {
  margin: 0;
  max-width: var(--service-detail-v2-prose);
  color: var(--color-text-muted, #525252);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.service-detail-v2__audience {
  max-width: 28rem;
  padding-top: var(--space-1);
  border-top: 1px solid var(--color-border);
}

.service-detail-v2__audience-title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.3;
}

.service-detail-v2__audience-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-detail-v2__audience-list li {
  position: relative;
  padding: 0.55rem 0 0.55rem 1.1rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.08);
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.5;
}

.service-detail-v2__audience-list li:last-child {
  border-bottom: 0;
}

.service-detail-v2__audience-list li::before {
  content: "";
  position: absolute;
  top: 1.05rem;
  left: 0;
  width: 0.4rem;
  height: 1px;
  background: var(--color-copper);
}

.service-detail-v2__facts {
  background: #F0F0EE;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.service-detail-v2__section-head {
  margin-bottom: var(--space-4);
  max-width: var(--service-detail-v2-prose);
}

.service-detail-v2__facts-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.service-detail-v2-fact {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.service-detail-v2-fact__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.service-detail-v2-fact__text {
  margin: 0;
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.45;
}

.service-detail-v2__process {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.service-detail-v2__process-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}

.service-detail-v2-step {
  position: relative;
  min-width: 0;
  padding-top: 0.25rem;
}

.service-detail-v2-step__index {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--color-copper);
  font-size: 0.875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.service-detail-v2-step__title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.service-detail-v2-step__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.service-detail-v2__ops {
  background: var(--color-surface-dark, #1C1C1C);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: var(--space-5);
}

.service-detail-v2__ops-inner {
  display: grid;
  gap: var(--space-5);
}

.service-detail-v2__ops-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.service-detail-v2__ops-title {
  margin: 0 0 var(--space-3);
  color: var(--color-light);
  font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
}

.service-detail-v2__ops-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-detail-v2__ops-list li {
  padding: 0.7rem 0;
  border-bottom: 1px solid rgba(245, 245, 245, 0.1);
  color: rgba(245, 245, 245, 0.86);
  font-size: 1rem;
  line-height: 1.5;
}

.service-detail-v2__ops-list li:last-child {
  border-bottom: 0;
}

.service-detail-v2__ops-copy {
  margin: 0 0 var(--space-3);
  max-width: var(--service-detail-v2-prose);
  color: rgba(245, 245, 245, 0.72);
  font-size: 1rem;
  line-height: 1.65;
}

.service-detail-v2__ops-copy:last-child {
  margin-bottom: 0;
}

.service-detail-v2__faq {
  background: #F7F7F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.service-detail-v2__faq-list {
  display: grid;
  gap: 0;
  max-width: var(--service-detail-v2-prose);
}

.service-detail-v2-faq {
  padding: 1.15rem 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.service-detail-v2-faq:last-child {
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.service-detail-v2-faq__question {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.service-detail-v2-faq__answer {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 1rem;
  line-height: 1.65;
}

.service-detail-v2__related {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.service-detail-v2__related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.service-detail-v2-related {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  gap: var(--space-2);
  align-items: center;
  padding: 1.1rem 0.15rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
  color: var(--color-text);
  text-decoration: none;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.service-detail-v2-related:hover,
.service-detail-v2-related:focus-visible {
  border-bottom-color: var(--color-copper);
  background: rgba(184, 115, 51, 0.04);
  color: var(--color-text);
}

.service-detail-v2-related:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.service-detail-v2-related__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
}

.service-detail-v2-related__title {
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.service-detail-v2-related__cue {
  color: var(--color-copper);
  font-size: 1.125rem;
  line-height: 1;
  transition: transform 0.15s ease;
}

@media (prefers-reduced-motion: no-preference) {
  .service-detail-v2-related:hover .service-detail-v2-related__cue,
  .service-detail-v2-related:focus-visible .service-detail-v2-related__cue {
    transform: translateX(0.15rem);
  }
}

.service-detail-v2__closing {
  background: var(--color-black);
  color: var(--color-light);
  padding-block: var(--space-5);
}

.service-detail-v2__closing-inner {
  display: grid;
  gap: var(--space-4);
}

.service-detail-v2__closing-accent {
  display: block;
  width: 2.25rem;
  height: 2px;
  margin-bottom: var(--space-2);
  background: var(--color-copper);
}

.service-detail-v2__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.service-detail-v2__closing-title {
  margin: 0;
  max-width: 22ch;
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.service-detail-v2__closing-actions {
  display: grid;
  align-items: stretch;
  gap: var(--space-2);
  min-width: 0;
}

.service-detail-v2__closing-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: var(--color-surface-dark, #1C1C1C);
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.service-detail-v2__closing-phone:hover,
.service-detail-v2__closing-phone:focus-visible {
  color: var(--color-light);
  border-color: rgba(210, 154, 99, 0.55);
  background: #2A2A2A;
}

.service-detail-v2__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  width: 100%;
}

.service-detail-v2__closing-primary,
.service-detail-v2__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.service-detail-v2__closing-primary {
  background: var(--color-copper);
  color: #161616;
  border: 1px solid var(--color-copper);
}

.service-detail-v2__closing-primary:hover,
.service-detail-v2__closing-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: #161616;
}

.service-detail-v2__closing-secondary {
  background: transparent;
  color: var(--color-light);
  border: 1px solid rgba(245, 245, 245, 0.35);
}

.service-detail-v2__closing-secondary:hover,
.service-detail-v2__closing-secondary:focus-visible {
  color: var(--color-copper-light);
  border-color: var(--color-copper);
}

.service-detail-v2__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: var(--space-1);
  min-height: 44px;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  line-height: 1.4;
  text-decoration: none;
}

.service-detail-v2__closing-tertiary:hover,
.service-detail-v2__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.service-detail-v2__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.service-detail-v2__closing-phone:focus-visible,
.service-detail-v2__closing-primary:focus-visible,
.service-detail-v2__closing-secondary:focus-visible,
.service-detail-v2__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (prefers-reduced-motion: no-preference) {
  .service-detail-v2__closing-tertiary [aria-hidden="true"] {
    transition: transform 0.15s ease;
  }

  .service-detail-v2__closing-tertiary:hover [aria-hidden="true"],
  .service-detail-v2__closing-tertiary:focus-visible [aria-hidden="true"] {
    transform: translateX(0.15rem);
  }
}

@media (min-width: 480px) {
  .service-detail-v2__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .service-detail-v2__hero {
    padding-block: 2.5rem 2.75rem;
  }

  .service-detail-v2__overview-inner {
    grid-template-columns: minmax(0, 1.45fr) minmax(14rem, 0.7fr);
    gap: var(--space-5);
    align-items: start;
  }

  .service-detail-v2__audience {
    border-top: 0;
    padding-top: 0;
    border-left: 1px solid var(--color-border);
    padding-left: var(--space-4);
  }

  .service-detail-v2__facts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .service-detail-v2__process-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5) var(--space-4);
  }

  .service-detail-v2__ops-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .service-detail-v2__related-grid--2,
  .service-detail-v2__related-grid--3,
  .service-detail-v2__related-grid--4,
  .service-detail-v2__related-grid--auto {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .service-detail-v2__hero-inner {
    grid-template-columns: minmax(0, 1.55fr) minmax(12rem, 0.65fr);
    gap: var(--space-5);
    align-items: end;
  }

  .service-detail-v2__hero-visual {
    display: block;
  }

  .service-detail-v2__related-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .service-detail-v2__related-grid--4,
  .service-detail-v2__related-grid--auto {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .service-detail-v2__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }
}

@media (min-width: 1200px) {
  .service-detail-v2__hero {
    padding-block: 2.75rem 3rem;
  }

  .service-detail-v2__hero-panel {
    max-width: 18.5rem;
  }

  .service-detail-v2__overview,
  .service-detail-v2__facts,
  .service-detail-v2__process,
  .service-detail-v2__ops,
  .service-detail-v2__faq,
  .service-detail-v2__related,
  .service-detail-v2__closing {
    padding-block: var(--space-6);
  }

  .service-detail-v2__process-list--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .service-detail-v2__process-list--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .service-detail-v2__process-list--5 > .service-detail-v2-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0.7rem;
    right: -0.75rem;
    width: 1.25rem;
    height: 1px;
    background: rgba(22, 22, 22, 0.16);
  }

  .service-detail-v2__related-grid--auto {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--space-4);
  }
}

/* ============================================================
   Scrap Detail V2 — pilot: /hurda-turleri/bakir-hurdasi only
   ============================================================ */

.scrap-detail-v2 {
  --scrap-detail-v2-prose: var(--content-measure, 46rem);
  background: var(--color-bg);
  color: var(--color-text);
}

.scrap-detail-v2__hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.25rem 2.5rem;
}

.scrap-detail-v2__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.scrap-detail-v2__hero-content {
  max-width: 46rem;
  min-width: 0;
}

.scrap-detail-v2__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.scrap-detail-v2__hero .breadcrumb-nav,
.scrap-detail-v2__hero .breadcrumb-item,
.scrap-detail-v2__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.72);
}

.scrap-detail-v2__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.92);
}

.scrap-detail-v2__hero .breadcrumb-nav a:hover,
.scrap-detail-v2__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.scrap-detail-v2__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 var(--space-2);
}

.scrap-detail-v2__hero-rule {
  display: block;
  width: 2.25rem;
  height: 2px;
  background: var(--color-copper);
}

.scrap-detail-v2__kicker {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.scrap-detail-v2__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.45);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.14em;
  line-height: 1.3;
}

.scrap-detail-v2__title {
  margin: 0 0 var(--space-3);
  max-width: 18ch;
  color: var(--color-light);
  font-size: clamp(1.875rem, 1.6rem + 1.2vw, 2.75rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.scrap-detail-v2__lead {
  margin: 0;
  max-width: var(--scrap-detail-v2-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.scrap-detail-v2__hero-visual {
  display: none;
  min-width: 0;
}

.scrap-detail-v2__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  min-height: 11.5rem;
  max-width: 17.5rem;
  margin-left: auto;
  padding: 1.25rem 1.15rem 1.15rem;
  border: 1px solid rgba(245, 245, 245, 0.14);
  background:
    linear-gradient(rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 100% 1.25rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 1.25rem 100%,
    #1C1C1C;
}

.scrap-detail-v2__hero-panel-mark {
  position: absolute;
  width: 0.55rem;
  height: 0.55rem;
  border-color: var(--color-copper);
  border-style: solid;
}

.scrap-detail-v2__hero-panel-mark--tl {
  top: 0.45rem;
  left: 0.45rem;
  border-width: 1px 0 0 1px;
}

.scrap-detail-v2__hero-panel-mark--tr {
  top: 0.45rem;
  right: 0.45rem;
  border-width: 1px 1px 0 0;
}

.scrap-detail-v2__hero-panel-mark--bl {
  bottom: 0.45rem;
  left: 0.45rem;
  border-width: 0 0 1px 1px;
}

.scrap-detail-v2__hero-panel-mark--br {
  bottom: 0.45rem;
  right: 0.45rem;
  border-width: 0 1px 1px 0;
}

.scrap-detail-v2__hero-panel-index {
  color: var(--color-copper-light);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}

.scrap-detail-v2__hero-panel-label {
  color: var(--color-light);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.scrap-detail-v2__hero-panel-meta {
  color: rgba(245, 245, 245, 0.55);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.scrap-detail-v2__hero-panel-symbol {
  position: absolute;
  top: 1.1rem;
  right: 1.15rem;
  color: rgba(210, 154, 99, 0.55);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
}

.scrap-detail-v2__overview {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.scrap-detail-v2__overview-inner {
  display: grid;
  gap: var(--space-4);
}

.scrap-detail-v2__overview-copy {
  max-width: var(--scrap-detail-v2-prose);
}

.scrap-detail-v2__section-index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.scrap-detail-v2__section-title {
  margin: 0 0 var(--space-3);
  color: var(--color-text);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.scrap-detail-v2__prose {
  margin: 0;
  max-width: var(--scrap-detail-v2-prose);
  color: var(--color-text-muted, #525252);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.scrap-detail-v2__aside {
  max-width: 28rem;
  padding-top: var(--space-1);
  border-top: 1px solid var(--color-border);
}

.scrap-detail-v2__aside-title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.3;
}

.scrap-detail-v2__aside-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.scrap-detail-v2__aside-list li {
  position: relative;
  padding: 0.55rem 0 0.55rem 1.1rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.08);
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.5;
}

.scrap-detail-v2__aside-list li:last-child {
  border-bottom: 0;
}

.scrap-detail-v2__aside-list li::before {
  content: "";
  position: absolute;
  top: 1.05rem;
  left: 0;
  width: 0.4rem;
  height: 1px;
  background: var(--color-copper);
}

.scrap-detail-v2__scope {
  background: #F5F5F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.scrap-detail-v2__section-head {
  margin-bottom: var(--space-4);
  max-width: var(--scrap-detail-v2-prose);
}

.scrap-detail-v2__scope-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.scrap-detail-v2-scope {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.scrap-detail-v2-scope__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.scrap-detail-v2-scope__title {
  margin: 0 0 0.35rem;
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.scrap-detail-v2-scope__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.scrap-detail-v2__evaluation {
  background: #242424;
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: var(--space-5);
}

.scrap-detail-v2__evaluation-inner {
  display: grid;
  gap: var(--space-5);
}

.scrap-detail-v2__ops-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.scrap-detail-v2__evaluation-title {
  margin: 0 0 var(--space-3);
  max-width: 22ch;
  color: var(--color-light);
  font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
}

.scrap-detail-v2__evaluation-lead {
  margin: 0 0 var(--space-3);
  max-width: var(--scrap-detail-v2-prose);
  color: rgba(245, 245, 245, 0.72);
  font-size: 1rem;
  line-height: 1.65;
}

.scrap-detail-v2__evaluation-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 44px;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.scrap-detail-v2__evaluation-link:hover,
.scrap-detail-v2__evaluation-link:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.scrap-detail-v2__evaluation-link [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.scrap-detail-v2__factor-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.scrap-detail-v2__factor-item {
  padding: 0.85rem 0;
  border-bottom: 1px solid rgba(245, 245, 245, 0.12);
  color: rgba(245, 245, 245, 0.9);
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.4;
}

.scrap-detail-v2__factor-item:first-child {
  border-top: 1px solid rgba(245, 245, 245, 0.12);
}

.scrap-detail-v2__process {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.scrap-detail-v2__process-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.scrap-detail-v2-step {
  position: relative;
  min-width: 0;
}

.scrap-detail-v2-step__index {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--color-copper);
  font-size: 0.875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
}

.scrap-detail-v2-step__title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.scrap-detail-v2-step__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.scrap-detail-v2__bridge {
  background: #F7F7F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.scrap-detail-v2__bridge-inner {
  max-width: var(--scrap-detail-v2-prose);
}

.scrap-detail-v2__bridge-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.scrap-detail-v2__bridge-title {
  margin: 0 0 var(--space-3);
  color: var(--color-text);
  font-size: clamp(1.35rem, 1.2rem + 0.55vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
}

.scrap-detail-v2__bridge-copy {
  margin: 0 0 var(--space-3);
  color: var(--color-text-muted, #525252);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.scrap-detail-v2__bridge-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 44px;
  color: var(--color-text);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.scrap-detail-v2__bridge-link:hover,
.scrap-detail-v2__bridge-link:focus-visible {
  color: var(--color-copper);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.scrap-detail-v2__bridge-link [aria-hidden="true"] {
  color: var(--color-copper);
}

.scrap-detail-v2__faq {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.scrap-detail-v2__faq-list {
  display: grid;
  gap: 0;
  max-width: var(--scrap-detail-v2-prose);
}

.scrap-detail-v2-faq {
  padding: 1.15rem 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.scrap-detail-v2-faq:last-child {
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.scrap-detail-v2-faq__question {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.scrap-detail-v2-faq__answer {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 1rem;
  line-height: 1.65;
}

.scrap-detail-v2__related {
  background: #F7F7F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.scrap-detail-v2__related--services {
  background: #FFFFFF;
}

.scrap-detail-v2__related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.scrap-detail-v2-related {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  gap: var(--space-2);
  align-items: center;
  padding: 1.1rem 0.15rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
  color: var(--color-text);
  text-decoration: none;
}

.scrap-detail-v2-related:hover,
.scrap-detail-v2-related:focus-visible {
  border-bottom-color: var(--color-copper);
  background: rgba(184, 115, 51, 0.04);
  color: var(--color-text);
}

.scrap-detail-v2-related:focus-visible,
.scrap-detail-v2__evaluation-link:focus-visible,
.scrap-detail-v2__bridge-link:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.scrap-detail-v2-related__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
}

.scrap-detail-v2-related__title {
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.scrap-detail-v2-related__cue {
  color: var(--color-copper);
  font-size: 1.125rem;
  line-height: 1;
  transition: transform 0.15s ease;
}

@media (prefers-reduced-motion: no-preference) {
  .scrap-detail-v2-related:hover .scrap-detail-v2-related__cue,
  .scrap-detail-v2-related:focus-visible .scrap-detail-v2-related__cue {
    transform: translateX(0.15rem);
  }
}

.scrap-detail-v2__closing {
  background: var(--color-surface-dark, #1C1C1C);
  color: var(--color-light);
  padding-block: var(--space-5);
}

.scrap-detail-v2__closing-inner {
  display: grid;
  gap: var(--space-4);
}

.scrap-detail-v2__closing-accent {
  display: block;
  width: 2.25rem;
  height: 2px;
  margin-bottom: var(--space-2);
  background: var(--color-copper);
}

.scrap-detail-v2__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.scrap-detail-v2__closing-title {
  margin: 0;
  max-width: 22ch;
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.scrap-detail-v2__closing-actions {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.scrap-detail-v2__closing-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: #242424;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.scrap-detail-v2__closing-phone:hover,
.scrap-detail-v2__closing-phone:focus-visible {
  border-color: rgba(210, 154, 99, 0.55);
  background: #2A2A2A;
  color: var(--color-light);
}

.scrap-detail-v2__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  width: 100%;
}

.scrap-detail-v2__closing-primary,
.scrap-detail-v2__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.scrap-detail-v2__closing-primary {
  background: var(--color-copper);
  border: 1px solid var(--color-copper);
  color: #161616;
}

.scrap-detail-v2__closing-primary:hover,
.scrap-detail-v2__closing-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: #161616;
}

.scrap-detail-v2__closing-secondary {
  background: transparent;
  border: 1px solid rgba(245, 245, 245, 0.35);
  color: var(--color-light);
}

.scrap-detail-v2__closing-secondary:hover,
.scrap-detail-v2__closing-secondary:focus-visible {
  border-color: var(--color-copper);
  color: var(--color-copper-light);
}

.scrap-detail-v2__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: var(--space-1);
  min-height: 44px;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.scrap-detail-v2__closing-tertiary:hover,
.scrap-detail-v2__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.scrap-detail-v2__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.scrap-detail-v2__closing-phone:focus-visible,
.scrap-detail-v2__closing-primary:focus-visible,
.scrap-detail-v2__closing-secondary:focus-visible,
.scrap-detail-v2__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (min-width: 480px) {
  .scrap-detail-v2__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .scrap-detail-v2__overview-inner {
    grid-template-columns: minmax(0, 1.45fr) minmax(14rem, 0.7fr);
    gap: var(--space-5);
    align-items: start;
  }

  .scrap-detail-v2__aside {
    border-top: 0;
    padding-top: 0;
    border-left: 1px solid var(--color-border);
    padding-left: var(--space-4);
  }

  .scrap-detail-v2__scope-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .scrap-detail-v2__evaluation-inner {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: start;
  }

  .scrap-detail-v2__process-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5) var(--space-4);
  }

  .scrap-detail-v2__related-grid--2,
  .scrap-detail-v2__related-grid--3,
  .scrap-detail-v2__related-grid--4,
  .scrap-detail-v2__related-grid--auto {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .scrap-detail-v2__hero-inner {
    grid-template-columns: minmax(0, 1.55fr) minmax(12rem, 0.65fr);
    gap: var(--space-5);
    align-items: end;
  }

  .scrap-detail-v2__hero-visual {
    display: block;
  }

  .scrap-detail-v2__related-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .scrap-detail-v2__related-grid--4,
  .scrap-detail-v2__related-grid--auto {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .scrap-detail-v2__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }
}

@media (min-width: 1200px) {
  .scrap-detail-v2__hero {
    padding-block: 2.75rem 3rem;
  }

  .scrap-detail-v2__hero-panel {
    max-width: 18.5rem;
  }

  .scrap-detail-v2__overview,
  .scrap-detail-v2__scope,
  .scrap-detail-v2__evaluation,
  .scrap-detail-v2__process,
  .scrap-detail-v2__bridge,
  .scrap-detail-v2__faq,
  .scrap-detail-v2__related,
  .scrap-detail-v2__closing {
    padding-block: var(--space-6);
  }

  .scrap-detail-v2__process-list--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .scrap-detail-v2__process-list--5 > .scrap-detail-v2-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0.7rem;
    right: -0.75rem;
    width: 1.25rem;
    height: 1px;
    background: rgba(22, 22, 22, 0.16);
  }

  .scrap-detail-v2__related-grid--4,
  .scrap-detail-v2__related-grid--auto {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--space-4);
  }
}

@media print {
  .site-quick-contact,
  .skip-link {
    display: none !important;
  }

  .has-mobile-quick-contact {
    padding-bottom: 0;
  }
}

.swarf-detail-v2 {
  --swarf-detail-v2-prose: var(--content-measure, 46rem);
  background: var(--color-bg);
  color: var(--color-text);
}

.swarf-detail-v2__hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.25rem 2.5rem;
}

.swarf-detail-v2__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.swarf-detail-v2__hero-content {
  max-width: 46rem;
  min-width: 0;
}

.swarf-detail-v2__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.swarf-detail-v2__hero .breadcrumb-nav,
.swarf-detail-v2__hero .breadcrumb-item,
.swarf-detail-v2__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.72);
}

.swarf-detail-v2__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.92);
}

.swarf-detail-v2__hero .breadcrumb-nav a:hover,
.swarf-detail-v2__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.swarf-detail-v2__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 var(--space-2);
}

.swarf-detail-v2__hero-rule {
  display: block;
  width: 2.25rem;
  height: 2px;
  background: var(--color-copper);
}

.swarf-detail-v2__kicker {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.swarf-detail-v2__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.45);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.14em;
  line-height: 1.3;
}

.swarf-detail-v2__title {
  margin: 0 0 var(--space-3);
  max-width: 18ch;
  color: var(--color-light);
  font-size: clamp(1.875rem, 1.6rem + 1.2vw, 2.75rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.swarf-detail-v2__lead {
  margin: 0;
  max-width: var(--swarf-detail-v2-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.swarf-detail-v2__hero-visual {
  display: none;
  min-width: 0;
}

.swarf-detail-v2__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  min-height: 11.5rem;
  max-width: 17.5rem;
  margin-left: auto;
  padding: 1.25rem 1.15rem 1.15rem;
  border: 1px solid rgba(245, 245, 245, 0.14);
  background:
    linear-gradient(rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 100% 1.25rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 1.25rem 100%,
    #1C1C1C;
}

.swarf-detail-v2__hero-panel-mark {
  position: absolute;
  width: 0.55rem;
  height: 0.55rem;
  border-color: var(--color-copper);
  border-style: solid;
}

.swarf-detail-v2__hero-panel-mark--tl {
  top: 0.45rem;
  left: 0.45rem;
  border-width: 1px 0 0 1px;
}

.swarf-detail-v2__hero-panel-mark--tr {
  top: 0.45rem;
  right: 0.45rem;
  border-width: 1px 1px 0 0;
}

.swarf-detail-v2__hero-panel-mark--bl {
  bottom: 0.45rem;
  left: 0.45rem;
  border-width: 0 0 1px 1px;
}

.swarf-detail-v2__hero-panel-mark--br {
  bottom: 0.45rem;
  right: 0.45rem;
  border-width: 0 1px 1px 0;
}

.swarf-detail-v2__hero-panel-index {
  color: var(--color-copper-light);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}

.swarf-detail-v2__hero-panel-label {
  color: var(--color-light);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.swarf-detail-v2__hero-panel-meta {
  color: rgba(245, 245, 245, 0.55);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.swarf-detail-v2__hero-panel-symbol {
  position: absolute;
  top: 1.1rem;
  right: 1.15rem;
  color: rgba(210, 154, 99, 0.55);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
}

.swarf-detail-v2__overview {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.swarf-detail-v2__overview-inner {
  display: grid;
  gap: var(--space-4);
}

.swarf-detail-v2__overview-copy {
  max-width: var(--swarf-detail-v2-prose);
}

.swarf-detail-v2__section-index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.swarf-detail-v2__section-title {
  margin: 0 0 var(--space-3);
  color: var(--color-text);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.swarf-detail-v2__prose {
  margin: 0;
  max-width: var(--swarf-detail-v2-prose);
  color: var(--color-text-muted, #525252);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.swarf-detail-v2__aside {
  max-width: 28rem;
  padding-top: var(--space-1);
  border-top: 1px solid var(--color-border);
}

.swarf-detail-v2__aside-title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.3;
}

.swarf-detail-v2__aside-list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: swarf-aside;
}

.swarf-detail-v2__aside-list li {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  column-gap: 0.7rem;
  align-items: start;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.08);
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.5;
  counter-increment: swarf-aside;
}

.swarf-detail-v2__aside-list li:last-child {
  border-bottom: 0;
}

.swarf-detail-v2__aside-list li::before {
  content: counter(swarf-aside, decimal-leading-zero);
  color: var(--color-copper, #B87333);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.swarf-detail-v2__scope {
  background: #F5F5F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.swarf-detail-v2__section-head {
  margin-bottom: var(--space-4);
  max-width: var(--swarf-detail-v2-prose);
}

.swarf-detail-v2__scope-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.swarf-detail-v2-scope {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.swarf-detail-v2-scope__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.swarf-detail-v2-scope__title {
  margin: 0 0 0.35rem;
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.swarf-detail-v2-scope__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.swarf-detail-v2__evaluation {
  background: #242424;
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: var(--space-5);
}

.swarf-detail-v2__evaluation-inner {
  display: grid;
  gap: var(--space-5);
}

.swarf-detail-v2__ops-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.swarf-detail-v2__evaluation-title {
  margin: 0 0 var(--space-3);
  max-width: 22ch;
  color: var(--color-light);
  font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
}

.swarf-detail-v2__evaluation-lead {
  margin: 0 0 var(--space-3);
  max-width: var(--swarf-detail-v2-prose);
  color: rgba(245, 245, 245, 0.72);
  font-size: 1rem;
  line-height: 1.65;
}

.swarf-detail-v2__evaluation-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 44px;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.swarf-detail-v2__evaluation-link:hover,
.swarf-detail-v2__evaluation-link:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.swarf-detail-v2__evaluation-link [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.swarf-detail-v2__factor-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.swarf-detail-v2__factor-item {
  padding: 0.85rem 0;
  border-bottom: 1px solid rgba(245, 245, 245, 0.12);
  color: rgba(245, 245, 245, 0.9);
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.4;
}

.swarf-detail-v2__factor-item:first-child {
  border-top: 1px solid rgba(245, 245, 245, 0.12);
}

.swarf-detail-v2__process {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.swarf-detail-v2__process-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.swarf-detail-v2-step {
  position: relative;
  min-width: 0;
}

.swarf-detail-v2-step__index {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--color-copper);
  font-size: 0.875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
}

.swarf-detail-v2-step__title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.swarf-detail-v2-step__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.swarf-detail-v2__bridge {
  background: #F7F7F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.swarf-detail-v2__bridge-inner {
  max-width: var(--swarf-detail-v2-prose);
}

.swarf-detail-v2__bridge-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.swarf-detail-v2__bridge-title {
  margin: 0 0 var(--space-3);
  color: var(--color-text);
  font-size: clamp(1.35rem, 1.2rem + 0.55vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
}

.swarf-detail-v2__bridge-copy {
  margin: 0 0 var(--space-3);
  color: var(--color-text-muted, #525252);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.swarf-detail-v2__bridge-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 44px;
  color: var(--color-text);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.swarf-detail-v2__bridge-link:hover,
.swarf-detail-v2__bridge-link:focus-visible {
  color: var(--color-copper);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.swarf-detail-v2__bridge-link [aria-hidden="true"] {
  color: var(--color-copper);
}

.swarf-detail-v2__faq {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.swarf-detail-v2__faq-list {
  display: grid;
  gap: 0;
  max-width: var(--swarf-detail-v2-prose);
}

.swarf-detail-v2-faq {
  padding: 1.15rem 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.swarf-detail-v2-faq:last-child {
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.swarf-detail-v2-faq__question {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.swarf-detail-v2-faq__answer {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 1rem;
  line-height: 1.65;
}

.swarf-detail-v2__related {
  background: #F7F7F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.swarf-detail-v2__related--services {
  background: #FFFFFF;
}

.swarf-detail-v2__related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.swarf-detail-v2-related {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  gap: var(--space-2);
  align-items: center;
  padding: 1.1rem 0.15rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
  color: var(--color-text);
  text-decoration: none;
}

.swarf-detail-v2-related:hover,
.swarf-detail-v2-related:focus-visible {
  border-bottom-color: var(--color-copper);
  background: rgba(184, 115, 51, 0.04);
  color: var(--color-text);
}

.swarf-detail-v2-related:focus-visible,
.swarf-detail-v2__evaluation-link:focus-visible,
.swarf-detail-v2__bridge-link:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.swarf-detail-v2-related__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
}

.swarf-detail-v2-related__title {
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.swarf-detail-v2-related__cue {
  color: var(--color-copper);
  font-size: 1.125rem;
  line-height: 1;
  transition: transform 0.15s ease;
}

@media (prefers-reduced-motion: no-preference) {
  .swarf-detail-v2-related:hover .swarf-detail-v2-related__cue,
  .swarf-detail-v2-related:focus-visible .swarf-detail-v2-related__cue {
    transform: translateX(0.15rem);
  }
}

.swarf-detail-v2__closing {
  background: var(--color-surface-dark, #1C1C1C);
  color: var(--color-light);
  padding-block: var(--space-5);
}

.swarf-detail-v2__closing-inner {
  display: grid;
  gap: var(--space-4);
}

.swarf-detail-v2__closing-accent {
  display: block;
  width: 2.25rem;
  height: 2px;
  margin-bottom: var(--space-2);
  background: var(--color-copper);
}

.swarf-detail-v2__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.swarf-detail-v2__closing-title {
  margin: 0;
  max-width: 22ch;
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.swarf-detail-v2__closing-actions {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.swarf-detail-v2__closing-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: #242424;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.swarf-detail-v2__closing-phone:hover,
.swarf-detail-v2__closing-phone:focus-visible {
  border-color: rgba(210, 154, 99, 0.55);
  background: #2A2A2A;
  color: var(--color-light);
}

.swarf-detail-v2__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  width: 100%;
}

.swarf-detail-v2__closing-primary,
.swarf-detail-v2__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.swarf-detail-v2__closing-primary {
  background: var(--color-copper);
  border: 1px solid var(--color-copper);
  color: #161616;
}

.swarf-detail-v2__closing-primary:hover,
.swarf-detail-v2__closing-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: #161616;
}

.swarf-detail-v2__closing-secondary {
  background: transparent;
  border: 1px solid rgba(245, 245, 245, 0.35);
  color: var(--color-light);
}

.swarf-detail-v2__closing-secondary:hover,
.swarf-detail-v2__closing-secondary:focus-visible {
  border-color: var(--color-copper);
  color: var(--color-copper-light);
}

.swarf-detail-v2__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: var(--space-1);
  min-height: 44px;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.swarf-detail-v2__closing-tertiary:hover,
.swarf-detail-v2__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.swarf-detail-v2__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.swarf-detail-v2__closing-phone:focus-visible,
.swarf-detail-v2__closing-primary:focus-visible,
.swarf-detail-v2__closing-secondary:focus-visible,
.swarf-detail-v2__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (min-width: 480px) {
  .swarf-detail-v2__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .swarf-detail-v2__overview-inner {
    grid-template-columns: minmax(0, 1.45fr) minmax(14rem, 0.7fr);
    gap: var(--space-5);
    align-items: start;
  }

  .swarf-detail-v2__aside {
    border-top: 0;
    padding-top: 0;
    border-left: 1px solid var(--color-border);
    padding-left: var(--space-4);
  }

  .swarf-detail-v2__scope-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .swarf-detail-v2__evaluation-inner {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: start;
  }

  .swarf-detail-v2__process-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5) var(--space-4);
  }

  .swarf-detail-v2__related-grid--2,
  .swarf-detail-v2__related-grid--3,
  .swarf-detail-v2__related-grid--4,
  .swarf-detail-v2__related-grid--auto {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .swarf-detail-v2__hero-inner {
    grid-template-columns: minmax(0, 1.55fr) minmax(12rem, 0.65fr);
    gap: var(--space-5);
    align-items: end;
  }

  .swarf-detail-v2__hero-visual {
    display: block;
  }

  .swarf-detail-v2__related-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .swarf-detail-v2__related-grid--4,
  .swarf-detail-v2__related-grid--auto {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .swarf-detail-v2__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }
}

@media (min-width: 1200px) {
  .swarf-detail-v2__hero {
    padding-block: 2.75rem 3rem;
  }

  .swarf-detail-v2__hero-panel {
    max-width: 18.5rem;
  }

  .swarf-detail-v2__overview,
  .swarf-detail-v2__scope,
  .swarf-detail-v2__evaluation,
  .swarf-detail-v2__process,
  .swarf-detail-v2__bridge,
  .swarf-detail-v2__faq,
  .swarf-detail-v2__related,
  .swarf-detail-v2__closing {
    padding-block: var(--space-6);
  }

  .swarf-detail-v2__process-list--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .swarf-detail-v2__process-list--5 > .swarf-detail-v2-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0.7rem;
    right: -0.75rem;
    width: 1.25rem;
    height: 1px;
    background: rgba(22, 22, 22, 0.16);
  }

  .swarf-detail-v2__related-grid--4,
  .swarf-detail-v2__related-grid--auto {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--space-4);
  }
}

.swarf-detail-v2__ops {
  background: #1C1C1C;
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: var(--space-5);
}

.swarf-detail-v2__ops-inner {
  display: grid;
  gap: var(--space-5);
}

.swarf-detail-v2__ops-block {
  min-width: 0;
}

.swarf-detail-v2__ops .swarf-detail-v2__ops-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.swarf-detail-v2__ops .swarf-detail-v2__ops-title,
.swarf-detail-v2__ops h2,
.swarf-detail-v2__ops h3 {
  margin: 0 0 var(--space-3);
  color: #F5F5F5;
  font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
}

.swarf-detail-v2__ops-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.swarf-detail-v2__ops-list li {
  padding: 0.7rem 0;
  border-bottom: 1px solid rgba(245, 245, 245, 0.1);
  color: rgba(245, 245, 245, 0.86);
  font-size: 1rem;
  line-height: 1.5;
}

.swarf-detail-v2__ops-list li:last-child {
  border-bottom: 0;
}

.swarf-detail-v2__ops-copy {
  margin: 0 0 var(--space-3);
  max-width: var(--swarf-detail-v2-prose);
  color: rgba(245, 245, 245, 0.72);
  font-size: 1rem;
  line-height: 1.65;
}

@media (min-width: 1024px) {
  .swarf-detail-v2__ops-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    align-items: start;
  }
}

@media (min-width: 1200px) {
  .swarf-detail-v2__ops {
    padding-block: var(--space-6);
  }
}

/* Region Detail V2 — İstanbul pilot */
.region-detail-v2 {
  --region-detail-v2-prose: var(--content-measure, 46rem);
  background: var(--color-bg);
  color: var(--color-text);
}

.region-detail-v2__hero {
  background: var(--color-black);
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.25rem 2.5rem;
}

.region-detail-v2__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.region-detail-v2__hero-content {
  max-width: 46rem;
  min-width: 0;
}

.region-detail-v2__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.region-detail-v2__hero .breadcrumb-nav,
.region-detail-v2__hero .breadcrumb-item,
.region-detail-v2__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.72);
}

.region-detail-v2__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.92);
}

.region-detail-v2__hero .breadcrumb-nav a:hover,
.region-detail-v2__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.region-detail-v2__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 var(--space-2);
}

.region-detail-v2__hero-rule {
  display: block;
  width: 2.25rem;
  height: 2px;
  background: var(--color-copper);
}

.region-detail-v2__kicker {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.region-detail-v2__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.45);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.14em;
  line-height: 1.3;
}

.region-detail-v2__title {
  margin: 0 0 var(--space-3);
  max-width: 20ch;
  color: var(--color-light);
  font-size: clamp(1.875rem, 1.6rem + 1.2vw, 2.75rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.region-detail-v2__lead {
  margin: 0;
  max-width: var(--region-detail-v2-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.region-detail-v2__hero-visual {
  display: none;
  min-width: 0;
}

.region-detail-v2__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  min-height: 11.5rem;
  max-width: 17.5rem;
  margin-left: auto;
  padding: 1.25rem 1.15rem 1.15rem;
  border: 1px solid rgba(245, 245, 245, 0.14);
  background:
    linear-gradient(rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 100% 1.25rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 1.25rem 100%,
    #1C1C1C;
}

.region-detail-v2__hero-panel-mark {
  position: absolute;
  width: 0.55rem;
  height: 0.55rem;
  border-color: var(--color-copper);
  border-style: solid;
}

.region-detail-v2__hero-panel-mark--tl {
  top: 0.45rem;
  left: 0.45rem;
  border-width: 1px 0 0 1px;
}

.region-detail-v2__hero-panel-mark--tr {
  top: 0.45rem;
  right: 0.45rem;
  border-width: 1px 1px 0 0;
}

.region-detail-v2__hero-panel-mark--bl {
  bottom: 0.45rem;
  left: 0.45rem;
  border-width: 0 0 1px 1px;
}

.region-detail-v2__hero-panel-mark--br {
  bottom: 0.45rem;
  right: 0.45rem;
  border-width: 0 1px 1px 0;
}

.region-detail-v2__hero-panel-index {
  color: var(--color-copper-light);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}

.region-detail-v2__hero-panel-label {
  color: var(--color-light);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.region-detail-v2__hero-panel-meta {
  color: rgba(245, 245, 245, 0.55);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.region-detail-v2__overview {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.region-detail-v2__overview-inner {
  display: grid;
  gap: var(--space-4);
}

.region-detail-v2__overview-copy {
  max-width: var(--region-detail-v2-prose);
}

.region-detail-v2__section-index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.region-detail-v2__section-title {
  margin: 0 0 var(--space-3);
  color: var(--color-text);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.region-detail-v2__prose {
  margin: 0;
  max-width: var(--region-detail-v2-prose);
  color: var(--color-text-muted, #525252);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.region-detail-v2__aside {
  max-width: 28rem;
  padding-top: var(--space-1);
  border-top: 1px solid var(--color-border);
}

.region-detail-v2__aside-title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.3;
}

.region-detail-v2__aside-list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: region-aside;
}

.region-detail-v2__aside-list li {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  column-gap: 0.7rem;
  align-items: start;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.08);
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.5;
  counter-increment: region-aside;
}

.region-detail-v2__aside-list li:last-child {
  border-bottom: 0;
}

.region-detail-v2__aside-list li::before {
  content: counter(region-aside, decimal-leading-zero);
  color: var(--color-copper, #B87333);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.region-detail-v2__contexts {
  background: #F5F5F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.region-detail-v2__section-head {
  margin-bottom: var(--space-4);
  max-width: var(--region-detail-v2-prose);
}

.region-detail-v2__contexts-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.region-detail-v2-context {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.region-detail-v2-context__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.region-detail-v2-context__title {
  margin: 0 0 0.35rem;
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.region-detail-v2-context__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.6;
}

.region-detail-v2__process {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.region-detail-v2__process-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.region-detail-v2-step {
  position: relative;
  min-width: 0;
}

.region-detail-v2-step__index {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--color-copper);
  font-size: 0.875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
}

.region-detail-v2-step__title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.region-detail-v2-step__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.region-detail-v2__ops {
  background: #242424;
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: var(--space-5);
}

.region-detail-v2__ops-inner {
  display: grid;
  gap: var(--space-5);
}

.region-detail-v2__ops-block {
  min-width: 0;
}

.region-detail-v2__ops-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.region-detail-v2__ops .region-detail-v2__ops-title,
.region-detail-v2__ops h2,
.region-detail-v2__ops h3 {
  margin: 0 0 var(--space-3);
  color: #F5F5F5;
  font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
}

.region-detail-v2__ops-copy {
  margin: 0 0 var(--space-3);
  max-width: var(--region-detail-v2-prose);
  color: rgba(245, 245, 245, 0.72);
  font-size: 1rem;
  line-height: 1.65;
}

.region-detail-v2__ops-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.region-detail-v2__ops-list li {
  padding: 0.7rem 0;
  border-bottom: 1px solid rgba(245, 245, 245, 0.1);
  color: rgba(245, 245, 245, 0.86);
  font-size: 1rem;
  line-height: 1.5;
}

.region-detail-v2__ops-list li:last-child {
  border-bottom: 0;
}

.region-detail-v2__related {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.region-detail-v2__related--scrap,
.region-detail-v2__related--regions {
  background: #F7F7F5;
}

.region-detail-v2__related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.region-detail-v2-related {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  gap: var(--space-2);
  align-items: center;
  padding: 1.1rem 0.15rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
  color: var(--color-text);
  text-decoration: none;
}

.region-detail-v2-related:hover,
.region-detail-v2-related:focus-visible {
  border-bottom-color: var(--color-copper);
  background: rgba(184, 115, 51, 0.04);
  color: var(--color-text);
}

.region-detail-v2-related:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.region-detail-v2-related__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
}

.region-detail-v2-related__title {
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.region-detail-v2-related__cue {
  color: var(--color-copper);
  font-size: 1.125rem;
  line-height: 1;
}

.region-detail-v2__faq {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.region-detail-v2__faq-list {
  display: grid;
  gap: 0;
  max-width: var(--region-detail-v2-prose);
}

.region-detail-v2-faq {
  padding: 1.15rem 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.region-detail-v2-faq:last-child {
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.region-detail-v2-faq__question {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.region-detail-v2-faq__answer {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 1rem;
  line-height: 1.65;
}

.region-detail-v2__closing {
  background: var(--color-surface-dark, #1C1C1C);
  color: var(--color-light);
  padding-block: var(--space-5);
}

.region-detail-v2__closing-inner {
  display: grid;
  gap: var(--space-4);
}

.region-detail-v2__closing-accent {
  display: block;
  width: 2.25rem;
  height: 2px;
  margin-bottom: var(--space-2);
  background: var(--color-copper);
}

.region-detail-v2__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.region-detail-v2__closing-title {
  margin: 0;
  max-width: 24ch;
  color: var(--color-light);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.region-detail-v2__closing-actions {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.region-detail-v2__closing-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  border: 1px solid rgba(245, 245, 245, 0.22);
  background: #242424;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  font-size: 1.0625rem;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.region-detail-v2__closing-phone:hover,
.region-detail-v2__closing-phone:focus-visible {
  border-color: rgba(210, 154, 99, 0.55);
  background: #2A2A2A;
  color: var(--color-light);
}

.region-detail-v2__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  width: 100%;
}

.region-detail-v2__closing-primary,
.region-detail-v2__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.region-detail-v2__closing-primary {
  background: var(--color-copper);
  border: 1px solid var(--color-copper);
  color: #161616;
}

.region-detail-v2__closing-primary:hover,
.region-detail-v2__closing-primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: #161616;
}

.region-detail-v2__closing-secondary {
  background: transparent;
  border: 1px solid rgba(245, 245, 245, 0.35);
  color: var(--color-light);
}

.region-detail-v2__closing-secondary:hover,
.region-detail-v2__closing-secondary:focus-visible {
  border-color: var(--color-copper);
  color: var(--color-copper-light);
}

.region-detail-v2__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: var(--space-1);
  min-height: 44px;
  color: var(--color-light);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.region-detail-v2__closing-tertiary:hover,
.region-detail-v2__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.region-detail-v2__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper-light);
}

.region-detail-v2__closing-phone:focus-visible,
.region-detail-v2__closing-primary:focus-visible,
.region-detail-v2__closing-secondary:focus-visible,
.region-detail-v2__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (min-width: 480px) {
  .region-detail-v2__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .region-detail-v2__overview-inner {
    grid-template-columns: minmax(0, 1.45fr) minmax(14rem, 0.7fr);
    gap: var(--space-5);
    align-items: start;
  }

  .region-detail-v2__aside {
    border-top: 0;
    padding-top: 0;
    border-left: 1px solid var(--color-border);
    padding-left: var(--space-4);
  }

  .region-detail-v2__contexts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }

  .region-detail-v2__process-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5) var(--space-4);
  }

  .region-detail-v2__related-grid,
  .region-detail-v2__related-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-5);
  }
}

@media (min-width: 1024px) {
  .region-detail-v2__hero-inner {
    grid-template-columns: minmax(0, 1.55fr) minmax(12rem, 0.65fr);
    gap: var(--space-5);
    align-items: end;
  }

  .region-detail-v2__hero-visual {
    display: block;
  }

  .region-detail-v2__ops-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    align-items: start;
  }

  .region-detail-v2__related-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .region-detail-v2__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }
}

@media (min-width: 1200px) {
  .region-detail-v2__hero {
    padding-block: 2.75rem 3rem;
  }

  .region-detail-v2__hero-panel {
    max-width: 18.5rem;
  }

  .region-detail-v2__overview,
  .region-detail-v2__contexts,
  .region-detail-v2__process,
  .region-detail-v2__ops,
  .region-detail-v2__faq,
  .region-detail-v2__related,
  .region-detail-v2__closing {
    padding-block: var(--space-6);
  }

  .region-detail-v2__process-list--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .region-detail-v2__process-list--5 > .region-detail-v2-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0.7rem;
    right: -0.75rem;
    width: 1.25rem;
    height: 1px;
    background: rgba(22, 22, 22, 0.16);
  }
}


/* ============================================================
   Price Detail V2 � /hurda-fiyatlari utility pilot
   ============================================================ */

.price-detail-v2 {
  --price-detail-v2-prose: var(--content-measure, 46rem);
  background: #FFFFFF;
  color: var(--color-text);
}

.price-detail-v2__hero {
  background: #111111;
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.25rem 2.5rem;
}

.price-detail-v2__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.price-detail-v2__hero-content {
  max-width: 46rem;
  min-width: 0;
}

.price-detail-v2__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.price-detail-v2__hero .breadcrumb-nav,
.price-detail-v2__hero .breadcrumb-item,
.price-detail-v2__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.72);
}

.price-detail-v2__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.92);
}

.price-detail-v2__hero .breadcrumb-nav a:hover,
.price-detail-v2__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.price-detail-v2__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 var(--space-2);
}

.price-detail-v2__hero-rule {
  display: block;
  width: 2.25rem;
  height: 2px;
  background: var(--color-copper);
}

.price-detail-v2__kicker {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.price-detail-v2__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.45);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.14em;
  line-height: 1.3;
}

.price-detail-v2__title {
  margin: 0 0 var(--space-3);
  max-width: 22ch;
  color: var(--color-light);
  font-size: clamp(1.875rem, 1.6rem + 1.2vw, 2.75rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.price-detail-v2__lead {
  margin: 0;
  max-width: var(--price-detail-v2-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.price-detail-v2__hero-visual {
  display: none;
  min-width: 0;
}

.price-detail-v2__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  min-height: 11.5rem;
  max-width: 17.5rem;
  margin-left: auto;
  padding: 1.25rem 1.15rem 1.15rem;
  border: 1px solid rgba(245, 245, 245, 0.14);
  background:
    linear-gradient(rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 100% 1.25rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 1.25rem 100%,
    #1C1C1C;
}

.price-detail-v2__hero-panel-mark {
  position: absolute;
  width: 0.55rem;
  height: 0.55rem;
  border-color: var(--color-copper);
  border-style: solid;
}

.price-detail-v2__hero-panel-mark--tl {
  top: 0.45rem;
  left: 0.45rem;
  border-width: 1px 0 0 1px;
}

.price-detail-v2__hero-panel-mark--tr {
  top: 0.45rem;
  right: 0.45rem;
  border-width: 1px 1px 0 0;
}

.price-detail-v2__hero-panel-mark--bl {
  bottom: 0.45rem;
  left: 0.45rem;
  border-width: 0 0 1px 1px;
}

.price-detail-v2__hero-panel-mark--br {
  bottom: 0.45rem;
  right: 0.45rem;
  border-width: 0 1px 1px 0;
}

.price-detail-v2__hero-panel-index {
  color: var(--color-copper-light);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}

.price-detail-v2__hero-panel-label {
  color: var(--color-light);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.price-detail-v2__hero-panel-meta {
  color: rgba(245, 245, 245, 0.55);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.price-detail-v2__overview {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.price-detail-v2__overview-inner {
  display: grid;
  gap: var(--space-4);
}

.price-detail-v2__overview-copy {
  max-width: var(--price-detail-v2-prose);
}

.price-detail-v2__section-index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.price-detail-v2__section-title {
  margin: 0 0 var(--space-3);
  color: var(--color-text);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.price-detail-v2__prose {
  margin: 0;
  max-width: var(--price-detail-v2-prose);
  color: var(--color-text-muted, #525252);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.price-detail-v2__aside {
  max-width: 28rem;
  padding-top: var(--space-1);
  border-top: 1px solid var(--color-border);
}

.price-detail-v2__aside-title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.3;
}

.price-detail-v2__aside-list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: price-aside;
}

.price-detail-v2__aside-list li {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  column-gap: 0.7rem;
  align-items: start;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.08);
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.5;
  counter-increment: price-aside;
}

.price-detail-v2__aside-list li:last-child {
  border-bottom: 0;
}

.price-detail-v2__aside-list li::before {
  content: counter(price-aside, decimal-leading-zero);
  color: var(--color-copper, #B87333);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.price-detail-v2__factors {
  background: #F5F5F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.price-detail-v2__section-head {
  margin-bottom: var(--space-4);
  max-width: var(--price-detail-v2-prose);
}

.price-detail-v2__factor-list {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.price-detail-v2-factor {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  padding: 1.15rem 0.1rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.price-detail-v2-factor__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.price-detail-v2-factor__title {
  margin: 0 0 0.35rem;
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
}

.price-detail-v2-factor__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.price-detail-v2__ops {
  background: #242424;
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: var(--space-5);
}

.price-detail-v2__ops-inner {
  display: grid;
  gap: var(--space-5);
}

.price-detail-v2__ops-block {
  min-width: 0;
}

.price-detail-v2__ops-kicker {
  margin: 0 0 var(--space-2);
  color: #B87333;
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.price-detail-v2__ops .price-detail-v2__ops-title,
.price-detail-v2__ops h2 {
  margin: 0 0 var(--space-3);
  color: #F5F5F5;
  font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
}

.price-detail-v2__ops-copy {
  margin: 0 0 var(--space-3);
  max-width: var(--price-detail-v2-prose);
  color: rgba(245, 245, 245, 0.72);
  font-size: 1rem;
  line-height: 1.65;
}

.price-detail-v2__ops-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.price-detail-v2__ops-list li {
  padding: 0.7rem 0;
  border-bottom: 1px solid rgba(245, 245, 245, 0.1);
  color: rgba(245, 245, 245, 0.86);
  font-size: 1rem;
  line-height: 1.5;
}

.price-detail-v2__ops-list li:last-child {
  border-bottom: 0;
}

.price-detail-v2__materials,
.price-detail-v2__process,
.price-detail-v2__faq,
.price-detail-v2__related {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.price-detail-v2__related {
  background: #F7F7F5;
}

.price-detail-v2__fixed {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.price-detail-v2__fixed-inner {
  max-width: var(--price-detail-v2-prose);
}

.price-detail-v2__fixed-list {
  margin: var(--space-3) 0 0;
  padding: 0;
  list-style: none;
}

.price-detail-v2__fixed-list li {
  padding: 0.65rem 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.1);
  color: var(--color-text-muted, #525252);
  font-size: 1rem;
  line-height: 1.6;
}

.price-detail-v2__fixed-list li:last-child {
  border-bottom: 0;
}

.price-detail-v2__fixed-cta {
  margin: var(--space-4) 0 0;
}

.price-detail-v2__fixed-link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--color-text);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
  border-bottom: 1px solid rgba(22, 22, 22, 0.28);
  padding-bottom: 0.15rem;
}

.price-detail-v2__fixed-link:hover,
.price-detail-v2__fixed-link:focus-visible {
  color: var(--color-copper);
  border-bottom-color: var(--color-copper);
}

.price-detail-v2__fixed-link:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.price-detail-v2__related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.price-detail-v2-related {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  gap: var(--space-2);
  align-items: center;
  padding: 1.1rem 0.15rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
  color: var(--color-text);
  text-decoration: none;
}

.price-detail-v2-related:hover,
.price-detail-v2-related:focus-visible {
  border-bottom-color: var(--color-copper);
  background: rgba(184, 115, 51, 0.04);
  color: var(--color-text);
}

.price-detail-v2-related:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.price-detail-v2-related__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
}

.price-detail-v2-related__title {
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.price-detail-v2-related__cue {
  color: var(--color-copper);
  font-size: 1rem;
  line-height: 1;
}

.price-detail-v2__process-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}

.price-detail-v2-step {
  position: relative;
  min-width: 0;
}

.price-detail-v2-step__index {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--color-copper);
  font-size: 0.875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
}

.price-detail-v2-step__title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.price-detail-v2-step__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.price-detail-v2__faq-list {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.price-detail-v2-faq {
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.price-detail-v2-faq:last-child {
  border-bottom: 0;
}

.price-detail-v2-faq__question {
  margin: 0 0 0.45rem;
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.35;
}

.price-detail-v2-faq__answer {
  margin: 0;
  max-width: var(--price-detail-v2-prose);
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.price-detail-v2__closing {
  background: #111111;
  color: var(--color-light);
  padding-block: var(--space-5);
}

.price-detail-v2__closing-inner {
  display: grid;
  gap: var(--space-4);
}

.price-detail-v2__closing-accent {
  display: block;
  width: 2.25rem;
  height: 2px;
  margin-bottom: var(--space-2);
  background: var(--color-copper);
}

.price-detail-v2__closing-kicker {
  margin: 0 0 var(--space-2);
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.price-detail-v2__closing-title {
  margin: 0;
  max-width: 22ch;
  color: #F5F5F5;
  font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2.125rem);
  font-weight: 700;
  line-height: 1.2;
}

.price-detail-v2__closing-actions {
  display: grid;
  gap: var(--space-3);
  align-content: start;
}

.price-detail-v2__closing-phone {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  color: var(--color-light);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
}

.price-detail-v2__closing-phone:hover,
.price-detail-v2__closing-phone:focus-visible {
  color: var(--color-copper-light);
}

.price-detail-v2__closing-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}

.price-detail-v2__closing-primary,
.price-detail-v2__closing-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.65rem 1rem;
  font-weight: var(--font-weight-strong);
  text-decoration: none;
  border-radius: var(--radius-sm);
}

.price-detail-v2__closing-primary {
  background: var(--color-copper);
  color: #111111;
}

.price-detail-v2__closing-primary:hover,
.price-detail-v2__closing-primary:focus-visible {
  background: var(--color-copper-light);
  color: #111111;
}

.price-detail-v2__closing-secondary {
  border: 1px solid rgba(245, 245, 245, 0.28);
  color: var(--color-light);
}

.price-detail-v2__closing-secondary:hover,
.price-detail-v2__closing-secondary:focus-visible {
  border-color: var(--color-copper-light);
  color: var(--color-copper-light);
}

.price-detail-v2__closing-tertiary {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: rgba(245, 245, 245, 0.78);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.price-detail-v2__closing-tertiary:hover,
.price-detail-v2__closing-tertiary:focus-visible {
  color: var(--color-copper-light);
}

.price-detail-v2__closing-tertiary [aria-hidden="true"] {
  color: var(--color-copper);
}

.price-detail-v2__closing-phone:focus-visible,
.price-detail-v2__closing-primary:focus-visible,
.price-detail-v2__closing-secondary:focus-visible,
.price-detail-v2__closing-tertiary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

@media (min-width: 768px) {
  .price-detail-v2__overview-inner {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.9fr);
    gap: var(--space-5);
    align-items: start;
  }

  .price-detail-v2__aside {
    border-top: 0;
    border-left: 1px solid var(--color-border);
    padding-top: 0;
    padding-left: var(--space-4);
  }

  .price-detail-v2__process-list--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .price-detail-v2__closing-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .price-detail-v2__hero-inner {
    grid-template-columns: minmax(0, 1.45fr) minmax(15rem, 0.7fr);
    gap: var(--space-5);
  }

  .price-detail-v2__hero-visual {
    display: block;
  }

  .price-detail-v2__ops-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
  }
}

@media (min-width: 1200px) {
  .price-detail-v2__hero {
    padding-block: 2.75rem 3rem;
  }

  .price-detail-v2__hero-panel {
    max-width: 18.5rem;
  }

  .price-detail-v2__overview,
  .price-detail-v2__factors,
  .price-detail-v2__ops,
  .price-detail-v2__materials,
  .price-detail-v2__process,
  .price-detail-v2__fixed,
  .price-detail-v2__faq,
  .price-detail-v2__related,
  .price-detail-v2__closing {
    padding-block: var(--space-6);
  }

  .price-detail-v2__process-list--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .price-detail-v2__process-list--5 > .price-detail-v2-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0.7rem;
    right: -0.75rem;
    width: 1.25rem;
    height: 1px;
    background: rgba(22, 22, 22, 0.16);
  }

  .price-detail-v2__closing-inner {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: end;
  }
}

/* ============================================================
   Contact Detail V2 � /iletisim conversion utility
   ============================================================ */

.contact-detail-v2 {
  --contact-detail-v2-prose: var(--content-measure, 46rem);
  background: #FFFFFF;
  color: var(--color-text);
}

.contact-detail-v2__hero {
  background: #111111;
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2.25rem 2.5rem;
}

.contact-detail-v2__hero-inner {
  display: grid;
  gap: var(--space-4);
  align-items: end;
}

.contact-detail-v2__hero-content {
  max-width: 46rem;
  min-width: 0;
}

.contact-detail-v2__hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.contact-detail-v2__hero .breadcrumb-nav,
.contact-detail-v2__hero .breadcrumb-item,
.contact-detail-v2__hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.72);
}

.contact-detail-v2__hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.92);
}

.contact-detail-v2__hero .breadcrumb-nav a:hover,
.contact-detail-v2__hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.contact-detail-v2__hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 var(--space-2);
}

.contact-detail-v2__hero-rule {
  display: block;
  width: 2.25rem;
  height: 2px;
  background: var(--color-copper);
}

.contact-detail-v2__kicker {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.contact-detail-v2__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.45);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.14em;
  line-height: 1.3;
}

.contact-detail-v2__title {
  margin: 0 0 var(--space-3);
  max-width: 18ch;
  color: var(--color-light);
  font-size: clamp(1.875rem, 1.6rem + 1.2vw, 2.75rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.contact-detail-v2__lead {
  margin: 0;
  max-width: var(--contact-detail-v2-prose);
  color: var(--color-muted-dark);
  font-size: 1.0625rem;
  line-height: 1.65;
}

.contact-detail-v2__hero-visual {
  display: none;
  min-width: 0;
}

.contact-detail-v2__hero-panel {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.35rem;
  min-height: 11.5rem;
  max-width: 17.5rem;
  margin-left: auto;
  padding: 1.25rem 1.15rem 1.15rem;
  border: 1px solid rgba(245, 245, 245, 0.14);
  background:
    linear-gradient(rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 100% 1.25rem,
    linear-gradient(90deg, rgba(245, 245, 245, 0.03) 1px, transparent 1px) 0 0 / 1.25rem 100%,
    #1C1C1C;
}

.contact-detail-v2__hero-panel-mark {
  position: absolute;
  width: 0.55rem;
  height: 0.55rem;
  border-color: var(--color-copper);
  border-style: solid;
}

.contact-detail-v2__hero-panel-mark--tl {
  top: 0.45rem;
  left: 0.45rem;
  border-width: 1px 0 0 1px;
}

.contact-detail-v2__hero-panel-mark--tr {
  top: 0.45rem;
  right: 0.45rem;
  border-width: 1px 1px 0 0;
}

.contact-detail-v2__hero-panel-mark--bl {
  bottom: 0.45rem;
  left: 0.45rem;
  border-width: 0 0 1px 1px;
}

.contact-detail-v2__hero-panel-mark--br {
  bottom: 0.45rem;
  right: 0.45rem;
  border-width: 0 1px 1px 0;
}

.contact-detail-v2__hero-panel-index {
  color: var(--color-copper-light);
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
}

.contact-detail-v2__hero-panel-label {
  color: var(--color-light);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.contact-detail-v2__hero-panel-meta {
  color: rgba(245, 245, 245, 0.55);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.contact-detail-v2__primary {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.contact-detail-v2__primary-inner {
  display: grid;
  gap: var(--space-4);
}

.contact-detail-v2__section-index {
  margin: 0 0 var(--space-2);
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.contact-detail-v2__section-title {
  margin: 0 0 var(--space-3);
  color: var(--color-text);
  font-size: clamp(1.5rem, 1.35rem + 0.7vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.contact-detail-v2__prose {
  margin: 0;
  max-width: var(--contact-detail-v2-prose);
  color: var(--color-text-muted, #525252);
  font-size: 1.0625rem;
  line-height: 1.7;
}

.contact-detail-v2__primary-actions {
  display: grid;
  gap: var(--space-3);
  align-content: start;
  min-width: 0;
}

.contact-detail-v2__channels {
  display: grid;
  gap: var(--space-2);
}

.contact-detail-v2__phone-display {
  margin: 0;
}

.contact-detail-v2__phone-link {
  color: var(--color-text);
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
}

.contact-detail-v2__phone-link:hover,
.contact-detail-v2__phone-link:focus-visible {
  color: var(--color-copper);
}

.contact-detail-v2__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.65rem 1.15rem;
  font-weight: var(--font-weight-strong);
  text-decoration: none;
  border-radius: var(--radius-sm);
}

.contact-detail-v2__btn--primary {
  background: var(--color-copper);
  color: #111111;
  border: 1px solid var(--color-copper);
}

.contact-detail-v2__btn--primary:hover,
.contact-detail-v2__btn--primary:focus-visible {
  background: var(--color-copper-light);
  border-color: var(--color-copper-light);
  color: #111111;
}

.contact-detail-v2__btn--secondary {
  border: 1px solid rgba(22, 22, 22, 0.28);
  color: var(--color-text);
  background: transparent;
}

.contact-detail-v2__btn--secondary:hover,
.contact-detail-v2__btn--secondary:focus-visible {
  border-color: var(--color-copper);
  color: var(--color-copper);
}

.contact-detail-v2__btn--on-dark {
  border-color: rgba(245, 245, 245, 0.28);
  color: var(--color-light);
}

.contact-detail-v2__btn--on-dark:hover,
.contact-detail-v2__btn--on-dark:focus-visible {
  border-color: var(--color-copper-light);
  color: var(--color-copper-light);
}

.contact-detail-v2__btn:focus-visible,
.contact-detail-v2__phone-link:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.contact-detail-v2__email {
  margin: var(--space-2) 0 0;
  padding-top: var(--space-2);
  border-top: 1px solid rgba(22, 22, 22, 0.12);
  min-width: 0;
}

.contact-detail-v2__email-label {
  display: block;
  margin: 0 0 0.2rem;
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.contact-detail-v2__email a {
  color: var(--color-text);
  font-weight: var(--font-weight-strong);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.contact-detail-v2__email a:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.contact-detail-v2__info {
  background: #F5F5F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.contact-detail-v2__section-head {
  margin-bottom: var(--space-4);
  max-width: var(--contact-detail-v2-prose);
}

.contact-detail-v2__factor-list {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.contact-detail-v2-factor {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  padding: 1.15rem 0.1rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.contact-detail-v2-factor__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.5;
}

.contact-detail-v2-factor__title {
  margin: 0 0 0.35rem;
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
}

.contact-detail-v2-factor__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.contact-detail-v2__band {
  background: #242424;
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: var(--space-5);
}

.contact-detail-v2__band-inner {
  display: grid;
  gap: var(--space-5);
}

.contact-detail-v2__band-block {
  min-width: 0;
  display: grid;
  gap: var(--space-2);
  align-content: start;
}

.contact-detail-v2__band-kicker {
  margin: 0;
  color: #B87333;
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.contact-detail-v2__band .contact-detail-v2__band-title,
.contact-detail-v2__band h2 {
  margin: 0;
  color: #F5F5F5;
  font-size: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
}

.contact-detail-v2__band-copy {
  margin: 0;
  max-width: var(--contact-detail-v2-prose);
  color: rgba(245, 245, 245, 0.72);
  font-size: 1rem;
  line-height: 1.65;
}

.contact-detail-v2__band-phone {
  margin: var(--space-1) 0;
}

.contact-detail-v2__band-phone a {
  color: #F5F5F5;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
}

.contact-detail-v2__band-phone a:hover,
.contact-detail-v2__band-phone a:focus-visible {
  color: var(--color-copper-light);
}

.contact-detail-v2__process,
.contact-detail-v2__faq {
  background: #FFFFFF;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.contact-detail-v2__regions,
.contact-detail-v2__related {
  background: #F7F7F5;
  border-bottom: 1px solid var(--color-border);
  padding-block: var(--space-5);
}

.contact-detail-v2__process-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}

.contact-detail-v2-step {
  position: relative;
  min-width: 0;
}

.contact-detail-v2-step__index {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--color-copper);
  font-size: 0.875rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
}

.contact-detail-v2-step__title {
  margin: 0 0 var(--space-2);
  color: var(--color-text);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.contact-detail-v2-step__copy {
  margin: 0;
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.65;
}

.contact-detail-v2__related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.contact-detail-v2-related {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  gap: var(--space-2);
  align-items: center;
  padding: 1.1rem 0.15rem;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
  color: var(--color-text);
  text-decoration: none;
}

.contact-detail-v2-related:hover,
.contact-detail-v2-related:focus-visible {
  border-bottom-color: var(--color-copper);
  background: rgba(184, 115, 51, 0.04);
  color: var(--color-text);
}

.contact-detail-v2-related:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.contact-detail-v2-related__index {
  color: var(--color-copper);
  font-size: 0.8125rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
}

.contact-detail-v2-related__title {
  font-size: 1.0625rem;
  font-weight: 650;
  line-height: 1.35;
}

.contact-detail-v2-related__cue {
  color: var(--color-copper);
  font-size: 1rem;
  line-height: 1;
}

.contact-detail-v2__faq-list {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.12);
}

.contact-detail-v2-faq {
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.12);
}

.contact-detail-v2-faq:last-child {
  border-bottom: 0;
}

.contact-detail-v2-faq__question {
  margin: 0 0 0.45rem;
  color: var(--color-text);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.35;
}

.contact-detail-v2-faq__answer {
  margin: 0;
  max-width: var(--contact-detail-v2-prose);
  color: var(--color-text-muted, #525252);
  font-size: 0.9875rem;
  line-height: 1.65;
}

@media (min-width: 768px) {
  .contact-detail-v2__primary-inner {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.95fr);
    gap: var(--space-5);
    align-items: start;
  }

  .contact-detail-v2__band-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .contact-detail-v2__process-list--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
  }
}

@media (min-width: 1024px) {
  .contact-detail-v2__hero-inner {
    grid-template-columns: minmax(0, 1.45fr) minmax(15rem, 0.7fr);
    gap: var(--space-5);
  }

  .contact-detail-v2__hero-visual {
    display: block;
  }
}

@media (min-width: 1200px) {
  .contact-detail-v2__hero {
    padding-block: 2.75rem 3rem;
  }

  .contact-detail-v2__hero-panel {
    max-width: 18.5rem;
  }

  .contact-detail-v2__primary,
  .contact-detail-v2__info,
  .contact-detail-v2__band,
  .contact-detail-v2__process,
  .contact-detail-v2__regions,
  .contact-detail-v2__faq,
  .contact-detail-v2__related {
    padding-block: var(--space-6);
  }

  .contact-detail-v2__process-list--5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-4);
  }

  .contact-detail-v2__process-list--5 > .contact-detail-v2-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0.7rem;
    right: -0.75rem;
    width: 1.25rem;
    height: 1px;
    background: rgba(22, 22, 22, 0.16);
  }
}

/* ============================================================
   Editorial Detail System — Metals + Guides
   Quiet knowledge pages; not commercial V2 technical-panel layouts.
   ============================================================ */

.editorial-page {
  --editorial-prose: 46rem;
  --editorial-hero-title: 48rem;
  background: #FFFFFF;
  color: var(--color-text);
}

.editorial-page--guide {
  --editorial-prose: 44rem;
}

.editorial-hero {
  background: #111111;
  color: var(--color-light);
  border-bottom: 1px solid rgba(245, 245, 245, 0.08);
  padding-block: 2rem 2.35rem;
}

.editorial-hero__inner {
  max-width: var(--site-max);
}

.editorial-hero .breadcrumb-nav ol {
  margin-bottom: var(--space-3);
}

.editorial-hero .breadcrumb-nav,
.editorial-hero .breadcrumb-item,
.editorial-hero .breadcrumb-item a {
  color: rgba(245, 245, 245, 0.62);
}

.editorial-hero .breadcrumb-item.active {
  color: rgba(245, 245, 245, 0.88);
}

.editorial-hero .breadcrumb-nav a:hover,
.editorial-hero .breadcrumb-nav a:focus-visible {
  color: var(--color-copper-light);
}

.editorial-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.85rem;
  margin-bottom: var(--space-2);
}

.editorial-hero__rule {
  display: inline-block;
  width: 1.75rem;
  height: 2px;
  background: var(--color-copper);
}

.editorial-hero__eyebrow {
  margin: 0;
  color: var(--color-copper-light);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
}

.editorial-hero__marker {
  margin: 0;
  color: rgba(245, 245, 245, 0.5);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.08em;
  line-height: 1.3;
}

.editorial-hero__marker abbr {
  text-decoration: none;
  color: inherit;
  cursor: help;
}

.editorial-hero__title {
  margin: 0 0 var(--space-2);
  max-width: var(--editorial-hero-title);
  color: #F5F5F5;
  font-size: clamp(1.75rem, 1.45rem + 1vw, 2.5rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.03em;
}

.editorial-hero__lead {
  margin: 0;
  max-width: var(--editorial-prose);
  color: rgba(245, 245, 245, 0.78);
  font-size: 1.0125rem;
  line-height: 1.65;
}

.editorial-body {
  padding-block: var(--space-5) var(--space-6);
}

.editorial-body--measure {
  max-width: calc(var(--editorial-prose) + (2 * var(--gutter)));
  margin-inline: auto;
}

.editorial-body--measure > .editorial-related,
.editorial-body--measure > .editorial-faq {
  max-width: none;
}

.editorial-intro {
  margin: 0 0 var(--space-4);
  max-width: var(--editorial-prose);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--border-subtle);
}

.editorial-intro p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 1.05rem;
  line-height: 1.7;
}

.editorial-section {
  margin: 0 0 var(--space-5);
  max-width: var(--editorial-prose);
  padding-top: var(--space-1);
}

.editorial-section:last-of-type {
  margin-bottom: var(--space-4);
}

.editorial-section__title,
.editorial-section > h2,
.editorial-faq > h2,
.editorial-related__heading {
  margin: 0 0 var(--space-2);
  color: var(--color-black);
  font-size: clamp(1.25rem, 1.15rem + 0.35vw, 1.55rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.editorial-section > p,
.editorial-section p {
  max-width: var(--editorial-prose);
  color: var(--color-text-muted);
  line-height: 1.7;
}

.editorial-section--note {
  padding: var(--space-3);
  border-left: 2px solid var(--color-copper);
  background: rgba(184, 115, 51, 0.05);
}

.editorial-section--note .editorial-section__title {
  margin-bottom: var(--space-1);
}

.editorial-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.editorial-list > li {
  position: relative;
  margin: 0;
  padding: 0.7rem 0 0.7rem 1rem;
  border-top: 1px solid var(--border-subtle);
  color: var(--color-text-muted);
  line-height: 1.55;
}

.editorial-list > li:last-child {
  border-bottom: 1px solid var(--border-subtle);
}

.editorial-list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.15rem;
  width: 0.35rem;
  height: 0.35rem;
  background: var(--color-copper);
}

.editorial-list--facts > li {
  padding-left: 0.85rem;
  color: var(--color-text);
}

.editorial-index-list > li {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: start;
  padding-left: 0;
}

.editorial-index-list > li::before {
  content: none;
}

.editorial-index {
  color: var(--color-copper);
  font-size: 0.75rem;
  font-weight: var(--font-weight-strong);
  letter-spacing: 0.06em;
  line-height: 1.55;
}

.editorial-inline-links {
  margin: var(--space-2) 0 0;
  padding: 0;
  list-style: none;
}

.editorial-inline-links > li {
  margin: 0;
  padding: 0.65rem 0;
  border-top: 1px solid var(--border-subtle);
}

.editorial-inline-links > li:last-child {
  border-bottom: 1px solid var(--border-subtle);
}

.editorial-inline-links a {
  color: var(--color-black);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.editorial-inline-links a:hover,
.editorial-inline-links a:focus-visible {
  color: var(--color-copper);
}

.editorial-inline-links p {
  margin: 0.25rem 0 0;
  color: var(--color-text-muted);
  font-size: 0.95rem;
}

.editorial-media {
  margin: 0 0 var(--space-4);
  max-width: var(--editorial-prose);
}

.editorial-faq {
  margin: 0 0 var(--space-5);
  max-width: var(--editorial-prose);
}

.editorial-faq__item {
  margin: 0;
  border-top: 1px solid var(--border-subtle);
}

.editorial-faq__item:last-child {
  border-bottom: 1px solid var(--border-subtle);
}

.editorial-faq__summary {
  cursor: pointer;
  list-style: none;
  padding: 0.9rem 1.75rem 0.9rem 0;
  color: var(--color-black);
  font-weight: var(--font-weight-strong);
  line-height: 1.4;
}

.editorial-faq__summary::-webkit-details-marker {
  display: none;
}

.editorial-faq__summary::after {
  content: "+";
  float: right;
  margin-right: -1.5rem;
  color: var(--color-copper);
  font-weight: 700;
}

.editorial-faq__item[open] > .editorial-faq__summary::after {
  content: "–";
}

.editorial-faq__summary:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.editorial-faq__answer {
  margin: 0 0 1rem;
  color: var(--color-text-muted);
  line-height: 1.65;
}

.editorial-related {
  margin: var(--space-4) 0 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-subtle);
}

.editorial-related__heading {
  margin-bottom: var(--space-2);
}

.editorial-related__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.editorial-related__row {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  margin: 0;
  padding: 0.8rem 0;
  border-top: 1px solid var(--border-subtle);
}

.editorial-related__row:last-child {
  border-bottom: 1px solid var(--border-subtle);
}

.editorial-related__link {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  color: var(--color-black);
  font-weight: var(--font-weight-strong);
  text-decoration: none;
}

.editorial-related__link:hover,
.editorial-related__link:focus-visible {
  color: var(--color-copper);
}

.editorial-related__cue {
  color: var(--color-copper);
  font-size: 0.95rem;
  line-height: 1;
}

.editorial-related__copy {
  margin: 0.3rem 0 0;
  color: var(--color-text-muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

.editorial-page--metal .editorial-hero__marker {
  letter-spacing: 0.12em;
  text-transform: none;
  font-size: 0.875rem;
}

.editorial-page--guide .editorial-intro p,
.editorial-page--guide .editorial-section > p {
  line-height: 1.75;
}

.editorial-page--guide .editorial-section {
  margin-bottom: var(--space-5);
}

@media (min-width: 768px) {
  .editorial-hero {
    padding-block: 2.35rem 2.65rem;
  }

  .editorial-body {
    padding-block: var(--space-6) var(--space-7);
  }

  .editorial-list--facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-4);
  }

  .editorial-list--facts > li {
    border-bottom: 0;
  }

  .editorial-list--facts > li:nth-last-child(-n + 2) {
    border-bottom: 1px solid var(--border-subtle);
  }

  .editorial-list--facts > li:nth-child(odd):last-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .editorial-hero {
    padding-block: 2.6rem 2.9rem;
  }

  .editorial-hero__title {
    font-size: clamp(1.9rem, 1.5rem + 0.85vw, 2.625rem);
  }
}

@media (max-width: 359px) {
  .editorial-hero__title,
  .editorial-section__title,
  .editorial-faq__summary {
    overflow-wrap: anywhere;
  }
}