.hr-section {
    padding-bottom: 100px;
    padding-top: 100px;
/*    border-bottom: 1px solid var(--border-01);*/
}

.hr-section:last-child {
    border: none;
}

.hr-section-white {
    background: var(--white);
}
.hr-color-section {
    background: linear-gradient(180deg, #f2ebe4 0%, #e6dacb 50%, #d4c2a2 100%);
}
.hr-section-content {
    margin-bottom: 4.5rem;
}

.hr-section-content .hr-sub-titel {
    margin-bottom: 20px;
}

.hr-section-content .hr-sub-titel h6 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-8);
    letter-spacing: 1.5px;
}

.hr-section-content .hr-titel {
    margin-bottom: 0rem;
}

.hr-section-content .hr-titel h1 {
    font-weight: 500;
    letter-spacing: -.5px;
    font-size: clamp(1.875rem, 1.7357rem + 0.6369vw, 2.5rem);
    line-height: 1.25;
    color: #161618;
    font-family: var(--font-01);
    text-transform: capitalize;
}
.hr-section-content .hr-titel h2 span {
    color: var(--color-3);
}

.hr-section-content .hr-text p {
/*    margin-bottom: 0;*/
    font-size: 16px;
    letter-spacing: -.25px;
    line-height: 1.6;
    color: #848283;
    font-family: var(--font-02);
/*    padding: 0% 15% 0% 15%;*/
}

.hr-section-content .hr-btns-wrap {
    margin-top: 2.5rem;
}

.hr-section-content .hr-text p:last-child {
    margin-bottom: 0;
}

.hr-dark-section {
    background: var(--color-2);
}

.hr-dark-section .hr-titel h1 {
    color: var(--white);
}
.mb-20 {
    margin-bottom: 20px;
}
@media screen and (max-width: 576px) {
.hr-section {
    padding-bottom: 40px;
    padding-top: 40px;
    /* border-bottom: 1px solid var(--border-01); */
}
}
/* ═══════════ SECTIONS / SVG DECOR ═══════════ */
.bg-dawn{background-image: linear-gradient(180deg, oklch(99% .015 95) 0%, oklch(96.5% .032 82) 100%)}
.section { padding:6rem 0; position:relative; }
.section-cream { background:var(--mist) !important; }
/*.section-cream { background: linear-gradient(rgba(253,243,221,.92), rgba(253,243,221,.95)), url("http://213.109.159.53/~iskconwinnipeg/public/assets/images/backgrounds/golden-diya.webp") center/cover fixed; }*/
.scallop { position:absolute; top:0; left:0; width:100%; height:42px; display:block; }
.scallop.bottom { top:auto; bottom:0; transform:rotate(180deg); }
.mandala-deco { position:absolute; color:var(--gold); opacity:.5; pointer-events:none;
  animation:spin 90s linear infinite; }
@keyframes spin { to{transform:rotate(360deg);} }

.section-title {
    font-family: var(--font-display);
    text-align: center;
    font-size: clamp(2rem,4vw,3rem);
    font-weight: 600;
}
.section-title span {
    color: var(--color-1);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: clamp(2rem,4vw,3rem);
}
.section-title.light { color:var(--cream); }
.section-sub { text-align:center; color:oklch(52% .05 48); max-width:560px; margin:0 auto;font-size:20px }
.divider { width:140px; height:2px; margin:1rem auto; position:relative;
  background:linear-gradient(90deg,transparent,var(--gold),transparent); }
.divider::after { content:"❁"; position:absolute; top:-11px; left:50%; transform:translateX(-50%);
  color:var(--gold); font-size:1rem; }
.reveal { opacity:0; transform:translateY(34px);
  transition:opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1); }
.reveal.visible { opacity:1; transform:none}