.navaksa-demos {
    --demo-ink: #111;
    --demo-ground: #eeedeb;
    color: var(--demo-ink);
    background: var(--demo-ground);
}

.navaksa-demos [hidden],
.navaksa-demo-card[hidden] {
    display: none !important;
}

.navaksa-demos a,
.navaksa-demo-preview__toolbar a,
.navaksa-preview a {
    color: inherit;
}

.navaksa-demos a:focus-visible,
.navaksa-demos button:focus-visible,
.navaksa-demos input:focus-visible,
.navaksa-demo-preview__toolbar a:focus-visible,
.navaksa-preview a:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 5px;
}

.navaksa-demos__intro {
    padding: clamp(3.5rem, 7vw, 7rem) clamp(1.25rem, 3vw, 3.5rem) 3.5rem;
}

.navaksa-demos__intro-top,
.navaksa-demos__intro-bottom {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.navaksa-demos__intro-top {
    font-size: .875rem;
    margin-bottom: 2rem;
}

.navaksa-demos__intro h1 {
    margin: 0 0 2.5rem;
    font-size: clamp(3.5rem, 9.5vw, 10rem);
    font-weight: 700;
    line-height: .97;
    letter-spacing: -.075em;
}

.navaksa-demos__intro h1 em {
    font-style: normal;
    color: #aa3c13;
}

.navaksa-demos__intro-bottom {
    align-items: flex-end;
}

.navaksa-demos__intro-bottom p {
    max-width: 28rem;
    margin: 0;
    font-size: clamp(1rem, 1.25vw, 1.25rem);
    line-height: 1.55;
}

.navaksa-demos__intro-bottom > a {
    display: flex;
    align-items: center;
    gap: 2rem;
    min-height: 44px;
    padding: .7rem 0;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
}

.navaksa-demos__intro-bottom > a span {
    font-size: 1.5rem;
    transition: transform .3s ease;
}

.navaksa-demos__intro-bottom > a:hover span {
    transform: translateY(4px);
}

.navaksa-demos__cms-content {
    max-width: 50rem;
    margin-top: 3rem;
}

.navaksa-demos__collection {
    padding: 0 clamp(1.25rem, 3vw, 3.5rem) clamp(4rem, 8vw, 8rem);
    scroll-margin-top: 6rem;
}

.navaksa-demos__controls {
    display: grid;
    gap: 1.5rem;
    padding: 1.75rem 0;
    border-top: 1px solid #777;
}

.navaksa-demos__filters {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-content: start;
}

.navaksa-demos__filters button {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 44px;
    padding: .65rem 1rem;
    border: 1px solid #777;
    border-radius: 100px;
    color: #111;
    background: transparent;
    font: inherit;
    font-size: .875rem;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.navaksa-demos__filters button:hover,
.navaksa-demos__filters button[aria-pressed="true"] {
    color: #eeedeb;
    background: #111;
    border-color: #111;
}

.navaksa-demos__filters button[aria-pressed="true"] {
    font-weight: 700;
}

.navaksa-demos__filters button span {
    font-size: .75rem;
}

.navaksa-demos__search {
    display: grid;
    grid-template-columns: 1fr 1.5rem;
    gap: .25rem 1rem;
    max-width: 30rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #666;
}

.navaksa-demos__search > span {
    grid-column: 1 / -1;
    font-size: .75rem;
}

.navaksa-demos__search input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: .5rem 0;
    border: 0;
    color: #111;
    background: transparent;
    font: inherit;
    scroll-margin-top: 8rem;
}

.navaksa-demos__search input::placeholder {
    color: #555;
    opacity: 1;
}

.navaksa-demos__search svg {
    width: 1.5rem;
    align-self: center;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
}

.navaksa-demos__result {
    margin: .75rem 0 1.75rem;
    color: #555;
    font-size: .875rem;
}

.navaksa-demo-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
}

.navaksa-demo-card {
    min-width: 0;
}

.navaksa-demo-card__visual {
    display: block;
    position: relative;
    color: #fff !important;
    background: #252525;
    border-radius: 10px;
    text-decoration: none;
}

.navaksa-demo-card__visual:focus-visible {
    outline-color: #111 !important;
}

.navaksa-demo-cover {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.18;
    border-radius: inherit;
    isolation: isolate;
}

.navaksa-demo-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgb(0 0 0 / 68%) 0%, rgb(0 0 0 / 64%) 35%, rgb(0 0 0 / 75%) 100%);
}

.navaksa-demo-cover__photo {
    position: absolute;
    inset: 0;
    z-index: -2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.22, 1, .36, 1);
}

.navaksa-demo-card__visual:hover .navaksa-demo-cover__photo,
.navaksa-demo-card__visual:focus-visible .navaksa-demo-cover__photo {
    transform: scale(1.065);
}

.navaksa-demo-cover__masthead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.4rem 1.5rem;
    border-bottom: 1px solid rgb(255 255 255 / 35%);
    font-size: .75rem;
}

.navaksa-demo-cover__masthead strong {
    max-width: 65%;
    font-size: 1.1rem;
    line-height: 1.05;
    letter-spacing: -.045em;
}

.navaksa-demo-cover__copy {
    position: absolute;
    inset: auto 1.5rem 3.25rem;
    max-width: 80%;
}

.navaksa-demo-cover__copy > span {
    display: block;
    margin-bottom: 1rem;
    font-size: .8rem;
}

.navaksa-demo-cover__copy > strong {
    display: block;
    font-size: clamp(2rem, 4.5vw, 3.5rem);
    line-height: 1.02;
    letter-spacing: -.05em;
    font-weight: 600;
}

.navaksa-demo-cover__number {
    position: absolute;
    right: 1.5rem;
    bottom: 1.3rem;
    font-size: .75rem;
}

.navaksa-demo-card__visual--family-editorial .navaksa-demo-cover__copy > strong,
.navaksa-demo-card__visual--family-hospitality .navaksa-demo-cover__copy > strong {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
    letter-spacing: -.04em;
}

.navaksa-demo-card__visual--family-hospitality .navaksa-demo-cover__copy {
    inset: auto 2rem 3rem;
    max-width: none;
    text-align: center;
}

.navaksa-demo-card__visual--family-commerce .navaksa-demo-cover__masthead {
    color: var(--preview-ink);
    background: var(--preview-ground);
    border-bottom: 0;
}

.navaksa-demo-card__visual--family-digital .navaksa-demo-cover__copy > strong,
.navaksa-demo-card__visual--family-event .navaksa-demo-cover__copy > strong {
    font-weight: 800;
    letter-spacing: -.065em;
}

.navaksa-demo-card__open {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 44px;
    padding: .65rem 1rem;
    border-radius: 100px;
    background: #eeedeb;
    color: #111;
    font-size: .85rem;
    transform: translateY(8px);
    opacity: 0;
    transition: opacity .25s ease, transform .25s ease;
}

.navaksa-demo-card__visual:hover .navaksa-demo-card__open,
.navaksa-demo-card__visual:focus-visible .navaksa-demo-card__open {
    opacity: 1;
    transform: translateY(0);
}

.navaksa-demo-card__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 0 0;
}

.navaksa-demo-card__body h2 {
    margin: 0 0 .4rem;
    font-size: clamp(1.375rem, 2vw, 1.75rem);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.045em;
}

.navaksa-demo-card__body h2 a {
    display: inline-block;
    padding: .15rem 0;
    text-decoration: none;
}

.navaksa-demo-card__body h2 a:hover {
    text-decoration: underline;
    text-underline-offset: .2em;
}

.navaksa-demo-card__body p {
    margin: 0;
    color: #555;
    font-size: .85rem;
}

.navaksa-demo-card__body p span {
    margin: 0 .3rem;
}

.navaksa-demo-card__link {
    display: grid;
    place-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    border: 1px solid #777;
    border-radius: 50%;
    font-size: 1.375rem;
    text-decoration: none;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.navaksa-demo-card__link:hover {
    color: #eeedeb;
    background: #111;
    transform: rotate(45deg);
}

.navaksa-demos__empty {
    margin: 0;
    padding: 3rem 0;
    font-size: 1.25rem;
}

.navaksa-demos__contact {
    display: grid;
    gap: 2rem;
    padding: clamp(3rem, 6vw, 6rem) clamp(1.25rem, 3vw, 3.5rem);
    color: #111;
    background: #00BFFF;
}

.navaksa-demos__contact > p {
    margin: 0;
    font-size: 1rem;
}

.navaksa-demos__contact h2 {
    margin: 0 0 1.5rem;
    font-size: clamp(3rem, 7vw, 7rem);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.065em;
}

.navaksa-demos__contact div > p {
    max-width: 28rem;
    margin: 0;
    line-height: 1.6;
}

.navaksa-demos__contact > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-height: 44px;
    align-self: end;
    justify-self: start;
    padding: .8rem 0;
    border-bottom: 1px solid #111;
    text-decoration: none;
}

.navaksa-demos__contact > a span {
    font-size: 1.5rem;
}

.navaksa-demo-preview__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem 2rem;
    padding: .5rem clamp(1.25rem, 3vw, 3rem);
    color: #eeedeb;
    background: #111;
    font-size: .75rem;
}

.navaksa-demo-preview__toolbar a {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 44px;
    text-decoration: none;
}

.navaksa-demo-preview__toolbar a:hover {
    text-decoration: underline;
    text-underline-offset: .25em;
}

.navaksa-demo-preview__toolbar > span strong {
    margin-left: .4rem;
    font-weight: 500;
}

.navaksa-preview,
.navaksa-demo-card__visual {
    --preview-ground: #e9e2d7;
    --preview-ink: #25211e;
    --preview-accent: #784627;
}

.navaksa-preview-palette--sand { --preview-ground: #e9e2d7; --preview-ink: #25211e; --preview-accent: #784627; }
.navaksa-preview-palette--sun { --preview-ground: #ece4c6; --preview-ink: #382c15; --preview-accent: #8e5726; }
.navaksa-preview-palette--ocean { --preview-ground: #dce9e7; --preview-ink: #183d3a; --preview-accent: #285f58; }
.navaksa-preview-palette--sage { --preview-ground: #e0e5d4; --preview-ink: #314229; --preview-accent: #486038; }
.navaksa-preview-palette--forest { --preview-ground: #dbe2d5; --preview-ink: #28392b; --preview-accent: #3b593c; }
.navaksa-preview-palette--terracotta { --preview-ground: #eed8c9; --preview-ink: #492d21; --preview-accent: #924128; }
.navaksa-preview-palette--rose { --preview-ground: #efdfdd; --preview-ink: #4b3035; --preview-accent: #804551; }
.navaksa-preview-palette--midnight { --preview-ground: #e0e2e3; --preview-ink: #252b34; --preview-accent: #495b76; }
.navaksa-preview-palette--blue { --preview-ground: #dfe5ef; --preview-ink: #20334c; --preview-accent: #355884; }
.navaksa-preview-palette--lavender { --preview-ground: #e6e0ec; --preview-ink: #3c3047; --preview-accent: #684b7d; }
.navaksa-preview-palette--citrus { --preview-ground: #e7e8cd; --preview-ink: #343a1e; --preview-accent: #555e26; }

.navaksa-preview {
    color: var(--preview-ink);
    background: var(--preview-ground);
}

.navaksa-preview__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.25rem clamp(1.25rem, 3vw, 3rem);
}

.navaksa-preview__wordmark {
    display: inline-block;
    max-width: 75%;
    padding: .4rem 0;
    font-size: clamp(1.5rem, 2.3vw, 2.25rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.065em;
    text-decoration: none;
}

.navaksa-preview__header nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
}

.navaksa-preview__header nav a {
    display: flex;
    align-items: center;
    min-height: 44px;
    text-decoration: none;
    font-size: .875rem;
}

.navaksa-preview__header nav a:hover {
    text-decoration: underline;
    text-underline-offset: .25em;
}

.navaksa-preview__category {
    font-size: .8rem;
}

.navaksa-preview__hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 42rem;
    padding: 4rem clamp(1.25rem, 4vw, 4.5rem) 6rem;
    isolation: isolate;
    color: #fff;
    background: #252525;
}

.navaksa-preview__hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgb(0 0 0 / 72%) 0%, rgb(0 0 0 / 64%) 65%, rgb(0 0 0 / 40%) 100%);
}

.navaksa-preview__hero-photo {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.navaksa-preview__hero-copy {
    max-width: 55rem;
}

.navaksa-preview__eyebrow {
    margin: 0 0 1.5rem;
    font-size: .9rem;
    line-height: 1.4;
}

.navaksa-preview__hero h1 {
    margin: 0 0 2.25rem;
    font-size: clamp(3.25rem, 6.5vw, 7.25rem);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.06em;
}

.navaksa-preview__button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 48px;
    padding: .95rem 1.5rem;
    border: 1px solid currentColor;
    border-radius: 100px;
    color: inherit;
    background: transparent;
    font-size: .875rem;
    text-decoration: none;
    transition: color .25s ease, background-color .25s ease;
}

.navaksa-preview__hero .navaksa-preview__button:hover {
    color: #111;
    background: #fff;
    border-color: #fff;
}

.navaksa-preview__hero-caption {
    position: absolute;
    inset: auto clamp(1.25rem, 4vw, 4.5rem) 1.75rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .75rem;
    font-size: .75rem;
}

.navaksa-preview__about {
    display: grid;
    gap: 1.5rem;
    padding: clamp(3.5rem, 7vw, 7rem) clamp(1.25rem, 4vw, 4.5rem);
    scroll-margin-top: 2rem;
}

.navaksa-preview__about h2 {
    max-width: 57rem;
    margin: 0 0 2rem;
    font-size: clamp(2.5rem, 4.5vw, 4.5rem);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.055em;
}

.navaksa-preview__about div > p {
    max-width: 35rem;
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.65;
}

.navaksa-preview__highlights {
    padding: 0 clamp(1.25rem, 4vw, 4.5rem) clamp(4rem, 7vw, 7rem);
    scroll-margin-top: 2rem;
}

.navaksa-preview__highlights-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.navaksa-preview__highlights-heading h2 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
}

.navaksa-preview__highlights-heading > span {
    font-size: .75rem;
}

.navaksa-preview__highlight {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) 44px;
    align-items: center;
    gap: 1rem;
    padding: 1.6rem 0;
    border-top: 1px solid var(--preview-ink);
}

.navaksa-preview__highlight > span {
    align-self: start;
    padding-top: .4rem;
    font-size: .75rem;
}

.navaksa-preview__highlight h3 {
    margin: 0;
    font-size: clamp(1.5rem, 3vw, 3rem);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.04em;
}

.navaksa-preview__highlight > a {
    display: grid;
    place-items: center;
    min-height: 44px;
    font-size: 1.75rem;
    text-decoration: none;
    transition: transform .25s ease;
}

.navaksa-preview__highlight > a:hover {
    transform: rotate(45deg);
}

.navaksa-preview__contact {
    display: grid;
    gap: 2rem;
    padding: clamp(3.5rem, 6vw, 6rem) clamp(1.25rem, 4vw, 4.5rem);
    color: #fff;
    background: var(--preview-ink);
}

.navaksa-preview__contact h2 {
    margin: 0 0 1.5rem;
    font-size: clamp(2.75rem, 5vw, 5rem);
    font-weight: 500;
    line-height: 1.02;
    letter-spacing: -.055em;
}

.navaksa-preview__contact div > p {
    max-width: 33rem;
    margin: 0;
    line-height: 1.6;
}

.navaksa-preview__contact > a {
    align-self: end;
    justify-self: start;
}

.navaksa-preview__contact .navaksa-preview__button:hover {
    color: var(--preview-ink);
    background: #fff;
    border-color: #fff;
}

.navaksa-preview__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 2rem clamp(1.25rem, 4vw, 4.5rem);
    font-size: .8rem;
}

.navaksa-preview__footer > span:first-child {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -.04em;
}

.navaksa-preview__footer a {
    display: flex;
    align-items: center;
    min-height: 44px;
    text-underline-offset: .25em;
}

.navaksa-preview-family--editorial .navaksa-preview__hero h1,
.navaksa-preview-family--hospitality .navaksa-preview__hero h1,
.navaksa-preview-family--hospitality .navaksa-preview__about h2 {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
    letter-spacing: -.045em;
}

.navaksa-preview-family--hospitality .navaksa-preview__hero {
    justify-content: center;
    text-align: center;
}

.navaksa-preview-family--hospitality .navaksa-preview__hero-copy {
    max-width: 62rem;
}

.navaksa-preview-family--hospitality .navaksa-preview__hero::after {
    background: rgb(0 0 0 / 64%);
}

.navaksa-preview-family--digital .navaksa-preview__hero h1,
.navaksa-preview-family--event .navaksa-preview__hero h1 {
    font-weight: 800;
    letter-spacing: -.075em;
}

.navaksa-preview-family--digital .navaksa-preview__hero-photo {
    left: 40%;
    width: 60%;
}

.navaksa-preview-family--digital .navaksa-preview__hero::after {
    background: linear-gradient(90deg, #1b242c 0%, #1b242c 25%, rgb(27 36 44 / 78%) 65%, rgb(27 36 44 / 45%) 100%);
}

.navaksa-preview-family--event .navaksa-preview__hero {
    min-height: 48rem;
    align-items: flex-end;
}

.navaksa-preview-family--event .navaksa-preview__hero h1 {
    max-width: 70rem;
    font-size: clamp(3.75rem, 8.5vw, 9rem);
}

@media (min-width: 42rem) {
    .navaksa-demo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem 1.5rem;
    }

    .navaksa-demo-cover__copy > strong {
        font-size: clamp(1.75rem, 3.25vw, 3.5rem);
    }

    .navaksa-preview__about {
        grid-template-columns: minmax(9rem, 1fr) minmax(0, 2.5fr);
    }

    .navaksa-preview__contact,
    .navaksa-demos__contact {
        grid-template-columns: minmax(9rem, 1fr) minmax(0, 2.5fr);
    }

    .navaksa-preview__contact > a,
    .navaksa-demos__contact > a {
        grid-column: 2;
    }
}

@media (min-width: 75rem) {
    .navaksa-demos__controls {
        grid-template-columns: minmax(0, 1fr) 18rem;
        gap: 3rem;
    }

    .navaksa-demos__search {
        align-self: start;
    }

    .navaksa-demo-cover {
        aspect-ratio: 1.28;
    }

    .navaksa-demo-cover__masthead {
        padding: 1.75rem 2rem;
    }

    .navaksa-demo-cover__copy {
        left: 2rem;
        bottom: 4rem;
    }

    .navaksa-preview__contact,
    .navaksa-demos__contact {
        grid-template-columns: .7fr 2fr 1.15fr;
        gap: 3rem;
    }

    .navaksa-preview__contact > a,
    .navaksa-demos__contact > a {
        grid-column: auto;
    }

    .navaksa-preview-family--commerce .navaksa-preview__hero {
        color: var(--preview-ink);
        background: var(--preview-ground);
    }

    .navaksa-preview-family--commerce .navaksa-preview__hero-copy {
        width: 44%;
    }

    .navaksa-preview-family--commerce .navaksa-preview__hero h1 {
        font-size: clamp(3.25rem, 4.5vw, 5.5rem);
    }

    .navaksa-preview-family--commerce .navaksa-preview__hero-photo {
        inset: 0 0 0 auto;
        width: 50%;
    }

    .navaksa-preview-family--commerce .navaksa-preview__hero::after {
        inset: 0 0 0 auto;
        width: 50%;
        background: rgb(0 0 0 / 20%);
    }

    .navaksa-preview-family--commerce .navaksa-preview__hero-caption {
        width: 44%;
        right: auto;
    }

    .navaksa-preview-family--commerce .navaksa-preview__hero .navaksa-preview__button:hover {
        color: #fff;
        background: var(--preview-ink);
        border-color: var(--preview-ink);
    }
}

@media (max-width: 41.99rem) {
    .navaksa-demos__intro-top > span:last-child {
        max-width: 8.5rem;
        text-align: right;
    }

    .navaksa-demos__intro-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }

    .navaksa-demos__intro-bottom > a {
        gap: 3rem;
    }

    .navaksa-demo-preview__toolbar {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        padding-top: .35rem;
        padding-bottom: .6rem;
    }

    .navaksa-demo-preview__toolbar > span {
        grid-row: 1;
        padding-top: .65rem;
    }

    .navaksa-demo-preview__toolbar a {
        justify-self: start;
    }

    .navaksa-preview__header nav {
        order: 3;
        width: 100%;
        gap: 2rem;
        border-top: 1px solid var(--preview-ink);
    }

    .navaksa-preview__category {
        margin-left: auto;
    }

    .navaksa-preview__hero,
    .navaksa-preview-family--event .navaksa-preview__hero {
        min-height: 35rem;
        padding-top: 4rem;
        padding-bottom: 6rem;
    }

    .navaksa-preview__hero-copy {
        max-width: 100%;
    }

    .navaksa-preview__hero h1 {
        font-size: clamp(3rem, 12vw, 4.75rem);
    }

    .navaksa-preview-family--digital .navaksa-preview__hero-photo {
        inset: 0;
        width: 100%;
    }

    .navaksa-preview__highlight {
        grid-template-columns: 1.5rem minmax(0, 1fr) 44px;
        gap: .65rem;
    }

    .navaksa-preview__footer {
        display: grid;
        gap: .5rem;
    }
}

@media (hover: none) {
    .navaksa-demo-card__open {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .navaksa-demos *,
    .navaksa-preview * {
        transition: none !important;
    }
}

/* Reference-inspired demo pages. Structure follows captured patterns; copy and media remain Navaksa originals. */
.navaksa-avada {
    --avada-ink: #18202a;
    --avada-muted: #5c6874;
    --avada-paper: #f5f8f8;
    --avada-line: rgba(24, 32, 42, .16);
    --avada-accent: #00BFFF;
    background: var(--avada-paper);
    color: var(--avada-ink);
    overflow: hidden;
}
.navaksa-avada--architecture { --avada-paper: #f3f7f4; }
.navaksa-avada--bakery { --avada-paper: #fff8f2; }
.navaksa-avada--retail { --avada-paper: #fafafa; }
.navaksa-avada--health { --avada-paper: #edf8f8; }
.navaksa-avada--hotel { --avada-paper: #f5f2eb; }
.navaksa-avada--business { --avada-paper: #f4f5fb; }
.navaksa-avada__notice { align-items: center; background: var(--avada-accent); color: #062535; display: flex; font-size: .73rem; gap: 1.2rem; justify-content: center; letter-spacing: .1em; min-height: 2.5rem; padding: .55rem 1.25rem; text-align: center; text-transform: uppercase; }
.navaksa-avada__notice a { color: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: .25em; }
.navaksa-avada__header { align-items: center; background: color-mix(in srgb, var(--avada-paper) 94%, transparent); border-bottom: 1px solid var(--avada-line); display: grid; gap: 2rem; grid-template-columns: minmax(9rem, 1fr) auto minmax(9rem, 1fr); padding: 1.15rem clamp(1.25rem, 4vw, 4rem); position: relative; z-index: 5; }
.navaksa-avada__wordmark { color: inherit; font-size: 1.1rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.navaksa-avada__header nav { display: flex; gap: clamp(1rem, 2.5vw, 2.4rem); justify-content: center; }
.navaksa-avada__header nav a { color: inherit; font-size: .78rem; letter-spacing: .04em; opacity: .78; position: relative; }
.navaksa-avada__header nav a::after { background: currentColor; bottom: -.45rem; content: ''; height: 1px; left: 0; position: absolute; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; width: 100%; }
.navaksa-avada__header nav a:hover { opacity: 1; }
.navaksa-avada__header nav a:hover::after { transform: scaleX(1); }
.navaksa-avada__header-cta { border-bottom: 1px solid currentColor; color: inherit; justify-self: end; font-size: .78rem; letter-spacing: .04em; padding-bottom: .25rem; }
.navaksa-avada__header-cta span, .navaksa-avada__text-link span { color: var(--avada-accent); }
.navaksa-avada__hero { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr); min-height: min(730px, 76vh); position: relative; }
.navaksa-avada__hero-copy { align-self: center; max-width: 45rem; padding: clamp(3.5rem, 9vw, 8rem) clamp(1.25rem, 7vw, 8rem); position: relative; z-index: 2; }
.navaksa-avada__eyebrow { color: var(--avada-muted); font-size: .7rem; font-weight: 700; letter-spacing: .16em; margin: 0 0 1.4rem; text-transform: uppercase; }
.navaksa-avada__hero h1 { font-size: clamp(3.2rem, 7vw, 7rem); font-weight: 500; letter-spacing: -.065em; line-height: .93; margin: 0 0 1.65rem; max-width: 11ch; }
.navaksa-avada__hero-copy > p:not(.navaksa-avada__eyebrow) { color: var(--avada-muted); font-size: 1.06rem; line-height: 1.75; margin: 0 0 2rem; max-width: 34rem; }
.navaksa-avada__button { align-items: center; background: var(--avada-accent); border: 1px solid var(--avada-accent); color: #062535; display: inline-flex; font-size: .78rem; font-weight: 700; gap: 1rem; min-height: 3.25rem; padding: 0 1.35rem; transition: background .25s ease, color .25s ease, transform .25s ease; }
.navaksa-avada__button:hover { background: transparent; color: inherit; transform: translateY(-3px); }
.navaksa-avada__button--light { background: #fff; border-color: #fff; color: #17232d; }
.navaksa-avada__button--light:hover { background: transparent; color: #fff; }
.navaksa-avada__hero-image { height: 100%; min-height: 34rem; object-fit: cover; width: 100%; }
.navaksa-avada__hero-index { bottom: 1.2rem; color: var(--avada-muted); font-size: .68rem; letter-spacing: .12em; position: absolute; right: 1.4rem; }
.navaksa-avada__hero-quote { align-self: center; border-left: 1px solid var(--avada-accent); margin: 2rem clamp(1.25rem, 6vw, 7rem) 2rem 0; padding: 1rem 0 1rem 2rem; position: relative; z-index: 2; }
.navaksa-avada__hero-quote blockquote { font-size: clamp(1.7rem, 3vw, 3.1rem); letter-spacing: -.04em; line-height: 1.05; margin: 0 0 1.2rem; max-width: 12ch; }
.navaksa-avada__hero-quote figcaption { color: var(--avada-muted); font-size: .78rem; }
.navaksa-avada__booking, .navaksa-avada__hours { align-self: end; background: rgba(7, 30, 33, .84); color: #fff; margin: 0 0 3rem -7rem; max-width: 30rem; padding: 2.4rem; position: relative; z-index: 3; }
.navaksa-avada__booking h2, .navaksa-avada__hours h2 { font-size: 1.5rem; letter-spacing: -.04em; margin: 0 0 1.6rem; }
.navaksa-avada__booking-fields { border-bottom: 1px solid rgba(255, 255, 255, .45); display: grid; gap: .8rem; grid-template-columns: repeat(3, 1fr); margin-bottom: 1.5rem; padding-bottom: 1rem; }
.navaksa-avada__booking-fields span { font-size: .74rem; }
.navaksa-avada__hours { align-self: center; background: rgba(0, 191, 255, .32); margin: 0 -5rem 0 0; padding: 2.2rem; }
.navaksa-avada__hours p { border-top: 1px solid rgba(255, 255, 255, .4); display: flex; font-size: .84rem; justify-content: space-between; margin: 0; padding: .9rem 0; }
.navaksa-avada__hero .navaksa-avada__hours + .navaksa-avada__hero-image { filter: brightness(.72); grid-column: 2; grid-row: 1; }
.navaksa-avada--hotel .navaksa-avada__hero, .navaksa-avada--business .navaksa-avada__hero { background: #142929; color: #fff; }
.navaksa-avada--business .navaksa-avada__hero { background: #161829; }
.navaksa-avada--hotel .navaksa-avada__hero-copy > p:not(.navaksa-avada__eyebrow), .navaksa-avada--business .navaksa-avada__hero-copy > p:not(.navaksa-avada__eyebrow) { color: rgba(255, 255, 255, .72); }
.navaksa-avada--hotel .navaksa-avada__hero-image, .navaksa-avada--business .navaksa-avada__hero-image { filter: brightness(.58); grid-column: 2; grid-row: 1; }
.navaksa-avada--hotel .navaksa-avada__hero-copy, .navaksa-avada--business .navaksa-avada__hero-copy { grid-column: 1 / -1; grid-row: 1; max-width: 48rem; }
.navaksa-avada--hotel .navaksa-avada__booking, .navaksa-avada--business .navaksa-avada__booking { grid-column: 1; grid-row: 1; justify-self: end; margin: 0 4rem 3rem 0; }
.navaksa-avada--business .navaksa-avada__hero-copy { align-self: end; padding-bottom: 6rem; }
.navaksa-avada__statement, .navaksa-avada__catalog, .navaksa-avada__service-grid, .navaksa-avada__properties, .navaksa-avada__process { margin: 0 auto; max-width: 90rem; padding: clamp(5rem, 10vw, 10rem) clamp(1.25rem, 5vw, 5rem); }
.navaksa-avada__statement { display: grid; gap: 2rem 4rem; grid-template-columns: minmax(8rem, .35fr) minmax(0, 1fr); }
.navaksa-avada__statement h2 { font-size: clamp(2.5rem, 5vw, 5.4rem); font-weight: 500; letter-spacing: -.065em; line-height: .96; margin: 0 0 1.4rem; max-width: 11ch; }
.navaksa-avada__statement > h2, .navaksa-avada__statement > p:last-child { grid-column: 2; }
.navaksa-avada__statement > p:last-child { color: var(--avada-muted); font-size: 1.05rem; line-height: 1.8; margin: 0; max-width: 38rem; }
.navaksa-avada__section-heading { display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 3rem; }
.navaksa-avada__section-heading h2 { font-size: clamp(2.3rem, 4.7vw, 5rem); font-weight: 500; letter-spacing: -.06em; line-height: .95; margin: 0; max-width: 12ch; }
.navaksa-avada__product-grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.navaksa-avada__product-image { aspect-ratio: .82; background: #dbe2e3; overflow: hidden; }
.navaksa-avada__product-image img { height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.22,.61,.36,1); width: 100%; }
.navaksa-avada__product:hover .navaksa-avada__product-image img { transform: scale(1.06); }
.navaksa-avada__product-meta { display: grid; gap: .38rem; padding: .95rem 0; }
.navaksa-avada__product-meta span, .navaksa-avada__product-meta strong { color: var(--avada-muted); font-size: .72rem; font-weight: 500; }
.navaksa-avada__product-meta h3 { font-size: 1.15rem; margin: 0; }
.navaksa-avada__product-meta strong { color: var(--avada-ink); }
.navaksa-avada__collections { display: grid; gap: 1.2rem; grid-template-columns: repeat(2, 1fr); padding: 1.2rem; }
.navaksa-avada__collections article { align-items: end; background: linear-gradient(180deg, transparent 25%, rgba(0, 0, 0, .7)), var(--collection-image) center / cover; color: #fff; display: flex; min-height: 40rem; overflow: hidden; padding: clamp(1.6rem, 4vw, 4rem); transition: transform .5s ease; }
.navaksa-avada__collections article:hover { transform: translateY(-6px); }
.navaksa-avada__collections article > div { width: 100%; }
.navaksa-avada__collections span { font-size: .75rem; letter-spacing: .15em; }
.navaksa-avada__collections h2 { font-size: clamp(2.5rem, 5vw, 5rem); letter-spacing: -.065em; line-height: .92; margin: .8rem 0 1.2rem; }
.navaksa-avada__collections a { border-bottom: 1px solid rgba(255, 255, 255, .8); font-size: .82rem; padding-bottom: .35rem; }
.navaksa-avada__number-grid { display: grid; gap: 0 1rem; grid-template-columns: repeat(3, 1fr); }
.navaksa-avada__number-grid article { border-top: 1px solid var(--avada-line); min-height: 14rem; padding: 1.3rem 1rem 1.3rem 0; position: relative; }
.navaksa-avada__number-grid article > span { color: var(--avada-accent); font-size: .75rem; font-weight: 700; }
.navaksa-avada__number-grid h3 { font-size: 1.45rem; letter-spacing: -.03em; margin: 2.5rem 0 .7rem; max-width: 10ch; }
.navaksa-avada__number-grid p { color: var(--avada-muted); font-size: .9rem; line-height: 1.65; margin: 0; max-width: 18rem; }
.navaksa-avada__number-grid article > a { bottom: 1.3rem; color: var(--avada-accent); font-size: 1.35rem; position: absolute; right: 0; }
.navaksa-avada__property-grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(3, 1fr); }
.navaksa-avada__property-grid article { border-top: 1px solid var(--avada-line); }
.navaksa-avada__property-grid img { aspect-ratio: 1.12; display: block; object-fit: cover; width: 100%; }
.navaksa-avada__property-grid article > div { padding: 1.2rem 0; }
.navaksa-avada__property-grid span, .navaksa-avada__property-grid p { color: var(--avada-muted); font-size: .75rem; }
.navaksa-avada__property-grid h3 { font-size: 1.55rem; margin: .45rem 0; }
.navaksa-avada__property-grid p { margin: 0 0 1rem; }
.navaksa-avada__property-grid a { border-bottom: 1px solid currentColor; font-size: .78rem; padding-bottom: .25rem; }
.navaksa-avada__people { align-items: center; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); margin: 0 auto; max-width: 90rem; padding: clamp(5rem, 10vw, 10rem) clamp(1.25rem, 5vw, 5rem); }
.navaksa-avada__people-image { aspect-ratio: 1 / .84; overflow: hidden; }
.navaksa-avada__people-image img { height: 100%; object-fit: cover; width: 100%; }
.navaksa-avada__people h2 { font-size: clamp(2.5rem, 5vw, 5.2rem); letter-spacing: -.065em; line-height: .93; margin: 0 0 2rem; max-width: 10ch; }
.navaksa-avada__people-list { border-top: 1px solid var(--avada-line); }
.navaksa-avada__people-list a { align-items: center; border-bottom: 1px solid var(--avada-line); display: flex; font-size: .95rem; justify-content: space-between; padding: 1rem 0; }
.navaksa-avada__people-list b { color: var(--avada-accent); font-size: 1.2rem; font-weight: 400; }
.navaksa-avada__steps { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); }
.navaksa-avada__steps article { border-top: 1px solid var(--avada-line); padding-top: 1rem; }
.navaksa-avada__steps span { color: var(--avada-accent); font-size: .75rem; }
.navaksa-avada__steps h3 { font-size: 1.25rem; margin: 2.6rem 0 .6rem; }
.navaksa-avada__steps p { color: var(--avada-muted); font-size: .85rem; line-height: 1.65; margin: 0; max-width: 18rem; }
.navaksa-avada__quote { background: var(--avada-accent); color: #062535; padding: clamp(5rem, 10vw, 9rem) clamp(1.25rem, 11vw, 12rem); }
.navaksa-avada__quote p { font-size: clamp(2.4rem, 5vw, 5.6rem); letter-spacing: -.065em; line-height: .95; margin: 0 0 2rem; max-width: 13ch; }
.navaksa-avada__quote span { font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.navaksa-avada__locations { align-items: center; display: grid; gap: clamp(2rem, 8vw, 9rem); grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); margin: 0 auto; max-width: 90rem; padding: clamp(5rem, 10vw, 10rem) clamp(1.25rem, 5vw, 5rem); }
.navaksa-avada__locations h2 { font-size: clamp(2.4rem, 5vw, 5rem); letter-spacing: -.065em; line-height: .94; margin: 0 0 1.4rem; }
.navaksa-avada__locations p:not(.navaksa-avada__eyebrow) { color: var(--avada-muted); font-size: 1rem; line-height: 1.75; margin: 0 0 1.6rem; max-width: 27rem; }
.navaksa-avada__locations img { aspect-ratio: 1.22; height: auto; object-fit: cover; width: 100%; }
.navaksa-avada__text-link { border-bottom: 1px solid currentColor; font-size: .8rem; padding-bottom: .35rem; }
.navaksa-avada__contact { background: #17232d; color: #fff; padding: clamp(5rem, 11vw, 11rem) clamp(1.25rem, 12vw, 13rem); }
.navaksa-avada__contact .navaksa-avada__eyebrow { color: rgba(255, 255, 255, .64); }
.navaksa-avada__contact h2 { font-size: clamp(3rem, 7vw, 7.5rem); letter-spacing: -.07em; line-height: .9; margin: 0 0 1.3rem; max-width: 10ch; }
.navaksa-avada__contact > p:not(.navaksa-avada__eyebrow) { color: rgba(255, 255, 255, .7); font-size: 1rem; line-height: 1.7; margin: 0 0 2rem; max-width: 32rem; }
.navaksa-avada__footer { align-items: center; background: #0d161d; color: #fff; display: flex; flex-wrap: wrap; font-size: .72rem; gap: 1rem 2rem; justify-content: space-between; padding: 1.4rem clamp(1.25rem, 5vw, 5rem); }
.navaksa-avada__footer > span:first-child { font-size: .9rem; font-weight: 800; letter-spacing: .14em; }
.navaksa-avada__footer a { color: var(--avada-accent); }
@media (max-width: 860px) {
    .navaksa-avada__header { grid-template-columns: 1fr auto; }
    .navaksa-avada__header nav { display: none; }
    .navaksa-avada__hero { grid-template-columns: 1fr; min-height: auto; }
    .navaksa-avada__hero-copy { padding: 5rem 1.25rem 3rem; }
    .navaksa-avada__hero-image { grid-column: 1 !important; grid-row: auto !important; min-height: 23rem; }
    .navaksa-avada__hero-quote { margin: 0 1.25rem 3rem; }
    .navaksa-avada__booking, .navaksa-avada__hours { grid-column: 1; grid-row: auto; justify-self: stretch; margin: -2rem 1.25rem 2rem; max-width: none; }
    .navaksa-avada--hotel .navaksa-avada__hero-copy, .navaksa-avada--business .navaksa-avada__hero-copy { grid-column: 1; grid-row: auto; }
    .navaksa-avada--business .navaksa-avada__hero-copy { padding-bottom: 3rem; }
    .navaksa-avada__statement, .navaksa-avada__locations, .navaksa-avada__people { grid-template-columns: 1fr; }
    .navaksa-avada__statement > h2, .navaksa-avada__statement > p:last-child { grid-column: 1; }
    .navaksa-avada__section-heading { display: block; }
    .navaksa-avada__product-grid { grid-template-columns: repeat(2, 1fr); }
    .navaksa-avada__number-grid, .navaksa-avada__steps, .navaksa-avada__property-grid { grid-template-columns: repeat(2, 1fr); }
    .navaksa-avada__collections { grid-template-columns: 1fr; }
    .navaksa-avada__collections article { min-height: 28rem; }
}
@media (max-width: 520px) {
    .navaksa-avada__notice { align-items: flex-start; flex-direction: column; gap: .25rem; padding-block: .7rem; }
    .navaksa-avada__header-cta { font-size: .7rem; }
    .navaksa-avada__hero h1 { font-size: clamp(3rem, 15vw, 4.7rem); }
    .navaksa-avada__booking-fields { grid-template-columns: 1fr; }
    .navaksa-avada__product-grid, .navaksa-avada__number-grid, .navaksa-avada__steps, .navaksa-avada__property-grid { grid-template-columns: 1fr; }
    .navaksa-avada__product-image { aspect-ratio: 1.1; }
    .navaksa-avada__footer { align-items: flex-start; flex-direction: column; }
}