.fb-contact{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.fb-contact .field{position:absolute;inset:0;z-index:-3}.fb-contact .field:after{content:"";position:absolute;inset:0;opacity:.14;background:radial-gradient(circle,#000 1.2px,transparent 1.6px) 0 0 /7px 7px}.fb-contact .field-motion{background:var(--pink);clip-path:polygon(0 0,54% 0,46% 100%,0 100%)}.fb-contact .field-code{background:var(--blue);clip-path:polygon(54% 0,100% 0,100% 100%,46% 100%)}.fb-contact .scan{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 4px)}.fb-contact .stage{--cx:50%;--cy:57%;--rx:min(38vw,620px);--ry:min(30vh,300px);position:relative;height:calc(100svh - var(--top));min-height:620px}.fb-contact h1{position:absolute;left:50%;top:3vh;z-index:3;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;font-size:clamp(48px,6vw,104px);text-shadow:5px 6px 0 #000}.fb-contact .orbit{position:absolute;left:var(--cx);top:var(--cy);width:calc(var(--rx) * 2);height:calc(var(--ry) * 2);transform:translate(-50%,-50%);border:2px dashed rgb(239 232 217/.35);border-radius:50%}.fb-contact .hero-char{position:absolute;left:50%;bottom:0;width:min(70vh,46vw);transform:translateX(-50%);z-index:1}.fb-contact .ring{position:absolute;inset:0;z-index:2}.fb-contact .ring li{position:absolute;left:calc(var(--cx) + cos(var(--a)) * var(--rx));top:calc(var(--cy) + sin(var(--a)) * var(--ry));transform:translate(-50%,-50%) rotate(calc(sin(var(--a)) * 4deg - 1deg))}.fb-contact .ch{--c:var(--pink);position:relative;display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 14px;padding:10px 18px 8px;text-decoration:none;background:var(--paper-2);color:var(--key);white-space:nowrap;box-shadow:7px 7px 0 #000,inset 6px 0 0 var(--c);transition:transform .18s var(--ease),background .15s,color .15s,box-shadow .18s var(--ease)}.fb-contact .ch[data-ink=blue]{--c:var(--blue)}.fb-contact .ch em{grid-row:1/3;padding:4px 8px;background:var(--c);color:var(--key);font:600 11px/1 var(--fm);font-style:normal;text-transform:uppercase;letter-spacing:.1em}.fb-contact .ch b{font:900 clamp(26px,2.4vw,38px)/.95 var(--fd);text-transform:uppercase}.fb-contact .ch span{grid-column:2;font:500 13px/1 var(--fm);color:var(--mute)}.fb-contact .ch:focus-visible,.fb-contact .ch:hover{background:var(--ui);color:var(--on-ui);transform:translate(-3px,-3px) scale(1.05);box-shadow:10px 10px 0 var(--c)}.fb-contact .ch:focus-visible span,.fb-contact .ch:hover span{color:var(--on-ui)}.fb-contact .ch:active{transform:translate(3px,3px);box-shadow:3px 3px 0 #000;transition-duration:0s}.fb-contact .mail{display:flex;flex-direction:column;gap:6px;padding:12px 20px 10px;text-decoration:none;background:var(--key);color:var(--paper);box-shadow:9px 9px 0 #000;transition:transform .2s var(--ease),background .15s,box-shadow .2s var(--ease)}.fb-contact .mail em{font:600 12px/1 var(--fm);font-style:normal;text-transform:uppercase;letter-spacing:.1em}.fb-contact .mail b{font:900 clamp(24px,2.2vw,36px)/1 var(--fd);text-transform:uppercase}.fb-contact .mail:focus-visible,.fb-contact .mail:hover{background:var(--ui);transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--pink)}.fb-contact .mail:active{transform:translate(3px,3px);box-shadow:4px 4px 0 #000;transition-duration:0s}.fb-contact .ring-mail{top:auto!important;bottom:4vh}@media (max-width:860px){.fb-contact .stage{height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:18px;padding:4vh var(--gut) 8vh}.fb-contact .hero-char,.fb-contact .ring,.fb-contact .ring li,.fb-contact h1{position:relative;inset:auto;left:auto;top:auto;bottom:auto;transform:none}.fb-contact h1{font-size:13vw;white-space:normal;text-align:center}.fb-contact .orbit{display:none}.fb-contact .hero-char{width:78vw}.fb-contact .ring{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:-10vh}.fb-contact .ring li:nth-child(odd){transform:rotate(-1.5deg)}.fb-contact .ring li:nth-child(2n){transform:rotate(1.2deg)}.fb-contact .ring-mail{order:-1}.fb-contact .ch{width:100%}.fb-contact .field-motion{clip-path:polygon(0 0,100% 0,100% 34%,0 44%)}.fb-contact .field-code{clip-path:polygon(0 48%,100% 38%,100% 100%,0 100%)}}