/* A photographic, editorial data-center page with a shared edge colour wash. */
.data-centers-page {
  --dc-ink: #1c1d22;
  --dc-sage: #537a60;
  --dc-muted: #59635d;
  --dc-line: #537a6070;
  color: var(--dc-ink);
}
.data-centers-page .dc-shell { width: 86%; max-width: 1440px; margin-inline: auto; }
.data-centers-page .dc-brand { top: 26px; left: 2.6%; width: 106px; height: 44px; }
.data-centers-page .dc-brand img { width: 100%; filter: brightness(0) invert(.13); }
.data-centers-page .dc-brand:focus-visible { outline-color: var(--dc-sage); }
.data-centers-page #main-content:focus,
.data-centers-page .dc-section:focus { outline: none; }
.data-centers-page #main-content { font-family: 'League Spartan', Arial, sans-serif; }
.data-centers-page :is(h1, h2, h3) { overflow-wrap: normal; word-break: normal; hyphens: none; }
.dc-hero { padding-top: 126px; }
.dc-breadcrumb { display: flex; flex-wrap: wrap; align-items: baseline; gap: 13px; font-size: 11px; line-height: 1.5; color: #65756b; }
.dc-breadcrumb a { padding-block: 7px; color: #314c3a; }
.dc-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 4px; }
.dc-breadcrumb > span[aria-hidden] { opacity: .45; }
.dc-intro-grid {
  --photo-copy-inset: clamp(10px, 1vw, 18px);
  display: grid;
  grid-template-columns: minmax(0, .38fr) minmax(0, .62fr);
  gap: clamp(28px, 3.7vw, 64px);
  align-items: center;
  margin-block: 38px 54px;
  padding-inline: 1.2%;
}
.dc-intro-copy { min-width: 0; padding-block: var(--photo-copy-inset); }
.dc-intro-grid > .dc-hero-photo { align-self: stretch; aspect-ratio: auto; }
.dc-hero-photo { position: relative; align-self: center; width: 100%; min-height: 0; aspect-ratio: 808 / 568; margin: 0; overflow: hidden; border-radius: clamp(14px, 1.5vw, 23px); background: #e7ebe4; }
.dc-hero-photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transform: scale(1.2); transform-origin: 20% 0; }
.dc-title {
  margin: 0;
  max-width: none;
  font-family: 'League Spartan', 'Arial Black', sans-serif;
  font-size: clamp(34px, 3.5vw, 56px);
  font-weight: 900;
  line-height: .94;
  letter-spacing: -.028em;
  text-wrap: wrap;
}
.dc-title > span { display: block; }
.dc-title > span + span { margin-top: .72em; color: var(--dc-sage); }
.dc-kicker { margin: 0; color: var(--dc-sage); font-family: 'League Spartan', 'Arial Black', sans-serif; font-size: 11px; font-weight: 700; line-height: 1.5; letter-spacing: .22em; text-transform: uppercase; }
.dc-stat-number { display: block; margin: .42em 0 .12em; font-family: 'League Spartan', 'Arial Black', sans-serif; font-size: clamp(100px, 11.2vw, 180px); font-weight: 900; line-height: .86; letter-spacing: -.01em; }
.dc-stat-description { width: 100%; max-width: none; margin: 0; font-size: clamp(15px, 1.55vw, 23px); line-height: 1.45; }
.dc-stat-description strong { font-weight: 700; }
.dc-consider { padding-block: 28px; border-block: 1px solid var(--dc-line); text-align: center; }
.dc-consider h2 { display: flex; justify-content: center; align-items: center; gap: 10px; font-family: 'League Spartan', 'Arial Black', sans-serif; font-size: clamp(27px, 2.65vw, 38px); font-weight: 800; line-height: 1.1; letter-spacing: -.015em; }
.dc-bulb { display: inline-flex; align-items: center; justify-content: center; flex: none; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif; font-size: .9em; font-weight: 400; line-height: 1; }
.dc-consider p { width: 100%; max-width: none; margin: 14px auto 0; font-size: clamp(16px, 1.5vw, 21px); line-height: 1.5; text-wrap: wrap; }
.dc-consider p > span { display: block; }
.dc-section { padding-block: clamp(44px, 4.2vw, 68px); scroll-margin-top: 102px; }
.dc-section h2 { margin: 10px 0 0; font-family: 'League Spartan', 'Arial Black', sans-serif; font-size: clamp(26px, 2.4vw, 36px); font-weight: 900; line-height: 1.06; letter-spacing: -.015em; text-wrap: pretty; }
.dc-reliability { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr); gap: clamp(32px, 4.6vw, 70px); align-items: stretch; }
.dc-partner-photo,
.dc-reference-photo { margin: 0; width: 100%; overflow: hidden; border-radius: clamp(14px, 1.5vw, 23px); background: #e7ebe4; }
.dc-partner-photo { position: relative; min-height: 100%; }
.dc-partner-photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 54%; }
.dc-benefits-copy { min-width: 0; }
.dc-benefits-copy > h2,
.dc-reference-copy > h2 { text-transform: uppercase; }
.dc-benefits-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 12px; list-style: none; margin: 30px 0 0; padding: 0; }
.dc-benefit {
  min-width: 0;
  padding: clamp(17px, 1.7vw, 26px);
  border: 1px solid #537a6028;
  border-radius: 10px;
  background: linear-gradient(135deg, #f6f9f5eb, #eff5f1d6);
  box-shadow: 0 2px 8px #263f2c03;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.dc-benefit-number { display: block; margin-bottom: 12px; color: var(--dc-sage); font-size: 12px; font-weight: 800; line-height: 1.2; letter-spacing: .035em; }
.dc-benefit h3 { margin: 0 0 9px; font-family: 'League Spartan', 'Arial Black', sans-serif; font-weight: 800; font-size: clamp(16px, 1.32vw, 19px); line-height: 1.13; letter-spacing: -.01em; }
.dc-benefit p { margin: 0; color: #424d46; font-size: clamp(13px, 1.05vw, 15px); line-height: 1.55; }
@media (hover: hover) {
  .dc-benefit:hover { border-color: #537a605b; background: #eff5efed; box-shadow: 0 6px 18px #263f2c08; }
}
.dc-reference { display: grid; grid-template-columns: minmax(0, 1.17fr) minmax(0, 1fr); gap: clamp(36px, 4.3vw, 68px); align-items: start; border-top: 1px solid var(--dc-line); }
.dc-reference-copy { display: flex; flex-direction: column; min-width: 0; }
.dc-reference-prose { max-width: none; margin-top: 24px; font-size: clamp(16px, 1.6vw, 23px); line-height: 1.45; }
.dc-reference-prose p + p { margin-top: 23px; }
.dc-reference-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 41px 30px; margin: 0; padding-block: 43px 0; }
.dc-reference-stat { display: flex; flex-direction: column; min-width: 0; }
.dc-reference-stat dd { order: -1; margin: 0 0 8px; font-family: 'League Spartan', 'Arial Black', sans-serif; font-size: clamp(50px, 5.1vw, 78px); font-weight: 900; line-height: .98; letter-spacing: -.035em; }
.dc-reference-stat:first-child dd { color: var(--dc-sage); }
.dc-reference-stat dt { font-size: clamp(11px, 1.04vw, 15px); line-height: 1.4; }
.dc-reference-photo { position: relative; align-self: start; min-height: 0; margin-top: 24px; aspect-ratio: 635 / 615; }
.dc-reference-photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; }
.dc-contact { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 0 clamp(44px, 9vw, 145px); margin-top: 20px; padding-bottom: 25px; border-top: 1px solid var(--dc-line); }
.dc-contact h2 { max-width: none; font-size: clamp(30px, 3.05vw, 49px); line-height: 1.04; letter-spacing: -.027em; }
.dc-contact h2 > span { display: block; }
.dc-body { max-width: none; margin-top: 20px; font-size: clamp(15px, 1.3vw, 19px); line-height: 1.6; color: var(--dc-muted); }
.dc-contact-person { min-width: 0; align-self: end; }
.dc-contact-name { margin: 0; font-family: 'League Spartan', 'Arial Black', sans-serif; font-size: clamp(26px, 2.8vw, 39px); font-weight: 700; line-height: 1.15; letter-spacing: -.025em; }
.dc-contact-role { margin-top: 8px; font-size: 13px; line-height: 1.5; color: var(--dc-muted); }
.dc-contact-links { margin-top: 25px; }
.dc-contact-links a { display: grid; grid-template-columns: minmax(0, 1fr) 24px; gap: 8px 18px; padding-block: 18px; border-top: 1px solid #537a603d; }
.dc-contact-links a:last-child { border-bottom: 1px solid #537a603d; }
.dc-contact-action { grid-column: 1 / -1; font-size: 11px; line-height: 1.5; color: var(--dc-muted); }
.dc-contact-value { font-size: clamp(22px, 2.25vw, 33px); line-height: 1.25; letter-spacing: -.03em; overflow-wrap: anywhere; }
.dc-contact-links svg { align-self: center; width: 24px; height: 24px; transition: transform .2s ease; }
.dc-contact-links a:hover { color: var(--dc-sage); }
.dc-contact-links a:hover svg { transform: translateX(4px); }
.dc-footer-bottom { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: clamp(55px, 7vw, 106px); padding-top: 18px; border-top: 1px solid #537a6038; font-size: 11px; line-height: 1.5; color: #617568; }
.dc-footer-bottom a { display: inline-flex; align-items: center; gap: 14px; padding-block: 9px; }
.dc-footer-bottom svg { width: 18px; height: 18px; transform: rotate(180deg); }
@media (max-width: 1100px) and (min-width: 761px) {
  .data-centers-page .dc-shell { width: 88%; }
  .dc-intro-grid { padding-inline: 0; gap: 28px; }
  .dc-title { font-size: clamp(28px, 3.5vw, 39px); }
  .dc-reliability { gap: 30px; }
  .dc-benefits-grid { gap: 10px; margin-top: 23px; }
  .dc-benefit { padding: 16px; }
  .dc-benefit-number { margin-bottom: 9px; }
  .dc-benefit h3 { font-size: 15.5px; }
  .dc-benefit p { font-size: 12.5px; line-height: 1.5; }
  .dc-reference { gap: 36px; }
  .dc-reference-stats { padding-top: 30px; gap: 30px 22px; }
}
@media (max-width: 760px) {
  .data-centers-page .dc-shell { width: calc(100% - 40px); }
  .data-centers-page .dc-brand { top: max(16px, env(safe-area-inset-top)); left: max(24px, env(safe-area-inset-left)); width: clamp(72px, 21vw, 86px); height: 42px; }
  .dc-hero { padding-top: 106px; }
  .dc-breadcrumb { gap: 10px; font-size: 10px; }
  .dc-intro-grid { grid-template-columns: minmax(0, .46fr) minmax(0, .54fr); gap: clamp(12px, 3vw, 24px); margin-block: 28px 36px; padding-inline: 0; }
  .dc-title { max-width: none; font-size: clamp(19px, 4.3vw, 33px); line-height: .98; }
  .dc-title > span + span { margin-top: .72em; }
  .dc-hero-photo { min-height: 0; aspect-ratio: 808 / 568; border-radius: clamp(10px, 2vw, 15px); }
  .dc-hero-stat { min-width: 0; }
  .dc-stat-number { margin-block: .38em .17em; font-size: clamp(54px, 14.8vw, 112px); }
  .dc-stat-description { font-size: clamp(12px, 2.2vw, 16px); line-height: 1.4; hyphens: auto; overflow-wrap: break-word; }
  .dc-consider { padding-block: 22px; }
  .dc-consider h2 { font-size: 28px; gap: 7px; }
  .dc-consider p { font-size: 16px; margin-top: 14px; }
  .dc-section { padding-block: 36px; scroll-margin-top: 85px; }
  .dc-kicker { font-size: 10px; letter-spacing: .18em; }
  .dc-section h2 { margin-top: 10px; font-size: clamp(29px, 5.7vw, 39px); }
  .dc-reliability { grid-template-columns: minmax(0, 1fr); gap: 29px; }
  .dc-partner-photo { min-height: 0; aspect-ratio: 1742 / 1882; max-height: 690px; }
  .dc-benefits-grid { margin-top: 25px; gap: 12px; }
  .dc-benefit { padding: 20px; }
  .dc-benefit-number { margin-bottom: 12px; font-size: 12px; }
  .dc-benefit h3 { font-size: 19px; }
  .dc-benefit p { font-size: 14px; line-height: 1.55; }
  .dc-reference { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .dc-reference-prose { margin-top: 24px; font-size: 17px; }
  .dc-reference-prose p + p { margin-top: 20px; }
  .dc-reference-stats { margin-top: 34px; padding: 0; gap: 28px 24px; }
  .dc-reference-stat dd { font-size: clamp(48px, 10vw, 66px); }
  .dc-reference-stat dt { font-size: 12px; }
  .dc-reference-photo { margin-top: 0; aspect-ratio: 635 / 615; max-height: 710px; }
  .dc-contact { grid-template-columns: minmax(0, 1fr); gap: 35px; margin-top: 4px; padding-bottom: 22px; }
  .dc-contact h2 { max-width: none; font-size: clamp(23px, 5.6vw, 39px); }
  .dc-body { font-size: 16px; margin-top: 20px; }
  .dc-contact-name { font-size: 30px; }
  .dc-contact-value { font-size: 27px; }
  .dc-footer-bottom { margin-top: 12px; gap: 20px; }
}
@media (max-width: 480px) {
  .dc-benefits-grid { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; gap: 10px; }
  .dc-benefit { padding: 20px 21px; }
  .dc-benefit-number { margin-bottom: 10px; }
  .dc-benefit h3 { font-size: 20px; }
  .dc-benefit p { max-width: 43ch; font-size: 14px; }
}
@media (max-width: 380px) {
  .data-centers-page .dc-shell { width: calc(100% - 32px); }
  .dc-consider h2 { font-size: 26px; }
  .dc-consider p { font-size: 15px; }
  .dc-section h2 { font-size: 28px; }
  .dc-reference-stat dd { font-size: 45px; }
  .dc-contact h2 { font-size: 23px; }
  .dc-contact-value { font-size: 24px; }
  .dc-footer-bottom { font-size: 10px; gap: 14px; }
}
/* On phones, the full text width preserves words and gives the photo its own frame. */
@media (max-width: 600px) {
  .dc-intro-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .dc-intro-copy { padding-block: 0; }
  .dc-title { font-size: clamp(30px, 7.2vw, 36px); line-height: 1; }
  .dc-title > span + span { margin-top: .5em; }
  .dc-stat-number { margin-block: .32em .14em; font-size: clamp(88px, 22vw, 116px); }
  .dc-stat-description { font-size: 16px; line-height: 1.45; }
  .dc-intro-grid > .dc-hero-photo { align-self: start; aspect-ratio: 808 / 568; }
}
@media (prefers-reduced-motion: reduce) {
  .dc-benefit,
  .dc-contact-links svg { transition: none; }
}