.contact-page{max-width:1600px;margin:auto;padding-top:38px;min-height:100svh;display:flex;flex-direction:column}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-top nav{display:flex;gap:28px;font-size:12px}.contact-top a:hover{color:var(--accent)}.contact-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:100px 0 120px}.contact-content h1{font-size:clamp(60px,8vw,110px);margin:25px 0}.contact-intro{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 40px}.contact-email{font-size:clamp(18px,3.25vw,46px);letter-spacing:-.04em;padding:10px 0 15px;border-bottom:1px solid #d4e8ac55;max-width:100%;overflow-wrap:anywhere;line-height:1.4}.contact-email span{color:var(--accent);display:inline-block;margin-left:18px;font-size:.75em}.contact-email:hover{color:var(--accent);border-color:var(--accent)}.contact-page footer{margin-top:0}@media(max-width:650px){.contact-page{padding-top:26px}.contact-top nav{gap:18px;font-size:11px}.contact-top .back-link{font-size:11px}.contact-content{padding:85px 0 100px}.contact-content h1{font-size:60px}.contact-intro{font-size:13px;margin-bottom:30px}.contact-email span{margin-left:6px}.contact-content .eyebrow{font-size:9px}}@media(max-width:360px){.contact-email{font-size:16px}}

.contact-ornament>.pinned-ornate-q{transform:translate(-50%,-50%) scale(2,1.5)}

.contact-page{min-height:calc(100svh - clamp(64px,8.98vw,120px))}

/* Align the contact introduction with the comp card introduction. */
.contact-page{padding-top:38px}.contact-content{justify-content:flex-start;padding:16px 0 24px}.contact-content h1{margin:14px 0 22px}

/* Center the contact text group on the fixed Q, below the unchanged banner. */
.contact-content{position:absolute;top:calc(50svh - clamp(64px,8.98vw,120px) - 40px);left:6%;right:6%;transform:translateY(-50%);padding:0;justify-content:center}.contact-page footer{margin-top:auto}
@media(max-height:600px){.contact-content{position:static;transform:none;padding:32px 0;flex:1}}

/* Restore the gap below the unchanged eyes banner. */
.contact-ornament>.pinned-ornate-q{top:calc(50svh + clamp(32px,4.49vw,60px) + 8px);height:calc((100svh - clamp(64px,8.98vw,120px) - 64px)/1.5)}