/* =========================================================
   LUMI WEEK — GLOBAL
========================================================= */

.lumi-week,
.lumi-week * {
    box-sizing: border-box;
}

.lumi-week {

    --lumi-gold: #D2A87C;
    --lumi-ink: #211E1B;
    --lumi-text: #48413B;
    --lumi-muted: #8B8178;
    --lumi-soft: #766F68;
    --lumi-ivory: #F7F3ED;

    --lumi-week-x: 50%;
    --lumi-week-active-x: 7.14%;
    --lumi-week-sticky-top: 112px;

    position: relative;

    width: 100vw;
    max-width: 100vw;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    overflow: hidden;

    background: transparent;

    color: var(--lumi-ink);
}


/* =========================================================
   BACKGROUND ATMOSPHERE
========================================================= */

.lumi-week__atmosphere {

    position: absolute;
    inset: 0;

    z-index: 0;

    pointer-events: none;
    overflow: hidden;

}

.lumi-week__atmosphere::before {

    content: '';

    position: absolute;

    width: 980px;
    height: 980px;

    left: -440px;
    top: -470px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.96) 0%,
            rgba(255,255,255,.46) 30%,
            rgba(255,255,255,.10) 50%,
            transparent 70%
        );

    filter: blur(28px);

}

.lumi-week__atmosphere::after {

    content: '';

    position: absolute;

    width: 900px;
    height: 900px;

    right: -420px;
    bottom: -450px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(210,168,124,.14) 0%,
            rgba(210,168,124,.04) 40%,
            transparent 70%
        );

    filter: blur(28px);

}


/* =========================================================
   WATERMARK
========================================================= */

.lumi-week__watermark {

    position: absolute;

    z-index: 1;

    left: 50%;
    bottom: 26px;

    transform: translateX(-50%);

    width: calc(100% - 70px);

    text-align: center;

    color: rgba(139,129,120,.047);

    font-family:
        'Cormorant Garamond',
        Georgia,
        serif;

    font-size:
        clamp(64px,8.2vw,138px);

    font-weight: 400;

    line-height: .72;

    letter-spacing: .09em;

    white-space: nowrap;

    text-transform: uppercase;

    pointer-events: none;

    transition:
        color .8s ease,
        letter-spacing 1s cubic-bezier(.16,1,.3,1);

}

.lumi-week:hover
.lumi-week__watermark {

    color: rgba(210,168,124,.085);
    letter-spacing: .115em;

}


/* =========================================================
   INNER
========================================================= */

.lumi-week__inner {

    position: relative;
    z-index: 3;

    width: min(100%, 1480px);

    margin: 0 auto;

    padding:
        clamp(72px,8.5vh,110px)
        clamp(26px,5vw,74px)
        clamp(92px,10vh,128px);

}


/* =========================================================
   INTRO
========================================================= */

.lumi-week__intro {

    display: grid;

    grid-template-columns:
        minmax(340px,.88fr)
        minmax(410px,1.12fr);

    gap:
        clamp(60px,8vw,128px);

    align-items: end;

    margin-bottom:
        clamp(42px,5.5vh,66px);

}

.lumi-week__eyebrow {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 20px;

    color: var(--lumi-muted);

    font-family:
        'Manrope',
        Arial,
        sans-serif;

    font-size: 9px;
    font-weight: 600;
    line-height: 1;

    letter-spacing: .21em;

    text-transform: uppercase;

}

.lumi-week__eyebrow span {

    width: 36px;
    height: 1px;

    display: block;

    background: var(--lumi-gold);

    transition:
        width .8s cubic-bezier(.16,1,.3,1);

}

.lumi-week:hover
.lumi-week__eyebrow span {
    width: 60px;
}

.lumi-week__title {

    margin: 0;

    color: var(--lumi-ink);

    font-family:
        'Cormorant Garamond',
        Georgia,
        serif;

    font-size:
        clamp(50px,5vw,80px);

    font-weight: 500;

    line-height: .88;

    letter-spacing: .012em;

    text-transform: uppercase;

}

.lumi-week__title em {

    display: inline-block;

    color: var(--lumi-muted);

    font-style: normal;
    font-weight: 400;

    background:
        linear-gradient(
            90deg,
            var(--lumi-ink) 0%,
            var(--lumi-ink) 50%,
            var(--lumi-muted) 50%,
            var(--lumi-muted) 100%
        );

    background-size: 200% 100%;
    background-position: 100% 0;

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    transition:
        background-position 1.2s cubic-bezier(.16,1,.3,1);

}

.lumi-week:hover
.lumi-week__title em {
    background-position: 0 0;
}

.lumi-week__lead {

    max-width: 610px;

    margin: 0;

    color: var(--lumi-text);

    font-family:
        'Manrope',
        Arial,
        sans-serif;

    font-size:
        clamp(13.5px,1vw,15.5px);

    line-height: 1.72;

}

.lumi-week__week-range {

    margin-top: 22px;

    display: flex;
    align-items: center;

    gap: 12px;

    color: var(--lumi-muted);

    font-family:
        'Manrope',
        Arial,
        sans-serif;

    font-size: 8px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: .16em;

    text-transform: uppercase;

}

.lumi-week__week-range-line {

    width: 26px;
    height: 1px;

    background: var(--lumi-gold);

}


/* =========================================================
   CALENDAR
========================================================= */

.lumi-week__calendar {

    position:
        sticky;

    top:
        var(--lumi-week-sticky-top);

    z-index:
        20;

    margin-top:
        2px;

    padding:
        18px 16px
        12px;

    border-top:
        1px solid
        rgba(210,168,124,.34);

    border-bottom:
        1px solid
        rgba(210,168,124,.25);

    background:
        rgba(247,243,237,.88);

    backdrop-filter:
        blur(16px)
        saturate(115%);

    -webkit-backdrop-filter:
        blur(16px)
        saturate(115%);

    box-shadow:
        0 12px 32px
        rgba(33,30,27,.045);

}

.lumi-week__tide {

    position: absolute;

    z-index: 0;

    left: 16px;
    right: 16px;

    top: 17px;

    height: 54px;

    pointer-events: none;

}

.lumi-week__tide-svg {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    overflow: visible;

}

.lumi-week__tide-base,
.lumi-week__tide-glow {

    fill: none;

    vector-effect:
        non-scaling-stroke;

}

.lumi-week__tide-base {

    stroke:
        rgba(210,168,124,.17);

    stroke-width: 1;

}

.lumi-week__tide-glow {

    stroke:
        rgba(210,168,124,.68);

    stroke-width: 1.15;

    stroke-linecap: round;

    stroke-dasharray: 1600;
    stroke-dashoffset: 1600;

    transition:
        stroke-dashoffset 1.8s cubic-bezier(.16,1,.3,1),
        filter .4s ease;

}

.lumi-week.is-visible
.lumi-week__tide-glow {

    stroke-dashoffset: 0;

}

.lumi-week__calendar:hover
.lumi-week__tide-glow {

    filter:
        drop-shadow(
            0 0 7px
            rgba(210,168,124,.28)
        );

}

.lumi-week__active-orbit {

    position: absolute;

    top: 24px;

    left:
        var(--lumi-week-active-x);

    width: 11px;
    height: 11px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background:
        var(--lumi-gold);

    box-shadow:
        0 0 0 6px rgba(210,168,124,.075),
        0 0 22px rgba(210,168,124,.22);

    transition:
        left .55s cubic-bezier(.16,1,.3,1),
        transform .35s cubic-bezier(.16,1,.3,1);

}

.lumi-week__calendar:hover
.lumi-week__active-orbit {

    transform:
        translateX(-50%)
        scale(1.08);

}


/* =========================================================
   DAYS
========================================================= */

.lumi-week__days {

    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(7,1fr);

}

.lumi-week__day {

    position: relative;

    min-width: 0;
    min-height: 78px;

    padding:
        34px
        8px
        4px;

    border: 0;

    background: transparent;

    color: var(--lumi-muted);

    text-align: center;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    transition:
        transform .4s cubic-bezier(.16,1,.3,1),
        color .35s ease,
        opacity .35s ease;

}

.lumi-week__day-name {

    display: block;

    color: inherit;

    font-family:
        'Manrope',
        Arial,
        sans-serif;

    font-size: 8px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: .18em;

}

.lumi-week__day-date {

    display: block;

    margin-top: 7px;

    color: inherit;

    font-family:
        'Cormorant Garamond',
        Georgia,
        serif;

    font-size:
        clamp(22px,2vw,31px);

    font-weight: 400;

    line-height: 1;

    letter-spacing: .02em;

}

.lumi-week__day-today {

    display: block;

    min-height: 8px;

    margin-top: 7px;

    color: transparent;

    font-family:
        'Manrope',
        Arial,
        sans-serif;

    font-size: 5.5px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: .16em;

    transition:
        color .3s ease;

}

.lumi-week__day.is-today
.lumi-week__day-today {

    color:
        rgba(210,168,124,.78);

}

.lumi-week__day.is-special
.lumi-week__day-today {

    color:
        rgba(210,168,124,.88);

}

.lumi-week__day.is-special
.lumi-week__day-name {

    color:
        var(--lumi-gold);

}

.lumi-week__days:hover
.lumi-week__day:not(:hover):not(.is-active) {

    opacity: .46;

}

.lumi-week__day:hover,
.lumi-week__day.is-active {

    color:
        var(--lumi-ink);

    transform:
        translateY(-4px);

}

.lumi-week__day.is-active
.lumi-week__day-name {

    color:
        var(--lumi-gold);

}

.lumi-week__day.is-active
.lumi-week__day-date {

    color:
        var(--lumi-ink);

}


/* =========================================================
   STORY PANEL
========================================================= */

.lumi-week__story {

    position: relative;

    min-height: 285px;

    margin-top:
        clamp(28px,3.6vh,42px);

    padding:
        clamp(28px,3.2vw,44px)
        clamp(28px,4vw,58px);

    display: grid;

    grid-template-columns:
        minmax(120px,.28fr)
        minmax(420px,1fr)
        minmax(140px,.30fr);

    gap:
        clamp(28px,4vw,60px);

    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.44),
            rgba(247,243,237,.15)
        );

    border-top:
        1px solid
        rgba(255,255,255,.75);

    box-shadow:
        0 24px 65px
        rgba(33,30,27,.055);

}

.lumi-week__story::before {

    content: '';

    position: absolute;

    width: 430px;
    height: 430px;

    left:
        var(--lumi-week-x);

    top: 50%;

    transform:
        translate(-50%,-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(210,168,124,.13) 0%,
            rgba(210,168,124,.045) 35%,
            transparent 68%
        );

    pointer-events: none;

    transition:
        left .3s ease;

}

.lumi-week__story-day,
.lumi-week__story-main,
.lumi-week__story-mark {

    position: relative;
    z-index: 2;

}

.lumi-week__story-day {

    align-self:
        start;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        flex-start;

    gap:
        18px;

    padding:
        3px 0;

}

.lumi-week__story-kicker {

    color:
        var(--lumi-gold);

    font-family:
        'Manrope',
        Arial,
        sans-serif;

    font-size: 8px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: .18em;

}

.lumi-week__story-date {

    color:
        rgba(139,129,120,.76);

    font-family:
        'Cormorant Garamond',
        Georgia,
        serif;

    font-size:
        clamp(24px,2.4vw,36px);

    font-weight: 400;

    line-height: 1;

    letter-spacing: .025em;

}

.lumi-week__story-main {

    max-width: 720px;

    transition:
        opacity .28s ease,
        transform .38s cubic-bezier(.16,1,.3,1),
        filter .28s ease;

}

.lumi-week__story.is-switching
.lumi-week__story-main {

    opacity: 0;

    transform:
        translateY(-12px);

    filter:
        blur(2px);

}

.lumi-week__story-current {

    margin-bottom: 10px;

    color:
        var(--lumi-muted);

    font-family:
        'Manrope',
        Arial,
        sans-serif;

    font-size: 7px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: .18em;

}

.lumi-week__story-title {

    margin: 0;

    color:
        var(--lumi-ink);

    font-family:
        'Cormorant Garamond',
        Georgia,
        serif;

    font-size:
        clamp(40px,4.2vw,66px);

    font-weight: 400;

    line-height: .92;

    letter-spacing: .02em;

    text-transform: uppercase;

}

.lumi-week__story-rule {

    width: 46px;
    height: 1px;

    margin:
        22px 0
        18px;

    background:
        var(--lumi-gold);

    transition:
        width .55s cubic-bezier(.16,1,.3,1);

}

.lumi-week__story:hover
.lumi-week__story-rule {

    width: 82px;

}

.lumi-week__story-copy {

    max-width: 720px;

    color:
        var(--lumi-soft);

    font-family:
        'Manrope',
        Arial,
        sans-serif;

    font-size:
        clamp(11.5px,.9vw,13px);

    line-height: 1.68;

}

.lumi-week__story-copy p {

    margin:
        0 0
        9px;

}

.lumi-week__story-copy p:last-child {
    margin-bottom: 0;
}

.lumi-week__story-mark {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    height: 100%;

    overflow: hidden;

}

.lumi-week__story-mark span {

    display: block;

    color:
        rgba(139,129,120,.072);

    font-family:
        'Cormorant Garamond',
        Georgia,
        serif;

    font-size:
        clamp(72px,8vw,128px);

    font-weight: 400;

    line-height: .72;

    letter-spacing: .02em;

    writing-mode:
        vertical-rl;

    transform:
        rotate(180deg);

    transition:
        color .6s ease,
        transform .7s cubic-bezier(.16,1,.3,1);

}

.lumi-week__story:hover
.lumi-week__story-mark span {

    color:
        rgba(210,168,124,.13);

    transform:
        rotate(180deg)
        translateY(-4px);

}


/* =========================================================
   FOOTNOTE
========================================================= */

.lumi-week__footnote {

    margin-top:
        clamp(38px,5vh,58px);

    display: grid;

    grid-template-columns:
        1fr
        auto
        1fr;

    align-items: center;

    gap:
        18px;

}

.lumi-week__footnote > span {

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(210,168,124,.48)
        );

}

.lumi-week__footnote > span:last-child {

    transform:
        scaleX(-1);

}

.lumi-week__footnote p {

    margin: 0;

    color:
        var(--lumi-muted);

    font-family:
        'Manrope',
        Arial,
        sans-serif;

    font-size: 6px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: .16em;

    white-space: nowrap;

}


/* =========================================================
   REVEAL
========================================================= */

.lumi-week__intro,
.lumi-week__calendar,
.lumi-week__story {

    opacity: 0;

    transform:
        translateY(30px);

    transition:
        opacity .9s ease,
        transform 1s cubic-bezier(.16,1,.3,1);

}

.lumi-week.is-visible
.lumi-week__intro {

    opacity: 1;

    transform:
        translateY(0);

}

.lumi-week.is-visible
.lumi-week__calendar {

    opacity: 1;

    transform:
        translateY(0);

    transition-delay: .09s;

}

.lumi-week.is-visible
.lumi-week__story {

    opacity: 1;

    transform:
        translateY(0);

    transition-delay: .17s;

}




/* =========================================================
   DAILY RESERVATION CTA — CONTENT EDITABLE, DESIGN LOCKED
========================================================= */

.lumi-week__story-cta,
.lumi-week__story-cta:link,
.lumi-week__story-cta:visited,
.lumi-week__story-cta:hover,
.lumi-week__story-cta:focus,
.lumi-week__story-cta:active {

    position: relative;

    width: fit-content;

    margin-top: 24px;
    padding-bottom: 10px;

    display: inline-flex;
    align-items: center;
    gap: 18px;

    color: var(--lumi-ink) !important;
    text-decoration: none !important;
    box-shadow: none !important;

    font-family:
        'Manrope',
        Arial,
        sans-serif;

    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .16em;
    text-transform: uppercase;

    transition:
        color .35s ease,
        opacity .35s ease;
}

.lumi-week__story-cta::after {

    content: '';

    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background: var(--lumi-gold);

    transform: scaleX(.34);
    transform-origin: left center;

    transition:
        transform .5s cubic-bezier(.16,1,.3,1);
}

.lumi-week__story-cta:hover::after {
    transform: scaleX(1);
}

.lumi-week__story-cta-arrow {

    color: var(--lumi-gold);

    font-family:
        'Cormorant Garamond',
        Georgia,
        serif;

    font-size: 22px;
    line-height: 1;

    transition:
        transform .4s cubic-bezier(.16,1,.3,1);
}

.lumi-week__story-cta:hover
.lumi-week__story-cta-arrow {
    transform: translateX(6px);
}

.lumi-week__story-cta.is-disabled {
    cursor: default;
    opacity: .72;
}

.lumi-week__story-cta.is-disabled:hover::after {
    transform: scaleX(.34);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px) {

    .lumi-week__intro {

        grid-template-columns:
            .88fr
            1.12fr;

        gap: 52px;

    }

    .lumi-week__story {

        grid-template-columns:
            110px
            1fr
            100px;

        gap: 28px;

    }

    .lumi-week__story-mark span {

        font-size:
            82px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:760px) {

    /* Keep mobile calendar in normal flow */
    .lumi-week__calendar {

        position:
            relative;

        top:
            auto;

        z-index:
            5;

        background:
            transparent;

        backdrop-filter:
            none;

        -webkit-backdrop-filter:
            none;

        box-shadow:
            none;

    }


    .lumi-week__inner {

        padding:
            60px
            18px
            82px;

    }

    .lumi-week__intro {

        grid-template-columns:
            1fr;

        gap: 25px;

        margin-bottom:
            38px;

    }

    .lumi-week__eyebrow {

        margin-bottom: 17px;
        font-size: 8px;

    }

    .lumi-week__title {

        font-size:
            clamp(42px,11vw,54px);

    }

    .lumi-week__lead {

        font-size: 13px;
        line-height: 1.65;

    }

    .lumi-week__week-range {

        margin-top: 18px;

        font-size: 7px;

    }


    /* SCROLLABLE WEEK */

    .lumi-week__calendar {

        margin-left: -18px;
        margin-right: -18px;

        padding:
            22px 18px
            14px;

        overflow-x: auto;

        scrollbar-width: none;

    }

    .lumi-week__calendar::-webkit-scrollbar {
        display: none;
    }

    .lumi-week__tide {
        display: none;
    }

    .lumi-week__days {

        width: max-content;

        grid-template-columns:
            repeat(7,76px);

        gap: 4px;

    }

    .lumi-week__day {

        min-height: 82px;

        padding:
            13px
            7px
            6px;

        border-left:
            1px solid
            rgba(210,168,124,.17);

    }

    .lumi-week__day:last-child {

        border-right:
            1px solid
            rgba(210,168,124,.17);

    }

    .lumi-week__day-name {

        font-size: 7px;

    }

    .lumi-week__day-date {

        margin-top: 8px;

        font-size: 25px;

    }

    .lumi-week__day.is-active {

        background:
            rgba(255,255,255,.44);

    }


    /* STORY */

    .lumi-week__story {

        min-height: auto;

        margin-top:
            32px;

        padding:
            26px
            22px
            28px;

        grid-template-columns:
            1fr;

        gap: 18px;

    }

    .lumi-week__story-day {

        min-height: auto;

        display: flex;
        flex-direction: row;

        align-items: center;
        justify-content: space-between;

        padding-bottom: 14px;

        border-bottom:
            1px solid
            rgba(210,168,124,.20);

    }

    .lumi-week__story-date {

        font-size: 24px;

    }

    .lumi-week__story-current {

        margin-bottom: 9px;

        font-size: 6px;

    }

    .lumi-week__story-title {

        font-size:
            clamp(35px,10vw,47px);

    }

    .lumi-week__story-copy {

        font-size: 11.5px;
        line-height: 1.62;

    }

    .lumi-week__story-mark {

        display: none;

    }

    .lumi-week__footnote {

        margin-top: 35px;

        grid-template-columns:
            22px
            1fr
            22px;

        gap: 9px;

    }

    .lumi-week__footnote p {

        text-align: center;

        font-size: 5px;

        line-height: 1.4;

        white-space: normal;

    }

    .lumi-week__watermark {

        bottom: 24px;

        width:
            calc(100% - 24px);

        font-size:
            clamp(32px,9.2vw,43px);

        letter-spacing: .05em;

    }

}




@media(max-width:760px) {

    .lumi-week__story-cta,
    .lumi-week__story-cta:link,
    .lumi-week__story-cta:visited,
    .lumi-week__story-cta:hover,
    .lumi-week__story-cta:focus,
    .lumi-week__story-cta:active {
        margin-top: 20px;
        font-size: 7px;
        letter-spacing: .13em;
        gap: 14px;
    }

}


/* =========================================================
   TOUCH / REDUCED MOTION
========================================================= */

@media(hover:none) {

    .lumi-week__days:hover
    .lumi-week__day:not(:hover):not(.is-active) {
        opacity: 1;
    }

}

@media(prefers-reduced-motion:reduce) {

    .lumi-week__intro,
    .lumi-week__calendar,
    .lumi-week__story {

        opacity: 1;

        transform: none;

        transition: none;

    }

    .lumi-week__tide-glow {
        stroke-dashoffset: 0;
    }

    .lumi-week__story-main,
    .lumi-week__active-orbit {

        transition: none;

    }

}



/* =========================================================
   V2 — REMOVE ELEMENTOR / BROWSER BLUE BUTTON BACKGROUND
========================================================= */

.lumi-week .lumi-week__day,
.lumi-week .lumi-week__day:hover,
.lumi-week .lumi-week__day:focus,
.lumi-week .lumi-week__day:focus-visible,
.lumi-week .lumi-week__day:active,
.lumi-week .lumi-week__day.is-active {

    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;

    border:
        0 !important;

    outline:
        none !important;

    box-shadow:
        none !important;

    -webkit-box-shadow:
        none !important;

}

/* Keep the active state elegant through type + gold marker only */
.lumi-week .lumi-week__day.is-active
.lumi-week__day-name {

    color:
        var(--lumi-gold) !important;

}

.lumi-week .lumi-week__day.is-active
.lumi-week__day-date {

    color:
        var(--lumi-ink) !important;

}

/* Mobile also stays frameless — no filled active card */
@media(max-width:760px) {

    .lumi-week .lumi-week__day.is-active {

        background:
            transparent !important;

        background-color:
            transparent !important;

    }

}
/* V1.3: vertical weekly navigation and adjacent day story */
.lumi-week__experience{display:grid;grid-template-columns:minmax(220px,310px) minmax(0,1fr);align-items:stretch;gap:clamp(24px,4vw,64px);margin-top:clamp(28px,4vw,60px)}
.lumi-week .lumi-week__calendar{position:relative;top:auto;margin:0;padding:8px 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid rgba(210,168,124,.3);border-bottom:1px solid rgba(210,168,124,.3);box-shadow:none;overflow:visible}
.lumi-week .lumi-week__tide{display:none}
.lumi-week .lumi-week__days{display:flex;flex-direction:column;width:100%;gap:0}
.lumi-week .lumi-week__day{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-height:69px;margin:0;padding:13px 16px 13px 25px;text-align:left;transform:none!important;opacity:1!important;transition:color .28s ease,padding-left .35s ease}
.lumi-week .lumi-week__day::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:2px;background:#d2a87c;opacity:0;transform:scaleY(.3);transition:opacity .3s ease,transform .3s ease}
.lumi-week .lumi-week__day.is-active::before,.lumi-week .lumi-week__day:hover::before,.lumi-week .lumi-week__day:focus-visible::before{opacity:1;transform:scaleY(1)}
.lumi-week .lumi-week__day.is-active,.lumi-week .lumi-week__day:hover{padding-left:32px}
.lumi-week .lumi-week__day+.lumi-week__day{border-top:1px solid rgba(44,39,34,.1)!important}
.lumi-week .lumi-week__day-name{font-size:10px;letter-spacing:.17em;white-space:nowrap}
.lumi-week .lumi-week__day-date{margin:0;font-size:29px}
.lumi-week .lumi-week__day-today{position:absolute;right:49px;bottom:12px;margin:0;min-height:0;font-size:7px;color:transparent;white-space:nowrap}
.lumi-week .lumi-week__day.is-today .lumi-week__day-today{color:#b48d62}
.lumi-week .lumi-week__story{margin:0;min-height:0;align-self:stretch;display:grid;grid-template-columns:minmax(75px,.22fr) minmax(0,1fr);gap:clamp(18px,3vw,44px);padding:clamp(30px,4vw,65px);overflow:hidden}
.lumi-week .lumi-week__story-main{min-width:0}
.lumi-week .lumi-week__story-mark{position:absolute;right:20px;bottom:12px;opacity:.4;pointer-events:none}
.lumi-week .lumi-week__story-title{overflow-wrap:break-word}
.lumi-week .lumi-week__day:focus-visible{outline:2px solid #b48d62!important;outline-offset:-2px!important}
@media(max-width:900px){.lumi-week__experience{grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:20px}.lumi-week .lumi-week__story{grid-template-columns:1fr;padding:30px;gap:18px}.lumi-week .lumi-week__story-mark{display:none}}
@media(max-width:760px){.lumi-week__experience{display:block;margin-top:34px}.lumi-week .lumi-week__calendar{margin:0;padding:0;overflow:visible}.lumi-week .lumi-week__days{width:100%;display:flex;gap:0}.lumi-week .lumi-week__day{width:100%;min-height:56px;padding:10px 16px 10px 22px;border:0!important}.lumi-week .lumi-week__day.is-active,.lumi-week .lumi-week__day:hover{padding-left:29px}.lumi-week .lumi-week__day-name{font-size:9px}.lumi-week .lumi-week__day-date{font-size:25px}.lumi-week .lumi-week__story{margin-top:22px;display:block;min-height:260px;padding:28px 24px}.lumi-week .lumi-week__story-day{margin-bottom:18px}.lumi-week .lumi-week__day-today{right:48px;bottom:10px}}