.contact-page{--beam-gap:6rem}@media (min-width:1024px){.contact-page{--beam-gap:8rem}}.contact-copy{container-type:inline-size}.contact-title{font-size:clamp(2rem,11.5cqi,4.6rem)}.contact-beam-layer{z-index:0;pointer-events:none;mix-blend-mode:var(--beam-blend);--beam-top:-400px;--beam-fade:220px;-webkit-mask-image:linear-gradient(to bottom, transparent var(--beam-top), #000 calc(var(--beam-top) + var(--beam-fade)));-webkit-mask-image:linear-gradient(to bottom, transparent var(--beam-top), #000 calc(var(--beam-top) + var(--beam-fade)));mask-image:linear-gradient(to bottom, transparent var(--beam-top), #000 calc(var(--beam-top) + var(--beam-fade)));position:fixed;inset:0}.contact-cssbeam{width:320px;height:var(--beam-gap);pointer-events:none;mix-blend-mode:var(--beam-blend);transition:opacity .6s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.contact-cssbeam-in{animation:.4s ease-out .2s both contact-fade;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 75% 100%);mask-image:linear-gradient(#0000 0%,#000 75% 100%)}.contact-cssbeam-haze{background:linear-gradient(to bottom, transparent 0%, var(--beam-haze) 60%, var(--beam-outer) 100%);filter:blur(28px);opacity:.6;width:140px;position:absolute;top:0;bottom:0;left:90px}.contact-cssbeam-shaft{background:linear-gradient(to bottom, transparent 0%, var(--beam-outer) 40%, var(--beam-inner) 85%, var(--beam-core) 100%);width:4px;box-shadow:0 0 18px 6px var(--beam-outer), 0 0 70px 24px var(--beam-haze);border-radius:2px;position:absolute;top:0;bottom:0;left:158px}.contact-cssbeam-flare{z-index:4;pointer-events:none;mix-blend-mode:var(--beam-blend);width:115%;height:40px;transition:opacity .6s;position:absolute;top:-20px;left:-7.5%}.contact-cssbeam-flare>span{background:radial-gradient(50% 50% at 50% 50%, var(--beam-core) 0%, var(--beam-inner) 22%, var(--beam-haze) 55%, transparent 75%);animation:.4s ease-out .35s both contact-fade;position:absolute;inset:0}.beam-live .contact-cssbeam,.beam-live .contact-cssbeam-flare{opacity:0}.contact-stage>.charge:before,.contact-stage>.charge:after{transition-delay:.35s}.contact-rise{animation:contact-rise .55s cubic-bezier(.22, 1, .36, 1) var(--d,0s) both}@keyframes contact-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes contact-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.contact-rise,.contact-cssbeam-in,.contact-cssbeam-flare>span{animation:none}}