.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}
section{padding:112px 0}
h1,h2,h3,h4,h5,h6{color:var(--color-text-strong);letter-spacing:-.03em}
h2{font-size:clamp(36px,4vw,56px);line-height:1.08}
.section-subtitle,.hero-subtitle{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:0;background:none;color:#8A6700;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.section-subtitle::before,.hero-subtitle::before{content:"";width:24px;height:2px;background:var(--color-primary)}
.section-description{max-width:720px;margin-top:22px;color:var(--color-text-muted);font-size:18px;line-height:1.75}
.btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:14px 25px;border:1px solid var(--color-primary);border-radius:12px;background:var(--color-primary);box-shadow:none;color:var(--color-text-strong);font-size:15px;font-weight:800;transition:background .2s,border-color .2s,transform .2s}
.btn:hover{transform:translateY(-2px);background:var(--color-primary-hover);border-color:var(--color-primary-hover)}
.btn-outline{background:transparent;border-color:var(--color-border)}
.btn-outline:hover{background:var(--color-surface-muted);border-color:#C8CBC7}

:where(a,button,input,select,textarea,summary):focus-visible{
    outline:3px solid #7a5800;
    outline-offset:3px;
    border-radius:6px;
}

@media(max-width:768px){section{padding:84px 0}.container{padding-inline:20px}.section-description{font-size:16px}}
@media(max-width:480px){section{padding:68px 0}.container{padding-inline:16px}}