@font-face {
  font-family: 'Avenir Next';
  src: local('Avenir Next'), local('AvenirNext-Regular'),
       url('fonts/AvenirNext-Regular.woff2') format('woff2'),
       url('fonts/AvenirNext-Regular.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Avenir Next';
  src: local('Avenir Next Demi Bold'), local('AvenirNext-DemiBold'),
       url('fonts/AvenirNext-DemiBold.woff2') format('woff2'),
       url('fonts/AvenirNext-DemiBold.woff') format('woff');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Publico Headline';
  src: local('Publico Headline'),
       url('fonts/PublicoHeadline-Bold.woff2') format('woff2'),
       url('fonts/PublicoHeadline-Bold.woff') format('woff');
  font-weight: 700; font-style: normal; font-display: swap;
}
:root{
  --bg:#fdfcf7;
  --ink:#121212;
  --muted:#7b7b7b;
  --stroke:#e9e4d6;
  --radius:16px;
}
html,body{height:100%}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:400 18px/1.6 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  letter-spacing:.08px;
  text-rendering:optimizeLegibility;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
}
.wrap{
  width:min(620px,92%);
  padding:56px 0 64px;
  display:flex;
  flex-direction:column;
  gap:40px;
}
.header{
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.display{
  font-family:'Publico Headline', Georgia, 'Times New Roman', serif;
  font-weight:700;
  margin:0;
  font-size:clamp(34px,6vw,60px);
  line-height:1.05;
  letter-spacing:.16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.smallcaps{ font-variant:small-caps; letter-spacing:.06em }
.sun-inline{
  vertical-align:middle;
  filter:none;
  opacity:.85;
}
.tagline{
  margin:0;
  color:var(--muted);
  font-size:18px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.contacts{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.item{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 20px 16px;
  border:1px solid var(--stroke);
  border-radius:var(--radius);
  background:rgba(255,255,255,.88);
  transition:border-color .18s ease, transform .18s ease, background .18s ease;
  text-decoration:none;
  color:inherit;
}
.item.big{ width:100% }
.item:hover{
  border-color:#d4ccb4;
  background:#fff;
  transform:translateY(-2px);
}
.label{
  font-size:11px;
  letter-spacing:.14em;
  color:var(--muted);
  text-transform:uppercase;
}
.value{
  font-family:'Avenir Next', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight:600;
  font-size:20px;
  word-break:break-word;
}
.footer{
  margin-top:auto;
  padding-top:20px;
  border-top:1px solid var(--stroke);
  text-align:center;
  color:var(--muted);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.meta{ margin:0 }
.copyright{ margin:0; font-size:14px; color:#a3a3a3 }
:focus-visible{
  outline:2px solid #d4ccb4;
  outline-offset:3px;
}