/* Responsive show/hide helpers — loaded in to avoid FOUC */ .mobile-only { display: flex !important; } .desktop-only { display: none !important; } .desktop-inline { display: none !important; } @media (min-width: 768px) { .mobile-only { display: none !important; } .desktop-only { display: flex !important; } .desktop-inline { display: inline-block !important; } } /* Scroll snap — desktop only */ @media (min-width: 768px) { html { scroll-snap-type: y mandatory; scroll-behavior: smooth; } .snap-section { scroll-snap-align: start; min-height: 100vh; } } .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24; } .scrim-gradient { background: linear-gradient(to top, rgba(17, 20, 22, 1) 0%, rgba(17, 20, 22, 0) 100%); } .glass-scrim { background: linear-gradient(to top, rgba(17, 20, 22, 0.9) 0%, rgba(17, 20, 22, 0) 100%); } .perspective-card:hover .card-content { padding-bottom: 2.5rem; } .outlined { -webkit-text-stroke: 1px #c6c6c9; } .ticker-row { display: flex; gap: 6rem; white-space: nowrap; animation: ticker 35s linear infinite; } @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .form-status { margin-bottom: 1.5rem; border-radius: 0.125rem; border: 1px solid; padding: 0.75rem 1rem; font-size: 0.875rem; letter-spacing: 0.03em; } .form-status--success { border-color: rgba(198, 198, 201, 0.35); background: rgba(198, 198, 201, 0.1); color: #e1e2e5; } .form-status--error { border-color: rgba(255, 122, 122, 0.35); background: rgba(147, 0, 10, 0.2); color: #ffb4ab; } #contactPanel { scrollbar-width: thin; scrollbar-color: rgba(198, 198, 201, 0.2) transparent; } #contactPanel::-webkit-scrollbar { width: 6px; } #contactPanel::-webkit-scrollbar-thumb { background: rgba(198, 198, 201, 0.2); border-radius: 3px; } .js .contact-field { opacity: 0; } .honeypot { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; opacity: 0; }