body.page-contact { background: radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--page-accent) 7%, transparent), transparent 34rem), var(--bg); }
.page-contact .kicker { color: var(--page-accent); }
.contact-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(34px, 7vw, 100px); align-items: center; padding-bottom: 110px; }
.contact-copy h1 { font-size: clamp(4.4rem, 10vw, 9rem); }
.contact-copy p { max-width: 500px; color: var(--muted); }
.contact-eye { overflow:hidden; height: clamp(230px, 37vw, 470px); border:1px solid var(--line); border-radius:7px 30px; background:#000; }
.contact-eye video { width:100%; height:100%; object-fit:cover; }
.contact-cards { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:32px; }
.contact-card { padding: 26px; border:1px solid var(--line); background:rgba(255,255,255,.025); }
.contact-card:first-child{border-radius:22px 6px}.contact-card:last-child{border-radius:6px 22px}
.contact-card h2 { margin:0 0 8px; font-size:1.5rem; }
.contact-card p { margin:0 0 22px; color:var(--muted); word-break:break-word; }
.email-warning { margin-top: 16px; color: #d5a39a; font-size: .78rem; }
@media(max-width:840px){.contact-layout,.contact-cards{grid-template-columns:1fr}.contact-layout{padding-bottom:72px}}

.contact-card{border-color:color-mix(in srgb,var(--contact-color,var(--page-accent)) 22%,var(--line));}.contact-type{color:var(--contact-color,var(--page-accent))}.contact-button{background:var(--contact-color,var(--page-accent));border-color:var(--contact-color,var(--page-accent));color:#0d1017}
