/* ==========================================================================
   PAOREEL STUDIOS
   BASE STYLES
========================================================================== */

/* ==========================================================================
   RESET
========================================================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* ==========================================================================
   DESIGN SYSTEM V2
========================================================================== */

:root{

    /* Colors */

    --black:#050505;
    --white:#ffffff;
    --gold:#c7a86d;

    --text:#d7d7d7;
    --border:rgba(255,255,255,.08);

    /* Layout */

    --container:1320px;

    /* Radius */

    --radius:20px;

    /* Section Spacing */

    --space-xs:40px;
    --space-sm:80px;
    --space-md:140px;
    --space-lg:180px;
    --space-xl:240px;

    /* Animation */

    --transition:.45s cubic-bezier(.2,.8,.2,1);

}
::selection{

    background:var(--gold);

    color:#111;

}
::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#050505;

}

::-webkit-scrollbar-thumb{

    background:#2b2b2b;

    border-radius:999px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--gold);

}
/* ==========================================================================
   DOCUMENT
========================================================================== */

html{

    scroll-behavior:smooth;

}

body{

    background:var(--black);

    color:var(--white);

    font-family:"Open Sans",sans-serif;

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

    caret-color:transparent;

}

/* ==========================================================================
   ELEMENTS
========================================================================== */

img{

    display:block;

    width:100%;

    height:auto;

}

a{

    color:inherit;

    text-decoration:none;

}

ul{

    list-style:none;

}

button{

    border:none;

    background:none;

    font:inherit;

    cursor:pointer;

}

section{

    position:relative;

}

/* ==========================================================================
   TYPOGRAPHY
========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:"Playfair Display",serif;

    font-weight:600;

    line-height:1.1;

}

p{

    color:var(--text);

    font-size:1.05rem;

    line-height:2;

}

/* ==========================================================================
   LAYOUT
========================================================================== */

.container{

    width:min(92%,var(--container));

    margin:auto;

}

/* ==========================================================================
   SHARED COMPONENTS
========================================================================== */

/* Section Title */

.section-title{

    text-align:center;

    margin-bottom:90px;

}

.section-title span{

    display:block;

    margin-bottom:18px;

    color:var(--gold);

    font-size:.82rem;

    letter-spacing:.45em;

    text-transform:uppercase;

}

.section-title h2{

    font-size:clamp(2.8rem,5vw,4.8rem);

    line-height:1.08;

}

/* Primary Button */

.btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    border-radius:999px;

    background:var(--gold);

    color:#111;

    font-weight:600;

    transition:var(--transition);

}

.btn-primary:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 45px rgba(199,168,109,.35);

}
button,
a{

    -webkit-tap-highlight-color:transparent;

}
a,
button{

    outline:none;

}

a:focus-visible,
button:focus-visible{

    outline:2px solid var(--gold);

    outline-offset:6px;

}
img{

    image-rendering:auto;

}
html.lenis{

    height:auto;

}

.lenis.lenis-smooth{

    scroll-behavior:auto;

}

.lenis.lenis-stopped{

    overflow:hidden;

}