/* =========================================================
   DURU HOME - SIRALANABİLİR BÖLÜMLER
========================================================= */

.duru-home {
    width: 100%;

    display: flex;
    flex-direction: column;
}


/*
 * Hero ilk sırada değilse header artık
 * başka bir bölümün üzerinde duracaktır.
 * Bu nedenle normal durumda cam header kullan.
 */

body.duru-home-hero-not-first
.duru-v2-header:not(.is-scrolled) {
    background:
        rgba(255,250,247,.92) !important;

    color:
        var(--duru-v2-text) !important;

    backdrop-filter:
        blur(18px) !important;

    -webkit-backdrop-filter:
        blur(18px) !important;

    box-shadow:
        0 1px 0
        rgba(70,40,50,.08) !important;
}


/*
 * Hero ilk sırada değilse içerik
 * fixed headerın altında başlamasın.
 */

body.duru-home-hero-not-first
.duru-home {
    padding-top:
        var(--duru-v2-header);
}


body.admin-bar.duru-home-hero-not-first
.duru-home {
    padding-top:
        calc(
            var(--duru-v2-header)
            +
            32px
        );
}


@media (max-width: 900px) {

    body.admin-bar.duru-home-hero-not-first
    .duru-home {
        padding-top:
            calc(
                var(--duru-v2-header)
                +
                46px
            );
    }

}

/* =====================================================
   DURU GELİNLİK
   MAIN STYLES
===================================================== */

:root {
    --duru-black: #111111;
    --duru-white: #ffffff;
    --duru-cream: #f4f0e9;
    --duru-soft: #d8d1c7;
    --duru-line: rgba(255, 255, 255, 0.22);

    --header-height: 108px;
}


/* =====================================================
   HEADER
===================================================== */

.duru-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height);
    z-index: 1000;

    color: var(--duru-white);

    transition:
        background-color 0.4s ease,
        color 0.4s ease,
        height 0.4s ease,
        box-shadow 0.4s ease;
}

.duru-header::after {
    content: "";
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0;

    height: 1px;
    background: rgba(255, 255, 255, 0.25);

    transition: opacity 0.3s ease;
}

.duru-header.is-scrolled {
    height: 82px;
    background: rgba(255, 255, 255, 0.96);
    color: var(--duru-black);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
}

.duru-header.is-scrolled::after {
    opacity: 0;
}

.duru-header__inner {
    position: relative;

    width: 100%;
    height: 100%;

    padding: 0 48px;

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}


/* LOGO */

.duru-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    flex-direction: column;
    align-items: center;

    color: inherit;
    line-height: 1;
}

.duru-logo__main {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 31px;
    letter-spacing: 0.18em;
    font-weight: 400;
}

.duru-logo__sub {
    margin-top: 6px;

    font-size: 8px;
    letter-spacing: 0.58em;
    font-weight: 500;
}


/* DESKTOP NAV */

.duru-nav {
    display: flex;
    align-items: center;
    gap: 40px;
}

.duru-nav--left {
    justify-self: start;
}

.duru-nav--right {
    justify-self: end;
}

.duru-nav a {
    position: relative;

    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;

    color: inherit;
}

.duru-nav a::after {
    content: "";

    position: absolute;
    bottom: -8px;
    left: 0;

    width: 0;
    height: 1px;

    background: currentColor;

    transition: width 0.35s ease;
}

.duru-nav a:hover::after {
    width: 100%;
}


/* MOBILE BUTTONS */

.duru-menu-toggle,
.duru-header__appointment {
    display: none;
}


/* =====================================================
   HERO
===================================================== */

.duru-hero {
    position: relative;

    width: 100%;
    min-height: 100svh;

    overflow: hidden;

    background: #292723;
    color: var(--duru-white);
}


/* GEÇİCİ HERO GÖRSELİ */

.duru-hero__media {
    position: absolute;
    inset: 0;
}

.duru-hero__placeholder {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 67% 47%,
            rgba(255, 255, 255, 0.25) 0%,
            rgba(255, 255, 255, 0.05) 19%,
            transparent 40%
        ),
        linear-gradient(
            118deg,
            #24221f 0%,
            #464139 42%,
            #afa496 74%,
            #e5ddd1 100%
        );

    transform: scale(1.03);

    animation: duruHeroZoom 10s ease-out forwards;
}

@keyframes duruHeroZoom {
    to {
        transform: scale(1);
    }
}


/* OVERLAY */

.duru-hero__overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.47) 0%,
            rgba(0, 0, 0, 0.16) 46%,
            rgba(0, 0, 0, 0.04) 100%
        ),
        linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.30) 0%,
            transparent 35%
        );
}


/* HERO CONTENT */

.duru-hero__content {
    position: relative;
    z-index: 3;

    min-height: 100svh;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        calc(var(--header-height) + 40px)
        8vw
        80px;

    max-width: 1000px;
}

.duru-hero__eyebrow {
    margin: 0 0 28px;

    font-size: 10px;
    letter-spacing: 0.45em;
    text-transform: uppercase;

    opacity: 0.8;
}

.duru-hero h1 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(68px, 8vw, 142px);
    line-height: 0.84;

    letter-spacing: -0.045em;
    font-weight: 400;
}

.duru-hero h1 em {
    font-weight: 400;
    font-style: italic;
}

.duru-hero__description {
    width: min(100%, 410px);

    margin: 38px 0 0;

    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.04em;

    opacity: 0.88;
}


/* BUTTONS */

.duru-hero__actions {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-top: 38px;
}

.duru-btn {
    min-height: 52px;

    padding: 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 28px;

    border: 1px solid transparent;

    font-size: 10px;
    letter-spacing: 0.17em;
    text-transform: uppercase;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.duru-btn--light {
    background: var(--duru-white);
    color: var(--duru-black);
}

.duru-btn--light:hover {
    background: var(--duru-cream);
}

.duru-btn--ghost {
    border-color: rgba(255, 255, 255, 0.55);

    color: var(--duru-white);
}

.duru-btn--ghost:hover {
    background: var(--duru-white);
    color: var(--duru-black);
}

.duru-btn__arrow {
    font-size: 16px;
}


/* SIDE TEXT */

.duru-hero__side-text {
    position: absolute;
    z-index: 3;

    right: 28px;
    top: 50%;

    transform: translateY(-50%) rotate(90deg);

    transform-origin: center;

    font-size: 8px;
    letter-spacing: 0.5em;

    opacity: 0.7;
}


/* SCROLL */

.duru-scroll {
    position: absolute;
    z-index: 3;

    bottom: 34px;
    left: 50%;

    transform: translateX(-50%);

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;

    color: var(--duru-white);

    font-size: 8px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
}

.duru-scroll__line {
    display: block;

    width: 1px;
    height: 40px;

    background: rgba(255, 255, 255, 0.65);

    position: relative;
    overflow: hidden;
}

.duru-scroll__line::after {
    content: "";

    position: absolute;
    left: 0;
    top: -100%;

    width: 100%;
    height: 100%;

    background: #ffffff;

    animation: duruScrollLine 2s infinite ease-in-out;
}

@keyframes duruScrollLine {

    0% {
        top: -100%;
    }

    50% {
        top: 0;
    }

    100% {
        top: 100%;
    }
}


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

.duru-intro {
    position: relative;

    min-height: 660px;

    padding: 130px 8vw;

    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 80px;

    background: var(--duru-cream);
    color: var(--duru-black);
}

.duru-intro__number {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 14px;
    letter-spacing: 0.1em;

    opacity: 0.5;
}

.duru-intro__content {
    max-width: 810px;
}

.duru-section-label {
    margin: 0 0 35px;

    font-size: 9px;
    letter-spacing: 0.45em;
    text-transform: uppercase;

    opacity: 0.55;
}

.duru-intro h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(52px, 6vw, 96px);
    line-height: 0.98;

    font-weight: 400;
    letter-spacing: -0.04em;
}

.duru-intro h2 em {
    font-weight: 400;
}

.duru-intro__content > p:last-child {
    max-width: 510px;

    margin: 45px 0 0 auto;

    font-size: 14px;
    line-height: 1.9;

    opacity: 0.7;
}


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

@media (max-width: 900px) {

    :root {
        --header-height: 78px;
    }

    .duru-header::after {
        left: 20px;
        right: 20px;
    }

    .duru-header__inner {
        padding: 0 20px;

        display: flex;
        justify-content: space-between;
    }

    .duru-nav {
        display: none;
    }

    .duru-logo {
        left: 50%;
    }

    .duru-logo__main {
        font-size: 24px;
    }

    .duru-logo__sub {
        font-size: 6px;
    }

    .duru-menu-toggle {
        position: relative;
        z-index: 1002;

        width: 35px;
        height: 35px;

        padding: 0;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 7px;

        border: 0;
        background: none;
        color: inherit;

        cursor: pointer;
    }

    .duru-menu-toggle span {
        display: block;

        width: 25px;
        height: 1px;

        background: currentColor;

        transition:
            transform 0.3s ease,
            width 0.3s ease;
    }

    .duru-menu-toggle span:last-child {
        width: 17px;
    }

    .duru-menu-toggle.is-open span:first-child {
        width: 25px;
        transform: translateY(4px) rotate(45deg);
    }

    .duru-menu-toggle.is-open span:last-child {
        width: 25px;
        transform: translateY(-4px) rotate(-45deg);
    }

    .duru-header__appointment {
        display: inline-flex;

        font-size: 9px;
        letter-spacing: 0.14em;
        text-transform: uppercase;

        color: inherit;
    }

    .duru-hero__content {
        justify-content: flex-end;

        padding:
            120px
            24px
            115px;
    }

    .duru-hero h1 {
        font-size: clamp(58px, 17vw, 90px);
        line-height: 0.91;
    }

    .duru-hero__eyebrow {
        margin-bottom: 20px;
    }

    .duru-hero__description {
        max-width: 330px;

        margin-top: 28px;

        font-size: 13px;
    }

    .duru-hero__actions {
        align-items: stretch;
        flex-direction: column;

        width: 100%;

        margin-top: 30px;
    }

    .duru-btn {
        width: 100%;
    }

    .duru-hero__side-text {
        display: none;
    }

    .duru-scroll {
        display: none;
    }

    .duru-intro {
        min-height: auto;

        padding: 90px 24px;

        display: block;
    }

    .duru-intro__number {
        margin-bottom: 70px;
    }

    .duru-intro h2 {
        font-size: clamp(46px, 14vw, 68px);
    }

    .duru-intro__content > p:last-child {
        margin: 35px 0 0;
    }

}


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

.duru-mobile-menu {
    position: fixed;
    inset: 0;

    z-index: 999;

    background: #171715;
    color: #ffffff;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
}

.duru-mobile-menu.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.duru-mobile-menu__inner {
    min-height: 100svh;

    padding: 130px 30px 35px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.duru-mobile-menu nav {
    display: flex;
    flex-direction: column;
}

.duru-mobile-menu nav a {
    padding: 16px 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 12vw, 72px);
    line-height: 1;

    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.duru-mobile-menu__bottom {
    display: flex;
    justify-content: space-between;

    font-size: 8px;
    letter-spacing: 0.28em;

    opacity: 0.5;
}


/* BODY LOCK */

body.duru-menu-open {
    overflow: hidden;
}


/* DESKTOP HIDE */

@media (min-width: 901px) {

    .duru-mobile-menu {
        display: none;
    }

}

/* =====================================================
   HEADER DESKTOP HIZALAMA DÜZELTMESİ
===================================================== */

@media (min-width: 901px) {

    .duru-header__inner {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 48px;
    }

    .duru-nav--left {
        position: absolute;
        left: 48px;
        top: 50%;
        transform: translateY(-50%);
    }

    .duru-nav--right {
        position: absolute;
        right: 48px;
        top: 50%;
        transform: translateY(-50%);
    }

    .duru-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

}

/* =====================================================
   YENİ KOLEKSİYON
===================================================== */

.duru-collection {
    position: relative;
    overflow: hidden;

    padding: 150px 6vw 170px;

    background: #f2eee7;
    color: #151515;
}


/* ÜST BAŞLIK */

.duru-collection__top {
    display: grid;
    grid-template-columns: 0.8fr 2fr;
    gap: 80px;

    max-width: 1800px;
    margin: 0 auto 140px;
}

.duru-collection__index {
    display: flex;
    align-items: center;
    gap: 17px;

    align-self: start;

    padding-top: 18px;

    font-size: 9px;
    letter-spacing: 0.25em;
    text-transform: uppercase;

    opacity: 0.55;
}

.duru-collection__line {
    width: 50px;
    height: 1px;

    background: currentColor;

    opacity: 0.4;
}

.duru-collection__heading {
    max-width: 1050px;
}

.duru-collection__heading h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(64px, 7vw, 125px);
    line-height: 0.89;
    letter-spacing: -0.055em;
    font-weight: 400;
}

.duru-collection__heading h2 em {
    font-weight: 400;
}

.duru-collection__heading p {
    max-width: 490px;

    margin: 55px 0 0 auto;

    font-size: 13px;
    line-height: 1.9;
    letter-spacing: 0.02em;

    opacity: 0.62;
}


/* EDITORIAL GRID */

.duru-collection__editorial {
    position: relative;

    max-width: 1800px;
    min-height: 1480px;

    margin: 0 auto;
}


/* MODELLER */

.duru-model {
    position: absolute;
}

.duru-model--one {
    width: 40%;
    left: 0;
    top: 0;
}

.duru-model--two {
    width: 29%;
    right: 4%;
    top: 230px;
}

.duru-model--three {
    width: 31%;
    left: 36%;
    top: 820px;
}


/* IMAGE */

.duru-model__image {
    position: relative;

    display: block;
    overflow: hidden;

    background: #d7d0c5;
}

.duru-model--one .duru-model__image {
    aspect-ratio: 0.74;
}

.duru-model--two .duru-model__image {
    aspect-ratio: 0.68;
}

.duru-model--three .duru-model__image {
    aspect-ratio: 0.82;
}


/* GEÇİCİ GÖRSELLER */

.duru-model__placeholder {
    position: absolute;
    inset: 0;

    transform: scale(1.01);

    transition:
        transform 1.1s cubic-bezier(.2,.65,.3,1),
        filter 0.7s ease;
}

.duru-model__placeholder--one {
    background:
        radial-gradient(
            circle at 55% 25%,
            rgba(255,255,255,.85),
            rgba(255,255,255,.08) 27%,
            transparent 43%
        ),
        linear-gradient(
            150deg,
            #dad3ca,
            #a59b8e 52%,
            #58534c
        );
}

.duru-model__placeholder--two {
    background:
        radial-gradient(
            circle at 48% 30%,
            rgba(255,255,255,.77),
            rgba(255,255,255,.05) 30%,
            transparent 47%
        ),
        linear-gradient(
            135deg,
            #b8afa4,
            #eee9e1 50%,
            #8b8177
        );
}

.duru-model__placeholder--three {
    background:
        radial-gradient(
            circle at 55% 35%,
            rgba(255,255,255,.86),
            rgba(255,255,255,.1) 30%,
            transparent 45%
        ),
        linear-gradient(
            160deg,
            #ebe5dc,
            #b7ac9f 55%,
            #6e675f
        );
}


/* HOVER */

.duru-model__image:hover .duru-model__placeholder {
    transform: scale(1.045);
}

.duru-model__view {
    position: absolute;
    right: 22px;
    bottom: 22px;

    width: 82px;
    height: 82px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,.94);
    color: #111;

    font-size: 8px;
    letter-spacing: 0.14em;
    text-transform: uppercase;

    opacity: 0;
    transform: translateY(12px);

    transition:
        opacity .4s ease,
        transform .4s ease;
}

.duru-model__image:hover .duru-model__view {
    opacity: 1;
    transform: translateY(0);
}


/* MODEL META */

.duru-model__meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;

    padding-top: 20px;
}

.duru-model__meta > div {
    display: flex;
    align-items: baseline;
    gap: 13px;
}

.duru-model__number {
    font-size: 8px;
    letter-spacing: 0.15em;

    opacity: 0.42;
}

.duru-model h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    line-height: 1;

    font-weight: 400;
}

.duru-model__type {
    padding-top: 5px;

    font-size: 8px;
    letter-spacing: 0.15em;
    text-transform: uppercase;

    opacity: 0.48;
}


/* ALT ALAN */

.duru-collection__bottom {
    max-width: 1800px;
    margin: 50px auto 0;

    padding-top: 35px;

    border-top: 1px solid rgba(0,0,0,.15);

    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
}

.duru-collection__bottom p {
    max-width: 360px;

    margin: 0;

    font-size: 11px;
    line-height: 1.8;
    letter-spacing: .03em;

    opacity: .55;
}


/* LINK */

.duru-text-link {
    position: relative;

    min-width: 270px;

    padding: 0 0 13px;

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

    border-bottom: 1px solid #191919;

    font-size: 9px;
    letter-spacing: .19em;
    text-transform: uppercase;
}

.duru-text-link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 0;
    height: 1px;

    background: #191919;

    transition: width .45s ease;
}

.duru-text-link:hover::after {
    width: 100%;
}


/* =====================================================
   COLLECTION RESPONSIVE
===================================================== */

@media (max-width: 1100px) {

    .duru-collection__editorial {
        min-height: 1200px;
    }

    .duru-model--one {
        width: 44%;
    }

    .duru-model--two {
        width: 34%;
        right: 0;
    }

    .duru-model--three {
        width: 36%;
        left: 31%;
        top: 700px;
    }

}


@media (max-width: 700px) {

    .duru-collection {
        padding: 90px 20px 100px;
    }

    .duru-collection__top {
        display: block;

        margin-bottom: 80px;
    }

    .duru-collection__index {
        margin-bottom: 55px;
    }

    .duru-collection__heading h2 {
        font-size: clamp(50px, 15vw, 72px);
        line-height: .94;
    }

    .duru-collection__heading p {
        margin: 35px 0 0;

        max-width: 340px;

        font-size: 12px;
    }


    /* MOBİLDE ARTIK ABSOLUTE DEĞİL */

    .duru-collection__editorial {
        min-height: 0;

        display: flex;
        flex-direction: column;
        gap: 75px;
    }

    .duru-model {
        position: relative;

        width: auto;
        left: auto;
        right: auto;
        top: auto;
    }

    .duru-model--one {
        width: 90%;
    }

    .duru-model--two {
        width: 78%;

        margin-left: auto;
    }

    .duru-model--three {
        width: 86%;
    }

    .duru-model__view {
        opacity: 1;

        width: 68px;
        height: 68px;

        right: 15px;
        bottom: 15px;

        transform: none;

        font-size: 7px;
    }

    .duru-model h3 {
        font-size: 24px;
    }

    .duru-model__type {
        max-width: 105px;

        text-align: right;
        line-height: 1.5;
    }

    .duru-collection__bottom {
        margin-top: 95px;

        display: block;
    }

    .duru-collection__bottom p {
        margin-bottom: 50px;
    }

    .duru-text-link {
        width: 100%;
        min-width: 0;
    }

}
/* =====================================================
   DURU STORY
===================================================== */

.duru-story {
    position: relative;

    padding: 180px 6vw 0;

    background: #161614;
    color: #f7f4ee;

    overflow: hidden;
}


/* ANA GRID */

.duru-story__inner {
    width: 100%;
    max-width: 1800px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(350px, 0.92fr) minmax(500px, 1.08fr);
    gap: clamp(80px, 9vw, 180px);

    align-items: start;
}


/* =====================================================
   SOL GÖRSEL
===================================================== */

.duru-story__visual {
    position: relative;
}

.duru-story__image {
    position: relative;

    width: 100%;
    aspect-ratio: 0.72;

    overflow: hidden;

    background: #8e877d;
}


/* GEÇİCİ GÖRSEL */

.duru-story__placeholder {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 53% 24%,
            rgba(247, 242, 234, 0.80) 0%,
            rgba(247, 242, 234, 0.16) 19%,
            transparent 39%
        ),
        linear-gradient(
            145deg,
            #514d47 0%,
            #9b9389 43%,
            #d3cabf 72%,
            #746e66 100%
        );

    transform: scale(1.02);

    transition: transform 1.5s cubic-bezier(.2,.65,.3,1);
}

.duru-story__image:hover .duru-story__placeholder {
    transform: scale(1.06);
}


/* DİKEY YAZI */

.duru-story__vertical {
    position: absolute;

    left: 24px;
    top: 50%;

    transform:
        translateY(-50%)
        rotate(-90deg);

    transform-origin: left center;

    font-size: 8px;
    letter-spacing: 0.48em;

    color: #ffffff;

    opacity: 0.72;
}


/* NUMARA */

.duru-story__image-number {
    position: absolute;

    right: 20px;
    bottom: 20px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 50%;

    font-size: 8px;
    letter-spacing: 0.12em;

    color: #ffffff;
}


/* =====================================================
   SAĞ İÇERİK
===================================================== */

.duru-story__content {
    padding-top: 10px;
}


/* ÜST NUMARA */

.duru-story__topline {
    display: flex;
    align-items: center;
    gap: 17px;

    margin-bottom: 95px;

    font-size: 8px;
    letter-spacing: 0.29em;
    text-transform: uppercase;

    opacity: 0.52;
}

.duru-story__topline-line {
    width: 48px;
    height: 1px;

    background: currentColor;

    opacity: 0.5;
}


/* EYEBROW */

.duru-story__eyebrow {
    margin: 0 0 27px;

    font-size: 9px;
    letter-spacing: 0.43em;
    text-transform: uppercase;

    opacity: 0.52;
}


/* BAŞLIK */

.duru-story h2 {
    max-width: 900px;

    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(62px, 6.5vw, 118px);
    line-height: 0.91;
    letter-spacing: -0.055em;

    font-weight: 400;
}

.duru-story h2 em {
    font-weight: 400;
}


/* METİN */

.duru-story__text {
    width: min(100%, 570px);

    margin: 65px 0 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px;
}

.duru-story__text p {
    margin: 0;

    font-size: 12px;
    line-height: 1.95;

    color: rgba(255, 255, 255, 0.58);
}


/* =====================================================
   ÖZELLİKLER
===================================================== */

.duru-story__features {
    margin-top: 90px;

    padding-top: 26px;

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

    border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.duru-story__feature {
    position: relative;

    min-height: 125px;

    padding-right: 25px;
}

.duru-story__feature:not(:first-child) {
    padding-left: 25px;

    border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.duru-story__feature span {
    display: block;

    margin-bottom: 25px;

    font-size: 8px;
    letter-spacing: 0.16em;

    opacity: 0.40;
}

.duru-story__feature strong {
    display: block;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 21px;
    line-height: 1.25;

    font-weight: 400;
}


/* =====================================================
   LINK
===================================================== */

.duru-story__link {
    position: relative;

    width: min(100%, 310px);

    margin: 65px 0 0 auto;
    padding-bottom: 15px;

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

    border-bottom: 1px solid rgba(255,255,255,.72);

    font-size: 9px;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.duru-story__link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 0;
    height: 1px;

    background: #ffffff;

    transition: width .45s ease;
}

.duru-story__link:hover::after {
    width: 100%;
}

.duru-story__link-arrow {
    font-size: 16px;
}


/* =====================================================
   DEV SLOGAN
===================================================== */

.duru-story__statement {
    max-width: 1800px;

    margin: 180px auto 0;

    padding: 105px 0 120px;

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

.duru-story__statement p {
    width: min(100%, 1420px);

    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(56px, 7.3vw, 130px);
    line-height: 0.95;
    letter-spacing: -0.052em;

    font-weight: 400;
}

.duru-story__statement em {
    font-weight: 400;
}


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

.duru-reveal {
    opacity: 0;
    transform: translateY(30px);

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

.duru-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}


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

@media (max-width: 1100px) {

    .duru-story {
        padding-top: 130px;
    }

    .duru-story__inner {
        grid-template-columns: 0.9fr 1.1fr;
        gap: 65px;
    }

    .duru-story__text {
        display: block;
    }

    .duru-story__text p + p {
        margin-top: 22px;
    }

}


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

@media (max-width: 700px) {

    .duru-story {
        padding: 90px 20px 0;
    }

    .duru-story__inner {
        display: flex;
        flex-direction: column;

        gap: 80px;
    }

    .duru-story__visual {
        width: 88%;
    }

    .duru-story__content {
        padding: 0;
    }

    .duru-story__topline {
        margin-bottom: 55px;
    }

    .duru-story h2 {
        font-size: clamp(52px, 15vw, 76px);
        line-height: .94;
    }

    .duru-story__text {
        width: 100%;

        margin-top: 40px;

        display: block;
    }

    .duru-story__text p {
        max-width: 330px;
    }

    .duru-story__text p + p {
        margin-top: 22px;
    }

    .duru-story__features {
        margin-top: 65px;

        grid-template-columns: 1fr;
    }

    .duru-story__feature {
        min-height: 0;

        padding: 25px 0;

        display: flex;
        align-items: flex-start;
        justify-content: space-between;

        border-bottom: 1px solid rgba(255,255,255,.11);
    }

    .duru-story__feature:not(:first-child) {
        padding-left: 0;

        border-left: 0;
    }

    .duru-story__feature span {
        margin: 0;
    }

    .duru-story__feature strong {
        width: 150px;

        text-align: right;

        font-size: 20px;
    }

    .duru-story__link {
        width: 100%;

        margin-top: 55px;
    }

    .duru-story__statement {
        margin-top: 100px;

        padding: 70px 0 85px;
    }

    .duru-story__statement p {
        font-size: clamp(48px, 14vw, 68px);
    }

}
/* =====================================================
   KOLEKSİYON TÜRLERİ
===================================================== */

.duru-categories {
    padding: 160px 6vw;
    background: #f5f1ea;
    color: #151515;
}

.duru-categories__header {
    max-width: 1800px;
    margin: 0 auto 100px;

    display: grid;
    grid-template-columns: 0.8fr 2fr;
    gap: 80px;
}

.duru-categories__index {
    display: flex;
    align-items: center;
    gap: 17px;

    padding-top: 16px;

    font-size: 8px;
    letter-spacing: 0.28em;
    text-transform: uppercase;

    opacity: 0.5;
}

.duru-categories__line {
    width: 48px;
    height: 1px;
    background: currentColor;
}

.duru-categories__header h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(64px, 7vw, 125px);
    line-height: 0.9;
    letter-spacing: -0.055em;

    font-weight: 400;
}

.duru-categories__header h2 em {
    font-weight: 400;
}


/* GRID */

.duru-categories__grid {
    max-width: 1800px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}


/* CATEGORY */

.duru-category {
    position: relative;

    min-height: 720px;

    overflow: hidden;

    color: #ffffff;
    background: #777;
}

.duru-category__media {
    position: absolute;
    inset: 0;

    transition:
        transform 1.2s cubic-bezier(.2,.65,.3,1),
        filter .8s ease;
}

.duru-category:hover .duru-category__media {
    transform: scale(1.045);
}

.duru-category__overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(0,0,0,.60) 0%,
            rgba(0,0,0,.10) 55%,
            rgba(0,0,0,.05) 100%
        );
}


/* GEÇİCİ GÖRSELLER */

.duru-category--princess .duru-category__media {
    background:
        radial-gradient(circle at 50% 26%, rgba(255,255,255,.75), transparent 27%),
        linear-gradient(145deg, #504b45, #b7aea3 60%, #ded8cf);
}

.duru-category--aline .duru-category__media {
    background:
        radial-gradient(circle at 52% 30%, rgba(255,255,255,.78), transparent 28%),
        linear-gradient(155deg, #d5cec4, #827a70 60%, #494540);
}

.duru-category--mermaid .duru-category__media {
    background:
        radial-gradient(circle at 50% 26%, rgba(255,255,255,.75), transparent 27%),
        linear-gradient(140deg, #777067, #d8d1c7 58%, #8e867c);
}

.duru-category--minimal .duru-category__media {
    background:
        radial-gradient(circle at 49% 30%, rgba(255,255,255,.85), transparent 26%),
        linear-gradient(150deg, #ded8ce, #9d9489 60%, #5e5953);
}


/* TEXT */

.duru-category__number {
    position: absolute;

    top: 30px;
    left: 30px;

    font-size: 8px;
    letter-spacing: .2em;

    opacity: .7;
}

.duru-category__content {
    position: absolute;

    left: 35px;
    bottom: 35px;
}

.duru-category__content span {
    display: block;

    margin-bottom: 12px;

    font-size: 8px;
    letter-spacing: .32em;
    text-transform: uppercase;

    opacity: .7;
}

.duru-category__content h3 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(48px, 5vw, 82px);
    line-height: .9;

    font-weight: 400;
}

.duru-category__arrow {
    position: absolute;

    right: 30px;
    bottom: 30px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.55);
    border-radius: 50%;

    font-size: 17px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}

.duru-category:hover .duru-category__arrow {
    background: #ffffff;
    color: #111111;

    transform: rotate(45deg);
}


/* OFFSET EFFECT */

.duru-category:nth-child(2),
.duru-category:nth-child(4) {
    transform: translateY(80px);
}


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

@media (max-width: 700px) {

    .duru-categories {
        padding: 90px 20px 120px;
    }

    .duru-categories__header {
        display: block;

        margin-bottom: 65px;
    }

    .duru-categories__index {
        margin-bottom: 50px;
    }

    .duru-categories__header h2 {
        font-size: clamp(52px, 15vw, 74px);
    }

    .duru-categories__grid {
        display: block;
    }

    .duru-category {
        min-height: 570px;

        margin-bottom: 18px;
    }

    .duru-category:nth-child(2),
    .duru-category:nth-child(4) {
        transform: none;
    }

    .duru-category__content {
        left: 24px;
        bottom: 25px;
    }

    .duru-category__content h3 {
        font-size: 52px;
    }

    .duru-category__number {
        top: 22px;
        left: 22px;
    }

    .duru-category__arrow {
        width: 50px;
        height: 50px;

        right: 22px;
        bottom: 22px;
    }

}
/* =====================================================
   ATELIER FILM
===================================================== */

.duru-film {
    position: relative;

    min-height: 100svh;

    overflow: hidden;

    background: #25221f;
    color: #ffffff;
}


/* BACKGROUND */

.duru-film__media,
.duru-film__placeholder,
.duru-film__shade {
    position: absolute;
    inset: 0;
}

.duru-film__placeholder {
    background:
        radial-gradient(
            circle at 68% 42%,
            rgba(246, 239, 229, .72) 0%,
            rgba(246, 239, 229, .13) 22%,
            transparent 38%
        ),
        radial-gradient(
            circle at 26% 72%,
            rgba(255,255,255,.10),
            transparent 31%
        ),
        linear-gradient(
            120deg,
            #292622 0%,
            #514b44 45%,
            #afa397 72%,
            #ded5ca 100%
        );

    transform: scale(1.02);

    transition: transform 1.6s cubic-bezier(.2,.65,.3,1);
}

.duru-film:hover .duru-film__placeholder {
    transform: scale(1.045);
}

.duru-film__shade {
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.52) 0%,
            rgba(0,0,0,.20) 46%,
            rgba(0,0,0,.08) 100%
        ),
        linear-gradient(
            0deg,
            rgba(0,0,0,.42) 0%,
            transparent 50%
        );
}


/* TOP */

.duru-film__top {
    position: absolute;

    z-index: 3;

    top: 45px;
    left: 6vw;
    right: 6vw;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.duru-film__index {
    display: flex;
    align-items: center;
    gap: 17px;

    font-size: 8px;
    letter-spacing: .28em;
    text-transform: uppercase;

    opacity: .72;
}

.duru-film__line {
    width: 48px;
    height: 1px;

    background: currentColor;

    opacity: .5;
}

.duru-film__edition {
    font-size: 8px;
    letter-spacing: .25em;
    text-transform: uppercase;

    opacity: .65;
}


/* MAIN TEXT */

.duru-film__content {
    position: relative;

    z-index: 3;

    min-height: 100svh;

    padding: 160px 7vw 95px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    width: min(100%, 1100px);
}

.duru-film__eyebrow {
    margin: 0 0 30px;

    font-size: 9px;
    letter-spacing: .42em;
    text-transform: uppercase;

    opacity: .72;
}

.duru-film h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(76px, 9vw, 165px);
    line-height: .84;
    letter-spacing: -.06em;

    font-weight: 400;
}

.duru-film h2 em {
    font-weight: 400;
}

.duru-film__description {
    width: min(100%, 390px);

    margin: 45px 0 0;

    font-size: 12px;
    line-height: 1.9;

    opacity: .70;
}


/* PLAY */

.duru-film__play {
    position: absolute;

    z-index: 4;

    right: 7vw;
    bottom: 75px;

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

.duru-film__play-circle {
    width: 78px;
    height: 78px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.60);
    border-radius: 50%;

    font-size: 12px;

    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease;
}

.duru-film__play:hover .duru-film__play-circle {
    background: #ffffff;
    color: #111111;

    transform: scale(1.06);
}

.duru-film__play small,
.duru-film__play strong {
    display: block;
}

.duru-film__play small {
    margin-bottom: 7px;

    font-size: 7px;
    letter-spacing: .25em;
    text-transform: uppercase;

    opacity: .55;
}

.duru-film__play strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    font-weight: 400;
}


/* VERTICAL */

.duru-film__vertical {
    position: absolute;

    z-index: 3;

    right: 25px;
    top: 50%;

    transform: translateY(-50%) rotate(90deg);

    font-size: 7px;
    letter-spacing: .5em;

    opacity: .55;
}


/* =====================================================
   RANDEVU
===================================================== */

.duru-appointment {
    position: relative;

    padding: 150px 6vw 55px;

    overflow: hidden;

    background: #e9e1d7;
    color: #141414;
}


/* TOP */

.duru-appointment__top {
    max-width: 1800px;

    margin: 0 auto 125px;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    gap: 60px;
}

.duru-appointment__index {
    display: flex;
    align-items: center;
    gap: 17px;

    font-size: 8px;
    letter-spacing: .28em;
    text-transform: uppercase;

    opacity: .5;
}

.duru-appointment__line {
    width: 48px;
    height: 1px;

    background: currentColor;
}

.duru-appointment__top > p {
    width: min(100%, 390px);

    margin: 0;

    font-size: 11px;
    line-height: 1.9;

    opacity: .55;
}


/* MAIN */

.duru-appointment__main {
    max-width: 1800px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 1.55fr .65fr;
    gap: clamp(80px, 10vw, 190px);

    align-items: end;
}

.duru-appointment__heading > p {
    margin: 0 0 28px;

    font-size: 9px;
    letter-spacing: .35em;
    text-transform: uppercase;

    opacity: .5;
}

.duru-appointment h2 {
    margin: 0;

    max-width: 1200px;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(72px, 8vw, 150px);
    line-height: .87;
    letter-spacing: -.058em;

    font-weight: 400;
}

.duru-appointment h2 em {
    font-weight: 400;
}


/* ACTION */

.duru-appointment__action {
    padding-bottom: 10px;
}

.duru-appointment__button {
    width: 100%;

    padding: 20px 0;

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

    border-top: 1px solid #161616;
    border-bottom: 1px solid #161616;

    font-size: 9px;
    letter-spacing: .20em;
    text-transform: uppercase;
}

.duru-appointment__button-arrow {
    font-size: 20px;

    transition: transform .35s ease;
}

.duru-appointment__button:hover .duru-appointment__button-arrow {
    transform: rotate(45deg);
}

.duru-appointment__action > p {
    margin: 30px 0 0;

    font-size: 10px;
    line-height: 1.9;

    opacity: .48;
}


/* BOTTOM */

.duru-appointment__bottom {
    max-width: 1800px;

    margin: 140px auto 0;

    padding-top: 24px;

    border-top: 1px solid rgba(0,0,0,.16);

    display: flex;
    justify-content: space-between;

    font-size: 7px;
    letter-spacing: .30em;

    opacity: .45;
}


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

@media (max-width: 700px) {

    .duru-film {
        min-height: 800px;
    }

    .duru-film__top {
        top: 25px;
        left: 20px;
        right: 20px;
    }

    .duru-film__edition {
        display: none;
    }

    .duru-film__content {
        min-height: 800px;

        padding:
            130px
            24px
            190px;

        justify-content: flex-end;
    }

    .duru-film h2 {
        font-size: clamp(62px, 18vw, 88px);
        line-height: .9;
    }

    .duru-film__description {
        max-width: 315px;

        margin-top: 30px;
    }

    .duru-film__play {
        left: 24px;
        right: auto;
        bottom: 55px;
    }

    .duru-film__play-circle {
        width: 62px;
        height: 62px;
    }

    .duru-film__vertical {
        display: none;
    }


    /* RANDEVU */

    .duru-appointment {
        padding: 90px 20px 40px;
    }

    .duru-appointment__top {
        margin-bottom: 80px;

        display: block;
    }

    .duru-appointment__top > p {
        margin-top: 45px;

        max-width: 320px;
    }

    .duru-appointment__main {
        display: block;
    }

    .duru-appointment h2 {
        font-size: clamp(58px, 17vw, 82px);
        line-height: .91;
    }

    .duru-appointment__action {
        margin-top: 80px;
    }

    .duru-appointment__bottom {
        margin-top: 90px;

        flex-direction: column;
        gap: 12px;
    }

}
/* =====================================================
   GERÇEK GELİNLER
===================================================== */

.duru-brides {
    position: relative;

    padding: 160px 6vw 0;

    overflow: hidden;

    background: #f6f3ee;
    color: #161616;
}


/* =====================================================
   HEADER
===================================================== */

.duru-brides__header {
    max-width: 1800px;

    margin: 0 auto 110px;
}

.duru-brides__index {
    display: flex;
    align-items: center;
    gap: 17px;

    margin-bottom: 75px;

    font-size: 8px;
    letter-spacing: .28em;
    text-transform: uppercase;

    opacity: .5;
}

.duru-brides__line {
    width: 48px;
    height: 1px;

    background: currentColor;
}


.duru-brides__heading {
    display: grid;
    grid-template-columns: 1.5fr .5fr;
    gap: 80px;

    align-items: end;
}


.duru-brides__heading h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(70px, 8vw, 145px);
    line-height: .87;
    letter-spacing: -.06em;

    font-weight: 400;
}

.duru-brides__heading h2 em {
    font-weight: 400;
}


/* INTRO */

.duru-brides__intro {
    padding-bottom: 10px;
}

.duru-brides__intro p {
    max-width: 300px;

    margin: 0 0 45px;

    font-size: 11px;
    line-height: 1.9;

    opacity: .55;
}

.duru-brides__instagram {
    width: 100%;

    padding-bottom: 14px;

    display: flex;
    justify-content: space-between;

    border-bottom: 1px solid rgba(0,0,0,.5);

    font-size: 8px;
    letter-spacing: .20em;
    text-transform: uppercase;
}


/* =====================================================
   GALLERY
===================================================== */

.duru-brides__gallery {
    max-width: 1800px;

    margin: 0 auto;

    display: grid;
    grid-template-columns:
        1.15fr
        .78fr
        1fr
        .72fr;

    gap: 14px;

    align-items: start;
}


/* BRIDE */

.duru-bride {
    position: relative;

    display: block;

    overflow: hidden;

    background: #b5aea5;
}


.duru-bride--one {
    aspect-ratio: .72;
}

.duru-bride--two {
    aspect-ratio: .70;

    margin-top: 130px;
}

.duru-bride--three {
    aspect-ratio: .78;

    margin-top: 40px;
}

.duru-bride--four {
    aspect-ratio: .69;

    margin-top: 190px;
}


/* IMAGE */

.duru-bride__media {
    position: absolute;
    inset: 0;

    transition:
        transform 1.2s cubic-bezier(.2,.65,.3,1),
        filter .7s ease;
}


/* GEÇİCİ GÖRSELLER */

.duru-bride--one .duru-bride__media {
    background:
        radial-gradient(
            circle at 52% 27%,
            rgba(255,255,255,.80),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            #8c857d,
            #ded7ce 52%,
            #a49b92
        );
}

.duru-bride--two .duru-bride__media {
    background:
        radial-gradient(
            circle at 50% 24%,
            rgba(255,255,255,.75),
            transparent 25%
        ),
        linear-gradient(
            150deg,
            #d5cec5,
            #817970 62%,
            #514d48
        );
}

.duru-bride--three .duru-bride__media {
    background:
        radial-gradient(
            circle at 54% 28%,
            rgba(255,255,255,.80),
            transparent 27%
        ),
        linear-gradient(
            140deg,
            #665f58,
            #c8c0b6 53%,
            #e8e2da
        );
}

.duru-bride--four .duru-bride__media {
    background:
        radial-gradient(
            circle at 48% 26%,
            rgba(255,255,255,.78),
            transparent 25%
        ),
        linear-gradient(
            150deg,
            #c3bbb1,
            #777068 58%,
            #494641
        );
}


.duru-bride:hover .duru-bride__media {
    transform: scale(1.055);
}


/* OVERLAY */

.duru-bride__overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(0,0,0,.50),
            transparent 38%
        );

    opacity: .65;

    transition: opacity .4s ease;
}

.duru-bride:hover .duru-bride__overlay {
    opacity: .9;
}


/* META */

.duru-bride__meta {
    position: absolute;

    left: 20px;
    right: 20px;
    bottom: 20px;

    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    color: #ffffff;
}

.duru-bride__meta span {
    font-size: 7px;
    letter-spacing: .18em;

    opacity: .7;
}

.duru-bride__meta strong {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;
    font-weight: 400;
}


/* =====================================================
   STATEMENT
===================================================== */

.duru-brides__statement {
    max-width: 1800px;

    margin: 180px auto 0;

    padding: 120px 0 135px;

    border-top: 1px solid rgba(0,0,0,.14);

    text-align: center;
}

.duru-brides__statement > span {
    display: block;

    margin-bottom: 35px;

    font-size: 8px;
    letter-spacing: .45em;

    opacity: .45;
}

.duru-brides__statement h3 {
    max-width: 1350px;

    margin: 0 auto;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(70px, 8vw, 150px);
    line-height: .87;
    letter-spacing: -.06em;

    font-weight: 400;
}

.duru-brides__statement h3 em {
    font-weight: 400;
}


/* CTA */

.duru-brides__cta {
    margin-top: 70px;

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

    font-size: 9px;
    letter-spacing: .21em;
    text-transform: uppercase;
}

.duru-brides__cta-circle {
    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(0,0,0,.55);
    border-radius: 50%;

    font-size: 17px;

    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease;
}

.duru-brides__cta:hover .duru-brides__cta-circle {
    background: #171717;
    color: #ffffff;

    transform: rotate(45deg);
}


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

@media (max-width: 700px) {

    .duru-brides {
        padding: 90px 20px 0;
    }

    .duru-brides__header {
        margin-bottom: 65px;
    }

    .duru-brides__index {
        margin-bottom: 55px;
    }

    .duru-brides__heading {
        display: block;
    }

    .duru-brides__heading h2 {
        font-size: clamp(56px, 17vw, 82px);
        line-height: .9;
    }

    .duru-brides__intro {
        margin-top: 45px;
    }

    .duru-brides__intro p {
        margin-bottom: 35px;
    }


    .duru-brides__gallery {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .duru-bride--one,
    .duru-bride--three {
        margin-top: 0;
    }

    .duru-bride--two {
        margin-top: 80px;
    }

    .duru-bride--four {
        margin-top: 55px;
    }

    .duru-bride__meta {
        left: 12px;
        right: 12px;
        bottom: 12px;
    }

    .duru-bride__meta strong {
        display: none;
    }


    .duru-brides__statement {
        margin-top: 100px;

        padding: 80px 0 95px;
    }

    .duru-brides__statement h3 {
        font-size: clamp(54px, 16vw, 78px);
        line-height: .91;
    }

    .duru-brides__cta {
        margin-top: 50px;

        gap: 20px;
    }

}
/* =====================================================
   FOOTER
===================================================== */

.duru-footer {
    position: relative;

    padding: 110px 6vw 30px;

    overflow: hidden;

    background: #151513;
    color: #f6f2eb;
}


/* TOP */

.duru-footer__top {
    max-width: 1800px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 100px;
}


/* BRAND */

.duru-footer__brand {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    min-height: 260px;
}

.duru-footer__logo {
    width: max-content;

    display: flex;
    flex-direction: column;
    align-items: center;

    color: #ffffff;
}

.duru-footer__logo span {
    font-family: Georgia, "Times New Roman", serif;

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

    letter-spacing: .16em;
}

.duru-footer__logo small {
    margin-top: 8px;

    font-size: 8px;
    letter-spacing: .68em;
}

.duru-footer__brand p {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 24px;
    line-height: 1.35;

    color: rgba(255,255,255,.65);
}


/* NAV */

.duru-footer__nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

.duru-footer__column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.duru-footer__label {
    margin-bottom: 35px;

    font-size: 7px;
    letter-spacing: .35em;
    text-transform: uppercase;

    color: rgba(255,255,255,.35);
}

.duru-footer__column a {
    position: relative;

    margin-bottom: 15px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;

    color: rgba(255,255,255,.83);

    transition: color .3s ease;
}

.duru-footer__column a:hover {
    color: #ffffff;
}


/* LOCATION */

.duru-footer__location {
    max-width: 1800px;

    margin: 100px auto 0;
    padding: 35px 0;

    display: grid;
    grid-template-columns: .65fr 1.35fr auto;
    gap: 50px;
    align-items: start;

    border-top: 1px solid rgba(255,255,255,.14);
    border-bottom: 1px solid rgba(255,255,255,.14);
}

.duru-footer__location > span {
    font-size: 7px;
    letter-spacing: .35em;
    text-transform: uppercase;

    opacity: .35;
}

.duru-footer__location p {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 18px;
    line-height: 1.5;

    color: rgba(255,255,255,.72);
}

.duru-footer__location a {
    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;

    color: rgba(255,255,255,.68);
}


/* GIANT WORDMARK */

.duru-footer__wordmark {
    max-width: 1800px;

    margin: 65px auto -3vw;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(150px, 24vw, 460px);
    line-height: .76;

    letter-spacing: -.065em;

    text-align: center;

    color: #f0ebe3;

    white-space: nowrap;
}


/* BOTTOM */

.duru-footer__bottom {
    position: relative;
    z-index: 2;

    max-width: 1800px;

    margin: 60px auto 0;
    padding-top: 23px;

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

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 30px;

    font-size: 7px;
    letter-spacing: .18em;
    text-transform: uppercase;

    color: rgba(255,255,255,.42);
}

.duru-footer__bottom > span:last-child {
    text-align: right;
}

.duru-footer__bottom div {
    display: flex;
    gap: 25px;
}

.duru-footer__bottom a {
    color: inherit;
}


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

@media (max-width: 700px) {

    .duru-footer {
        padding: 80px 20px 25px;
    }

    .duru-footer__top {
        display: block;
    }

    .duru-footer__brand {
        min-height: 0;
    }

    .duru-footer__logo span {
        font-size: 40px;
    }

    .duru-footer__brand p {
        margin-top: 55px;

        font-size: 21px;
    }

    .duru-footer__nav {
        margin-top: 80px;

        grid-template-columns: 1fr 1fr;
        gap: 60px 30px;
    }

    .duru-footer__column:last-child {
        grid-column: 1 / -1;
    }

    .duru-footer__column a {
        font-size: 16px;
    }


    .duru-footer__location {
        margin-top: 75px;

        display: block;
    }

    .duru-footer__location p {
        margin: 25px 0;

        font-size: 17px;
    }


    .duru-footer__wordmark {
        margin-top: 65px;
        margin-bottom: 0;

        font-size: 31vw;
    }


    .duru-footer__bottom {
        margin-top: 45px;

        display: flex;
        flex-direction: column;
        gap: 17px;
    }

    .duru-footer__bottom div {
        order: 3;
    }

    .duru-footer__bottom > span:last-child {
        text-align: left;
    }

}
/* =====================================================
   GERÇEK GELİNLİK GÖRSELLERİ
===================================================== */

.duru-model__photo {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition:
        transform 1.1s cubic-bezier(.2,.65,.3,1),
        filter .7s ease;
}

.duru-model__image:hover .duru-model__photo {
    transform: scale(1.045);
}

/* =====================================================
   GELİNLİK DETAY SAYFASI
===================================================== */

.duru-product {
    background: #f5f1ea;
    color: #151515;
}


/* =====================================================
   PRODUCT HERO
===================================================== */

.duru-product-hero {
    position: relative;

    min-height: 100svh;

    overflow: hidden;

    background: #27241f;
    color: #ffffff;
}

.duru-product-hero__media,
.duru-product-hero__overlay {
    position: absolute;
    inset: 0;
}

.duru-product-hero__image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center 20%;
}

.duru-product-hero__placeholder {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 52% 25%,
            rgba(255,255,255,.75),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #504b45,
            #b9b0a5 58%,
            #e1dad1
        );
}

.duru-product-hero__overlay {
    background:
        linear-gradient(
            0deg,
            rgba(0,0,0,.62) 0%,
            rgba(0,0,0,.06) 60%
        ),
        linear-gradient(
            90deg,
            rgba(0,0,0,.25),
            transparent 50%
        );
}


/* ÜST BİLGİ */

.duru-product-hero__top {
    position: absolute;

    z-index: 3;

    top: calc(var(--header-height) + 35px);
    left: 6vw;
    right: 6vw;

    display: flex;
    justify-content: space-between;

    font-size: 8px;
    letter-spacing: .28em;
    text-transform: uppercase;

    opacity: .75;
}


/* MODEL ADI */

.duru-product-hero__content {
    position: absolute;

    z-index: 3;

    left: 6vw;
    right: 6vw;
    bottom: 80px;
}

.duru-product-hero__content p {
    margin: 0 0 20px;

    font-size: 8px;
    letter-spacing: .4em;
    text-transform: uppercase;

    opacity: .72;
}

.duru-product-hero__content h1 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(100px, 15vw, 280px);
    line-height: .72;

    letter-spacing: -.07em;
    font-weight: 400;
}


/* SCROLL */

.duru-product-hero__scroll {
    position: absolute;

    z-index: 3;

    right: 6vw;
    bottom: 80px;

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

    color: #ffffff;

    font-size: 8px;
    letter-spacing: .25em;
    text-transform: uppercase;
}

.duru-product-hero__scroll > span:last-child {
    width: 55px;
    height: 1px;

    background: rgba(255,255,255,.7);
}


/* =====================================================
   PRODUCT INFO
===================================================== */

.duru-product-info {
    max-width: 1800px;
    margin: 0 auto;
    padding: 130px 6vw 135px;
}

.duru-product-info__index {
    display: flex;
    align-items: center;
    gap: 17px;

    margin-bottom: 80px;

    font-size: 8px;
    letter-spacing: .28em;
    text-transform: uppercase;

    opacity: .48;
}

.duru-product-info__line {
    width: 48px;
    height: 1px;

    background: currentColor;
}

.duru-product-info__main {
    display: grid;
    grid-template-columns: 1.5fr .55fr;
    gap: clamp(80px, 10vw, 200px);

    align-items: start;
}

.duru-product-info__heading > p {
    margin: 0 0 25px;

    font-size: 8px;
    letter-spacing: .38em;
    text-transform: uppercase;

    opacity: .5;
}

.duru-product-info__heading h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(90px, 11vw, 190px);
    line-height: .82;

    letter-spacing: -.065em;
    font-weight: 400;
}


/* DETAY */

.duru-product-info__details {
    padding-top: 15px;
}

.duru-product-info__row {
    padding: 17px 0;

    display: flex;
    justify-content: space-between;
    gap: 30px;

    border-top: 1px solid rgba(0,0,0,.14);
}

.duru-product-info__row span {
    font-size: 8px;
    letter-spacing: .24em;
    text-transform: uppercase;

    opacity: .46;
}

.duru-product-info__row strong {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 16px;
    font-weight: 400;
}

.duru-product-info__description {
    margin-top: 45px;

    font-size: 12px;
    line-height: 1.95;

    opacity: .62;
}

.duru-product-info__description p {
    margin-top: 0;
}


/* RANDEVU LINK */

.duru-product-info__appointment {
    margin-top: 55px;

    padding: 20px 0;

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

    border-top: 1px solid #171717;
    border-bottom: 1px solid #171717;

    font-size: 8px;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.duru-product-info__appointment span:last-child {
    font-size: 18px;

    transition: transform .35s ease;
}

.duru-product-info__appointment:hover span:last-child {
    transform: rotate(45deg);
}


/* =====================================================
   PRODUCT GALLERY
===================================================== */

.duru-product-gallery {
    padding: 150px 6vw 190px;

    background: #161614;
    color: #ffffff;
}

.duru-product-gallery__head {
    max-width: 1800px;

    margin: 0 auto 90px;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
}

.duru-product-gallery__head > div {
    display: flex;
    align-items: center;
    gap: 17px;

    font-size: 8px;
    letter-spacing: .28em;
    text-transform: uppercase;

    opacity: .55;
}

.duru-product-gallery__line {
    width: 48px;
    height: 1px;

    background: currentColor;
}

.duru-product-gallery__head p {
    width: min(100%, 340px);

    margin: 0;

    font-size: 11px;
    line-height: 1.8;

    opacity: .5;
}


/* GALERİ GRID */

.duru-product-gallery__grid {
    max-width: 1800px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 18px;

    align-items: start;
}

.duru-product-gallery__item {
    margin: 0;

    overflow: hidden;
}

.duru-product-gallery__item--1 {
    grid-column: 1 / span 7;
}

.duru-product-gallery__item--2 {
    grid-column: 9 / span 4;

    margin-top: 170px;
}

.duru-product-gallery__item--3 {
    grid-column: 2 / span 4;

    margin-top: 130px;
}

.duru-product-gallery__item--4 {
    grid-column: 7 / span 6;

    margin-top: 60px;
}

.duru-product-gallery__image {
    width: 100%;
    height: auto;

    display: block;

    transition: transform 1.2s cubic-bezier(.2,.65,.3,1);
}

.duru-product-gallery__item:hover .duru-product-gallery__image {
    transform: scale(1.025);
}


/* =====================================================
   PRODUCT CTA
===================================================== */

.duru-product-cta {
    padding: 170px 6vw;

    background: #e9e1d7;
}

.duru-product-cta__inner {
    max-width: 1500px;

    margin: 0 auto;

    text-align: center;
}

.duru-product-cta__inner > span {
    display: block;

    margin-bottom: 35px;

    font-size: 8px;
    letter-spacing: .42em;
    text-transform: uppercase;

    opacity: .48;
}

.duru-product-cta h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(75px, 9vw, 155px);
    line-height: .88;

    letter-spacing: -.06em;
    font-weight: 400;
}

.duru-product-cta h2 em {
    font-weight: 400;
}

.duru-product-cta p {
    max-width: 420px;

    margin: 45px auto 0;

    font-size: 11px;
    line-height: 1.9;

    opacity: .55;
}

.duru-product-cta a {
    margin-top: 55px;

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

    font-size: 9px;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.duru-product-cta__arrow {
    width: 62px;
    height: 62px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(0,0,0,.5);
    border-radius: 50%;

    font-size: 17px;

    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease;
}

.duru-product-cta a:hover .duru-product-cta__arrow {
    background: #171717;
    color: #ffffff;

    transform: rotate(45deg);
}


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

@media (max-width: 700px) {

    .duru-product-hero {
        min-height: 100svh;
    }

    .duru-product-hero__top {
        top: 105px;
        left: 20px;
        right: 20px;
    }

    .duru-product-hero__content {
        left: 20px;
        right: 20px;
        bottom: 65px;
    }

    .duru-product-hero__content h1 {
        font-size: clamp(78px, 27vw, 130px);
    }

    .duru-product-hero__scroll {
        display: none;
    }


    .duru-product-info {
        padding: 90px 20px 110px;
    }

    .duru-product-info__index {
        margin-bottom: 65px;
    }

    .duru-product-info__main {
        display: block;
    }

    .duru-product-info__heading h2 {
        font-size: clamp(72px, 24vw, 120px);
    }

    .duru-product-info__details {
        margin-top: 75px;
    }


    .duru-product-gallery {
        padding: 90px 20px 110px;
    }

    .duru-product-gallery__head {
        margin-bottom: 60px;

        display: block;
    }

    .duru-product-gallery__head p {
        margin-top: 35px;
    }

    .duru-product-gallery__grid {
        display: block;
    }

    .duru-product-gallery__item {
        margin: 0 0 12px;
    }


    .duru-product-cta {
        padding: 110px 20px;
    }

    .duru-product-cta h2 {
        font-size: clamp(60px, 18vw, 88px);
    }

}
/* =====================================================
   GELİNLİK ARŞİVİ
===================================================== */

.duru-archive {
    background: #f5f1ea;
    color: #151515;
}


/* HERO */

.duru-archive-hero {
    min-height: 680px;

    padding:
        calc(var(--header-height) + 120px)
        6vw
        120px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.duru-archive-hero__index {
    margin-bottom: 55px;

    display: flex;
    justify-content: space-between;

    font-size: 8px;
    letter-spacing: .32em;
    text-transform: uppercase;

    opacity: .45;
}

.duru-archive-hero h1 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(90px, 11vw, 190px);
    line-height: .82;
    letter-spacing: -.065em;

    font-weight: 400;
}

.duru-archive-hero h1 em {
    font-weight: 400;
}

.duru-archive-hero > p {
    width: min(100%, 420px);

    margin: 55px 0 0 auto;

    font-size: 12px;
    line-height: 1.9;

    opacity: .55;
}


/* PRODUCTS */

.duru-archive-products {
    padding: 0 6vw 180px;
}


/* FILTER */

.duru-archive-filter {
    position: sticky;
    top: 82px;

    z-index: 20;

    padding: 22px 0;

    display: flex;
    align-items: center;
    gap: 34px;

    border-top: 1px solid rgba(0,0,0,.14);
    border-bottom: 1px solid rgba(0,0,0,.14);

    background: rgba(245,241,234,.94);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.duru-filter {
    padding: 0;

    border: 0;
    background: transparent;

    font-family: inherit;

    font-size: 8px;
    letter-spacing: .22em;
    text-transform: uppercase;

    opacity: .40;

    cursor: pointer;

    transition: opacity .3s ease;
}

.duru-filter:hover,
.duru-filter.is-active {
    opacity: 1;
}


/* GRID */

.duru-archive-grid {
    max-width: 1800px;

    margin: 100px auto 0;

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

    gap: 130px 6vw;

    align-items: start;
}


/* OFFSET */

.duru-archive-card:nth-child(even) {
    margin-top: 150px;
}


/* IMAGE */

.duru-archive-card__image {
    position: relative;

    display: block;

    aspect-ratio: .72;

    overflow: hidden;

    background: #c5beb5;
}

.duru-archive-card__photo {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 1.15s cubic-bezier(.2,.65,.3,1);
}

.duru-archive-card:hover .duru-archive-card__photo {
    transform: scale(1.045);
}

.duru-archive-card__placeholder {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 50% 25%,
            rgba(255,255,255,.78),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #8d857b,
            #d8d0c6
        );
}


/* INCELE */

.duru-archive-card__view {
    position: absolute;

    right: 22px;
    bottom: 22px;

    width: 78px;
    height: 78px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,.94);
    color: #151515;

    font-size: 7px;
    letter-spacing: .15em;
    text-transform: uppercase;

    opacity: 0;
    transform: translateY(12px);

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

.duru-archive-card:hover .duru-archive-card__view {
    opacity: 1;
    transform: translateY(0);
}


/* META */

.duru-archive-card__meta {
    position: relative;

    padding: 22px 0 0 42px;
}

.duru-archive-card__meta > span {
    position: absolute;

    left: 0;
    top: 27px;

    font-size: 7px;
    letter-spacing: .15em;

    opacity: .4;
}

.duru-archive-card__meta h2 {
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(35px, 4vw, 60px);
    line-height: 1;

    font-weight: 400;
}

.duru-archive-card__meta small {
    display: block;

    margin-top: 10px;

    font-size: 7px;
    letter-spacing: .22em;
    text-transform: uppercase;

    opacity: .45;
}


/* FILTER HIDE */

.duru-archive-card.is-hidden {
    display: none;
}


/* MOBILE */

@media (max-width: 700px) {

    .duru-archive-hero {
        min-height: 570px;

        padding:
            130px
            20px
            80px;
    }

    .duru-archive-hero h1 {
        font-size: clamp(70px, 21vw, 105px);
    }

    .duru-archive-hero > p {
        margin: 40px 0 0;
    }


    .duru-archive-products {
        padding: 0 20px 100px;
    }


    .duru-archive-filter {
        top: 78px;

        overflow-x: auto;

        gap: 25px;

        white-space: nowrap;

        scrollbar-width: none;
    }

    .duru-archive-filter::-webkit-scrollbar {
        display: none;
    }


    .duru-archive-grid {
        margin-top: 60px;

        grid-template-columns: 1fr;

        gap: 75px;
    }

    .duru-archive-card:nth-child(even) {
        margin-top: 0;
    }

    .duru-archive-card__view {
        width: 65px;
        height: 65px;

        right: 15px;
        bottom: 15px;

        opacity: 1;
        transform: none;
    }

}
/* =====================================================
   RANDEVU FORMU
===================================================== */

.duru-booking-form {
    width: 100%;
}

.duru-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.duru-form-field {
    margin-bottom: 28px;
}

.duru-form-field label {
    display: block;

    margin-bottom: 10px;

    font-size: 7px;
    letter-spacing: .24em;
    text-transform: uppercase;

    opacity: .5;
}

.duru-form-field input,
.duru-form-field select,
.duru-form-field textarea {
    width: 100%;

    padding: 15px 0;

    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.35);

    border-radius: 0;

    outline: none;

    background: transparent;
    color: #151515;

    font-family: inherit;
    font-size: 13px;
}

.duru-form-field textarea {
    resize: vertical;
}

.duru-form-field input:focus,
.duru-form-field select:focus,
.duru-form-field textarea:focus {
    border-bottom-color: #111111;
}

.duru-form-field input::placeholder,
.duru-form-field textarea::placeholder {
    color: rgba(0,0,0,.35);
}


/* CHECKBOX */

.duru-form-check {
    margin-top: 8px;

    display: flex;
    align-items: flex-start;
    gap: 12px;

    cursor: pointer;
}

.duru-form-check input {
    margin-top: 3px;
}

.duru-form-check span {
    font-size: 9px;
    line-height: 1.6;

    opacity: .55;
}


/* SUBMIT */

.duru-booking-submit {
    width: 100%;

    margin-top: 35px;
    padding: 20px 0;

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

    border: 0;
    border-top: 1px solid #151515;
    border-bottom: 1px solid #151515;

    background: transparent;
    color: #151515;

    font-family: inherit;

    font-size: 8px;
    letter-spacing: .22em;
    text-transform: uppercase;

    cursor: pointer;
}

.duru-booking-submit span:last-child {
    font-size: 20px;

    transition: transform .35s ease;
}

.duru-booking-submit:hover span:last-child {
    transform: rotate(45deg);
}


/* MESAJ */

.duru-form-message {
    margin-bottom: 35px;
    padding: 18px 20px;

    border: 1px solid rgba(0,0,0,.15);

    font-size: 11px;
    line-height: 1.7;
}

.duru-form-message strong {
    display: block;

    margin-bottom: 5px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    font-weight: 400;
}

.duru-form-message p {
    margin: 0;
}

.duru-form-message--success {
    background: rgba(255,255,255,.28);
}


/* BOT TUZAĞI */

.duru-honeypot {
    position: absolute !important;

    width: 1px;
    height: 1px;

    overflow: hidden;

    left: -9999px;
}


/* MOBILE */

@media (max-width: 700px) {

    .duru-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .duru-form-field {
        margin-bottom: 25px;
    }

}

/* =========================================================
   DURU V2
========================================================= */

:root {
    --duru-v2-ivory: #fffaf7;
    --duru-v2-pearl: #f7efea;
    --duru-v2-blush: #efc3c9;
    --duru-v2-rose: #c9687d;
    --duru-v2-wine: #7d3148;
    --duru-v2-champagne: #d7b277;
    --duru-v2-plum: #291a20;
    --duru-v2-text: #281f22;

    --duru-v2-header: 74px;
}


/* =========================================================
   DURU HOME - SEAMLESS CANVAS
   Bölümler hangi sıraya alınırsa alınsın
   giriş ve çıkış renkleri aynı zeminde birleşir.
========================================================= */

:root {
    --duru-home-canvas:
        #fffaf7;

    --duru-home-canvas-rgb:
        255, 250, 247;
}


/* =========================================================
   ANA SAYFA TABANI
========================================================= */

.duru-home {
    background:
        var(--duru-home-canvas);
}


/* =========================================================
   TÜM SIRALANABİLİR BÖLÜMLER
========================================================= */

.duru-home
[data-home-section] {
    position: relative;

    background-color:
        var(--duru-home-canvas);
}


/* =========================================================
   NÖTR BÖLÜMLER
========================================================= */

.duru-v2-models,
.duru-v2-styles,
.duru-v2-film {
    background:
        var(--duru-home-canvas)
        !important;
}


/* =========================================================
   DURU HİKÂYESİ

   Ortası hafif pembe kalır.
   Ama üst ve alt mutlaka ivory'e döner.
========================================================= */

.duru-v2-story {
    background:
        linear-gradient(
            180deg,

            var(--duru-home-canvas)
            0%,

            #fcf5f2
            12%,

            #f8eeea
            35%,

            #f2dedf
            53%,

            #f7e9e7
            72%,

            #fdf7f4
            88%,

            var(--duru-home-canvas)
            100%
        )
        !important;
}


/* =========================================================
   RANDEVU

   Kart renkli kalır.
   Dış konteyner diğer bölümlere yumuşak bağlanır.
========================================================= */

.duru-v2-appointment {
    background:
        linear-gradient(
            180deg,

            var(--duru-home-canvas)
            0%,

            #fff8f5
            20%,

            #fff6f3
            50%,

            #fff8f5
            80%,

            var(--duru-home-canvas)
            100%
        )
        !important;
}


/* =========================================================
   DURU GELİNLERİ

   Bölüm içinde hafif blush atmosferi korunur.
   Başlangıç ve bitiş ortak canvas rengine döner.
========================================================= */

.duru-v2-brides {
    background:
        linear-gradient(
            180deg,

            var(--duru-home-canvas)
            0%,

            #fdf7f4
            14%,

            #faefeb
            45%,

            #f8ece8
            68%,

            #fdf6f3
            88%,

            var(--duru-home-canvas)
            100%
        )
        !important;
}


/* =========================================================
   BÖLÜM KENARLARINDA OLUŞABİLECEK
   1PX TARAYICI ÇİZGİLERİNİ ENGELLE
========================================================= */

.duru-v2-models,
.duru-v2-story,
.duru-v2-styles,
.duru-v2-film,
.duru-v2-appointment,
.duru-v2-brides {
    background-clip:
        border-box;

    border-top:
        0;

    border-bottom:
        0;
}


/* =========================================================
   DURU HOME - DİKEY RİTİM
========================================================= */

:root {
    --duru-home-section-space:
        clamp(
            78px,
            7vw,
            110px
        );
}


/*
 * Başlık ağırlıklı klasik bölümler
 */

.duru-v2-models,
.duru-v2-story,
.duru-v2-styles,
.duru-v2-brides {
    padding-top:
        var(--duru-home-section-space);
}


/*
 * İçinde zaten büyük kart bulunan bölümler
 * biraz daha sıkı tutulur.
 */

.duru-v2-film {
    padding-top:
        clamp(
            38px,
            4vw,
            55px
        );

    padding-bottom:
        clamp(
            45px,
            5vw,
            70px
        );
}


.duru-v2-appointment {
    padding-top:
        clamp(
            45px,
            5vw,
            70px
        );

    padding-bottom:
        clamp(
            75px,
            7vw,
            105px
        );
}


/* MOBİL */

@media (max-width: 800px) {

    :root {
        --duru-home-section-space:
            78px;
    }


    .duru-v2-film {
        padding-top:
            28px;
    }


    .duru-v2-appointment {
        padding-top:
            35px;
    }

}



/* =========================================================
   HEADER V2
========================================================= */

.duru-v2-header {
    position: fixed;

    top: 0;
    left: 0;

    z-index: 2000;

    width: 100%;
    height: var(--duru-v2-header);

    background: transparent;

    color: #ffffff;

    box-shadow: none;

    backdrop-filter: none;
    -webkit-backdrop-filter: none;

    transition:
        background .35s ease,
        color .35s ease,
        box-shadow .35s ease,
        backdrop-filter .35s ease;
}


/* HERO ÜZERİNDEKİ NORMAL DURUM */

.duru-v2-header:not(.is-scrolled) {
    background: transparent !important;

    color: #ffffff !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


body.admin-bar .duru-v2-header {
    top: 32px;
}


.duru-v2-header.is-scrolled {
    background: rgba(255,250,247,.88);
    color: var(--duru-v2-text);

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    box-shadow:
        0 1px 0 rgba(70,40,50,.08);
}


.duru-v2-header__inner {
    position: relative;

    width: 100%;
    height: 100%;

    padding: 0 4vw;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* LOGO */

.duru-v2-logo {
    position: absolute;

    left: 50%;
    top: 50%;

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

    display: flex;
    flex-direction: column;
    align-items: center;

    color: inherit;
}

.duru-v2-logo strong {
    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size: 27px;
    line-height: .8;

    font-weight: 400;

    letter-spacing: .17em;
}

.duru-v2-logo span {
    margin-top: 7px;

    font-size: 6px;

    letter-spacing: .58em;
}


/* NAV */

.duru-v2-nav {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    display: flex;
    align-items: center;

    gap: 35px;
}

.duru-v2-nav--left {
    left: 4vw;
}

.duru-v2-nav--right {
    right: 4vw;
}

.duru-v2-nav a {
    position: relative;

    font-size: 9px;

    letter-spacing: .18em;
    text-transform: uppercase;

    color: inherit;
}

.duru-v2-nav a:not(.duru-v2-nav__appointment)::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -7px;

    width: 0;
    height: 1px;

    background: currentColor;

    transition: width .35s ease;
}

.duru-v2-nav a:hover::after {
    width: 100%;
}


/* APPOINTMENT */

.duru-v2-nav__appointment {
    padding: 11px 16px;

    border: 1px solid rgba(255,255,255,.55);

    display: flex;
    align-items: center;
    gap: 16px;

    border-radius: 30px;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease;
}

.duru-v2-header.is-scrolled
.duru-v2-nav__appointment {
    border-color: rgba(40,31,34,.25);
}

.duru-v2-nav__appointment:hover {
    background: #ffffff;
    color: var(--duru-v2-plum);

    border-color: #ffffff;
}


/* MOBILE */

.duru-v2-menu-toggle,
.duru-v2-mobile-appointment {
    display: none;
}

.duru-v2-mobile {
    position: fixed;

    inset: 0;

    z-index: -1;

    background:
        linear-gradient(
            145deg,
            #6f2e43,
            #b75d72 55%,
            #efc3c9
        );

    color: #ffffff;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .4s ease,
        visibility .4s ease;
}

.duru-v2-mobile.is-open {
    opacity: 1;
    visibility: visible;
}

.duru-v2-mobile__inner {
    min-height: 100svh;

    padding:
        130px
        26px
        35px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.duru-v2-mobile nav {
    display: flex;
    flex-direction: column;
}

.duru-v2-mobile nav a {
    padding: 12px 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size: clamp(44px, 13vw, 70px);

    line-height: 1;

    border-bottom:
        1px solid rgba(255,255,255,.17);

    color: #ffffff;
}

.duru-v2-mobile__footer {
    display: flex;
    justify-content: space-between;

    font-size: 7px;

    letter-spacing: .28em;

    opacity: .65;
}


/* =========================================================
   DURU HOME - SIRALANABİLİR BÖLÜMLER
========================================================= */

.duru-home {
    width: 100%;

    display: flex;
    flex-direction: column;
}


/*
 * Hero ilk sırada değilse header artık
 * başka bir bölümün üzerinde duracaktır.
 * Bu nedenle normal durumda cam header kullan.
 */

body.duru-home-hero-not-first
.duru-v2-header:not(.is-scrolled) {
    background:
        rgba(255,250,247,.92) !important;

    color:
        var(--duru-v2-text) !important;

    backdrop-filter:
        blur(18px) !important;

    -webkit-backdrop-filter:
        blur(18px) !important;

    box-shadow:
        0 1px 0
        rgba(70,40,50,.08) !important;
}


/*
 * Hero ilk sırada değilse içerik
 * fixed headerın altında başlamasın.
 */

body.duru-home-hero-not-first
.duru-home {
    padding-top:
        var(--duru-v2-header);
}


body.admin-bar.duru-home-hero-not-first
.duru-home {
    padding-top:
        calc(
            var(--duru-v2-header)
            +
            32px
        );
}


@media (max-width: 900px) {

    body.admin-bar.duru-home-hero-not-first
    .duru-home {
        padding-top:
            calc(
                var(--duru-v2-header)
                +
                46px
            );
    }

}



/* =========================================================
   HERO V2
========================================================= */

.duru-v2-hero {
    position: relative;

    width: 100%;
    height: min(860px, 86svh);
    min-height: 650px;

    overflow: hidden;

    background: #33242a;

    color: #ffffff;
}


.duru-v2-hero__slides {
    position: absolute;
    inset: 0;
}


.duru-v2-slide {
    position: absolute;

    inset: 0;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 1.1s ease,
        visibility 1.1s ease;
}


.duru-v2-slide.is-active {
    opacity: 1;
    visibility: visible;
}


/* HERO IMAGE */

.duru-v2-slide__media {
    position: absolute;

    inset: 0;

    overflow: hidden;
}

.duru-v2-slide__media img,
.duru-v2-slide__video,
.duru-v2-slide__fallback {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center 22%;

    transform: scale(1.06);

    transition:
        transform 6.5s cubic-bezier(.2,.6,.3,1);
}

.duru-v2-slide.is-active
.duru-v2-slide__media img,
.duru-v2-slide.is-active
.duru-v2-slide__video,
.duru-v2-slide.is-active
.duru-v2-slide__fallback {
    transform: scale(1);
}


/* DIFFERENT CROPS */

.duru-v2-slide:nth-child(2)
.duru-v2-slide__media img {
    object-position: center 35%;
}

.duru-v2-slide:nth-child(3)
.duru-v2-slide__media img {
    object-position: center 45%;
}


/* FALLBACK */

.duru-v2-slide__fallback {
    background:
        radial-gradient(
            circle at 72% 35%,
            rgba(255,255,255,.65),
            transparent 30%
        ),
        linear-gradient(
            125deg,
            #663047,
            #bd687c 55%,
            #efc9ce
        );
}


/* HERO OVERLAY */

.duru-v2-slide__veil {
    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(38,19,28,.66) 0%,
            rgba(38,19,28,.30) 43%,
            rgba(38,19,28,.07) 72%,
            rgba(38,19,28,.02) 100%
        ),

        linear-gradient(
            0deg,
            rgba(20,10,15,.30),
            transparent 45%
        );
}


/* HERO TEXT */

.duru-v2-slide__content {
    position: absolute;

    z-index: 3;

    left: 7vw;

    top: 50%;

    width: min(630px, 48vw);

    transform: translateY(-43%);

    opacity: 0;

    transition:
        opacity .8s ease .25s,
        transform .8s cubic-bezier(.2,.7,.3,1) .25s;
}

.duru-v2-slide.is-active
.duru-v2-slide__content {
    opacity: 1;

    transform: translateY(-50%);
}


.duru-v2-slide__eyebrow {
    display: block;

    margin-bottom: 24px;

    font-size: 8px;

    letter-spacing: .42em;

    text-transform: uppercase;

    opacity: .78;
}


.duru-v2-slide h1 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(58px, 6.4vw, 105px);

    line-height: .93;

    letter-spacing: -.045em;

    font-weight: 400;
}


.duru-v2-slide h1 em {
    font-weight: 400;
}


.duru-v2-slide__content > p {
    width: min(100%, 410px);

    margin: 28px 0 0;

    font-size: 12px;

    line-height: 1.8;

    letter-spacing: .02em;

    color: rgba(255,255,255,.82);
}


/* BUTTON */

.duru-v2-slide__button {
    width: max-content;

    margin-top: 32px;

    padding: 14px 20px;

    display: inline-flex;
    align-items: center;

    gap: 30px;

    border-radius: 100px;

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

    color: var(--duru-v2-plum);

    font-size: 8px;

    letter-spacing: .20em;

    text-transform: uppercase;

    box-shadow:
        0 10px 40px rgba(40,20,30,.18);

    transition:
        transform .3s ease,
        background .3s ease;
}

.duru-v2-slide__button:hover {
    transform: translateY(-2px);

    background: #ffffff;
}


/* HERO CONTROLS */

.duru-v2-hero__controls {
    position: absolute;

    z-index: 10;

    left: 7vw;
    bottom: 35px;

    width: min(430px, 40vw);

    display: flex;
    align-items: center;

    gap: 25px;
}


.duru-v2-hero__numbers {
    display: flex;

    gap: 14px;
}

.duru-v2-hero__numbers button {
    padding: 0;

    border: 0;

    background: transparent;

    color: #ffffff;

    font-size: 7px;

    letter-spacing: .15em;

    opacity: .45;

    cursor: pointer;

    transition: opacity .3s ease;
}

.duru-v2-hero__numbers button.is-active {
    opacity: 1;
}


/* PROGRESS */

.duru-v2-hero__progress {
    position: relative;

    flex: 1;

    height: 1px;

    overflow: hidden;

    background:
        rgba(255,255,255,.28);
}

.duru-v2-hero__progress-fill {
    position: absolute;

    inset: 0;

    background: #ffffff;

    transform: scaleX(0);

    transform-origin: left center;
}


/* CAPTION */

.duru-v2-hero__caption {
    position: absolute;

    z-index: 10;

    right: 4vw;
    bottom: 35px;

    font-size: 7px;

    letter-spacing: .35em;

    opacity: .65;
}


/* =========================================================
   MOOD MARQUEE - SEAMLESS INFINITE
========================================================= */

.duru-v2-marquee {
    position: relative;

    width: 100%;
    height: 62px;

    overflow: hidden;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            100deg,
            #7d3148,
            #c9687d 45%,
            #efc3c9 75%,
            #d7b277
        );

    color: #ffffff;
}


/* ---------------------------------------------------------
   ANA HAREKET ŞERİDİ
--------------------------------------------------------- */

.duru-v2-marquee__track {
    width: max-content;

    display: flex;
    align-items: center;

    flex-shrink: 0;

    white-space: nowrap;

    will-change: transform;

    animation:
        duruMarqueeSeamless
        42s
        linear
        infinite;
}


/* ---------------------------------------------------------
   BİREBİR AYNI İKİ GRUP
--------------------------------------------------------- */

.duru-v2-marquee__group {
    display: flex;
    align-items: center;

    flex-shrink: 0;

    gap: 30px;

    padding-right: 30px;
}


/* ---------------------------------------------------------
   YAZILAR
--------------------------------------------------------- */

.duru-v2-marquee span {
    flex-shrink: 0;

    font-size: 8px;

    letter-spacing: .34em;

    white-space: nowrap;
}


/* ---------------------------------------------------------
   YILDIZLAR
--------------------------------------------------------- */

.duru-v2-marquee i {
    flex-shrink: 0;

    font-style: normal;

    font-size: 10px;

    opacity: .65;
}


/* ---------------------------------------------------------
   GERÇEK SONSUZ HAREKET
--------------------------------------------------------- */

@keyframes duruMarqueeSeamless {

    from {
        transform:
            translate3d(
                0,
                0,
                0
            );
    }

    to {
        transform:
            translate3d(
                -50%,
                0,
                0
            );
    }

}


/* ---------------------------------------------------------
   HAREKET AZALTMA TERCİHİ
--------------------------------------------------------- */

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

    .duru-v2-marquee__track {
        animation-duration:
            90s;
    }

}

/* =========================================================
   NEW MODELS V2
========================================================= */

.duru-v2-models {
    padding:
        105px
        0
        120px;

    overflow: hidden;

    background:
        var(--duru-v2-ivory);

    color:
        var(--duru-v2-text);
}


/* HEAD */

.duru-v2-models__head {
    padding: 0 5vw;

    margin-bottom: 48px;

    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 50px;
}


.duru-v2-kicker {
    display: block;

    margin-bottom: 12px;

    font-size: 7px;

    letter-spacing: .36em;

    text-transform: uppercase;

    color: var(--duru-v2-rose);
}


.duru-v2-models h2 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(42px, 4vw, 68px);

    line-height: .95;

    font-weight: 400;

    letter-spacing: -.035em;
}


.duru-v2-models h2 em {
    font-weight: 400;

    color:
        var(--duru-v2-rose);
}


/* HEADER RIGHT */

.duru-v2-models__head-right {
    display: flex;
    align-items: center;

    gap: 35px;
}

.duru-v2-models__head-right > a {
    display: flex;
    align-items: center;

    gap: 16px;

    font-size: 8px;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.duru-v2-models__arrows {
    display: flex;

    gap: 7px;
}

.duru-v2-models__arrows button {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(40,31,34,.17);

    border-radius: 50%;

    background: transparent;

    color:
        var(--duru-v2-text);

    cursor: pointer;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}

.duru-v2-models__arrows button:hover {
    background:
        var(--duru-v2-wine);

    color: #ffffff;

    transform: translateY(-2px);
}


/* RAIL */

.duru-v2-models__rail {
    padding:
        0
        5vw
        15px;

    display: flex;

    gap: 18px;

    overflow-x: auto;

    overscroll-behavior-inline: contain;

    scroll-snap-type: x mandatory;

    scroll-behavior: smooth;

    scrollbar-width: none;
}

.duru-v2-models__rail::-webkit-scrollbar {
    display: none;
}


/* CARD */

.duru-v2-model-card {
    flex:
        0
        0
        clamp(250px, 28vw, 410px);

    scroll-snap-align: start;
}

/* =========================================================
   MODEL SAYISINA GÖRE VİTRİN BOYUTU
========================================================= */

/* TEK MODEL */

.duru-v2-models__rail--count-1
.duru-v2-model-card {
    flex:
        0
        0
        clamp(
            360px,
            40vw,
            540px
        );
}


/* İKİ MODEL */

.duru-v2-models__rail--count-2
.duru-v2-model-card {
    flex:
        0
        0
        clamp(
            310px,
            35vw,
            470px
        );
}


/* ÜÇ MODEL */

.duru-v2-models__rail--count-3
.duru-v2-model-card {
    flex:
        0
        0
        clamp(
            280px,
            31vw,
            430px
        );
}

/* IMAGE */

.duru-v2-model-card__image {
    position: relative;

    display: block;

    aspect-ratio: .74;

    overflow: hidden;

    border-radius: 150px 150px 20px 20px;

    background:
        var(--duru-v2-pearl);

    box-shadow:
        0 18px 50px rgba(80,42,53,.07);
}


.duru-v2-model-card__photo,
.duru-v2-model-card__fallback {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 1s cubic-bezier(.2,.7,.3,1);
}


.duru-v2-model-card__fallback {
    background:
        radial-gradient(
            circle at 50% 25%,
            rgba(255,255,255,.9),
            transparent 28%
        ),
        linear-gradient(
            150deg,
            #eed9db,
            #c27b89 70%
        );
}


.duru-v2-model-card:hover
.duru-v2-model-card__photo {
    transform: scale(1.04);
}


/* =========================================================
   MODEL BADGE
========================================================= */

.duru-v2-model-card__badge {
    position: absolute;

    z-index: 4;

    top: 22px;
    left: 22px;

    min-height: 30px;

    padding:
        0
        14px;

    display: inline-flex;

    align-items: center;

    border:
        1px solid rgba(255,255,255,.45);

    border-radius:
        30px;

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

    color:
        var(--duru-v2-wine);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    font-size:
        7px;

    font-weight:
        600;

    letter-spacing:
        .20em;

    text-transform:
        uppercase;

    box-shadow:
        0 7px 25px
        rgba(70,30,45,.08);
}


/* SHINE */

.duru-v2-model-card__shine {
    position: absolute;

    top: -30%;
    left: -65%;

    width: 38%;
    height: 160%;

    transform:
        rotate(15deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.27),
            transparent
        );

    transition:
        left .9s ease;
}

.duru-v2-model-card:hover
.duru-v2-model-card__shine {
    left: 130%;
}


/* ARROW */

.duru-v2-model-card__open {
    position: absolute;

    right: 16px;
    bottom: 16px;

    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

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

    color:
        var(--duru-v2-wine);

    box-shadow:
        0 5px 25px rgba(70,30,45,.14);

    transition:
        transform .3s ease;
}


.duru-v2-model-card:hover
.duru-v2-model-card__open {
    transform: rotate(45deg);
}


/* META */

.duru-v2-model-card__meta {
    padding: 17px 3px 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.duru-v2-model-card h3 {
    margin: 0 0 5px;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size: 25px;

    line-height: 1;

    font-weight: 400;
}


.duru-v2-model-card__meta
div > span {
    font-size: 7px;

    letter-spacing: .22em;

    text-transform: uppercase;

    color:
        rgba(40,31,34,.45);
}


.duru-v2-model-card__heart {
    font-size: 20px;

    color:
        var(--duru-v2-rose);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    body.admin-bar .duru-v2-header {
        top: 46px;
    }


    .duru-v2-header__inner {
        padding: 0 20px;

        justify-content: space-between;
    }


    .duru-v2-nav {
        display: none;
    }


    .duru-v2-logo strong {
        font-size: 23px;
    }


    .duru-v2-menu-toggle {
        position: relative;

        z-index: 2002;

        width: 40px;
        height: 40px;

        padding: 0;

        border: 0;

        display: flex;
        flex-direction: column;
        justify-content: center;

        gap: 7px;

        background: transparent;

        color: inherit;
    }

    .duru-v2-menu-toggle span {
        display: block;

        width: 23px;
        height: 1px;

        background: currentColor;

        transition:
            transform .3s ease,
            width .3s ease;
    }

    .duru-v2-menu-toggle span:last-child {
        width: 15px;
    }


    .duru-v2-menu-toggle.is-open
    span:first-child {
        width: 23px;

        transform:
            translateY(4px)
            rotate(45deg);
    }

    .duru-v2-menu-toggle.is-open
    span:last-child {
        width: 23px;

        transform:
            translateY(-4px)
            rotate(-45deg);
    }


    .duru-v2-mobile-appointment {
        display: block;

        font-size: 8px;

        letter-spacing: .18em;

        text-transform: uppercase;

        color: inherit;
    }


    /* HERO */

    .duru-v2-hero {
        height: 83svh;

        min-height: 660px;
    }


    .duru-v2-slide__content {
        left: 24px;
        right: 24px;

        top: auto;
        bottom: 125px;

        width: auto;

        transform: translateY(18px);
    }


    .duru-v2-slide.is-active
    .duru-v2-slide__content {
        transform: translateY(0);
    }


    .duru-v2-slide h1 {
        max-width: 520px;

        font-size:
            clamp(48px, 13vw, 76px);
    }


    .duru-v2-slide__content > p {
        max-width: 330px;

        font-size: 11px;
    }


    .duru-v2-hero__controls {
        left: 24px;
        right: 24px;
        bottom: 35px;

        width: auto;
    }


    .duru-v2-hero__caption {
        display: none;
    }


    /* MODELS */

    .duru-v2-models {
        padding:
            80px
            0
            90px;
    }


    .duru-v2-models__head {
        padding:
            0
            20px;

        margin-bottom: 35px;

        align-items: flex-end;
    }


    .duru-v2-models__head-right
    > a {
        display: none;
    }


    .duru-v2-models__arrows {
        display: none;
    }


    .duru-v2-models__rail {
        padding:
            0
            20px
            10px;

        gap: 11px;
    }


    .duru-v2-model-card {
        flex:
            0
            0
            76vw;
    }


    .duru-v2-model-card__image {
        border-radius:
            110px
            110px
            18px
            18px;
    }

}

/* =========================================================
   DURU STORY V2
========================================================= */

.duru-v2-story {
    padding: 105px 5vw;

    background:
        linear-gradient(
            130deg,
            #fffaf7 0%,
            #f8eeea 55%,
            #f2dedf 100%
        );

    color: var(--duru-v2-text);
}


.duru-v2-story__shell {
    max-width: 1500px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(350px, .95fr)
        minmax(420px, 1.05fr);

    gap: clamp(65px, 8vw, 130px);

    align-items: center;
}


/* IMAGE */

.duru-v2-story__visual {
    position: relative;
}


.duru-v2-story__image {
    position: relative;

    aspect-ratio: .88;

    overflow: hidden;

    border-radius:
        220px
        220px
        32px
        32px;

    box-shadow:
        0 30px 80px rgba(106,48,67,.12);
}


.duru-v2-story__image-fallback {
    position: absolute;

    inset: 0;

    background:

        radial-gradient(
            circle at 50% 28%,
            rgba(255,255,255,.94) 0%,
            rgba(255,255,255,.38) 18%,
            transparent 39%
        ),

        radial-gradient(
            circle at 73% 70%,
            rgba(219,168,111,.30),
            transparent 31%
        ),

        linear-gradient(
            145deg,
            #a75d71,
            #e0a6ae 46%,
            #f3d9d5 72%,
            #cfad78
        );
}


/* GLASS CARD */

.duru-v2-story__glass {
    position: absolute;

    left: 24px;
    bottom: 24px;

    padding: 19px 22px;

    min-width: 190px;

    border:
        1px solid rgba(255,255,255,.42);

    border-radius: 17px;

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

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    color: #ffffff;

    box-shadow:
        0 15px 45px rgba(80,32,48,.14);
}


.duru-v2-story__glass span {
    display: block;

    margin-bottom: 9px;

    font-size: 6px;

    letter-spacing: .34em;

    opacity: .72;
}


.duru-v2-story__glass strong {
    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size: 21px;

    line-height: 1.05;

    font-weight: 400;
}


.duru-v2-story__edition {
    position: absolute;

    top: 26px;
    right: 25px;

    font-size: 6px;

    letter-spacing: .30em;

    color: #ffffff;

    opacity: .75;
}


/* CONTENT */

.duru-v2-story__top {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 55px;

    font-size: 7px;

    letter-spacing: .28em;

    text-transform: uppercase;

    color:
        rgba(40,31,34,.44);
}


.duru-v2-story__line {
    width: 42px;

    height: 1px;

    background:
        rgba(40,31,34,.25);
}


.duru-v2-story h2 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(48px, 5.3vw, 83px);

    line-height: .92;

    letter-spacing: -.04em;

    font-weight: 400;
}


.duru-v2-story h2 em {
    color:
        var(--duru-v2-rose);

    font-weight: 400;
}


.duru-v2-story__content > p {
    max-width: 440px;

    margin: 32px 0 0;

    font-size: 12px;

    line-height: 1.85;

    color:
        rgba(40,31,34,.61);
}


/* FEATURES */

.duru-v2-story__features {
    margin-top: 42px;

    padding:
        21px
        0;

    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(125px, 1fr)
        );

    border-top:
        1px solid rgba(80,42,53,.12);

    border-bottom:
        1px solid rgba(80,42,53,.12);
}

.duru-v2-story__features > div {
    min-width: 0;

    padding:
        6px
        18px;

    border-left:
        1px solid rgba(80,42,53,.10);
}


.duru-v2-story__features > div:first-child {
    padding-left: 0;

    border-left: 0;
}


.duru-v2-story__features span {
    display: block;

    margin-bottom: 8px;

    font-size: 6px;

    letter-spacing: .20em;

    color:
        var(--duru-v2-rose);
}


.duru-v2-story__features strong {
    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size: 15px;

    font-weight: 400;
}


/* STORY LINK */

.duru-v2-story__link {
    width: max-content;

    margin-top: 35px;

    padding:
        12px
        18px;

    display: inline-flex;

    align-items: center;

    gap: 24px;

    border:
        1px solid rgba(125,49,72,.24);

    border-radius: 100px;

    color:
        var(--duru-v2-wine);

    font-size: 7px;

    letter-spacing: .20em;

    text-transform: uppercase;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.duru-v2-story__link:hover {
    background:
        var(--duru-v2-wine);

    color: #ffffff;

    transform:
        translateY(-2px);
}



/* =========================================================
   FIND YOUR STYLE V2
========================================================= */

.duru-v2-styles {
    padding:
        105px
        0
        115px;

    overflow: hidden;

    background:
        #fffaf7;

    color:
        var(--duru-v2-text);
}


/* HEAD */

.duru-v2-styles__head {
    padding:
        0
        5vw;

    margin-bottom: 48px;

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 70px;
}


.duru-v2-styles h2 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(44px, 4.5vw, 72px);

    line-height: .95;

    letter-spacing: -.04em;

    font-weight: 400;
}


.duru-v2-styles h2 em {
    color:
        var(--duru-v2-rose);

    font-weight: 400;
}


.duru-v2-styles__head > p {
    width: min(100%, 330px);

    margin: 0;

    font-size: 10px;

    line-height: 1.75;

    color:
        rgba(40,31,34,.52);
}


/* RAIL */

.duru-v2-styles__rail {
    padding:
        0
        5vw
        20px;

    display: flex;

    gap: 14px;

    overflow-x: auto;

    scroll-snap-type:
        x mandatory;

    scrollbar-width: none;
}


.duru-v2-styles__rail::-webkit-scrollbar {
    display: none;
}


/* CARD */

.duru-v2-style-card {
    position: relative;

    flex:
        0
        0
        clamp(235px, 22vw, 340px);

    aspect-ratio:
        .72;

    overflow: hidden;

    scroll-snap-align: start;

    border-radius:
        145px
        145px
        22px
        22px;

    color: #ffffff;

    box-shadow:
        0 20px 55px rgba(88,42,58,.08);

    transform:
        translateY(0);

    transition:
        transform .45s ease,
        box-shadow .45s ease;
}


.duru-v2-style-card:hover {
    transform:
        translateY(-8px);

    box-shadow:
        0 30px 65px rgba(88,42,58,.15);
}


/* MEDIA */

.duru-v2-style-card__media {
    position: absolute;

    inset: 0;

    transition:
        transform 1s cubic-bezier(.2,.7,.3,1);
}


.duru-v2-style-card:hover
.duru-v2-style-card__media {
    transform:
        scale(1.05);
}


/* PLACEHOLDERS */

.duru-v2-style-card--princess
.duru-v2-style-card__media {

    background:

        radial-gradient(
            circle at 50% 25%,
            rgba(255,255,255,.88),
            transparent 25%
        ),

        linear-gradient(
            145deg,
            #a85f72,
            #e0aab3 55%,
            #f2dbd4
        );
}


.duru-v2-style-card--mermaid
.duru-v2-style-card__media {

    background:

        radial-gradient(
            circle at 53% 27%,
            rgba(255,255,255,.90),
            transparent 25%
        ),

        linear-gradient(
            155deg,
            #7b344c,
            #bb6e81 52%,
            #e7c0c5
        );
}


.duru-v2-style-card--aline
.duru-v2-style-card__media {

    background:

        radial-gradient(
            circle at 48% 25%,
            rgba(255,255,255,.90),
            transparent 24%
        ),

        linear-gradient(
            150deg,
            #c79573,
            #e2c0a0 55%,
            #f0ddd0
        );
}


.duru-v2-style-card--minimal
.duru-v2-style-card__media {

    background:

        radial-gradient(
            circle at 52% 25%,
            rgba(255,255,255,.90),
            transparent 25%
        ),

        linear-gradient(
            145deg,
            #a49b91,
            #d9cec5 55%,
            #f2e7df
        );
}


/* SHADE */

.duru-v2-style-card__shade {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(42,18,28,.53),
            transparent 47%
        );
}


/* NUMBER */

.duru-v2-style-card__number {
    position: absolute;

    top: 21px;
    left: 24px;

    font-size: 6px;

    letter-spacing: .20em;

    opacity: .7;
}


/* CONTENT */

.duru-v2-style-card__content {
    position: absolute;

    left: 24px;
    bottom: 25px;
}


.duru-v2-style-card__content small {
    display: block;

    margin-bottom: 8px;

    font-size: 6px;

    letter-spacing: .32em;

    text-transform: uppercase;

    opacity: .68;
}


.duru-v2-style-card h3 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(32px, 3vw, 48px);

    line-height: .9;

    font-weight: 400;
}


/* ARROW */

.duru-v2-style-card__arrow {
    position: absolute;

    right: 18px;
    bottom: 19px;

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(255,255,255,.45);

    border-radius: 50%;

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

    backdrop-filter:
        blur(10px);

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.duru-v2-style-card:hover
.duru-v2-style-card__arrow {
    background: #ffffff;

    color:
        var(--duru-v2-wine);

    transform:
        rotate(45deg);
}



/* =========================================================
   V2 STORY + STYLE MOBILE
========================================================= */

@media (max-width: 800px) {

    .duru-v2-story {
        padding:
            75px
            20px;
    }


    .duru-v2-story__shell {
        display: flex;

        flex-direction: column;

        gap: 65px;
    }


    .duru-v2-story__visual {
        width: 87%;
    }


    .duru-v2-story__image {
        border-radius:
            150px
            150px
            24px
            24px;
    }


    .duru-v2-story__top {
        margin-bottom: 35px;
    }


    .duru-v2-story h2 {
        font-size:
            clamp(50px, 15vw, 72px);
    }


    .duru-v2-story__features {
        grid-template-columns: 1fr;

        padding: 10px 0;
    }


    .duru-v2-story__features div {
        padding:
            14px
            0 !important;

        border-left: 0 !important;
    }


    .duru-v2-story__features div + div {
        border-top:
            1px solid rgba(80,42,53,.08);
    }


    /* STYLE */

    .duru-v2-styles {
        padding:
            80px
            0
            90px;
    }


    .duru-v2-styles__head {
        padding:
            0
            20px;

        margin-bottom:
            35px;

        display: block;
    }


    .duru-v2-styles__head > p {
        margin-top:
            22px;

        max-width:
            290px;
    }


    .duru-v2-styles__rail {
        padding:
            0
            20px
            12px;

        gap:
            11px;
    }


    .duru-v2-style-card {
        flex:
            0
            0
            74vw;

        border-radius:
            120px
            120px
            18px
            18px;
    }

}

/* =========================================================
   DURU MOMENT V2
========================================================= */

.duru-v2-film {
    padding:
        45px
        5vw
        55px;

    background:
        #fffaf7;
}


.duru-v2-film__shell {
    position: relative;

    max-width: 1500px;
    height: clamp(460px, 52vw, 650px);

    margin: 0 auto;

    overflow: hidden;

    border-radius: 28px;

    background:
        #4d3c41;

    color: #ffffff;

    box-shadow:
        0 30px 90px rgba(71,38,50,.13);
}


/* MEDIA */

.duru-v2-film__media,
.duru-v2-film__overlay {
    position: absolute;

    inset: 0;
}


.duru-v2-film__media {
    overflow: hidden;
}


.duru-v2-film__media img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center 35%;

    transform: scale(1.03);

    transition:
        transform 1.8s cubic-bezier(.2,.7,.3,1);
}


.duru-v2-film__shell:hover
.duru-v2-film__media img {
    transform: scale(1.06);
}


.duru-v2-film__fallback {
    position: absolute;

    inset: 0;

    background:

        radial-gradient(
            circle at 70% 35%,
            rgba(255,255,255,.5),
            transparent 30%
        ),

        linear-gradient(
            125deg,
            #542b3a,
            #a3576d 55%,
            #e4b9bc
        );
}


/* OVERLAY */

.duru-v2-film__overlay {
    background:

        linear-gradient(
            90deg,
            rgba(37,17,25,.68) 0%,
            rgba(37,17,25,.29) 45%,
            rgba(37,17,25,.08) 72%
        ),

        linear-gradient(
            0deg,
            rgba(30,12,20,.34),
            transparent 50%
        );
}


/* TOP */

.duru-v2-film__top {
    position: absolute;

    z-index: 3;

    top: 30px;
    left: 34px;
    right: 34px;

    display: flex;
    justify-content: space-between;

    font-size: 6px;

    letter-spacing: .32em;

    text-transform: uppercase;

    opacity: .68;
}


/* CONTENT */

.duru-v2-film__content {
    position: absolute;

    z-index: 3;

    left: 6%;
    top: 50%;

    transform: translateY(-50%);

    max-width: 600px;
}


.duru-v2-film__kicker {
    display: block;

    margin-bottom: 18px;

    font-size: 7px;

    letter-spacing: .38em;

    text-transform: uppercase;

    color:
        #f2ccd2;
}


.duru-v2-film h2 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(52px, 6vw, 88px);

    line-height: .92;

    letter-spacing: -.045em;

    font-weight: 400;
}


.duru-v2-film h2 em {
    color:
        #f1c1ca;

    font-weight: 400;
}


.duru-v2-film__content p {
    max-width: 350px;

    margin: 25px 0 0;

    font-size: 11px;

    line-height: 1.8;

    color:
        rgba(255,255,255,.74);
}


/* PLAY */

.duru-v2-film__play {
    position: absolute;

    z-index: 4;

    right: 38px;
    bottom: 34px;

    padding: 0;

    border: 0;

    display: flex;

    align-items: center;

    gap: 14px;

    background: transparent;

    color: #ffffff;

    font-family: inherit;

    font-size: 7px;

    letter-spacing: .22em;

    text-transform: uppercase;

    cursor: pointer;
}


.duru-v2-film__play-icon {
    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(255,255,255,.48);

    border-radius: 50%;

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

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    font-size: 10px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.duru-v2-film__play:hover
.duru-v2-film__play-icon {
    background: #ffffff;

    color:
        var(--duru-v2-wine);

    transform:
        scale(1.08);
}


/* SPARKS */

.duru-v2-film__spark {
    position: absolute;

    z-index: 3;

    color:
        rgba(255,255,255,.75);

    pointer-events: none;

    animation:
        duruSpark 3.2s ease-in-out infinite;
}


.duru-v2-film__spark--one {
    right: 18%;
    top: 19%;

    font-size: 15px;
}


.duru-v2-film__spark--two {
    right: 27%;
    bottom: 23%;

    font-size: 8px;

    animation-delay:
        1.2s;
}


@keyframes duruSpark {

    0%,
    100% {
        opacity: .25;
        transform: scale(.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

}



/* =========================================================
   APPOINTMENT V2
========================================================= */

.duru-v2-appointment {
    padding:
        55px
        5vw
        100px;

    background:
        #fffaf7;
}


.duru-v2-appointment__card {
    position: relative;

    max-width: 1500px;

    margin: 0 auto;

    padding:
        38px
        44px
        32px;

    overflow: hidden;

    border-radius: 28px;

    background:

        linear-gradient(
            120deg,
            #722a43 0%,
            #a94d67 36%,
            #d37d8e 67%,
            #efbcc1 100%
        );

    color: #ffffff;

    box-shadow:
        0 35px 90px rgba(111,42,63,.18);
}


/* GLOWS */

.duru-v2-appointment__glow {
    position: absolute;

    border-radius: 50%;

    filter: blur(3px);

    pointer-events: none;
}


.duru-v2-appointment__glow--one {
    width: 450px;
    height: 450px;

    right: -90px;
    top: -170px;

    background:
        radial-gradient(
            circle,
            rgba(255,238,224,.42),
            transparent 67%
        );
}


.duru-v2-appointment__glow--two {
    width: 300px;
    height: 300px;

    left: 32%;
    bottom: -190px;

    background:
        radial-gradient(
            circle,
            rgba(220,174,112,.36),
            transparent 66%
        );
}


/* TOP */

.duru-v2-appointment__top {
    position: relative;

    z-index: 2;

    display: flex;

    justify-content: space-between;

    font-size: 6px;

    letter-spacing: .32em;

    text-transform: uppercase;

    opacity: .64;
}


/* MAIN */

.duru-v2-appointment__content {
    position: relative;

    z-index: 2;

    padding:
        68px
        0
        75px;

    display: grid;

    grid-template-columns:
        1.25fr
        .55fr;

    gap: 90px;

    align-items: end;
}


.duru-v2-appointment__eyebrow {
    display: block;

    margin-bottom: 18px;

    font-size: 7px;

    letter-spacing: .38em;

    text-transform: uppercase;

    color:
        rgba(255,255,255,.72);
}


.duru-v2-appointment h2 {
    max-width: 780px;

    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(48px, 5.8vw, 88px);

    line-height: .91;

    letter-spacing: -.045em;

    font-weight: 400;
}


.duru-v2-appointment h2 em {
    color:
        #ffe2e3;

    font-weight: 400;
}


/* SIDE */

.duru-v2-appointment__side {
    padding-bottom: 3px;
}


.duru-v2-appointment__side p {
    margin:
        0
        0
        28px;

    max-width: 320px;

    font-size: 10px;

    line-height: 1.8;

    color:
        rgba(255,255,255,.74);
}


/* CTA BUTTON */

.duru-v2-appointment__button {
    width: 100%;

    padding:
        8px
        8px
        8px
        20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border:
        1px solid rgba(255,255,255,.42);

    border-radius: 100px;

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

    backdrop-filter:
        blur(10px);

    color: #ffffff;

    font-size: 7px;

    letter-spacing: .22em;

    text-transform: uppercase;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.duru-v2-appointment__button:hover {
    background:
        #ffffff;

    color:
        var(--duru-v2-wine);

    transform:
        translateY(-2px);
}


.duru-v2-appointment__arrow {
    width: 45px;
    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

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

    font-size: 15px;

    transition:
        transform .35s ease;
}


.duru-v2-appointment__button:hover
.duru-v2-appointment__arrow {
    transform:
        rotate(45deg);
}


/* BOTTOM */

.duru-v2-appointment__bottom {
    position: relative;

    z-index: 2;

    padding-top: 20px;

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

    display: flex;

    justify-content: space-between;

    font-size: 5px;

    letter-spacing: .32em;

    text-transform: uppercase;

    opacity: .55;
}



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

@media (max-width: 800px) {

    .duru-v2-film {
        padding:
            25px
            20px
            35px;
    }


    .duru-v2-film__shell {
        height: 620px;

        border-radius: 22px;
    }


    .duru-v2-film__top {
        top: 24px;
        left: 22px;
        right: 22px;
    }


    .duru-v2-film__content {
        left: 24px;
        right: 24px;

        top: auto;
        bottom: 120px;

        transform: none;
    }


    .duru-v2-film h2 {
        font-size:
            clamp(51px, 15vw, 72px);
    }


    .duru-v2-film__play {
        left: 24px;
        right: auto;

        bottom: 30px;
    }


    .duru-v2-film__spark {
        display: none;
    }


    /* APPOINTMENT */

    .duru-v2-appointment {
        padding:
            35px
            20px
            75px;
    }


    .duru-v2-appointment__card {
        padding:
            27px
            24px
            25px;

        border-radius: 22px;
    }


    .duru-v2-appointment__content {
        padding:
            60px
            0
            65px;

        display: block;
    }


    .duru-v2-appointment h2 {
        font-size:
            clamp(48px, 14vw, 70px);
    }


    .duru-v2-appointment__side {
        margin-top: 42px;
    }


    .duru-v2-appointment__side p {
        max-width: 290px;
    }


    .duru-v2-appointment__bottom {
        flex-direction: column;

        gap: 9px;
    }

}/* =========================================================
   DURU MOMENT V2
========================================================= */

.duru-v2-film {
    padding:
        45px
        5vw
        55px;

    background:
        #fffaf7;
}


.duru-v2-film__shell {
    position: relative;

    max-width: 1500px;
    height: clamp(460px, 52vw, 650px);

    margin: 0 auto;

    overflow: hidden;

    border-radius: 28px;

    background:
        #4d3c41;

    color: #ffffff;

    box-shadow:
        0 30px 90px rgba(71,38,50,.13);
}


/* MEDIA */

.duru-v2-film__media,
.duru-v2-film__overlay {
    position: absolute;

    inset: 0;
}


.duru-v2-film__media {
    overflow: hidden;
}


.duru-v2-film__media img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center 35%;

    transform: scale(1.03);

    transition:
        transform 1.8s cubic-bezier(.2,.7,.3,1);
}


.duru-v2-film__shell:hover
.duru-v2-film__media img {
    transform: scale(1.06);
}


.duru-v2-film__fallback {
    position: absolute;

    inset: 0;

    background:

        radial-gradient(
            circle at 70% 35%,
            rgba(255,255,255,.5),
            transparent 30%
        ),

        linear-gradient(
            125deg,
            #542b3a,
            #a3576d 55%,
            #e4b9bc
        );
}


/* OVERLAY */

.duru-v2-film__overlay {
    background:

        linear-gradient(
            90deg,
            rgba(37,17,25,.68) 0%,
            rgba(37,17,25,.29) 45%,
            rgba(37,17,25,.08) 72%
        ),

        linear-gradient(
            0deg,
            rgba(30,12,20,.34),
            transparent 50%
        );
}


/* TOP */

.duru-v2-film__top {
    position: absolute;

    z-index: 3;

    top: 30px;
    left: 34px;
    right: 34px;

    display: flex;
    justify-content: space-between;

    font-size: 6px;

    letter-spacing: .32em;

    text-transform: uppercase;

    opacity: .68;
}


/* CONTENT */

.duru-v2-film__content {
    position: absolute;

    z-index: 3;

    left: 6%;
    top: 50%;

    transform: translateY(-50%);

    max-width: 600px;
}


.duru-v2-film__kicker {
    display: block;

    margin-bottom: 18px;

    font-size: 7px;

    letter-spacing: .38em;

    text-transform: uppercase;

    color:
        #f2ccd2;
}


.duru-v2-film h2 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(52px, 6vw, 88px);

    line-height: .92;

    letter-spacing: -.045em;

    font-weight: 400;
}


.duru-v2-film h2 em {
    color:
        #f1c1ca;

    font-weight: 400;
}


.duru-v2-film__content p {
    max-width: 350px;

    margin: 25px 0 0;

    font-size: 11px;

    line-height: 1.8;

    color:
        rgba(255,255,255,.74);
}


/* PLAY */

.duru-v2-film__play {
    position: absolute;

    z-index: 4;

    right: 38px;
    bottom: 34px;

    padding: 0;

    border: 0;

    display: flex;

    align-items: center;

    gap: 14px;

    background: transparent;

    color: #ffffff;

    font-family: inherit;

    font-size: 7px;

    letter-spacing: .22em;

    text-transform: uppercase;

    cursor: pointer;
}


.duru-v2-film__play-icon {
    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(255,255,255,.48);

    border-radius: 50%;

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

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    font-size: 10px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.duru-v2-film__play:hover
.duru-v2-film__play-icon {
    background: #ffffff;

    color:
        var(--duru-v2-wine);

    transform:
        scale(1.08);
}


/* SPARKS */

.duru-v2-film__spark {
    position: absolute;

    z-index: 3;

    color:
        rgba(255,255,255,.75);

    pointer-events: none;

    animation:
        duruSpark 3.2s ease-in-out infinite;
}


.duru-v2-film__spark--one {
    right: 18%;
    top: 19%;

    font-size: 15px;
}


.duru-v2-film__spark--two {
    right: 27%;
    bottom: 23%;

    font-size: 8px;

    animation-delay:
        1.2s;
}


@keyframes duruSpark {

    0%,
    100% {
        opacity: .25;
        transform: scale(.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

}



/* =========================================================
   APPOINTMENT V2
========================================================= */

.duru-v2-appointment {
    padding:
        55px
        5vw
        100px;

    background:
        #fffaf7;
}


.duru-v2-appointment__card {
    position: relative;

    max-width: 1500px;

    margin: 0 auto;

    padding:
        38px
        44px
        32px;

    overflow: hidden;

    border-radius: 28px;

    background:

        linear-gradient(
            120deg,
            #722a43 0%,
            #a94d67 36%,
            #d37d8e 67%,
            #efbcc1 100%
        );

    color: #ffffff;

    box-shadow:
        0 35px 90px rgba(111,42,63,.18);
}


/* GLOWS */

.duru-v2-appointment__glow {
    position: absolute;

    border-radius: 50%;

    filter: blur(3px);

    pointer-events: none;
}


.duru-v2-appointment__glow--one {
    width: 450px;
    height: 450px;

    right: -90px;
    top: -170px;

    background:
        radial-gradient(
            circle,
            rgba(255,238,224,.42),
            transparent 67%
        );
}


.duru-v2-appointment__glow--two {
    width: 300px;
    height: 300px;

    left: 32%;
    bottom: -190px;

    background:
        radial-gradient(
            circle,
            rgba(220,174,112,.36),
            transparent 66%
        );
}


/* TOP */

.duru-v2-appointment__top {
    position: relative;

    z-index: 2;

    display: flex;

    justify-content: space-between;

    font-size: 6px;

    letter-spacing: .32em;

    text-transform: uppercase;

    opacity: .64;
}


/* MAIN */

.duru-v2-appointment__content {
    position: relative;

    z-index: 2;

    padding:
        68px
        0
        75px;

    display: grid;

    grid-template-columns:
        1.25fr
        .55fr;

    gap: 90px;

    align-items: end;
}


.duru-v2-appointment__eyebrow {
    display: block;

    margin-bottom: 18px;

    font-size: 7px;

    letter-spacing: .38em;

    text-transform: uppercase;

    color:
        rgba(255,255,255,.72);
}


.duru-v2-appointment h2 {
    max-width: 780px;

    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(48px, 5.8vw, 88px);

    line-height: .91;

    letter-spacing: -.045em;

    font-weight: 400;
}


.duru-v2-appointment h2 em {
    color:
        #ffe2e3;

    font-weight: 400;
}


/* SIDE */

.duru-v2-appointment__side {
    padding-bottom: 3px;
}


.duru-v2-appointment__side p {
    margin:
        0
        0
        28px;

    max-width: 320px;

    font-size: 10px;

    line-height: 1.8;

    color:
        rgba(255,255,255,.74);
}


/* CTA BUTTON */

.duru-v2-appointment__button {
    width: 100%;

    padding:
        8px
        8px
        8px
        20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border:
        1px solid rgba(255,255,255,.42);

    border-radius: 100px;

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

    backdrop-filter:
        blur(10px);

    color: #ffffff;

    font-size: 7px;

    letter-spacing: .22em;

    text-transform: uppercase;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.duru-v2-appointment__button:hover {
    background:
        #ffffff;

    color:
        var(--duru-v2-wine);

    transform:
        translateY(-2px);
}


.duru-v2-appointment__arrow {
    width: 45px;
    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

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

    font-size: 15px;

    transition:
        transform .35s ease;
}


.duru-v2-appointment__button:hover
.duru-v2-appointment__arrow {
    transform:
        rotate(45deg);
}


/* BOTTOM */

.duru-v2-appointment__bottom {
    position: relative;

    z-index: 2;

    padding-top: 20px;

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

    display: flex;

    justify-content: space-between;

    font-size: 5px;

    letter-spacing: .32em;

    text-transform: uppercase;

    opacity: .55;
}



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

@media (max-width: 800px) {

    .duru-v2-film {
        padding:
            25px
            20px
            35px;
    }


    .duru-v2-film__shell {
        height: 620px;

        border-radius: 22px;
    }


    .duru-v2-film__top {
        top: 24px;
        left: 22px;
        right: 22px;
    }


    .duru-v2-film__content {
        left: 24px;
        right: 24px;

        top: auto;
        bottom: 120px;

        transform: none;
    }


    .duru-v2-film h2 {
        font-size:
            clamp(51px, 15vw, 72px);
    }


    .duru-v2-film__play {
        left: 24px;
        right: auto;

        bottom: 30px;
    }


    .duru-v2-film__spark {
        display: none;
    }


    /* APPOINTMENT */

    .duru-v2-appointment {
        padding:
            35px
            20px
            75px;
    }


    .duru-v2-appointment__card {
        padding:
            27px
            24px
            25px;

        border-radius: 22px;
    }


    .duru-v2-appointment__content {
        padding:
            60px
            0
            65px;

        display: block;
    }


    .duru-v2-appointment h2 {
        font-size:
            clamp(48px, 14vw, 70px);
    }


    .duru-v2-appointment__side {
        margin-top: 42px;
    }


    .duru-v2-appointment__side p {
        max-width: 290px;
    }


    .duru-v2-appointment__bottom {
        flex-direction: column;

        gap: 9px;
    }

}

/* =========================================================
   REAL DURU BRIDES V2
========================================================= */

.duru-v2-brides {
    padding:
        105px
        0
        110px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #fffaf7 0%,
            #f9efeb 100%
        );

    color:
        var(--duru-v2-text);
}


/* =========================================================
   HEAD
========================================================= */

.duru-v2-brides__head {
    padding:
        0
        5vw;

    margin-bottom:
        48px;

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    gap: 80px;
}


.duru-v2-brides h2 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(45px, 4.6vw, 74px);

    line-height: .94;

    letter-spacing: -.04em;

    font-weight: 400;
}


.duru-v2-brides h2 em {
    color:
        var(--duru-v2-rose);

    font-weight: 400;
}


/* HEAD RIGHT */

.duru-v2-brides__head-right {
    display: flex;

    align-items: flex-end;

    gap: 40px;
}


.duru-v2-brides__head-right p {
    width: 260px;

    margin: 0;

    font-size: 10px;

    line-height: 1.75;

    color:
        rgba(40,31,34,.48);
}


/* CONTROLS */

.duru-v2-brides__controls {
    display: flex;

    gap: 7px;
}


.duru-v2-brides__controls button {
    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(80,42,53,.17);

    border-radius: 50%;

    background:
        transparent;

    color:
        var(--duru-v2-text);

    cursor: pointer;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.duru-v2-brides__controls button:hover {
    background:
        var(--duru-v2-wine);

    color: #ffffff;

    transform:
        translateY(-2px);
}



/* =========================================================
   RAIL
========================================================= */

.duru-v2-brides__rail {
    padding:
        0
        5vw
        22px;

    display: flex;

    align-items: flex-start;

    gap: 14px;

    overflow-x: auto;

    scroll-snap-type:
        x mandatory;

    scroll-behavior:
        smooth;

    overscroll-behavior-inline:
        contain;

    scrollbar-width:
        none;
}


.duru-v2-brides__rail::-webkit-scrollbar {
    display: none;
}



/* =========================================================
   BRIDE CARD
========================================================= */

.duru-v2-bride-card {
    position: relative;

    flex:
        0
        0
        clamp(245px, 25vw, 380px);

    aspect-ratio:
        .72;

    overflow: hidden;

    scroll-snap-align:
        start;

    border-radius:
        18px;

    color: #ffffff;

    background:
        #c4949e;

    box-shadow:
        0 22px 60px rgba(85,42,56,.08);

    transition:
        transform .45s ease,
        box-shadow .45s ease;
}


.duru-v2-bride-card:nth-child(even) {
    margin-top: 45px;
}


.duru-v2-bride-card:hover {
    transform:
        translateY(-6px);

    box-shadow:
        0 32px 70px rgba(85,42,56,.14);
}



/* =========================================================
   CARD MEDIA
========================================================= */

.duru-v2-bride-card__media {
    position: absolute;

    inset: 0;

    transition:
        transform 1.1s cubic-bezier(.2,.7,.3,1);
}


.duru-v2-bride-card:hover
.duru-v2-bride-card__media {
    transform:
        scale(1.045);
}



/* 01 */

.duru-v2-bride-card--one
.duru-v2-bride-card__media {

    background:

        radial-gradient(
            circle at 50% 28%,
            rgba(255,255,255,.87),
            transparent 24%
        ),

        linear-gradient(
            150deg,
            #bf7b8a,
            #e2aab2 52%,
            #f2d7d2
        );
}


/* 02 */

.duru-v2-bride-card--two
.duru-v2-bride-card__media {

    background:

        radial-gradient(
            circle at 53% 27%,
            rgba(255,255,255,.88),
            transparent 25%
        ),

        linear-gradient(
            145deg,
            #7d3148,
            #b9657a 52%,
            #eabec4
        );
}


/* 03 */

.duru-v2-bride-card--three
.duru-v2-bride-card__media {

    background:

        radial-gradient(
            circle at 49% 25%,
            rgba(255,255,255,.92),
            transparent 25%
        ),

        linear-gradient(
            145deg,
            #c28d65,
            #deb892 50%,
            #f1d8c2
        );
}


/* 04 */

.duru-v2-bride-card--four
.duru-v2-bride-card__media {

    background:

        radial-gradient(
            circle at 52% 26%,
            rgba(255,255,255,.88),
            transparent 25%
        ),

        linear-gradient(
            150deg,
            #9a8283,
            #cbb2ad 55%,
            #eadbd3
        );
}



/* =========================================================
   SHADE
========================================================= */

.duru-v2-bride-card__shade {
    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            0deg,
            rgba(46,18,29,.61) 0%,
            rgba(46,18,29,.12) 43%,
            transparent 65%
        );
}



/* =========================================================
   TOP META
========================================================= */

.duru-v2-bride-card__top {
    position: absolute;

    top: 18px;
    left: 19px;
    right: 19px;

    display: flex;

    justify-content: space-between;

    font-size: 5px;

    letter-spacing: .25em;

    text-transform: uppercase;

    opacity: .65;
}



/* =========================================================
   CARD CONTENT
========================================================= */

.duru-v2-bride-card__content {
    position: absolute;

    left: 22px;
    bottom: 24px;

    max-width: 240px;
}


.duru-v2-bride-card__content > span {
    display: block;

    margin-bottom: 9px;

    font-size: 6px;

    letter-spacing: .29em;

    text-transform: uppercase;

    opacity: .68;
}


.duru-v2-bride-card h3 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(28px, 2.7vw, 43px);

    line-height: .92;

    letter-spacing: -.035em;

    font-weight: 400;
}


.duru-v2-bride-card h3 em {
    color:
        #f3cbd1;

    font-weight: 400;
}



/* =========================================================
   ARROW
========================================================= */

.duru-v2-bride-card__arrow {
    position: absolute;

    right: 17px;
    bottom: 18px;

    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(255,255,255,.42);

    border-radius: 50%;

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

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

    font-size: 13px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.duru-v2-bride-card:hover
.duru-v2-bride-card__arrow {
    background:
        #ffffff;

    color:
        var(--duru-v2-wine);

    transform:
        rotate(45deg);
}



/* =========================================================
   INSTAGRAM CARD
========================================================= */

.duru-v2-bride-social {
    position: relative;

    flex:
        0
        0
        clamp(245px, 25vw, 380px);

    aspect-ratio:
        .72;

    padding:
        28px;

    overflow: hidden;

    scroll-snap-align:
        start;

    border-radius:
        18px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    background:

        linear-gradient(
            145deg,
            #702b43,
            #be6178 48%,
            #e99daa 77%,
            #e1bb7b
        );

    color: #ffffff;

    box-shadow:
        0 25px 65px rgba(102,44,65,.15);
}


.duru-v2-bride-social__glow {
    position: absolute;

    width: 360px;
    height: 360px;

    top: -140px;
    right: -140px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,243,225,.48),
            transparent 68%
        );
}


.duru-v2-bride-social__icon {
    position: absolute;

    top: 27px;
    right: 29px;

    font-size: 22px;

    animation:
        duruSocialStar
        4s
        ease-in-out
        infinite;
}


@keyframes duruSocialStar {

    0%,
    100% {
        transform:
            rotate(0deg)
            scale(.9);

        opacity: .55;
    }

    50% {
        transform:
            rotate(90deg)
            scale(1.1);

        opacity: 1;
    }

}


.duru-v2-bride-social__small {
    margin-bottom:
        17px;

    font-size:
        6px;

    letter-spacing:
        .32em;

    opacity:
        .65;
}


.duru-v2-bride-social h3 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(34px, 3vw, 49px);

    line-height:
        .9;

    font-weight:
        400;
}


.duru-v2-bride-social h3 em {
    color:
        #ffe1e5;

    font-weight:
        400;
}


.duru-v2-bride-social__link {
    margin-top:
        30px;

    padding-top:
        16px;

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

    font-size:
        6px;

    letter-spacing:
        .22em;

    text-transform:
        uppercase;
}



/* =========================================================
   BOTTOM CTA
========================================================= */

.duru-v2-brides__bottom {
    margin:
        85px
        5vw
        0;

    padding:
        48px
        0
        0;

    border-top:
        1px solid rgba(80,42,53,.12);

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 80px;
}


.duru-v2-brides__bottom > div > span {
    display: block;

    margin-bottom:
        13px;

    font-size:
        6px;

    letter-spacing:
        .34em;

    color:
        var(--duru-v2-rose);
}


.duru-v2-brides__bottom h3 {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(38px, 4vw, 65px);

    line-height:
        .92;

    font-weight:
        400;
}


.duru-v2-brides__bottom h3 em {
    color:
        var(--duru-v2-rose);

    font-weight:
        400;
}



/* CTA */

.duru-v2-brides__cta {
    min-width:
        280px;

    padding:
        9px
        8px
        9px
        19px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border:
        1px solid rgba(125,49,72,.22);

    border-radius:
        100px;

    color:
        var(--duru-v2-wine);

    font-size:
        7px;

    letter-spacing:
        .19em;

    text-transform:
        uppercase;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.duru-v2-brides__cta > span:last-child {
    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        rgba(201,104,125,.10);

    font-size:
        14px;

    transition:
        transform .35s ease;
}


.duru-v2-brides__cta:hover {
    background:
        var(--duru-v2-wine);

    color:
        #ffffff;

    transform:
        translateY(-2px);
}


.duru-v2-brides__cta:hover
> span:last-child {
    transform:
        rotate(45deg);
}



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

@media (max-width: 800px) {

    .duru-v2-brides {
        padding:
            80px
            0
            85px;
    }


    .duru-v2-brides__head {
        padding:
            0
            20px;

        margin-bottom:
            35px;

        display:
            block;
    }


    .duru-v2-brides__head-right {
        margin-top:
            23px;

        display:
            block;
    }


    .duru-v2-brides__head-right p {
        max-width:
            290px;

        width:
            auto;
    }


    .duru-v2-brides__controls {
        display:
            none;
    }


    .duru-v2-brides__rail {
        padding:
            0
            20px
            15px;

        gap:
            10px;
    }


    .duru-v2-bride-card,
    .duru-v2-bride-social {
        flex:
            0
            0
            77vw;
    }


    .duru-v2-bride-card:nth-child(even) {
        margin-top:
            25px;
    }


    .duru-v2-brides__bottom {
        margin:
            65px
            20px
            0;

        padding-top:
            38px;

        display:
            block;
    }


    .duru-v2-brides__bottom h3 {
        font-size:
            clamp(43px, 13vw, 62px);
    }


    .duru-v2-brides__cta {
        width:
            100%;

        min-width:
            0;

        margin-top:
            38px;
    }

}


/* =========================================================
   DURU FOOTER V2
========================================================= */

.duru-v2-footer {
    position: relative;

    padding:
        25px
        5vw
        28px;

    overflow: hidden;

    background:
        #281b20;

    color:
        #fffaf7;
}


/* =========================================================
   CONTACT CARDS
========================================================= */

.duru-v2-footer__cards {
    position: relative;

    z-index: 3;

    max-width: 1500px;

    margin:
        0
        auto
        85px;

    display: grid;

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

    gap: 10px;
}


.duru-v2-footer-card {
    position: relative;

    min-height: 190px;

    padding:
        20px
        22px;

    overflow: hidden;

    border-radius: 18px;

    color: #ffffff;

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


.duru-v2-footer-card:hover {
    transform:
        translateY(-5px);

    box-shadow:
        0 25px 60px rgba(0,0,0,.15);
}


/* INSTAGRAM */

.duru-v2-footer-card--instagram {
    background:

        linear-gradient(
            135deg,
            #8a354f,
            #c8637a 55%,
            #efaeb8
        );
}


/* WHATSAPP */

.duru-v2-footer-card--whatsapp {
    background:

        linear-gradient(
            135deg,
            #9c6e5e,
            #c89177 55%,
            #dfbb93
        );
}


/* SHOWROOM */

.duru-v2-footer-card--showroom {
    background:

        linear-gradient(
            135deg,
            #80666b,
            #b29392 55%,
            #d7c1b6
        );
}


/* CARD LIGHT */

.duru-v2-footer-card__glow {
    position: absolute;

    width: 280px;
    height: 280px;

    right: -100px;
    top: -130px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            rgba(255,255,255,.34),
            transparent 67%
        );

    transition:
        transform .6s ease;
}


.duru-v2-footer-card:hover
.duru-v2-footer-card__glow {
    transform:
        scale(1.18);
}


/* CARD TOP */

.duru-v2-footer-card__top {
    position: relative;

    z-index: 2;

    display: flex;

    justify-content: space-between;

    font-size: 6px;

    letter-spacing: .28em;

    text-transform: uppercase;

    opacity: .7;
}


/* CARD CONTENT */

.duru-v2-footer-card__content {
    position: absolute;

    z-index: 2;

    left: 22px;
    right: 22px;
    bottom: 22px;
}


.duru-v2-footer-card__content small {
    display: block;

    margin-bottom: 8px;

    font-size: 6px;

    letter-spacing: .22em;

    text-transform: uppercase;

    opacity: .66;
}


.duru-v2-footer-card__content strong {
    display: block;

    margin-bottom: 6px;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(25px, 2.4vw, 37px);

    line-height: 1;

    font-weight: 400;
}


.duru-v2-footer-card__content > span {
    font-size: 8px;

    letter-spacing: .06em;

    opacity: .7;
}



/* =========================================================
   MAIN
========================================================= */

.duru-v2-footer__main {
    position: relative;

    z-index: 3;

    max-width: 1500px;

    margin: 0 auto;

    padding-bottom: 70px;

    display: grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap: 100px;

    border-bottom:
        1px solid rgba(255,255,255,.10);
}



/* =========================================================
   BRAND
========================================================= */

.duru-v2-footer__brand {
    display: flex;

    flex-direction: column;

    justify-content: space-between;

    min-height: 230px;
}


.duru-v2-footer__logo {
    width: max-content;

    display: flex;

    flex-direction: column;

    align-items: center;

    color:
        #ffffff;
}


.duru-v2-footer__logo strong {
    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size: 41px;

    line-height: .85;

    letter-spacing: .16em;

    font-weight: 400;
}


.duru-v2-footer__logo span {
    margin-top: 8px;

    font-size: 6px;

    letter-spacing: .62em;

    opacity: .7;
}


.duru-v2-footer__brand p {
    margin: 0;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size: 22px;

    line-height: 1.3;

    color:
        rgba(255,255,255,.63);
}



/* =========================================================
   NAVIGATION
========================================================= */

.duru-v2-footer__navigation {
    display: grid;

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

    gap: 45px;
}


.duru-v2-footer__column {
    display: flex;

    flex-direction: column;

    align-items: flex-start;
}


.duru-v2-footer__label {
    margin-bottom: 27px;

    font-size: 6px;

    letter-spacing: .34em;

    text-transform: uppercase;

    color:
        rgba(255,255,255,.30);
}


.duru-v2-footer__column a {
    position: relative;

    margin-bottom: 13px;

    color:
        rgba(255,255,255,.72);

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size: 15px;

    transition:
        color .3s ease,
        transform .3s ease;
}


.duru-v2-footer__column a:hover {
    color: #ffffff;

    transform:
        translateX(3px);
}



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

.duru-v2-footer__watermark {
    position: relative;

    max-width: 1500px;

    height:
        clamp(210px, 24vw, 370px);

    margin:
        15px
        auto
        0;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;
}


.duru-v2-footer__watermark > span {
    position: relative;

    z-index: 1;

    font-family:
        Didot,
        "Bodoni MT",
        Georgia,
        serif;

    font-size:
        clamp(150px, 23vw, 350px);

    line-height: .8;

    letter-spacing: -.055em;

    color:
        rgba(255,250,247,.93);

    white-space: nowrap;
}



/* =========================================================
   FOOTER STARS
========================================================= */

.duru-v2-footer__star {
    position: absolute;

    z-index: 2;

    color:
        #eeb8c2;

    animation:
        duruFooterStar
        4s
        ease-in-out
        infinite;
}


.duru-v2-footer__star--one {
    top: 25%;

    left: 13%;

    font-size: 18px;
}


.duru-v2-footer__star--two {
    right: 15%;

    bottom: 25%;

    font-size: 10px;

    animation-delay:
        1.5s;
}


@keyframes duruFooterStar {

    0%,
    100% {
        opacity: .25;

        transform:
            rotate(0deg)
            scale(.8);
    }

    50% {
        opacity: 1;

        transform:
            rotate(90deg)
            scale(1.15);
    }

}



/* =========================================================
   BOTTOM
========================================================= */

.duru-v2-footer__bottom {
    position: relative;

    z-index: 3;

    max-width: 1500px;

    margin: 0 auto;

    padding-top: 22px;

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

    display: grid;

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

    align-items: center;

    gap: 30px;

    font-size: 6px;

    letter-spacing: .18em;

    text-transform: uppercase;

    color:
        rgba(255,255,255,.38);
}


.duru-v2-footer__bottom > div {
    display: flex;

    gap: 25px;
}


.duru-v2-footer__bottom a {
    color: inherit;

    transition:
        color .3s ease;
}


.duru-v2-footer__bottom a:hover {
    color:
        #ffffff;
}


.duru-v2-footer__top-link {
    justify-self: end;
}



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

@media (max-width: 800px) {

    .duru-v2-footer {
        padding:
            18px
            20px
            24px;
    }


    /* CARDS */

    .duru-v2-footer__cards {
        margin-bottom:
            70px;

        grid-template-columns:
            1fr;

        gap:
            8px;
    }


    .duru-v2-footer-card {
        min-height:
            155px;
    }


    .duru-v2-footer-card__content strong {
        font-size:
            30px;
    }


    /* MAIN */

    .duru-v2-footer__main {
        padding-bottom:
            55px;

        display:
            block;
    }


    .duru-v2-footer__brand {
        min-height:
            0;
    }


    .duru-v2-footer__brand p {
        margin-top:
            48px;

        font-size:
            20px;
    }


    /* NAV */

    .duru-v2-footer__navigation {
        margin-top:
            70px;

        grid-template-columns:
            1fr
            1fr;

        gap:
            50px
            25px;
    }


    .duru-v2-footer__column:last-child {
        grid-column:
            1 / -1;
    }


    /* WORDMARK */

    .duru-v2-footer__watermark {
        height:
            190px;

        margin-top:
            10px;
    }


    .duru-v2-footer__watermark > span {
        font-size:
            30vw;
    }


    /* BOTTOM */

    .duru-v2-footer__bottom {
        padding-top:
            20px;

        display:
            flex;

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            14px;
    }


    .duru-v2-footer__bottom > div {
        order:
            3;
    }


    .duru-v2-footer__top-link {
        order:
            2;

        justify-self:
            auto;
    }

}


.duru-v2-story__photo {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 1.1s cubic-bezier(.2,.7,.3,1);
}

.duru-v2-story__image:hover
.duru-v2-story__photo {
    transform: scale(1.04);
}


.duru-v2-film__video,
.duru-v2-film__photo {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition:
        transform 1.6s cubic-bezier(.2,.7,.3,1);
}

.duru-v2-film__shell:hover
.duru-v2-film__photo {
    transform: scale(1.04);
}



.duru-v2-style-card__photo {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition:
        transform 1s cubic-bezier(.2,.7,.3,1);
}

.duru-v2-style-card:hover
.duru-v2-style-card__photo {
    transform: scale(1.05);
}



/* =========================================================
   DURU GELİNLERİ - GERÇEK FOTOĞRAFLAR
========================================================= */

.duru-v2-bride-card__photo {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition:
        transform 1.1s cubic-bezier(.2,.7,.3,1);
}

.duru-v2-bride-card:hover
.duru-v2-bride-card__photo {
    transform: scale(1.045);
}


/* =========================================================
   DURU HERO V3 - LUXURY TRANSITIONS
========================================================= */


/* ---------------------------------------------------------
   SLIDE CROSSFADE
--------------------------------------------------------- */

.duru-v2-slide {
    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    z-index: 0;

    transition:
        opacity 1.25s cubic-bezier(.22,.61,.36,1),
        visibility 1.25s ease;
}


.duru-v2-slide.is-active {
    opacity: 1;
    visibility: visible;

    pointer-events: auto;

    z-index: 2;
}


.duru-v2-slide.is-leaving {
    opacity: 0;
    visibility: visible;

    z-index: 1;

    pointer-events: none;
}



/* ---------------------------------------------------------
   FOTOĞRAF / VIDEO HAREKETİ
--------------------------------------------------------- */

.duru-v2-slide__media img,
.duru-v2-slide__video,
.duru-v2-slide__fallback {

    transform:
        scale(1.075);

    filter:
        brightness(.92)
        saturate(.92);

    transition:
        transform 7s cubic-bezier(.18,.72,.28,1),
        filter 1.3s ease;
}


.duru-v2-slide.is-active
.duru-v2-slide__media img,

.duru-v2-slide.is-active
.duru-v2-slide__video,

.duru-v2-slide.is-active
.duru-v2-slide__fallback {

    transform:
        scale(1);

    filter:
        brightness(1)
        saturate(1);
}



/* ---------------------------------------------------------
   OVERLAY
--------------------------------------------------------- */

.duru-v2-slide__veil {

    opacity: .92;

    transition:
        opacity 1.2s ease;
}


.duru-v2-slide.is-active
.duru-v2-slide__veil {

    opacity: 1;
}



/* ---------------------------------------------------------
   CONTENT ANA WRAPPER
--------------------------------------------------------- */

.duru-v2-slide__content {

    opacity: 1;

    filter: none;
}



/* ---------------------------------------------------------
   YAZILAR BAŞLANGIÇ
--------------------------------------------------------- */

.duru-v2-slide__eyebrow,
.duru-v2-slide__content h1,
.duru-v2-slide__content > p,
.duru-v2-slide__button {

    opacity: 0;

    transform:
        translateY(26px);

    filter:
        blur(6px);

    transition:
        opacity .8s ease,
        transform .9s cubic-bezier(.2,.7,.3,1),
        filter .8s ease;
}



/* ---------------------------------------------------------
   EYEBROW
--------------------------------------------------------- */

.duru-v2-slide.is-active
.duru-v2-slide__eyebrow {

    opacity: 1;

    transform:
        translateY(0);

    filter:
        blur(0);

    transition-delay:
        .22s;
}



/* ---------------------------------------------------------
   BAŞLIK
--------------------------------------------------------- */

.duru-v2-slide.is-active
.duru-v2-slide__content h1 {

    opacity: 1;

    transform:
        translateY(0);

    filter:
        blur(0);

    transition-delay:
        .34s;
}



/* ---------------------------------------------------------
   AÇIKLAMA
--------------------------------------------------------- */

.duru-v2-slide.is-active
.duru-v2-slide__content > p {

    opacity: 1;

    transform:
        translateY(0);

    filter:
        blur(0);

    transition-delay:
        .48s;
}



/* ---------------------------------------------------------
   BUTON
--------------------------------------------------------- */

.duru-v2-slide.is-active
.duru-v2-slide__button {

    opacity: 1;

    transform:
        translateY(0);

    filter:
        blur(0);

    transition-delay:
        .62s;
}



/* ---------------------------------------------------------
   ÇIKAN SLIDE YAZILARI
--------------------------------------------------------- */

.duru-v2-slide.is-leaving
.duru-v2-slide__eyebrow,

.duru-v2-slide.is-leaving
.duru-v2-slide__content h1,

.duru-v2-slide.is-leaving
.duru-v2-slide__content > p,

.duru-v2-slide.is-leaving
.duru-v2-slide__button {

    opacity: 0;

    transform:
        translateY(-15px);

    filter:
        blur(5px);

    transition-delay:
        0s;
}



/* ---------------------------------------------------------
   PROGRESS
--------------------------------------------------------- */

.duru-v2-hero__progress {

    overflow: hidden;

    background:
        rgba(255,255,255,.25);
}


.duru-v2-hero__progress-fill {

    display: block;

    width: 100%;
    height: 100%;

    transform:
        scaleX(0);

    transform-origin:
        left center;

    background:
        linear-gradient(
            90deg,
            #ffffff,
            #f7d6dc
        );
}



/* ---------------------------------------------------------
   SAYILAR
--------------------------------------------------------- */

.duru-v2-hero__numbers button {

    position: relative;

    padding-bottom: 5px;

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


.duru-v2-hero__numbers button.is-active {

    opacity: 1;

    transform:
        translateY(-2px);
}


.duru-v2-hero__numbers button::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 3px;
    height: 3px;

    border-radius: 50%;

    background: #ffffff;

    opacity: 0;

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

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


.duru-v2-hero__numbers button.is-active::after {

    opacity: 1;

    transform:
        translateX(-50%)
        scale(1);
}



/* ---------------------------------------------------------
   MOBİLDE BİRAZ DAHA HIZLI TEXT
--------------------------------------------------------- */

@media (max-width: 800px) {

    .duru-v2-slide__eyebrow,
    .duru-v2-slide__content h1,
    .duru-v2-slide__content > p,
    .duru-v2-slide__button {

        transform:
            translateY(18px);
    }

}

/* =========================================================
   DURU GELİNLERİ - DİNAMİK FALLBACK
========================================================= */

.duru-v2-bride-card__fallback {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background:

        radial-gradient(
            circle at 52% 25%,
            rgba(255,255,255,.82),
            transparent 27%
        ),

        linear-gradient(
            145deg,
            #8d4058,
            #c56f82 55%,
            #edbdc3
        );
}



/* =========================================================
   DURU TARZ KARTLARI - DİNAMİK
========================================================= */

.duru-v2-style-card__fallback {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background:
        radial-gradient(
            circle at 50% 27%,
            rgba(255,255,255,.86),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            #9b5369 0%,
            #d48696 53%,
            #efd0cd 100%
        );
}


.duru-v2-style-card:nth-child(4n + 2)
.duru-v2-style-card__fallback {

    background:
        radial-gradient(
            circle at 52% 26%,
            rgba(255,255,255,.86),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            #8b6570,
            #c39799 54%,
            #e7cbbf
        );
}


.duru-v2-style-card:nth-child(4n + 3)
.duru-v2-style-card__fallback {

    background:
        radial-gradient(
            circle at 50% 25%,
            rgba(255,255,255,.88),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            #b27b61,
            #dab08b 55%,
            #edd7bf
        );
}


.duru-v2-style-card:nth-child(4n + 4)
.duru-v2-style-card__fallback {

    background:
        radial-gradient(
            circle at 52% 26%,
            rgba(255,255,255,.87),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            #806c70,
            #b9a3a2 55%,
            #dfd0c8
        );
}