:root{color-scheme:dark;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;background:#15131b;--lavender:#a399ff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:0}
.background{position:fixed;inset:0;background:linear-gradient(rgba(21,15,52,.62),rgba(8,6,17,.67)),url("studio.jpg") center center/cover no-repeat}
.page{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;isolation:isolate;padding:24px 24px clamp(40px,11vh,140px)}
main{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;padding:clamp(30px,15vh,160px) 0 30px}
.identity{margin:0;line-height:0;font-size:inherit;max-width:100%}
.identity img{display:block;width:clamp(270px,28vw,390px);max-width:78vw;height:auto;margin:auto}
footer{width:100%;min-width:0;text-align:center}
.message{color:var(--lavender);font-weight:700;font-size:clamp(20px,1.7vw,28px);line-height:1.4;margin:0 0 20px;overflow-wrap:anywhere}
.contacts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;font-size:15px;line-height:1.5;font-weight:500}
a{color:#fff;text-decoration:none;text-underline-offset:5px;overflow-wrap:anywhere}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--lavender);outline-offset:5px;border-radius:2px}.separator{opacity:.75}
@media(max-width:680px){.page{padding:24px 20px 30px}main{padding:32px 0 40px}.identity img{width:285px;max-width:78vw}.background{background-position:53% center}.message{font-size:20px;margin-bottom:14px}.message span{display:block}.contacts{flex-direction:column;gap:0;font-size:13px}.contacts a{display:inline-flex;align-items:center;min-height:44px;max-width:100%}.separator{display:none}}
@media(max-height:540px) and (min-width:681px){.page{padding:18px 24px}main{padding:8px 0 20px}.identity img{width:200px}.message{font-size:20px;margin-bottom:10px}.contacts{font-size:13px}}