/*
 * Shared design chrome used on every page: colors, resets, the logo,
 * buttons, and the sticky header shell. Page-specific layout (hero,
 * calendar, form, footer columns, responsive breakpoints) lives in
 * home.css and request.css instead, so this file stays short.
 */
body{margin:0;background:#F6EFE5}
*{box-sizing:border-box}
.cs{font-family:'Hanken Grotesk',system-ui,-apple-system,sans-serif;color:#3E2C21;background:#F6EFE5;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.cs :where(h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset){margin:0}
.cs :where(ul,ol){padding:0;list-style:none}
a{color:#754A30}a:hover{color:#A3613A}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.label{font-size:12px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#8F5530}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-family:inherit;font-size:15.5px;font-weight:600;letter-spacing:.01em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.btn-primary{background:#A3613A;color:#FFFDF9}.btn-primary:hover{background:#8A4F2D;color:#FFFDF9}
.arr{transition:transform .2s ease;flex:none}.btn:hover .arr{transform:translateX(3px)}
.topnote{background:#4E2F1E;color:#EADBC8;font-size:12px;letter-spacing:.02em;text-align:center;padding:7px 16px;line-height:1.4}
.hdr{position:sticky;top:0;z-index:20;background:rgba(246,239,229,.96);border-bottom:1px solid rgba(117,74,48,.12)}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#4E2F1E;margin-right:auto}
.logo:hover{color:#4E2F1E}
.paw{width:24px;height:24px;fill:#C58858;flex:none}
.logo-word{font-family:'Newsreader',Georgia,serif;font-size:23px;font-weight:500;letter-spacing:-.005em;white-space:nowrap}
.logo-the{font-style:italic;font-weight:400;font-size:.8em;color:#A3613A;margin-right:3px}
@media (max-width:860px){.wrap{padding:0 28px}}
@media (max-width:560px){.wrap{padding:0 20px}.logo-word{font-size:20px}.paw{width:21px;height:21px}}
@media (max-width:400px){.wrap{padding:0 16px}}