@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Karla:wght@400;500;600&display=swap");
:root{--dapperho-bg:#f0e4d8;--dapperho-ink:#3b2a22;--dapperho-clay:#8a5a44;--dapperho-dark:#2a211c;--dapperho-light:#f7ebe1}
*{box-sizing:border-box}body{margin:0;font-family:Karla,sans-serif;background:var(--dapperho-bg);color:var(--dapperho-ink);line-height:1.65}
.dapperho-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}
.dapperho-mark{width:48px;height:48px;border:2px solid var(--dapperho-ink);display:grid;place-items:center;font-family:"Cormorant Garamond",serif;font-size:1.4rem;text-decoration:none;color:inherit}
.dapperho-head nav a{color:inherit;text-decoration:none;margin-left:1rem;font-size:.95rem}
.dapperho-crumb{padding:.5rem 1.25rem;font-size:.85rem;color:var(--dapperho-clay)}.dapperho-crumb a{color:inherit}
.dapperho-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:var(--dapperho-dark);color:var(--dapperho-light)}
.dapperho-hero .brand{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,5vw,3rem)}
.dapperho-cta{margin-top:1.25rem;padding:.75rem 1.3rem;background:var(--dapperho-light);color:var(--dapperho-dark);text-decoration:none;font-weight:600}
.dapperho-band{padding:3rem 1.25rem}.dapperho-band.alt{background:var(--dapperho-dark);color:var(--dapperho-light)}.dapperho-band.mid{background:#e2d0c0}
.dapperho-wrap{max-width:820px;margin:0 auto}
.dapperho-quote{font-family:"Cormorant Garamond",serif;font-size:1.8rem;text-align:center;margin:0}
.dapperho-snap{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem 0}
.dapperho-snap article{flex:0 0 240px;scroll-snap-align:start;border:1px solid rgba(59,42,34,.25);padding:1rem;background:var(--dapperho-light)}
.dapperho-phone{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,6vw,3.5rem);margin:1rem 0}
.dapperho-foot{padding:2rem 1.25rem;text-align:center;font-size:.95rem}
.dapperho-foot a{color:inherit}.dapperho-cookie{position:fixed;bottom:1rem;left:1rem;max-width:360px;background:var(--dapperho-light);border:1px solid var(--dapperho-ink);padding:1rem;z-index:50;font-family:ui-monospace,Consolas,monospace;font-size:.8rem}
.dapperho-cookie button{font:inherit;margin:.25rem .25rem 0 0;padding:.35rem .6rem;border:1px solid var(--dapperho-ink);background:var(--dapperho-bg);cursor:pointer}
.dapperho-form{display:grid;gap:.7rem;max-width:420px}.dapperho-form input,.dapperho-form textarea{width:100%;padding:.6rem;border:1px solid #3b2a22;font:inherit}
@media(max-width:700px){.dapperho-head nav{display:none}}