:root{
  --cream:#f6ead4;--ink:#3a2416;--terra:#c45c28;--must:#e1a128;
  --board:#fff6e8;--line:#e2c9a4;--mute:#6a5340;--night:#2a1b12;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--cream);color:var(--ink);
  font:18px/1.7 Newsreader,Georgia,serif;overflow-x:hidden}
a{color:inherit}
.grain{pointer-events:none;position:fixed;inset:0;z-index:30;opacity:.05;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.wrap{width:min(1080px,calc(100% - 48px));margin:0 auto}
.mast{padding:28px 0 10px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.logo{text-decoration:none}
.logo .nm{font-family:"Familjen Grotesk",sans-serif;font-size:34px;font-weight:800;letter-spacing:-.03em}
.logo .nm span{color:var(--terra)}
.logo .tag{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.phone{font-family:"Familjen Grotesk",sans-serif;font-weight:700;font-size:18px}
.rule{height:3px;background:linear-gradient(90deg,var(--terra),var(--must));margin:8px 0 0}
.hero{padding:28px 0 12px}
.stamp{display:inline-block;border:1.5px dashed var(--terra);padding:4px 10px;
  font-family:"Familjen Grotesk",sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}
h1{font-family:"Familjen Grotesk",sans-serif;font-size:clamp(30px,6vw,58px);line-height:1.08;
  margin:14px 0 16px;font-weight:800;overflow-wrap:anywhere}
.lede{max-width:40em;font-size:20px}
.band{background:var(--night);color:var(--cream);padding:10px 0;margin:28px 0;
  font-family:"Familjen Grotesk",sans-serif;letter-spacing:.04em;text-transform:uppercase;font-size:12px;line-height:1.45}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tile{background:var(--board);border:1px solid var(--line);padding:18px 16px 16px;
  border-radius:18px;min-height:150px}
.tile svg{display:block;margin-bottom:10px}
.tile h3{margin:0 0 6px;font-family:"Familjen Grotesk",sans-serif;font-size:18px}
.tile p{margin:0;color:var(--mute);font-size:16px}
.sec{padding:48px 0}
.sec h2{font-family:"Familjen Grotesk",sans-serif;font-size:clamp(26px,4vw,38px);margin:0 0 14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.mural{display:flex;gap:16px;overflow:auto;padding-bottom:8px}
.mural .q{min-width:280px;background:var(--board);border:1px solid var(--line);padding:18px;border-radius:4px 18px 4px 18px}
.cta-band{background:var(--terra);color:#fff8ee;padding:36px 0;text-align:center}
.cta-band a{display:inline-block;margin-top:12px;background:var(--must);color:var(--night);
  text-decoration:none;padding:10px 18px;border-radius:999px;font-family:"Familjen Grotesk",sans-serif;font-weight:800}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}
.pin{background:var(--board);border:1px solid var(--line);padding:20px;border-radius:8px}
.foot{background:var(--night);color:#f0e2cc;padding:36px 0 16px;font-size:15px}
.foot a{color:#fff}
.foot .stack > div{padding:14px 0;border-bottom:1px solid #4a3426}
.foot h4{margin:0 0 6px;font-family:"Familjen Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--must)}
.legal-links{padding-top:14px}
.reveal{animation:in .65s ease both}
.d1{animation-delay:.06s}.d2{animation-delay:.16s}.d3{animation-delay:.28s}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:800px){
  .tiles,.two,.contact{grid-template-columns:1fr}
  .mast{flex-direction:column;align-items:flex-start}
  h1{font-size:28px;line-height:1.12}
  .band{font-size:11px;letter-spacing:.02em}
}