body{background:#030405;color:#f5f5f7}
.contact-panel{position:relative;min-height:100svh;display:grid;align-content:end;padding:clamp(9rem,18vh,14rem) 0 clamp(4rem,10vh,8rem);overflow:hidden;background:radial-gradient(circle at 72% 42%,#1a3a31 0,#0b1714 20%,#030405 58%)}
.contact-panel::before{content:"CONTATO";position:absolute;right:-.08em;bottom:-.02em;font-size:clamp(9rem,27vw,31rem);font-weight:800;line-height:.67;letter-spacing:-.09em;color:rgba(255,255,255,.025)}
.contact-panel::after{content:"";position:absolute;right:8vw;top:18vh;width:min(40vw,34rem);aspect-ratio:1;border-radius:50%;border:1px solid rgba(115,240,206,.34);box-shadow:0 0 110px rgba(115,240,206,.2),inset 0 0 110px rgba(115,240,206,.08)}
.contact-panel .shell{position:relative;z-index:2;width:min(90rem,calc(100% - 2*var(--gutter)));max-width:none}
.contact-panel .eyebrow{color:#73f0ce}
.contact-panel h1{max-width:11ch;font-size:clamp(4.4rem,10vw,11rem);letter-spacing:-.075em;line-height:.87}
.contact-panel .lead{margin:1.5rem 0 2rem;font-size:clamp(1.2rem,1.8vw,1.8rem);color:rgba(255,255,255,.68)}
.contact-note{max-width:42rem;padding:1.25rem 1.4rem;border:1px solid rgba(255,255,255,.18);border-top-color:rgba(255,255,255,.36);border-radius:1.4rem;background:rgba(255,255,255,.07);color:rgba(255,255,255,.62);backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%)}
@media(max-width:700px){.contact-panel h1{font-size:16vw}.contact-panel::after{right:-30vw;width:90vw;opacity:.7}}