*{box-sizing:border-box}html{scroll-behavior:smooth}body{--accent:#b77a3c;--bg:#161a19;--surface:#202624;--ink:#fcf9f1;--muted:#c8ccc5;--line:#46504b;--heading:Georgia,serif;--on-accent:#111a16;font-family:Arial,sans-serif;margin:0;background:var(--bg);color:var(--ink)}.tailor{--accent:#244eaa;--bg:#fcfcf8;--surface:#eff1ec;--ink:#182620;--muted:#536359;--line:#c3cec3;--on-accent:white}.cafe{--accent:#a53622;--bg:#fff7e9;--surface:#f5e9d4;--ink:#362018;--muted:#695248;--line:#cdbdaa;--on-accent:white}body[data-palette=blue]{--accent:#2b51c9;--on-accent:white}body[data-palette=green]{--accent:#276442;--on-accent:white}body[data-palette=clay]{--accent:#ab3e27;--on-accent:white}body[data-type=modern]{--heading:Arial,sans-serif}body[data-type=classic]{--heading:Georgia,serif}a{color:inherit}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px;left:10px;background:white;color:black;padding:12px;z-index:5}.skip:focus{top:10px}.notice{padding:10px 5%;font-size:12px;background:#eef1ff;color:#273975;display:flex;gap:10px;justify-content:space-between;line-height:1.5}.notice a{white-space:nowrap}header{display:flex;align-items:center;justify-content:space-between;padding:25px 6%;gap:20px;border-bottom:1px solid var(--line)}.demo-brand{font:700 21px var(--heading);text-decoration:none;max-width:48%;overflow-wrap:anywhere}.demo-brand small{display:block;font:10px Arial,sans-serif;letter-spacing:2px;margin-top:7px}nav{display:flex;align-items:center;gap:20px;font-size:14px}nav a{text-decoration:none}.nav-cta{border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 14px;border-radius:2px}.hero{display:grid;grid-template-columns:1.05fr 1fr;padding:48px 6%;gap:6%;align-items:center}.kicker{font-size:11px;letter-spacing:2px;font-weight:bold;line-height:1.7}h1{font:500 clamp(38px,6vw,78px)/1.03 var(--heading);letter-spacing:-2px;margin:22px 0}.intro-copy{max-width:370px;color:var(--muted);line-height:1.7;font-size:16px;margin:20px 0 28px}.cta{display:inline-block;background:var(--accent);color:var(--on-accent);padding:15px 20px;border:0;text-decoration:none;font-weight:bold;font-size:14px;line-height:1.5}.hero figure{margin:0;position:relative}.hero img{width:100%;height:440px;object-fit:cover;display:block}.barber .hero img{filter:grayscale(1)}figcaption{font-size:10px;letter-spacing:1.5px;margin-top:15px;line-height:1.6;color:var(--muted)}.tailor .hero{grid-template-columns:1fr 1.05fr;padding-top:65px;padding-bottom:65px}.tailor .hero img{height:420px;border-radius:140px 140px 0 0}.cafe .hero{grid-template-columns:1fr 1fr}.cafe h1{font-style:italic}.cafe .hero img{border-radius:50% 50% 5px 5px}.services{padding:45px 6%;background:var(--surface)}.section-title{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.section-title>p{max-width:240px;font-size:14px;line-height:1.6;color:var(--muted)}h2{font:500 34px/1.12 var(--heading);letter-spacing:-.8px;margin:10px 0 0}.items article{display:flex;gap:20px;padding:24px 0;border-top:1px solid var(--line);align-items:start}.item-no{font-size:12px;color:var(--muted);padding-top:5px}.items h3{font-size:19px;font-weight:500;margin:0 0 8px}.items p{font-size:14px;color:var(--muted);line-height:1.6;margin:0;max-width:450px}.items strong{margin-left:auto;white-space:nowrap;font-size:14px;padding-top:5px}.sample{font-size:12px;line-height:1.6;color:var(--muted)}.cafe .items{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cafe .items article{display:flex;flex-direction:column;gap:14px}.cafe .items .item-no{display:none}.cafe .items strong{margin:0}.visit{padding:60px 6%}.visit>p:not(.kicker){line-height:1.7;max-width:500px;color:var(--muted);margin:22px 0}.tailor .visit{border-top:5px solid var(--accent)}footer{padding:26px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);line-height:1.6}footer>span:first-child{overflow-wrap:anywhere}dialog{max-width:470px;width:calc(100% - 30px);border:1px solid #b8c3bc;padding:32px;background:#fff;color:#192525}dialog::backdrop{background:#0009}dialog h2{font:28px Georgia,serif;margin:12px 0}dialog p{font-size:16px;line-height:1.6}dialog .close{float:right;border:0;background:#eef1ec;color:#192525;font-size:24px;width:38px;height:38px}.barber dialog .cta{background:#3054ed;color:white}@media(max-width:620px){header{padding:20px 6%;align-items:start}.demo-brand{font-size:19px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav>a{font-size:13px}nav .nav-cta{display:none}.hero,.tailor .hero,.cafe .hero{grid-template-columns:1fr;gap:30px;padding:32px 6%}.hero h1{font-size:54px}.hero img,.tailor .hero img{height:300px}.section-title{display:block}.section-title>p{max-width:100%}.items article{gap:12px}.items strong{white-space:normal;min-width:62px;text-align:right}.cafe .items{grid-template-columns:1fr}.cafe .items article{flex-direction:row;justify-content:space-between}.cafe .items strong{min-width:60px}.notice{flex-wrap:wrap;gap:3px}.items h3{font-size:18px}footer{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}