html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Helvetica,sans-serif}#bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.title{margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:clamp(3rem,10vw,16rem);font-weight:700;font-family:Helvetica,sans-serif;letter-spacing:-.05em;mix-blend-mode:difference;z-index:2;pointer-events:none;text-align:center;filter:invert(1);text-transform:uppercase;line-height:.85;text-shadow:0 0 10px rgba(255,255,255,.3)}.subtitle{position:absolute;top:58%;left:50%;margin:0;padding:0;transform:translate(-50%);color:#000;font-size:clamp(1rem,3vw,3rem);font-weight:400;font-family:Helvetica,sans-serif;mix-blend-mode:difference;z-index:2;pointer-events:none;text-align:center;filter:invert(1);opacity:.8;text-shadow:0 0 10px rgba(255,255,255,.3)}@media (max-width: 768px){.title{font-size:clamp(2rem,13vw,8rem)}.subtitle{font-size:clamp(.8rem,4vw,2rem)}}:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media print{body{background:#fff!important}canvas{display:none}.title,.subtitle{color:#000!important;filter:none!important;mix-blend-mode:normal!important}}