:root{ --ink:#e9e9e9; } /* default to dark screenshot look */
*{ box-sizing:border-box }
html,body{ height:100dvh; margin:0 }
body{
  font-family:'Raleway', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--ink);
  background:#0e0f10;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.wrap {
  height: 100dvh; /* full viewport height */
  display: flex;
  flex-direction: column;
  justify-content: center; /* vertical center */
  align-items: center;     /* horizontal center */
  gap: 3px;
  text-align: center;
}
/* Half-size logo relative to prior 500px cap -> now 250px */
.tower{
  width:min(30.4vw, 256px);
  height:auto;
  display:block;
  margin:0 auto;
  filter: brightness(0) invert(1) grayscale(1) contrast(1.05); /* make white on dark */

  margin-bottom: 28px;}
.locality{
  margin:0;
  font-weight:600;
  letter-spacing:.06em;
  font-size:clamp(16px,2.6vw,22px);
}
.email{
  margin:0;
  font-family:'Montserrat', sans-serif;
  font-weight:400;
  letter-spacing:.03em;
  font-size:clamp(12px,2.2vw,14px);
  opacity:.95;
}
.email a{ color:inherit; text-decoration:none; border-bottom:1px solid transparent; padding:3px 2px; transition:border-color .2s ease; }
.email a:hover{ border-bottom-color:currentColor; }

/* Light mode */
@media (prefers-color-scheme: light){
  :root{ --ink:#222; }
  body{ background:#faf9f7; color:var(--ink); }
  .tower{ filter:none; 
  margin-bottom: 28px;} /* use charcoal source on light */
}