#\31 129 {margin-top:0px!important;}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

.lava-iu {
    display: block;
    width: 100%;
    container: lava / inline-size
}

.lava-iu.lava-iu a:hover,
.lava-iu.lava-iu a:focus {
    text-decoration: none
}

.lava-iu.lava-iu .page :is(h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, span, strong, em, button) {
    font-family: inherit
}

.lava-iu.lava-iu .page :is(ul, ol) {
    list-style: none
}

.lava-iu.lava-iu--index .page {
    --bg: #f6f3ed;
    --bg-nav: #f6f2ec;
    --ink: #171514;
    --text: #6a6663;
    --muted: #85817d;
    --eyebrow: #b0636a;
    --red: #b81d23;
    --font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif
}

.lava-iu.lava-iu--index *,
.lava-iu.lava-iu--index *::before,
.lava-iu.lava-iu--index *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.lava-iu.lava-iu--index .page {
    --r: calc(min(100cqw, 1680px)/75.375)
}

.lava-iu.lava-iu--index .page {
    background: var(--bg);
    color: var(--ink);
    font-family: var(--font);
    font-size: calc(0.9375*var(--r));
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden
}

.lava-iu.lava-iu--index img {
    display: block;
    max-width: none
}

.lava-iu.lava-iu--index a {
    color: inherit;
    text-decoration: none
}

.lava-iu.lava-iu--index button {
    font: inherit;
    border: 0;
    background: none;
    cursor: pointer;
    color: inherit
}

.lava-iu.lava-iu--index .page {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    position: relative;
    background: var(--bg)
}

.lava-iu.lava-iu--index .eyebrow {
    font-size: calc(0.7188*var(--r));
    line-height: calc(0.875*var(--r));
    font-weight: 500;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--eyebrow)
}

.lava-iu.lava-iu--index .nav {
    position: relative;
    height: calc(2.5*var(--r));
    background: var(--bg-nav)
}

.lava-iu.lava-iu--index .nav__logo {
    position: absolute;
    left: calc(2.5*var(--r));
    top: 0;
    width: calc(5.75*var(--r));
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center
}

.lava-iu.lava-iu--index .nav__logo img {
    display: block;
    width: calc(5.75*var(--r));
    height: auto
}

.lava-iu.lava-iu--index .nav__crumbs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.8125*var(--r));
    font-size: calc(0.625*var(--r));
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #3b3734;
    white-space: nowrap;
    pointer-events: none
}

.lava-iu.lava-iu--index .nav__crumbs a {
    pointer-events: auto
}

.lava-iu.lava-iu--index .nav__crumbs a[aria-current] {
    color: #bd0a1d
}

.lava-iu.lava-iu--index .nav__share {
    position: absolute;
    right: calc(2.75*var(--r));
    top: 0;
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center;
    gap: calc(0.5*var(--r));
    font-size: calc(0.7188*var(--r));
    color: #2d2926
}

.lava-iu.lava-iu--index .nav__share svg {
    width: calc(1*var(--r));
    height: calc(1*var(--r))
}

.lava-iu.lava-iu--index .hero {
    position: relative;
    height: calc(24.8125*var(--r));
    overflow: hidden;
    background: #7a0c0e
}

.lava-iu.lava-iu--index .hero__photo {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(46.5*var(--r));
    height: calc(24.8125*var(--r));
    object-fit: cover;
    object-position: 40% 50%
}

.lava-iu.lava-iu--index .hero__panel {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.lava-iu.lava-iu--index .hero__content {
    position: absolute;
    left: calc(47.875*var(--r));
    right: calc(3*var(--r));
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #fff
}

.lava-iu.lava-iu--index .hero .eyebrow {
    color: rgba(255, 255, 255, .82);
    letter-spacing: .42em
}

.lava-iu.lava-iu--index .hero h1 {
    font-weight: 500;
    font-size: calc(2.5*var(--r));
    line-height: calc(2.9375*var(--r));
    letter-spacing: -.02em;
    color: #fff;
    margin: calc(1*var(--r)) 0 calc(1.125*var(--r))
}

.lava-iu.lava-iu--index .hero__lead {
    font-size: calc(0.9062*var(--r));
    line-height: calc(1.4062*var(--r));
    letter-spacing: .02em;
    color: rgba(255, 255, 255, .9);
    font-weight: 500
}

.lava-iu.lava-iu--index .hero__btn {
    margin-top: calc(1.625*var(--r));
    width: calc(16.25*var(--r));
    height: calc(2.75*var(--r));
    border-radius: calc(1.375*var(--r));
    background: #fff;
    color: #2a1a18;
    font-size: calc(0.75*var(--r));
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.625*var(--r));
    transition: transform .2s, box-shadow .2s;
    box-shadow: 0 calc(0.25*var(--r)) calc(0.875*var(--r)) rgba(0, 0, 0, .18)
}

.lava-iu.lava-iu--index .hero__btn:hover {
    transform: translateY(calc(-0.0625*var(--r)));
    box-shadow: 0 calc(0.375*var(--r)) calc(1.125*var(--r)) rgba(0, 0, 0, .26)
}

.lava-iu.lava-iu--index .hero__btn svg {
    width: calc(0.75*var(--r));
    height: calc(0.75*var(--r));
    color: #bd0a1d
}

.lava-iu.lava-iu--index .worlds {
    padding: calc(3.625*var(--r)) 0 calc(4.75*var(--r));
    text-align: center
}

.lava-iu.lava-iu--index .worlds h2 {
    font-weight: 500;
    font-size: calc(2.25*var(--r));
    line-height: calc(2.75*var(--r));
    letter-spacing: -.02em;
    color: var(--ink);
    margin-top: calc(0.875*var(--r))
}

.lava-iu.lava-iu--index .worlds__lead {
    font-size: calc(0.875*var(--r));
    line-height: calc(1.375*var(--r));
    color: var(--text);
    font-weight: 500;
    margin-top: calc(0.625*var(--r))
}

.lava-iu.lava-iu--index .worlds__grid {
    width: calc(70.0625*var(--r));
    margin: calc(2.5*var(--r)) auto 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(1.0625*var(--r));
    text-align: left
}

.lava-iu.lava-iu--index .wcard {
    position: relative;
    display: block;
    height: calc(22.5*var(--r));
    border-radius: calc(0.5*var(--r));
    overflow: hidden;
    isolation: isolate;
    background: #3a1513;
    color: #fff;
    box-shadow: 0 calc(0.125*var(--r)) calc(0.625*var(--r)) rgba(70, 40, 30, .08);
    transition: transform .3s, box-shadow .3s
}

.lava-iu.lava-iu--index .wcard>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
    z-index: -2
}

.lava-iu.lava-iu--index .wcard::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(28, 6, 6, .18) 0%, rgba(28, 6, 6, 0) 22%, rgba(28, 6, 6, 0) 42%, rgba(92, 9, 14, .62) 66%, rgba(104, 9, 15, .94) 100%)
}

.lava-iu.lava-iu--index .wcard__num {
    position: absolute;
    left: calc(1.125*var(--r));
    top: calc(1*var(--r));
    font-size: calc(0.6875*var(--r));
    line-height: 1;
    font-weight: 600;
    letter-spacing: .3em;
    color: rgba(255, 255, 255, .92)
}

.lava-iu.lava-iu--index .wcard__body {
    position: absolute;
    left: calc(1.125*var(--r));
    right: calc(1.125*var(--r));
    bottom: calc(1.125*var(--r));
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.lava-iu.lava-iu--index .wcard__eyebrow {
    font-size: calc(0.5938*var(--r));
    line-height: calc(0.875*var(--r));
    font-weight: 500;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .78)
}

.lava-iu.lava-iu--index .wcard__title {
    font-size: calc(1.375*var(--r));
    line-height: calc(1.625*var(--r));
    font-weight: 600;
    letter-spacing: -.01em;
    margin-top: calc(0.4375*var(--r))
}

.lava-iu.lava-iu--index .wcard__desc {
    font-size: calc(0.7812*var(--r));
    line-height: calc(1.1875*var(--r));
    font-weight: 500;
    color: rgba(255, 255, 255, .84);
    margin-top: calc(0.4375*var(--r));
    min-height: calc(2.375*var(--r))
}

.lava-iu.lava-iu--index .wcard__link {
    margin-top: calc(0.875*var(--r));
    display: inline-flex;
    align-items: center;
    gap: calc(0.5*var(--r));
    font-size: calc(0.6875*var(--r));
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: calc(0.25*var(--r));
    border-bottom: 1px solid rgba(255, 255, 255, .45)
}

.lava-iu.lava-iu--index .wcard__link svg {
    width: calc(0.6875*var(--r));
    height: calc(0.6875*var(--r));
    transition: transform .25s
}

.lava-iu.lava-iu--index a.wcard:hover {
    transform: translateY(calc(-0.1875*var(--r)));
    box-shadow: 0 calc(0.875*var(--r)) calc(1.875*var(--r)) rgba(80, 20, 20, .2)
}

.lava-iu.lava-iu--index a.wcard:hover>img {
    transform: scale(1.05)
}

.lava-iu.lava-iu--index a.wcard:hover .wcard__link svg {
    transform: translateX(calc(0.1875*var(--r)))
}

.lava-iu.lava-iu--index a.wcard:focus-visible {
    outline: 2px solid var(--red);
    outline-offset: 3px
}

.lava-iu.lava-iu--index .wcard--soon {
    background: #fcfbfa;
    color: var(--ink);
    box-shadow: 0 calc(0.0625*var(--r)) calc(0.4375*var(--r)) rgba(70, 40, 30, .06);
    border: 1px solid rgba(120, 60, 50, .08)
}

.lava-iu.lava-iu--index .wcard--soon::after {
    display: none
}

.lava-iu.lava-iu--index .wcard__lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.lava-iu.lava-iu--index .wcard__lines path {
    fill: none;
    stroke: var(--red);
    stroke-opacity: .07;
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke
}

.lava-iu.lava-iu--index .wcard--soon .wcard__num {
    color: #a39e99
}

.lava-iu.lava-iu--index .wcard__icon {
    position: absolute;
    left: 50%;
    top: calc(5.25*var(--r));
    width: calc(5.75*var(--r));
    height: calc(5.75*var(--r));
    margin-left: calc(-2.875*var(--r));
    border-radius: 50%;
    background: #f4e9e5;
    display: flex;
    align-items: center;
    justify-content: center
}

.lava-iu.lava-iu--index .wcard__icon svg {
    width: calc(2.75*var(--r));
    height: calc(2.75*var(--r));
    fill: none;
    stroke: #a8262c;
    stroke-width: 1.15;
    stroke-linecap: round;
    stroke-linejoin: round
}

.lava-iu.lava-iu--index .wcard--soon .wcard__eyebrow {
    color: var(--eyebrow);
    display: inline-flex;
    align-items: center;
    gap: calc(0.4375*var(--r))
}

.lava-iu.lava-iu--index .wcard--soon .wcard__eyebrow::before {
    content: "";
    width: calc(0.375*var(--r));
    height: calc(0.375*var(--r));
    border-radius: 50%;
    background: var(--eyebrow)
}

.lava-iu.lava-iu--index .wcard--soon .wcard__desc {
    color: var(--muted);
    min-height: 0
}

.lava-iu.lava-iu--index .wcard--soon-photo .wcard__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: calc(0.4375*var(--r));
    color: rgba(255, 255, 255, .9)
}

.lava-iu.lava-iu--index .wcard--soon-photo .wcard__eyebrow::before {
    content: "";
    width: calc(0.375*var(--r));
    height: calc(0.375*var(--r));
    border-radius: 50%;
    background: #fff
}

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

    .lava-iu.lava-iu--index .wcard,
    .lava-iu.lava-iu--index .wcard>img,
    .lava-iu.lava-iu--index .wcard__link svg,
    .lava-iu.lava-iu--index .hero__btn {
        transition: none
    }
}

@container lava (max-width:900px) {
    .lava-iu.lava-iu--index .page {
        --r: calc(min(100cqw, 560px)/24.375)
    }

    .lava-iu.lava-iu--index .page {
        font-size: calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--index .page {
        max-width: 760px;
        overflow: hidden
    }

    .lava-iu.lava-iu--index .nav {
        height: calc(3.5*var(--r))
    }

    .lava-iu.lava-iu--index .nav__logo {
        left: calc(1.25*var(--r));
        top: 0;
        width: calc(5.875*var(--r));
        height: calc(3.5*var(--r))
    }

    .lava-iu.lava-iu--index .nav__logo img {
        width: calc(5.875*var(--r))
    }

    .lava-iu.lava-iu--index .nav__crumbs {
        display: none
    }

    .lava-iu.lava-iu--index .nav__share {
        right: calc(1.25*var(--r));
        height: calc(3.5*var(--r));
        font-size: calc(0.8125*var(--r))
    }

    .lava-iu.lava-iu--index .nav__share svg {
        width: calc(1.0625*var(--r));
        height: calc(1.0625*var(--r))
    }

    .lava-iu.lava-iu--index .hero {
        height: auto;
        overflow: visible
    }

    .lava-iu.lava-iu--index .hero__photo {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 4/3
    }

    .lava-iu.lava-iu--index .hero__panel {
        display: none
    }

    .lava-iu.lava-iu--index .hero__content {
        position: relative;
        inset: auto;
        padding: calc(1.875*var(--r)) calc(1.5*var(--r)) calc(2.375*var(--r));
        background: linear-gradient(160deg, #9e0f14, #740b0d);
        border-radius: calc(1.375*var(--r)) calc(1.375*var(--r)) 0 0;
        margin-top: calc(-1.375*var(--r))
    }

    .lava-iu.lava-iu--index .hero .eyebrow {
        font-size: calc(0.6875*var(--r));
        letter-spacing: .3em
    }

    .lava-iu.lava-iu--index .hero h1 {
        font-size: calc(2*var(--r));
        line-height: calc(2.375*var(--r));
        margin: calc(0.875*var(--r)) 0 calc(1*var(--r));
        text-wrap: balance
    }

    .lava-iu.lava-iu--index .hero__lead {
        font-size: calc(0.9062*var(--r));
        line-height: calc(1.4375*var(--r));
        letter-spacing: .01em
    }

    .lava-iu.lava-iu--index .hero__lead br {
        display: none
    }

    .lava-iu.lava-iu--index .hero__btn {
        width: 100%;
        max-width: calc(21.25*var(--r));
        height: calc(3.125*var(--r));
        font-size: calc(0.75*var(--r));
        margin-top: calc(1.5*var(--r))
    }

    .lava-iu.lava-iu--index .worlds {
        padding: calc(3.25*var(--r)) calc(1.25*var(--r)) calc(3.5*var(--r))
    }

    .lava-iu.lava-iu--index .eyebrow {
        font-size: calc(0.6562*var(--r));
        line-height: calc(1*var(--r))
    }

    .lava-iu.lava-iu--index .worlds h2 {
        font-size: calc(1.625*var(--r));
        line-height: calc(2*var(--r));
        margin-top: calc(0.625*var(--r));
        text-wrap: balance
    }

    .lava-iu.lava-iu--index .worlds__lead {
        font-size: calc(0.875*var(--r));
        line-height: calc(1.375*var(--r))
    }

    .lava-iu.lava-iu--index .worlds__lead br {
        display: none
    }

    .lava-iu.lava-iu--index .worlds__grid {
        width: auto;
        margin-top: calc(1.75*var(--r));
        grid-template-columns: 1fr 1fr;
        gap: calc(0.75*var(--r))
    }

    .lava-iu.lava-iu--index .wcard {
        height: auto;
        aspect-ratio: 3/4.3
    }

    .lava-iu.lava-iu--index .wcard__num {
        left: calc(0.875*var(--r));
        top: calc(0.875*var(--r));
        font-size: calc(0.625*var(--r));
        letter-spacing: .24em
    }

    .lava-iu.lava-iu--index .wcard__body {
        left: calc(0.875*var(--r));
        right: calc(0.75*var(--r));
        bottom: calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--index .wcard__eyebrow {
        font-size: calc(0.5312*var(--r));
        letter-spacing: .22em
    }

    .lava-iu.lava-iu--index .wcard__title {
        font-size: calc(1*var(--r));
        line-height: calc(1.25*var(--r));
        margin-top: calc(0.3125*var(--r))
    }

    .lava-iu.lava-iu--index .wcard__desc {
        font-size: calc(0.6875*var(--r));
        line-height: calc(1*var(--r));
        min-height: 0;
        margin-top: calc(0.3125*var(--r))
    }

    .lava-iu.lava-iu--index .wcard__link {
        margin-top: calc(0.625*var(--r));
        font-size: calc(0.625*var(--r));
        letter-spacing: .08em
    }

    .lava-iu.lava-iu--index .wcard__icon {
        top: calc(3.25*var(--r));
        width: calc(4.25*var(--r));
        height: calc(4.25*var(--r));
        margin-left: calc(-2.125*var(--r))
    }

    .lava-iu.lava-iu--index .wcard__icon svg {
        width: calc(2.125*var(--r));
        height: calc(2.125*var(--r))
    }
}

@container lava (max-width:900px) and (min-width:600px) {
    .lava-iu.lava-iu--index .wcard__icon {
        top: calc(4.5*var(--r));
        width: calc(5*var(--r));
        height: calc(5*var(--r));
        margin-left: calc(-2.5*var(--r))
    }

    .lava-iu.lava-iu--index .wcard__title {
        font-size: calc(1.125*var(--r));
        line-height: calc(1.375*var(--r))
    }

    .lava-iu.lava-iu--index .wcard__desc {
        font-size: calc(0.75*var(--r));
        line-height: calc(1.0625*var(--r))
    }
}

@container lava (max-width:359px) {
    .lava-iu.lava-iu--index .wcard__desc {
        display: none
    }
}

.lava-iu.lava-iu--ceyiz .page {
    --bg: #f6f2ec;
    --bg-nav: #f6f1eb;
    --ink: #171514;
    --text: #5d5954;
    --muted: #6b6560;
    --eyebrow: #8a4640;
    --red: #a80309;
    --maroon: #7d0e12;
    --serif: var(--sans);
    --sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif
}

.lava-iu.lava-iu--ceyiz *,
.lava-iu.lava-iu--ceyiz *::before,
.lava-iu.lava-iu--ceyiz *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.lava-iu.lava-iu--ceyiz .page {
    --r: calc(min(100cqw, 1680px)/75.375)
}

.lava-iu.lava-iu--ceyiz .page {
    background: var(--bg);
    color: var(--ink);
    font-family: var(--sans);
    font-size: calc(0.9375*var(--r));
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden
}

.lava-iu.lava-iu--ceyiz img {
    display: block;
    max-width: none
}

.lava-iu.lava-iu--ceyiz a {
    color: inherit;
    text-decoration: none
}

.lava-iu.lava-iu--ceyiz button {
    font: inherit;
    border: 0;
    background: none;
    cursor: pointer;
    color: inherit
}

.lava-iu.lava-iu--ceyiz .page {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    position: relative;
    background: var(--bg)
}

.lava-iu.lava-iu--ceyiz .p {
    position: absolute;
    top: calc(var(--y) * calc(1*var(--r)) / 16)
}

.lava-iu.lava-iu--ceyiz .eyebrow {
    font-family: var(--sans);
    font-size: calc(0.725*var(--r));
    line-height: calc(0.875*var(--r));
    font-weight: 500;
    letter-spacing: .355em;
    text-transform: uppercase;
    color: var(--eyebrow);
    white-space: nowrap
}

.lava-iu.lava-iu--ceyiz .h2 {
    font-family: var(--serif);
    font-weight: 500;
    color: var(--ink);
    font-size: calc(2.3882*var(--r));
    line-height: calc(3.375*var(--r));
    letter-spacing: -.02em;
    white-space: nowrap
}

.lava-iu.lava-iu--ceyiz .copy {
    font-size: calc(0.9125*var(--r));
    letter-spacing: .012em;
    line-height: calc(1.4688*var(--r));
    color: var(--text);
    font-weight: 400;
    white-space: nowrap
}

.lava-iu.lava-iu--ceyiz .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.5*var(--r));
    height: calc(2.625*var(--r));
    border-radius: calc(1.3125*var(--r));
    background: linear-gradient(180deg, #85121a, #74090e);
    color: #fff;
    font-size: calc(0.6875*var(--r));
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 calc(0.1875*var(--r)) calc(0.5625*var(--r)) rgba(120, 10, 16, .18);
    transition: filter .2s, transform .2s
}

.lava-iu.lava-iu--ceyiz .btn:hover {
    filter: brightness(1.12);
    transform: translateY(calc(-0.0625*var(--r)))
}

.lava-iu.lava-iu--ceyiz .btn svg {
    width: calc(0.6875*var(--r));
    height: calc(0.6875*var(--r))
}

.lava-iu.lava-iu--ceyiz .nav {
    position: relative;
    height: calc(2.5*var(--r));
    background: var(--bg-nav)
}

.lava-iu.lava-iu--ceyiz .nav__logo {
    position: absolute;
    left: calc(2.5*var(--r));
    top: 0;
    width: calc(5.75*var(--r));
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center
}

.lava-iu.lava-iu--ceyiz .nav__logo img {
    display: block;
    width: calc(5.75*var(--r));
    height: auto
}

.lava-iu.lava-iu--ceyiz .nav__crumbs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.8125*var(--r));
    font-size: calc(0.625*var(--r));
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #3b3734;
    white-space: nowrap
}

.lava-iu.lava-iu--ceyiz .nav__crumbs svg {
    width: calc(0.4375*var(--r));
    height: calc(0.5625*var(--r));
    opacity: .7
}

.lava-iu.lava-iu--ceyiz .nav__crumbs a[aria-current] {
    color: #bd0a1d
}

.lava-iu.lava-iu--ceyiz .nav__share {
    position: absolute;
    right: calc(2.75*var(--r));
    top: 0;
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center;
    gap: calc(0.5*var(--r));
    font-size: calc(0.7188*var(--r));
    color: #2d2926
}

.lava-iu.lava-iu--ceyiz .nav__share svg {
    width: calc(1*var(--r));
    height: calc(1*var(--r))
}

.lava-iu.lava-iu--ceyiz .hero {
    position: relative;
    height: calc(29.875*var(--r));
    overflow: hidden;
    background: #6e100e
}

.lava-iu.lava-iu--ceyiz .hero__photo {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(49*var(--r));
    height: calc(29.875*var(--r));
    object-fit: cover
}

.lava-iu.lava-iu--ceyiz .hero__panel {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.lava-iu.lava-iu--ceyiz .hero__content {
    position: absolute;
    inset: 0
}

.lava-iu.lava-iu--ceyiz .hero .eyebrow {
    left: calc(50.375*var(--r));
    color: rgba(255, 255, 255, .78);
    font-weight: 400;
    letter-spacing: .39em
}

.lava-iu.lava-iu--ceyiz .hero h1 {
    position: absolute;
    left: calc(50.375*var(--r));
    top: calc(var(--y) * calc(1*var(--r)) / 16);
    font-family: var(--serif);
    font-weight: 500;
    color: #fff;
    font-size: calc(2.4753*var(--r));
    line-height: calc(3.4375*var(--r));
    letter-spacing: -.02em;
    white-space: nowrap
}

.lava-iu.lava-iu--ceyiz .hero__lead {
    left: calc(50.375*var(--r));
    font-size: calc(0.925*var(--r));
    letter-spacing: .01em;
    line-height: calc(1.375*var(--r));
    color: rgba(255, 255, 255, .88);
    white-space: nowrap
}

.lava-iu.lava-iu--ceyiz .hero__btn {
    position: absolute;
    left: calc(50.375*var(--r));
    top: calc(24.4375*var(--r));
    width: calc(17.75*var(--r));
    height: calc(2.75*var(--r));
    border-radius: calc(1.375*var(--r));
    background: #fff;
    color: #2a1a18;
    font-size: calc(0.7188*var(--r));
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.5625*var(--r));
    transition: transform .2s, box-shadow .2s;
    box-shadow: 0 calc(0.25*var(--r)) calc(0.875*var(--r)) rgba(0, 0, 0, .18)
}

.lava-iu.lava-iu--ceyiz .hero__btn:hover {
    transform: translateY(calc(-0.0625*var(--r)));
    box-shadow: 0 calc(0.375*var(--r)) calc(1.125*var(--r)) rgba(0, 0, 0, .26)
}

.lava-iu.lava-iu--ceyiz .hero__btn svg {
    width: calc(0.625*var(--r));
    height: calc(0.625*var(--r))
}

.lava-iu.lava-iu--ceyiz .story {
    position: relative
}

.lava-iu.lava-iu--ceyiz .story--1 {
    height: calc(21.75*var(--r));
    margin-top: calc(1.875*var(--r))
}

.lava-iu.lava-iu--ceyiz .story--2 {
    height: calc(22.75*var(--r));
    margin-top: calc(3*var(--r))
}

.lava-iu.lava-iu--ceyiz .story--3 {
    height: calc(23.5*var(--r));
    margin-top: calc(1.75*var(--r))
}

.lava-iu.lava-iu--ceyiz .collage {
    position: absolute;
    left: calc(4.125*var(--r));
    top: 0;
    width: calc(31.3125*var(--r));
    height: calc(21.75*var(--r))
}

.lava-iu.lava-iu--ceyiz .collage img {
    position: absolute;
    object-fit: cover;
    border-radius: calc(1*var(--r))
}

.lava-iu.lava-iu--ceyiz .collage .t1 {
    left: 0;
    top: 0;
    width: calc(13.875*var(--r));
    height: calc(10.75*var(--r))
}

.lava-iu.lava-iu--ceyiz .collage .t2 {
    left: calc(14.25*var(--r));
    top: 0;
    width: calc(17.0625*var(--r));
    height: calc(10.75*var(--r))
}

.lava-iu.lava-iu--ceyiz .collage .t3 {
    left: 0;
    top: calc(11.125*var(--r));
    width: calc(20.375*var(--r));
    height: calc(10.625*var(--r))
}

.lava-iu.lava-iu--ceyiz .collage .t4 {
    left: calc(20.75*var(--r));
    top: calc(11.125*var(--r));
    width: calc(10.5625*var(--r));
    height: calc(10.625*var(--r))
}

.lava-iu.lava-iu--ceyiz .story--1 .col {
    position: absolute;
    left: calc(38.75*var(--r));
    top: 0;
    width: calc(35*var(--r));
    height: 100%
}

.lava-iu.lava-iu--ceyiz .story--1 .copy strong {
    display: block
}

.lava-iu.lava-iu--ceyiz .story--1 .copy {
    font-size: calc(0.9688*var(--r));
    letter-spacing: .034em
}

.lava-iu.lava-iu--ceyiz .story--3 .copy {
    font-size: calc(0.9*var(--r))
}

.lava-iu.lava-iu--ceyiz .story--1 .copy--bold {
    font-size: calc(1.0063*var(--r));
    letter-spacing: .03em;
    line-height: calc(1.5*var(--r));
    font-weight: 600;
    color: #1e1b19
}

.lava-iu.lava-iu--ceyiz .story__img {
    position: absolute;
    object-fit: cover;
    top: 0
}

.lava-iu.lava-iu--ceyiz .story--2 .story__img {
    left: calc(35.375*var(--r));
    width: calc(40*var(--r));
    height: calc(22.75*var(--r));
    border-radius: calc(1.375*var(--r)) 0 0 calc(1.375*var(--r))
}

.lava-iu.lava-iu--ceyiz .story--2 .col {
    position: absolute;
    left: calc(4.125*var(--r));
    top: 0;
    width: calc(30*var(--r));
    height: 100%
}

.lava-iu.lava-iu--ceyiz .story--2 .btn {
    position: absolute;
    left: 0;
    top: calc(18.1875*var(--r));
    width: calc(18.1875*var(--r))
}

.lava-iu.lava-iu--ceyiz .story--3 .story__img {
    left: 0;
    width: calc(40*var(--r));
    height: calc(23.5*var(--r));
    border-radius: 0 calc(1.375*var(--r)) calc(1.375*var(--r)) 0
}

.lava-iu.lava-iu--ceyiz .story--3 .col {
    position: absolute;
    left: calc(43.125*var(--r));
    top: 0;
    width: calc(30*var(--r));
    height: 100%
}

.lava-iu.lava-iu--ceyiz .story--3 .btn {
    position: absolute;
    left: calc(-0.0625*var(--r));
    top: calc(19.625*var(--r));
    width: calc(22.4375*var(--r))
}

.lava-iu.lava-iu--ceyiz .life {
    position: relative;
    height: calc(34*var(--r));
    margin-top: calc(-0.125*var(--r))
}

.lava-iu.lava-iu--ceyiz .life .eyebrow,
.lava-iu.lava-iu--ceyiz .guides .eyebrow,
.lava-iu.lava-iu--ceyiz .sets .eyebrow {
    left: 0;
    right: 0;
    text-align: center
}

.lava-iu.lava-iu--ceyiz .life .h2,
.lava-iu.lava-iu--ceyiz .guides .h2,
.lava-iu.lava-iu--ceyiz .sets .h2 {
    left: 0;
    right: 0;
    text-align: center;
    font-size: calc(2.2960*var(--r));
    line-height: calc(3.5*var(--r))
}

.lava-iu.lava-iu--ceyiz .guides .h2 {
    font-size: calc(1.8860*var(--r))
}

.lava-iu.lava-iu--ceyiz .sets .h2 {
    font-size: calc(2.1833*var(--r))
}

.lava-iu.lava-iu--ceyiz .life__grid {
    position: absolute;
    left: calc(0.6562*var(--r));
    top: calc(9.0625*var(--r));
    width: calc(74.25*var(--r));
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.lava-iu.lava-iu--ceyiz .life__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative
}

.lava-iu.lava-iu--ceyiz .life__disc {
    position: relative;
    width: calc(15.5*var(--r));
    height: calc(15.5*var(--r))
}

.lava-iu.lava-iu--ceyiz .life__disc img {
    width: calc(15.5*var(--r));
    height: calc(15.5*var(--r));
    border-radius: 50%;
    object-fit: cover
}

.lava-iu.lava-iu--ceyiz .life__badge {
    position: absolute;
    left: 50%;
    bottom: calc(-1.375*var(--r));
    width: calc(4.125*var(--r));
    height: calc(4.125*var(--r));
    margin-left: calc(-2.0625*var(--r));
    border-radius: 50%;
    background: var(--bg);
    display: flex;
    align-items: center;
    justify-content: center
}

.lava-iu.lava-iu--ceyiz .life__badge svg {
    width: calc(3.125*var(--r));
    height: calc(3.125*var(--r));
    stroke: #4e4a46;
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round
}

.lava-iu.lava-iu--ceyiz .life__lead {
    font-family: var(--serif);
    font-size: calc(0.9350*var(--r));
    line-height: calc(1.375*var(--r));
    color: #1d1a18;
    font-weight: 500;
    margin-top: calc(2.375*var(--r));
    letter-spacing: -.01em
}

.lava-iu.lava-iu--ceyiz .life__title {
    font-family: var(--serif);
    font-size: calc(1.2100*var(--r));
    line-height: calc(1.875*var(--r));
    color: #171514;
    font-weight: 600;
    margin-top: calc(0.5*var(--r));
    letter-spacing: -.01em
}

.lava-iu.lava-iu--ceyiz .link {
    font-size: calc(0.6562*var(--r));
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--red);
    display: inline-flex;
    align-items: center;
    gap: calc(0.3125*var(--r));
    white-space: nowrap
}

.lava-iu.lava-iu--ceyiz .link svg {
    width: calc(0.5625*var(--r));
    height: calc(0.5625*var(--r))
}

.lava-iu.lava-iu--ceyiz .life__link {
    margin-top: calc(0.5625*var(--r))
}

.lava-iu.lava-iu--ceyiz .guides {
    position: relative;
    height: calc(29.875*var(--r))
}

.lava-iu.lava-iu--ceyiz .guides__grid {
    position: absolute;
    left: calc(2.8125*var(--r));
    top: calc(7.8125*var(--r));
    width: calc(69.875*var(--r));
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(1.5625*var(--r))
}

.lava-iu.lava-iu--ceyiz .gcard {
    background: #fcfbfa;
    border-radius: calc(0.5*var(--r));
    height: calc(20*var(--r));
    position: relative;
    overflow: hidden;
    box-shadow: 0 calc(0.125*var(--r)) calc(0.625*var(--r)) rgba(70, 40, 30, .06);
    transition: transform .25s, box-shadow .25s
}

.lava-iu.lava-iu--ceyiz .gcard:hover {
    transform: translateY(calc(-0.1875*var(--r)));
    box-shadow: 0 calc(0.5*var(--r)) calc(1.375*var(--r)) rgba(70, 40, 30, .12)
}

.lava-iu.lava-iu--ceyiz .gcard img {
    width: 100%;
    height: calc(9.8125*var(--r));
    object-fit: cover
}

.lava-iu.lava-iu--ceyiz .gcard h3 {
    position: absolute;
    left: calc(1.1875*var(--r));
    top: calc(10.375*var(--r));
    font-family: var(--serif);
    font-weight: 600;
    font-size: calc(0.9350*var(--r));
    line-height: calc(1.5625*var(--r));
    color: #1a1716;
    letter-spacing: -.01em;
    white-space: nowrap
}

.lava-iu.lava-iu--ceyiz .gcard .link {
    position: absolute;
    left: calc(1.1875*var(--r));
    top: calc(18.1875*var(--r))
}

.lava-iu.lava-iu--ceyiz .sets {
    position: relative;
    height: calc(27.75*var(--r))
}

.lava-iu.lava-iu--ceyiz .sets__rail {
    position: absolute;
    left: calc(2.75*var(--r));
    top: calc(6.6875*var(--r));
    width: calc(70.0625*var(--r));
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: calc(0.5625*var(--r))
}

.lava-iu.lava-iu--ceyiz .pcard {
    background: #fff;
    border-radius: calc(0.5*var(--r));
    height: calc(17.875*var(--r));
    position: relative;
    box-shadow: 0 calc(0.0625*var(--r)) calc(0.375*var(--r)) rgba(70, 40, 30, .05)
}

.lava-iu.lava-iu--ceyiz .pcard__img {
    position: absolute;
    left: calc(0.375*var(--r));
    top: calc(0.5*var(--r));
    width: calc(12.8125*var(--r));
    height: calc(8.125*var(--r));
    object-fit: contain;
    background: #fff
}

.lava-iu.lava-iu--ceyiz .pcard h3 {
    position: absolute;
    left: calc(1*var(--r));
    top: calc(9.3125*var(--r));
    font-size: calc(0.825*var(--r));
    line-height: calc(1.25*var(--r));
    font-weight: 500;
    color: #26221f;
    white-space: nowrap;
    letter-spacing: -.005em
}

.lava-iu.lava-iu--ceyiz .pcard__hit {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: calc(0.5*var(--r))
}

.lava-iu.lava-iu--ceyiz .pcard__btn {
    position: absolute;
    z-index: 2;
    left: calc(1*var(--r));
    right: calc(0.9375*var(--r));
    top: calc(14.875*var(--r));
    height: calc(2.125*var(--r));
    border-radius: calc(0.25*var(--r));
    background: var(--red);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(0.6875*var(--r));
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    transition: filter .2s
}

.lava-iu.lava-iu--ceyiz .pcard__btn:hover {
    filter: brightness(1.12)
}

.lava-iu.lava-iu--ceyiz .sets__arrow {
    position: absolute;
    top: calc(14.9375*var(--r));
    width: calc(2.5*var(--r));
    height: calc(2.5*var(--r));
    border-radius: 50%;
    background: rgba(150, 148, 144, .88);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: background .2s
}

.lava-iu.lava-iu--ceyiz .sets__arrow:hover {
    background: rgba(120, 118, 114, .95)
}

.lava-iu.lava-iu--ceyiz .sets__arrow svg {
    width: calc(0.875*var(--r));
    height: calc(0.875*var(--r));
    stroke: #fff;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.lava-iu.lava-iu--ceyiz .sets__arrow--prev {
    left: calc(0.8125*var(--r))
}

.lava-iu.lava-iu--ceyiz .sets__arrow--next {
    right: calc(0.875*var(--r))
}

.lava-iu.lava-iu--ceyiz .foot-space {
    height: 0
}

@container lava (max-width:900px) {
    .lava-iu.lava-iu--ceyiz .page {
        --r: calc(min(100cqw, 560px)/24.375)
    }

    .lava-iu.lava-iu--ceyiz .page {
        font-size: calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .page {
        max-width: 760px;
        overflow: hidden
    }

    .lava-iu.lava-iu--ceyiz .p {
        position: static
    }

    .lava-iu.lava-iu--ceyiz h1,
    .lava-iu.lava-iu--ceyiz .h2 {
        text-wrap: balance
    }

    .lava-iu.lava-iu--ceyiz .copy br,
    .lava-iu.lava-iu--ceyiz .hero__lead br,
    .lava-iu.lava-iu--ceyiz .gcard h3 br,
    .lava-iu.lava-iu--ceyiz .pcard h3 br {
        display: none
    }

    .lava-iu.lava-iu--ceyiz .nav {
        height: calc(3.5*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .nav__logo {
        left: calc(1.25*var(--r));
        top: 0;
        width: calc(5.875*var(--r));
        height: calc(3.5*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .nav__logo img {
        width: calc(5.875*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .nav__crumbs {
        display: none
    }

    .lava-iu.lava-iu--ceyiz .nav__share {
        right: calc(1.25*var(--r));
        height: calc(3.5*var(--r));
        font-size: calc(0.8125*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .nav__share svg {
        width: calc(1.0625*var(--r));
        height: calc(1.0625*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .hero {
        height: auto;
        overflow: visible;
        background: #6e100e
    }

    .lava-iu.lava-iu--ceyiz .hero__photo {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 4/3;
        object-position: 0 50%
    }

    .lava-iu.lava-iu--ceyiz .hero__panel {
        display: none
    }

    .lava-iu.lava-iu--ceyiz .hero__content {
        position: relative;
        inset: auto;
        padding: calc(1.875*var(--r)) calc(1.5*var(--r)) calc(2.375*var(--r));
        background: linear-gradient(160deg, #8a1c11, #6b0e0d);
        border-radius: calc(1.375*var(--r)) calc(1.375*var(--r)) 0 0;
        margin-top: calc(-1.375*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .hero .eyebrow {
        position: static;
        display: block;
        margin-bottom: calc(0.875*var(--r));
        font-size: calc(0.6875*var(--r));
        letter-spacing: .34em
    }

    .lava-iu.lava-iu--ceyiz .hero h1 {
        position: static;
        font-size: calc(1.8275*var(--r)) !important;
        line-height: calc(2.375*var(--r)) !important;
        white-space: normal;
        margin-bottom: calc(1*var(--r));
        letter-spacing: -.02em
    }

    .lava-iu.lava-iu--ceyiz .hero__lead {
        position: static;
        display: block;
        font-size: calc(0.9375*var(--r));
        line-height: calc(1.4375*var(--r));
        white-space: normal;
        margin-bottom: calc(1.5*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .hero__btn {
        position: static;
        width: 100%;
        max-width: calc(20*var(--r));
        height: calc(3*var(--r));
        font-size: calc(0.7188*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .story,
    .lava-iu.lava-iu--ceyiz .story--1,
    .lava-iu.lava-iu--ceyiz .story--2,
    .lava-iu.lava-iu--ceyiz .story--3 {
        height: auto;
        margin-top: calc(2.75*var(--r));
        padding: 0 calc(1.25*var(--r));
        display: flex;
        flex-direction: column
    }

    .lava-iu.lava-iu--ceyiz .story--1 {
        margin-top: calc(2.25*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .collage {
        position: relative;
        left: 0;
        top: auto;
        width: 100%;
        height: auto;
        aspect-ratio: 501/348;
        margin-bottom: calc(1.625*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .collage img {
        border-radius: calc(0.75*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .collage .t1 {
        left: 0;
        top: 0;
        width: 44.3%;
        height: 49.4%
    }

    .lava-iu.lava-iu--ceyiz .collage .t2 {
        left: 45.5%;
        top: 0;
        width: 54.5%;
        height: 49.4%
    }

    .lava-iu.lava-iu--ceyiz .collage .t3 {
        left: 0;
        top: 51.1%;
        width: 65.1%;
        height: 48.9%
    }

    .lava-iu.lava-iu--ceyiz .collage .t4 {
        left: 66.3%;
        top: 51.1%;
        width: 33.7%;
        height: 48.9%
    }

    .lava-iu.lava-iu--ceyiz .story .col {
        position: static !important;
        width: auto !important;
        height: auto !important
    }

    .lava-iu.lava-iu--ceyiz .story__img {
        position: relative !important;
        left: 0 !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16/10;
        border-radius: calc(1*var(--r)) !important;
        margin-bottom: calc(1.625*var(--r));
        order: -1
    }

    .lava-iu.lava-iu--ceyiz .story .btn {
        position: static !important;
        width: 100% !important;
        max-width: calc(21.25*var(--r));
        margin-top: calc(1.5*var(--r));
        height: calc(3*var(--r));
        border-radius: calc(1.5*var(--r));
        font-size: calc(0.7188*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .eyebrow {
        white-space: normal;
        font-size: calc(0.6562*var(--r));
        line-height: calc(1*var(--r));
        margin-bottom: calc(0.625*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .h2,
    .lava-iu.lava-iu--ceyiz .life .h2,
    .lava-iu.lava-iu--ceyiz .guides .h2,
    .lava-iu.lava-iu--ceyiz .sets .h2 {
        font-size: calc(1.6663*var(--r)) !important;
        line-height: calc(2.25*var(--r)) !important;
        white-space: normal;
        margin-bottom: calc(0.875*var(--r));
        letter-spacing: -.02em
    }

    .lava-iu.lava-iu--ceyiz .story .h2 {
        margin-bottom: calc(1*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .copy,
    .lava-iu.lava-iu--ceyiz .story--1 .copy,
    .lava-iu.lava-iu--ceyiz .story--3 .copy {
        white-space: normal;
        font-size: calc(0.9375*var(--r)) !important;
        letter-spacing: .01em;
        line-height: calc(1.5*var(--r)) !important;
        margin-bottom: calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .copy--bold {
        font-size: calc(1*var(--r)) !important;
        line-height: calc(1.5*var(--r)) !important;
        margin-top: calc(0.375*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .life,
    .lava-iu.lava-iu--ceyiz .guides,
    .lava-iu.lava-iu--ceyiz .sets {
        height: auto;
        margin-top: 0;
        padding: calc(3.5*var(--r)) calc(1.25*var(--r)) 0;
        text-align: center
    }

    .lava-iu.lava-iu--ceyiz .life .eyebrow,
    .lava-iu.lava-iu--ceyiz .guides .eyebrow,
    .lava-iu.lava-iu--ceyiz .sets .eyebrow {
        position: static
    }

    .lava-iu.lava-iu--ceyiz .life .h2,
    .lava-iu.lava-iu--ceyiz .guides .h2,
    .lava-iu.lava-iu--ceyiz .sets .h2 {
        position: static;
        margin-bottom: calc(1.75*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .life__grid {
        position: static;
        width: auto;
        grid-template-columns: 1fr 1fr;
        gap: calc(2.125*var(--r)) calc(1*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .life__disc,
    .lava-iu.lava-iu--ceyiz .life__disc img {
        width: 100%;
        height: auto;
        aspect-ratio: 1
    }

    .lava-iu.lava-iu--ceyiz .life__badge {
        width: calc(3.5*var(--r));
        height: calc(3.5*var(--r));
        margin-left: calc(-1.75*var(--r));
        bottom: calc(-0.875*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .life__badge svg {
        width: calc(2.25*var(--r));
        height: calc(2.25*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .life__lead {
        font-size: calc(0.8156*var(--r));
        line-height: calc(1.1875*var(--r));
        margin-top: calc(1.875*var(--r));
        padding: 0 calc(0.25*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .life__title {
        font-size: calc(1.1250*var(--r));
        line-height: calc(1.5625*var(--r));
        margin-top: calc(0.3125*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .life__link {
        margin-top: calc(0.625*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .guides__grid {
        position: static;
        width: auto;
        grid-template-columns: 1fr 1fr;
        gap: calc(0.875*var(--r));
        text-align: left
    }

    .lava-iu.lava-iu--ceyiz .gcard {
        height: auto;
        padding-bottom: calc(2.875*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .gcard img {
        height: auto;
        aspect-ratio: 130/78
    }

    .lava-iu.lava-iu--ceyiz .gcard h3 {
        position: static;
        display: block;
        padding: calc(0.875*var(--r)) calc(0.875*var(--r)) 0;
        font-size: calc(0.9563*var(--r));
        line-height: calc(1.375*var(--r));
        white-space: normal;
        letter-spacing: -.01em
    }

    .lava-iu.lava-iu--ceyiz .gcard .link {
        left: calc(0.875*var(--r)) !important;
        top: auto !important;
        bottom: calc(1*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .sets {
        padding-bottom: calc(4*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .sets__rail {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        display: flex;
        gap: calc(0.75*var(--r));
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc(1.25*var(--r));
        padding: calc(0.25*var(--r)) calc(1.25*var(--r)) calc(0.625*var(--r));
        margin: 0 calc(-1.25*var(--r));
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        text-align: left
    }

    .lava-iu.lava-iu--ceyiz .sets__rail::-webkit-scrollbar {
        display: none
    }

    .lava-iu.lava-iu--ceyiz .pcard {
        flex: 0 0 calc(12.25*var(--r));
        height: calc(18.5*var(--r));
        scroll-snap-align: start
    }

    .lava-iu.lava-iu--ceyiz .pcard__img {
        left: calc(0.5*var(--r));
        top: calc(0.625*var(--r));
        width: calc(11.25*var(--r));
        height: calc(7.75*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .pcard h3 {
        white-space: normal;
        font-size: calc(0.8438*var(--r));
        line-height: calc(1.1875*var(--r));
        top: calc(9.125*var(--r));
        left: calc(0.875*var(--r));
        right: calc(0.75*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .pcard__btn {
        left: calc(0.875*var(--r));
        right: calc(0.875*var(--r));
        top: calc(15*var(--r));
        height: calc(2.5*var(--r));
        font-size: calc(0.7188*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .sets__arrow {
        display: none
    }
}

@container lava (min-width:600px) and (max-width:900px) {
    .lava-iu.lava-iu--ceyiz .life__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .life__lead {
        font-size: calc(0.7031*var(--r));
        line-height: calc(1.0625*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .life__title {
        font-size: calc(0.9563*var(--r));
        line-height: calc(1.375*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .guides__grid {
        grid-template-columns: repeat(4, 1fr)
    }

    .lava-iu.lava-iu--ceyiz .gcard h3 {
        font-size: calc(0.7875*var(--r));
        line-height: calc(1.1875*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .pcard {
        flex-basis: calc(13.125*var(--r))
    }
}

@container lava (max-width:360px) {
    .lava-iu.lava-iu--ceyiz .guides__grid {
        grid-template-columns: 1fr
    }

    .lava-iu.lava-iu--ceyiz .life__lead {
        font-size: calc(0.7594*var(--r))
    }
}

@container lava (min-width:901px) {
    .lava-iu.lava-iu--ceyiz .page {
        --gap-sec: calc(5.5*var(--r));
        --gap-story: calc(5*var(--r));
        --pad-x: calc(4.125*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .lava-main {
        padding-bottom: calc(5.5*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .story {
        height: auto !important;
        margin-top: var(--gap-story) !important;
        display: flex;
        align-items: center;
        gap: calc(4*var(--r));
        padding: 0 var(--pad-x)
    }

    .lava-iu.lava-iu--ceyiz .story--1 {
        margin-top: calc(4.5*var(--r)) !important
    }

    .lava-iu.lava-iu--ceyiz .story .p {
        position: static
    }

    .lava-iu.lava-iu--ceyiz .story .col {
        position: static;
        width: auto;
        height: auto;
        flex: 1 1 0;
        min-width: 0;
        max-width: calc(33*var(--r));
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .lava-iu.lava-iu--ceyiz .story .collage {
        position: relative;
        left: auto;
        top: auto;
        flex: none
    }

    .lava-iu.lava-iu--ceyiz .story>.story__img {
        position: static;
        flex: 0 0 calc(40*var(--r));
        width: calc(40*var(--r));
        height: calc(24*var(--r));
        object-fit: cover
    }

    .lava-iu.lava-iu--ceyiz .story:has(> .story__img:first-child) {
        padding-left: 0
    }

    .lava-iu.lava-iu--ceyiz .story:has(> .story__img:last-child) {
        padding-right: 0;
        justify-content: space-between
    }

    .lava-iu.lava-iu--ceyiz .story>.story__img:first-child {
        border-radius: 0 calc(1.25*var(--r)) calc(1.25*var(--r)) 0
    }

    .lava-iu.lava-iu--ceyiz .story>.story__img:last-child {
        border-radius: calc(1.25*var(--r)) 0 0 calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .story .eyebrow {
        white-space: normal;
        margin-bottom: calc(1*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .story .h2 {
        white-space: normal;
        text-wrap: balance;
        font-size: calc(2*var(--r)) !important;
        line-height: 1.22 !important;
        letter-spacing: -.02em;
        margin-bottom: calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .story .h2 br,
    .lava-iu.lava-iu--ceyiz .story .copy br {
        display: none
    }

    .lava-iu.lava-iu--ceyiz .story .copy {
        white-space: normal;
        font-size: calc(0.9375*var(--r)) !important;
        line-height: 1.6 !important;
        letter-spacing: .005em !important;
        color: var(--text);
        max-width: calc(33*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .story .copy+.copy {
        margin-top: calc(1*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .story .copy--bold {
        color: #1e1b19
    }

    .lava-iu.lava-iu--ceyiz .story .btn {
        position: static;
        width: auto;
        min-width: calc(16*var(--r));
        padding: 0 calc(1.75*var(--r));
        margin-top: calc(2*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .how,
    .lava-iu.lava-iu--ceyiz .life,
    .lava-iu.lava-iu--ceyiz .guides,
    .lava-iu.lava-iu--ceyiz .recipes,
    .lava-iu.lava-iu--ceyiz .sets {
        height: auto !important;
        margin-top: 0 !important;
        padding-top: var(--gap-sec);
        text-align: center
    }

    .lava-iu.lava-iu--ceyiz .how .p,
    .lava-iu.lava-iu--ceyiz .life .p,
    .lava-iu.lava-iu--ceyiz .guides .p,
    .lava-iu.lava-iu--ceyiz .recipes .p,
    .lava-iu.lava-iu--ceyiz .sets .p {
        position: static
    }

    .lava-iu.lava-iu--ceyiz .how .eyebrow,
    .lava-iu.lava-iu--ceyiz .life .eyebrow,
    .lava-iu.lava-iu--ceyiz .guides .eyebrow,
    .lava-iu.lava-iu--ceyiz .recipes .eyebrow,
    .lava-iu.lava-iu--ceyiz .sets .eyebrow {
        display: block
    }

    .lava-iu.lava-iu--ceyiz .how .h2,
    .lava-iu.lava-iu--ceyiz .life .h2,
    .lava-iu.lava-iu--ceyiz .guides .h2,
    .lava-iu.lava-iu--ceyiz .recipes .h2,
    .lava-iu.lava-iu--ceyiz .sets .h2 {
        font-size: calc(2*var(--r)) !important;
        line-height: 1.25 !important;
        margin-top: calc(0.75*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--ceyiz .how__grid,
    .lava-iu.lava-iu--ceyiz .life__grid,
    .lava-iu.lava-iu--ceyiz .guides__grid,
    .lava-iu.lava-iu--ceyiz .recipes__grid,
    .lava-iu.lava-iu--ceyiz .sets__rail {
        position: static;
        width: calc(70*var(--r));
        margin: calc(2.5*var(--r)) auto 0;
        text-align: left
    }

    .lava-iu.lava-iu--ceyiz .how__grid,
    .lava-iu.lava-iu--ceyiz .life__grid {
        text-align: center;
        column-gap: calc(1*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .guides__grid,
    .lava-iu.lava-iu--ceyiz .recipes__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: calc(1.25*var(--r));
        align-items: stretch
    }

    .lava-iu.lava-iu--ceyiz .sets__rail {
        gap: calc(1*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .sets__arrow {
        display: none
    }

    .lava-iu.lava-iu--ceyiz .gcard {
        height: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .gcard img {
        height: auto;
        aspect-ratio: 73/44;
        flex: none
    }

    .lava-iu.lava-iu--ceyiz .gcard h3,
    .lava-iu.lava-iu--ceyiz .gcard p,
    .lava-iu.lava-iu--ceyiz .gcard .link {
        position: static
    }

    .lava-iu.lava-iu--ceyiz .gcard h3 {
        padding: calc(1*var(--r)) calc(1.125*var(--r)) 0;
        white-space: normal
    }

    .lava-iu.lava-iu--ceyiz .gcard p {
        padding: calc(0.5*var(--r)) calc(1.125*var(--r)) 0;
        white-space: normal
    }

    .lava-iu.lava-iu--ceyiz .gcard h3 br,
    .lava-iu.lava-iu--ceyiz .gcard p br {
        display: none
    }

    .lava-iu.lava-iu--ceyiz .gcard .link {
        margin: auto calc(1.125*var(--r)) 0;
        padding-top: calc(1.125*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .rcard {
        height: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: calc(1.125*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .rcard img {
        position: static;
        width: 100%;
        height: auto;
        aspect-ratio: 5/3;
        flex: none
    }

    .lava-iu.lava-iu--ceyiz .rcard h3,
    .lava-iu.lava-iu--ceyiz .rcard .link {
        position: static
    }

    .lava-iu.lava-iu--ceyiz .rcard h3 {
        padding: calc(0.875*var(--r)) calc(1*var(--r)) 0;
        white-space: normal
    }

    .lava-iu.lava-iu--ceyiz .rcard h3 br {
        display: none
    }

    .lava-iu.lava-iu--ceyiz .rcard .link {
        margin: auto calc(1*var(--r)) 0;
        padding-top: calc(0.75*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .pcard {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: calc(0.625*var(--r)) calc(0.625*var(--r)) calc(1*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .pcard__img {
        position: static;
        width: 100%;
        height: calc(8.125*var(--r));
        flex: none
    }

    .lava-iu.lava-iu--ceyiz .pcard h3 {
        position: static;
        padding: calc(0.875*var(--r)) calc(0.375*var(--r)) calc(1*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--ceyiz .pcard h3 br {
        display: none
    }

    .lava-iu.lava-iu--ceyiz .pcard__btn {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        margin: auto calc(0.375*var(--r)) 0
    }
}

@container lava (max-width:900px) {
    .lava-iu.lava-iu--ceyiz .story {
        margin-top: calc(3.75*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .story--1 {
        margin-top: calc(2.75*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .how,
    .lava-iu.lava-iu--ceyiz .life,
    .lava-iu.lava-iu--ceyiz .guides,
    .lava-iu.lava-iu--ceyiz .recipes,
    .lava-iu.lava-iu--ceyiz .sets {
        padding-top: calc(4.25*var(--r))
    }

    .lava-iu.lava-iu--ceyiz .h2,
    .lava-iu.lava-iu--ceyiz .how .h2,
    .lava-iu.lava-iu--ceyiz .life .h2,
    .lava-iu.lava-iu--ceyiz .guides .h2,
    .lava-iu.lava-iu--ceyiz .recipes .h2,
    .lava-iu.lava-iu--ceyiz .sets .h2 {
        line-height: 1.2 !important
    }

    .lava-iu.lava-iu--ceyiz .story .btn {
        margin-top: calc(1.75*var(--r))
    }
}

.lava-iu.lava-iu--balik .page {
    --bg: #f6f3ed;
    --bg-nav: #f6f2ec;
    --ink: #171514;
    --text: #6a6663;
    --eyebrow: #b0636a;
    --red: #b81d23;
    --serif: var(--sans);
    --sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif
}

.lava-iu.lava-iu--balik *,
.lava-iu.lava-iu--balik *::before,
.lava-iu.lava-iu--balik *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.lava-iu.lava-iu--balik .page {
    --r: calc(min(100cqw, 1680px)/75.375)
}

.lava-iu.lava-iu--balik .page {
    background: var(--bg);
    color: var(--ink);
    font-family: var(--sans);
    font-size: calc(0.9375*var(--r));
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden
}

.lava-iu.lava-iu--balik img {
    display: block;
    max-width: none
}

.lava-iu.lava-iu--balik a {
    color: inherit;
    text-decoration: none
}

.lava-iu.lava-iu--balik button {
    font: inherit;
    border: 0;
    background: none;
    cursor: pointer;
    color: inherit
}

.lava-iu.lava-iu--balik .page {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    position: relative;
    background: var(--bg)
}

.lava-iu.lava-iu--balik .p {
    position: absolute;
    top: calc(var(--y) * calc(1*var(--r)) / 16)
}

.lava-iu.lava-iu--balik .eyebrow {
    font-family: var(--sans);
    font-size: calc(0.7188*var(--r));
    line-height: calc(0.875*var(--r));
    font-weight: 500;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--eyebrow);
    white-space: nowrap
}

.lava-iu.lava-iu--balik .h2 {
    font-family: var(--serif);
    font-weight: 500;
    color: var(--ink);
    font-size: calc(2.3575*var(--r));
    line-height: calc(3.125*var(--r));
    letter-spacing: -.02em;
    white-space: nowrap
}

.lava-iu.lava-iu--balik .copy {
    font-size: calc(0.875*var(--r));
    letter-spacing: 0;
    line-height: calc(1.4375*var(--r));
    color: var(--text);
    font-weight: 500;
    white-space: nowrap
}

.lava-iu.lava-iu--balik .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.5625*var(--r));
    height: calc(2.875*var(--r));
    border-radius: calc(1.4375*var(--r));
    background: linear-gradient(180deg, #c3252b, #ad151c);
    color: #fff;
    font-size: calc(0.8625*var(--r));
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 calc(0.1875*var(--r)) calc(0.625*var(--r)) rgba(160, 20, 28, .22);
    transition: filter .2s, transform .2s
}

.lava-iu.lava-iu--balik .btn:hover {
    filter: brightness(1.1);
    transform: translateY(calc(-0.0625*var(--r)))
}

.lava-iu.lava-iu--balik .btn svg,
.lava-iu.lava-iu--balik .link svg {
    width: calc(0.6875*var(--r));
    height: calc(0.6875*var(--r));
    flex: none
}

.lava-iu.lava-iu--balik .link {
    font-size: calc(0.6875*var(--r));
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--red);
    display: inline-flex;
    align-items: center;
    gap: calc(0.4375*var(--r));
    white-space: nowrap
}

.lava-iu.lava-iu--balik .nav {
    position: relative;
    height: calc(2.5*var(--r));
    background: var(--bg-nav)
}

.lava-iu.lava-iu--balik .nav__logo {
    position: absolute;
    left: calc(2.5*var(--r));
    top: 0;
    width: calc(5.75*var(--r));
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center
}

.lava-iu.lava-iu--balik .nav__logo img {
    display: block;
    width: calc(5.75*var(--r));
    height: auto
}

.lava-iu.lava-iu--balik .nav__crumbs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.8125*var(--r));
    font-size: calc(0.625*var(--r));
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #3b3734;
    white-space: nowrap
}

.lava-iu.lava-iu--balik .nav__crumbs svg {
    width: calc(0.4375*var(--r));
    height: calc(0.5625*var(--r));
    opacity: .7
}

.lava-iu.lava-iu--balik .nav__crumbs a[aria-current] {
    color: #bd0a1d
}

.lava-iu.lava-iu--balik .nav__share {
    position: absolute;
    right: calc(2.75*var(--r));
    top: 0;
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center;
    gap: calc(0.5*var(--r));
    font-size: calc(0.7188*var(--r));
    color: #2d2926
}

.lava-iu.lava-iu--balik .nav__share svg {
    width: calc(1*var(--r));
    height: calc(1*var(--r))
}

.lava-iu.lava-iu--balik .hero {
    position: relative;
    height: calc(30.25*var(--r));
    overflow: hidden;
    background: #7a0c0e
}

.lava-iu.lava-iu--balik .hero__photo {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(49*var(--r));
    height: calc(30.25*var(--r));
    object-fit: cover
}

.lava-iu.lava-iu--balik .hero__panel {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.lava-iu.lava-iu--balik .hero__content {
    position: absolute;
    inset: 0
}

.lava-iu.lava-iu--balik .hero .eyebrow {
    left: calc(50.375*var(--r));
    color: rgba(255, 255, 255, .82);
    font-weight: 500;
    letter-spacing: .42em
}

.lava-iu.lava-iu--balik .hero h1 {
    position: absolute;
    left: calc(50.375*var(--r));
    top: calc(var(--y) * calc(1*var(--r)) / 16);
    font-family: var(--serif);
    font-weight: 500;
    color: #fff;
    font-size: calc(2.7931*var(--r));
    line-height: calc(3.475*var(--r));
    letter-spacing: -.02em;
    white-space: nowrap
}

.lava-iu.lava-iu--balik .hero__lead {
    left: calc(50.375*var(--r));
    font-size: calc(0.9375*var(--r));
    letter-spacing: .07em;
    line-height: calc(1.3438*var(--r));
    color: rgba(255, 255, 255, .9);
    white-space: nowrap
}

.lava-iu.lava-iu--balik .hero__btn {
    position: absolute;
    left: calc(50.375*var(--r));
    top: calc(25.5312*var(--r));
    width: calc(22.75*var(--r));
    height: calc(2.9375*var(--r));
    border-radius: calc(1.5*var(--r));
    background: #fff;
    color: #2a1a18;
    font-size: calc(0.8*var(--r));
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.625*var(--r));
    transition: transform .2s, box-shadow .2s;
    box-shadow: 0 calc(0.25*var(--r)) calc(0.875*var(--r)) rgba(0, 0, 0, .18)
}

.lava-iu.lava-iu--balik .hero__btn:hover {
    transform: translateY(calc(-0.0625*var(--r)));
    box-shadow: 0 calc(0.375*var(--r)) calc(1.125*var(--r)) rgba(0, 0, 0, .26)
}

.lava-iu.lava-iu--balik .hero__btn svg {
    width: calc(0.75*var(--r));
    height: calc(0.75*var(--r))
}

.lava-iu.lava-iu--balik .story {
    position: relative
}

.lava-iu.lava-iu--balik .story--1 {
    height: calc(21.75*var(--r));
    margin-top: calc(1.875*var(--r))
}

.lava-iu.lava-iu--balik .story--2 {
    height: calc(24.625*var(--r));
    margin-top: calc(1.375*var(--r))
}

.lava-iu.lava-iu--balik .story--3 {
    height: calc(21.625*var(--r));
    margin-top: calc(0.4375*var(--r))
}

.lava-iu.lava-iu--balik .collage {
    position: absolute;
    left: calc(4.125*var(--r));
    top: 0;
    width: calc(31.3125*var(--r));
    height: calc(21.75*var(--r))
}

.lava-iu.lava-iu--balik .collage img {
    position: absolute;
    object-fit: cover;
    border-radius: calc(1*var(--r))
}

.lava-iu.lava-iu--balik .collage .t1 {
    left: 0;
    top: 0;
    width: calc(13.875*var(--r));
    height: calc(10.75*var(--r))
}

.lava-iu.lava-iu--balik .collage .t2 {
    left: calc(14.25*var(--r));
    top: 0;
    width: calc(17.0625*var(--r));
    height: calc(10.75*var(--r))
}

.lava-iu.lava-iu--balik .collage .t3 {
    left: 0;
    top: calc(11.125*var(--r));
    width: calc(20.375*var(--r));
    height: calc(10.625*var(--r))
}

.lava-iu.lava-iu--balik .collage .t4 {
    left: calc(20.75*var(--r));
    top: calc(11.125*var(--r));
    width: calc(10.5625*var(--r));
    height: calc(10.625*var(--r))
}

.lava-iu.lava-iu--balik .story--1 .col {
    position: absolute;
    left: calc(38.75*var(--r));
    top: 0;
    width: calc(35.625*var(--r));
    height: 100%
}

.lava-iu.lava-iu--balik .story--1 .eyebrow {
    letter-spacing: .42em
}

.lava-iu.lava-iu--balik .story--1 .h2 {
    font-size: calc(2.5112*var(--r))
}

.lava-iu.lava-iu--balik .story--1 .copy {
    font-size: calc(1.0188*var(--r));
    letter-spacing: .085em;
    line-height: calc(1.4625*var(--r))
}

.lava-iu.lava-iu--balik .story--1 .copy--bold {
    font-size: calc(1.0312*var(--r));
    letter-spacing: .07em;
    line-height: calc(1.4688*var(--r));
    font-weight: 700;
    color: #1e1b19
}

.lava-iu.lava-iu--balik .story__img {
    position: absolute;
    object-fit: cover;
    top: 0
}

.lava-iu.lava-iu--balik .story--2 .h2,
.lava-iu.lava-iu--balik .story--3 .h2 {
    font-size: calc(2.2652*var(--r))
}

.lava-iu.lava-iu--balik .story--2 .copy {
    font-size: calc(0.8875*var(--r))
}

.lava-iu.lava-iu--balik .story--3 .copy {
    font-size: calc(0.9563*var(--r));
    letter-spacing: .04em
}

.lava-iu.lava-iu--balik .story--2 .eyebrow {
    letter-spacing: .315em
}

.lava-iu.lava-iu--balik .story--2 .story__img {
    left: calc(30.8125*var(--r));
    width: calc(43.3125*var(--r));
    height: calc(24.625*var(--r));
    border-radius: calc(0.1875*var(--r))
}

.lava-iu.lava-iu--balik .story--2 .col {
    position: absolute;
    left: calc(4.375*var(--r));
    top: 0;
    width: calc(25*var(--r));
    height: 100%
}

.lava-iu.lava-iu--balik .story--2 .btn {
    position: absolute;
    left: 0;
    top: calc(19.1875*var(--r));
    width: calc(19.8125*var(--r))
}

.lava-iu.lava-iu--balik .story--3 .story__img {
    left: 0;
    width: calc(39.25*var(--r));
    height: calc(21.625*var(--r));
    border-radius: 0 calc(1*var(--r)) calc(1*var(--r)) 0
}

.lava-iu.lava-iu--balik .story--3 .col {
    position: absolute;
    left: calc(43.4375*var(--r));
    top: 0;
    width: calc(30*var(--r));
    height: 100%
}

.lava-iu.lava-iu--balik .story--3 .btn {
    position: absolute;
    left: calc(0.0625*var(--r));
    top: calc(17.8125*var(--r));
    width: calc(21.625*var(--r))
}

.lava-iu.lava-iu--balik .how {
    position: relative;
    height: calc(26.8125*var(--r))
}

.lava-iu.lava-iu--balik .how .eyebrow,
.lava-iu.lava-iu--balik .guides .eyebrow,
.lava-iu.lava-iu--balik .recipes .eyebrow,
.lava-iu.lava-iu--balik .sets .eyebrow {
    left: 0;
    right: 0;
    text-align: center
}

.lava-iu.lava-iu--balik .how .h2,
.lava-iu.lava-iu--balik .guides .h2,
.lava-iu.lava-iu--balik .recipes .h2,
.lava-iu.lava-iu--balik .sets .h2 {
    left: 0;
    right: 0;
    text-align: center;
    font-size: calc(2.2550*var(--r));
    line-height: calc(3.375*var(--r))
}

.lava-iu.lava-iu--balik .how .h2 {
    font-size: calc(1.9783*var(--r))
}

.lava-iu.lava-iu--balik .guides .h2 {
    font-size: calc(1.8655*var(--r))
}

.lava-iu.lava-iu--balik .recipes .h2 {
    font-size: calc(1.8809*var(--r))
}

.lava-iu.lava-iu--balik .sets .h2 {
    font-size: calc(1.8553*var(--r))
}

.lava-iu.lava-iu--balik .how__grid {
    position: absolute;
    left: calc(1.3438*var(--r));
    top: calc(6.5625*var(--r));
    width: calc(72.6562*var(--r));
    display: grid;
    grid-template-columns: repeat(5, 1fr)
}

.lava-iu.lava-iu--balik .how__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.lava-iu.lava-iu--balik .how__item img {
    width: calc(12.8125*var(--r));
    height: calc(12.8125*var(--r));
    object-fit: cover;
    border-radius: calc(0.1875*var(--r))
}

.lava-iu.lava-iu--balik .how__title {
    font-size: calc(1*var(--r));
    line-height: calc(1.25*var(--r));
    font-weight: 700;
    color: #1b1917;
    margin-top: calc(1.5625*var(--r));
    white-space: nowrap
}

.lava-iu.lava-iu--balik .how__sub {
    font-size: calc(0.9062*var(--r));
    line-height: calc(1*var(--r));
    font-weight: 400;
    color: #8a8782;
    margin-top: calc(0.5*var(--r));
    min-height: calc(2*var(--r));
    white-space: nowrap
}

.lava-iu.lava-iu--balik .how__item .link {
    margin-top: calc(0.125*var(--r));
    color: #b2404c;
    font-size: calc(0.85*var(--r))
}

.lava-iu.lava-iu--balik .guides {
    position: relative;
    height: calc(26.25*var(--r))
}

.lava-iu.lava-iu--balik .guides__grid {
    position: absolute;
    left: calc(2.75*var(--r));
    top: calc(6.9375*var(--r));
    width: calc(70.6875*var(--r));
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(1.0625*var(--r))
}

.lava-iu.lava-iu--balik .gcard {
    background: #fcfbfa;
    border-radius: calc(0.5*var(--r));
    height: calc(18.3125*var(--r));
    position: relative;
    overflow: hidden;
    box-shadow: 0 calc(0.125*var(--r)) calc(0.625*var(--r)) rgba(70, 40, 30, .06);
    transition: transform .25s, box-shadow .25s
}

.lava-iu.lava-iu--balik .gcard:hover {
    transform: translateY(calc(-0.1875*var(--r)));
    box-shadow: 0 calc(0.5*var(--r)) calc(1.375*var(--r)) rgba(70, 40, 30, .12)
}

.lava-iu.lava-iu--balik .gcard img {
    width: 100%;
    height: calc(10.25*var(--r));
    object-fit: cover
}

.lava-iu.lava-iu--balik .gcard h3 {
    position: absolute;
    left: calc(1*var(--r));
    top: calc(10.5*var(--r));
    font-size: calc(1.0437*var(--r));
    line-height: calc(1.2688*var(--r));
    font-weight: 700;
    color: #171514;
    letter-spacing: -.005em;
    white-space: nowrap
}

.lava-iu.lava-iu--balik .gcard p {
    position: absolute;
    left: calc(1*var(--r));
    top: calc(13.5938*var(--r));
    font-size: calc(0.9625*var(--r));
    line-height: calc(1.1875*var(--r));
    font-weight: 400;
    color: #807d7a;
    white-space: nowrap
}

.lava-iu.lava-iu--balik .gcard .link {
    position: absolute;
    left: calc(1*var(--r));
    top: calc(16.375*var(--r));
    font-size: calc(0.8562*var(--r))
}

.lava-iu.lava-iu--balik .recipes {
    position: relative;
    height: calc(21.375*var(--r))
}

.lava-iu.lava-iu--balik .recipes__grid {
    position: absolute;
    left: calc(2.25*var(--r));
    top: calc(7.125*var(--r));
    width: calc(71.25*var(--r));
    display: grid;
    grid-template-columns: repeat(4, calc(12.875*var(--r))) calc(14.25*var(--r));
    gap: calc(1.0813*var(--r));
    align-items: start
}

.lava-iu.lava-iu--balik .rcard {
    background: #fff;
    border-radius: calc(0.5*var(--r));
    height: calc(12.25*var(--r));
    position: relative;
    overflow: hidden;
    box-shadow: 0 calc(0.0625*var(--r)) calc(0.4375*var(--r)) rgba(70, 40, 30, .07);
    transition: transform .25s
}

.lava-iu.lava-iu--balik .rcard:hover {
    transform: translateY(calc(-0.1875*var(--r)))
}

.lava-iu.lava-iu--balik .rcard img {
    position: absolute;
    left: calc(0.625*var(--r));
    top: calc(0.5*var(--r));
    width: calc(12*var(--r));
    height: calc(7.1875*var(--r));
    object-fit: cover;
    border-radius: calc(0.1875*var(--r))
}

.lava-iu.lava-iu--balik .rcard h3 {
    position: absolute;
    left: calc(1*var(--r));
    top: calc(8.3125*var(--r));
    font-size: calc(0.8625*var(--r));
    line-height: calc(1.125*var(--r));
    font-weight: 400;
    color: #7f7f82;
    white-space: nowrap
}

.lava-iu.lava-iu--balik .rcard .link {
    position: absolute;
    left: calc(1*var(--r));
    top: calc(10.25*var(--r));
    font-size: calc(0.8875*var(--r));
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    color: #b8222c
}

.lava-iu.lava-iu--balik .rpromo {
    background: #fbfaf8;
    border-radius: calc(0.5*var(--r));
    height: calc(12.75*var(--r));
    margin-top: calc(-0.375*var(--r));
    margin-left: calc(0.9187*var(--r));
    position: relative;
    padding: calc(1.0625*var(--r)) calc(1.375*var(--r));
    box-shadow: 0 calc(0.0625*var(--r)) calc(0.375*var(--r)) rgba(70, 40, 30, .05)
}

.lava-iu.lava-iu--balik .rpromo .eyebrow {
    position: static;
    font-size: calc(0.625*var(--r));
    letter-spacing: .37em;
    color: #c0707a;
    text-align: left
}

.lava-iu.lava-iu--balik .rpromo h3 {
    font-family: var(--serif);
    font-weight: 500;
    font-size: calc(1.2100*var(--r));
    line-height: calc(1.6875*var(--r));
    letter-spacing: -.01em;
    color: #171514;
    margin-top: calc(1.0625*var(--r));
    white-space: nowrap
}

.lava-iu.lava-iu--balik .rpromo .btn {
    position: absolute;
    left: calc(1.3125*var(--r));
    top: calc(8.5*var(--r));
    width: calc(11.5625*var(--r));
    height: calc(2.625*var(--r));
    border-radius: calc(1.3125*var(--r));
    font-size: calc(0.7875*var(--r))
}

.lava-iu.lava-iu--balik .sets {
    position: relative;
    height: calc(26.875*var(--r))
}

.lava-iu.lava-iu--balik .sets__rail {
    position: absolute;
    left: calc(2.75*var(--r));
    top: calc(6.9375*var(--r));
    width: calc(70.0625*var(--r));
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: calc(0.5625*var(--r))
}

.lava-iu.lava-iu--balik .pcard {
    background: #fff;
    border-radius: calc(0.5*var(--r));
    height: calc(15.75*var(--r));
    position: relative;
    box-shadow: 0 calc(0.0625*var(--r)) calc(0.375*var(--r)) rgba(70, 40, 30, .05)
}

.lava-iu.lava-iu--balik .pcard__img {
    position: absolute;
    left: calc(0.375*var(--r));
    top: calc(0.5*var(--r));
    width: calc(12.8125*var(--r));
    height: calc(8.125*var(--r));
    object-fit: contain;
    background: #fff
}

.lava-iu.lava-iu--balik .pcard h3 {
    position: absolute;
    left: calc(1*var(--r));
    top: calc(9.25*var(--r));
    right: calc(0.5*var(--r));
    font-size: calc(0.8375*var(--r));
    line-height: calc(1.125*var(--r));
    font-weight: 600;
    color: #26221f;
    white-space: nowrap
}

.lava-iu.lava-iu--balik .pcard__hit {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: calc(0.5*var(--r))
}

.lava-iu.lava-iu--balik .pcard__btn {
    position: absolute;
    z-index: 2;
    left: calc(1*var(--r));
    right: calc(0.9375*var(--r));
    top: calc(12.75*var(--r));
    height: calc(2.125*var(--r));
    border-radius: calc(0.25*var(--r));
    background: var(--red);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(0.6562*var(--r));
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    transition: filter .2s
}

.lava-iu.lava-iu--balik .pcard__btn:hover {
    filter: brightness(1.12)
}

.lava-iu.lava-iu--balik .sets__arrow {
    position: absolute;
    top: calc(13.6875*var(--r));
    width: calc(2.5*var(--r));
    height: calc(2.5*var(--r));
    border-radius: 50%;
    background: rgba(150, 148, 144, .88);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: background .2s
}

.lava-iu.lava-iu--balik .sets__arrow:hover {
    background: rgba(120, 118, 114, .95)
}

.lava-iu.lava-iu--balik .sets__arrow svg {
    width: calc(0.875*var(--r));
    height: calc(0.875*var(--r));
    stroke: #fff;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.lava-iu.lava-iu--balik .sets__arrow--prev {
    left: calc(0.75*var(--r))
}

.lava-iu.lava-iu--balik .sets__arrow--next {
    right: calc(0.75*var(--r))
}

@container lava (max-width:900px) {
    .lava-iu.lava-iu--balik .page {
        --r: calc(min(100cqw, 560px)/24.375)
    }

    .lava-iu.lava-iu--balik .page {
        font-size: calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--balik .page {
        max-width: 760px;
        overflow: hidden
    }

    .lava-iu.lava-iu--balik .p {
        position: static
    }

    .lava-iu.lava-iu--balik h1,
    .lava-iu.lava-iu--balik .h2 {
        text-wrap: balance
    }

    .lava-iu.lava-iu--balik .copy br,
    .lava-iu.lava-iu--balik .hero__lead br,
    .lava-iu.lava-iu--balik .gcard h3 br,
    .lava-iu.lava-iu--balik .gcard p br,
    .lava-iu.lava-iu--balik .pcard h3 br,
    .lava-iu.lava-iu--balik .rpromo h3 br {
        display: none
    }

    .lava-iu.lava-iu--balik .nav {
        height: calc(3.5*var(--r))
    }

    .lava-iu.lava-iu--balik .nav__logo {
        left: calc(1.25*var(--r));
        top: 0;
        width: calc(5.875*var(--r));
        height: calc(3.5*var(--r))
    }

    .lava-iu.lava-iu--balik .nav__logo img {
        width: calc(5.875*var(--r))
    }

    .lava-iu.lava-iu--balik .nav__crumbs {
        display: none
    }

    .lava-iu.lava-iu--balik .nav__share {
        right: calc(1.25*var(--r));
        height: calc(3.5*var(--r));
        font-size: calc(0.8125*var(--r))
    }

    .lava-iu.lava-iu--balik .nav__share svg {
        width: calc(1.0625*var(--r));
        height: calc(1.0625*var(--r))
    }

    .lava-iu.lava-iu--balik .hero {
        height: auto;
        overflow: visible;
        background: #7a0c0e
    }

    .lava-iu.lava-iu--balik .hero__photo {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 4/3;
        object-position: 0 50%
    }

    .lava-iu.lava-iu--balik .hero__panel {
        display: none
    }

    .lava-iu.lava-iu--balik .hero__content {
        position: relative;
        inset: auto;
        padding: calc(1.875*var(--r)) calc(1.5*var(--r)) calc(2.375*var(--r));
        background: linear-gradient(160deg, #951013, #730b0d);
        border-radius: calc(1.375*var(--r)) calc(1.375*var(--r)) 0 0;
        margin-top: calc(-1.375*var(--r))
    }

    .lava-iu.lava-iu--balik .hero .eyebrow {
        position: static;
        display: block;
        margin-bottom: calc(0.875*var(--r));
        font-size: calc(0.6875*var(--r));
        letter-spacing: .3em
    }

    .lava-iu.lava-iu--balik .hero h1 {
        position: static;
        font-size: calc(2.0425*var(--r)) !important;
        line-height: calc(2.5*var(--r)) !important;
        white-space: normal;
        margin-bottom: calc(1*var(--r));
        letter-spacing: -.02em
    }

    .lava-iu.lava-iu--balik .hero h1 br {
        display: none
    }

    .lava-iu.lava-iu--balik .hero__lead {
        position: static;
        display: block;
        font-size: calc(0.9062*var(--r));
        line-height: calc(1.4375*var(--r));
        white-space: normal;
        margin-bottom: calc(1.5*var(--r))
    }

    .lava-iu.lava-iu--balik .hero__btn {
        position: static;
        width: 100%;
        max-width: calc(21.25*var(--r));
        height: calc(3.125*var(--r));
        font-size: calc(0.6875*var(--r));
        letter-spacing: .03em
    }

    .lava-iu.lava-iu--balik .story,
    .lava-iu.lava-iu--balik .story--1,
    .lava-iu.lava-iu--balik .story--2,
    .lava-iu.lava-iu--balik .story--3 {
        height: auto;
        margin-top: calc(2.75*var(--r));
        padding: 0 calc(1.25*var(--r));
        display: flex;
        flex-direction: column
    }

    .lava-iu.lava-iu--balik .story--1 {
        margin-top: calc(2.25*var(--r))
    }

    .lava-iu.lava-iu--balik .collage {
        position: relative;
        left: 0;
        top: auto;
        width: 100%;
        height: auto;
        aspect-ratio: 501/348;
        margin-bottom: calc(1.625*var(--r))
    }

    .lava-iu.lava-iu--balik .collage img {
        border-radius: calc(0.75*var(--r))
    }

    .lava-iu.lava-iu--balik .collage .t1 {
        left: 0;
        top: 0;
        width: 44.3%;
        height: 49.4%
    }

    .lava-iu.lava-iu--balik .collage .t2 {
        left: 45.5%;
        top: 0;
        width: 54.5%;
        height: 49.4%
    }

    .lava-iu.lava-iu--balik .collage .t3 {
        left: 0;
        top: 51.1%;
        width: 65.1%;
        height: 48.9%
    }

    .lava-iu.lava-iu--balik .collage .t4 {
        left: 66.3%;
        top: 51.1%;
        width: 33.7%;
        height: 48.9%
    }

    .lava-iu.lava-iu--balik .story .col {
        position: static !important;
        width: auto !important;
        height: auto !important
    }

    .lava-iu.lava-iu--balik .story__img {
        position: relative !important;
        left: 0 !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16/10;
        border-radius: calc(1*var(--r)) !important;
        margin-bottom: calc(1.625*var(--r));
        order: -1
    }

    .lava-iu.lava-iu--balik .story .btn {
        position: static !important;
        width: 100% !important;
        max-width: calc(21.25*var(--r));
        margin-top: calc(1.5*var(--r));
        height: calc(3*var(--r));
        border-radius: calc(1.5*var(--r));
        font-size: calc(0.6875*var(--r))
    }

    .lava-iu.lava-iu--balik .eyebrow {
        white-space: normal;
        font-size: calc(0.6562*var(--r));
        line-height: calc(1*var(--r));
        margin-bottom: calc(0.625*var(--r))
    }

    .lava-iu.lava-iu--balik .h2,
    .lava-iu.lava-iu--balik .how .h2,
    .lava-iu.lava-iu--balik .guides .h2,
    .lava-iu.lava-iu--balik .recipes .h2,
    .lava-iu.lava-iu--balik .sets .h2 {
        font-size: calc(1.6663*var(--r)) !important;
        line-height: calc(2.25*var(--r)) !important;
        white-space: normal;
        margin-bottom: calc(0.875*var(--r));
        letter-spacing: -.02em
    }

    .lava-iu.lava-iu--balik .story .h2 {
        margin-bottom: calc(1*var(--r))
    }

    .lava-iu.lava-iu--balik .copy,
    .lava-iu.lava-iu--balik .story--1 .copy {
        white-space: normal;
        font-size: calc(0.9062*var(--r)) !important;
        line-height: calc(1.5*var(--r)) !important;
        margin-bottom: calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--balik .copy--bold {
        font-size: calc(0.9375*var(--r)) !important;
        line-height: calc(1.5*var(--r)) !important;
        margin-top: calc(0.375*var(--r))
    }

    .lava-iu.lava-iu--balik .how,
    .lava-iu.lava-iu--balik .guides,
    .lava-iu.lava-iu--balik .recipes,
    .lava-iu.lava-iu--balik .sets {
        height: auto;
        margin-top: 0;
        padding: calc(3.5*var(--r)) calc(1.25*var(--r)) 0;
        text-align: center
    }

    .lava-iu.lava-iu--balik .how .eyebrow,
    .lava-iu.lava-iu--balik .guides .eyebrow,
    .lava-iu.lava-iu--balik .recipes .eyebrow,
    .lava-iu.lava-iu--balik .sets .eyebrow {
        position: static
    }

    .lava-iu.lava-iu--balik .how .h2,
    .lava-iu.lava-iu--balik .guides .h2,
    .lava-iu.lava-iu--balik .recipes .h2,
    .lava-iu.lava-iu--balik .sets .h2 {
        position: static;
        margin-bottom: calc(1.75*var(--r))
    }

    .lava-iu.lava-iu--balik .how__grid {
        position: static;
        width: auto;
        grid-template-columns: 1fr 1fr;
        gap: calc(1.875*var(--r)) calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--balik .how__item img {
        width: 100%;
        height: auto;
        aspect-ratio: 1
    }

    .lava-iu.lava-iu--balik .how__item:last-child {
        grid-column: 1 / -1;
        max-width: 50%;
        justify-self: center;
        width: 100%
    }

    .lava-iu.lava-iu--balik .how__title {
        font-size: calc(1*var(--r));
        margin-top: calc(1*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--balik .how__sub {
        font-size: calc(0.75*var(--r));
        white-space: normal;
        min-height: 0;
        margin-top: calc(0.375*var(--r))
    }

    .lava-iu.lava-iu--balik .guides__grid {
        position: static;
        width: auto;
        grid-template-columns: 1fr 1fr;
        gap: calc(0.875*var(--r));
        text-align: left
    }

    .lava-iu.lava-iu--balik .gcard {
        height: auto;
        padding-bottom: calc(3.125*var(--r))
    }

    .lava-iu.lava-iu--balik .gcard img {
        height: auto;
        aspect-ratio: 730/440
    }

    .lava-iu.lava-iu--balik .gcard h3 {
        position: static;
        display: block;
        padding: calc(0.875*var(--r)) calc(0.875*var(--r)) 0;
        font-size: calc(0.9062*var(--r));
        line-height: calc(1.1875*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--balik .gcard p {
        position: static;
        padding: calc(0.375*var(--r)) calc(0.875*var(--r)) 0;
        font-size: calc(0.75*var(--r));
        line-height: calc(1.125*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--balik .gcard .link {
        left: calc(0.875*var(--r)) !important;
        top: auto !important;
        bottom: calc(1*var(--r))
    }

    .lava-iu.lava-iu--balik .recipes__grid {
        position: static;
        width: auto;
        grid-template-columns: 1fr 1fr;
        gap: calc(0.875*var(--r));
        text-align: left
    }

    .lava-iu.lava-iu--balik .rcard {
        height: auto;
        padding-bottom: calc(3.125*var(--r))
    }

    .lava-iu.lava-iu--balik .rcard img {
        position: static;
        left: auto;
        top: auto;
        width: calc(100% - calc(1*var(--r)));
        margin: calc(0.5*var(--r)) calc(0.5*var(--r)) 0;
        height: auto;
        aspect-ratio: 610/355
    }

    .lava-iu.lava-iu--balik .rcard h3 {
        position: static;
        padding: calc(0.75*var(--r)) calc(0.75*var(--r)) 0;
        font-size: calc(0.8438*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--balik .rcard .link {
        left: calc(0.75*var(--r)) !important;
        top: auto !important;
        bottom: calc(1*var(--r))
    }

    .lava-iu.lava-iu--balik .rpromo {
        grid-column: 1 / -1;
        height: auto;
        margin-top: 0;
        padding: calc(1.5*var(--r)) calc(1.375*var(--r)) calc(1.625*var(--r))
    }

    .lava-iu.lava-iu--balik .rpromo h3 {
        font-size: calc(1.4625*var(--r));
        line-height: calc(1.875*var(--r));
        white-space: normal;
        margin-top: calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--balik .rpromo .btn {
        position: static;
        margin-top: calc(1.25*var(--r));
        width: 100%;
        max-width: calc(15*var(--r));
        height: calc(2.875*var(--r))
    }

    .lava-iu.lava-iu--balik .sets {
        padding-bottom: calc(4*var(--r))
    }

    .lava-iu.lava-iu--balik .sets__rail {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        display: flex;
        gap: calc(0.75*var(--r));
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc(1.25*var(--r));
        padding: calc(0.25*var(--r)) calc(1.25*var(--r)) calc(0.625*var(--r));
        margin: 0 calc(-1.25*var(--r));
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        text-align: left
    }

    .lava-iu.lava-iu--balik .sets__rail::-webkit-scrollbar {
        display: none
    }

    .lava-iu.lava-iu--balik .pcard {
        flex: 0 0 calc(11.25*var(--r));
        height: calc(16.375*var(--r));
        scroll-snap-align: start
    }

    .lava-iu.lava-iu--balik .pcard__img {
        left: calc(0.5*var(--r));
        top: calc(0.625*var(--r));
        width: calc(10.25*var(--r));
        height: calc(7.25*var(--r))
    }

    .lava-iu.lava-iu--balik .pcard h3 {
        white-space: normal;
        font-size: calc(0.7812*var(--r));
        line-height: calc(1.125*var(--r));
        top: calc(8.5*var(--r));
        left: calc(0.875*var(--r));
        right: calc(0.75*var(--r))
    }

    .lava-iu.lava-iu--balik .pcard__btn {
        left: calc(0.875*var(--r));
        right: calc(0.875*var(--r));
        top: calc(13.125*var(--r));
        height: calc(2.5*var(--r));
        font-size: calc(0.6875*var(--r))
    }

    .lava-iu.lava-iu--balik .sets__arrow {
        display: none
    }
}

@container lava (min-width:600px) and (max-width:900px) {
    .lava-iu.lava-iu--balik .how__grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .lava-iu.lava-iu--balik .how__item:last-child {
        grid-column: auto;
        max-width: none
    }

    .lava-iu.lava-iu--balik .guides__grid {
        grid-template-columns: repeat(4, 1fr)
    }

    .lava-iu.lava-iu--balik .gcard h3 {
        font-size: calc(0.7812*var(--r));
        line-height: calc(1.0625*var(--r))
    }

    .lava-iu.lava-iu--balik .gcard p {
        font-size: calc(0.6875*var(--r));
        line-height: calc(1*var(--r))
    }

    .lava-iu.lava-iu--balik .recipes__grid {
        grid-template-columns: repeat(4, 1fr)
    }

    .lava-iu.lava-iu--balik .rpromo {
        grid-column: 1 / -1
    }

    .lava-iu.lava-iu--balik .pcard {
        flex-basis: calc(12.25*var(--r))
    }
}

@container lava (max-width:360px) {

    .lava-iu.lava-iu--balik .guides__grid,
    .lava-iu.lava-iu--balik .recipes__grid {
        grid-template-columns: 1fr
    }
}

@container lava (min-width:901px) {
    .lava-iu.lava-iu--balik .page {
        --gap-sec: calc(5.5*var(--r));
        --gap-story: calc(5*var(--r));
        --pad-x: calc(4.125*var(--r))
    }

    .lava-iu.lava-iu--balik .lava-main {
        padding-bottom: calc(5.5*var(--r))
    }

    .lava-iu.lava-iu--balik .story {
        height: auto !important;
        margin-top: var(--gap-story) !important;
        display: flex;
        align-items: center;
        gap: calc(4*var(--r));
        padding: 0 var(--pad-x)
    }

    .lava-iu.lava-iu--balik .story--1 {
        margin-top: calc(4.5*var(--r)) !important
    }

    .lava-iu.lava-iu--balik .story .p {
        position: static
    }

    .lava-iu.lava-iu--balik .story .col {
        position: static;
        width: auto;
        height: auto;
        flex: 1 1 0;
        min-width: 0;
        max-width: calc(33*var(--r));
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .lava-iu.lava-iu--balik .story .collage {
        position: relative;
        left: auto;
        top: auto;
        flex: none
    }

    .lava-iu.lava-iu--balik .story>.story__img {
        position: static;
        flex: 0 0 calc(40*var(--r));
        width: calc(40*var(--r));
        height: calc(24*var(--r));
        object-fit: cover
    }

    .lava-iu.lava-iu--balik .story:has(> .story__img:first-child) {
        padding-left: 0
    }

    .lava-iu.lava-iu--balik .story:has(> .story__img:last-child) {
        padding-right: 0;
        justify-content: space-between
    }

    .lava-iu.lava-iu--balik .story>.story__img:first-child {
        border-radius: 0 calc(1.25*var(--r)) calc(1.25*var(--r)) 0
    }

    .lava-iu.lava-iu--balik .story>.story__img:last-child {
        border-radius: calc(1.25*var(--r)) 0 0 calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--balik .story .eyebrow {
        white-space: normal;
        margin-bottom: calc(1*var(--r))
    }

    .lava-iu.lava-iu--balik .story .h2 {
        white-space: normal;
        text-wrap: balance;
        font-size: calc(2*var(--r)) !important;
        line-height: 1.22 !important;
        letter-spacing: -.02em;
        margin-bottom: calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--balik .story .h2 br,
    .lava-iu.lava-iu--balik .story .copy br {
        display: none
    }

    .lava-iu.lava-iu--balik .story .copy {
        white-space: normal;
        font-size: calc(0.9375*var(--r)) !important;
        line-height: 1.6 !important;
        letter-spacing: .005em !important;
        color: var(--text);
        max-width: calc(33*var(--r))
    }

    .lava-iu.lava-iu--balik .story .copy+.copy {
        margin-top: calc(1*var(--r))
    }

    .lava-iu.lava-iu--balik .story .copy--bold {
        color: #1e1b19
    }

    .lava-iu.lava-iu--balik .story .btn {
        position: static;
        width: auto;
        min-width: calc(16*var(--r));
        padding: 0 calc(1.75*var(--r));
        margin-top: calc(2*var(--r))
    }

    .lava-iu.lava-iu--balik .how,
    .lava-iu.lava-iu--balik .life,
    .lava-iu.lava-iu--balik .guides,
    .lava-iu.lava-iu--balik .recipes,
    .lava-iu.lava-iu--balik .sets {
        height: auto !important;
        margin-top: 0 !important;
        padding-top: var(--gap-sec);
        text-align: center
    }

    .lava-iu.lava-iu--balik .how .p,
    .lava-iu.lava-iu--balik .life .p,
    .lava-iu.lava-iu--balik .guides .p,
    .lava-iu.lava-iu--balik .recipes .p,
    .lava-iu.lava-iu--balik .sets .p {
        position: static
    }

    .lava-iu.lava-iu--balik .how .eyebrow,
    .lava-iu.lava-iu--balik .life .eyebrow,
    .lava-iu.lava-iu--balik .guides .eyebrow,
    .lava-iu.lava-iu--balik .recipes .eyebrow,
    .lava-iu.lava-iu--balik .sets .eyebrow {
        display: block
    }

    .lava-iu.lava-iu--balik .how .h2,
    .lava-iu.lava-iu--balik .life .h2,
    .lava-iu.lava-iu--balik .guides .h2,
    .lava-iu.lava-iu--balik .recipes .h2,
    .lava-iu.lava-iu--balik .sets .h2 {
        font-size: calc(2*var(--r)) !important;
        line-height: 1.25 !important;
        margin-top: calc(0.75*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--balik .how__grid,
    .lava-iu.lava-iu--balik .life__grid,
    .lava-iu.lava-iu--balik .guides__grid,
    .lava-iu.lava-iu--balik .recipes__grid,
    .lava-iu.lava-iu--balik .sets__rail {
        position: static;
        width: calc(70*var(--r));
        margin: calc(2.5*var(--r)) auto 0;
        text-align: left
    }

    .lava-iu.lava-iu--balik .how__grid,
    .lava-iu.lava-iu--balik .life__grid {
        text-align: center;
        column-gap: calc(1*var(--r))
    }

    .lava-iu.lava-iu--balik .guides__grid,
    .lava-iu.lava-iu--balik .recipes__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: calc(1.25*var(--r));
        align-items: stretch
    }

    .lava-iu.lava-iu--balik .sets__rail {
        gap: calc(1*var(--r))
    }

    .lava-iu.lava-iu--balik .sets__arrow {
        display: none
    }

    .lava-iu.lava-iu--balik .gcard {
        height: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--balik .gcard img {
        height: auto;
        aspect-ratio: 73/44;
        flex: none
    }

    .lava-iu.lava-iu--balik .gcard h3,
    .lava-iu.lava-iu--balik .gcard p,
    .lava-iu.lava-iu--balik .gcard .link {
        position: static
    }

    .lava-iu.lava-iu--balik .gcard h3 {
        padding: calc(1*var(--r)) calc(1.125*var(--r)) 0;
        white-space: normal
    }

    .lava-iu.lava-iu--balik .gcard p {
        padding: calc(0.5*var(--r)) calc(1.125*var(--r)) 0;
        white-space: normal
    }

    .lava-iu.lava-iu--balik .gcard h3 br,
    .lava-iu.lava-iu--balik .gcard p br {
        display: none
    }

    .lava-iu.lava-iu--balik .gcard .link {
        margin: auto calc(1.125*var(--r)) 0;
        padding-top: calc(1.125*var(--r))
    }

    .lava-iu.lava-iu--balik .rcard {
        height: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: calc(1.125*var(--r))
    }

    .lava-iu.lava-iu--balik .rcard img {
        position: static;
        width: 100%;
        height: auto;
        aspect-ratio: 5/3;
        flex: none
    }

    .lava-iu.lava-iu--balik .rcard h3,
    .lava-iu.lava-iu--balik .rcard .link {
        position: static
    }

    .lava-iu.lava-iu--balik .rcard h3 {
        padding: calc(0.875*var(--r)) calc(1*var(--r)) 0;
        white-space: normal
    }

    .lava-iu.lava-iu--balik .rcard h3 br {
        display: none
    }

    .lava-iu.lava-iu--balik .rcard .link {
        margin: auto calc(1*var(--r)) 0;
        padding-top: calc(0.75*var(--r))
    }

    .lava-iu.lava-iu--balik .pcard {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: calc(0.625*var(--r)) calc(0.625*var(--r)) calc(1*var(--r))
    }

    .lava-iu.lava-iu--balik .pcard__img {
        position: static;
        width: 100%;
        height: calc(8.125*var(--r));
        flex: none
    }

    .lava-iu.lava-iu--balik .pcard h3 {
        position: static;
        padding: calc(0.875*var(--r)) calc(0.375*var(--r)) calc(1*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--balik .pcard h3 br {
        display: none
    }

    .lava-iu.lava-iu--balik .pcard__btn {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        margin: auto calc(0.375*var(--r)) 0
    }
}

@container lava (max-width:900px) {
    .lava-iu.lava-iu--balik .story {
        margin-top: calc(3.75*var(--r))
    }

    .lava-iu.lava-iu--balik .story--1 {
        margin-top: calc(2.75*var(--r))
    }

    .lava-iu.lava-iu--balik .how,
    .lava-iu.lava-iu--balik .life,
    .lava-iu.lava-iu--balik .guides,
    .lava-iu.lava-iu--balik .recipes,
    .lava-iu.lava-iu--balik .sets {
        padding-top: calc(4.25*var(--r))
    }

    .lava-iu.lava-iu--balik .h2,
    .lava-iu.lava-iu--balik .how .h2,
    .lava-iu.lava-iu--balik .life .h2,
    .lava-iu.lava-iu--balik .guides .h2,
    .lava-iu.lava-iu--balik .recipes .h2,
    .lava-iu.lava-iu--balik .sets .h2 {
        line-height: 1.2 !important
    }

    .lava-iu.lava-iu--balik .story .btn {
        margin-top: calc(1.75*var(--r))
    }
}

@container lava (min-width:901px) {
    .lava-iu.lava-iu--balik .recipes__grid {
        grid-template-columns: repeat(4, 1fr) 1.2fr
    }

    .lava-iu.lava-iu--balik .rcard img {
        width: calc(100% - calc(1.25*var(--r)));
        margin: calc(0.625*var(--r)) calc(0.625*var(--r)) 0
    }

    .lava-iu.lava-iu--balik .rpromo {
        height: auto;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: calc(1.25*var(--r)) calc(1.375*var(--r)) calc(1.375*var(--r))
    }

    .lava-iu.lava-iu--balik .rpromo h3 {
        white-space: normal;
        margin-bottom: calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--balik .rpromo h3 br {
        display: none
    }

    .lava-iu.lava-iu--balik .rpromo .btn {
        position: static;
        margin-top: auto;
        width: auto;
        padding: 0 calc(1.5*var(--r))
    }
}

.lava-iu.lava-iu--kahvalti .page {
    --bg: #f6f4ef;
    --bg-nav: #f6f4ef;
    --ink: #0b0f14;
    --text: #6e6f6e;
    --eyebrow: #c4747f;
    --red: #bd0a1d;
    --serif: var(--sans);
    --sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif
}

.lava-iu.lava-iu--kahvalti *,
.lava-iu.lava-iu--kahvalti *::before,
.lava-iu.lava-iu--kahvalti *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.lava-iu.lava-iu--kahvalti .page {
    --r: calc(min(100cqw, 1680px)/75.375)
}

.lava-iu.lava-iu--kahvalti .page {
    background: var(--bg);
    color: var(--ink);
    font-family: var(--sans);
    font-size: calc(0.9375*var(--r));
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden
}

.lava-iu.lava-iu--kahvalti img {
    display: block;
    max-width: none
}

.lava-iu.lava-iu--kahvalti a {
    color: inherit;
    text-decoration: none
}

.lava-iu.lava-iu--kahvalti button {
    font: inherit;
    border: 0;
    background: none;
    cursor: pointer;
    color: inherit
}

.lava-iu.lava-iu--kahvalti .page {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    position: relative;
    background: var(--bg)
}

.lava-iu.lava-iu--kahvalti .p {
    position: absolute;
    top: calc(var(--y) * calc(1*var(--r)) / 16)
}

.lava-iu.lava-iu--kahvalti .eyebrow {
    font-family: var(--sans);
    font-size: calc(0.6562*var(--r));
    line-height: calc(0.8125*var(--r));
    font-weight: 500;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--eyebrow);
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .h2 {
    font-family: var(--serif);
    font-weight: 500;
    color: var(--ink);
    font-size: calc(2.1525*var(--r));
    line-height: calc(3*var(--r));
    letter-spacing: -.02em;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .copy {
    font-size: calc(0.8438*var(--r));
    line-height: calc(1.3125*var(--r));
    color: var(--text);
    font-weight: 500;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.625*var(--r));
    height: calc(2.625*var(--r));
    border-radius: calc(1.3125*var(--r));
    background: linear-gradient(180deg, #c5122a, #ac0a1c);
    color: #fff;
    font-size: calc(0.7875*var(--r));
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 calc(0.1875*var(--r)) calc(0.625*var(--r)) rgba(170, 10, 28, .22);
    transition: filter .2s, transform .2s
}

.lava-iu.lava-iu--kahvalti .btn:hover {
    filter: brightness(1.1);
    transform: translateY(calc(-0.0625*var(--r)))
}

.lava-iu.lava-iu--kahvalti .btn svg,
.lava-iu.lava-iu--kahvalti .link svg {
    width: calc(0.6875*var(--r));
    height: calc(0.6875*var(--r));
    flex: none
}

.lava-iu.lava-iu--kahvalti .link {
    font-size: calc(0.7188*var(--r));
    font-weight: 700;
    letter-spacing: 0;
    color: var(--red);
    display: inline-flex;
    align-items: center;
    gap: calc(0.4375*var(--r));
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .nav {
    position: relative;
    height: calc(2.5*var(--r));
    background: var(--bg-nav)
}

.lava-iu.lava-iu--kahvalti .nav__logo {
    position: absolute;
    left: calc(2.5*var(--r));
    top: 0;
    width: calc(5.75*var(--r));
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center
}

.lava-iu.lava-iu--kahvalti .nav__logo img {
    display: block;
    width: calc(5.75*var(--r));
    height: auto
}

.lava-iu.lava-iu--kahvalti .nav__crumbs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.8125*var(--r));
    font-size: calc(0.625*var(--r));
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #3b3734;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .nav__crumbs svg {
    width: calc(0.4375*var(--r));
    height: calc(0.5625*var(--r));
    opacity: .7
}

.lava-iu.lava-iu--kahvalti .nav__crumbs a[aria-current] {
    color: #bd0a1d
}

.lava-iu.lava-iu--kahvalti .nav__share {
    position: absolute;
    right: calc(2.75*var(--r));
    top: 0;
    height: calc(2.5*var(--r));
    display: flex;
    align-items: center;
    gap: calc(0.5*var(--r));
    font-size: calc(0.7188*var(--r));
    color: #2d2926
}

.lava-iu.lava-iu--kahvalti .nav__share svg {
    width: calc(1*var(--r));
    height: calc(1*var(--r))
}

.lava-iu.lava-iu--kahvalti .hero {
    position: relative;
    height: calc(24.8125*var(--r));
    overflow: hidden;
    background: #8a0c11
}

.lava-iu.lava-iu--kahvalti .hero__photo {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(46.5*var(--r));
    height: calc(24.8125*var(--r));
    object-fit: fill
}

.lava-iu.lava-iu--kahvalti .hero__panel {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.lava-iu.lava-iu--kahvalti .hero__content {
    position: absolute;
    inset: 0
}

.lava-iu.lava-iu--kahvalti .hero .eyebrow {
    left: calc(47.875*var(--r));
    color: #fff;
    font-weight: 600;
    letter-spacing: .27em;
    font-size: calc(0.6562*var(--r))
}

.lava-iu.lava-iu--kahvalti .hero h1 {
    position: absolute;
    left: calc(47.875*var(--r));
    top: calc(var(--y) * calc(1*var(--r)) / 16);
    font-family: var(--serif);
    font-weight: 500;
    color: #fff;
    font-size: calc(2.4447*var(--r));
    line-height: calc(3.0938*var(--r));
    letter-spacing: -.02em;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .hero__lead {
    left: calc(47.875*var(--r));
    font-size: calc(0.9*var(--r));
    letter-spacing: .03em;
    line-height: calc(1.35*var(--r));
    color: #fff;
    font-weight: 500;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .hero__btn {
    position: absolute;
    left: calc(47.875*var(--r));
    top: calc(20.6875*var(--r));
    width: calc(19.75*var(--r));
    height: calc(2.5*var(--r));
    border-radius: calc(1.25*var(--r));
    background: #fff;
    color: #1b1412;
    font-size: calc(0.7375*var(--r));
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.75*var(--r));
    transition: transform .2s, box-shadow .2s;
    box-shadow: 0 calc(0.25*var(--r)) calc(0.875*var(--r)) rgba(0, 0, 0, .18)
}

.lava-iu.lava-iu--kahvalti .hero__btn:hover {
    transform: translateY(calc(-0.0625*var(--r)));
    box-shadow: 0 calc(0.375*var(--r)) calc(1.125*var(--r)) rgba(0, 0, 0, .26)
}

.lava-iu.lava-iu--kahvalti .hero__btn svg {
    width: calc(0.8125*var(--r));
    height: calc(0.8125*var(--r));
    color: #bd0a1d
}

.lava-iu.lava-iu--kahvalti .story {
    position: relative
}

.lava-iu.lava-iu--kahvalti .story--1 {
    height: calc(14.625*var(--r));
    margin-top: calc(1.3125*var(--r))
}

.lava-iu.lava-iu--kahvalti .story--2 {
    height: calc(17*var(--r));
    margin-top: calc(2.25*var(--r))
}

.lava-iu.lava-iu--kahvalti .story--3 {
    height: calc(16.5625*var(--r));
    margin-top: calc(1.5625*var(--r))
}

.lava-iu.lava-iu--kahvalti .story--4 {
    height: calc(16.1875*var(--r));
    margin-top: calc(0.75*var(--r))
}

.lava-iu.lava-iu--kahvalti .collage {
    position: absolute;
    left: calc(4.1875*var(--r));
    top: 0;
    width: calc(27.875*var(--r));
    height: calc(14.625*var(--r))
}

.lava-iu.lava-iu--kahvalti .collage img {
    position: absolute;
    object-fit: cover;
    border-radius: calc(0.5*var(--r))
}

.lava-iu.lava-iu--kahvalti .collage .t1 {
    left: 0;
    top: 0;
    width: calc(12.5*var(--r));
    height: calc(7.5625*var(--r))
}

.lava-iu.lava-iu--kahvalti .collage .t2 {
    left: calc(12.875*var(--r));
    top: 0;
    width: calc(15*var(--r));
    height: calc(7.5625*var(--r))
}

.lava-iu.lava-iu--kahvalti .collage .t3 {
    left: 0;
    top: calc(7.9375*var(--r));
    width: calc(17.375*var(--r));
    height: calc(6.6875*var(--r))
}

.lava-iu.lava-iu--kahvalti .collage .t4 {
    left: calc(17.75*var(--r));
    top: calc(7.9375*var(--r));
    width: calc(10.125*var(--r));
    height: calc(6.6875*var(--r))
}

.lava-iu.lava-iu--kahvalti .story--1 .col {
    position: absolute;
    left: calc(35.6875*var(--r));
    top: 0;
    width: calc(37.5*var(--r));
    height: 100%
}

.lava-iu.lava-iu--kahvalti .story--1 .copy {
    font-size: calc(0.9*var(--r));
    line-height: calc(1.3938*var(--r));
    letter-spacing: .005em
}

.lava-iu.lava-iu--kahvalti .story--1 .copy--bold {
    font-weight: 700;
    color: #0b1014
}

.lava-iu.lava-iu--kahvalti .story--2 .col {
    position: absolute;
    left: calc(4.1875*var(--r));
    top: 0;
    width: calc(31.25*var(--r));
    height: 100%
}

.lava-iu.lava-iu--kahvalti .story--2 .btn {
    position: absolute;
    left: 0;
    top: calc(13.875*var(--r));
    width: calc(21.1875*var(--r))
}

.lava-iu.lava-iu--kahvalti .mcards {
    position: absolute;
    left: calc(37*var(--r));
    top: 0;
    width: calc(35.4375*var(--r));
    display: grid;
    grid-template-columns: calc(17.8125*var(--r)) calc(16.875*var(--r));
    gap: calc(0.75*var(--r))
}

.lava-iu.lava-iu--kahvalti .mcard {
    background: #fff;
    border-radius: calc(0.375*var(--r));
    height: calc(17*var(--r));
    position: relative;
    overflow: hidden;
    box-shadow: 0 calc(0.0625*var(--r)) calc(0.5*var(--r)) rgba(60, 40, 30, .08)
}

.lava-iu.lava-iu--kahvalti .mcard img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(10.3125*var(--r));
    object-fit: cover
}

.lava-iu.lava-iu--kahvalti .mcard h3 {
    position: absolute;
    left: calc(1.125*var(--r));
    top: calc(11.375*var(--r));
    font-size: calc(0.85*var(--r));
    line-height: calc(1*var(--r));
    font-weight: 700;
    color: #0b1014;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .mcard p {
    position: absolute;
    left: calc(1.125*var(--r));
    top: calc(12.4375*var(--r));
    font-size: calc(0.725*var(--r));
    line-height: calc(0.9125*var(--r));
    font-weight: 500;
    color: #76787a;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .mcard .link {
    position: absolute;
    left: calc(1.125*var(--r));
    top: calc(15.75*var(--r));
    font-size: calc(0.7625*var(--r))
}

.lava-iu.lava-iu--kahvalti .story__img {
    position: absolute;
    object-fit: cover
}

.lava-iu.lava-iu--kahvalti .story--3 .story__img {
    left: 0;
    top: 0;
    width: calc(39.75*var(--r));
    height: calc(16.5625*var(--r));
    border-radius: 0 calc(0.375*var(--r)) calc(0.375*var(--r)) 0
}

.lava-iu.lava-iu--kahvalti .story--3 .col {
    position: absolute;
    left: calc(42.875*var(--r));
    top: 0;
    width: calc(31.25*var(--r));
    height: 100%
}

.lava-iu.lava-iu--kahvalti .story--3 .btn {
    position: absolute;
    left: calc(0.1875*var(--r));
    top: calc(12.75*var(--r));
    width: calc(19.125*var(--r))
}

.lava-iu.lava-iu--kahvalti .story--4 .story__img {
    left: calc(34.0625*var(--r));
    top: 0;
    width: calc(41.3125*var(--r));
    height: calc(16.1875*var(--r));
    border-radius: calc(0.375*var(--r)) 0 0 calc(0.375*var(--r))
}

.lava-iu.lava-iu--kahvalti .story--4 .col {
    position: absolute;
    left: calc(4.1875*var(--r));
    top: 0;
    width: calc(29.375*var(--r));
    height: 100%
}

.lava-iu.lava-iu--kahvalti .story--4 .btn {
    position: absolute;
    left: calc(0.1875*var(--r));
    top: calc(13.5625*var(--r));
    width: calc(27.3125*var(--r))
}

.lava-iu.lava-iu--kahvalti .how {
    position: relative;
    height: calc(20.125*var(--r))
}

.lava-iu.lava-iu--kahvalti .how .eyebrow,
.lava-iu.lava-iu--kahvalti .guides .eyebrow,
.lava-iu.lava-iu--kahvalti .recipes .eyebrow,
.lava-iu.lava-iu--kahvalti .sets .eyebrow {
    left: 0;
    right: 0;
    text-align: center
}

.lava-iu.lava-iu--kahvalti .how .h2,
.lava-iu.lava-iu--kahvalti .guides .h2,
.lava-iu.lava-iu--kahvalti .recipes .h2,
.lava-iu.lava-iu--kahvalti .sets .h2 {
    left: 0;
    right: 0;
    text-align: center;
    font-size: calc(1.5427*var(--r));
    line-height: calc(2.625*var(--r))
}

.lava-iu.lava-iu--kahvalti .guides .h2 {
    font-size: calc(1.5785*var(--r))
}

.lava-iu.lava-iu--kahvalti .recipes .h2 {
    font-size: calc(1.4760*var(--r))
}

.lava-iu.lava-iu--kahvalti .sets .h2 {
    font-size: calc(1.5682*var(--r))
}

.lava-iu.lava-iu--kahvalti .how__grid {
    position: absolute;
    left: calc(3.1875*var(--r));
    top: calc(5.125*var(--r));
    width: calc(69.0625*var(--r));
    display: grid;
    grid-template-columns: repeat(6, 1fr)
}

.lava-iu.lava-iu--kahvalti .how__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.lava-iu.lava-iu--kahvalti .how__disc {
    position: relative;
    width: calc(9.375*var(--r));
    height: calc(9.375*var(--r))
}

.lava-iu.lava-iu--kahvalti .how__disc img {
    width: calc(9.375*var(--r));
    height: calc(9.375*var(--r));
    border-radius: 50%;
    object-fit: cover
}

.lava-iu.lava-iu--kahvalti .how__badge {
    position: absolute;
    left: 50%;
    bottom: calc(-0.3125*var(--r));
    width: calc(3.75*var(--r));
    height: calc(3.75*var(--r));
    margin-left: calc(-1.875*var(--r));
    border-radius: 50%;
    background: var(--bg);
    display: flex;
    align-items: center;
    justify-content: center
}

.lava-iu.lava-iu--kahvalti .how__badge span {
    width: calc(2.625*var(--r));
    height: calc(2.625*var(--r));
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 calc(0.0625*var(--r)) calc(0.25*var(--r)) rgba(0, 0, 0, .18)
}

.lava-iu.lava-iu--kahvalti .how__badge svg {
    width: calc(1.5*var(--r));
    height: calc(1.5*var(--r));
    stroke: #4a4642;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round
}

.lava-iu.lava-iu--kahvalti .how__title {
    font-size: calc(0.8125*var(--r));
    line-height: calc(1*var(--r));
    font-weight: 700;
    color: #10151a;
    margin-top: calc(0.75*var(--r));
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .how__sub {
    font-size: calc(0.6813*var(--r));
    line-height: calc(0.875*var(--r));
    font-weight: 500;
    color: #7b7c7d;
    margin-top: calc(0.25*var(--r));
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .how__item .link {
    margin-top: calc(0.375*var(--r));
    font-size: calc(0.6813*var(--r))
}

.lava-iu.lava-iu--kahvalti .guides {
    position: relative;
    height: calc(17.6875*var(--r))
}

.lava-iu.lava-iu--kahvalti .guides__grid {
    position: absolute;
    left: calc(2.5*var(--r));
    top: calc(4.625*var(--r));
    width: calc(70.375*var(--r));
    display: grid;
    grid-template-columns: calc(16.5*var(--r)) calc(16.5625*var(--r)) calc(16.5625*var(--r)) calc(16.625*var(--r));
    gap: calc(1.4375*var(--r)) calc(1.375*var(--r))
}

.lava-iu.lava-iu--kahvalti .gcard {
    background: #fff;
    border-radius: calc(0.4375*var(--r));
    height: calc(12.3125*var(--r));
    position: relative;
    overflow: hidden;
    box-shadow: 0 calc(0.0625*var(--r)) calc(0.4375*var(--r)) rgba(70, 40, 30, .07);
    transition: transform .25s
}

.lava-iu.lava-iu--kahvalti .gcard:hover {
    transform: translateY(calc(-0.1875*var(--r)))
}

.lava-iu.lava-iu--kahvalti .gcard img {
    width: 100%;
    height: calc(5.1875*var(--r));
    object-fit: cover
}

.lava-iu.lava-iu--kahvalti .gcard h3 {
    position: absolute;
    left: calc(0.875*var(--r));
    top: calc(5.75*var(--r));
    font-size: calc(0.9*var(--r));
    line-height: calc(1.0938*var(--r));
    font-weight: 700;
    color: #10151a;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .gcard p {
    position: absolute;
    left: calc(0.875*var(--r));
    top: calc(8.5*var(--r));
    font-size: calc(0.7562*var(--r));
    line-height: calc(0.9375*var(--r));
    font-weight: 500;
    color: #6f7173;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .gcard .link {
    position: absolute;
    left: calc(0.875*var(--r));
    top: calc(10.6875*var(--r));
    font-size: calc(0.7875*var(--r))
}

.lava-iu.lava-iu--kahvalti .recipes {
    position: relative;
    height: calc(16.6875*var(--r))
}

.lava-iu.lava-iu--kahvalti .recipes__grid {
    position: absolute;
    left: calc(2.375*var(--r));
    top: calc(5*var(--r));
    width: calc(70.5625*var(--r));
    display: grid;
    grid-template-columns: calc(16.75*var(--r)) calc(16.75*var(--r)) calc(16.8125*var(--r)) calc(16.75*var(--r));
    gap: calc(1.0625*var(--r)) calc(1.1687*var(--r))
}

.lava-iu.lava-iu--kahvalti .rcard {
    background: #fff;
    border-radius: calc(0.4375*var(--r));
    height: calc(10.5*var(--r));
    position: relative;
    overflow: hidden;
    box-shadow: 0 calc(0.0625*var(--r)) calc(0.4375*var(--r)) rgba(70, 40, 30, .07);
    transition: transform .25s
}

.lava-iu.lava-iu--kahvalti .rcard:hover {
    transform: translateY(calc(-0.1875*var(--r)))
}

.lava-iu.lava-iu--kahvalti .rcard img {
    width: 100%;
    height: calc(5.25*var(--r));
    object-fit: cover
}

.lava-iu.lava-iu--kahvalti .rcard h3 {
    position: absolute;
    left: calc(1.125*var(--r));
    top: calc(5.9375*var(--r));
    font-size: calc(0.9125*var(--r));
    line-height: calc(1.125*var(--r));
    font-weight: 700;
    color: #10151a;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .rcard .link {
    position: absolute;
    left: calc(1.125*var(--r));
    top: calc(8.75*var(--r));
    font-size: calc(0.8375*var(--r))
}

.lava-iu.lava-iu--kahvalti .sets {
    position: relative;
    height: calc(26.75*var(--r))
}

.lava-iu.lava-iu--kahvalti .sets__rail {
    position: absolute;
    left: calc(2.75*var(--r));
    top: calc(5.625*var(--r));
    width: calc(70.0625*var(--r));
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: calc(0.5625*var(--r))
}

.lava-iu.lava-iu--kahvalti .pcard {
    background: #fff;
    border-radius: calc(0.4375*var(--r));
    height: calc(13.9375*var(--r));
    position: relative;
    overflow: hidden;
    box-shadow: 0 calc(0.0625*var(--r)) calc(0.4375*var(--r)) rgba(70, 40, 30, .06)
}

.lava-iu.lava-iu--kahvalti .pcard__img {
    position: absolute;
    left: calc(0.375*var(--r));
    top: calc(0.625*var(--r));
    width: calc(100% - calc(0.75*var(--r)));
    height: calc(5.625*var(--r));
    object-fit: contain;
    background: #fff
}

.lava-iu.lava-iu--kahvalti .pcard h3 {
    position: absolute;
    left: calc(1*var(--r));
    top: calc(7.375*var(--r));
    font-size: calc(0.8125*var(--r));
    line-height: calc(1*var(--r));
    font-weight: 600;
    color: #25282b;
    white-space: nowrap
}

.lava-iu.lava-iu--kahvalti .pcard__hit {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: calc(0.4375*var(--r))
}

.lava-iu.lava-iu--kahvalti .pcard__btn {
    position: absolute;
    z-index: 2;
    left: calc(1*var(--r));
    right: calc(1*var(--r));
    top: calc(11.1875*var(--r));
    height: calc(1.9375*var(--r));
    border-radius: calc(0.25*var(--r));
    background: var(--red);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(0.7*var(--r));
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    transition: filter .2s
}

.lava-iu.lava-iu--kahvalti .pcard__btn:hover {
    filter: brightness(1.12)
}

.lava-iu.lava-iu--kahvalti .sets__arrow {
    position: absolute;
    top: calc(8.8125*var(--r));
    width: calc(1.625*var(--r));
    height: calc(1.625*var(--r));
    border-radius: 50%;
    background: rgba(80, 82, 84, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: background .2s
}

.lava-iu.lava-iu--kahvalti .sets__arrow:hover {
    background: rgba(40, 42, 44, .95)
}

.lava-iu.lava-iu--kahvalti .sets__arrow svg {
    width: calc(0.625*var(--r));
    height: calc(0.625*var(--r));
    stroke: #fff;
    fill: none;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.lava-iu.lava-iu--kahvalti .sets__arrow--prev {
    left: calc(0.8125*var(--r))
}

.lava-iu.lava-iu--kahvalti .sets__arrow--next {
    right: calc(0.8125*var(--r))
}

@container lava (max-width:900px) {
    .lava-iu.lava-iu--kahvalti .page {
        --r: calc(min(100cqw, 560px)/24.375)
    }

    .lava-iu.lava-iu--kahvalti .page {
        font-size: calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .page {
        max-width: 760px;
        overflow: hidden
    }

    .lava-iu.lava-iu--kahvalti .p {
        position: static
    }

    .lava-iu.lava-iu--kahvalti h1,
    .lava-iu.lava-iu--kahvalti .h2 {
        text-wrap: balance
    }

    .lava-iu.lava-iu--kahvalti .copy br,
    .lava-iu.lava-iu--kahvalti .hero__lead br,
    .lava-iu.lava-iu--kahvalti .hero h1 br,
    .lava-iu.lava-iu--kahvalti .mcard p br,
    .lava-iu.lava-iu--kahvalti .gcard h3 br,
    .lava-iu.lava-iu--kahvalti .gcard p br,
    .lava-iu.lava-iu--kahvalti .rcard h3 br,
    .lava-iu.lava-iu--kahvalti .pcard h3 br {
        display: none
    }

    .lava-iu.lava-iu--kahvalti .nav {
        height: calc(3.5*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .nav__logo {
        left: calc(1.25*var(--r));
        top: 0;
        width: calc(5.875*var(--r));
        height: calc(3.5*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .nav__logo img {
        width: calc(5.875*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .nav__crumbs {
        display: none
    }

    .lava-iu.lava-iu--kahvalti .nav__share {
        right: calc(1.25*var(--r));
        height: calc(3.5*var(--r));
        font-size: calc(0.8125*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .nav__share svg {
        width: calc(1.0625*var(--r));
        height: calc(1.0625*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .hero {
        height: auto;
        overflow: visible;
        background: #8a0c11
    }

    .lava-iu.lava-iu--kahvalti .hero__photo {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 4/3;
        object-fit: cover;
        object-position: 30% 50%
    }

    .lava-iu.lava-iu--kahvalti .hero__panel {
        display: none
    }

    .lava-iu.lava-iu--kahvalti .hero__content {
        position: relative;
        inset: auto;
        padding: calc(1.875*var(--r)) calc(1.5*var(--r)) calc(2.375*var(--r));
        background: linear-gradient(160deg, #a40d16, #7e0b10);
        border-radius: calc(1.375*var(--r)) calc(1.375*var(--r)) 0 0;
        margin-top: calc(-1.375*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .hero .eyebrow {
        position: static;
        display: block;
        margin-bottom: calc(0.875*var(--r));
        font-size: calc(0.6875*var(--r));
        letter-spacing: .26em
    }

    .lava-iu.lava-iu--kahvalti .hero h1 {
        position: static;
        font-size: calc(1.8812*var(--r)) !important;
        line-height: calc(2.375*var(--r)) !important;
        white-space: normal;
        margin-bottom: calc(1*var(--r));
        letter-spacing: -.02em
    }

    .lava-iu.lava-iu--kahvalti .hero__lead {
        position: static;
        display: block;
        font-size: calc(0.875*var(--r));
        line-height: calc(1.375*var(--r));
        white-space: normal;
        margin-bottom: calc(1.5*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .hero__btn {
        position: static;
        width: 100%;
        max-width: calc(21.25*var(--r));
        height: calc(3.125*var(--r));
        font-size: calc(0.7188*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .story,
    .lava-iu.lava-iu--kahvalti .story--1,
    .lava-iu.lava-iu--kahvalti .story--2,
    .lava-iu.lava-iu--kahvalti .story--3,
    .lava-iu.lava-iu--kahvalti .story--4 {
        height: auto;
        margin-top: calc(2.75*var(--r));
        padding: 0 calc(1.25*var(--r));
        display: flex;
        flex-direction: column
    }

    .lava-iu.lava-iu--kahvalti .story--1 {
        margin-top: calc(2.25*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .collage {
        position: relative;
        left: 0;
        top: auto;
        width: 100%;
        height: auto;
        aspect-ratio: 446/234;
        margin-bottom: calc(1.625*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .collage img {
        border-radius: calc(0.625*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .collage .t1 {
        left: 0;
        top: 0;
        width: 44.8%;
        height: 51.7%
    }

    .lava-iu.lava-iu--kahvalti .collage .t2 {
        left: 46.2%;
        top: 0;
        width: 53.8%;
        height: 51.7%
    }

    .lava-iu.lava-iu--kahvalti .collage .t3 {
        left: 0;
        top: 54.3%;
        width: 62.3%;
        height: 45.7%
    }

    .lava-iu.lava-iu--kahvalti .collage .t4 {
        left: 63.7%;
        top: 54.3%;
        width: 36.3%;
        height: 45.7%
    }

    .lava-iu.lava-iu--kahvalti .story .col {
        position: static !important;
        width: auto !important;
        height: auto !important
    }

    .lava-iu.lava-iu--kahvalti .story__img {
        position: relative !important;
        left: 0 !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16/10;
        border-radius: calc(1*var(--r)) !important;
        margin-bottom: calc(1.625*var(--r));
        order: -1
    }

    .lava-iu.lava-iu--kahvalti .story--3 .story__img {
        order: -1
    }

    .lava-iu.lava-iu--kahvalti .story--4 .story__img {
        order: -1
    }

    .lava-iu.lava-iu--kahvalti .story .btn {
        position: static !important;
        width: 100% !important;
        max-width: calc(22.5*var(--r));
        margin-top: calc(1.5*var(--r));
        height: calc(3*var(--r));
        border-radius: calc(1.5*var(--r));
        font-size: calc(0.6875*var(--r));
        padding: 0 calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .eyebrow {
        white-space: normal;
        font-size: calc(0.6562*var(--r));
        line-height: calc(1*var(--r));
        margin-bottom: calc(0.625*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .h2,
    .lava-iu.lava-iu--kahvalti .how .h2,
    .lava-iu.lava-iu--kahvalti .guides .h2,
    .lava-iu.lava-iu--kahvalti .recipes .h2,
    .lava-iu.lava-iu--kahvalti .sets .h2 {
        font-size: calc(1.6125*var(--r)) !important;
        line-height: calc(2.1875*var(--r)) !important;
        white-space: normal;
        margin-bottom: calc(0.875*var(--r));
        letter-spacing: -.02em
    }

    .lava-iu.lava-iu--kahvalti .story .h2 {
        margin-bottom: calc(1*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .copy,
    .lava-iu.lava-iu--kahvalti .story--1 .copy {
        white-space: normal;
        font-size: calc(0.9062*var(--r)) !important;
        line-height: calc(1.4688*var(--r)) !important;
        margin-bottom: calc(0.875*var(--r));
        letter-spacing: 0
    }

    .lava-iu.lava-iu--kahvalti .copy--bold {
        margin-top: calc(0.375*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .mcards {
        position: static;
        width: auto;
        grid-template-columns: 1fr 1fr;
        gap: calc(0.75*var(--r));
        margin-top: calc(1.625*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .mcard {
        height: auto;
        padding-bottom: calc(2.75*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .mcard img {
        position: static;
        height: auto;
        aspect-ratio: 162/94
    }

    .lava-iu.lava-iu--kahvalti .mcard h3 {
        position: static;
        display: block;
        padding: calc(0.75*var(--r)) calc(0.75*var(--r)) 0;
        font-size: calc(0.8438*var(--r));
        line-height: calc(1.125*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .mcard p {
        position: static;
        padding: calc(0.3125*var(--r)) calc(0.75*var(--r)) 0;
        font-size: calc(0.7375*var(--r));
        line-height: calc(1.0625*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .mcard .link {
        left: calc(0.75*var(--r)) !important;
        right: calc(0.625*var(--r));
        top: auto !important;
        bottom: calc(0.75*var(--r));
        font-size: calc(0.675*var(--r));
        white-space: normal;
        display: block;
        line-height: calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .mcard .link svg {
        display: inline-block;
        vertical-align: calc(-0.0625*var(--r));
        margin-left: calc(0.1875*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .mcard {
        padding-bottom: calc(3.125*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .how,
    .lava-iu.lava-iu--kahvalti .guides,
    .lava-iu.lava-iu--kahvalti .recipes,
    .lava-iu.lava-iu--kahvalti .sets {
        height: auto;
        margin-top: 0;
        padding: calc(3.5*var(--r)) calc(1.25*var(--r)) 0;
        text-align: center
    }

    .lava-iu.lava-iu--kahvalti .how .eyebrow,
    .lava-iu.lava-iu--kahvalti .guides .eyebrow,
    .lava-iu.lava-iu--kahvalti .recipes .eyebrow,
    .lava-iu.lava-iu--kahvalti .sets .eyebrow {
        position: static
    }

    .lava-iu.lava-iu--kahvalti .how .h2,
    .lava-iu.lava-iu--kahvalti .guides .h2,
    .lava-iu.lava-iu--kahvalti .recipes .h2,
    .lava-iu.lava-iu--kahvalti .sets .h2 {
        position: static;
        margin-bottom: calc(1.75*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .how__grid {
        position: static;
        width: auto;
        grid-template-columns: 1fr 1fr;
        gap: calc(2.125*var(--r)) calc(0.875*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .how__disc,
    .lava-iu.lava-iu--kahvalti .how__disc img {
        width: 100%;
        height: auto;
        aspect-ratio: 1
    }

    .lava-iu.lava-iu--kahvalti .how__disc {
        max-width: calc(9.375*var(--r));
        margin: 0 auto
    }

    .lava-iu.lava-iu--kahvalti .how__badge {
        width: calc(3.25*var(--r));
        height: calc(3.25*var(--r));
        margin-left: calc(-1.625*var(--r));
        bottom: calc(-1.125*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .how__badge span {
        width: calc(2.375*var(--r));
        height: calc(2.375*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .how__title {
        font-size: calc(0.9062*var(--r));
        margin-top: calc(1.875*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .how__sub {
        font-size: calc(0.75*var(--r));
        white-space: normal;
        margin-top: calc(0.25*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .how__item .link {
        font-size: calc(0.75*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .guides__grid,
    .lava-iu.lava-iu--kahvalti .recipes__grid {
        position: static;
        width: auto;
        grid-template-columns: 1fr 1fr;
        gap: calc(0.875*var(--r));
        text-align: left
    }

    .lava-iu.lava-iu--kahvalti .gcard {
        height: auto;
        padding-bottom: calc(2.875*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .gcard img {
        height: auto;
        aspect-ratio: 151/47
    }

    .lava-iu.lava-iu--kahvalti .gcard h3 {
        position: static;
        display: block;
        padding: calc(0.75*var(--r)) calc(0.75*var(--r)) 0;
        font-size: calc(0.8438*var(--r));
        line-height: calc(1.125*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .gcard p {
        position: static;
        padding: calc(0.3125*var(--r)) calc(0.75*var(--r)) 0;
        font-size: calc(0.75*var(--r));
        line-height: calc(1.0625*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .gcard .link {
        left: calc(0.75*var(--r)) !important;
        top: auto !important;
        bottom: calc(0.875*var(--r));
        font-size: calc(0.725*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .rcard {
        height: auto;
        padding-bottom: calc(2.75*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .rcard img {
        height: auto;
        aspect-ratio: 152/48
    }

    .lava-iu.lava-iu--kahvalti .rcard h3 {
        position: static;
        display: block;
        padding: calc(0.75*var(--r)) calc(0.75*var(--r)) 0;
        font-size: calc(0.8438*var(--r));
        line-height: calc(1.125*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .rcard .link {
        left: calc(0.75*var(--r)) !important;
        top: auto !important;
        bottom: calc(0.875*var(--r));
        font-size: calc(0.725*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .sets {
        padding-bottom: calc(4*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .sets__rail {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        display: flex;
        gap: calc(0.75*var(--r));
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: calc(1.25*var(--r));
        padding: calc(0.25*var(--r)) calc(1.25*var(--r)) calc(0.625*var(--r));
        margin: 0 calc(-1.25*var(--r));
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        text-align: left
    }

    .lava-iu.lava-iu--kahvalti .sets__rail::-webkit-scrollbar {
        display: none
    }

    .lava-iu.lava-iu--kahvalti .pcard {
        flex: 0 0 calc(11.875*var(--r));
        height: calc(15.625*var(--r));
        scroll-snap-align: start
    }

    .lava-iu.lava-iu--kahvalti .pcard__img {
        left: calc(0.5*var(--r));
        top: calc(0.625*var(--r));
        width: calc(100% - calc(1*var(--r)));
        height: calc(6.875*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .pcard h3 {
        white-space: normal;
        font-size: calc(0.8438*var(--r));
        line-height: calc(1.125*var(--r));
        top: calc(8.25*var(--r));
        left: calc(0.875*var(--r));
        right: calc(0.75*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .pcard__btn {
        left: calc(0.875*var(--r));
        right: calc(0.875*var(--r));
        top: calc(12.25*var(--r));
        height: calc(2.5*var(--r));
        font-size: calc(0.7188*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .sets__arrow {
        display: none
    }
}

@container lava (min-width:600px) and (max-width:900px) {
    .lava-iu.lava-iu--kahvalti .how__grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .lava-iu.lava-iu--kahvalti .guides__grid,
    .lava-iu.lava-iu--kahvalti .recipes__grid {
        grid-template-columns: repeat(4, 1fr)
    }

    .lava-iu.lava-iu--kahvalti .gcard h3,
    .lava-iu.lava-iu--kahvalti .rcard h3 {
        font-size: calc(0.7625*var(--r));
        line-height: calc(1*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .gcard p {
        font-size: calc(0.6875*var(--r));
        line-height: calc(0.9375*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .mcard {
        padding-bottom: calc(2.875*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .pcard {
        flex-basis: calc(12.5*var(--r))
    }
}

@container lava (max-width:360px) {

    .lava-iu.lava-iu--kahvalti .guides__grid,
    .lava-iu.lava-iu--kahvalti .recipes__grid,
    .lava-iu.lava-iu--kahvalti .mcards {
        grid-template-columns: 1fr
    }
}

@container lava (min-width:901px) {
    .lava-iu.lava-iu--kahvalti .page {
        --gap-sec: calc(5.5*var(--r));
        --gap-story: calc(5*var(--r));
        --pad-x: calc(4.125*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .lava-main {
        padding-bottom: calc(5.5*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .story {
        height: auto !important;
        margin-top: var(--gap-story) !important;
        display: flex;
        align-items: center;
        gap: calc(4*var(--r));
        padding: 0 var(--pad-x)
    }

    .lava-iu.lava-iu--kahvalti .story--1 {
        margin-top: calc(4.5*var(--r)) !important
    }

    .lava-iu.lava-iu--kahvalti .story .p {
        position: static
    }

    .lava-iu.lava-iu--kahvalti .story .col {
        position: static;
        width: auto;
        height: auto;
        flex: 1 1 0;
        min-width: 0;
        max-width: calc(33*var(--r));
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .lava-iu.lava-iu--kahvalti .story .collage {
        position: relative;
        left: auto;
        top: auto;
        flex: none
    }

    .lava-iu.lava-iu--kahvalti .story>.story__img {
        position: static;
        flex: 0 0 calc(40*var(--r));
        width: calc(40*var(--r));
        height: calc(24*var(--r));
        object-fit: cover
    }

    .lava-iu.lava-iu--kahvalti .story:has(> .story__img:first-child) {
        padding-left: 0
    }

    .lava-iu.lava-iu--kahvalti .story:has(> .story__img:last-child) {
        padding-right: 0;
        justify-content: space-between
    }

    .lava-iu.lava-iu--kahvalti .story>.story__img:first-child {
        border-radius: 0 calc(1.25*var(--r)) calc(1.25*var(--r)) 0
    }

    .lava-iu.lava-iu--kahvalti .story>.story__img:last-child {
        border-radius: calc(1.25*var(--r)) 0 0 calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .story .eyebrow {
        white-space: normal;
        margin-bottom: calc(1*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .story .h2 {
        white-space: normal;
        text-wrap: balance;
        font-size: calc(2*var(--r)) !important;
        line-height: 1.22 !important;
        letter-spacing: -.02em;
        margin-bottom: calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .story .h2 br,
    .lava-iu.lava-iu--kahvalti .story .copy br {
        display: none
    }

    .lava-iu.lava-iu--kahvalti .story .copy {
        white-space: normal;
        font-size: calc(0.9375*var(--r)) !important;
        line-height: 1.6 !important;
        letter-spacing: .005em !important;
        color: var(--text);
        max-width: calc(33*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .story .copy+.copy {
        margin-top: calc(1*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .story .copy--bold {
        color: #1e1b19
    }

    .lava-iu.lava-iu--kahvalti .story .btn {
        position: static;
        width: auto;
        min-width: calc(16*var(--r));
        padding: 0 calc(1.75*var(--r));
        margin-top: calc(2*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .how,
    .lava-iu.lava-iu--kahvalti .life,
    .lava-iu.lava-iu--kahvalti .guides,
    .lava-iu.lava-iu--kahvalti .recipes,
    .lava-iu.lava-iu--kahvalti .sets {
        height: auto !important;
        margin-top: 0 !important;
        padding-top: var(--gap-sec);
        text-align: center
    }

    .lava-iu.lava-iu--kahvalti .how .p,
    .lava-iu.lava-iu--kahvalti .life .p,
    .lava-iu.lava-iu--kahvalti .guides .p,
    .lava-iu.lava-iu--kahvalti .recipes .p,
    .lava-iu.lava-iu--kahvalti .sets .p {
        position: static
    }

    .lava-iu.lava-iu--kahvalti .how .eyebrow,
    .lava-iu.lava-iu--kahvalti .life .eyebrow,
    .lava-iu.lava-iu--kahvalti .guides .eyebrow,
    .lava-iu.lava-iu--kahvalti .recipes .eyebrow,
    .lava-iu.lava-iu--kahvalti .sets .eyebrow {
        display: block
    }

    .lava-iu.lava-iu--kahvalti .how .h2,
    .lava-iu.lava-iu--kahvalti .life .h2,
    .lava-iu.lava-iu--kahvalti .guides .h2,
    .lava-iu.lava-iu--kahvalti .recipes .h2,
    .lava-iu.lava-iu--kahvalti .sets .h2 {
        font-size: calc(2*var(--r)) !important;
        line-height: 1.25 !important;
        margin-top: calc(0.75*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .how__grid,
    .lava-iu.lava-iu--kahvalti .life__grid,
    .lava-iu.lava-iu--kahvalti .guides__grid,
    .lava-iu.lava-iu--kahvalti .recipes__grid,
    .lava-iu.lava-iu--kahvalti .sets__rail {
        position: static;
        width: calc(70*var(--r));
        margin: calc(2.5*var(--r)) auto 0;
        text-align: left
    }

    .lava-iu.lava-iu--kahvalti .how__grid,
    .lava-iu.lava-iu--kahvalti .life__grid {
        text-align: center;
        column-gap: calc(1*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .guides__grid,
    .lava-iu.lava-iu--kahvalti .recipes__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: calc(1.25*var(--r));
        align-items: stretch
    }

    .lava-iu.lava-iu--kahvalti .sets__rail {
        gap: calc(1*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .sets__arrow {
        display: none
    }

    .lava-iu.lava-iu--kahvalti .gcard {
        height: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: calc(1.25*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .gcard img {
        height: auto;
        aspect-ratio: 73/44;
        flex: none
    }

    .lava-iu.lava-iu--kahvalti .gcard h3,
    .lava-iu.lava-iu--kahvalti .gcard p,
    .lava-iu.lava-iu--kahvalti .gcard .link {
        position: static
    }

    .lava-iu.lava-iu--kahvalti .gcard h3 {
        padding: calc(1*var(--r)) calc(1.125*var(--r)) 0;
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .gcard p {
        padding: calc(0.5*var(--r)) calc(1.125*var(--r)) 0;
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .gcard h3 br,
    .lava-iu.lava-iu--kahvalti .gcard p br {
        display: none
    }

    .lava-iu.lava-iu--kahvalti .gcard .link {
        margin: auto calc(1.125*var(--r)) 0;
        padding-top: calc(1.125*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .rcard {
        height: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: calc(1.125*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .rcard img {
        position: static;
        width: 100%;
        height: auto;
        aspect-ratio: 5/3;
        flex: none
    }

    .lava-iu.lava-iu--kahvalti .rcard h3,
    .lava-iu.lava-iu--kahvalti .rcard .link {
        position: static
    }

    .lava-iu.lava-iu--kahvalti .rcard h3 {
        padding: calc(0.875*var(--r)) calc(1*var(--r)) 0;
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .rcard h3 br {
        display: none
    }

    .lava-iu.lava-iu--kahvalti .rcard .link {
        margin: auto calc(1*var(--r)) 0;
        padding-top: calc(0.75*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .pcard {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: calc(0.625*var(--r)) calc(0.625*var(--r)) calc(1*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .pcard__img {
        position: static;
        width: 100%;
        height: calc(8.125*var(--r));
        flex: none
    }

    .lava-iu.lava-iu--kahvalti .pcard h3 {
        position: static;
        padding: calc(0.875*var(--r)) calc(0.375*var(--r)) calc(1*var(--r));
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .pcard h3 br {
        display: none
    }

    .lava-iu.lava-iu--kahvalti .pcard__btn {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        margin: auto calc(0.375*var(--r)) 0
    }
}

@container lava (max-width:900px) {
    .lava-iu.lava-iu--kahvalti .story {
        margin-top: calc(3.75*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .story--1 {
        margin-top: calc(2.75*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .how,
    .lava-iu.lava-iu--kahvalti .life,
    .lava-iu.lava-iu--kahvalti .guides,
    .lava-iu.lava-iu--kahvalti .recipes,
    .lava-iu.lava-iu--kahvalti .sets {
        padding-top: calc(4.25*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .h2,
    .lava-iu.lava-iu--kahvalti .how .h2,
    .lava-iu.lava-iu--kahvalti .life .h2,
    .lava-iu.lava-iu--kahvalti .guides .h2,
    .lava-iu.lava-iu--kahvalti .recipes .h2,
    .lava-iu.lava-iu--kahvalti .sets .h2 {
        line-height: 1.2 !important
    }

    .lava-iu.lava-iu--kahvalti .story .btn {
        margin-top: calc(1.75*var(--r))
    }
}

@container lava (min-width:901px) {
    .lava-iu.lava-iu--kahvalti .story--1 .collage {
        width: calc(31.3125*var(--r));
        height: auto;
        aspect-ratio: 446/234
    }

    .lava-iu.lava-iu--kahvalti .collage .t1 {
        left: 0;
        top: 0;
        width: 44.8%;
        height: 51.7%
    }

    .lava-iu.lava-iu--kahvalti .collage .t2 {
        left: 46.2%;
        top: 0;
        width: 53.8%;
        height: 51.7%
    }

    .lava-iu.lava-iu--kahvalti .collage .t3 {
        left: 0;
        top: 54.3%;
        width: 62.3%;
        height: 45.7%
    }

    .lava-iu.lava-iu--kahvalti .collage .t4 {
        left: 63.7%;
        top: 54.3%;
        width: 36.3%;
        height: 45.7%
    }

    .lava-iu.lava-iu--kahvalti .story>.story__img {
        height: calc(20*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .gcard img,
    .lava-iu.lava-iu--kahvalti .rcard img {
        aspect-ratio: 2/1
    }

    .lava-iu.lava-iu--kahvalti .mcards {
        position: static;
        flex: 0 0 calc(35.4375*var(--r));
        width: auto
    }

    .lava-iu.lava-iu--kahvalti .mcard {
        height: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: calc(1.125*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .mcard img {
        position: static;
        height: calc(10.3125*var(--r));
        flex: none
    }

    .lava-iu.lava-iu--kahvalti .mcard h3,
    .lava-iu.lava-iu--kahvalti .mcard p,
    .lava-iu.lava-iu--kahvalti .mcard .link {
        position: static
    }

    .lava-iu.lava-iu--kahvalti .mcard h3 {
        padding: calc(1*var(--r)) calc(1.125*var(--r)) 0;
        white-space: normal
    }

    .lava-iu.lava-iu--kahvalti .mcard p {
        padding: calc(0.5*var(--r)) calc(1.125*var(--r)) 0;
        white-space: normal;
        line-height: calc(1.15*var(--r))
    }

    .lava-iu.lava-iu--kahvalti .mcard p br {
        display: none
    }

    .lava-iu.lava-iu--kahvalti .mcard .link {
        margin: auto calc(1.125*var(--r)) 0;
        padding-top: calc(1*var(--r));
        white-space: normal
    }
}