/* ==========================================================================
   SETTINGS
   Reusable design tokens shared by the independent page modules below.
   ========================================================================== */

:root {
  --dpColourBrand: #00A9D3;
  --dpColourBrandSoft: #69D3EA;
  --dpColourBrandDark: #006F89;
  --dpColourPrice: #5E6872;
  --dpColourOnBrand: #fff;
  --dpColourInk: #0B2239;
  --dpColourInkLift: #14314A;
  --dpColourInkSoft: #102A43;
  --dpColourNavyDeep: #071827;
  --dpHeroOverlay: linear-gradient(to bottom, rgba(7, 24, 39, .145) 0%, transparent 30%);
  --dpColourCtaDark: #0A3A5A;
  --dpColourBlack: #000;
  --dpColourPaper: #f7f5ef;
  --dpColourWhite: #fff;
  --dpColourMuted: #626971;
  --dpColourLine: #d8d4c7;
  --dpColourLineDark: #484e55;
  --dpColourLineDarker: #50565d;
  --dpColourPanel: #efede6;

  --dpFontBody: "gotham", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dpFontDisplay: "gotham-condensed", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --dpFontHeading: "gotham-condensed", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --dpFontSizeParagraph: 1rem;
  --dpFontSizeEyebrow: .76rem;
  --dpFontSizeHeadingOne: clamp(2.176rem, 5.76vw, 4.928rem);
  --dpFontSizeHeadingTwo: clamp(1.564rem, 3.672vw, 3.4rem);
  --dpFontSizeHeadingThree: clamp(1.24rem, 2.4vw, 2rem);
  --dpFontSizeHeadingThreeCompact: clamp(.93rem, 1.8vw, 1.5rem);
  --dpFontSizeHeadingFour: 1rem;
  --dpFontSizeHeroTagline: clamp(.765rem, 1.4688vw, 1.1016rem);
  --dpFontSizePhone: clamp(1.4rem, 3vw, 2rem);
  --dpFontSizeIcon: 1.2rem;
  --dpFontSizeRegisteredMark: .5em;
  --dpFontSizePrice: 2.53rem;
  --dpFontSizePriceList: 1rem;
  --dpFontSizeContactPhone: 1.15rem;
  --dpFontSizePriority: 1.1rem;
  --dpFontWeightBodyStrong: 700;
  --dpFontWeightStrong: 800;
  --dpFontWeightHeavy: 850;
  --dpFontWeightBlack: 900;
  --dpFontWeightPrice: 950;
  --dpFontWeightHeadingUltra: 900;
  --dpLineHeightParagraph: 1.54;
  --dpLineHeightDisplay: .98;
  --dpLineHeightPhone: 1.15;
  --dpLineHeightHeadingCompact: 1.05;
  --dpLineHeightCardHeading: 1.35;
  --dpLetterSpacingDisplay: .025em;
  --dpLetterSpacingEyebrow: .16em;

  --dpSpaceMicro: .15rem;
  --dpSpaceTiny: .25rem;
  --dpSpace2xs: .5rem;
  --dpSpaceXs: .75rem;
  --dpSpaceSm: 1rem;
  --dpSpaceMd: 1.5rem;
  --dpSpaceLg: 2rem;
  --dpSpaceXl: 3rem;
  --dpSpace2xl: 4rem;
  --dpHeadingGap: .8rem;
  --dpHeadingGapLarge: 1.2rem;
  --dpParagraphGap: 1rem;
  --dpGridGap: 2rem;
  --dpGridGapLarge: clamp(2rem, 6vw, 5rem);
  --dpGridGapWide: 4rem;
  --dpSectionPadding: clamp(4rem, 9vw, 8rem);
  --dpHeroContentGap: clamp(2rem, 5vw, 5rem);
  --dpCardPadding: clamp(1.5rem, 4vw, 2.5rem);
  --dpBodyPadding: clamp(1.35rem, 3vw, 2rem);
  --dpPricePaddingBlock: .45rem;
  --dpPricePaddingInline: .825rem;
  --dpPriorityPaddingBlock: .5rem;
  --dpPriorityPaddingInline: .77rem;

  --dpContentWidth: 76rem;
  --dpMeasureWide: 58rem;
  --dpMeasureText: 52rem;
  --dpTopBarMinHeight: 6rem;
  --dpTopBarLogoWidth: 20rem;
  --dpHeroHeight: 78vh;
  --dpHeroTopPadding: clamp(2.5rem, 7vh, 5rem);
  --dpHeroHeadingShadow: 0 1px 0 rgba(255, 255, 255, .12), 0 2px 4px rgba(7, 24, 39, .35);
  --dpRadius: 1rem;
  --dpRadiusSmall: .7rem;
  --dpRadiusPill: 999px;
  --dpShadow: 0 1.25rem 3rem rgba(16, 18, 20, .12);
  --dpShadowCard: 0 .6rem 1.8rem rgba(16, 18, 20, .06);
}

/* ==========================================================================
   GLOBAL RESET
   Browser normalisation only. Section presentation remains module-owned.
   ========================================================================== */

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--dpColourInk);
  background: var(--dpColourPaper);
  font-family: var(--dpFontBody);
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
  text-rendering: optimizeLegibility;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-underline-offset: .2em;
}

h1, h2, h3, h4, p {
  margin-top: 0;
}

p {
  margin-bottom: var(--dpParagraphGap);
}

p:last-child {
  margin-bottom: 0;
}

sup {
  position: relative;
  top: -.65em;
  display: inline;
  font-size: var(--dpFontSizeRegisteredMark);
  line-height: 0;
  vertical-align: baseline;
}

/* ==========================================================================
   SHARED SUBHEADING
   ========================================================================== */

.dp_subHeading {
  margin-bottom: var(--dpSpaceMd);
  font-size: var(--dpFontSizeParagraph);
  font-weight: var(--dpFontWeightBlack);
  line-height: var(--dpLineHeightParagraph);
}

/* ==========================================================================
   TOP BAR
   ========================================================================== */

.dp_topBar {
  border-bottom: 1px solid var(--dpColourLine);
  background: var(--dpColourWhite);
}

.dp_topBar__inner {
  display: flex;
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  min-height: var(--dpTopBarMinHeight);
  margin-inline: auto;
  padding-block: var(--dpSpaceXs);
  gap: var(--dpSpaceSm);
  align-items: center;
  justify-content: space-between;
}

.dp_topBar__brand {
  display: inline-flex;
  flex: 0 1 var(--dpTopBarLogoWidth);
  align-items: center;
  text-decoration: none;
}

.dp_topBar__logo {
  width: 100%;
  height: auto;
}

.dp_topBar__actions {
  display: flex;
  gap: var(--dpSpace2xs);
  align-items: center;
}

.dp_topBar__phone {
  display: inline-flex;
  gap: var(--dpSpace2xs);
  align-items: center;
  color: var(--dpColourInk);
  font-size: clamp(.88rem, 2.5vw, 1rem);
  font-weight: var(--dpFontWeightBlack);
  line-height: var(--dpLineHeightParagraph);
  text-decoration: none;
  white-space: nowrap;
}

.dp_topBar__phoneIcon::before {
  color: var(--dpColourBrandDark);
  content: "\f095";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}

.dp_topBar__socialLink {
  display: inline-grid;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
  border-radius: 50%;
  color: var(--dpColourOnBrand);
  background: var(--dpColourBrand);
  place-items: center;
  text-decoration: none;
}

.dp_topBar__phone + .dp_topBar__socialLink {
  margin-left: var(--dpSpace2xs);
}

.dp_topBar__socialLink:hover,
.dp_topBar__socialLink:focus-visible {
  background: var(--dpColourBrandDark);
}

.dp_topBar__facebookIcon::before,
.dp_topBar__instagramIcon::before {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.dp_topBar__facebookIcon::before {
  content: "\f39e";
}

.dp_topBar__instagramIcon::before {
  content: "\f16d";
}

@media (max-width: 29.99rem) {
  .dp_topBar__inner {
    flex-wrap: wrap;
  }

  .dp_topBar__brand {
    flex-basis: 16rem;
  }

  .dp_topBar__actions {
    width: 100%;
    justify-content: flex-start;
  }
}

/* ==========================================================================
   HERO
   ========================================================================== */

.dp_hero {
  color: var(--dpColourWhite);
  background: var(--dpColourInk);
}

.dp_hero__main {
  position: relative;
  display: grid;
  min-height: var(--dpHeroHeight);
  overflow: hidden;
}

.dp_hero__main::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  background: var(--dpHeroOverlay);
}

.dp_hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
  align-items: stretch;
  padding-top: var(--dpHeroTopPadding);
}

.dp_hero__copy {
  display: flex;
  width: 100%;
  max-width: none;
  flex-direction: column;
  text-align: center;
}

.dp_hero h1 {
  max-width: none;
  margin-inline: auto;
  margin-bottom: var(--dpSpaceXs);
  font-family: var(--dpFontHeading);
  font-size: min(var(--dpFontSizeHeadingOne), 8.8vw);
  font-style: normal;
  font-weight: var(--dpFontWeightHeadingUltra);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: var(--dpHeroHeadingShadow);
  white-space: nowrap;
}

.dp_hero__tagline {
  max-width: 42rem;
  margin-inline: auto;
  margin-bottom: var(--dpSpaceLg);
  color: var(--dpColourOnBrand);
  font-size: var(--dpFontSizeHeroTagline);
  font-weight: var(--dpFontWeightHeavy);
  line-height: var(--dpLineHeightParagraph);
  text-shadow: var(--dpHeroHeadingShadow);
}

.dp_hero__media {
  position: absolute;
  z-index: 0;
  inset: 0;
}

.dp_hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ==========================================================================
   STORAGE OVERVIEW
   ========================================================================== */

.dp_storageOverview {
  padding-top: var(--dpSectionPadding);
  background: var(--dpColourWhite);
}

.dp_storageOverview__inner {
  display: grid;
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
  margin-bottom: var(--dpSectionPadding);
  gap: var(--dpGridGapLarge);
  align-items: stretch;
}

.dp_storageOverview__content {
  max-width: var(--dpMeasureText);
}

.dp_storageOverview h2 {
  margin-bottom: var(--dpSpaceMd);
  font-family: var(--dpFontHeading);
  font-style: normal;
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingTwo);
  font-weight: var(--dpFontWeightHeadingUltra);
  line-height: var(--dpLineHeightHeadingCompact);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-wrap: balance;
}

.dp_storageOverview__phoneCta {
  width: fit-content;
  margin-bottom: var(--dpSpaceLg);
  padding: var(--dpSpaceXs) var(--dpSpaceMd);
  border-radius: var(--dpRadiusSmall);
  background: var(--dpColourCtaDark);
}

.dp_storageOverview__phoneLink {
  display: inline-block;
  color: var(--dpColourOnBrand);
  font-family: var(--dpFontDisplay);
  font-size: var(--dpFontSizeHeadingThreeCompact);
  font-style: italic;
  font-weight: var(--dpFontWeightPrice);
  line-height: var(--dpLineHeightPhone);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-decoration: none;
  text-transform: lowercase;
}

.dp_storageOverview__phoneAskLogo {
  display: inline-block;
  width: auto;
  height: .9em;
  margin-inline: .12em;
  vertical-align: -.08em;
}

.dp_storageOverview__content p {
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_storageOverview__media {
  position: relative;
  min-height: 28rem;
  overflow: hidden;
  border-radius: var(--dpRadius);
  box-shadow: var(--dpShadow);
}

.dp_storageOverview__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}

.dp_storageOverview__footer {
  padding-block: var(--dpSpaceXl);
  color: var(--dpColourOnBrand);
  background: var(--dpColourBrand);
}

.dp_storageOverview__footerInner {
  display: grid;
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
  gap: var(--dpSpace2xs);
  text-align: center;
}

.dp_storageOverview__proof,
.dp_storageOverview__signoff {
  margin-bottom: 0;
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_storageOverview__proof {
  font-family: var(--dpFontDisplay);
  font-size: clamp(1.1rem, 1.8vw, 1.5rem);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-transform: uppercase;
  text-wrap: balance;
}

.dp_storageOverview__signoff {
  font-weight: var(--dpFontWeightBlack);
}

.dp_storageOverview__superkingLogo {
  display: inline-block;
  width: auto;
  height: .9em;
  vertical-align: -.08em;
}

.dp_storageOverview__cta {
  margin-top: var(--dpSpaceSm);
  padding-top: var(--dpSpaceSm);
  border-top: 1px solid rgba(255, 255, 255, .3);
}

.dp_storageOverview__ctaPrompt {
  margin-bottom: var(--dpSpace2xs);
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_storageOverview__ctaAction {
  display: flex;
  margin-bottom: 0;
  gap: var(--dpSpaceSm);
  align-items: baseline;
  justify-content: center;
  font-family: var(--dpFontDisplay);
  font-size: var(--dpFontSizeHeadingThree);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  flex-wrap: wrap;
}

.dp_storageOverview__ctaPhone {
  color: var(--dpColourOnBrand);
  text-decoration: none;
}

.dp_storageOverview__askLogo {
  display: inline-block;
  width: auto;
  height: .9em;
  margin-inline: .12em;
  vertical-align: -.08em;
}

@media (min-width: 68rem) {
  .dp_storageOverview__inner {
    grid-template-columns: 1.1fr .9fr;
  }
}

/* ==========================================================================
   FINDING YOUR BEST SPACE
   ========================================================================== */

.dp_finding {
  padding-block: var(--dpSectionPadding);
}

.dp_finding__inner {
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
}

.dp_finding h2 {
  margin-bottom: var(--dpSpaceSm);
  font-family: var(--dpFontHeading);
  font-style: normal;
  font-size: var(--dpFontSizeHeadingTwo);
  font-weight: var(--dpFontWeightHeadingUltra);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-transform: uppercase;
  text-wrap: balance;
}

.dp_finding__lede {
  max-width: var(--dpMeasureText);
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_finding__grid {
  display: grid;
  gap: var(--dpGridGap);
  margin-top: var(--dpSpaceXl);
}

.dp_finding__card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: var(--dpCardPadding);
  border: 1px solid var(--dpColourLine);
  border-radius: var(--dpRadius);
  background: var(--dpColourWhite);
  box-shadow: var(--dpShadowCard);
}

.dp_finding__card h3 {
  margin-bottom: var(--dpHeadingGapLarge);
  font-family: var(--dpFontDisplay);
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingThree);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-wrap: balance;
}

.dp_finding__card p {
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_finding__cardNumber {
  color: var(--dpColourBrandDark);
  font-weight: var(--dpFontWeightBlack);
}

.dp_finding__featureLine {
  margin-top: auto;
  padding-top: var(--dpSpaceSm);
  font-weight: var(--dpFontWeightStrong);
}

.dp_finding__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--dpSpaceXs) var(--dpSpaceSm);
  color: var(--dpColourOnBrand);
  background: var(--dpColourBrand);
  font-weight: var(--dpFontWeightBlack);
  text-decoration: none;
}

@media (min-width: 46rem) {
  .dp_finding__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ==========================================================================
   DRIVE UP INTRO
   ========================================================================== */

.dp_driveUpIntro {
  padding-block: var(--dpSectionPadding);
  color: var(--dpColourOnBrand);
  background: var(--dpColourBrand);
}

.dp_driveUpIntro__inner {
  display: grid;
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
  gap: var(--dpGridGapLarge);
  align-items: center;
}

.dp_driveUpIntro h2 {
  margin-bottom: var(--dpSpaceSm);
  font-family: var(--dpFontHeading);
  font-style: normal;
  font-size: var(--dpFontSizeHeadingTwo);
  font-weight: var(--dpFontWeightHeadingUltra);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-transform: uppercase;
  text-wrap: balance;
}

.dp_driveUpIntro__lede {
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_driveUpIntro__featureLine {
  font-size: var(--dpFontSizeParagraph);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightParagraph);
}

.dp_driveUpIntro__image {
  width: 100%;
  height: 100%;
  min-height: 25rem;
  border-radius: var(--dpRadius);
  object-fit: cover;
  box-shadow: var(--dpShadow);
}

@media (min-width: 68rem) {
  .dp_driveUpIntro__inner {
    grid-template-columns: .9fr 1.1fr;
  }
}

/* ==========================================================================
   DRIVE UP PRODUCTS
   ========================================================================== */

.dp_driveUpProducts {
  padding-block: var(--dpSectionPadding);
}

.dp_driveUpProducts__inner {
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
}

.dp_driveUpProducts__header {
  max-width: var(--dpMeasureText);
  margin-inline: auto;
  margin-bottom: var(--dpSpaceXl);
  text-align: center;
}

.dp_driveUpProducts__logoMark {
  width: 5rem;
  height: auto;
  margin: 0 auto var(--dpSpaceMd);
}

.dp_driveUpProducts__header h2 {
  margin-bottom: var(--dpSpaceSm);
  font-family: var(--dpFontHeading);
  font-style: normal;
  font-size: var(--dpFontSizeHeadingTwo);
  font-weight: var(--dpFontWeightHeadingUltra);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-transform: uppercase;
  text-wrap: balance;
}

.dp_driveUpProducts__header p {
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_driveUpProducts__grid {
  display: grid;
  grid-auto-rows: 1fr;
  gap: var(--dpGridGap);
  align-items: stretch;
}

.dp_driveUpProducts__card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--dpColourLine);
  border-radius: var(--dpRadius);
  background: var(--dpColourWhite);
}

.dp_driveUpProducts__media {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--dpColourInkSoft);
}

.dp_driveUpProducts__imageBefore,
.dp_driveUpProducts__imageAfter {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dp_driveUpProducts__imageAfter {
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

.dp_driveUpProducts__media:hover .dp_driveUpProducts__imageAfter {
  opacity: 1;
}

.dp_driveUpProducts__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--dpBodyPadding);
}

.dp_driveUpProducts__body h3 {
  margin-bottom: var(--dpHeadingGap);
  font-family: var(--dpFontDisplay);
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingThreeCompact);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightHeadingCompact);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-wrap: balance;
}

.dp_driveUpProducts__body h4 {
  margin-bottom: var(--dpHeadingGap);
  font-family: var(--dpFontDisplay);
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingFour);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-wrap: balance;
}

.dp_driveUpProducts__body p {
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_driveUpProducts__measure {
  color: var(--dpColourMuted);
  font-weight: var(--dpFontWeightBodyStrong);
}

.dp_driveUpProducts__price {
  display: block;
  width: 100%;
  margin-bottom: var(--dpSpaceMd);
  padding: var(--dpPricePaddingBlock) var(--dpPricePaddingInline);
  color: var(--dpColourOnBrand);
  background: var(--dpColourPrice);
  font-size: var(--dpFontSizePrice);
  font-weight: var(--dpFontWeightPrice);
  line-height: var(--dpLineHeightParagraph);
}

.dp_driveUpProducts__details {
  flex: 0 0 auto;
  width: 100%;
  border-top: 1px solid var(--dpColourLine);
}

.dp_driveUpProducts__detailsSummary {
  padding-block: var(--dpSpaceXs);
  color: var(--dpColourInk);
  cursor: pointer;
  font-size: var(--dpFontSizeParagraph);
  font-weight: var(--dpFontWeightBlack);
  line-height: var(--dpLineHeightParagraph);
  text-transform: uppercase;
}

.dp_driveUpProducts__detailsSummary::marker {
  color: var(--dpColourBrand);
}

.dp_driveUpProducts__detailsContent {
  padding-top: var(--dpSpaceSm);
}

.dp_driveUpProducts__details:not([open]) .dp_driveUpProducts__detailsContent {
  display: none;
}

.dp_driveUpProducts__details[open] .dp_driveUpProducts__detailsContent {
  display: block;
  padding-bottom: var(--dpSpaceMd);
}

.dp_driveUpProducts__featureLine {
  font-weight: var(--dpFontWeightStrong);
}

.dp_driveUpProducts__pricePanel {
  min-height: 100%;
  margin-top: 0;
  padding: var(--dpCardPadding);
  border-radius: var(--dpRadius);
  color: var(--dpColourWhite);
  background: var(--dpColourInk);
}

.dp_driveUpProducts__eyebrow {
  margin-bottom: var(--dpSpaceSm);
  font-size: var(--dpFontSizeEyebrow);
  font-weight: var(--dpFontWeightHeavy);
  line-height: var(--dpLineHeightParagraph);
  letter-spacing: var(--dpLetterSpacingEyebrow);
  text-transform: uppercase;
}

.dp_driveUpProducts__pricePanel h3 {
  margin-bottom: var(--dpHeadingGap);
  font-family: var(--dpFontDisplay);
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingThreeCompact);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightHeadingCompact);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-wrap: balance;
}

.dp_driveUpProducts__priceList {
  display: grid;
  gap: var(--dpSpaceXs);
  margin: var(--dpSpaceMd) 0;
  padding: 0;
  list-style: none;
}

.dp_driveUpProducts__priceList li {
  padding-bottom: var(--dpSpaceXs);
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  font-size: var(--dpFontSizePriceList);
  font-weight: var(--dpFontWeightHeavy);
  line-height: var(--dpLineHeightParagraph);
}

.dp_driveUpProducts__pricePanel .dp_driveUpProducts__featureLine {
  color: var(--dpColourBrandSoft);
}

@media (min-width: 46rem) {
  .dp_driveUpProducts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 68rem) {
  .dp_driveUpProducts__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ==========================================================================
   POWERED STORAGE
   ========================================================================== */

.dp_poweredStorage {
  position: relative;
  overflow: hidden;
  padding-block: var(--dpSectionPadding);
  color: var(--dpColourWhite);
  background: var(--dpColourInk);
}

.dp_poweredStorage::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: .5rem;
  content: "";
  background: var(--dpColourBrand);
}

.dp_poweredStorage__inner {
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
}

.dp_poweredStorage__eyebrow {
  margin-bottom: var(--dpSpaceSm);
  font-size: var(--dpFontSizeEyebrow);
  font-weight: var(--dpFontWeightHeavy);
  line-height: var(--dpLineHeightParagraph);
  letter-spacing: var(--dpLetterSpacingEyebrow);
  text-transform: uppercase;
}

.dp_poweredStorage h2 {
  max-width: var(--dpMeasureText);
  margin-bottom: var(--dpSpaceSm);
  font-family: var(--dpFontHeading);
  font-style: normal;
  font-size: var(--dpFontSizeHeadingTwo);
  font-weight: var(--dpFontWeightHeadingUltra);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-transform: uppercase;
  text-wrap: balance;
}

.dp_poweredStorage__lede {
  max-width: var(--dpMeasureText);
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_poweredStorage .dp_subHeading {
  color: var(--dpColourBrand);
}

.dp_poweredStorage__grid {
  display: grid;
  grid-auto-rows: 1fr;
  gap: var(--dpGridGap);
  margin-top: var(--dpSpaceXl);
  align-items: stretch;
}

.dp_poweredStorage__card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--dpColourLineDark);
  border-radius: var(--dpRadius);
  background: var(--dpColourInkSoft);
}

.dp_poweredStorage__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--dpColourInkSoft);
}

.dp_poweredStorage__imageBase,
.dp_poweredStorage__imageOverlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dp_poweredStorage__imageOverlay {
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

.dp_poweredStorage__media:hover .dp_poweredStorage__imageOverlay {
  opacity: 1;
}

.dp_poweredStorage__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--dpCardPadding);
}

.dp_poweredStorage__body h3 {
  margin-bottom: var(--dpHeadingGap);
  font-family: var(--dpFontDisplay);
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingThreeCompact);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightHeadingCompact);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-wrap: balance;
}

.dp_poweredStorage__body p {
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_poweredStorage__price {
  display: block;
  width: 100%;
  margin-bottom: var(--dpSpaceMd);
  padding: var(--dpPricePaddingBlock) var(--dpPricePaddingInline);
  color: var(--dpColourOnBrand);
  background: var(--dpColourPrice);
  font-size: var(--dpFontSizePrice);
  font-weight: var(--dpFontWeightPrice);
  line-height: var(--dpLineHeightParagraph);
}

.dp_poweredStorage__details {
  flex: 0 0 auto;
  width: 100%;
  border-top: 1px solid var(--dpColourLineDark);
}

.dp_poweredStorage__detailsSummary {
  padding-block: var(--dpSpaceXs);
  color: var(--dpColourWhite);
  cursor: pointer;
  font-size: var(--dpFontSizeParagraph);
  font-weight: var(--dpFontWeightBlack);
  line-height: var(--dpLineHeightParagraph);
  text-transform: uppercase;
}

.dp_poweredStorage__detailsSummary::marker {
  color: var(--dpColourBrand);
}

.dp_poweredStorage__detailsContent {
  padding-top: var(--dpSpaceSm);
}

.dp_poweredStorage__details:not([open]) .dp_poweredStorage__detailsContent {
  display: none;
}

.dp_poweredStorage__details[open] .dp_poweredStorage__detailsContent {
  display: block;
  padding-bottom: var(--dpSpaceMd);
}

.dp_poweredStorage__featureLine {
  font-weight: var(--dpFontWeightStrong);
}

.dp_poweredStorage__availability {
  margin-top: auto;
  padding-top: var(--dpSpaceSm);
  border-top: 1px solid var(--dpColourLineDarker);
  color: var(--dpColourBrandSoft);
  font-weight: var(--dpFontWeightBlack);
}

@media (min-width: 46rem) {
  .dp_poweredStorage__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ==========================================================================
   ULTIMATE VALUE INTRO
   ========================================================================== */

.dp_ultimateIntro {
  position: relative;
  padding-bottom: var(--dpSectionPadding);
  color: var(--dpColourOnBrand);
  background: var(--dpColourBrand);
}

.dp_ultimateIntro__inner {
  display: grid;
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
  gap: var(--dpGridGapWide);
  align-items: end;
}

.dp_ultimateIntro__eyebrow {
  margin-bottom: var(--dpSpaceSm);
  font-size: var(--dpFontSizeEyebrow);
  font-weight: var(--dpFontWeightHeavy);
  line-height: var(--dpLineHeightParagraph);
  letter-spacing: var(--dpLetterSpacingEyebrow);
  text-transform: uppercase;
}

.dp_ultimateIntro h2 {
  margin-bottom: 0;
  font-family: var(--dpFontHeading);
  font-style: normal;
  font-size: var(--dpFontSizeHeadingTwo);
  font-weight: var(--dpFontWeightHeadingUltra);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-transform: uppercase;
  text-wrap: balance;
}

.dp_ultimateIntro__image {
  width: 100%;
  height: clamp(9rem, 20vw, 18rem);
  margin-bottom: var(--dpSpaceXl);
  object-fit: cover;
}

.dp_ultimateIntro__pointer {
  position: absolute;
  z-index: 1;
  bottom: -4rem;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 4rem solid var(--dpColourBrand);
  border-right: 5rem solid transparent;
  border-left: 5rem solid transparent;
  transform: translateX(-50%);
}

.dp_ultimateIntro h3 {
  margin-bottom: var(--dpHeadingGap);
  font-family: var(--dpFontDisplay);
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingThree);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-wrap: balance;
}

.dp_ultimateIntro__lede {
  max-width: var(--dpMeasureText);
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

@media (min-width: 68rem) {
  .dp_ultimateIntro__inner {
    grid-template-columns: .8fr 1.2fr;
  }
}

/* ==========================================================================
   UPPER FLOOR STORAGE
   ========================================================================== */

.dp_upperFloors {
  background: var(--dpColourPaper);
}

.dp_upperFloors__cards {
  padding-block: var(--dpSectionPadding);
}

.dp_upperFloors__inner {
  display: grid;
  grid-auto-rows: 1fr;
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
  gap: var(--dpGridGap);
  align-items: stretch;
}

.dp_upperFloors__card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--dpColourLine);
  border-radius: var(--dpRadius);
  background: var(--dpColourWhite);
}

.dp_upperFloors__media {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--dpColourInkSoft);
}

.dp_upperFloors__imageBase,
.dp_upperFloors__imageOverlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dp_upperFloors__imageOverlay {
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

.dp_upperFloors__media:hover .dp_upperFloors__imageOverlay {
  opacity: 1;
}

.dp_upperFloors__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--dpBodyPadding);
}

.dp_upperFloors__body h3 {
  margin-bottom: var(--dpHeadingGap);
  font-family: var(--dpFontDisplay);
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingThree);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-wrap: balance;
}

.dp_upperFloors__body h4 {
  margin-bottom: var(--dpHeadingGap);
  font-family: var(--dpFontDisplay);
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingFour);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-wrap: balance;
}

.dp_upperFloors__body p {
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_upperFloors__measure {
  color: var(--dpColourMuted);
  font-weight: var(--dpFontWeightBodyStrong);
}

.dp_upperFloors__price {
  display: block;
  width: 100%;
  margin-bottom: var(--dpSpaceMd);
  padding: var(--dpPricePaddingBlock) var(--dpPricePaddingInline);
  color: var(--dpColourOnBrand);
  background: var(--dpColourPrice);
  font-size: var(--dpFontSizePrice);
  font-weight: var(--dpFontWeightPrice);
  line-height: var(--dpLineHeightParagraph);
}

.dp_upperFloors__priceNote {
  display: block;
  margin-top: var(--dpSpaceTiny);
  font-size: var(--dpFontSizeParagraph);
  font-style: italic;
  font-weight: var(--dpFontWeightBodyStrong);
}

.dp_upperFloors__details {
  flex: 0 0 auto;
  width: 100%;
  border-top: 1px solid var(--dpColourLine);
}

.dp_upperFloors__detailsSummary {
  padding-block: var(--dpSpaceXs);
  color: var(--dpColourInk);
  cursor: pointer;
  font-size: var(--dpFontSizeParagraph);
  font-weight: var(--dpFontWeightBlack);
  line-height: var(--dpLineHeightParagraph);
  text-transform: uppercase;
}

.dp_upperFloors__detailsSummary::marker {
  color: var(--dpColourBrand);
}

.dp_upperFloors__detailsContent {
  padding-top: var(--dpSpaceSm);
}

.dp_upperFloors__details:not([open]) .dp_upperFloors__detailsContent {
  display: none;
}

.dp_upperFloors__details[open] .dp_upperFloors__detailsContent {
  display: block;
  padding-bottom: var(--dpSpaceMd);
}

.dp_upperFloors__featureLine {
  font-weight: var(--dpFontWeightStrong);
}

.dp_upperFloors__checkList {
  margin: var(--dpSpaceSm) 0;
  padding: 0;
  list-style: none;
}

.dp_upperFloors__checkList li {
  margin-bottom: var(--dpSpace2xs);
  font-size: var(--dpFontSizeParagraph);
  font-weight: var(--dpFontWeightBodyStrong);
  line-height: var(--dpLineHeightParagraph);
}

.dp_upperFloors__access {
  margin-top: var(--dpSpaceMd);
  padding-top: var(--dpSpaceMd);
  border-top: 1px solid var(--dpColourLine);
}

.dp_upperFloors__rateGrid {
  display: grid;
  gap: var(--dpGridGap);
  margin-block: var(--dpSpaceSm) var(--dpSpaceMd);
}

.dp_upperFloors__rateGrid > div {
  padding: var(--dpSpaceSm);
  border-left: .35rem solid var(--dpColourBrand);
  background: var(--dpColourPanel);
}

.dp_upperFloors__rateGrid p {
  margin-bottom: var(--dpSpaceMicro);
}

@media (min-width: 46rem) {
  .dp_upperFloors__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

/* ==========================================================================
   FOUR WAYS
   ========================================================================== */

.dp_fourWays {
  padding-block: var(--dpSectionPadding);
  color: var(--dpColourWhite);
  background: var(--dpColourInk);
}

.dp_fourWays__inner {
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
}

.dp_fourWays__intro {
  width: 100%;
}

.dp_fourWays__logoMark {
  width: 5rem;
  height: auto;
  margin-bottom: var(--dpSpaceMd);
}

.dp_fourWays h2 {
  margin-bottom: var(--dpSpaceSm);
  font-family: var(--dpFontHeading);
  font-style: normal;
  font-size: var(--dpFontSizeHeadingTwo);
  font-weight: var(--dpFontWeightHeadingUltra);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-transform: uppercase;
  text-wrap: balance;
}

.dp_fourWays__superkingLogo {
  display: inline-block;
  width: auto;
  height: .9em;
  vertical-align: -.08em;
}

.dp_fourWays__lede {
  max-width: var(--dpMeasureText);
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_fourWays__priorityList {
  display: grid;
  grid-template-columns: repeat(4, minmax(max-content, 1fr));
  width: 100%;
  gap: var(--dpSpaceSm);
  margin: var(--dpSpaceLg) 0 var(--dpSpaceXl);
  padding: 0 0 var(--dpSpace2xs);
  overflow-x: auto;
  list-style: none;
}

.dp_fourWays__priorityList li {
  padding: var(--dpPriorityPaddingBlock) var(--dpPriorityPaddingInline);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: var(--dpRadiusPill);
  background: var(--dpColourInkLift);
  font-size: var(--dpFontSizePriority);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightParagraph);
  text-align: center;
  white-space: nowrap;
}

.dp_fourWays__grid {
  display: grid;
  grid-auto-rows: 1fr;
  gap: var(--dpGridGap);
  align-items: stretch;
}

.dp_fourWays__card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: var(--dpSpaceMd);
  border-radius: .8rem;
  color: var(--dpColourInk);
  background: var(--dpColourWhite);
}

.dp_fourWays__icon {
  display: grid;
  width: 3rem;
  height: 3rem;
  margin-bottom: var(--dpSpaceSm);
  place-items: center;
  color: var(--dpColourOnBrand);
  background: var(--dpColourBrand);
  font-size: var(--dpFontSizeIcon);
  font-weight: var(--dpFontWeightBlack);
}

.dp_fourWays__card h3 {
  margin-bottom: var(--dpHeadingGap);
  font-family: var(--dpFontDisplay);
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingThreeCompact);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightCardHeading);
  letter-spacing: 0;
  text-wrap: balance;
}

.dp_fourWays__card p {
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_fourWays__price {
  display: block;
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
  padding: var(--dpPricePaddingBlock) var(--dpPricePaddingInline);
  color: var(--dpColourOnBrand);
  background: var(--dpColourPrice);
  font-size: var(--dpFontSizePrice);
  font-weight: var(--dpFontWeightPrice);
  line-height: var(--dpLineHeightParagraph);
}

@media (min-width: 46rem) {
  .dp_fourWays__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 68rem) {
  .dp_fourWays__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* ==========================================================================
   CONTAINER HIRE
   ========================================================================== */

.dp_containerHire {
  padding-block: var(--dpSectionPadding);
}

.dp_containerHire__inner {
  display: grid;
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
  gap: var(--dpGridGapLarge);
  align-items: stretch;
}

.dp_containerHire__media {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 28rem;
  overflow: hidden;
  border-radius: var(--dpRadius);
  background: var(--dpColourInkSoft);
  box-shadow: var(--dpShadow);
}

.dp_containerHire__imageBase,
.dp_containerHire__imageOverlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dp_containerHire__imageOverlay {
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

.dp_containerHire__media:hover .dp_containerHire__imageOverlay {
  opacity: 1;
}

.dp_containerHire__eyebrow {
  margin-bottom: var(--dpSpaceSm);
  font-size: var(--dpFontSizeEyebrow);
  font-weight: var(--dpFontWeightHeavy);
  line-height: var(--dpLineHeightParagraph);
  letter-spacing: var(--dpLetterSpacingEyebrow);
  text-transform: uppercase;
}

.dp_containerHire h2 {
  margin-bottom: var(--dpSpaceSm);
  font-family: var(--dpFontHeading);
  font-style: normal;
  font-size: var(--dpFontSizeHeadingTwo);
  font-weight: var(--dpFontWeightHeadingUltra);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-transform: uppercase;
  text-wrap: balance;
}

.dp_containerHire__brandName {
  white-space: nowrap;
}

.dp_containerHire__lede,
.dp_containerHire__featureLine {
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_containerHire__featureLine {
  font-weight: var(--dpFontWeightStrong);
}

@media (min-width: 68rem) {
  .dp_containerHire__inner {
    grid-template-columns: .9fr 1.1fr;
  }
}

/* ==========================================================================
   CONTACT
   ========================================================================== */

.dp_contact {
  padding-block: var(--dpSectionPadding);
  color: var(--dpColourOnBrand);
  background: var(--dpColourBrand);
  text-align: center;
}

.dp_contact__inner {
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
}

.dp_contact__logo {
  width: 5rem;
  height: auto;
  margin: 0 auto var(--dpSpaceMd);
}

.dp_contact h2 {
  max-width: none;
  margin-inline: auto;
  margin-bottom: var(--dpSpaceSm);
  font-family: var(--dpFontHeading);
  font-size: min(var(--dpFontSizeHeadingTwo), 5.5vw);
  font-style: normal;
  font-weight: var(--dpFontWeightHeadingUltra);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-transform: uppercase;
  text-wrap: balance;
}

.dp_contact h2 span {
  display: block;
  white-space: nowrap;
}

.dp_contact h3 {
  margin-bottom: var(--dpHeadingGap);
  font-family: var(--dpFontDisplay);
  text-transform: uppercase;
  font-size: var(--dpFontSizeHeadingThree);
  font-weight: var(--dpFontWeightStrong);
  line-height: var(--dpLineHeightDisplay);
  letter-spacing: var(--dpLetterSpacingDisplay);
  text-wrap: balance;
}

.dp_contact__lede {
  max-width: var(--dpMeasureText);
  margin-inline: auto;
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_contact__address {
  display: grid;
  gap: var(--dpSpaceMicro);
  margin-top: var(--dpSpaceMd);
  font-size: var(--dpFontSizeParagraph);
  font-style: normal;
  font-weight: var(--dpFontWeightHeavy);
  line-height: var(--dpLineHeightParagraph);
}

.dp_contact__hours {
  display: grid;
  gap: var(--dpSpaceMicro);
  margin-block: var(--dpSpaceMd);
  font-size: var(--dpFontSizeParagraph);
  font-weight: var(--dpFontWeightHeavy);
  line-height: var(--dpLineHeightParagraph);
}

.dp_contact__phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--dpSpaceSm) var(--dpSpaceMd);
  color: var(--dpColourBrandDark);
  background: var(--dpColourWhite);
  font-size: var(--dpFontSizeContactPhone);
  font-weight: var(--dpFontWeightPrice);
  line-height: var(--dpLineHeightParagraph);
  text-decoration: none;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.dp_footer {
  padding-block: var(--dpSpaceLg);
  color: var(--dpColourWhite);
  background: var(--dpColourNavyDeep);
  text-align: center;
}

.dp_footer__inner {
  width: min(calc(100% - 2rem), var(--dpContentWidth));
  margin-inline: auto;
}

.dp_footer p {
  margin-bottom: var(--dpSpaceTiny);
  font-size: var(--dpFontSizeParagraph);
  line-height: var(--dpLineHeightParagraph);
}

.dp_footer p:last-child {
  color: var(--dpColourBrandSoft);
  font-weight: var(--dpFontWeightBlack);
}

.dp_footer__superkingLogo {
  display: inline-block;
  width: auto;
  height: .9em;
  vertical-align: -.08em;
}

/* ==========================================================================
   ACCESSIBILITY
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .dp_driveUpProducts__imageAfter {
    transition: none;
  }

  .dp_poweredStorage__imageOverlay {
    transition: none;
  }

  .dp_upperFloors__imageOverlay {
    transition: none;
  }

  .dp_containerHire__imageOverlay {
    transition: none;
  }
}