.contact-top { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(1.25rem, 3vw, 2rem); margin-bottom: clamp(3rem, 8vw, 6rem); }
.contact-pitch { align-self: stretch; }
.contact-pitch h2 { max-width: 14ch; margin-top: var(--space-4); }
.contact-pitch__services { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 0.5rem; margin: var(--space-3) 0; padding: 0; list-style: none; }
.contact-pitch__services li { padding: 0.35rem 0.7rem; border: 1px solid var(--color-line); color: var(--color-paper); font-size: 0.75rem; }
.contact-pitch__facts { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; margin: 0 0 var(--space-3); padding: 0; list-style: none; color: var(--color-muted); font-size: 0.82rem; }
.contact-pitch__facts strong { color: var(--color-paper); }
.contact-pitch__actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 0.75rem; }
.contact-card { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--color-line); background: var(--color-ink-soft); }
.contact-card__title { margin: 0 0 var(--space-3); font-size: clamp(1.1rem, 2.2vw, 1.6rem); }
.contact-card__list { margin: 0; border-top: 1px solid var(--color-line); }
.contact-card__list div { display: grid; gap: 0.35rem; padding: 1rem 0; border-bottom: 1px solid var(--color-line); }
.contact-card__list dt { color: var(--color-muted); font-family: var(--font-display); font-size: 0.6rem; letter-spacing: 0.06em; text-transform: uppercase; }
.contact-card__list dd { margin: 0; overflow-wrap: anywhere; }
.contact-card__list a { color: var(--color-accent); }
.contact-card__list a:hover { color: var(--color-paper); }
.creators-button { justify-content: center; width: 100%; margin-top: var(--space-3); font-family: var(--font-display); font-size: 0.75rem; line-height: 1.4; text-align: center; text-transform: uppercase; letter-spacing: 0.04em; }
.creators-form-section h2 { margin: 0 0 var(--space-4); font-size: clamp(1.2rem, 2.6vw, 1.9rem); }
.creators-form { max-width: 40rem; }
.creators-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.creators-form__row > div { display: grid; gap: 0.65rem; }
.creators-form__permissions { margin: 0.75rem 0 0; padding: 1rem; border: 1px solid var(--color-line); }
.creators-form__permissions legend { padding: 0 0.5rem; color: var(--color-paper); font-family: var(--font-display); font-size: 0.7rem; letter-spacing: 0.06em; text-transform: uppercase; }
.creators-form__permissions p { margin: 0 0 0.5rem; color: var(--color-muted); font-size: 0.85rem; }
.creators-form__check { display: flex; align-items: center; gap: 0.5rem; color: var(--color-paper); font-size: 0.9rem; }
.creators-form__check input { width: auto; accent-color: var(--color-accent-deep); }
@media (max-width: 500px) { .creators-form__row { grid-template-columns: 1fr; } }
.contact-card__socials { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; }
.contact-layout { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(3rem, 8vw, 8rem); }
.contact-layout .page-heading { margin: 0; }
.contact-layout .page-heading h1 { font-size: clamp(3.5rem, 8vw, 6.5rem); }
.contact-layout .text-link { margin-top: var(--space-4); }
.contact-form-section h2 { margin: 0 0 var(--space-4); font-size: clamp(1.8rem, 4vw, 2.8rem); }
.contact-form { display: grid; gap: 0.65rem; }
.contact-form label { margin-top: 0.75rem; color: var(--color-muted); font-size: 0.78rem; }
.contact-form input, .contact-form textarea { width: 100%; padding: 0.85rem; border: 1px solid var(--color-line); border-radius: 0; background: var(--color-ink-soft); color: var(--color-paper); }
.contact-form textarea { resize: vertical; }
.contact-form .button { justify-self: start; margin-top: 0.75rem; cursor: pointer; }
.contact-social { display: flex; justify-content: space-between; gap: 1rem; margin-top: var(--space-4); padding-top: 1rem; border-top: 1px solid var(--color-line); font-size: 0.82rem; }
.contact-social span { color: var(--color-muted); }
.contact-social a { color: var(--color-accent); }
.contact-page { max-width: 92rem; width: 100%; font-family: var(--font-body); }
.contact-heading { position: relative; max-width: 60rem; margin-bottom: 3rem; padding-right: 5rem; }
.contact-heading h1 { margin: 0 0 1.5rem; font-family: var(--font-heading); font-size: clamp(1.7rem, 4.5vw, 4rem); line-height: 1.4; letter-spacing: 0; }
.contact-heading h1.pixel-heading { font-family: var(--font-display); font-weight: 400; }
.contact-heading h1 span { display: block; margin-top: 1rem; color: #a9bcff; font-family: var(--font-body); font-size: clamp(1.5rem, 3vw, 2.5rem); letter-spacing: 0; line-height: 1.3; }
.contact-heading > p { max-width: 44rem; color: #c3cada; font-size: inherit; line-height: 1.7; }
.contact-page .contact-top { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); align-items: start; }
.contact-page .contact-pitch, .contact-page .contact-card { min-width: 0; padding: clamp(1.5rem, 3vw, 2.75rem); border: 1px solid #46577e; border-top: 4px solid var(--color-blue); background: linear-gradient(145deg, #1c2538, #131821 75%); box-shadow: 6px 6px 0 #0b0e15; }
.contact-page .contact-pitch h2 { max-width: none; margin: 2rem 0 1rem; font-family: var(--font-heading); font-size: clamp(0.95rem, 1.5vw, 1.4rem); line-height: 1.6; letter-spacing: 0; }
.contact-page .contact-pitch > p, .contact-page .contact-card > p:not(.eyebrow) { color: #c3cada; font-size: inherit; line-height: 1.75; }
.contact-page .contact-pitch__facts { display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 1rem; margin: 0; padding-bottom: 1.75rem; border-bottom: 1px solid #3d4b65; font-size: inherit; }
.contact-page .contact-pitch__facts li { display: flex; flex-direction: column; gap: 0.5rem; }
.contact-page .contact-pitch__facts strong { font-size: clamp(2.5rem, 4vw, 3.5rem); line-height: 1.2; letter-spacing: -0.025em; }
.contact-page .contact-pitch__facts li:last-child strong { font-size: clamp(1.5rem, 2.4vw, 2.25rem); padding-top: 0.3rem; }
.contact-page .contact-pitch__facts span { color: #c3cada; font-size: inherit; line-height: 1.4; }
.contact-page .contact-pitch .contact-pitch__label { margin: 1.75rem 0 0.75rem; color: #94a8d1; font-size: inherit; }
.contact-page .contact-pitch__services { margin: 0 0 2rem; }
.contact-page .contact-pitch__services li { padding: 0.5rem 0.75rem; border-color: #405174; background: #202c45; font-size: inherit; }
.contact-page .contact-pitch__services--logos { display: flex; flex-wrap: nowrap; align-items: center; gap: clamp(0.35rem, 1.5vw, 1.25rem); width: 100%; }
.contact-page .contact-pitch__services--logos li { display: flex; flex: 1 1 0; min-width: 0; height: clamp(2.75rem, 5vw, 4.5rem); align-items: center; justify-content: center; padding: 0; border: 0; background: transparent; }
.contact-page .contact-pitch__services--logos li:nth-child(3) { flex-grow: 1.35; }
.contact-page .contact-pitch__services--logos li:nth-child(4) { flex-grow: 1.25; }
.contact-page .contact-pitch__services--logos img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.contact-expertise { display: grid; gap: 1.25rem; margin-bottom: 2rem; }
.contact-expertise > div { padding-left: 1rem; border-left: 3px solid var(--color-blue); }
.contact-expertise h3 { margin: 0 0 0.65rem; font-family: var(--font-heading); font-size: 0.75rem; line-height: 1.6; }
.contact-expertise p { margin: 0; color: #adb9ce; font-size: inherit; line-height: 1.6; }
.contact-page .contact-card__title { font-family: var(--font-heading); font-size: clamp(0.9rem, 1.3vw, 1.2rem); line-height: 1.6; letter-spacing: 0; }
.contact-page .button { font-family: var(--font-body); font-size: inherit; font-weight: 400; letter-spacing: 0; text-transform: none; line-height: 1.4; }
.contact-page .contact-email { width: 100%; margin: 0.75rem 0 1.5rem; background: var(--color-blue-deep); border-color: var(--color-blue); }
.contact-page .contact-email:hover { background: #2947bc; color: #fff; }
.contact-page .contact-card__list dt { font-family: var(--font-body); font-size: inherit; line-height: 1.6; }
.contact-page .contact-card__list a { color: #b6c7ff; font-size: inherit; }
.contact-page .contact-card__list a:hover { color: #fff; }
.contact-creators { margin-top: 2rem; }
.contact-creators p { color: #aebbd2; font-size: inherit; }
.contact-page .creators-button { margin-top: 0.75rem; border-color: #46577e; }
.contact-pixel { display: block; width: 3rem; height: 3rem; opacity: 0.65; filter: drop-shadow(3px 3px 0 #090d15); pointer-events: none; }
.contact-pixel--visor { position: absolute; top: 0.75rem; right: 0; width: 4rem; height: 4rem; }
.contact-pixel-shelf { display: flex; justify-content: space-between; align-items: end; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid rgba(91, 128, 255, 0.15); }
.contact-pixel-shelf--controller { justify-content: flex-end; }
@media (max-width: 500px) { .contact-heading { padding-right: 0; } .contact-pixel--visor { position: static; margin-top: 1.25rem; width: 3rem; height: 3rem; } }
@media (max-width: 1000px) { .contact-page .contact-top { grid-template-columns: 1fr; } }
@media (max-width: 500px) { .contact-page .contact-pitch__facts { grid-template-columns: 1fr 1fr; } .contact-page .contact-pitch__facts li:last-child { grid-column: 1 / -1; } }
@media (max-width: 760px) { .contact-top, .contact-layout { grid-template-columns: 1fr; } }