img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --gold: #C8963E; --gold-light: #D4A853; --gold-muted: #B8860B; --cream: #FEFBF7; --cream-dark: #F5EDE0; --brown: #2D2116; --brown-light: #5C4B3A; --text: #2D2116; --text-muted: #6B5D4F; --white: #fff; --border: rgba(200, 150, 62, 0.2); --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --max: 1400px; --gutter: 20px; --radius: 12px;} * { box-sizing: border-box; }html { scroll-behavior: smooth; } body { margin: 0; padding: 0; font-family: var(--font-sans); font-weight: 400; color: var(--text); background: var(--cream); line-height: 1.6; -webkit-font-smoothing: antialiased; min-height: 100vh; display: flex; flex-direction: column;} a { color: inherit; text-decoration: none; }a:focus-visible, button:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }img { display: block; max-width: 100%; height: auto; } .container { width: 100%; max-width: var(--max); margin-left: auto; margin-right: auto; padding-left: var(--gutter); padding-right: var(--gutter);} .jump { text-decoration-line: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; position: absolute; background: var(--white); left: 150px; top: -6px; padding: 10px; border: 2px solid var(--gold); border-top: none; transform: translateY(-100%); border-radius: 0 0 var(--radius) var(--radius);}.jump:focus { transform: translateY(0%); outline-offset: 0; } a[target="_blank"] { position: relative; }a[target="_blank"] i { padding: 4px; border: 1px solid var(--brown); color: var(--brown); background-color: var(--white); text-decoration: none; position: absolute; left: 0; top: -35px; z-index: 999; width: 140px; display: none; font-size: 12px; font-weight: 400; font-family: sans-serif; text-align: center; text-transform: none; letter-spacing: 0;}a[target="_blank"]:is(:hover, :focus) i { display: block; } img[src*="a8bmark"] { filter: invert(1); } .navbar { padding: 16px 0; background: transparent;}.nav-inner { display: flex; align-items: center; justify-content: center;}.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; font-size: 1.125rem; letter-spacing: -0.01em; color: var(--brown); border-radius: var(--radius); padding: 8px 12px;}.brand-logo { display: block; height: 48px; width: 48px; object-fit: contain;}.brand-text { color: var(--brown);} main { flex: 1; display: flex; flex-direction: column;} .placeholder-hero { width: 100%; padding: 0 0 20px;} .placeholder-content { text-align: center;} .placeholder-logo { display: block; margin: 0 auto 12px; width: 220px; height: 220px; object-fit: contain; filter: drop-shadow(0 4px 16px rgba(200, 150, 62, 0.2));} .placeholder-headline { font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.2; color: var(--brown); margin: 0 0 28px;} .placeholder-mission { font-size: 1.0625rem; font-weight: 400; line-height: 1.75; color: var(--brown-light); margin: 0 auto 36px; text-wrap: pretty;} .mission { background: rgba(211, 181, 122, 0.08); border: 1px solid rgba(200, 150, 62, 0.15); border-radius: var(--radius); padding: 16px 28px; margin: 36px auto; box-shadow: 0 2px 8px rgba(45, 33, 22, 0.06);} .mission p { font-size: 0.95rem;} .placeholder-coming { display: inline-block; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-muted); border: 1px solid var(--border); border-radius: 9999px; padding: 10px 24px;} .our-story { width: 100%; padding: 48px 0 56px; border-top: 1px solid var(--border); text-align: left;} .our-story h2 { font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.2; color: var(--brown); margin: 0 0 28px;} .story-narrative { font-size: 1.0625rem; line-height: 1.8; color: var(--brown-light); text-wrap: pretty; margin: 0 0 40px;} .story-narrative p { margin: 0 0 20px;} .story-narrative p:last-child { margin-bottom: 0;} .our-story h3 { font-size: clamp(1.25rem, 3vw, 1.5rem); font-weight: 700; color: var(--brown); margin: 0 0 24px;} .bio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;} .bio-card { background: var(--cream); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; box-shadow: 0 2px 12px rgba(45, 33, 22, 0.06);} .bio-card h4 { font-size: 1.125rem; font-weight: 700; color: var(--gold-muted); margin: 0 0 12px; letter-spacing: -0.01em;} .bio-card p { font-size: 0.9375rem; line-height: 1.7; color: var(--brown-light); margin: 0;} @media (max-width: 999px) { .bio-grid { grid-template-columns: 1fr 1fr; }} @media (max-width: 768px) { .bio-grid { grid-template-columns: 1fr; }} @media (max-width: 480px) { .our-story { padding: 32px 0 40px; }} .a8b-credit { text-align: center; padding: 0 0 12px;}.a8b-credit img { filter: none; margin: 0 auto; } @media (max-width: 480px) { .placeholder-logo { width: 160px; height: 160px; } .placeholder-headline { font-size: 1.5rem; } .placeholder-mission { font-size: 1rem; }}