:root { color-scheme: dark; font-family: 'Poppins', Arial, Helvetica, sans-serif; background: #000; color: #fff; font-synthesis: none; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; min-width: 280px; }
.site-shell { min-height: 100svh; display: flex; flex-direction: column; }
.site-header { text-align: center; padding: clamp(54px, 8vw, 110px) 20px 0; }
.name { margin: 0; font-size: clamp(2rem, 5vw, 4.3rem); font-weight: 600; letter-spacing: -.045em; line-height: 1.15; }
.specialties { margin: 17px 0 0; color: #bcbcbc; font-size: clamp(.75rem, 1.5vw, .95rem); font-weight: 400; letter-spacing: .04em; line-height: 1.9; }
main { width: 100%; margin: 0 auto; padding: clamp(55px, 8vw, 105px) clamp(12px, 3vw, 56px) 65px; text-align: center; text-transform: uppercase; }
h1 { margin: 0 0 26px; text-transform: uppercase; font-size: clamp(.9rem, 1.8vw, 1.1rem); font-weight: 500; letter-spacing: .3em; }
h1 span { font-weight: 400; }
.video-container { width: 100%; max-width: 1920px; margin: 0 auto; aspect-ratio: 16 / 9; background: #101010; }
video { display: block; width: 100%; height: 100%; object-fit: contain; }
.instagram { display: inline-flex; align-items: center; gap: 10px; margin-top: 39px; padding: 10px; color: #fff; font-size: .88rem; text-decoration: none; transition: opacity .2s ease; }
.instagram svg { width: 21px; height: 21px; flex: none; }
.instagram:hover { opacity: .65; }
.instagram:focus-visible { outline: 2px solid #fff; outline-offset: 5px; border-radius: 2px; }
footer { margin-top: auto; padding: 0 20px 25px; text-align: center; color: #999; font-size: .7rem; letter-spacing: .03em; }
@media (max-width: 600px) { .site-header { padding-top: 58px; } .specialties { max-width: 330px; margin-inline: auto; } main { padding-top: 60px; padding-bottom: 55px; } h1 { letter-spacing: .22em; margin-bottom: 20px; } .instagram { margin-top: 25px; } }
@media (prefers-reduced-motion: reduce) { .instagram { transition: none; } }