:root {
            --ll-black: #111111;
            --ll-white: #FFFFFF;
            --ll-muted: #6B7075;
            --ll-border: #D8D8D8;
            --ll-grey: #F7F7F5;
            --ll-dark-grey: #3F3F3F;
        }


        * {
            box-sizing: border-box;
        }


        body {
            margin: 0;
            color: var(--ll-black);
            background: var(--ll-grey);
            font-family: "Museo Sans", "MuseoSans", "Instrument Sans", Arial, sans-serif;
            font-weight: 300;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
        }


        a {
            color: inherit;
            text-decoration: none;
        }


        img {
            display: block;
            max-width: 100%;
        }


        .ll-announcement {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            padding: 12px 20px;
            color: #FFFFFF;
            background: #000000;
            font-size: 13px;
            letter-spacing: 4px;
            line-height: 1.25;
            text-align: center;
            text-transform: uppercase;
        }


        .ll-header {
            position: sticky;
            top: 0;
            z-index: 1000;
            background: #FFFFFF;
            border-bottom: 1px solid #E7E1D7;
            transition: box-shadow .2s ease, border-color .2s ease;
            -webkit-user-select: none;
            user-select: none;
        }


        .ll-header-inner {
            position: relative;
            display: block;
            min-height: 140px;
            max-width: 1320px;
            margin: 0 auto;
            padding: 18px 0 16px;
            transition: min-height .2s ease, padding .2s ease;
        }


        .ll-logo {
            display: flex;
            width: max-content;
            justify-content: center;
            margin: 0 auto 18px;
        }


        .ll-logo img {
            width: auto;
            max-height: 66px;
            height: auto;
        }


        .ll-search {
            position: absolute;
            left: 18px;
            bottom: 16px;
            display: inline-flex;
            width: 42px;
            height: 42px;
            align-items: center;
            justify-content: center;
            color: #111111;
            font-size: 25px;
            line-height: 1;
        }


        .ll-nav {
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: calc(100% - 430px);
            gap: 24px;
            margin: 0 auto;
            padding-top: 0;
        }


        .ll-nav a,
        .ll-nav-trigger {
            color: #111111;
            font-size: 15px;
            font-weight: 300;
            letter-spacing: .55px;
            line-height: 1.25;
            text-transform: uppercase;
            white-space: nowrap;
            -webkit-user-select: none;
            user-select: none;
        }


        .ll-nav a:hover,
        .ll-nav a.is-active,
        .ll-nav-trigger:hover {
            opacity: .56;
        }


        .ll-nav-item {
            position: static;
        }


        .ll-nav-trigger {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            border: 0;
            padding: 0;
            background: transparent;
        }


        .ll-nav-dropdown {
            position: fixed;
            top: 196px;
            left: 50%;
            z-index: 1001;
            display: grid;
            grid-template-columns: minmax(280px, 420px) repeat(3, minmax(0, 1fr));
            gap: 46px;
            width: min(90vw, 1700px);
            padding: 30px;
            border: 1px solid #111111;
            color: #111111;
            background: #EFEFEF;
            opacity: 0;
            pointer-events: none;
            transform: translateX(-50%) translateY(8px);
            transition: opacity .18s ease, transform .18s ease;
        }


        .ll-nav-item:hover .ll-nav-dropdown,
        .ll-nav-item:focus-within .ll-nav-dropdown {
            opacity: 1;
            pointer-events: auto;
            transform: translateX(-50%) translateY(0);
        }


        .ll-nav-dropdown-media {
            position: relative;
            min-height: 330px;
            overflow: hidden;
        }


        .ll-nav-dropdown-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }


        .ll-nav-dropdown-media span {
            position: absolute;
            right: 22px;
            bottom: 22px;
            left: 22px;
            color: #FFFFFF;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 30px;
            line-height: 1.05;
        }


        .ll-nav-dropdown-column {
            display: grid;
            align-content: start;
            gap: 34px;
            padding-left: 28px;
            border-left: 1px solid #CFCFCF;
        }


        .ll-nav-dropdown-column a {
            display: grid;
            gap: 8px;
            font-size: 24px;
            letter-spacing: 0;
            line-height: 1.12;
            text-transform: uppercase;
            white-space: normal;
        }


        .ll-nav-dropdown-column span {
            color: #666666;
            font-size: 18px;
            line-height: 1.35;
            text-transform: none;
            white-space: normal;
        }


        .ll-actions {
            position: absolute;
            right: 18px;
            bottom: 16px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 18px;
        }


        .ll-action {
            position: relative;
            display: inline-flex;
            width: 34px;
            height: 42px;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }


        .ll-action span {
            position: absolute;
            top: 0;
            right: -6px;
            min-width: 18px;
            height: 18px;
            padding: 0 5px;
            border-radius: 999px;
            color: #FFFFFF;
            background: #000000;
            font-size: 10px;
            line-height: 18px;
            text-align: center;
        }


        .ll-hero {
            padding: 56px 28px 42px;
            text-align: center;
        }


        .ll-hero h1 {
            margin: 0;
            color: #111111;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(46px, 4.8vw, 72px);
            font-weight: 400;
            line-height: 1;
            letter-spacing: 0;
        }


        .ll-hero p {
            max-width: 1040px;
            margin: 24px auto 0;
            color: #111111;
            font-size: clamp(18px, 1.55vw, 25px);
            line-height: 1.55;
        }


        .ll-hero-link {
            display: inline-flex;
            margin-top: 42px;
            padding-bottom: 8px;
            border-bottom: 3px solid #111111;
            color: #111111;
            font-size: 19px;
            font-weight: 300;
            letter-spacing: 2px;
            line-height: 1;
            text-transform: uppercase;
        }


        .ll-collections {
            padding: 18px 58px 96px;
            background: var(--ll-grey);
        }


        .ll-collections-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 34px;
            max-width: 1760px;
            margin: 0 auto;
        }


        .ll-collection-card {
            position: relative;
            height: clamp(470px, 28vw, 610px);
            overflow: hidden;
            background: #DADADA;
        }


        .ll-collection-card::after {
            position: absolute;
            inset: 0;
            content: "";
            background: linear-gradient(180deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .12) 46%, rgba(0, 0, 0, .62) 100%);
            pointer-events: none;
        }


        .ll-collection-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .8s ease;
        }


        .ll-collection-card:hover img {
            transform: scale(1.045);
        }


        .ll-collection-card.is-accented {
            display: grid;
            grid-template-columns: 46% 54%;
        }


        .ll-collection-card.is-accented::after {
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .66) 100%);
        }


        .ll-collection-panel {
            position: relative;
            z-index: 1;
            display: flex;
            min-width: 0;
            height: 100%;
            flex-direction: column;
            justify-content: space-between;
            padding: 34px 28px 30px;
            color: #FFFFFF;
            background: var(--collection-accent, #B79243);
        }


        .ll-collection-panel p {
            margin: 0;
            font-size: clamp(14px, .8vw, 16px);
            line-height: 1.35;
        }


        .ll-collection-panel span {
            display: block;
            margin-bottom: 10px;
            font-size: 14px;
            letter-spacing: 1.8px;
            text-transform: uppercase;
        }


        .ll-collection-panel h2 {
            margin: 0;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(32px, 2.4vw, 54px);
            font-weight: 400;
            line-height: .94;
        }


        .ll-collection-media {
            position: relative;
            height: 100%;
            overflow: hidden;
        }


        .ll-collection-content {
            position: absolute;
            right: 26px;
            bottom: 22px;
            left: 26px;
            z-index: 2;
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 18px;
            color: #FFFFFF;
        }


        .ll-collection-content h2 {
            max-width: 88%;
            margin: 0;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(27px, 2vw, 40px);
            font-weight: 400;
            line-height: 1.04;
        }


        .ll-arrow {
            flex: 0 0 auto;
            font-family: Arial, sans-serif;
            font-size: 32px;
            line-height: 1;
        }


        .ll-footer {
            color: var(--ll-footer-text);
            background: var(--ll-footer-main-bg);
        }


        .ll-community {
            padding: 42px 20px 52px;
            color: #111111;
            background: #F3F3F3;
            text-align: center;
        }


        .ll-community h2 {
            margin: 0 0 18px;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 32px;
            font-weight: 400;
        }


        .ll-community p {
            max-width: 760px;
            margin: 0 auto;
            color: #2F2F2F;
            font-size: 18px;
            line-height: 1.5;
        }


        .ll-newsletter {
            padding: 52px 58px;
            background: var(--ll-footer-newsletter-bg);
        }


        .ll-newsletter-grid,
        .ll-footer-grid {
            display: grid;
            grid-template-columns: 1.1fr .9fr;
            gap: 70px;
            max-width: 1760px;
            margin: 0 auto;
        }


        .ll-newsletter h3 {
            margin: 0 0 18px;
            color: #FFFFFF;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 34px;
            font-weight: 400;
        }


        .ll-newsletter p,
        .ll-newsletter small {
            color: #FFFFFF;
            font-size: 18px;
            line-height: 1.45;
        }


        .ll-newsletter p {
            margin: 0;
        }


        .ll-newsletter a {
            color: #FFFFFF;
            text-decoration: underline;
        }


        .ll-newsletter-form {
            display: grid;
            grid-template-columns: 1fr 138px;
            gap: 12px;
            margin-bottom: 14px;
        }


        .ll-newsletter-form input,
        .ll-newsletter-form button {
            min-height: 58px;
            border-radius: 0;
            font-size: 19px;
        }


        .ll-newsletter-form input {
            border: 1px solid #D8D8D8;
            padding: 0 18px;
            color: #111111;
            background: #FFFFFF;
        }


        .ll-newsletter-form button {
            border: 1px solid #000000;
            color: #FFFFFF;
            background: #000000;
        }


        .ll-footer-main {
            padding: 72px 58px 42px;
            background: var(--ll-footer-main-bg);
        }


        .ll-footer-grid {
            grid-template-columns: 1.8fr .6fr .8fr 1fr;
            gap: 80px;
        }


        .ll-footer h4 {
            margin: 0 0 30px;
            color: #FFFFFF;
            font-size: 17px;
            font-weight: 300;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }


        .ll-footer p,
        .ll-footer a,
        .ll-footer-bottom {
            color: #D8D8D8;
            font-size: 18px;
            line-height: 1.5;
        }


        .ll-footer-links {
            display: grid;
            gap: 18px;
            margin: 0;
            padding: 0;
            list-style: none;
        }


        .ll-store-buttons {
            display: flex;
            gap: 16px;
            margin-bottom: 30px;
        }


        .ll-store-button {
            display: inline-flex;
            min-height: 40px;
            align-items: center;
            gap: 8px;
            padding: 8px 12px;
            border-radius: 6px;
            color: #FFFFFF !important;
            background: #000000;
            font-size: 12px !important;
            line-height: 1.1 !important;
        }


        .ll-store-button i {
            font-size: 20px;
        }


        .ll-store-button strong {
            display: block;
            font-size: 15px;
            font-weight: 400;
        }


        .ll-footer-app-links {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 26px;
        }


        .ll-footer-app-links a {
            text-decoration: underline;
        }


        .ll-footer-bottom {
            display: flex;
            justify-content: space-between;
            max-width: 1760px;
            margin: 58px auto 0;
            padding-top: 22px;
            border-top: 1px solid rgba(255, 255, 255, .12);
        }


        .ll-footer-social {
            display: flex;
            gap: 18px;
        }


        @media (min-width: 992px) {
            body.is-nav-compact .ll-header {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 1100;
                border-bottom: 1px solid #111111;
                box-shadow: 0 10px 24px rgba(0, 0, 0, .06);
            }


            body.is-nav-compact .ll-header-inner {
                min-height: 72px;
                padding: 0;
            }


            body.is-nav-compact .ll-logo {
                display: none;
            }


            body.is-nav-compact .ll-nav {
                min-height: 72px;
                padding-top: 0;
            }


            body.is-nav-compact .ll-search,
            body.is-nav-compact .ll-actions {
                top: 50%;
                bottom: auto;
                transform: translateY(-50%);
            }


            body.is-nav-compact .ll-nav-dropdown {
                top: 72px;
            }
}


        @media (max-width: 1199px) {
            .ll-header-inner {
                grid-template-columns: 80px 1fr 100px;
                padding-right: 24px;
                padding-left: 24px;
            }


            .ll-nav {
                gap: 18px;
            }


            .ll-collections-grid,
            .ll-footer-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }


            .ll-newsletter-grid {
                grid-template-columns: 1fr;
            }
}


        @media (max-width: 767px) {
            .ll-announcement {
                font-size: 11px;
                letter-spacing: 2px;
            }


            .ll-header-inner {
                display: flex;
                min-height: auto;
                flex-wrap: wrap;
                justify-content: center;
                padding: 18px;
                gap: 18px;
            }


            .ll-logo {
                position: static;
                order: -1;
                width: 100%;
                transform: none;
            }


            .ll-logo img {
                width: 150px;
                margin: 0 auto;
            }


            .ll-search,
            .ll-actions {
                display: none;
            }


            .ll-nav {
                flex-wrap: wrap;
                padding-top: 0;
                gap: 14px 20px;
            }


            .ll-nav a {
                font-size: 13px;
            }


            .ll-hero {
                padding: 54px 22px 34px;
            }


            .ll-hero p {
                font-size: 20px;
            }


            .ll-hero-link {
                margin-top: 34px;
                font-size: 18px;
            }


            .ll-collections {
                padding: 10px 18px 62px;
            }


            .ll-collections-grid,
            .ll-footer-grid,
            .ll-newsletter-form,
            .ll-footer-app-links {
                grid-template-columns: 1fr;
            }


            .ll-collection-card,
            .ll-collection-panel,
            .ll-collection-media {
                height: 430px;
            }


            .ll-collection-card.is-accented {
                grid-template-columns: 1fr;
            }


            .ll-collection-card.is-accented .ll-collection-media {
                display: none;
            }


            .ll-nav-dropdown {
                display: none;
            }


            .ll-newsletter,
            .ll-footer-main {
                padding-right: 22px;
                padding-left: 22px;
            }


            .ll-footer-bottom {
                display: grid;
                gap: 20px;
            }
}