@media only screen and (min-width: 0rem) {#banner-1519 .cs-breadcrumbs {flex-wrap: wrap;row-gap: 0.5rem;padding: 0 1rem;}#hero-section .internal-link, #design-differently .internal-link, #cost-section .internal-link, #custom-designs .internal-link, #recent-projects .internal-link {color: var(--secondary);font-weight: 700;text-decoration: underline;text-decoration-color: var(--primary);text-decoration-thickness: 2px;text-underline-offset: 3px;}#design-differently .ol-signs-title {margin: 1.5rem 0 1rem;font-size: 1.25rem;line-height: 1.3em;color: var(--headerColor);text-align: left;}#design-options .ol-options-intro {margin: 0 auto 1rem;text-align: center;}#cost-section p a {color: var(--secondary);font-weight: 700;}}@media only screen and (min-width: 0rem) {.ol-links {padding: var(--sectionPadding);background-color: #fff;}.ol-links.ol-links-alt {background-color: #f8f8f8;}.ol-links .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(2rem, 4vw, 3rem);}.ol-links .cs-content {text-align: center;width: 100%;display: flex;flex-direction: column;align-items: center;}.ol-links .cs-text {margin-bottom: 0;}.ol-links .cs-link-card.ol-featured {border-color: var(--primary);border-width: 2px;}.ol-links .ol-more {margin: 0;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColor);text-align: center;}.ol-links .ol-more a {color: var(--secondary);font-weight: 700;}}@media only screen and (min-width: 0rem) {#ol-compare {padding: var(--sectionPadding);background-color: #fff;}#ol-compare .cs-container {width: 100%;max-width: 67.5rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: 2rem;}#ol-compare .cs-content {text-align: center;display: flex;flex-direction: column;align-items: center;}#ol-compare .ol-table-wrap {width: 100%;overflow-x: auto;border: 1px solid #e3e6dc;border-radius: 0.5rem;}#ol-compare table {width: 100%;min-width: 40rem;border-collapse: collapse;font-size: 0.9375rem;line-height: 1.5em;color: var(--bodyTextColor);text-align: left;}#ol-compare caption {padding: 0.75rem 1rem;font-size: 0.875rem;text-align: left;caption-side: bottom;}#ol-compare th, #ol-compare td {padding: 0.875rem 1rem;border-bottom: 1px solid #e3e6dc;vertical-align: top;}#ol-compare thead th {background-color: var(--secondary);color: #fff;font-weight: 700;}#ol-compare tbody th {color: var(--headerColor);font-weight: 700;background-color: #f8f8f8;}#ol-compare tbody tr:last-child th, #ol-compare tbody tr:last-child td {border-bottom: none;}#ol-compare .ol-note {margin: 0;max-width: 47.5rem;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColor);text-align: center;}#ol-compare .ol-note a {color: var(--secondary);font-weight: 700;}}@media only screen and (min-width: 0rem) {.ol-inline {margin: 1rem 0 0;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColor);}.ol-inline a {color: var(--secondary);font-weight: 700;}#hero-section .ol-inline {margin: 1.25rem 0 0;}.ol-signs {margin: 0 0 1.5rem;padding: 0;list-style: none;text-align: left;}.ol-signs li {position: relative;margin-bottom: 0.625rem;padding-left: 1.5rem;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColor);}.ol-signs li:before {content: "";position: absolute;left: 0;top: 0.5rem;width: 0.625rem;height: 0.625rem;border-radius: 50%;background-color: var(--primary);}}@media only screen and (min-width: 0rem) {body.dark-mode .ol-links {background-color: var(--dark);}body.dark-mode .ol-links.ol-links-alt {background-color: var(--medium);}body.dark-mode .ol-links .cs-title, body.dark-mode .ol-links .cs-text, body.dark-mode .ol-links .ol-more {color: var(--bodyTextColorWhite);}body.dark-mode .ol-links .ol-more a {color: var(--primary);}body.dark-mode #ol-compare {background-color: var(--dark);}body.dark-mode #ol-compare .cs-title, body.dark-mode #ol-compare .ol-note {color: var(--bodyTextColorWhite);}body.dark-mode #ol-compare .ol-note a {color: var(--primary);}body.dark-mode #ol-compare .ol-table-wrap {border-color: var(--accent);}body.dark-mode #ol-compare table, body.dark-mode #ol-compare caption {color: #d7dcd2;}body.dark-mode #ol-compare th, body.dark-mode #ol-compare td {border-color: var(--accent);}body.dark-mode #ol-compare tbody th {background-color: var(--medium);color: var(--bodyTextColorWhite);}body.dark-mode #design-differently .ol-signs-title {color: var(--bodyTextColorWhite);}body.dark-mode .internal-link, body.dark-mode #cost-section p a {color: var(--primary);}body.dark-mode .ol-inline, body.dark-mode .ol-signs li {color: #d7dcd2;}body.dark-mode .ol-inline a {color: var(--primary);}}