:root{--color-primary: #7CA9A3;--color-primary-shadow: #46756f;--color-secondary: #E8927C;--color-secondary-shadow: #ae614d;--color-accent: #F4C95D;--color-accent-shadow: #aa872d;--color-cream: #fbf2e3;--color-beige: #f3e8d2;--color-brown: #8B7355;--color-dark: #3e494a;--color-black: #292d2e;--color-success: #50a107;--color-success-shadow: #306104;--color-warning: #FB8500;--color-warning-shadow: #FB8500;--color-danger: #D62828;--color-danger-shadow: #8a0b0b;--font-display: "Fredoka One", "Bangers", cursive;--font-body: "Nunito", "Cabin", sans-serif;--font-mono: "Courier New", monospace;--text-xs: .75rem;--text-sm: 1rem;--text-md: 1.33rem;--text-lg: 1.77rem;--text-xl: 2.37rem;--space-xs: .309rem;--space-sm: .5rem;--space-md: .809rem;--space-lg: 1.309rem;--space-xl: 2.118rem;--shadow-offset-sm: 3px;--shadow-offset-md: 5px;--shadow-offset-lg: 8px;--shadow-color: var(--color-dark);--shadow-style: 0px var(--shadow-color);--shadow-sm: var(--shadow-offset-sm) var(--shadow-offset-sm) var(--shadow-style);--shadow-md: var(--shadow-offset-md) var(--shadow-offset-md) var(--shadow-style);--shadow-lg: var(--shadow-offset-lg) var(--shadow-offset-lg) var(--shadow-style);--shadow-inset: inset 3px 3px 6px rgba(0, 0, 0, .3);--border-width-sm: 2px;--border-width-md: 3px;--border-width-lg: 5px;--border-style-default: solid var(--color-dark);--border-style-dashed: dashed var(--color-beige);--border-sm: var(--border-width-sm) var(--border-style-default);--border-md: var(--border-width-md) var(--border-style-default);--border-lg: var(--border-width-lg) var(--border-style-default);--border-dashed-sm: var(--border-width-sm) var(--border-style-dashed);--border-dashed-md: var(--border-width-md) var(--border-style-dashed);--border-dashed-lg: var(--border-width-lg) var(--border-style-dashed);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-round: 50%;--transition-base: all .3s, ease .6s, opacity .6s, transform .6s, background-color .2s ease, color .2s ease;--transition-offset-sm: -4px;--transition-offset-md: -7px;--transition-offset-lg: -10px;--transition-hover-sm: translateY(var(--transition-offset-sm)) translateX(var(--transition-offset-sm));--transition-hover-sm-active: translateY(calc(var(--transition-offset-sm) * .5)) translateX(calc(var(--transition-offset-sm) * .5));--transition-hover-md: translateY(var(--transition-offset-md)) translateX(var(--transition-offset-md));--transition-hover-md-active: translateY(calc(var(--transition-offset-md) * .5)) translateX(calc(var(--transition-offset-md) * .5));--transition-hover-lg: translateY(var(--transition-offset-lg)) translateX(var(--transition-offset-lg));--transition-hover-lg-active: translateY(calc(var(--transition-offset-lg) * .5)) translateX(calc(var(--transition-offset-lg) * .5));--transition-shadow-offset-sm: calc((var(--transition-offset-sm) * -1) + var(--shadow-offset-sm));--transition-shadow-offset-md: calc((var(--transition-offset-md) * -1) + var(--shadow-offset-md));--transition-shadow-offset-lg: calc((var(--transition-offset-lg) * -1) + var(--shadow-offset-lg));--transition-shadow-sm: var(--transition-shadow-offset-sm) var(--transition-shadow-offset-sm) var(--shadow-style);--transition-shadow-sm-active: calc(var(--transition-shadow-offset-sm) * .7) calc(var(--transition-shadow-offset-sm) * .7) var(--shadow-style);--transition-shadow-md: var(--transition-shadow-offset-md) var(--transition-shadow-offset-md) var(--shadow-style);--transition-shadow-md-active: calc(var(--transition-shadow-offset-md) * .7) calc(var(--transition-shadow-offset-md) * .7) var(--shadow-style);--transition-shadow-lg: var(--transition-shadow-offset-lg) var(--transition-shadow-offset-lg) var(--shadow-style);--transition-shadow-lg-active: calc(var(--transition-shadow-offset-lg) * .7) calc(var(--transition-shadow-offset-lg) * .7) var(--shadow-style)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-cream);color:var(--color-dark)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' /%3E%3C/svg%3E");pointer-events:none;z-index:9999}*{font-size:var(--text-sm);font-family:var(--font-body);line-height:1.618}h1,h2,h3{font-family:var(--font-display);line-height:1.2;font-weight:400;letter-spacing:.02em}h1{font-size:var(--text-xl);margin-bottom:var(--space-lg);color:var(--color-primary);text-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0px var(--color-primary-shadow)}h2{font-size:var(--text-lg);margin-bottom:var(--space-md);color:var(--color-secondary)}h3{font-size:var(--text-md);margin-bottom:var(--space-md)}p{margin-bottom:var(--space-md)}small{font-size:var(--text-xs);color:var(--color-brown);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}@media (min-width: 768px){:root{--text-xs: .75rem;--text-sm: 1rem;--text-md: 1.5rem;--text-lg: 2.25rem;--text-xl: 3rem}}@media (min-width: 1024px){:root{--text-xs: .618rem;--text-sm: 1rem;--text-md: 1.618rem;--text-lg: 2.618rem;--text-xl: 4.236rem}}