.rules-section{padding:clamp(5rem,8vw,9rem) 0;
}


.rules-section__layout{align-items:flex-start}

.rules-section__header{max-width:360px;
padding-right:2rem}

.rules-section .sup-title{display:flex;
align-items:center;
gap:1rem;
margin-bottom:1.75rem;
color:#bd3d1f;
font-size:.75rem;
letter-spacing:.2em}

.rules-section .sup-title::before{content:"";
display:block;
width:38px;
height:1px;
background:currentColor}

.rules-section__title{max-width:330px;
margin:0;
color: var(--color-dark-brown);
font-family:"Playfair Display",serif;
font-size:clamp(2.6rem,4vw,4.5rem);
font-weight:400;
line-height:1.06}

.rules-section__grid{display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
border-top:1px solid rgba(77,59,41,.14);
border-left:1px solid rgba(77,59,41,.14);
background:rgba(255,255,255,.38)}

.rules-section__item{min-height:270px;
padding:2.5rem 2.75rem;
border-right:1px solid rgba(77,59,41,.14);
border-bottom:1px solid rgba(77,59,41,.14)}


.rules-section__item-title{display:flex;
align-items:center;
gap:.9rem;
margin:0 0 1.5rem;

    color: var(--color-dark-brown)!important;
font-family:"Outfit",sans-serif;
font-size:1rem;
font-weight:600;
line-height:1.3}


.rules-section__item-title::before{content:"";
display:block;
flex:0 0 auto;
width:28px;
height:1px;
background:#bd3d1f}

.rules-section__item p{margin:0 0 1rem;
font-size:1rem;
line-height:1.65}

.rules-section__item p:last-of-type{margin-bottom:0}

.rules-section__link{display:inline-flex;
align-items:center;
gap:.65rem;
margin-top:1.5rem;
padding-bottom:.25rem;
border-bottom:1px solid currentColor;
color:#bd3d1f;
font-weight:500;
text-decoration:none;
transition:gap .2s ease,color .2s ease}

.rules-section__link:hover,.rules-section__link:focus-visible{gap:.9rem;
color:#8e2d17}

.rules-section__link:focus-visible{outline:2px solid currentColor;
outline-offset:4px}

@media(max-width:991.98px){.rules-section__header{max-width:none;
margin-bottom:3rem;
padding-right:0}

.rules-section__title{max-width:650px}

.rules-section__item{min-height:0;
padding:2.25rem}

}

@media(max-width:767.98px){.rules-section{padding:4.5rem 0}

.rules-section__grid{grid-template-columns:1fr}

.rules-section__item{padding:2rem 1.5rem}

.rules-section__title{font-size:2.7rem}

}

@media(max-width:575.98px){.rules-section__title{font-size:2.35rem}

.rules-section__item p{font-size:.95rem}

}