/* THE HEADER'S MENU. Same seven links in the same order on every page. The
   links were 17px tall, which is below what a finger or a pointer can hit
   reliably, so each one now carries its own padding and is 40px or more. */
.thresh,.top{flex-wrap:wrap;align-items:center}
.sitenav{display:flex;flex-wrap:wrap;align-items:center;gap:0 clamp(10px,1.4vw,20px)}
.sitenav a{display:inline-block;padding:15px 2px 12px;line-height:1;
  border-bottom:2px solid transparent;position:relative}
.sitenav a:focus-visible{outline:3px solid var(--cream-type,#F6F1E3);outline-offset:-2px;border-radius:2px}
@media (max-width:620px){
  /* One line, always. If a phone is too narrow for seven words the row
     scrolls sideways rather than wrapping onto a second line. */
  .sitenav{flex:0 0 100%;width:100%;flex-wrap:nowrap;margin-top:2px;
    overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    padding-right:30px;justify-content:flex-start;gap:0 14px;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
  .sitenav::-webkit-scrollbar{display:none}
  .sitenav a{flex:0 0 auto;white-space:nowrap;padding:14px 1px 12px;font-size:10px;letter-spacing:.08em}
}

/* THE CHROME AROUND EVERY PAGE: the header's menu, then the footer.

   THE FOOT OF EVERY PAGE. One footer, same links and same small print on
   every page, in the wall's terracotta. The homepage adds the big LADPURI
   above it and nothing else. */
.sf{background:var(--wall,#8A4A2E);color:var(--cream-type,#F6F1E3);
  border-top:2px solid var(--wall-deep,#6E3821);box-shadow:0 1px 0 var(--wall-lit,#9E5636) inset;
  padding:clamp(34px,4.4vw,60px) var(--gut,24px) clamp(22px,3vw,34px);overflow-x:clip;
  font-family:var(--body,'Martel Sans',sans-serif)}
.sf-in{max-width:1560px;margin-inline:auto}
.sf .runoff{white-space:nowrap;width:max-content;margin:0 0 clamp(22px,3vw,40px);
  font-family:var(--display,'Anek Devanagari',sans-serif);font-weight:800;
  font-variation-settings:'wdth' 76;text-transform:uppercase;line-height:.8;
  font-size:min(26vw,250px);color:var(--cream-type,#F6F1E3);margin-right:calc(var(--gut,24px)*-1)}
.sf-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:28px clamp(28px,5vw,80px);align-items:start}
.sf-brand a.sf-logo{display:block;border:0;width:max-content}
.sf-brand img{display:block;height:30px;width:auto}
.sf-brand p{margin:16px 0 0;font:300 14px/1.65 var(--body,sans-serif);color:var(--sage,#DDE3D3);max-width:36ch}
.sf-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px clamp(18px,3vw,44px)}
.sf-cols h2{margin:0 0 6px;font:600 10.5px/1.4 var(--body,sans-serif);letter-spacing:.3em;
  text-transform:uppercase;color:var(--sage-type,#C9D3BC)}
.sf-cols a{display:block;width:max-content;max-width:100%;color:var(--sage,#DDE3D3);text-decoration:none;
  font:300 14px/2 var(--body,sans-serif);border-bottom:1px solid rgba(221,227,211,.26)}
.sf-cols a:hover,.sf-cols a:focus-visible{color:var(--cream-type,#F6F1E3);border-bottom-color:var(--cream-type,#F6F1E3)}
.sf-cols a:focus-visible{outline:3px solid var(--cream-type,#F6F1E3);outline-offset:3px}
.sf-legal{margin-top:clamp(26px,3.4vw,44px);padding-top:16px;border-top:1px solid rgba(246,241,227,.22);
  display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;
  font:300 12px/1.6 var(--body,sans-serif);color:var(--sage-type,#C9D3BC)}
.sf-legal a{color:inherit}
@media (max-width:860px){.sf-top{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.sf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-cols > div:last-child{grid-column:1 / -1}}

/* QUICK ANSWERS: plain question and answer pairs, also given to search engines as FAQ data */
.faq .faq-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(16px,2vw,28px) clamp(20px,3vw,44px);margin-top:clamp(18px,2.4vw,30px);max-width:1100px}
.faq .faq-i{border-top:1px solid var(--hair,#C9C2AC);padding-top:14px;min-width:0}
.faq .faq-i h3{margin:0;font-family:var(--display,'Anek Devanagari',sans-serif);font-weight:800;font-variation-settings:'wdth' 82;text-transform:uppercase;font-size:clamp(17px,1.6vw,21px);line-height:1.1;color:var(--ink,#292D25)}
.faq .faq-i p{margin:8px 0 0;font:300 14.5px/1.6 var(--body,'Martel Sans',sans-serif);color:var(--ink-2,#575C4C);max-width:60ch}

/* Google reviews line */
.rated{margin:14px 0 0;font:300 14px/1.5 var(--body,'Martel Sans',sans-serif);color:var(--ink-2,#575C4C)}
.rated .stars{color:#C98A1B;letter-spacing:.1em;font-size:15px}
.rated b{font-weight:600;color:var(--ink,#292D25)}
.rated a{color:var(--link,#6B4A33);font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor}

/* the question block is always on plaster, whatever the page's last section does */
section.faq{background:var(--plaster,#F0EBDD)!important;color:var(--ink,#292D25)!important}
section.faq .h2{color:var(--ink,#292D25)!important}