#section-feature-video {
        position: relative;
        overflow: visible;
        isolation: isolate;
        background: #fffaf4;
        --hfv-laptop-height: clamp(380px, 52svh, 520px);
        --hfv-frame-aspect: 4 / 3;
        --hfv-frame: 4px;
    }
    #section-feature-video > .container {
        position: relative;
        z-index: 2;
    }
    @keyframes hfvDoodleFloat {
        0%,
        100% {
            transform: translate3d(0, 0, 0) rotate(var(--hfv-doodle-rotate, 0deg));
        }
        50% {
            transform: translate3d(0, -10px, 0) rotate(calc(var(--hfv-doodle-rotate, 0deg) + 3deg));
        }
    }
    #section-feature-video .hfv-doodle {
        position: absolute;
        z-index: 1;
        pointer-events: none;
        user-select: none;
        opacity: 0.85;
        transform-origin: center;
        animation: hfvDoodleFloat 6s ease-in-out infinite;
        animation-delay: var(--hfv-doodle-delay, 0s);
    }
    #section-feature-video .hfv-doodle--star {
        top: 1.25rem;
        left: 2%;
        width: 52px;
        --hfv-doodle-rotate: -12deg;
        --hfv-doodle-delay: -0.8s;
    }
    #section-feature-video .hfv-doodle--deco4 {
        top: -5.5rem;
        right: 2%;
        width: clamp(80px, 10vw, 120px);
        opacity: 0.9;
        z-index: 3;
        --hfv-doodle-rotate: 6deg;
        --hfv-doodle-delay: -1.6s;
    }
    #section-feature-video .hfv-doodle--flower {
        bottom: 2rem;
        right: 4%;
        width: 56px;
        --hfv-doodle-rotate: 8deg;
        --hfv-doodle-delay: -1.1s;
    }
    #section-feature-video .hfv-grid {
        display: grid;
        grid-template-columns: minmax(0, min(34rem, 100%)) minmax(0, 1fr);
        justify-content: start;
        align-items: center;
        column-gap: clamp(1.25rem, 3vw, 2rem);
        height: var(--hfv-laptop-height);
    }
    #section-feature-video .hfv-copy {
        display: flex;
        align-items: center;
    }
    #section-feature-video .hfv-copy-inner {
        width: 100%;
        max-width: 34rem;
    }
    #section-feature-video .hfv-copy-inner .hl {
        position: relative;
        color: #e0701f;
        white-space: nowrap;
    }
    #section-feature-video .hfv-copy-inner .hl::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0.06em;
        height: 0.34em;
        border-radius: 6px;
        background: #ffdcb4;
        z-index: -1;
    }
    #section-feature-video .hfv-slider {
        width: fit-content;
        max-width: 100%;
        justify-self: center;
    }
    #section-feature-video .hfv-slider-viewport {
        overflow: hidden;
    }
    #section-feature-video .hfv-slider-track {
        display: flex;
        transition: transform 0.45s ease;
        will-change: transform;
    }
    #section-feature-video .hfv-slide {
        flex: 0 0 100%;
        width: 100%;
    }
    #section-feature-video .hfv-slider-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
        margin-top: 1rem;
    }
    #section-feature-video .hfv-slider-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.25rem;
        height: 2.25rem;
        padding: 0;
        border: 1px solid rgba(36, 26, 18, 0.12);
        border-radius: 999px;
        background: #ffffff;
        color: #241a12;
        box-shadow: 0 8px 18px -14px rgba(36, 26, 18, 0.35);
        transition: background-color 0.2s ease, border-color 0.2s ease;
    }
    #section-feature-video .hfv-slider-btn:hover {
        background: #fff4e8;
        border-color: rgba(224, 112, 31, 0.28);
    }
    #section-feature-video .hfv-slider-btn:disabled {
        opacity: 0.45;
        cursor: not-allowed;
    }
    #section-feature-video .hfv-slider-dots {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
    }
    #section-feature-video .hfv-slider-dot {
        width: 0.55rem;
        height: 0.55rem;
        padding: 0;
        border: 0;
        border-radius: 999px;
        background: rgba(36, 26, 18, 0.18);
        transition: transform 0.2s ease, background-color 0.2s ease;
    }
    #section-feature-video .hfv-slider-dot.is-active {
        background: #e0701f;
        transform: scale(1.15);
    }
    #section-feature-video .hfv-media-wrap {
        width: fit-content;
        padding: var(--hfv-frame);
        background: #ffffff;
        border-radius: 1.3rem;
        box-shadow:
            0 0 0 1px rgba(36, 26, 18, 0.06),
            0 18px 36px -24px rgba(36, 26, 18, 0.28);
    }
    #section-feature-video .hfv-media {
        position: relative;
        height: var(--hfv-laptop-height);
        width: calc(var(--hfv-laptop-height) * (4 / 3));
        padding: 0;
        margin: 0;
        overflow: hidden;
        background: #120c07;
        border-radius: calc(1.3rem - var(--hfv-frame));
    }
    #section-feature-video .hfv-media-bg,
    #section-feature-video .hfv-media-main {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: calc(1.3rem - var(--hfv-frame));
    }
    #section-feature-video .hfv-media-bg {
        z-index: 1;
        object-fit: cover;
        object-position: center;
        filter: blur(22px);
        transform: scale(1.12);
        opacity: 0.8;
        pointer-events: none;
    }
    #section-feature-video .hfv-media::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        background: linear-gradient(90deg, rgba(18, 12, 7, 0.28), rgba(18, 12, 7, 0.08) 18%, rgba(18, 12, 7, 0.08) 82%, rgba(18, 12, 7, 0.28));
        pointer-events: none;
    }
    #section-feature-video .hfv-media-main {
        z-index: 3;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0;
        aspect-ratio: var(--hfv-frame-aspect);
        object-fit: contain;
        object-position: center;
        border-radius: calc(1.3rem - var(--hfv-frame));
    }
    @media (max-width: 991.98px) {
        #section-feature-video .hfv-grid {
            grid-template-columns: minmax(0, 1fr);
            height: auto;
            gap: clamp(1.25rem, 3.5vw, 1.75rem);
        }
        #section-feature-video .hfv-slider {
            margin-inline: auto;
        }
        #section-feature-video .hfv-media {
            --hfv-mobile-height: clamp(280px, 68vw, 420px);
            height: var(--hfv-mobile-height);
            width: calc(var(--hfv-mobile-height) * (4 / 3));
        }
        #section-feature-video .hfv-doodle--deco4 {
            top: -3.5rem;
            width: 72px;
            right: 1%;
        }
        #section-feature-video .hfv-doodle--flower {
            display: none;
        }
    }
    #section-feature-video [data-hfv-reveal] {
        opacity: 0;
        transform: translateY(18px);
        transition:
            opacity 0.45s ease-out,
            transform 0.45s ease-out;
        transition-delay: var(--hfv-reveal-delay, 0ms);
        will-change: opacity, transform;
    }
    #section-feature-video .hfv-reveal--0 {
        --hfv-reveal-delay: 0ms;
    }
    #section-feature-video .hfv-reveal--70 {
        --hfv-reveal-delay: 70ms;
    }
    #section-feature-video .hfv-reveal--120 {
        --hfv-reveal-delay: 120ms;
    }
    #section-feature-video .hfv-reveal--140 {
        --hfv-reveal-delay: 140ms;
    }
    #section-feature-video [data-hfv-reveal].is-in {
        opacity: 1;
        transform: none;
    }
    @media (prefers-reduced-motion: reduce) {
        #section-feature-video .hfv-doodle {
            animation: none;
        }
        #section-feature-video [data-hfv-reveal] {
            opacity: 1;
            transform: none;
            transition: none;
        }
        #section-feature-video .hfv-slider-track {
            transition: none;
        }
    }