/*
 Theme Name:   Northern Territory Developments
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     canvas
 Version:      1.1.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  ntd

 font-family: europa, sans-serif;
 font-weight: 400;
 font-style: normal;

 font-family: europa, sans-serif;
 font-weight: 700;
 font-style: normal;
*/

/* CDE Palette Variables: start */
:root {
  --cde-deep-teal: #35494B;
  --cde-olive-green: #87A289;
  --cde-racing-green: #2B615C;
  --cde-stone: #E0DFE0;
}
/* CDE Palette Variables: end */

@view-transition {
    navigation: auto;
}

::view-transition-group(root) {
    animation-duration: 1s;
}

.canvas {
    --canvas-aos-distance: 100px;
    --canvas-aos-distance-negative: -100px;
    --canvas-heading-scale: 1.2;
}

body.canvas {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
    font-family: europa, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.6rem, 1.7vw, 1.8rem);
}

.site-header__main .container,
.site-footer .container {
    width: min(94vw, 94vw);
}

h1, h2, h3, h4, h5, h6 {
    font-family: europa, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.cde-wide-text.cde-image-header.has-bgimage > .wrapper {
    position: static;
}

.site-header {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* Scroll nav */

#sub-nav-loc {
    display: none;
}

.scroll-nav {
    width: 100%;
}

ol.scroll-nav__list {
    padding-inline-start: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;    
    align-items: center;
    width: 100%;
}

.ntd-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 6vw;
    align-items: center;
}

.ntd-nav li a {
    color: #fff;
    text-decoration: none;
    padding: 0.5rem 0;
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    transition-duration: 0.3s;
}

.canvas-modal-header {
    background: var(--cde-stone);
}

.ntd-nav li a:hover {
    border-bottom-color: #fff;
}

.ntd-nav li.scroll-nav__item--active a {
    border-bottom-color: var(--cde-olive-green);
}

.ntd-nav .button {
    white-space: nowrap;
}

a.nt-phone-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.45em;
    transition: color 0.2s ease;
}

a.nt-phone-icon::before {
    content: "";
    flex: 0 0 1.2em;
    width: 1.2em;
    height: 1.2em;
    background-image: url("img/nt-phone-icon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-color 0.2s ease;
}

@supports ((-webkit-mask: url("img/nt-phone-icon.svg")) or (mask: url("img/nt-phone-icon.svg"))) {
    a.nt-phone-icon::before {
        background-color: #fff;
        background-image: none;
        -webkit-mask: url("img/nt-phone-icon.svg") center / contain no-repeat;
        mask: url("img/nt-phone-icon.svg") center / contain no-repeat;
    }

    a.nt-phone-icon:hover::before,
    a.nt-phone-icon:focus-visible::before {
        background-color: var(--cde-olive-green);
    }
}

a.nt-phone-icon:hover,
a.nt-phone-icon:focus-visible {
    color: var(--cde-olive-green);
}

/* End of Scroll nav */

.site-header__layout--left {
    grid-template-columns: minmax(18rem, 3.5fr) minmax(0, 8.5fr);
}

.has-bgcolor.col-stone h2,
.has-bgcolor.col-stone h3 {
    color: var(--cde-deep-teal)
}

/* One-page home layout */

body.ntd-one-page-site .cde-flex-content {
    color: #243235;
}

body.ntd-one-page-site .cde-flex-content p {
    margin: 0 0 1.5rem;
}

body.ntd-one-page-site .cde-flex-content p:last-child {
    margin-bottom: 0;
}

body h2.line-under {
    color: var(--cde-deep-teal);
    font-size: clamp(2.5rem, 2.7vw, 3.3rem);
    line-height: 1.2;
    margin: 0 0 2.8rem;
    text-align: center;
}

body h2.line-under::after {
    content: "";
    display: block;
    width: 30rem;
    max-width: 42%;
    border-bottom: 0.1rem solid rgba(53, 73, 75, 0.24);
    margin: 2.4rem auto 0;
    transform-origin: left center;
}

html.canvas-aos-prep body.ntd-one-page-site h2.line-under::after {
    transform: scaleX(0);
}

html.canvas-aos-prep body.ntd-one-page-site h2.line-under[data-aos="ntd-line-under"]:not(.aos-animate),
body.ntd-one-page-site.canvas-aos-ready h2.line-under[data-aos="ntd-line-under"].aos-init {
    opacity: 1;
}

body.ntd-one-page-site.canvas-aos-ready h2.line-under[data-aos="ntd-line-under"].aos-init::after {
    transform: scaleX(0);
    transition-delay: var(--canvas-aos-delay);
    transition-duration: var(--canvas-aos-duration);
    transition-property: transform;
    transition-timing-function: var(--canvas-aos-easing);
}

body.ntd-one-page-site.canvas-aos-ready h2.line-under[data-aos="ntd-line-under"].aos-init.aos-animate::after {
    transform: scaleX(1);
}

body.ntd-one-page-site .ntd-section-intro .inner,
body.ntd-one-page-site .ntd-services .before {        
    text-align: center;
}

body.ntd-one-page-site #home.ntd-hero-gallery {
    background: #fff;
}

body.ntd-one-page-site #home.ntd-hero-gallery > .container {
    width: 100%;
    max-width: none;
    margin: 0;
}

body.ntd-one-page-site #home .image-grid-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.74fr);
    grid-template-rows: minmax(0, 1.68fr) minmax(12rem, 0.96fr);
    gap: clamp(0.7rem, 0.8vw, 1.1rem);
    height: clamp(32rem, 62vw, 68rem);
    padding-top: clamp(0.7rem, 0.8vw, 1.1rem);
    padding-bottom: clamp(0.7rem, 0.8vw, 1.1rem);

}

body.ntd-one-page-site #home .image-grid-wrap .text {
    grid-column: 1 / 3;
    grid-row: 2;
    display: flex;
    align-items: center;
    min-width: 0;
    height: auto;
    background: var(--cde-racing-green);
    justify-content: center;
    color: #fff;
    padding: clamp(2.8rem, 4vw, 7rem);
}

body.ntd-one-page-site #home .image-grid-wrap .text h1 {
    color: inherit;
    font-size: clamp(3rem, 5vw, 5.8rem);
    line-height: 1.08;
    letter-spacing: 0;
    margin: 0;
}

body.ntd-one-page-site #home .image-grid-wrap ul {
    display: contents;
    padding: 0;
    margin: 0;
    list-style: none;
}

body.ntd-one-page-site #home .image-grid-wrap li {
    min-width: 0;
    height: auto;
    margin: 0;
    overflow: hidden;
}

body.ntd-one-page-site #home .image-grid-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html.canvas-aos-prep body.ntd-one-page-site .ntd-hero-gallery .ntd-hero-image[data-aos="ntd-hero-draw"]:not(.aos-animate),
body.ntd-one-page-site.canvas-aos-ready .ntd-hero-gallery .ntd-hero-image[data-aos="ntd-hero-draw"].aos-init {
    opacity: 1;
}

html.canvas-aos-prep body.ntd-one-page-site .ntd-hero-gallery .ntd-hero-staircase[data-aos="ntd-hero-draw"]:not(.aos-animate),
body.ntd-one-page-site.canvas-aos-ready .ntd-hero-gallery .ntd-hero-staircase[data-aos="ntd-hero-draw"].aos-init:not(.aos-animate) {
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
}

html.canvas-aos-prep body.ntd-one-page-site .ntd-hero-gallery .ntd-hero-dining[data-aos="ntd-hero-draw"]:not(.aos-animate),
body.ntd-one-page-site.canvas-aos-ready .ntd-hero-gallery .ntd-hero-dining[data-aos="ntd-hero-draw"].aos-init:not(.aos-animate) {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
}

html.canvas-aos-prep body.ntd-one-page-site .ntd-hero-gallery .ntd-hero-kitchen[data-aos="ntd-hero-draw"]:not(.aos-animate),
body.ntd-one-page-site.canvas-aos-ready .ntd-hero-gallery .ntd-hero-kitchen[data-aos="ntd-hero-draw"].aos-init:not(.aos-animate) {
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
}

body.ntd-one-page-site.canvas-aos-ready .ntd-hero-gallery .ntd-hero-image[data-aos="ntd-hero-draw"].aos-init {
    transition-property: -webkit-clip-path, clip-path;
    will-change: clip-path;
}

body.ntd-one-page-site.canvas-aos-ready .ntd-hero-gallery .ntd-hero-image[data-aos="ntd-hero-draw"].aos-init.aos-animate {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
}

body.ntd-one-page-site #home .ntd-hero-staircase {
    grid-column: 1;
    grid-row: 1;
}

body.ntd-one-page-site #home .ntd-hero-dining {
    grid-column: 2;
    grid-row: 1;
}

body.ntd-one-page-site #home .ntd-hero-kitchen {
    grid-column: 3;
    grid-row: 1 / 3;
}

body.ntd-one-page-site #home .ntd-hero-kitchen img {
    object-position: 48% 50%;
}

body.ntd-one-page-site #about.cde-wide-text .wrapper,
body.ntd-one-page-site #why-choose.cde-wide-text .wrapper {
    padding-top: clamp(6rem, 6vw, 8.5rem);
    padding-bottom: clamp(6rem, 6vw, 8.5rem);
}

body.ntd-one-page-site #about .container,
body.ntd-one-page-site #why-choose .container {
    width: min(calc(100% - 4rem), 58rem);
}

body.ntd-one-page-site #what-we-do.ntd-services {
    padding: clamp(6.5rem, 6vw, 8rem) 0 clamp(7rem, 6vw, 8.5rem);
}

body.ntd-one-page-site #what-we-do .container {
    width: min(calc(100% - 4rem), 82rem);
}

body.ntd-one-page-site #what-we-do .before {
    max-width: 62rem;
    margin: 0 auto clamp(4.6rem, 4.5vw, 5.8rem);
}

body.ntd-one-page-site #what-we-do .grid-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(3rem, 5vw, 6rem);
    max-width: 80rem;
    margin: 0 auto;
}

body.ntd-one-page-site #what-we-do .ntd-service-card {
    --canvas-aos-distance: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 25rem;
    padding: 3.6rem 2.4rem;
    background: var(--cde-racing-green);
    color: #fff;
    text-align: center;
    will-change: opacity, transform;
}

body.ntd-one-page-site #what-we-do .item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.2rem;
    height: 7.2rem;
    margin: 0 auto 4rem;
}

body.ntd-one-page-site #what-we-do .item-image img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

body.ntd-one-page-site #what-we-do .item-label {
    display: none;
}

body.ntd-one-page-site #what-we-do .item-content {
    max-width: 15rem;
    color: #fff;
    font-size: clamp(1.5rem, 1.5vw, 1.7rem);
    line-height: 1.4;
}

body.ntd-one-page-site #what-we-do .ntd-service-joinery .item-content {
    padding: 0 2rem;
}

body.ntd-one-page-site #what-we-do .item-content p {
    margin: 0;
}

body.ntd-one-page-site #process.ntd-process {
    padding: clamp(6rem, 5.5vw, 7rem) 0 clamp(6rem, 5.5vw, 7rem);
}

body.ntd-one-page-site #process .container {
    width: min(calc(100% - 6rem), 120rem);
}

body.ntd-one-page-site #process .before {
    margin: 0 auto clamp(4.8rem, 4.5vw, 5.8rem);
    text-align: center;
}

body.ntd-one-page-site #process .grid-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(3rem, 5vw, 6rem);
}

body.ntd-one-page-site #process .ntd-process-step {
    display: block;
}

body.ntd-one-page-site #process .ntd-process-step .cde-grid-item-inner {
    display: grid;
    grid-template-columns: 6.4rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 2rem;
    align-items: start;
}

body.ntd-one-page-site #process .item-label {
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%;
    background: var(--cde-deep-teal);
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    will-change: opacity;
}

html.canvas-aos-prep body.ntd-one-page-site #process .item-label:not(.aos-animate) {
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    html.canvas-aos-prep body.ntd-one-page-site h2.line-under::after,
    body.ntd-one-page-site.canvas-aos-ready h2.line-under[data-aos="ntd-line-under"].aos-init::after {
        transform: scaleX(1);
    }
}

body.ntd-one-page-site #process .item-subtitle {
    grid-column: 2;
    grid-row: 1;
    color: #243235;
    font-size: clamp(1.55rem, 1.7vw, 2rem);
    font-weight: 700;
    line-height: 1.25;
    margin-top: 0.4rem;
    margin-bottom: 0.8rem;
}

body.ntd-one-page-site #process .item-content {
    grid-column: 2;
    grid-row: 2;
    color: #243235;
    font-size: clamp(1.45rem, 1.6vw, 1.7rem);
    line-height: 1.45;
}

body.ntd-one-page-site #process .item-content p {
    margin: 0;
}

body.ntd-one-page-site #testimonials.ntd-testimonials {
    padding: 0 0 clamp(6.5rem, 6vw, 8rem);
    overflow: hidden;
}

body.ntd-one-page-site #testimonials .container {
    width: min(calc(100% - 6rem), 112rem);
}

body.ntd-one-page-site #testimonials .grid-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: visible;
}

body.ntd-one-page-site #testimonials .flickity-viewport {
    overflow: visible;
}

body.ntd-one-page-site #testimonials .flickity-slider {
    display: block;
}

body.ntd-one-page-site #testimonials .cde-grid-item {
    display: block;
    width: min(82rem, calc(100vw - 6rem));
    height: 100%;
    min-height: clamp(48rem, 50vw, 60rem);
    margin-right: clamp(1.2rem, 1.8vw, 2.4rem);
    padding: 0;
    background: transparent;
    color: #fff;
}

body.ntd-one-page-site #testimonials .cde-grid-item > .cde-grid-item-inner {
    min-height: inherit;
    height: 100%;
    background: var(--cde-racing-green);
    color: #fff;
    overflow: hidden;
}

body.ntd-one-page-site #testimonials .cde-grid-item.has-image > .cde-grid-item-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.9fr);
    grid-template-rows: auto 1fr;
}

body.ntd-one-page-site #testimonials .cde-grid-item:not(.has-image) > .cde-grid-item-inner {
    padding: clamp(3rem, 3.8vw, 4.8rem);
}

body.ntd-one-page-site #testimonials .item-label {
    color: #fff;
    font-size: clamp(1.55rem, 1.45vw, 1.9rem);
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

body.ntd-one-page-site #testimonials .item-content {
    color: #fff;
    font-size: clamp(1.3rem, 1.3vw, 1.6rem);
    line-height: 1.48;
}

body.ntd-one-page-site #testimonials .item-content p {
    margin: 0 0 1.4rem;
}

body.ntd-one-page-site #testimonials .item-content p:last-child {
    margin-bottom: 0;
}

body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-image {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: stretch;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    margin: 0;
    overflow: hidden;
}

body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-label,
body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-content {
    grid-column: 1;
    padding-right: clamp(3rem, 3.8vw, 4.8rem);
    padding-left: clamp(3rem, 3.8vw, 4.8rem);
}

body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-label {
    grid-row: 1;
    padding-top: clamp(3rem, 3.8vw, 4.8rem);
    padding-bottom: 2rem;
}

body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-content {
    grid-row: 2;
    padding-bottom: clamp(3rem, 3.8vw, 4.8rem);
}

body.ntd-one-page-site #testimonials .flickity-button {
    display: none;
}

body.ntd-one-page-site #testimonials .flickity-page-dots {
    position: static;
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    margin: 2.4rem 0 0;
    padding: 0;
}

body.ntd-one-page-site #testimonials .flickity-page-dots .dot {
    width: 0.9rem;
    height: 0.9rem;
    margin: 0;
    background: var(--cde-racing-green);
    opacity: 0.28;
}

body.ntd-one-page-site #testimonials .flickity-page-dots .dot.is-selected {
    opacity: 1;
}

body.ntd-one-page-site #get-in-touch.cde-image-left-text-right {
    grid-template-columns: minmax(0, 59%) minmax(0, 41%);
    min-height: clamp(40rem, 55vw, 62rem);
}

body.ntd-one-page-site #get-in-touch .left,
body.ntd-one-page-site #get-in-touch .right {
    min-height: inherit;
}

body.ntd-one-page-site #get-in-touch .left {
    background-position: 50% 55%;
}

body.ntd-one-page-site #get-in-touch .right {
    align-items: center;
    padding: clamp(4rem, 7vw, 9rem);
}

body.ntd-one-page-site #get-in-touch .inner {
    max-width: 36rem;
    padding: 0;
}

body.ntd-one-page-site #get-in-touch h2 {
    color: #fff;
    font-size: clamp(2.4rem, 2.7vw, 3.6rem);
    line-height: 1.1;
    margin: 0 0 2.4rem;
}

body.ntd-one-page-site #get-in-touch p {
    color: #fff;        
    margin: 0 0 2.4rem;
}

body.ntd-one-page-site #contact.ntd-contact-footer .wrapper {
    padding-top: 3rem;
    padding-bottom: 2.8rem;
}

body.ntd-one-page-site #contact .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2.4rem clamp(4rem, 8vw, 9rem);
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.5;
    text-align: center;
}

body.ntd-one-page-site #contact p {
    margin: 0;
}

body.ntd-one-page-site #contact p:first-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem clamp(4rem, 8vw, 9rem);
}

body.ntd-one-page-site #contact p:last-child {
    flex-basis: 100%;
    font-size: 0.95rem;
    opacity: 0.72;
}

body.ntd-one-page-site #contact a {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 560px) {
/*
    body.ntd-one-page-site #home .image-grid-wrap {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: 40vw 48vw auto;
        height: auto;
    }

    body.ntd-one-page-site #home .ntd-hero-staircase {
        grid-column: 1;
        grid-row: 1;
    }

    body.ntd-one-page-site #home .ntd-hero-dining {
        grid-column: 2;
        grid-row: 1;
    }

    body.ntd-one-page-site #home .ntd-hero-kitchen {
        grid-column: 1 / 3;
        grid-row: 2;
    }

    body.ntd-one-page-site #home .image-grid-wrap .text {
        grid-column: 1 / 3;
        grid-row: 3;
        min-height: 16rem;
    }
*/
    body.ntd-one-page-site #what-we-do .grid-list,
    body.ntd-one-page-site #process .grid-list {
        grid-template-columns: minmax(0, 1fr);
        max-width: 32rem;
    }

    body.ntd-one-page-site #process .container,
    body.ntd-one-page-site #testimonials .container {
        width: min(calc(100% - 4rem), 42rem);
    }

    body.ntd-one-page-site #testimonials .grid-list {
        max-width: none;
    }

    body.ntd-one-page-site #testimonials .cde-grid-item {
        width: min(35rem, calc(100vw - 4rem));
        height: auto;
        min-height: 0;
        margin-right: 1.2rem;
    }

    body.ntd-one-page-site #testimonials .cde-grid-item > .cde-grid-item-inner {
        height: auto;
        min-height: 0;
    }

    body.ntd-one-page-site #testimonials .cde-grid-item.has-image > .cde-grid-item-inner {
        grid-template-columns: minmax(0, 1fr) minmax(10rem, 36%);
        grid-template-rows: auto 1fr;
    }

    body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-label,
    body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-content {
        grid-column: 1;
        padding-right: 1.6rem;
        padding-left: 1.6rem;
    }

    body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-image {
        grid-column: 2;
        grid-row: 1 / 3;
        min-height: 100%;
        height: 100%;
    }

    body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-label {
        grid-row: 1;
        padding-top: 1.8rem;
        padding-bottom: 1rem;
        font-size: 1.3rem;
    }

    body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-content {
        grid-row: 2;
        padding-bottom: 1.8rem;
        font-size: 1.3rem;
        line-height: 1.2;
    }

    body.ntd-one-page-site #testimonials .cde-grid-item.has-image .item-content p {
        margin-bottom: 0.9rem;
    }

    body.ntd-one-page-site #get-in-touch.cde-image-left-text-right {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    body.ntd-one-page-site #get-in-touch .left {
        min-height: 85vw;
    }

}

.small-text {
    font-size: 1.3rem;
}

footer .credit {
    text-align: center;
}

.canvas-footer-menu-layout-horz .site-footer .widget_nav_menu .menu > li:not(:last-child)::after {
    opacity: 0.1;
}

.mobile-nav {
    display: none !important;
}

.canvas-desktop-nav, .site-header__widgets {
    display: block !important;
}

@media ( max-width: 1100px ) {

    .site-header .scroll-nav {
        display: none !important;
    }

    .site-header__widgets,
    .site-header__widgets-content {
        justify-self: end;
        text-align: right;
    }

    .site-header__widgets-content {
        display: flex;
        justify-content: flex-end;
    }

    .ntd-nav {
        justify-content: flex-end;
        gap: clamp(1.6rem, 3vw, 3rem);
    }

    .canvas-header-height-medium .site-header__layout {
        padding-block: 2.5rem;
    }

    .site-logo img, .custom-logo {
        max-width: 80%;
    }

}