:root{--teal:#0e3b3a;--teal2:#0a2a29;--amber:#c8782a;--amber-l:#e9a85f;--bone:#f4efe6;--paper:#fffdf8;--ink:#1a2423;--mute:#4f605e}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:'Manrope',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:1.06rem;line-height:1.65}
h1,h2,h3,h4,.display{font-family:'Bodoni Moda',Georgia,serif;font-weight:700;line-height:1.05;color:var(--teal)}
a{color:var(--amber)}
.mono{font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--amber);font-weight:700}
.snellen{font-family:'Space Mono',monospace;font-weight:700;letter-spacing:.18em;line-height:1}
/* nav (b): centered badge, links split */
.navbar{background:var(--bone);border-bottom:3px solid var(--teal);padding:.5rem 0}
.navbar-brand{font-family:'Bodoni Moda',serif;font-weight:700;font-size:1.45rem;color:var(--teal);line-height:1;text-align:center;margin:0}
.navbar-brand small{display:block;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.2em;color:var(--amber);font-weight:700;margin-top:.25rem}
.navbar .nav-link{font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:var(--teal)}
.navbar .nav-link:hover{color:var(--amber)}
.navbar-toggler{border-color:var(--teal)}
@media(min-width:992px){
.navbar.navbar-expand-lg .navbar-collapse{flex:1 1 0}
.navbar .brand-badge{position:relative;margin:0 2rem;padding:.6rem 1.6rem;background:var(--teal);border-radius:0 0 18px 18px;top:.9rem;box-shadow:0 6px 0 var(--amber)}
.navbar .brand-badge .navbar-brand{color:var(--bone)}
.navbar{padding-bottom:1.2rem}
}
.hero{background:var(--teal);color:var(--bone);padding:5rem 0 4.5rem;position:relative;overflow:hidden}
.hero h1{color:var(--bone);font-size:clamp(2.6rem,7vw,5.2rem)}
.hero h1 em{color:var(--amber-l);font-weight:600}
.hero p.lead{max-width:34rem;color:#dfe8e5}
.chart{color:rgba(244,239,230,.16);text-align:center;user-select:none}
.chart div:nth-child(1){font-size:5.5rem}.chart div:nth-child(2){font-size:3.6rem}.chart div:nth-child(3){font-size:2.4rem}.chart div:nth-child(4){font-size:1.6rem}.chart div:nth-child(5){font-size:1.05rem}
.chart-bg{color:var(--teal);opacity:.08}
.btn-amber{background:var(--amber);color:#1a1004;border:2px solid var(--amber);font-weight:800;border-radius:0;padding:.8rem 1.6rem}
.btn-amber:hover{background:var(--amber-l);border-color:var(--amber-l);color:#1a1004}
.btn-line{border:2px solid var(--bone);color:var(--bone);border-radius:0;font-weight:800;padding:.8rem 1.6rem}
.btn-line:hover{background:var(--bone);color:var(--teal)}
.marquee{background:var(--amber);color:#1a1004;overflow:hidden;white-space:nowrap;padding:.6rem 0;font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem}
.marquee span{display:inline-block;padding-left:100%;animation:slide 40s linear infinite}
@keyframes slide{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.marquee span{animation:none;padding-left:1rem}.marquee{white-space:normal}}
section{padding:5rem 0}
.bg-bone{background:var(--bone)}
.index-list{list-style:none;padding:0;margin:0;border-top:2px solid var(--teal)}
.index-list li{display:flex;gap:1.2rem;align-items:baseline;padding:1.1rem 0;border-bottom:1px solid rgba(14,59,58,.25)}
.index-list .k{font-family:'Bodoni Moda',serif;font-weight:700;font-size:1.5rem;color:var(--teal);min-width:12rem}
.index-list .v{color:var(--mute)}
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--teal)}
.brand-grid div{padding:1.4rem 1rem;text-align:center;font-family:'Bodoni Moda',serif;font-weight:700;color:var(--teal);font-size:1.15rem;border:1px solid var(--teal);background:var(--paper)}
.brand-grid div:nth-child(even){background:var(--bone)}
@media(max-width:575px){.brand-grid{grid-template-columns:repeat(2,1fr)}.index-list li{flex-direction:column;gap:.2rem}.index-list .k{min-width:0}}
.quote-band{background:var(--teal);color:var(--bone);padding:4rem 0;text-align:center}
.quote-band p{font-family:'Bodoni Moda',serif;font-style:italic;font-size:clamp(1.6rem,4vw,2.6rem);max-width:46rem;margin:0 auto;line-height:1.25}
.hours{width:100%;max-width:26rem}
.hours td{padding:.45rem 0;border-bottom:1px dashed rgba(14,59,58,.3)}
.hours td:last-child{text-align:right;font-weight:700}
.map{border:3px solid var(--teal);width:100%;height:340px}
.glasses{width:140px;height:auto;stroke:var(--amber);fill:none;stroke-width:3}
footer{background:var(--teal2);color:#cfdad7;padding:3rem 0 2rem}
footer a{color:var(--amber-l)}
footer h3{color:var(--bone);font-size:1.5rem}