/*==========================================
ROOT
==========================================*/

:root{

--gold:#B89B5E;
--text:#111;
--muted:#777;
--border:#E8DDC7;
--bg:#F8F5EF;

}

*{

margin:0;
padding:0;
box-sizing:border-box;

}

body{

font-family:"Inter",sans-serif;
background:#fff;
color:var(--text);
line-height:1.7;

}

.container{

width:min(1100px,90%);
margin:auto;
padding-top: 30px;
}

/*==========================================
HERO
==========================================*/

.policy-hero{

background:var(--bg);

padding:120px 0 90px;

text-align:center;

border-bottom:1px solid var(--border);

}

.policy-hero span{

display:block;

font-size:12px;

letter-spacing:4px;

text-transform:uppercase;

color:var(--gold);

margin-bottom:18px;

}

.policy-hero h1{

font-family:"Cormorant Garamond",serif;

font-size:64px;

font-weight:600;

margin-bottom:18px;

}

.policy-hero p{

max-width:650px;

margin:auto;

font-size:18px;

color:#666;

}

/*==========================================
FAQ
==========================================*/

.faq-section{

padding:100px 0;

}

.faq-item{

border:1px solid var(--border);

border-radius:18px;

margin-bottom:20px;

overflow:hidden;

transition:.35s;

background:#fff;

}

.faq-item:hover{

box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.faq-question{

width:100%;

background:none;

border:none;

padding:28px 32px;

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

font-size:20px;

font-weight:600;

font-family:"Cormorant Garamond",serif;

color:var(--gold);

}

.faq-question span{

font-size:28px;

color:var(--gold);

transition:.35s;

}

.faq-answer{

max-height:0;

overflow:hidden;

transition:max-height .4s ease;

}

.faq-answer p{

padding:0 32px 28px;

font-size:16px;

color:#666;

line-height:1.8;

}

.faq-item.active .faq-answer{

max-height:250px;

}

.faq-item.active .faq-question span{

transform:rotate(45deg);

}

/*==========================================
TABLET
==========================================*/

@media(max-width:768px){

.policy-hero{

padding:90px 0 70px;

}

.policy-hero h1{

font-size:42px;

}

.policy-hero p{

font-size:16px;

}

.faq-section{

padding:60px 0;

}

.faq-question{

padding:22px;

font-size:18px;

}

.faq-answer p{

padding:0 22px 22px;

font-size:15px;

}

}

/*==========================================
PHONE
==========================================*/

@media(max-width:480px){

.policy-hero{

padding:70px 0 55px;

}

.policy-hero h1{

font-size:34px;

}

.policy-hero span{

font-size:11px;

letter-spacing:3px;

}

.faq-question{

font-size:16px;

padding:18px;

}

.faq-question span{

font-size:22px;

}

.faq-answer p{

padding:0 18px 18px;

font-size:14px;

}

}