@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');

:root{
    --white:#fffdf8;
    --ivory:#f7f2e9;
    --champagne:#eadcc6;
    --gold:#c9a45c;
    --gold-dark:#a7823f;
    --text:#2b2520;
    --muted:#7d7165;
    --line:rgba(201,164,92,.25);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background:var(--white);
    color:var(--text);
    font-family:'Inter',sans-serif;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    color:inherit;
    text-decoration:none;
}

/* ================= NAV + HERO ================= */

.lux-header{
    height:100vh;
    position:relative;
    overflow:hidden;
}

.lux-nav{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    padding:28px 70px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transition:.45s ease;
}

.lux-nav.scrolled{
    background:rgba(255,253,248,.86);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    padding:18px 70px;
    box-shadow:0 16px 45px rgba(0,0,0,.06);
    border-bottom:1px solid var(--line);
}

.lux-logo{
    font-family:'Cormorant Garamond',serif;
    font-size:1.9rem;
    letter-spacing:2px;
    color:white;
}

.lux-menu{
    display:flex;
    gap:42px;
}

.lux-menu a{
    color:white;
    font-size:.9rem;
    letter-spacing:1px;
    position:relative;
}

.lux-menu a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-7px;
    width:0;
    height:1px;
    background:var(--gold);
    transition:.35s;
}

.lux-menu a:hover::after{
    width:100%;
}

.lux-nav.scrolled .lux-logo,
.lux-nav.scrolled .lux-menu a{
    color:var(--text);
}

.lux-slider{
    height:100%;
    position:relative;
}

.lux-slide{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:0;
    transform:scale(1.08);
    transition:opacity 1.4s ease, transform 6s ease;
}

.lux-slide.active{
    opacity:1;
    transform:scale(1);
}

.lux-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.18),
        rgba(0,0,0,.48)
    );
}

.lux-hero-text{
    position:absolute;
    left:9%;
    bottom:14%;
    z-index:3;
    color:white;
    max-width:760px;
}

.lux-hero-text p{
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:.8rem;
    color:var(--champagne);
    margin-bottom:22px;
}

.lux-hero-text h1{
    font-family:'Cormorant Garamond',serif;
    font-size:4.5rem;
    line-height:.95;
    font-weight:400;
    margin-bottom:35px;
}

.lux-hero-text a,
.intro-btn{
    display:inline-block;
    padding:15px 44px;
    background:linear-gradient(135deg,var(--gold),var(--gold-dark));
    color:white;
    font-weight:600;
    font-size:.95rem;
    transition:.35s;
    box-shadow:0 14px 35px rgba(201,164,92,.22);
}

.lux-hero-text a:hover,
.intro-btn:hover{
    background:var(--text);
    color:white;
    transform:translateY(-2px);
}

.lux-dots{
    position:absolute;
    right:70px;
    bottom:70px;
    z-index:4;
    display:flex;
    gap:12px;
}

.dot{
    width:9px;
    height:9px;
    border-radius:50%;
    border:none;
    background:rgba(255,255,255,.45);
    cursor:pointer;
}

.dot.active{
    background:var(--gold);
}

.lux-toggle{
    display:none;
    background:none;
    border:none;
    flex-direction:column;
    gap:6px;
    cursor:pointer;
}

.lux-toggle span{
    width:28px;
    height:2px;
    background:white;
    transition:.3s;
}

.lux-nav.scrolled .lux-toggle span{
    background:var(--text);
}

/* ================= INTRO COLLAGE ================= */

.intro-collage{
    background:var(--ivory);
    padding:130px 20px;
}

.intro-inner{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1.25fr 1fr;
    gap:55px;
    align-items:center;
}

.intro-left,
.intro-right{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.intro-left{
    gap:55px;
}

.intro-img{
    object-fit:cover;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    border:6px solid var(--white);
}

.img-top-left{
    width:250px;
    height:155px;
}

.img-bottom-left{
    width:230px;
    height:330px;
    transform:rotate(-2deg);
}

.img-small{
    width:170px;
    height:125px;
}

.img-wide{
    width:235px;
    height:155px;
    margin-top:18px;
}

.intro-center{
    text-align:center;
    color:var(--text);
}

.intro-small{
    font-family:'Cormorant Garamond',serif;
    font-size:2rem;
    color:var(--gold-dark);
    margin-bottom:28px;
}

.intro-center h2{
    font-family:'Cormorant Garamond',serif;
    font-size:4.3rem;
    line-height:1.05;
    font-weight:400;
    letter-spacing:2px;
    margin-bottom:35px;
}

.intro-text{
    max-width:480px;
    margin:0 auto 35px;
    font-family:'Cormorant Garamond',serif;
    font-size:2rem;
    line-height:1.15;
    color:var(--muted);
}

.editorial-story{
    background:#f6f3ef;
    padding:140px 8%;
    overflow:hidden;
}

.editorial-inner{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 520px;
    gap:120px;

    align-items:center;
}

.editorial-text{
    max-width:620px;
}

.editorial-quote{
    font-size:52px;
    line-height:1.2;
    color:#7f6d58;

    font-family:"Cormorant Garamond", serif;
    font-weight:300;

    margin-bottom:50px;
}

.editorial-quote em{
    font-style:italic;
}

.editorial-description{
    font-size:22px;
    line-height:1.9;
    color:#8b847c;

    font-family:"Cormorant Garamond", serif;

    margin-bottom:40px;
}

.editorial-sign{
    display:block;

    font-size:11px;
    letter-spacing:4px;
    text-transform:uppercase;

    color:#b49a7a;

    margin-bottom:60px;
}

.editorial-btn{
    display:inline-block;

    font-size:15px;
    letter-spacing:2px;
    text-transform:uppercase;

    color:#7f6d58;
    text-decoration:none;

    border-bottom:1px solid #b49a7a;

    padding-bottom:10px;

    transition:.35s ease;
}

.editorial-btn:hover{
    color:#b49a7a;
    transform:translateX(6px);
}

.editorial-image{
    position:relative;
}

.editorial-image img{
    width:100%;
    height:760px;

    object-fit:cover;

    display:block;

    border:12px solid #fff;

    box-shadow:
        0 30px 60px rgba(0,0,0,.08);
}

/* dekorativní rámeček */
.editorial-image::after{
    content:"";

    position:absolute;

    top:-22px;
    left:-22px;

    width:100%;
    height:100%;

    border:1px solid rgba(180,154,122,.45);

    z-index:-1;
}

/* RESPONSIVE */

@media(max-width:980px){

    .editorial-inner{
        grid-template-columns:1fr;
        gap:70px;
    }

    .editorial-text{
        max-width:100%;
    }

    .editorial-quote{
        font-size:40px;
    }

    .editorial-description{
        font-size:20px;
    }

    .editorial-image img{
        height:520px;
    }
}

@media(max-width:768px){

    .editorial-story{
        padding:100px 7%;
    }

    .editorial-quote{
        font-size:32px;
    }

    .editorial-description{
        font-size:18px;
        line-height:1.7;
    }

    .editorial-image img{
        height:420px;
    }
}
.story-block{
    margin-bottom:42px;
}

.story-block h2{
    font-family:'Cormorant Garamond',serif;
    font-size:2.4rem;
    line-height:1.05;
    font-weight:400;
    margin-bottom:16px;
}

.story-block em{
    color:var(--gold-dark);
}

.story-block p{
    font-size:.95rem;
    line-height:1.7;
    color:var(--muted);
}
.story-block{
    margin-bottom:42px;
}

.story-block h2{
    font-family:'Cormorant Garamond',serif;
    font-size:2.4rem;
    line-height:1.05;
    font-weight:400;
    margin-bottom:16px;
}

.story-block em{
    color:var(--gold-dark);
}

.story-block p{
    font-size:.95rem;
    line-height:1.7;
    color:var(--muted);
}

.green-main-img{
    position:absolute;
    left:80px;
    top:0;
    width:310px;
    height:470px;
    object-fit:cover;
    border:6px solid var(--white);
    z-index:3;
    box-shadow:0 25px 70px rgba(0,0,0,.12);
}

.green-small-img{
    position:absolute;
    right:95px;
    bottom:35px;
    width:330px;
    height:210px;
    object-fit:cover;
    border:6px solid var(--white);
    z-index:4;
    box-shadow:0 25px 70px rgba(0,0,0,.12);
}

/* ================= SERVICES ================= */

.services-section{
    background:var(--white);
    padding:110px 20px;
}

.services-inner{
    max-width:1050px;
    margin:0 auto;
}

.services-title{
    font-family:'Cormorant Garamond',serif;
    font-size:3rem;
    color:var(--text);
    font-weight:400;
    margin-bottom:18px;
}

.services-title em{
    color:var(--gold-dark);
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
}

.service-card{
    position:relative;
    height:330px;
    overflow:hidden;
    grid-column:span 2;
    color:white;
}

.service-wide{
    grid-column:span 3;
}

.service-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:brightness(.68);
    transition:.6s;
}

.service-card span{
    position:absolute;
    left:28px;
    bottom:28px;
    font-family:'Cormorant Garamond',serif;
    font-size:2.2rem;
}

.service-card:hover img{
    transform:scale(1.06);
    filter:brightness(.5);
}

/* ================= REVIEWS ================= */

.reviews-section{
    background:var(--ivory);
    padding:130px 20px;
}

.reviews-inner{
    max-width:1180px;
    margin:0 auto;
}

.reviews-title{
    font-family:'Cormorant Garamond',serif;
    font-size:3rem;
    color:var(--text);
    font-weight:400;
    margin-bottom:85px;
}

.reviews-title em{
    color:var(--gold-dark);
}

.reviews-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:70px;
    text-align:center;
}

.quote-mark{
    font-family:'Cormorant Garamond',serif;
    font-size:5rem;
    color:var(--gold);
    line-height:.7;
    opacity:.5;
}

.review p{
    font-family:'Cormorant Garamond',serif;
    font-size:1.15rem;
    line-height:1.7;
    color:var(--text);
}

.review span{
    display:block;
    margin-top:45px;
    font-size:.95rem;
    color:var(--gold-dark);
}

/* ================= CTA + ABOUT ================= */

.cta-strip{
    background:var(--white);
    padding:80px 20px 110px;
    text-align:center;
}

.cta-strip h2{
    font-family:'Cormorant Garamond',serif;
    color:var(--text);
    font-size:3rem;
    font-weight:400;
    margin-bottom:28px;
}

.about-editorial{
    background:var(--white);
    padding:90px 20px 140px;
}

.about-editorial-inner{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:80px;
    align-items:center;
}

.about-card{
    background:linear-gradient(135deg,var(--gold-dark),var(--gold));
    color:white;
    padding:70px 75px;
    min-height:560px;
    box-shadow:0 30px 80px rgba(201,164,92,.22);
}

.about-card h2,
.about-card h3{
    font-family:'Cormorant Garamond',serif;
    font-weight:400;
}

.about-card h2{
    font-size:3rem;
    line-height:1.05;
    margin-bottom:28px;
}

.about-card h3{
    font-size:2rem;
    line-height:1.15;
    margin-bottom:45px;
}

.about-card p{
    line-height:1.75;
    margin-bottom:22px;
}

.about-photos{
    position:relative;
    min-height:540px;
}

.about-photo-main,
.about-photo-small{
    object-fit:cover;
    box-shadow:0 25px 70px rgba(0,0,0,.12);
    border:6px solid var(--ivory);
}

.about-photo-main{
    width:340px;
    height:420px;
    position:absolute;
    left:0;
    bottom:0;
}

.about-photo-small{
    width:270px;
    height:350px;
    position:absolute;
    right:40px;
    top:0;
}

/* ================= FOOTER ================= */

.footer-contact{
    background:var(--ivory);
    text-align:center;
    padding:110px 20px 35px;
}

.footer-contact h2{
    font-family:'Cormorant Garamond',serif;
    color:var(--gold-dark);
    font-size:3rem;
    font-weight:400;
    margin-bottom:24px;
}

.footer-links{
    margin:65px 0;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.footer-links a{
    font-family:'Cormorant Garamond',serif;
    font-size:1.45rem;
    color:var(--text);
}

.footer-brand{
    font-family:'Cormorant Garamond',serif;
    font-size:2rem;
    color:var(--gold-dark);
    margin-bottom:45px;
}

.footer-menu{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    max-width:900px;
    margin:0 auto;
}

.footer-menu a{
    color:var(--text);
    text-transform:uppercase;
    font-size:.9rem;
    letter-spacing:.5px;
}

.bottom-footer{
    background:linear-gradient(135deg,var(--gold),var(--gold-dark));
    color:white;
    padding:18px 20px;
    display:flex;
    justify-content:space-around;
    gap:20px;
    font-size:.85rem;
}

/* ================= ANIMACE ================= */

.reveal{
    opacity:0;
    transform:translateY(45px);
    transition:1s ease;
}

.reveal.visible{
    opacity:1;
    transform:translateY(0);
}

/* ================= RESPONSIVE ================= */

@media(max-width:1000px){
    .intro-inner,
    .about-editorial-inner{
        grid-template-columns:1fr;
    }

    .intro-left,
    .intro-right{
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
        gap:20px;
    }

    .intro-center{
        order:-1;
    }

    .green-story-inner{
        min-height:auto;
        display:flex;
        flex-direction:column;
        gap:25px;
    }

    .green-main-img,
    .green-small-img{
        position:static;
        width:100%;
        max-width:480px;
        height:auto;
        margin:0 auto;
    }

    .green-card{
        width:100%;
        max-width:620px;
        order:2;
    }

    .services-grid{
        grid-template-columns:1fr;
    }

    .service-card,
    .service-wide{
        grid-column:auto;
    }

    .reviews-grid{
        grid-template-columns:1fr;
    }

    .about-photos{
        min-height:auto;
        display:flex;
        gap:20px;
        justify-content:center;
    }

    .about-photo-main,
    .about-photo-small{
        position:static;
        width:45%;
        height:auto;
    }
}

@media(max-width:800px){
    .lux-nav{
        padding:22px;
        z-index:9999;
    }

    .lux-nav.scrolled,
    .lux-nav.menu-open{
        background:rgba(255,253,248,.97);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
        border-bottom:1px solid var(--line);
        box-shadow:0 12px 40px rgba(0,0,0,.08);
    }

    .lux-toggle{
        display:flex;
        position:relative;
        z-index:10002;
    }

    .lux-menu{
        position:fixed;
        top:0;
        right:-100%;
        width:82%;
        height:100vh;

        background:rgba(255,253,248,.98);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);

        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:34px;

        transition:right .4s ease;
        z-index:10001;
        box-shadow:-20px 0 60px rgba(0,0,0,.12);
    }

    .lux-menu.active{
        right:0;
    }

    .lux-menu a{
        color:var(--text);
        font-size:1.35rem;
        font-family:'Cormorant Garamond',serif;
    }

    .lux-nav.scrolled .lux-logo,
    .lux-nav.menu-open .lux-logo{
        color:var(--text);
    }

    .lux-nav.scrolled .lux-toggle span,
    .lux-nav.menu-open .lux-toggle span{
        background:var(--text);
    }

    .lux-toggle.active span:nth-child(1){
        transform:rotate(45deg) translateY(11px);
    }

    .lux-toggle.active span:nth-child(2){
        opacity:0;
    }

    .lux-toggle.active span:nth-child(3){
        transform:rotate(-45deg) translateY(-11px);
    }

    .lux-hero-text{
        left:24px;
        right:24px;
        bottom:15%;
    }

    .lux-hero-text h1{
        font-size:3.4rem;
    }

    .lux-dots{
        right:24px;
        bottom:35px;
    }
}

@media(max-width:600px){
    .intro-collage,
    .green-story,
    .services-section,
    .reviews-section,
    .about-editorial{
        padding-left:18px;
        padding-right:18px;
    }

    .intro-center h2{
        font-size:2.6rem;
    }

    .intro-text{
        font-size:1.35rem;
    }

    .img-top-left,
    .img-bottom-left,
    .img-small,
    .img-wide{
        width:100%;
        max-width:280px;
        height:auto;
        transform:none;
    }

    .green-card,
    .about-card{
        padding:45px 28px;
    }

    .services-title,
    .reviews-title,
    .cta-strip h2,
    .footer-contact h2{
        font-size:2.3rem;
    }

    .story-block h2,
    .service-card span{
        font-size:2rem;
    }

    .footer-menu{
        grid-template-columns:1fr;
    }

    .bottom-footer{
        flex-direction:column;
        text-align:center;
    }

    .about-photos{
        flex-direction:column;
    }

    .about-photo-main,
    .about-photo-small{
        width:100%;
    }
}/* === FIX MENU + ČITELNOST NAVBARU === */

.lux-nav{
    z-index:99999;
}

.lux-nav.scrolled,
.lux-nav.menu-open{
    background:rgba(255,253,248,.98) !important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 12px 40px rgba(0,0,0,.10);
}

.lux-nav.scrolled .lux-logo,
.lux-nav.scrolled .lux-menu a,
.lux-nav.menu-open .lux-logo,
.lux-nav.menu-open .lux-menu a{
    color:var(--text) !important;
}

.lux-nav.scrolled .lux-toggle span,
.lux-nav.menu-open .lux-toggle span{
    background:var(--text) !important;
}

@media(max-width:800px){

    .lux-toggle{
        display:flex !important;
        position:relative;
        z-index:100001;
    }

    .lux-menu{
        position:fixed !important;
        top:0;
        right:-100% !important;
        left:auto !important;

        width:82%;
        height:100vh;

        display:flex !important;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:34px;

        background:rgba(255,253,248,.98);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);

        opacity:1 !important;
        visibility:visible !important;
        transform:none !important;

        z-index:100000;
        transition:right .4s ease;
        box-shadow:-20px 0 60px rgba(0,0,0,.15);
    }

    .lux-menu.active{
        right:0 !important;
    }

    .lux-menu a{
        color:var(--text) !important;
        font-family:'Cormorant Garamond',serif;
        font-size:1.45rem;
    }
}/* ================= LUXURY EDITORIAL FOOTER ================= */

.lux-footer{
    background:#fffdf8;
    color:#2b2520;
    position:relative;
}

.footer-top{
    background:#eee7df;
    min-height:340px;
    display:grid;
    grid-template-columns:1fr 1.25fr 80px;
    align-items:center;
    gap:50px;
    padding:80px 90px;
}

.footer-quote{
    text-align:center;
}

.footer-quote p{
    font-family:'Cormorant Garamond',serif;
    font-size:2rem;
    line-height:1.3;
    color:#7d7165;
    font-style:italic;
}

.footer-quote span{
    display:block;
    margin-top:26px;
    letter-spacing:8px;
    font-size:.75rem;
    color:#777;
}

.footer-strip{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.footer-strip img{
    width:100%;
    height:165px;
    object-fit:cover;
    filter:saturate(.85) brightness(1.05);
}

.back-top{
    writing-mode:vertical-rl;
    text-orientation:mixed;
    letter-spacing:5px;
    font-size:.7rem;
    color:#777;
    justify-self:end;
    transition:.3s;
}

.back-top:hover{
    color:var(--gold-dark);
}

.footer-main{
    display:grid;
    grid-template-columns:1fr 1.45fr .85fr;
    gap:70px;
    align-items:center;
    max-width:1200px;
    margin:0 auto;
    padding:95px 40px;
}

.footer-left{
    text-align:center;
}

.footer-left img{
    width:250px;
    height:340px;
    object-fit:cover;
    margin:0 auto;
    filter:grayscale(100%);
}

.footer-btn{
    display:inline-block;
    margin-top:-18px;
    position:relative;
    z-index:2;
    background:#eee7df;
    color:#2b2520;
    padding:13px 42px;
    letter-spacing:5px;
    font-size:.75rem;
    transition:.3s;
}

.footer-btn:hover{
    background:var(--gold);
    color:white;
}

.footer-left p{
    max-width:310px;
    margin:28px auto 0;
    font-family:'Cormorant Garamond',serif;
    font-size:1.1rem;
    line-height:1.6;
    color:#7d7165;
    text-align:justify;
}

.footer-brand-center{
    text-align:center;
    padding:30px 60px;
    border-left:1px solid rgba(43,37,32,.18);
    border-right:1px solid rgba(43,37,32,.18);
}

.footer-mark{
    margin-bottom:25px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.footer-mark img{
    width:180px;
    display:block;
}
.footer-mark img{
    width:180px;
    opacity:.92;
    filter:
        brightness(.92)
        contrast(1.05)
        drop-shadow(0 2px 8px rgba(0,0,0,.08));
}
.footer-brand-center h2{
    font-family:'Cormorant Garamond',serif;
    font-size:3rem;
    font-weight:400;
    letter-spacing:13px;
    color:#2b2520;
}

.footer-brand-center span{
    display:block;
    margin-top:12px;
    letter-spacing:10px;
    font-size:.75rem;
    color:#777;
}

.footer-brand-center p{
    margin:35px 0;
    font-family:'Cormorant Garamond',serif;
    font-size:1.15rem;
    line-height:1.4;
    color:#7d7165;
    font-style:italic;
}

.footer-brand-center strong{
    font-size:.75rem;
    letter-spacing:6px;
    font-weight:500;
}

.footer-nav{
    display:flex;
    flex-direction:column;
    gap:24px;
    align-items:center;
}

.footer-nav a{
    letter-spacing:7px;
    font-size:.78rem;
    color:#2b2520;
    transition:.3s;
}

.footer-nav a:hover{
    color:var(--gold-dark);
}

.footer-bottom{
    background:#8d8d93;
    color:white;
    text-align:center;
    padding:12px 20px;
    font-size:.7rem;
    letter-spacing:4px;
    font-weight:600;
}

/* MOBILE FOOTER */

@media(max-width:900px){
    .footer-top{
        grid-template-columns:1fr;
        padding:70px 24px;
        gap:35px;
    }

    .footer-strip{
        grid-template-columns:repeat(2,1fr);
    }

    .back-top{
        writing-mode:horizontal-tb;
        justify-self:center;
    }

    .footer-main{
        grid-template-columns:1fr;
        gap:55px;
        padding:75px 24px;
    }

    .footer-brand-center{
        border-left:none;
        border-right:none;
        border-top:1px solid rgba(43,37,32,.18);
        border-bottom:1px solid rgba(43,37,32,.18);
        padding:45px 10px;
    }

    .footer-brand-center h2{
        font-size:2.2rem;
        letter-spacing:8px;
    }

    .footer-brand-center span,
    .footer-brand-center strong,
    .footer-nav a{
        letter-spacing:4px;
    }

    .footer-bottom{
        letter-spacing:2px;
        line-height:1.7;
    }
}

@media(max-width:550px){
    .footer-strip{
        grid-template-columns:1fr;
    }

    .footer-strip img{
        height:220px;
    }

    .footer-quote p{
        font-size:1.55rem;
    }

    .footer-left img{
        width:220px;
        height:300px;
    }
}/* ================= INQUIRY PAGE ================= */

.inquiry-hero{
    height:100vh;
    position:relative;
    overflow:hidden;
}

.inquiry-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.inquiry-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.25),
        rgba(0,0,0,.55)
    );
}

.inquiry-hero-text{
    position:absolute;
    left:10%;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    color:white;
    max-width:420px;
}
.inquiry-hero-text span{
    display:block;
    margin-bottom:22px;

    font-size:.7rem;
    letter-spacing:6px;
    text-transform:uppercase;

    color:rgba(255,255,255,.75);
    font-weight:600;
}
.inquiry-hero-text p{
    text-transform:uppercase;
    letter-spacing:5px;
    font-size:.8rem;
    color:var(--champagne);
    margin-bottom:26px;
}

.inquiry-hero-text h1{
    font-family:'Cormorant Garamond',serif;
    font-size:4.2rem;
    line-height:1.05;
    font-weight:300;
    color:white;
}
.inquiry-hero-text h1 em{
    font-style:italic;
    font-weight:300;
}
.inquiry-section{
    background:var(--white);
    padding:95px 20px 130px;
}

.inquiry-intro{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.inquiry-intro p{
    font-family:'Cormorant Garamond',serif;
    font-size:1.45rem;
    line-height:1.45;
    color:var(--muted);
}

.inquiry-form{
    max-width:900px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:58px;
}

.inquiry-form label{
    display:block;
    margin-bottom:24px;
    font-size:.72rem;
    letter-spacing:5px;
    color:#6f7480;
    text-transform:uppercase;
    font-weight:600;
}

.inquiry-form input,
.inquiry-form textarea{
    margin-top:10px;
    width:100%;
    border:none;
    background:#f3f0eb;
    padding:17px 18px;
    font-family:'Cormorant Garamond',serif;
    font-size:1.05rem;
    color:var(--text);
    outline:none;
}

.inquiry-form input::placeholder,
.inquiry-form textarea::placeholder{
    color:#b7b0a8;
    font-style:italic;
}

.inquiry-form textarea{
    min-height:390px;
    resize:vertical;
}

.form-right button{
    float:right;
    border:none;
    padding:16px 64px;
    background:linear-gradient(135deg,var(--gold),var(--gold-dark));
    color:white;
    letter-spacing:5px;
    font-weight:700;
    cursor:pointer;
    transition:.35s;
}

.form-right button:hover{
    background:var(--text);
    transform:translateY(-2px);
}

/* responzivita formuláře */

@media(max-width:850px){
    .inquiry-hero-text h1{
        font-size:3.4rem;
    }

    .inquiry-form{
        grid-template-columns:1fr;
        gap:20px;
    }

    .inquiry-form textarea{
        min-height:260px;
    }

    .form-right button{
        float:none;
        width:100%;
    }
}

@media(max-width:520px){
    .inquiry-hero-text h1{
        font-size:2.7rem;
    }

    .inquiry-hero-text p{
        letter-spacing:3px;
    }

    .inquiry-form label{
        letter-spacing:3px;
    }
}
/* MOBILE */

@media(max-width:768px){

    .inquiry-hero-text{
        left:7%;
        right:7%;
        max-width:100%;
    }

    .inquiry-hero-text h1{
        font-size:2.8rem;
    }

    .inquiry-hero-text span{
        letter-spacing:4px;
    }

}
/* ================= PORTFOLIO EDITORIAL ================= */

.portfolio-section{
    background-color: white;
    padding:130px 20px 120px;
    text-align:center;
}

.portfolio-inner{
    max-width:1180px;
    margin:0 auto;
}

.portfolio-title{
    font-family:'Cormorant Garamond',serif;
    font-size:2.6rem;
    font-weight:400;
    color:var(--text);
    margin-bottom:45px;
}

.portfolio-title em{
    font-style:italic;
    color:var(--gold-dark);
}

.portfolio-slider{
    position:relative;
    display:grid;
    grid-template-columns:180px 1fr 180px;
    gap:42px;
    align-items:center;
    margin-bottom:55px;
}

.portfolio-image{
    overflow:hidden;
}

.portfolio-image img{
    width:100%;
    height:430px;
    object-fit:cover;
    display:block;
}

.portfolio-main img{
    height:560px;
}

.portfolio-side{
    opacity:.78;
}

.portfolio-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    border:none;
    background:transparent;
    color:var(--text);
    font-size:2rem;
    cursor:pointer;
    transition:.3s;
}

.portfolio-arrow:hover{
    color:var(--gold-dark);
    transform:translateY(-50%) scale(1.08);
}

.portfolio-prev{
    left:-30px;
}

.portfolio-next{
    right:-30px;
}

.portfolio-text{
    max-width:760px;
    margin:0 auto;
}

.portfolio-text h3{
    font-family:'Cormorant Garamond',serif;
    font-size:1.55rem;
    line-height:1.4;
    font-weight:400;
    color:var(--gold-dark);
    margin-bottom:28px;
}

.portfolio-text h3 em{
    font-style:italic;
    color:var(--text);
}

.portfolio-text p{
    max-width:520px;
    margin:0 auto 34px;
    font-family:'Cormorant Garamond',serif;
    font-size:1.05rem;
    line-height:1.45;
    color:var(--muted);
}

.portfolio-btn{
    display:inline-block;
    padding:14px 58px;
    background:linear-gradient(135deg,var(--gold),var(--gold-dark));
    color:white;
    font-size:.75rem;
    letter-spacing:4px;
    font-weight:700;
    text-transform:uppercase;
    transition:.35s;
}

.portfolio-btn:hover{
    background:var(--text);
    transform:translateY(-2px);
}

/* MOBILE */

@media(max-width:900px){
    .portfolio-slider{
        grid-template-columns:1fr;
        gap:18px;
    }

    .portfolio-side{
        display:none;
    }

    .portfolio-main img{
        height:430px;
    }

    .portfolio-prev{
        left:12px;
    }

    .portfolio-next{
        right:12px;
    }

    .portfolio-arrow{
        color:white;
        background:rgba(0,0,0,.25);
        width:42px;
        height:42px;
        border-radius:50%;
        font-size:1.5rem;
    }
}

@media(max-width:550px){
    .portfolio-section{
        padding:90px 18px;
    }

    .portfolio-title{
        font-size:2.2rem;
    }

    .portfolio-main img{
        height:340px;
    }

    .portfolio-text h3{
        font-size:1.35rem;
    }
}
/* ================= EXPERIENCE SECTION ================= */

.experience-section{
    background:#f6f3ef;
    padding:170px 8%;
    text-align:center;
    overflow:hidden;
}

.experience-inner{
    max-width:920px;
    margin:0 auto;
}

.experience-label{
    display:block;

    margin-bottom:28px;

    font-size:.72rem;
    letter-spacing:5px;
    text-transform:uppercase;

    color:var(--gold-dark);
}

.experience-section h2{
    font-family:'Cormorant Garamond',serif;
    font-size:4.8rem;
    line-height:1.05;
    font-weight:300;

    color:var(--text);

    margin-bottom:55px;
}

.experience-section h2 em{
    font-style:italic;
    color:var(--gold-dark);
}

.experience-section p{
    max-width:760px;

    margin:0 auto 34px;

    font-family:'Cormorant Garamond',serif;
    font-size:1.45rem;
    line-height:1.85;
    font-weight:400;

    color:var(--muted);
}

.experience-link{
    display:inline-flex;
    align-items:center;
    gap:12px;

    margin-top:35px;

    text-decoration:none;

    color:var(--text);

    font-size:.82rem;
    letter-spacing:3px;
    text-transform:uppercase;
    font-weight:600;

    padding-bottom:10px;

    border-bottom:1px solid rgba(180,154,122,.5);

    transition:.35s ease;
}

.experience-link:hover{
    color:var(--gold-dark);
    transform:translateY(-2px);
    border-color:var(--gold-dark);
}

/* jemná dekorace */

.experience-section::before{
    content:"";

    position:absolute;
    left:-120px;
    top:120px;

    width:340px;
    height:340px;

    border-radius:50%;

    background:radial-gradient(
        rgba(212,183,138,.08),
        transparent 70%
    );

    pointer-events:none;
}

.experience-section::after{
    content:"";

    position:absolute;
    right:-140px;
    bottom:80px;

    width:380px;
    height:380px;

    border-radius:50%;

    background:radial-gradient(
        rgba(212,183,138,.06),
        transparent 70%
    );

    pointer-events:none;
}

/* ================= MOBILE ================= */

@media(max-width:980px){

    .experience-section{
        padding:130px 7%;
    }

    .experience-section h2{
        font-size:3.6rem;
    }

    .experience-section p{
        font-size:1.25rem;
        line-height:1.8;
    }
}

@media(max-width:768px){

    .experience-section{
        padding:100px 6%;
    }

    .experience-label{
        font-size:.65rem;
        letter-spacing:4px;
    }

    .experience-section h2{
        font-size:2.6rem;
        line-height:1.12;
        margin-bottom:40px;
    }

    .experience-section p{
        font-size:1.08rem;
        line-height:1.75;
        margin-bottom:26px;
    }

    .experience-link{
        font-size:.72rem;
        letter-spacing:2px;
    }
}

@media(max-width:480px){

    .experience-section h2{
        font-size:2.15rem;
    }

    .experience-section p{
        font-size:1rem;
    }
}