@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

:root{
    --cream:#f2e6df;
    --brown:#886c62;
    --brown-dark:#252525;
}


* { box-sizing:border-box; }

html { scrollbar-gutter: stable;background:var(--brown-dark); }
html, body { width:100%;height:100%;padding:0;margin:0;text-align:center; }
body { font-family: "figtree", sans-serif;font-weight: 300;color:var(--brown-dark);font-size:1.125rem;letter-spacing:0.01125rem;background:var(--cream); }

body.noscroll { overflow:hidden;}


h1,h2,h3,h4,h5,h6 { font-family: "ador-hairline", sans-serif;font-weight: 400;margin:0; }

.eyebrow { font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08rem;font-family: "figtree", sans-serif;font-weight:700;margin-bottom:-1rem;color:var(--brown); }
h1 { color:#fff;font-size:4rem;letter-spacing: -0.08rem; }
h3 { font-size:3rem;letter-spacing:-0.06rem; }

.bg-cream { background:var(--cream); }
.bg-cream::before { background:url("background.jpg") no-repeat center;background-size:cover;width:100%;height:100%;display:block;top:0;left:0;content:"";position:absolute;opacity:0.3; }
.bg-brown { background:var(--brown); }

.container { width:100%;max-width:45.5rem;margin:0 auto;position:relative; }
footer { padding:6rem 2rem;color:#fff;text-align:left; }
footer .container { max-width:80rem; }
.footer-flex { display:flex;justify-content: space-between;gap:2rem;flex-wrap:wrap;row-gap:5rem; }
.footer-contact { display:flex;gap:2rem;flex-wrap:wrap; }
footer span { display:block;font-size:1rem;text-transform: uppercase;letter-spacing: 0.1rem;margin-bottom:1rem; }
footer a { display:block;color:#fff;margin-bottom:1rem;text-decoration:none;transition:color 0.4s ease-in-out;  }
footer a:hover { color:var(--brown-dark); }
footer :is(a, p) { -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;font-weight:300;  }
.insta svg path { transition:stroke 0.4s ease-in-out; }
.insta:hover svg path { stroke:var(--brown-dark); }

.module { padding:14rem 2rem;position:relative;background:var(--cream); }


.invisible { opacity:0;transition:opacity 1.5s ease-in-out; }
.invisible.visible { opacity:1;}

#hero-lottie { transition:all 1s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(2); }
#hero-lottie.finished { top:0%;transform:translate(-50%, 0%) scale(0.75); }


.hero { height:100vh;min-height:500px;transition:all 1.5s ease-in-out; }
.hero.small { height:95vh; }
.flex { display:inline-flex;justify-content: center;flex-direction: column;gap:1rem; }
.hero { position:relative; }
.hero .flex { height:100%; }
.hero video { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover; }
.hero .logo { width:200px;position:absolute;top:0;left:0; }

@media(max-width:560px){
    .module { padding:7rem 2rem; }
    footer .logo { width:100%;max-width:240px; }

#hero-lottie.finished { top:0%;transform:translate(-50%, 0%) scale(1); }
.hero.small { height:75vh; }
h3 { font-size:2.3rem; }
}