.originlink-index {
  overflow: clip;
}


.hero h1,
.ol-section h2 {
  letter-spacing: -.045em;
  text-wrap: balance;
}

.originlink-index .ol-section {
  padding-block: clamp(4.5rem, 8vw, 7.5rem);
  scroll-margin-top: 6rem;
}


.ol-eyebrow {
  color: var(--bs-primary);
  font-size: .75rem;
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ol-eyebrow-light {
  color: rgba(255, 255, 255, .62);
}

.originlink-index .ol-icon-tile {
  align-items: center;
  background: rgba(var(--bs-primary-rgb), .09);
  border: 1px solid rgba(var(--bs-primary-rgb), .18);
  border-radius: var(--bs-border-radius-lg);
  color: var(--bs-primary);
  display: inline-flex;
  font-size: 1.25rem;
  height: 3rem;
  justify-content: center;
  width: 3rem;
}

.originlink-index .woodfloor-visual {
  display: grid;
  isolation: isolate;
  min-height: 39rem;
  place-items: center;
  position: relative;
}

.originlink-index .woodfloor-visual::before {
  background: radial-gradient(circle, rgba(var(--bs-primary-rgb), .15), transparent 67%);
  content: "";
  inset: 8% 3%;
  position: absolute;
  z-index: -1;
}

.originlink-index .woodfloor-image {
  filter: drop-shadow(0 2rem 2.3rem rgba(20, 35, 28, .22));
  position: relative;
  width: 100%;
  z-index: 1;
}

.originlink-index .material-label {
  max-width: 22rem;
  position: absolute;
  width: 65%;
  z-index: 2;
}

@supports (backdrop-filter: blur(1rem)) {
  .originlink-index .material-label {
    backdrop-filter: blur(1rem);
  }
}

.originlink-index .material-label-oak {
  right: 0;
  top: 4%;
}

.originlink-index .material-label-spruce {
  bottom: 3%;
  left: 0;
}

.originlink-index .ol-proof-grid > div + div {
  border-left: var(--bs-border-width) solid var(--bs-border-color);
}

.originlink-index .card {
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.originlink-index .ol-section:not(.text-bg-dark) .card:hover {
  border-color: rgba(var(--bs-primary-rgb), .3);
  box-shadow: var(--bs-box-shadow) !important;
  transform: translateY(-2px);
}

.originlink-index .ol-comparison-table {
  min-width: 64rem;
}

.originlink-index .ol-comparison-table > :not(caption) > * > * {
  padding: 1rem 1.15rem;
}

.originlink-index .ol-comparison-table th:first-child {
  min-width: 12rem;
}

.originlink-index .ol-featured-cell {
  background: rgba(var(--bs-primary-rgb), .075);
  box-shadow: inset 1px 0 rgba(var(--bs-primary-rgb), .14), inset -1px 0 rgba(var(--bs-primary-rgb), .14);
}

.originlink-index .text-bg-dark .ol-icon-tile {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .18);
  color: var(--bs-white);
}

.originlink-index .ol-handover .card {
  min-width: 0;
}

@media (max-width: 991.98px) {
  .originlink-index .woodfloor-visual {
    min-height: 34rem;
  }

  .originlink-index .material-label {
    width: min(23rem, 70%);
  }
}

@media (max-width: 767.98px) {
  .originlink-index .hero h1,
  .originlink-index .ol-section h2 {
    letter-spacing: -.035em;
  }

  .originlink-index .woodfloor-visual {
    display: block;
    min-height: 0;
  }

  .originlink-index .woodfloor-image {
    margin-bottom: 1rem;
  }

  .originlink-index .material-label {
    margin-top: .75rem;
    max-width: none;
    position: static;
    width: 100%;
  }

  .originlink-index .ol-proof-grid > div + div {
    border-left: 0;
    border-top: var(--bs-border-width) solid var(--bs-border-color);
  }

  .originlink-index .ol-handover > .bi-arrow-right {
    transform: rotate(90deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .originlink-index .card {
    transition: none;
  }
}/* Comparison table */
.ol-comparison-table {
    --bs-table-bg: var(--ol-card-bg);
    --bs-table-color: var(--bs-body-color);
    --bs-table-border-color: var(--bs-border-color);

    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: var(--bs-tertiary-bg);

    color: var(--bs-body-color);
    background-color: var(--ol-card-bg);
}

/* Explicitly apply card background to Bootstrap table cells */
.ol-comparison-table > :not(caption) > * > * {
    background-color: var(--ol-card-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}


/* Header
   Overrides Bootstrap's .table-light, which otherwise remains light
   even when data-bs-theme="dark" is active.
*/
.ol-comparison-table > thead.table-light > tr > th {
    --bs-table-bg: var(--bs-tertiary-bg);
    --bs-table-color: var(--bs-emphasis-color);

    background-color: var(--bs-tertiary-bg);
    color: var(--bs-emphasis-color);
    border-color: var(--bs-border-color);
}


/* Row hover */
.ol-comparison-table.table-hover > tbody > tr:hover > * {
    --bs-table-bg-state: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}


/* Rating indicators */
.ol-rating {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.ol-rating-symbol {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: .9rem;
}

.ol-rating-value {
    min-width: 1.75rem;
}

.ol-rating-success {
    color: var(--bs-success-text-emphasis);
}

.ol-rating-success .ol-rating-symbol {
    background-color: var(--bs-success-bg-subtle);
    border-color: var(--bs-success-border-subtle);
}

.ol-rating-warning {
    color: var(--bs-warning-text-emphasis);
}

.ol-rating-warning .ol-rating-symbol {
    background-color: var(--bs-warning-bg-subtle);
    border-color: var(--bs-warning-border-subtle);
}

.ol-rating-danger {
    color: var(--bs-danger-text-emphasis);
}

.ol-rating-danger .ol-rating-symbol {
    background-color: var(--bs-danger-bg-subtle);
    border-color: var(--bs-danger-border-subtle);
}