:root{--font-size: 18px;--teal-50: #E6F7F6;--teal-100: #B3E8E5;--teal-200: #7AE2CF;--teal-300: #4DD9BF;--teal-400: #2BB3A0;--teal-500: #077A7D;--teal-600: #055557;--teal-700: #044446;--cream: #FFFCFB;--white: #FFFFFF;--black: #000000;--gray-50: #F9F9F9;--gray-100: #F3F3F3;--gray-200: #E8E8E8;--gray-300: #CCCCCC;--gray-400: #999999;--gray-500: #666666;--gray-600: #4D4D4D;--gray-700: #333333;--background: var(--cream);--foreground: var(--black);--card: var(--white);--card-foreground: var(--black);--primary: var(--teal-500);--primary-hover: var(--teal-600);--primary-light: var(--teal-200);--primary-foreground: var(--white);--secondary: var(--teal-200);--secondary-foreground: var(--black);--accent: var(--teal-400);--accent-foreground: var(--white);--muted: var(--gray-100);--muted-foreground: var(--gray-600);--border: var(--teal-200);--border-subtle: var(--gray-200);--text-xs: .694rem;--text-sm: .833rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.266rem;--text-2xl: 1.424rem;--text-3xl: 1.802rem;--text-4xl: 2.027rem;--text-5xl: 2.566rem;--font-h1: var(--text-4xl);--font-h2: var(--text-3xl);--font-h3: var(--text-2xl);--font-h4: var(--text-xl);--font-body: var(--text-base);--font-body-lg: var(--text-lg);--font-small: var(--text-sm);--font-xs: var(--text-xs);--font-weight-normal: 400;--font-weight-medium: 500;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--space-16: 6.5rem;--container-full: 1200px;--container-lg: 1000px;--container-md: 900px;--container-sm: 800px;--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .15)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size);background:var(--background);color:var(--foreground)}body{font-family:Crimson Pro,serif;display:flex;flex-direction:column;min-height:100vh;font-weight:var(--font-weight-normal);line-height:1.5}h1{font-size:var(--font-h1);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}h2{font-size:var(--font-h2);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}h3{font-size:var(--font-h3);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}h4{font-size:var(--font-h4);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}p{font-size:var(--font-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.navbar{padding:var(--space-3) var(--space-8);background:var(--background);position:sticky;top:0;z-index:100}.nav-container{max-width:var(--container-full);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out);display:flex;align-items:center;gap:var(--space-3)}.brand:hover{opacity:.7}.brand-icon{display:flex;align-items:center}.brand-logo{width:3.5rem;height:3.5rem}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--foreground);display:block;margin-bottom:var(--space-1)}.brand-title{font-size:var(--text-sm);color:var(--muted-foreground);display:block}.nav-links{display:flex;gap:var(--space-6);align-items:center}.nav-link{color:var(--foreground);text-decoration:none;font-size:var(--text-base);transition:color var(--duration-fast) var(--ease-out)}.nav-link:hover{color:var(--primary)}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger span{width:24px;height:2px;background-color:var(--foreground);transition:all var(--duration-slow) var(--ease-in-out);border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}body.menu-open{overflow:hidden}main{flex:1;padding:var(--space-6) var(--space-8);max-width:var(--container-full);width:100%;margin:0 auto}footer{padding:var(--space-6) var(--space-8);margin-top:auto;text-align:center;color:var(--muted-foreground);font-size:var(--text-sm)}@media(max-width:768px){.navbar{padding:var(--space-2) var(--space-5)}.nav-container{flex-direction:row;justify-content:space-between}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:var(--background);flex-direction:column;gap:var(--space-6);padding:var(--space-12) var(--space-6) var(--space-6);box-shadow:var(--shadow-lg);transition:right var(--duration-slow) var(--ease-in-out);z-index:1000}.nav-links.active{right:0}.nav-link{font-size:var(--text-lg)}main,footer{padding-left:var(--space-5);padding-right:var(--space-5)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}@media(max-width:480px){:root{--font-size: 16px}.navbar{padding:var(--space-2) var(--space-4)}.brand-logo{width:2.5rem;height:2.5rem}.brand-name{font-size:var(--text-base)}.brand-title{font-size:var(--text-xs)}.nav-links{gap:var(--space-4);width:100%}.nav-link{font-size:var(--text-base)}main,footer{padding:var(--space-5) var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}