/* ==========================================================================
   Finn Borch - Front Page Styles
   ========================================================================== */

/* ---------- Hero: split layout ---------- */
.fp-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100vw;
    max-height: calc(100vh - 80px);
    min-height: 0;
    margin-left: calc(-50vw + 50%);
    margin-bottom: 0 !important;
    overflow: hidden;
}
.fp-hero__scroll,
.fp-hero__text a[href="#statement"],
.fp-hero__text > p:not(.fp-hero__text-inner p),
.fp-hero__text > a {
    display: none !important;
}

.fp-hero__text {
    background: #b8976a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(3rem, 6vw, 6rem);
    position: relative;
}

.fp-hero__text-inner {
    text-align: center;
    max-width: 420px;
}

.fp-hero__text-inner h1 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(2.4rem, 5vw, 4.5rem);
    font-weight: 300;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    line-height: 1.05;
    margin: 0;
    color: #fff !important;
}

.fp-hero__line {
    width: 50px;
    height: 1px;
    background: #fff;
    margin: 1.5rem auto;
}

.fp-hero__text-inner p {
    font-family: 'Open Sans', Raleway, 'Helvetica Neue', sans-serif;
    font-size: clamp(0.75rem, 1.2vw, 0.95rem);
    font-weight: 300;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    margin: 0;
    color: rgba(255, 255, 255, 0.7) !important;
}

.fp-hero__image {
    position: relative;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 2rem;
}

.fp-hero__image img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
    display: block;
}

/* Scroll indicator */
.fp-hero__scroll {
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
    text-decoration: none !important;
    color: #b8976a;
    z-index: 10;
    transition: color 0.3s ease;
}

.fp-hero__scroll:hover {
    color: #fff;
}

.fp-hero__scroll span {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
}

.fp-hero__mouse {
    width: 22px;
    height: 36px;
    border: 1.5px solid #b8976a;
    border-radius: 11px;
    position: relative;
    display: block !important;
}

.fp-hero__mouse-dot {
    width: 4px;
    height: 4px;
    background: #b8976a;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    animation: fpScrollDot 1.8s ease-in-out infinite;
}

@keyframes fpScrollDot {
    0%, 100% { top: 7px; opacity: 1; }
    50% { top: 22px; opacity: 0.2; }
}

/* Mobile: stack vertically, image on top */
@media (max-width: 900px) {
    .fp-hero {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .fp-hero__image {
        order: -1;
        min-height: auto;
        padding: 5rem 1.5rem 2rem;
        aspect-ratio: auto;
    }

    .fp-hero__image img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .fp-hero__text {
        padding: 3rem 2rem;
    }

    .fp-hero__scroll {
        display: none;
    }
}

/* ---------- Sections ---------- */
.fp-sec{padding:clamp(4rem,8vw,8rem) 2rem}
.fp-sec-warm{background:#f5f0eb}
body.home .fp-sec:has(.fp-two-col){background:#b8976a;color:#fff}
.fp-sec-dark{background:#0d0d0d;color:#f5f0eb}
.fp-center{max-width:700px;margin:0 auto;text-align:center}
.fp-wide{max-width:1200px;margin:0 auto}
.fp-label{font-size:.75rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#b8976a;display:block;margin-bottom:1rem}
.fp-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(1.8rem,3vw,2.8rem);margin:0}
.fp-divider{width:50px;height:1px;background:#b8976a;margin:1.5rem auto}
.fp-body{font-weight:300;line-height:1.8;opacity:.85}

.fp-quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:300;font-style:italic;line-height:1.6;color:#1a1a1a;margin:0;position:relative;padding-left:2rem}
.fp-quote::before{content:'\201C';font-size:5rem;color:#b8976a;opacity:.25;position:absolute;top:-.5em;left:-.1em;font-style:normal;line-height:1}
.fp-attr{font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:#8c7851;margin-top:2rem}

.fp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:end}
.fp-grid-item{position:relative;overflow:hidden;background:#fff;cursor:pointer}
.fp-grid-item img{width:100%;height:auto;object-fit:contain;max-width:none !important;transition:transform .6s ease;display:block}
.fp-grid-item:hover img{transform:scale(1.05)}
.fp-grid-item:first-child{grid-column:span 2;grid-row:span 2}
@media(max-width:768px){.fp-grid{grid-template-columns:1fr 1fr}.fp-grid-item:first-child{grid-column:span 1;grid-row:span 1}}

.fp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1100px;margin:0 auto}
@media(max-width:900px){.fp-two-col{grid-template-columns:1fr;gap:2rem}}

.fp-cards{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto}
.fp-card{padding:3rem 2.5rem;background:#fff;border:1px solid rgba(0,0,0,.06);transition:box-shadow .3s,transform .3s}
.fp-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.08);transform:translateY(-4px)}
.fp-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;font-weight:400;margin:0 0 1rem}
.fp-card p{font-weight:300;line-height:1.8;opacity:.75;font-size:.95rem}
.fp-card-link{display:inline-block;margin-top:1.5rem;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:#8c7851;text-decoration:none;border-bottom:1px solid #b8976a}
@media(max-width:768px){.fp-cards{grid-template-columns:1fr}}

.fp-btn{display:inline-block;padding:.8rem 2.5rem;background:#8c7851;color:#fff !important;text-decoration:none !important;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;font-family:Raleway,sans-serif;border:none;transition:background .3s}
.fp-btn:hover{background:#b8976a}
.fp-btn-outline{background:transparent;border:1px solid #8c7851;color:#8c7851 !important}
.fp-btn-outline:hover{background:#8c7851;color:#fff !important}

/* ---------- Remove all gaps around hero ---------- */
body.home .wp-block-post-content{margin-top:0 !important;padding-top:0 !important;gap:0 !important}
body.home .wp-block-post-content>*+*{margin-top:0 !important}
body.home main{margin-top:0 !important;padding-top:0 !important;gap:0 !important;margin-bottom:0 !important;padding-bottom:0 !important}
body.home .entry-content{gap:0 !important}
body.home main>*:last-child{margin-bottom:0 !important;padding-bottom:0 !important}
body.home .wp-block-group.fb-section:last-child{margin-bottom:0 !important}
body.home footer{margin-top:0 !important}

/* ---------- Front page header ---------- */
body.home header{background:#b8976a !important;position:relative !important;z-index:999;margin:0 !important;margin-bottom:-1px !important;padding-bottom:11px !important}
body.home header+main,body.home header+*{margin-top:0 !important;padding-top:0 !important}
body.home .wp-site-blocks{gap:0 !important}
body.home .wp-site-blocks>*{margin-top:0 !important;margin-bottom:0 !important}
body.home .entry-content>br:first-child,body.home .wp-block-post-content>br:first-child{display:none !important}
body.home header *{transition:color .4s ease}
body.home header .wp-block-site-title a,
body.home header .wp-block-site-title{color:#fff !important}
body.home header .wp-block-navigation a,
body.home header .wp-block-navigation .wp-block-navigation-item__content,
body.home header .wp-block-page-list a{color:#fff !important}
body.home.nav-scrolled header{background:#b8976a !important}
body.home.nav-scrolled header .wp-block-site-title a,
body.home.nav-scrolled header .wp-block-site-title{color:#fff !important}
body.home.nav-scrolled header .wp-block-navigation a,
body.home.nav-scrolled header .wp-block-navigation .wp-block-navigation-item__content,
body.home.nav-scrolled header .wp-block-page-list a{color:#fff !important}
body.home header .wp-block-navigation.is-open a,
body.home header .wp-block-navigation.is-open .wp-block-navigation-item__content,
body.home header .wp-block-navigation.is-open .wp-block-page-list a{color:#fff !important}