.contact-page{position:absolute;inset:0;min-height:100svh;background:var(--orange);color:var(--ink);z-index:75;overflow:hidden}
.contact-page[hidden]{display:none}
.contact-page{--contact-edge:1.7vw;--contact-type:clamp(28px,min(4.3vw,8svh),144px)}
.contact-lines{position:absolute;top:max(80px,9.8svh);right:var(--contact-edge);display:grid;gap:clamp(18px,1.4vw,40px);max-width:calc(100% - 2*var(--contact-edge))}
.contact-line{display:flex;justify-content:flex-end;align-items:center;gap:clamp(14px,1.5vw,42px);font:900 var(--contact-type)/1.05 'Arial Black',Arial,Helvetica,sans-serif;letter-spacing:-.045em;white-space:nowrap}
.contact-line strong{color:#fff;font:inherit;letter-spacing:-.04em}
.contact-line a{color:inherit;text-decoration:none}
.contact-line a:hover{text-decoration:none}
.contact-qr{position:relative;display:block;width:1.3em;aspect-ratio:1;overflow:hidden;flex-shrink:0;background:var(--orange);isolation:isolate}
.contact-qr img{position:absolute;width:129.86%;height:auto;max-width:none;left:-14.87%;top:-43.65%;mix-blend-mode:multiply}
.contact-motto{position:absolute;left:var(--contact-edge);bottom:10.8%;margin:0;font:400 clamp(18px,3.3vw,128px)/1.12 'Asset',serif;font-synthesis:none;letter-spacing:-.015em;word-spacing:.04em;white-space:nowrap}
.contact-motto .remember{display:inline-block;color:white;vertical-align:bottom;min-width:11.5em}
.contact-motto .remember::after{content:'_';font-family:Arial,sans-serif;font-weight:400;animation:contact-cursor 850ms steps(1) infinite}
@keyframes contact-cursor{50%{visibility:hidden}}
body[data-contact] .topbar{z-index:126;opacity:1;color:var(--ink)}
body[data-contact] .topbar nav{pointer-events:auto}
body[data-contact] .corner-return{display:flex}
body[data-contact] .file-controls{visibility:hidden;pointer-events:none}
@media(max-width:650px){.contact-lines{top:max(82px,11vh);right:14px;gap:20px}.contact-line{gap:10px;font-size:clamp(22px,5.5vw,34px)}.contact-qr{width:64px}.contact-motto{left:18px;bottom:16%;font-size:clamp(16px,4.4vw,28px);line-height:1.5;white-space:normal;max-width:calc(100% - 36px)}.contact-line:last-child{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.contact-motto .remember::after{animation:none;content:''}}