*,*::before,*::after{
    box-sizing:border-box
}
ul[class],ol[class]{
    padding:0
}
body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{
    margin:0
}
body{
    min-height:100vh;
    scroll-behavior:smooth;
    text-shadow:1px 1px 1px rgba(0,0,0,.004);
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;
    line-height:1.5
}
ul[class],ol[class]{
    list-style:none
}
a:not([class]){
    text-decoration-skip-ink:auto
}
img{
    max-width:100%;
    display:block
}
article>*+*{
    margin-top:1em
}
input,button,textarea,select{
    font:inherit
}
@media(prefers-reduced-motion: reduce){
    *{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important
    }
}
.sr-only,footer .column a span{
    border:0 !important;
    clip:rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path:inset(50%) !important;
    clip-path:inset(50%) !important;
    height:1px !important;
    margin:-1px !important;
    overflow:hidden !important;
    padding:0 !important;
    position:absolute !important;
    width:1px !important;
    white-space:nowrap !important
}
.sr-only-focusable:focus,.sr-only-focusable:active{
    clip:auto !important;
    -webkit-clip-path:none !important;
    clip-path:none !important;
    height:auto !important;
    margin:auto !important;
    overflow:visible !important;
    width:auto !important;
    white-space:normal !important
}
html{
    scroll-behavior:smooth
}
body{
    background-color: #111518;
    color:#ececec
}
body,h1,h2,h3,h4,p,a,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{
    font-family:"Inter",sans-serif,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif
}
a{
    color:#f09
}
.main{
    width:100%;
    margin:0;
    padding:0
}
.js-hidden{
    display:none
}
.hero-area{
    width:100%;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
    margin:0;
    padding:0
}
.hero-area>.image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:200%
}
.hero-area>.image img,.hero-area>.image picture{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-1
}
.hero-area>.logo{
    z-index:10;
    text-align:center;
    text-transform:uppercase
}
.hero-area>.logo>svg{
    width:16vh;
    min-width:150px
}
.hero-area>.logo>svg .logo{
    fill:#ececec
}
.hero-area>.logo>h1{
    color:#ececec;
    font-family:"Cinzel",serif;
    font-size:1.75rem;
    letter-spacing:.4em;
    text-indent:.4em;
    font-weight:400;
    margin-top:1.5625rem
}
.hero-area>.logo>h1>span{
    display:block;
    font-size:1.125rem;
    letter-spacing:.2em;
    text-indent:.2em
}
.hero-area>.discover{
    z-index:10;
    position:absolute;
    bottom:min(4%, 4% - (0.3 * (700px - 100vh)));
    left:50%;
    transform:translateX(-45%);
    text-decoration:none
}
.hero-area>.discover>svg{
    display:block
}
.hero-area>.discover>svg circle,.hero-area>.discover>svg path{
    stroke:#fff
}
.hero-area>.discover>svg circle{
    opacity:.3
}
.hero-area>.discover>span{
    display:block;
    font-size:.5625rem;
    text-transform:uppercase;
    letter-spacing:.05em;
    text-indent:.05em;
    color:#f6f6f6;
    line-height:1.0625rem;
    margin-top:.75rem
}
.hero-area>.discover>p {
	font-size: .5625rem;
	line-height: 1.0625rem;
	letter-spacing: .05em;
	text-indent: .05em;
	font-weight: 300;
	opacity: 50%
}
.our-story{
    max-width:1140px;
	width:80%;
    margin:0 auto
}
@media(min-width: 900px){
    .our-story{
        grid-template-columns:repeat(2, 1fr);
        grid-auto-flow:row;
        display:grid;
        column-gap:8.3125rem;
        justify-items:end
    }
}
.our-story>article:last-of-type{
    grid-column:2/3;
	width: 100%
}
@media(min-width: 900px){
    .our-story>article:last-of-type h2{
        margin-top:4.25rem
    }
}
.our-story>article h2{
    margin-top:clamp(3.75rem, 6.75rem - (900px - 100vw), 6.75rem);
    font-size:.6875rem;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:.05em;
    text-indent:.05em;
    margin-bottom:clamp(1.5rem, 3.875rem - (900px - 100vw), 3.875rem);
    color:#fff;
	opacity: 0.99
}
.our-story>article h3{
    font-family:"Cinzel",serif;
    font-weight:400;
    font-size:1.5625rem;
    line-height:2.1875rem;
    letter-spacing:.1;
    text-indent:.1em;
    margin-bottom:1.25rem;
	opacity: 0.99
}
.our-story>article p{
    font-size:.875rem;
    line-height:1.375rem;
    letter-spacing:.05em;
    text-indent:.05em;
    margin-bottom:2em;
	opacity: 0.99
}
.our-story>article .copy.intro p{
    font-weight:500;
    font-size:1.125rem;
    line-height:1.875rem
}
.our-story>article .send-email{
    font-size:.6875rem;
    font-weight:600;
    line-height:1.0625rem;
    letter-spacing:.05em;
    text-indent:.05em;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    width:100%;
    display:block;
    padding:1.375rem .625rem;
    margin-top:3.5rem;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    background-image:url("/assets/images/arrow-right.svg");
    background-position:right center;
    background-repeat:no-repeat;
    background-size:auto .5rem
}
.our-story>article .download{
    font-size:.6875rem;
    font-weight:600;
    line-height:1.0625rem;
    letter-spacing:.05em;
    text-indent:.05em;
    text-transform:uppercase;
    color:#fff;
    stroke: #fff;
    text-decoration:none;
    width:100%;
    display:block;
    padding:1.375rem .625rem;
    margin-top:3.5rem;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    background-image:url("/assets/images/download.svg");
    background-position:right center;
    background-repeat:no-repeat;
    background-size:auto 0.75rem
}
footer{
    padding-bottom:2.625rem;
    padding-top:4.8125rem;
    max-width:1140px;
    width:95%;
    margin:0 auto
}
@media(min-width: 900px){
    footer{
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        grid-auto-flow:row;
        column-gap:8.3125rem;
        justify-items:end;
        align-items:end
    }
}
footer .column{
    text-align:center;
    width:100%
}
@media(min-width: 900px){
    footer .column{
        text-align:left
    }
}
footer .column h2,footer .column p{
    font-size:.5625rem;
    line-height:1.0625rem;
    letter-spacing:.05em;
    text-indent:.05em;
    font-weight:600
}
footer .column h2{
    margin-bottom:.5rem
}
footer .column a{
    display:inline-block;
    width:auto;
    height:1.625rem;
    text-decoration:none;
    margin-right:.4375rem
}
@media(min-width: 900px){
    footer .column a{
        height:1.5rem
    }
}
footer .column a:last-of-type{
    margin-right:initial
}
@media(min-width: 900px){
    footer .column:last-of-type{
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        column-gap:8.3125rem;
        justify-items:stretch
    }
}
footer .column .copyright{
    text-transform:uppercase
}
@media(min-width: 900px){
    footer .column .rights{
        text-align:right
    }
}
/*# sourceMappingURL=app.css.map */