:root {
    --nv-cv-ink: #050509;
    --nv-cv-night: #080b17;
    --nv-cv-blue: #17284a;
    --nv-cv-violet: #5f386f;
    --nv-cv-crimson: #b9344e;
    --nv-cv-fire: #ef8d4b;
    --nv-cv-bone: #f3eadf;
    --nv-cv-muted: #b7b0bd;
}

.nv-cv {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    overflow: clip;
    background:
        radial-gradient(circle at 72% 12%, rgb(43 67 112 / 0.24), transparent 28rem),
        radial-gradient(circle at 18% 46%, rgb(119 38 70 / 0.12), transparent 24rem),
        linear-gradient(180deg, #050710 0%, #070712 52%, #030307 100%);
    color: var(--nv-cv-bone);
}

.nv-cv::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: 0.13;
    background-image:
        linear-gradient(rgb(255 255 255 / 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgb(255 255 255 / 0.025) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, transparent 0%, black 24%, black 72%, transparent 100%);
}

.nv-cv__ambient {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

.nv-cv__ambient-glow {
    position: absolute;
    top: 42rem;
    left: 50%;
    width: 58rem;
    height: 28rem;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgb(151 53 83 / 0.08);
    filter: blur(90px);
}

.nv-cv__ambient-vignette {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(0 0 0 / 0.2), transparent 24%, transparent 76%, rgb(0 0 0 / 0.24));
}

.nv-cv__shell {
    width: min(1500px, calc(100% - 32px));
    margin-inline: auto;
    padding: 1.25rem 0 5rem;
}

.nv-cv__breadcrumb {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 2.5rem;
    margin: 0 auto 1rem;
    color: #92899a;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.nv-cv__breadcrumb a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #c9bfce;
    transition: color 180ms ease;
}

.nv-cv__breadcrumb a:hover,
.nv-cv__breadcrumb a:focus-visible {
    color: #fff1df;
}

.nv-cv__breadcrumb strong {
    color: #d4a7b5;
}

.nv-cv-hero {
    position: relative;
    min-height: 45rem;
}

.nv-cv-hero__stage {
    --cv-stage-radius: 2rem;
    position: relative;
    isolation: isolate;
    min-height: 43rem;
    overflow: hidden;
    border: 1px solid rgb(231 199 214 / 0.16);
    border-radius: var(--cv-stage-radius);
    background:
        radial-gradient(circle at 68% 22%, rgb(111 144 201 / 0.22), transparent 22rem),
        radial-gradient(circle at 38% 12%, rgb(52 81 146 / 0.16), transparent 16rem),
        linear-gradient(180deg, #060b18 0%, #080d1b 46%, #08070d 100%);
    box-shadow:
        0 2rem 5rem rgb(0 0 0 / 0.54),
        inset 0 0 0 1px rgb(255 255 255 / 0.025),
        inset 0 -8rem 8rem rgb(0 0 0 / 0.42);
}

.nv-cv-hero__stage::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 12;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 8rem rgb(0 0 0 / 0.68);
}

.nv-cv-scene__sky-glow {
    position: absolute;
    z-index: 0;
    top: -11%;
    left: 42%;
    width: 38rem;
    height: 38rem;
    border-radius: 50%;
    background: rgb(126 159 222 / 0.14);
    filter: blur(72px);
}

.nv-cv-scene__stars {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.nv-cv-scene__stars span {
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #d9e6ff;
    box-shadow: 0 0 8px rgb(207 225 255 / 0.7);
    animation: nv-cv-star 4s ease-in-out infinite;
}

.nv-cv-scene__layer,
.nv-cv-scene__fog {
    --cv-parallax-x: 0px;
    --cv-parallax-y: 0px;
    position: absolute;
    pointer-events: none;
    transform: translate3d(var(--cv-parallax-x), var(--cv-parallax-y), 0);
    will-change: transform;
}

.nv-cv-scene__layer img {
    display: block;
    width: 100%;
    height: auto;
    user-select: none;
    -webkit-user-drag: none;
}

.nv-cv-scene__layer--moon {
    z-index: 0;
    top: -15%;
    left: 10%;
    width: 78%;
    opacity: 0.98;
}

.nv-cv-scene__layer--moon img {
    animation: nv-cv-cloud-drift 16s ease-in-out infinite alternate;
}

.nv-cv-scene__layer--distance {
    z-index: 3;
    left: -8%;
    bottom: -10%;
    width: 98%;
    opacity: 0.80;
    filter: saturate(0.68) brightness(0.66) contrast(1.02) blur(0.4px);
}

.nv-cv-scene__layer--castle {
    z-index: 3;
    left: 50%;
    bottom: -12%;
    width: 40%;
    filter: drop-shadow(0 2.2rem 2rem rgb(0 0 0 / 0.62));
}

.nv-cv-scene__layer--bridge {
    z-index: 5;
    left: 43%;
    bottom: -20%;
    width: 48%;
    opacity: 1;
    filter: drop-shadow(0 1.5rem 1.6rem rgb(0 0 0 / 0.5));
}

.nv-cv-scene__layer--left {
    z-index: 8;
    left: 31%;
    bottom: -2%;
    width: 38%;
    filter: drop-shadow(1.4rem 1rem 1.3rem rgb(0 0 0 / 0.62));
}

.nv-cv-scene__layer--right {
    z-index: 9;
    right: -1%;
    bottom: -3%;
    width: 34%;
    filter: drop-shadow(-1.5rem 1.2rem 1.4rem rgb(0 0 0 / 0.68));
}

.nv-cv-scene__fog {
    left: -12%;
    width: 124%;
    height: 15rem;
    border-radius: 50%;
    filter: blur(24px);
    opacity: 0.36;
}

.nv-cv-scene__fog--back {
    z-index: 4;
    bottom: 20%;
    background:
        radial-gradient(ellipse at 36% 58%, rgb(117 139 174 / 0.26), transparent 34%),
        radial-gradient(ellipse at 71% 48%, rgb(95 109 145 / 0.22), transparent 40%);
    animation: nv-cv-fog 14s ease-in-out infinite alternate;
}

.nv-cv-scene__fog--front {
    z-index: 10;
    bottom: -3rem;
    background:
        radial-gradient(ellipse at 20% 38%, rgb(80 91 119 / 0.44), transparent 35%),
        radial-gradient(ellipse at 54% 42%, rgb(99 106 130 / 0.36), transparent 39%),
        radial-gradient(ellipse at 84% 52%, rgb(74 77 101 / 0.32), transparent 34%);
    filter: blur(30px);
    animation: nv-cv-fog-front 11s ease-in-out infinite alternate;
}

.nv-cv-scene__shade {
    position: absolute;
    inset: 0;
    z-index: 11;
    pointer-events: none;
    background:
        radial-gradient(circle at 54% 38%, transparent 0 13rem, rgb(7 8 18 / 0.18) 18rem, transparent 28rem),
        linear-gradient(180deg, rgb(3 3 8 / 0.1) 0%, transparent 30%, rgb(4 3 7 / 0.7) 100%),
        linear-gradient(90deg, rgb(2 2 6 / 0.22) 0%, transparent 14%, transparent 84%, rgb(2 2 6 / 0.22) 100%);
}

.nv-cv-hero__crest {
    position: absolute;
    z-index: 18;
    right: 1.6rem;
    bottom: 1.2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: rgb(218 208 220 / 0.54);
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.nv-cv-hero__crest span {
    width: 1.9rem;
    height: 1px;
    background: currentColor;
}

.nv-cv-hero__scroll {
    position: absolute;
    z-index: 22;
    bottom: -1.15rem;
    left: 50%;
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    transform: translateX(-50%);
    place-items: center;
    border: 1px solid rgb(215 178 191 / 0.2);
    border-radius: 50%;
    background: #08070d;
    color: #cf8ca1;
    text-decoration: none;
    box-shadow: 0 0.8rem 1.6rem rgb(0 0 0 / 0.45);
}

.nv-cv-hero__scroll span {
    animation: nv-cv-scroll 1.8s ease-in-out infinite;
}

.nv-cv-section {
    position: relative;
    padding: clamp(5rem, 8vw, 8rem) clamp(0.4rem, 3vw, 2.4rem);
}

.nv-cv-intro {
    padding-top: clamp(4rem, 7vw, 5.6rem);
    padding-bottom: clamp(3.25rem, 5vw, 4.6rem);
}

.nv-cv-intro__card {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(16rem, 0.7fr);
    gap: 1.25rem;
    align-items: end;
    border: 1px solid rgb(236 206 218 / 0.14);
    border-radius: 1.55rem;
    padding: clamp(1.3rem, 3vw, 2rem);
    background:
        radial-gradient(circle at 12% 22%, rgb(143 47 79 / 0.15), transparent 16rem),
        radial-gradient(circle at 84% 84%, rgb(61 77 132 / 0.18), transparent 15rem),
        linear-gradient(135deg, rgb(9 8 15 / 0.9), rgb(15 10 18 / 0.72));
    box-shadow: 0 1rem 2.5rem rgb(0 0 0 / 0.22);
    backdrop-filter: blur(14px);
}

.nv-cv-intro__copy {
    max-width: 48rem;
}

.nv-cv-hero__eyebrow,
.nv-cv-heading > p,
.nv-cv-finale__copy > p {
    margin: 0 0 0.8rem;
    color: #d99aac;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.nv-cv-intro h1 {
    margin: 0;
    color: #fff8ee;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(3.7rem, 7vw, 7rem);
    font-weight: 700;
    letter-spacing: -0.065em;
    line-height: 0.82;
    text-shadow:
        0 0 1px #fff,
        0 0 2.2rem rgb(195 74 105 / 0.14),
        0 0.45rem 1rem rgb(0 0 0 / 0.44);
}

.nv-cv-intro__tagline {
    max-width: 40rem;
    margin: 1.2rem 0 0;
    color: #f1e7ea;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.12rem, 1.8vw, 1.5rem);
    line-height: 1.45;
}

.nv-cv-intro__aside {
    max-width: 39rem;
    margin: 0.85rem 0 0;
    color: #bcb5c1;
    font-size: 0.96rem;
    line-height: 1.7;
}

.nv-cv-intro__actions,
.nv-cv-finale__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.7rem;
}

.nv-cv-button {
    display: inline-flex;
    min-height: 2.85rem;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 1px solid rgb(238 213 222 / 0.18);
    border-radius: 999px;
    padding: 0.78rem 1.1rem;
    background: rgb(11 9 15 / 0.54);
    color: #eee5e8;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.nv-cv-button:hover,
.nv-cv-button:focus-visible {
    transform: translateY(-2px);
    border-color: rgb(231 173 190 / 0.45);
    background: rgb(54 29 43 / 0.72);
    color: white;
}

.nv-cv-button--primary {
    border-color: rgb(204 79 111 / 0.58);
    background: linear-gradient(135deg, rgb(128 36 64 / 0.9), rgb(81 34 78 / 0.88));
    color: #fff5ed;
    box-shadow: inset 0 0 1.2rem rgb(255 191 159 / 0.07), 0 0.6rem 1.6rem rgb(91 24 48 / 0.18);
}

.nv-cv-heading {
    max-width: 56rem;
}

.nv-cv-heading--center {
    margin-inline: auto;
    text-align: center;
}

.nv-cv-heading h2,
.nv-cv-finale h2 {
    margin: 0;
    color: #fff7ee;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.7rem, 6vw, 5.4rem);
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 0.95;
}

.nv-cv-heading > span {
    display: block;
    max-width: 46rem;
    margin-top: 1.1rem;
    color: #aaa4af;
    font-size: 1rem;
    line-height: 1.75;
}

.nv-cv-heading--center > span {
    margin-inline: auto;
}

.nv-cv-section--castle::before {
    content: '';
    position: absolute;
    top: 8%;
    right: 2%;
    width: 28rem;
    height: 28rem;
    border-radius: 50%;
    background: rgb(106 45 88 / 0.08);
    filter: blur(90px);
    pointer-events: none;
}

.nv-cv-relic-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2.6rem;
    perspective: 900px;
}

.nv-cv-relic {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    position: relative;
    min-height: 14.5rem;
    overflow: hidden;
    border: 1px solid rgb(230 203 214 / 0.13);
    border-radius: 1.3rem;
    padding: 1.5rem;
    background:
        linear-gradient(145deg, rgb(26 20 31 / 0.88), rgb(10 9 15 / 0.86)),
        #0d0b12;
    box-shadow: inset 0 0 2rem rgb(255 255 255 / 0.018);
    transform: rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    transform-style: preserve-3d;
    transition: transform 180ms ease, border-color 180ms ease;
}

.nv-cv-relic:hover {
    border-color: rgb(215 132 157 / 0.28);
}

.nv-cv-relic::after {
    content: '';
    position: absolute;
    right: -3rem;
    bottom: -4rem;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    background: rgb(170 58 90 / 0.08);
    filter: blur(22px);
}

.nv-cv-relic > div {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
    transform: translateZ(20px);
}

.nv-cv-relic h3 {
    margin: 0 0 0.45rem;
    color: #f7ece8;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.5rem;
}

.nv-cv-relic p {
    margin: 0;
    color: #9f99a5;
    line-height: 1.55;
}

.nv-cv-relic__icon {
    display: block;
    color: #a74463;
    font-family: Georgia, serif;
    font-size: 5.5rem;
    line-height: 1;
    opacity: 0.62;
    transform: translateZ(36px);
}

.nv-cv-relic--moon .nv-cv-relic__icon {
    color: #e8e2d6;
    text-shadow: 0 0 2rem rgb(214 224 255 / 0.28);
}

.nv-cv-relic__percent {
    display: block;
    color: #d4c8d1;
    font-family: Georgia, serif;
    font-size: clamp(3.2rem, 6vw, 5.8rem);
    letter-spacing: -0.08em;
    line-height: 0.9;
    opacity: 0.72;
    transform: translateZ(32px);
}

.nv-cv-section--echoes {
    padding-top: 6rem;
}

.nv-cv-memory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 3rem;
}

.nv-cv-memory-card {
    --memory-rotation: 0deg;
    position: relative;
    min-height: 14rem;
    overflow: hidden;
    border: 1px solid rgb(214 189 201 / 0.13);
    border-radius: 1rem;
    padding: 1.25rem 1.25rem 1.45rem;
    background:
        linear-gradient(150deg, rgb(24 17 28 / 0.94), rgb(10 9 14 / 0.92));
    box-shadow: 0 1rem 2rem rgb(0 0 0 / 0.16);
    transform: rotate(var(--memory-rotation));
    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.nv-cv-memory-card::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.2;
    background: repeating-linear-gradient(0deg, transparent 0 10px, rgb(255 255 255 / 0.015) 10px 11px);
}

.nv-cv-memory-card:hover {
    transform: rotate(0deg) translateY(-4px);
    border-color: rgb(205 119 146 / 0.3);
    background: linear-gradient(150deg, rgb(38 23 39 / 0.96), rgb(12 10 16 / 0.94));
}

.nv-cv-memory-card__topline {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #a88491;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.nv-cv-memory-card__topline small {
    color: #77717c;
    font-size: inherit;
}

.nv-cv-memory-card blockquote {
    position: relative;
    z-index: 1;
    margin: 2.2rem 0 1.5rem;
    color: #e8dfe2;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.08rem;
    line-height: 1.68;
}

.nv-cv-memory-card__seal {
    position: absolute;
    right: 1rem;
    bottom: 0.75rem;
    color: #913b57;
    font-size: 1.4rem;
    opacity: 0.65;
}

.nv-cv-memory-card.is-hidden {
    opacity: 0;
    transform: rotate(var(--memory-rotation)) translateY(14px);
}

.nv-cv-memory-card.is-revealed {
    animation: nv-cv-memory-in 430ms ease var(--reveal-delay, 0ms) both;
}

.nv-cv-inline-link {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 2.2rem auto 0;
    border: 0;
    padding: 0.65rem 0.4rem;
    background: transparent;
    color: #d59caf;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
}

.nv-cv-inline-link:hover,
.nv-cv-inline-link:focus-visible {
    color: #fff0e7;
}

.nv-cv-finale {
    position: relative;
    isolation: isolate;
    min-height: 28rem;
    overflow: hidden;
    margin-top: 3rem;
    border: 1px solid rgb(223 194 205 / 0.12);
    border-radius: 2rem;
    display: grid;
    place-items: center;
    padding: 4rem 1.5rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 26%, rgb(110 130 176 / 0.18), transparent 17rem),
        linear-gradient(180deg, rgb(13 15 27 / 0.94), rgb(8 6 11 / 0.98));
}

.nv-cv-finale__moon {
    position: absolute;
    z-index: -2;
    top: 1.5rem;
    left: 50%;
    width: 12rem;
    aspect-ratio: 1;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(circle at 38% 34%, #fffdf1, #d7d9e3 56%, #8e95ae 100%);
    box-shadow: 0 0 4rem rgb(181 203 255 / 0.26);
    opacity: 0.72;
}

.nv-cv-finale__mist {
    position: absolute;
    z-index: -1;
    right: -10%;
    bottom: -3rem;
    left: -10%;
    height: 12rem;
    background: radial-gradient(ellipse at 50% 50%, rgb(118 121 151 / 0.32), transparent 64%);
    filter: blur(28px);
}

.nv-cv-finale__copy {
    max-width: 56rem;
}

.nv-cv-finale__actions {
    justify-content: center;
}

.nv-cv-finale small {
    display: block;
    margin-top: 1.8rem;
    color: #77707b;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[data-cv-reveal] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 720ms ease, transform 720ms cubic-bezier(.2,.7,.2,1);
}

[data-cv-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes nv-cv-cloud-drift {
    from { transform: translate3d(-0.4%, 0, 0) scale(1.01); }
    to { transform: translate3d(0.7%, -0.35%, 0) scale(1.018); }
}

@keyframes nv-cv-fog {
    from { transform: translate3d(-1.5%, 0, 0) scaleX(0.98); opacity: 0.26; }
    to { transform: translate3d(1.5%, -0.4rem, 0) scaleX(1.04); opacity: 0.42; }
}

@keyframes nv-cv-fog-front {
    from { transform: translate3d(1%, 0, 0) scaleX(1.02); opacity: 0.3; }
    to { transform: translate3d(-1.2%, -0.6rem, 0) scaleX(0.96); opacity: 0.46; }
}

@keyframes nv-cv-star {
    0%, 100% { transform: scale(0.72); opacity: 0.18; }
    50% { transform: scale(1.25); opacity: 0.9; }
}

@keyframes nv-cv-scroll {
    0%, 100% { transform: translateY(-2px); opacity: 0.55; }
    50% { transform: translateY(3px); opacity: 1; }
}

@keyframes nv-cv-memory-in {
    from { opacity: 0; transform: rotate(var(--memory-rotation)) translateY(16px) scale(0.98); }
    to { opacity: 1; transform: rotate(var(--memory-rotation)) translateY(0) scale(1); }
}

@media (max-width: 1180px) {
    .nv-cv-hero {
        min-height: 40rem;
    }

    .nv-cv-hero__stage {
        min-height: 38.5rem;
    }

    .nv-cv-scene__layer--distance {
        left: 2%;
        width: 97%;
    }

    .nv-cv-scene__layer--castle {
        left: 34%;
        width: 35%;
    }

    .nv-cv-scene__layer--bridge {
        left: 16%;
        width: 67%;
    }

    .nv-cv-scene__layer--left {
        left: -5%;
        width: 32%;
    }

    .nv-cv-scene__layer--right {
        right: -4%;
        width: 39%;
    }

    .nv-cv-intro__card {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .nv-cv-intro__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 860px) {
    .nv-cv__shell {
        width: min(100% - 20px, 1500px);
        padding-top: 0.75rem;
    }

    .nv-cv-hero {
        min-height: 33rem;
    }

    .nv-cv-hero__stage {
        min-height: 31rem;
        border-radius: 1.4rem;
    }

    .nv-cv-scene__layer--moon {
        top: -2%;
        left: -22%;
        width: 145%;
    }

    .nv-cv-scene__layer--distance {
        left: -21%;
        width: 150%;
        bottom: 12%;
        opacity: 0.4;
    }

    .nv-cv-scene__layer--castle {
        left: 26%;
        bottom: 0%;
        width: 47%;
    }

    .nv-cv-scene__layer--bridge {
        left: -3%;
        bottom: -4%;
        width: 88%;
    }

    .nv-cv-scene__layer--left {
        left: -18%;
        bottom: 1%;
        width: 42%;
        opacity: 0.9;
    }

    .nv-cv-scene__layer--right {
        right: -15%;
        bottom: 0;
        width: 47%;
        opacity: 0.92;
    }

    .nv-cv-scene__shade {
        background:
            linear-gradient(0deg, rgb(3 2 6 / 0.84) 0%, rgb(3 2 6 / 0.2) 40%, transparent 70%),
            linear-gradient(90deg, rgb(2 2 6 / 0.18), transparent 18%, transparent 82%, rgb(2 2 6 / 0.2));
    }

    .nv-cv-hero__crest {
        display: none;
    }

    .nv-cv-relic-grid,
    .nv-cv-memory-grid {
        grid-template-columns: 1fr;
    }

    .nv-cv-relic {
        min-height: 12rem;
    }

    .nv-cv-memory-card {
        min-height: 11rem;
        transform: none;
    }

    .nv-cv-memory-card:hover {
        transform: translateY(-3px);
    }
}

@media (max-width: 560px) {
    .nv-cv__breadcrumb {
        font-size: 0.65rem;
        letter-spacing: 0.08em;
    }

    .nv-cv-hero {
        min-height: 28rem;
    }

    .nv-cv-hero__stage {
        min-height: 26rem;
    }

    .nv-cv-intro h1 {
        font-size: clamp(3rem, 17vw, 5rem);
    }

    .nv-cv-intro__tagline {
        font-size: 1rem;
    }

    .nv-cv-intro__card {
        padding: 1.05rem;
        border-radius: 1rem;
    }

    .nv-cv-intro__actions,
    .nv-cv-finale__actions {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: stretch;
    }

    .nv-cv-button {
        width: 100%;
    }

    .nv-cv-scene__layer--castle {
        left: 23%;
        width: 56%;
    }

    .nv-cv-scene__layer--bridge {
        left: -10%;
        width: 98%;
    }

    .nv-cv-scene__layer--left {
        left: -24%;
        width: 48%;
        opacity: 0.78;
    }

    .nv-cv-scene__layer--right {
        right: -22%;
        width: 53%;
        opacity: 0.84;
    }

    .nv-cv-section {
        padding-block: 4.5rem;
    }

    .nv-cv-finale {
        min-height: 25rem;
        border-radius: 1.4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nv-cv *,
    .nv-cv *::before,
    .nv-cv *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }

    [data-cv-reveal] {
        opacity: 1;
        transform: none;
    }

    .nv-cv-scene__layer,
    .nv-cv-scene__fog {
        transform: none !important;
    }
}

/* Castlevania wall-breaker minigame */
.nv-cv-section--game {
    padding-top: clamp(4.8rem, 8vw, 7rem);
}

.nv-cv-game-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.7rem;
    margin: 2rem auto 1.1rem;
}

.nv-cv-game-steps span {
    display: inline-flex;
    min-height: 2.35rem;
    align-items: center;
    border: 1px solid rgb(223 194 205 / 0.13);
    border-radius: 999px;
    padding: 0.55rem 0.85rem;
    background: rgb(13 11 18 / 0.72);
    color: #b9b0bc;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.nv-cv-game {
    width: min(1180px, 100%);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgb(232 203 214 / 0.15);
    border-radius: 1.5rem;
    background: linear-gradient(180deg, rgb(14 13 22 / 0.96), rgb(7 6 10 / 0.98));
    box-shadow:
        0 2rem 4.5rem rgb(0 0 0 / 0.32),
        inset 0 0 0 1px rgb(255 255 255 / 0.018);
}

.nv-cv-game__chrome {
    display: flex;
    min-height: 3.65rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgb(232 203 214 / 0.1);
    padding: 0.8rem 1rem;
    background:
        linear-gradient(90deg, rgb(90 29 49 / 0.22), transparent 34%),
        rgb(8 8 13 / 0.88);
}

.nv-cv-game__status {
    min-width: 0;
    margin: 0;
    color: #d7cdd3;
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.35;
}

.nv-cv-game__restart {
    display: none;
    flex: 0 0 auto;
    min-height: 2.35rem;
    border: 1px solid rgb(205 100 128 / 0.4);
    border-radius: 999px;
    padding: 0.52rem 0.85rem;
    background: linear-gradient(135deg, rgb(103 31 55 / 0.88), rgb(57 29 65 / 0.9));
    color: #fff2e9;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
}

.nv-cv-game__restart.is-visible {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.nv-cv-game__viewport {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #07070c;
}

.nv-cv-game__viewport::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    border: 1px solid rgb(255 255 255 / 0.018);
    box-shadow: inset 0 0 5rem rgb(0 0 0 / 0.36);
}

.nv-cv-game canvas {
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    cursor: grab;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}

.nv-cv-game canvas:active {
    cursor: grabbing;
}

.nv-cv-game canvas:focus-visible {
    box-shadow: inset 0 0 0 3px rgb(216 138 162 / 0.45);
}

.nv-cv-game__mobile-note {
    display: none;
    max-width: 42rem;
    margin: 1rem auto 0;
    color: #827b87;
    font-size: 0.78rem;
    line-height: 1.55;
    text-align: center;
}

@media (max-width: 860px) {
    .nv-cv-game {
        border-radius: 1rem;
    }

    .nv-cv-game__chrome {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.65rem;
    }

    .nv-cv-game__mobile-note {
        display: block;
    }
}

@media (max-width: 560px) {
    .nv-cv-game-steps {
        display: grid;
        grid-template-columns: 1fr;
    }

    .nv-cv-game-steps span {
        justify-content: center;
    }

    .nv-cv-game__viewport {
        min-height: 20rem;
        aspect-ratio: 16 / 10;
    }

    .nv-cv-game canvas {
        object-fit: contain;
    }
}