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

:root{

--gold:#B89B5E;
--text:#111;
--muted:#666;
--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.8;

}

.container{

width:min(1200px,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;

color:#111;

}

.policy-hero p{

max-width:720px;

margin:auto;

font-size:18px;

color:#666;

}

/*==========================================
CONTENT
==========================================*/

.policy-content{

padding:100px 0;

background:#fff;

}

.policy-card{

background:#fff;

padding:45px;

border-radius:18px;

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

border-left:6px solid var(--gold);

margin-bottom:30px;

transition:.35s ease;

}

.policy-card:hover{

transform:translateY(-5px);

box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.policy-card h2{

font-family:"Cormorant Garamond",serif;

font-size:34px;

margin-bottom:18px;

color:var(--gold);

}

.policy-card p{

font-size:17px;

color:var(--muted);

line-height:1.9;

}

.policy-card strong{

color:#111;

font-weight:600;

}

/*==========================================
RESPONSIVE
==========================================*/

@media(max-width:768px){

.policy-hero{

padding:90px 0 70px;

}

.policy-hero h1{

font-size:42px;

}

.policy-hero p{

font-size:16px;

}

.policy-content{

padding:60px 0;

}

.policy-card{

padding:28px;

}

.policy-card h2{

font-size:28px;

}

.policy-card p{

font-size:15px;

}

}

@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;

}

.policy-card{

padding:22px;

border-radius:14px;

}

.policy-card h2{

font-size:24px;

margin-bottom:12px;

}

.policy-card p{

font-size:14px;

line-height:1.8;

}

}