:root{
  --bg: #f6f3ef;
  --accent: #C57545; /* warm brown/orange */
  --text: #2f2f2f;
  --muted: #666;
  --max-width: 900px;
  --vh: 1vh; /* will be overwritten by script for mobile */
}

*{box-sizing:border-box}
html,body{
  height: calc(var(--vh, 1vh) * 100);
  margin:0;
  font-family: "Helvetica Neue", Arial;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.pin{
  position: absolute;
  left: 18px;
  top: 12px;
  width: 20px;
  height: 20px;
  color: var(--accent);
  text-decoration: none;
  font-weight:700;
  font-size:14px;
  line-height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:transparent;
  border:0;
  opacity:0.85;
}

/* Centering container */
.container{
  min-height: calc(100vh - 0px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: clamp(24px, 6vw, 96px);
  max-width: var(--max-width);
  margin: 0 auto;
}

/* Icon */
.icon{
  margin-bottom: 18px;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,0.04));
}

/* Business name (small uppercase) */
.biz{
  margin: 0;
  color: var(--accent);
  /* letter-spacing: 6px; */
  font-weight:700;
  font-size: 20px;
  text-transform:uppercase;
  margin-bottom: 12px;
}

/* Main headline */


/* Subheading */
.subtitle{
  margin: 0 0 5px 0;
  color: var(--muted);
  font-size: clamp(14px, 2.2vw, 18px);
}

.logo img {
    max-width: 100%;
    width: 450px;
}
/* Responsive tweaks */
@media (max-width:480px){
  .biz{letter-spacing:4px}
  .title{letter-spacing:0}
  .icon svg{width:64px;height:64px}
}