:root{color-scheme:dark;--bg:#151719;--surface:#20242A;--text:#F5F1E8;--muted:#B8B2A6;--accent:#F2C14E;--accent2:#E8E4DA;--line:#62615d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.6;text-align:left}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p{max-width:70ch;margin:0 0 1.25rem}h1,h2{font-family:Caveat,Georgia,serif;line-height:1.08;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(3.2rem,7vw,5.8rem);max-width:20ch;margin:.75rem 0 1.5rem}h2{font-size:clamp(2.3rem,4vw,3.2rem);margin:3.25rem 0 1.4rem}h3{font:600 1.2rem/1.35 Inter,Arial,sans-serif;margin:0 0 .65rem}header{border-bottom:1px solid var(--line)}.top-nav{max-width:1240px;margin:auto;padding:1.4rem 2rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.brand{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.brand span{display:block;font-size:.75rem;letter-spacing:.06em;color:var(--muted);font-weight:400;margin-top:.25rem}.nav-links{display:flex;gap:1.3rem;flex-wrap:wrap;font-size:.82rem;margin-left:auto}.nav-links a{color:var(--accent2)}.cta{display:inline-block;background:var(--accent);color:#151719;border:1px solid var(--accent);padding:.75rem 1rem;border-radius:4px;font-size:.8rem;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.top-nav>.cta{margin-left:auto}main{max-width:1180px;padding:0 2rem 4rem;margin:auto}.breadcrumb{font-size:.8rem;color:var(--muted);padding:1.4rem 0}.breadcrumb span{margin-right:.4rem}.hero{background:linear-gradient(135deg,#1C1F24 0%,#2F3640 60%,#3D4652 100%);padding:clamp(1.5rem,5vw,4rem);margin-top:2rem;border:1px solid var(--line);border-radius:5px}.breadcrumb+.hero{margin-top:0}.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.16em;color:var(--accent)}.quick-answer{max-width:70ch;border-left:3px solid var(--accent);padding-left:1.3rem}.quick-answer p{margin:0}.reading{max-width:960px;margin:auto}.reading>p,.reading>ul{max-width:70ch}.key-facts{padding:1.5rem 1.5rem 1.5rem 2.7rem;background:var(--surface);border:1px solid var(--line);margin:2rem 0}.key-facts li{padding:.25rem 0}li{margin-bottom:.65rem}ul{padding-left:1.5rem}.menu-grid,.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.drink-card{display:grid;grid-template-columns:100px 1fr;gap:1.4rem;padding:1.65rem 1.25rem;background:var(--surface);border-top:1px dashed var(--muted);align-items:start}.drink-card p{font-size:.9rem;margin:0;color:var(--muted)}.cup{display:flex;flex-direction:column;min-height:128px;border:2px solid var(--accent2);border-top-width:1px;border-radius:3px 3px 23px 23px;overflow:hidden;margin-top:.3rem}.layer{display:flex;align-items:center;padding:3px 7px;font-size:.59rem;font-weight:700;min-height:20px;line-height:1.2}.espresso{background:#654333;color:#fff8ed}.water{background:#a9cbd4;color:#14282e}.milk{background:#E8E4DA;color:#29251f}.foam{background:#fffaf0;color:#332d24;background-image:radial-gradient(#d2c8b5 .8px,transparent .8px);background-size:7px 7px}.chocolate{background:#452b24;color:#fff6e8}.salt-cream{background:#efe0b4;color:#302719}.table-wrap{overflow-x:auto;margin:2rem 0;border:1px solid var(--line);border-radius:4px;background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:.9rem;min-width:480px}caption{padding:1.2rem;font-weight:600;color:var(--accent);text-align:left}th,td{border-top:1px dashed var(--line);padding:1rem;text-align:left;vertical-align:top}thead th{color:var(--accent2)}tbody th{font-weight:500;width:25%}.page-card{padding:1.5rem;background:var(--surface);border:1px solid var(--line);text-decoration:none;border-radius:4px}.page-card span{font-size:.65rem;letter-spacing:.12em;display:block;color:var(--muted)}.page-card strong{display:block;font-size:1.1rem;margin:.65rem 0}.page-card small{display:block;color:var(--text);font-size:.8rem;line-height:1.6}.faq{margin-top:3rem}.faq details{border-top:1px dashed var(--muted);padding:1.15rem 0}.faq details:last-child{border-bottom:1px dashed var(--muted)}summary{cursor:pointer;font-weight:600;padding-right:1rem}.faq details p{padding:1rem 0 0;margin:0;color:var(--accent2)}.updated{font-size:.8rem;color:var(--muted);margin:2rem 0 0}footer{border-top:1px solid var(--line);background:var(--surface)}.footer-inner{max-width:1180px;margin:auto;padding:2.5rem 2rem}.footer-inner p{font-size:.85rem;color:var(--muted);margin:1.5rem 0 .75rem}.footer-inner>a:last-child{font-size:.85rem}.skip-link{position:absolute;left:1rem;top:-100px;z-index:2;padding:1rem;background:var(--accent);color:var(--bg)}.skip-link:focus{top:1rem}@media(max-width:760px){body{font-size:17px}.top-nav{padding:1.1rem;gap:1rem}.nav-links{order:3;width:100%;gap:1.1rem;margin:0}.top-nav>.cta{font-size:.65rem;padding:.65rem}.brand{font-size:.95rem}main{padding:0 1rem 3rem}.hero{padding:1.7rem 1.3rem}.menu-grid,.page-grid{grid-template-columns:1fr}.drink-card{grid-template-columns:88px 1fr}.cup{min-height:120px}.breadcrumb{line-height:1.7}.footer-inner{padding:2rem 1rem}}@media print{header,footer,.skip-link{display:none}body{background:white;color:black}.hero,.drink-card,.key-facts,.page-card{background:white;color:black}a{color:inherit}.reading{max-width:none}}