*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--bg);font:18px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h1{font-size:clamp(47px,6.8vw,89px);letter-spacing:-3px;margin-bottom:30px}h2{font-size:clamp(34px,4vw,52px);letter-spacing:-1.7px}h3{font-size:25px}p{margin-bottom:22px}.container{max-width:1280px;margin:auto;padding-inline:40px}.notice{background:var(--ink);color:var(--bg);padding:10px 25px;font-size:13px;text-align:center;letter-spacing:.3px}.demo-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}.header-row{display:flex;justify-content:space-between;align-items:center;padding-block:24px;gap:25px}.brand{font-size:23px;font-weight:bold;letter-spacing:2px}.demo-nav{display:flex;gap:28px;font-size:16px}.demo-nav a:hover{text-decoration:underline}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:bold;margin-bottom:23px;color:var(--accent)}.demo-button{display:inline-flex;justify-content:center;align-items:center;min-height:49px;background:var(--ink);color:var(--bg);padding:14px 25px;border:0;border-radius:3px;font-weight:700;font-size:16px}.demo-button:hover{opacity:.9}.section{padding-block:80px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.hero{padding-block:60px}.hero .intro{font-size:21px;max-width:540px}.hero-image{height:560px;object-fit:cover}.image-caption{display:flex;justify-content:space-between;padding-top:15px;font-size:13px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.cards article{border-top:2px solid var(--accent);padding-top:25px}.cards span{color:var(--accent);font-weight:bold}.cards h3{margin-top:20px}.cards p{color:var(--muted)}.band{background:var(--ink);color:var(--bg)}.band p{color:var(--bg)}.demo-footer{padding-block:30px;border-top:1px solid var(--line);font-size:15px;display:flex;justify-content:space-between;gap:25px}.control{padding:28px;border:1px solid var(--line)}label{display:block;margin-bottom:15px}.radio-row{display:flex;gap:20px;flex-wrap:wrap}input[type=radio],input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);vertical-align:middle;margin-right:8px}.control output{display:block;font-weight:bold;margin-top:25px;font-size:20px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.service{--bg:#F6F2EA;--ink:#24362F;--accent:#9D4823;--muted:#48594F;--line:#CCD3C8}.service .hero-image{border-radius:120px 0 0 0}.service h1 em{font-style:normal;color:var(--accent)}.service .hero{border-bottom:1px solid var(--line)}.service .statement{font-size:clamp(30px,4vw,52px);line-height:1.3;max-width:850px;letter-spacing:-1px}.cafe{--bg:#FFF2DF;--ink:#651E2A;--accent:#8F2E30;--muted:#75403F;--line:#DAC2AD}.cafe .hero{padding-top:35px}.cafe .hero-copy{text-align:center;padding:40px 15px 45px}.cafe h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(56px,7.5vw,108px);letter-spacing:-3px}.cafe .hero-copy .intro{margin-inline:auto}.cafe .hero-image{height:500px;border-radius:180px 180px 0 0;object-position:center}.cafe .wide-image{max-width:970px;margin:auto;position:relative}.cafe .wide-image .stamp{position:absolute;right:20px;bottom:20px;border:1px solid #F6EDDF;background:#651E2A;color:#FFF2DF;border-radius:50%;padding:30px 15px;width:130px;text-align:center;font-size:14px;line-height:1.5;transform:rotate(7deg)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.filters button{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:30px;padding:10px 20px;font-size:16px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.menu-items{display:grid;grid-template-columns:repeat(2,1fr);gap:0 50px}.menu-item{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.menu-item[hidden]{display:none}.menu-item h3{margin-bottom:9px;font-size:23px}.menu-item p{margin-bottom:0;font-size:16px;color:var(--muted)}.menu-item strong{white-space:nowrap;font-size:20px}.cafe .band{border-radius:20px;padding:45px}.expert{--bg:#F1F5FF;--ink:#172C5B;--accent:#275BBD;--muted:#425374;--line:#C8D5EF}.expert h1 em{font-style:normal;background:#D7E6FF}.expert .hero-image{border-radius:20px}.expert .hero .eyebrow{background:#D9E8FF;width:fit-content;padding:8px 13px;border-radius:20px}.expert .cards article{background:white;border:1px solid var(--line);padding:30px;border-radius:16px}.expert .section{border-top:1px solid var(--line)}.expert .control{background:white;border-radius:15px}.expert .control label{padding-block:10px;border-bottom:1px solid var(--line)}.small{font-size:15px;color:var(--muted)}@media(max-width:850px){.split{gap:30px}.hero-image{height:460px}.demo-nav{gap:18px}.cards{gap:22px}h1{font-size:60px}}
@media(max-width:650px){.container{padding-inline:24px}.notice{font-size:12px}.header-row{padding-block:18px;flex-direction:column;align-items:flex-start;gap:13px}.brand{font-size:21px}.demo-nav{font-size:14px;gap:20px;flex-wrap:wrap}.hero{padding-block:35px}.split{grid-template-columns:1fr;gap:30px}h1{font-size:51px;letter-spacing:-2px}.hero .intro{font-size:19px}.hero-image{height:380px}.section{padding-block:50px}.cards{grid-template-columns:1fr;gap:25px}.image-caption{font-size:12px;gap:15px}.cafe .hero-copy{padding:15px 0 30px}.cafe h1{font-size:65px}.cafe .hero-image{height:360px;border-radius:100px 100px 0 0}.cafe .wide-image .stamp{width:110px;padding:22px 10px;right:15px;bottom:15px;font-size:12px}.menu-items{grid-template-columns:1fr}.cafe .band{padding:28px}.demo-footer{flex-direction:column;font-size:14px}.radio-row{gap:10px}.control{padding:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.demo-nav-site{border:1px solid currentColor;padding:8px 12px;font-weight:700}