:root{color-scheme:dark;--fg:#f7f7f5;--muted:#c7ccd5;--line:rgba(255,255,255,.38)}
*{box-sizing:border-box} html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020713}
body{font-family:Arial,Helvetica,sans-serif;color:var(--fg)}
canvas{position:fixed;inset:0;width:100%;height:100%;display:block}
.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 20%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.6) 115%)}
.brand{position:fixed;left:clamp(24px,4vw,64px);top:clamp(24px,4vw,54px);font-size:clamp(14px,1.2vw,19px);letter-spacing:.38em;font-weight:300}
.hero{position:fixed;inset:0;display:grid;place-content:center;text-align:center;padding:24px;pointer-events:none}
h1{font-size:clamp(44px,7vw,104px);font-weight:200;letter-spacing:.22em;margin:0 0 20px;text-indent:.22em;text-shadow:0 0 30px rgba(255,255,255,.12)}
.name{font-size:clamp(13px,1.5vw,22px);letter-spacing:.38em;text-indent:.38em;margin:0 0 17px}
.location{font-size:clamp(10px,.9vw,14px);letter-spacing:.5em;text-indent:.5em;color:var(--muted);margin-bottom:34px}
.name,.location {text-shadow:-2px -2px 0 rgba(0, 0, 0, 0.65),2px -2px 0 rgba(0, 0, 0, 0.65),-2px  2px 0 rgba(0, 0, 0, 0.65),2px  2px 0 rgba(0, 0, 0, 0.65),0px  4px 6px rgba(0, 0, 0, 0.45);}
.contact{pointer-events:auto;display:inline-flex;align-items:center;gap:28px;margin:auto;padding:14px 28px;border:1px solid rgba(255,255,255,.68);border-radius:999px;color:#fff;text-decoration:none;font-size:11px;letter-spacing:.28em;background:rgba(2,7,19,.25);backdrop-filter:blur(8px);transition:.25s ease;box-shadow:0 0 24px rgba(255,190,105,.08)}
.contact:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);box-shadow:0 0 30px rgba(255,190,105,.22)}
.contact span{font-size:18px;line-height:0}
.hint{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.42em;color:rgba(255,255,255,.65)}
@media(max-width:650px){h1{letter-spacing:.12em;text-indent:.12em}.name{letter-spacing:.25em;text-indent:.25em}.location{letter-spacing:.35em;text-indent:.35em}}
@media(prefers-reduced-motion:reduce){canvas{opacity:.72}.hint{display:none}}