*{box-sizing:border-box;margin:0;padding:0}
html{background:#151514}
body{color:#f1eee8;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
/* Full-bleed board-formed concrete wall, fixed behind the content */
.bg{position:fixed;inset:0;z-index:0;background:#6e6d6a;overflow:hidden}
.bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:grayscale(1) contrast(1.05)}
.bg::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse 75% 65% at 50% 48%,rgba(14,14,13,.58) 0%,rgba(14,14,13,.66) 55%,rgba(14,14,13,.8) 100%),linear-gradient(180deg,rgba(14,14,13,.25) 0%,rgba(14,14,13,0) 30%,rgba(14,14,13,.35) 100%)}
.wrap{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8vh 24px 12vh;text-align:center;text-shadow:0 1px 14px rgba(0,0,0,.45)}
.logo{width:min(560px,82vw);height:auto;display:block;filter:drop-shadow(0 2px 12px rgba(0,0,0,.45))}
.rule{width:48px;height:1px;background:#cfc9bd;margin:44px auto}
p.about{max-width:620px;font-size:17px;line-height:1.75;color:#ece8e0;letter-spacing:.01em}
.contact{margin-top:44px;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;font-size:13px;letter-spacing:.22em;text-transform:uppercase}
.contact a{text-decoration:none;border-bottom:1px solid rgba(241,238,232,.55);padding-bottom:4px}
.contact a:hover,.contact a:focus-visible{border-color:#fff}
footer{position:absolute;left:0;right:0;bottom:4vh;padding:0 24px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#d2cdc3}
@media (max-width:520px){p.about{font-size:16px}.contact{gap:20px;font-size:12px}}