:root{--color-background: #f5f5f0;--color-surface: #ffffff;--color-text: #202623;--color-primary: #15251e;--color-secondary: #274c3a;--color-accent: #d4a72c}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;min-height:100vh;background:var(--color-background);color:var(--color-text);font-family:Arial,sans-serif}.site-container{width:min(1200px,100% - 2rem);margin-inline:auto}.section-eyebrow{margin:0 0 1rem;color:var(--color-accent);font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.section-title{margin:0;color:var(--color-primary);font-size:clamp(2rem,5vw,3rem);line-height:1.1}.section-copy{font-size:1.05rem;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);font-weight:600;text-decoration:none}.text-link:hover{color:var(--color-secondary)}.text-link-on-dark{color:var(--color-accent)}.text-link-on-dark:hover{color:var(--color-background)}.text-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.text-link span{transition:transform .2s ease}.text-link:hover span{transform:translate(.25rem)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding-inline:1.5rem;border-radius:.25rem;font-weight:600;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.button-primary{background:var(--color-primary);color:var(--color-background)}.button-primary:hover{background:var(--color-secondary)}.button-secondary{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary)}.button-secondary:hover{background:var(--color-primary);color:var(--color-background)}.button-accent{background:var(--color-accent);color:var(--color-primary)}.button-accent:hover{background:var(--color-background);color:var(--color-primary)}.button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.page-intro{padding-block:5rem;background:var(--color-primary)}.page-intro-container{max-width:1200px}.page-intro .section-eyebrow{color:var(--color-accent)}.page-intro h1{max-width:50rem;margin:0;color:var(--color-background);font-size:clamp(2.5rem,7vw,4.5rem);line-height:1.05}.page-intro-description{max-width:42rem;margin:1.5rem 0 0;color:#f5f5f0c7;font-size:1.05rem;line-height:1.7}@media(min-width:48rem){.site-container{width:min(1200px,100% - 3rem)}.page-intro{padding-block:6rem}}@media(min-width:64rem){.page-intro{padding-block:7rem}}