Contact information
Contact — Nuvita USA Corp
:root {
--ink: #1a201c;
--ink-soft: #3d4a42;
--paper: #f3efe6;
--paper-warm: #e8e2d3;
--forest: #2d4a36;
--forest-deep: #1f3527;
--accent: #c4956c;
--rule: rgba(26, 32, 28, 0.18);
--rule-soft: rgba(26, 32, 28, 0.08);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
background: var(--paper);
color: var(--ink);
font-family: 'Geist', system-ui, sans-serif;
font-weight: 400;
line-height: 1.55;
min-height: 100vh;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
/* Subtle paper grain overlay */
body::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
opacity: 0.35;
z-index: 1;
background-image:
radial-gradient(circle at 20% 30%, rgba(45, 74, 54, 0.04) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(196, 149, 108, 0.05) 0%, transparent 50%);
}
body::after {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
z-index: 2;
opacity: 0.04;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}
main { position: relative; z-index: 3; }
/* ——— TOP BAR ——— */
.topbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.75rem 3rem;
border-bottom: 1px solid var(--rule);
font-family: 'Geist Mono', monospace;
font-size: 0.72rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--ink-soft);
}
.brand {
font-family: 'Fraunces', serif;
font-weight: 500;
font-size: 1.1rem;
letter-spacing: 0.02em;
text-transform: none;
color: var(--ink);
font-variation-settings: "opsz" 144, "SOFT" 50;
}
.brand em {
font-style: italic;
font-weight: 300;
color: var(--forest);
}
.topbar .meta {
display: flex;
gap: 2.5rem;
}
.topbar .meta span::before {
content: "◦";
margin-right: 0.5rem;
color: var(--accent);
}
/* ——— HERO ——— */
.hero {
padding: 6rem 3rem 4rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: end;
position: relative;
}
.hero::after {
content: "";
position: absolute;
bottom: 0;
left: 3rem;
right: 3rem;
height: 1px;
background: var(--rule);
}
.hero-label {
font-family: 'Geist Mono', monospace;
font-size: 0.7rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--forest);
margin-bottom: 2rem;
display: flex;
align-items: center;
gap: 0.75rem;
}
.hero-label::before {
content: "";
width: 28px;
height: 1px;
background: var(--forest);
}
.hero h1 {
font-family: 'Fraunces', serif;
font-weight: 300;
font-size: clamp(3.5rem, 8vw, 7rem);
line-height: 0.92;
letter-spacing: -0.025em;
color: var(--ink);
font-variation-settings: "opsz" 144, "SOFT" 30;
}
.hero h1 em {
font-style: italic;
font-weight: 300;
color: var(--forest);
font-variation-settings: "opsz" 144, "SOFT" 100;
}
.hero-intro {
font-family: 'Fraunces', serif;
font-weight: 300;
font-style: italic;
font-size: 1.15rem;
line-height: 1.6;
color: var(--ink-soft);
max-width: 32ch;
padding-bottom: 1rem;
border-left: 1px solid var(--rule);
padding-left: 2rem;
}
/* ——— CONTACT GRID ——— */
.contact-section {
padding: 5rem 3rem;
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 5rem;
}
.contact-info {
position: sticky;
top: 2rem;
align-self: start;
}
.info-block {
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid var(--rule-soft);
}
.info-block:last-child {
border-bottom: none;
}
.info-label {
font-family: 'Geist Mono', monospace;
font-size: 0.68rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--ink-soft);
margin-bottom: 0.9rem;
display: flex;
align-items: baseline;
justify-content: space-between;
}
.info-label span:last-child {
color: var(--accent);
font-size: 0.6rem;
}
.info-value {
font-family: 'Fraunces', serif;
font-weight: 400;
font-size: 1.65rem;
letter-spacing: -0.01em;
line-height: 1.3;
color: var(--ink);
}
.info-value a {
color: inherit;
text-decoration: none;
border-bottom: 1px solid var(--rule);
padding-bottom: 2px;
transition: all 0.3s ease;
}
.info-value a:hover {
border-bottom-color: var(--forest);
color: var(--forest);
letter-spacing: 0;
}
.info-sub {
font-family: 'Geist', sans-serif;
font-size: 0.88rem;
color: var(--ink-soft);
margin-top: 0.75rem;
line-height: 1.5;
}
.hours-grid {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.4rem 1.5rem;
font-family: 'Geist Mono', monospace;
font-size: 0.82rem;
color: var(--ink);
}
.hours-grid .day {
color: var(--ink-soft);
}
/* ——— FORM ——— */
.form-wrap {
background: var(--paper-warm);
padding: 3.5rem;
border-radius: 2px;
position: relative;
border: 1px solid var(--rule-soft);
}
.form-wrap::before {
content: "⟋⟋";
position: absolute;
top: 1.5rem;
right: 1.5rem;
font-family: 'Geist Mono', monospace;
font-size: 0.7rem;
color: var(--accent);
letter-spacing: 0.2em;
}
.form-title {
font-family: 'Fraunces', serif;
font-weight: 400;
font-size: 2rem;
letter-spacing: -0.02em;
margin-bottom: 0.4rem;
color: var(--ink);
}
.form-title em {
font-style: italic;
color: var(--forest);
}
.form-subtitle {
font-family: 'Geist Mono', monospace;
font-size: 0.72rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--ink-soft);
margin-bottom: 2.5rem;
}
.field {
margin-bottom: 1.75rem;
position: relative;
}
.field label {
display: block;
font-family: 'Geist Mono', monospace;
font-size: 0.65rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--ink-soft);
margin-bottom: 0.6rem;
}
.field label::after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
background: var(--accent);
border-radius: 50%;
margin-left: 0.5rem;
vertical-align: middle;
}
.field input,
.field textarea,
.field select {
width: 100%;
padding: 0.85rem 0;
background: transparent;
border: none;
border-bottom: 1px solid var(--rule);
font-family: 'Geist', sans-serif;
font-size: 1rem;
color: var(--ink);
transition: border-color 0.3s ease;
outline: none;
border-radius: 0;
}
.field textarea {
resize: vertical;
min-height: 110px;
padding-top: 0.5rem;
}
.field select {
appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%233d4a42' stroke-width='1' fill='none'/></svg>");
background-repeat: no-repeat;
background-position: right 0.25rem center;
padding-right: 2rem;
cursor: pointer;
}
.field input:focus,
.field textarea:focus,
.field select:focus {
border-bottom-color: var(--forest);
}
.field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.submit {
margin-top: 2rem;
padding: 1.1rem 2.5rem;
background: var(--forest-deep);
color: var(--paper);
border: none;
font-family: 'Geist Mono', monospace;
font-size: 0.75rem;
letter-spacing: 0.22em;
text-transform: uppercase;
cursor: pointer;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
display: inline-flex;
align-items: center;
gap: 1rem;
position: relative;
overflow: hidden;
}
.submit::after {
content: "→";
font-family: 'Geist', sans-serif;
font-size: 1rem;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.submit:hover {
background: var(--forest);
letter-spacing: 0.28em;
}
.submit:hover::after {
transform: translateX(6px);
}
.disclaimer {
margin-top: 1.75rem;
font-family: 'Geist', sans-serif;
font-size: 0.78rem;
color: var(--ink-soft);
line-height: 1.6;
padding-top: 1.75rem;
border-top: 1px solid var(--rule-soft);
}
/* ——— FOOTER ——— */
footer {
padding: 3rem;
border-top: 1px solid var(--rule);
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'Geist Mono', monospace;
font-size: 0.7rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--ink-soft);
margin-top: 4rem;
}
footer .seal {
display: flex;
align-items: center;
gap: 0.75rem;
}
footer .seal-mark {
width: 28px;
height: 28px;
border: 1px solid var(--forest);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--forest);
font-family: 'Fraunces', serif;
font-size: 0.85rem;
font-style: italic;
}
/* ——— ANIMATIONS ——— */
.reveal {
opacity: 0;
transform: translateY(20px);
animation: reveal 1s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
.reveal:nth-child(1) { animation-delay: 0.1s; }
.reveal:nth-child(2) { animation-delay: 0.2s; }
.reveal:nth-child(3) { animation-delay: 0.3s; }
.reveal:nth-child(4) { animation-delay: 0.4s; }
@keyframes reveal {
to {
opacity: 1;
transform: translateY(0);
}
}
/* ——— RESPONSIVE ——— */
@media (max-width: 900px) {
.topbar {
padding: 1.25rem 1.5rem;
flex-direction: column;
gap: 1rem;
align-items: flex-start;
}
.topbar .meta { gap: 1.5rem; flex-wrap: wrap; }
.hero {
padding: 3.5rem 1.5rem 3rem;
grid-template-columns: 1fr;
gap: 2.5rem;
}
.hero::after { left: 1.5rem; right: 1.5rem; }
.hero-intro {
padding-left: 1.25rem;
font-size: 1.05rem;
}
.contact-section {
padding: 3rem 1.5rem;
grid-template-columns: 1fr;
gap: 3rem;
}
.contact-info { position: static; }
.form-wrap { padding: 2rem 1.5rem; }
.field-row { grid-template-columns: 1fr; gap: 0; }
footer {
padding: 2rem 1.5rem;
flex-direction: column;
gap: 1rem;
text-align: center;
}
}
Contact · 01
Get in touch.
For verified research inquiries, institutional accounts, and general correspondence with our laboratory supply team.
General Inquiries01
Please include your institutional credentials and order reference, if applicable, with any correspondence.
Business Hours02
Mon – Fri9:00 – 17:00 ET
Sat – SunClosed
Responses are issued in the order received. Verification-related queries may require additional processing time.
Web03
nuvitausa.com
nuvitaamerica.com
nuvitaamerica.com
Send a message
Secure Inquiry Form / v.1
Full Name
Institution
Email
Phone
Subject
— Select an inquiry type —
Account Verification
Order or Shipment Inquiry
Product Information
Regulatory & Compliance
Returns & Claims
Other
Message
Transmit Inquiry
By submitting this form you confirm that all information provided is accurate and that you are, or represent, a verified authorized purchaser. Your submission is handled in accordance with our Privacy Policy.
N
© 2026 Nuvita USA Corp
All Rights Reserved · Michigan, USA
function handleSubmit(e) {
e.preventDefault();
const form = e.target;
const data = new FormData(form);
const subject = encodeURIComponent('[' + (data.get('subject') || 'inquiry') + '] from ' + data.get('name'));
const body = encodeURIComponent(
'Name: ' + data.get('name') + '\n' +
'Institution: ' + data.get('institution') + '\n' +
'Email: ' + data.get('email') + '\n' +
'Phone: ' + (data.get('phone') || '—') + '\n\n' +
'Message:\n' + data.get('message')
);
window.location.href = 'mailto:nuvita@nuvitausa.com?subject=' + subject + '&body=' + body;
return false;
}