.nat-contact{background:var(--design-white,#fff);color:var(--design-ink,#0734ff);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100vh}.contact-main{padding:70px var(--site-gutter) 110px;max-width:var(--site-frame);grid-template-columns:1.1fr 1fr;align-items:center;gap:7vw;min-height:calc(100svh - 100px);margin:auto;display:grid}.contact-eyebrow,.contact-signature{font:13px/1.6 IBM Plex Mono,monospace}.contact-intro h1{letter-spacing:-.035em;margin:30px 0;font:900 clamp(64px,8vw,140px)/.96 NAT Display,sans-serif}.contact-intro h1 span,.contact-note h2 span{color:var(--design-accent,#b7ff32)}.contact-intro>p:not(.contact-eyebrow){max-width:30em;margin:20px 0;font:clamp(18px,1.6vw,25px)/1.55 Inter,sans-serif}.contact-signature{margin-top:36px;display:block}.contact-note{border:1px solid var(--design-ink,#0734ff);background:var(--design-ink,#0734ff);color:var(--design-paper,#ffe);box-shadow:12px 12px 0 color-mix(in srgb,var(--design-ink) 7%,var(--design-paper));transform:rotate(2deg)}.contact-note-bar{border-bottom:1px solid rgb(var(--design-paper-rgb,255 255 238) / .501961);justify-content:space-between;gap:16px;padding:12px 16px;font:12px/1.5 IBM Plex Mono,monospace;display:flex}.contact-note-body{padding:clamp(24px,3vw,50px)}.contact-note h2{letter-spacing:-.025em;margin:24px 0 32px;font:900 clamp(44px,5vw,84px)/1 NAT Display,sans-serif}.contact-email{border-bottom:1px solid var(--design-paper,#ffe);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:14px 0;font:clamp(17px,1.8vw,28px)/1.4 Inter,sans-serif;display:flex}.contact-email svg,.contact-social svg{flex:none}.contact-note-body>p{max-width:28em;margin:24px 0 32px;font:16px/1.7 Inter,sans-serif}.contact-social{align-items:center;gap:14px;min-height:44px;font:12px/1.6 IBM Plex Mono,monospace;display:flex}.contact-note a:focus-visible{outline:3px solid var(--design-accent,#b7ff32);outline-offset:5px}@media (max-width:900px){.contact-main{grid-template-columns:1fr;gap:48px;padding:40px 22px 70px}.contact-intro h1{font-size:clamp(64px,12vw,108px)}.contact-note{width:calc(100% - 10px);max-width:640px;margin:0 auto;transform:rotate(1deg)}.contact-note h2{font-size:60px}.contact-email{font-size:clamp(17px,4.5vw,26px)}}@media (prefers-reduced-motion:reduce){.contact-note{transform:none}}
