/* V7: the ambient reflection exists only during the light passage. */
.new-design .contact{background:#020304}
.new-design .contact:before{
 inset:0;opacity:0;
 background:radial-gradient(ellipse at 79% 56%,#42608c35,transparent 48%),
 radial-gradient(ellipse at 87% 65%,#74527a18,transparent 35%);
 filter:blur(22px);
}
.new-design .contact.scene-entered:before{animation:contact-caustic 8.5s linear .2s infinite both}
@keyframes contact-caustic{
 0%,8%{opacity:0}
 18%{opacity:.6}
 26%{opacity:.25}
 36%,100%{opacity:0}
}
.new-design .contact.motion-paused:before{animation-play-state:paused}
/* Keep the approved screen integration; grade only the glass footage. */
.new-design .contact-art video{filter:brightness(.8) contrast(1.12)}
.new-design .contact-main h2{align-self:flex-start;margin-top:5cqw;line-height:1.06}
.new-design .contact-main h2 span.word-mask{line-height:inherit;vertical-align:bottom}
.new-design .contact-main h2 span.word-body{line-height:inherit}
/* The left half travels below the copy, then arcs up around the prism. */
.energy-field{mask-image:linear-gradient(90deg,transparent,#0003 12%,#0005 43%,#000c 67%,#000 89%,transparent)}
/* Contact controls advance in depth, keeping their vertical anchor fixed. */
.new-design .contact-details .glass-link{
 --lift:0px;transform-origin:center;user-select:none;
 transform:perspective(650px) translateZ(0) rotateX(0) rotateY(0);
 transition:transform .4s cubic-bezier(.2,.65,.25,1),box-shadow .65s,border-color .65s;
}
.new-design .contact-details .glass-link:is(:hover,:focus-visible,.material-active){
 --lift:0px;
 transform:perspective(650px) translateZ(34px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
}
@media(max-width:560px){
 .new-design .contact-main h2{margin-top:0;line-height:1.06}
 .energy-field{top:23%;height:52%}
}
@media(prefers-reduced-motion:reduce){
 .new-design .contact.scene-entered:before{animation:none;opacity:0}
 .new-design .contact-details .glass-link:is(:hover,:focus-visible,.material-active){transform:none}
}