@font-face{font-family:'IBM Plex Sans';src:url('assets/fonts/IBMPlexSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('assets/fonts/IBMPlexSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{color-scheme:dark;--asphalt:#080808;--yellow:#ffe000;--white:#f5f5f2;--muted:#b9b9b5}
*{box-sizing:border-box}
html{min-width:280px;background:var(--asphalt)}
body{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;min-height:100svh;margin:0;padding:44px 24px;color:var(--white);font:400 18px/1.5 'IBM Plex Sans',Arial,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}
.brand-layer{position:relative;width:100%;aspect-ratio:5.3;margin:0 auto 32px;overflow:hidden;pointer-events:none}
.brand-background{display:block;width:100%;height:100%;object-fit:cover;opacity:.065;filter:blur(1.5px);user-select:none}
main{width:min(860px,100%);text-align:center;padding-bottom:12px}
.road-sign{position:relative;font-size:1px;width:176em;height:183em;margin:0 auto 30px}
.sign-post{position:absolute;left:84em;top:134em;width:8em;height:45em;background:#66665f;border-radius:1px}
.sign-foot{position:absolute;left:66em;bottom:0;width:44em;height:5em;border-radius:2px;background:#3b3b37}
.sign-board{position:absolute;display:grid;place-items:center;left:33em;top:25em;width:110em;height:110em;border:3em solid var(--asphalt);outline:3em solid #ffad1f;border-radius:5em;background:#ffad1f;transform:rotate(45deg)}
.sign-board img{display:block;width:82em;height:73em;transform:rotate(-45deg)}
h1{margin:0;font-size:40px;font-weight:600;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.contact{margin-top:32px}
.contact p{margin:0}
.contact-question{font-size:22px;font-weight:500;line-height:1.4}
.contact-invitation{color:var(--muted);font-size:17px;margin-top:8px!important}
.contact a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;color:var(--yellow);font-size:22px;font-weight:500;line-height:1.3;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;transition:color .18s}
.contact a:hover{color:var(--white)}
.contact a:focus-visible{outline:2px solid var(--yellow);outline-offset:7px;border-radius:2px}
.contact a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@media(max-width:600px){body{padding:36px 20px}main{padding:0}.road-sign{font-size:.9px}.brand-layer{margin-bottom:28px}.brand-background{filter:blur(.8px)}h1{font-size:32px;max-width:17ch;margin-inline:auto}.contact{margin-top:28px}.contact-question{font-size:20px}.contact a{font-size:21px;gap:9px}}
@media(max-width:360px){body{padding-inline:16px}h1{font-size:29px}.contact a{font-size:19px}.contact a svg{width:18px;height:18px}}
@media(max-height:650px) and (min-width:601px){body{padding-block:30px}.road-sign{font-size:.85px;margin-bottom:24px}.brand-layer{max-width:600px;margin-bottom:24px}.contact{margin-top:24px}h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.contact a{transition:none}}