@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Helvetica,Arial,sans-serif;color:#17202d;background:#eef3f9;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#17202d;--secondary:#586578;--curve:cubic-bezier(.16,1,.3,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;min-width:280px;overflow-x:clip;background:radial-gradient(ellipse at 85% 3%,#ddeafd 0,transparent 38%),radial-gradient(ellipse at 6% 42%,#e2e9f5 0,transparent 46%),#f0f3f8}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button,a{outline-offset:5px}
a:focus-visible{outline:3px solid #176fd1}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:20;padding:1rem;background:#fff;border-radius:1rem;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.ambient{position:fixed;pointer-events:none;z-index:0;inset:-20%;background:radial-gradient(ellipse at 75% 20%,#aac9fb66 0,transparent 32%),radial-gradient(ellipse at 28% 58%,#d2dcf84d 0,transparent 28%);animation:ambient-drift 20s ease-in-out infinite alternate;will-change:transform}
.page{position:relative;z-index:1;width:min(100% - 2.5rem,440px);margin:0 auto;padding:calc(2.5rem + env(safe-area-inset-top)) 0 calc(1.6rem + env(safe-area-inset-bottom))}
.profile{margin-bottom:2.4rem}
.city{display:flex;align-items:center;gap:.75rem;font-size:.75rem;font-weight:750;letter-spacing:.2em;margin-bottom:1.7rem;color:#596678}
.city-line{display:block;width:1.7rem;height:1px;background:#65788d66}
.identity{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center}
.monogram{position:relative;display:grid;place-items:center;flex:none;width:88px;height:88px;border-radius:28px;background:linear-gradient(145deg,#ffffffc9,#ffffff66);border:1px solid #ffffffed;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffffbd,0 13px 28px #243d6220,0 3px 6px #45668a0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:rotate(-6deg)}
.monogram>span{transform:rotate(6deg);font-weight:780;font-size:2.75rem;letter-spacing:-.2rem;line-height:1;margin-left:-.25rem}
.monogram-dot{color:#476cad}
h1{font-size:2.9rem;line-height:.97;letter-spacing:-.065em;margin:0;font-weight:760}
.name-dot{color:#758aaa}
.position{font-size:.9375rem;line-height:1.5;color:var(--secondary);margin:1.4rem 0 0;font-weight:450;letter-spacing:-.015em}
.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
h2{font-size:1.375rem;line-height:1.25;letter-spacing:-.045em;font-weight:700;margin:0}
.eyebrow{flex-shrink:0;font-size:.75rem;letter-spacing:.08em;font-weight:600;color:#6a778a}
.social-list{display:grid;gap:.75rem}
.social-card{position:relative;isolation:isolate;display:flex;align-items:center;gap:1rem;min-height:96px;padding:1.15rem 1.2rem;border:1px solid #ffffffee;border-radius:27px;background:linear-gradient(115deg,#ffffffeb,#ffffffa3);box-shadow:inset 0 1px 0 #fff,0 7px 24px #1c34580b,0 1px 3px #1c345808;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:transform .5s var(--curve),box-shadow .5s var(--curve),background .3s;overflow:hidden;transform:translate3d(0,0,0)}
.social-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 25%,#fff9 47%,transparent 65%);transform:translateX(-140%);pointer-events:none}
.app-icon{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;box-shadow:inset 0 0 0 1px #00000006,0 3px 5px #14274610;transition:transform .55s var(--curve)}
.app-icon svg{display:block;width:29px;height:29px}
.instagram-icon{color:white;background:radial-gradient(circle at 28% 105%,#ffd779 0%,#ffb543 18%,#f6524c 43%,#d43189 62%,#7c45d0 86%)}
.tiktok-icon{background:linear-gradient(140deg,#212730,#080b10)}
.tiktok-icon svg{width:27px;height:27px;overflow:visible}
.tt-cyan{fill:#26f4ee;transform:translate(-.7px,-.4px)}
.tt-red{fill:#fe2c55;transform:translate(.9px,.7px)}
.facebook-icon{color:white;background:linear-gradient(145deg,#3795ff,#0866ed)}
.facebook-icon svg{width:34px;height:34px;align-self:end;margin-bottom:3px}
.social-copy{display:grid;gap:.34rem;min-width:0;flex:1}
.social-name{font-size:1.16rem;font-weight:650;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}
.social-handle{font-size:.8125rem;color:var(--secondary);line-height:1.25;overflow-wrap:anywhere}
.follow-label{font-size:.8125rem;font-weight:600;line-height:1;padding:.6rem .82rem;border-radius:999px;background:#eaf0f7c9;color:#3c526e;transition:background .3s,color .3s}
.cabinet{margin-top:2.6rem}
.glass{background:linear-gradient(125deg,#ffffffcf,#ffffff94);border:1px solid #ffffffea;box-shadow:0 7px 24px #1c345807,inset 0 1px 0 #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.cabinet-mail{display:flex;align-items:center;gap:1rem;border-radius:24px;padding:1.25rem;transition:transform .4s var(--curve),background .3s}
.cabinet-mail>span:last-child{min-width:0}
.mail-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#e8eef7;color:#47668d}
.line-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.contact-name{display:block;font-size:1rem;font-weight:620;line-height:1.35;letter-spacing:-.018em}
.email{display:block;font-size:.875rem;line-height:1.4;letter-spacing:-.014em;color:#496384;overflow-wrap:anywhere;margin-top:.28rem}
.team{margin-top:.75rem;border-radius:27px;overflow:hidden}
.person{position:relative;display:flex;align-items:center;gap:.9rem;padding:1.15rem 1.2rem;transition:background .3s,opacity .2s}
.person+.person::before{content:"";position:absolute;top:0;right:1.2rem;left:4.6rem;height:1px;background:#65789220}
.avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#e8edf4;color:#65768e;font-size:.75rem;font-weight:600;letter-spacing:-.02em;box-shadow:inset 0 0 0 1px #ffffffc7}
.person-copy{min-width:0;flex:1}
.role{display:block;font-size:.875rem;line-height:1.4;color:var(--secondary);margin-top:.16rem}
.person .email{font-size:.875rem;color:#486280;margin-top:.25rem}
.contact-icon{width:18px;height:18px;color:#71839c;opacity:.85}
.address{display:flex;align-items:flex-start;justify-content:center;gap:.65rem;margin-top:1.6rem;color:#6a778a}
.address .line-icon{width:17px;height:17px;margin-top:2px}
.address p{margin:0;font-size:.8125rem;line-height:1.7;font-style:normal}
.address strong{font-weight:550}
footer{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:2.3rem;color:#758298;font-size:.75rem;line-height:1.5}
.footer-mark{font-weight:780;font-size:1.25rem;letter-spacing:-.08em;color:#6b7e98}
.footer-separator{margin:0 .5rem;color:#a0aab9}
.enter{animation:arrive .85s var(--curve) backwards;animation-delay:var(--delay,0ms)}
@keyframes arrive{from{opacity:0;transform:translate3d(0,20px,0) scale(.985);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes ambient-drift{from{transform:translate3d(-1%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}
@keyframes sheen{to{transform:translateX(140%)}}
@media(hover:hover) and (pointer:fine){.social-card:hover{transform:translate3d(0,-3px,0);box-shadow:inset 0 1px 0 #fff,0 13px 28px #28487517}.social-card:hover::after{animation:sheen 1s var(--curve)}.social-card:hover .app-icon{transform:rotate(-5deg) scale(1.06)}.social-card:hover .follow-label{background:#dde7f4;color:#274971}.person:hover,.cabinet-mail:hover{background:#fff}.cabinet-mail:hover{transform:translateY(-2px)}}
.social-card:active,.social-card.is-pressed{transform:scale(.975);transition:transform .18s}.cabinet-mail:active{transform:scale(.98)}.person:active{background:#eaf0f7}
@media(min-width:720px){.page{padding-top:4.5rem;padding-bottom:2rem;width:min(100% - 3rem,440px)}.profile{margin-bottom:2.6rem}.city{margin-bottom:2rem}.identity{gap:1.6rem}.monogram{width:100px;height:100px;border-radius:32px}.monogram>span{font-size:3.125rem}h1{font-size:3.25rem}.position{font-size:1rem;margin-top:1.6rem}.social-card{min-height:100px}.cabinet{margin-top:2.8rem}}
@media(max-width:370px){.page{width:calc(100% - 2rem);padding-top:1.75rem}.identity{gap:1.1rem}.monogram{width:76px;height:76px;border-radius:25px}h1{font-size:2.6rem}.position{font-size:.875rem}.section-head{gap:.6rem}h2{font-size:1.25rem}.eyebrow{font-size:.75rem;letter-spacing:.04em}.social-card{padding:1rem;gap:.8rem;border-radius:24px}.app-icon{width:48px;height:48px;border-radius:15px}.follow-label{padding:.55rem .65rem;font-size:.75rem}.social-name{font-size:1.0625rem}.social-handle{font-size:.75rem}.person{padding:1.1rem 1rem;gap:.65rem}.avatar{width:32px;height:32px;font-size:.75rem}.contact-icon{display:none}.person+.person::before{left:3.65rem}.cabinet-mail{padding:1.1rem 1rem;gap:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient,.enter,.social-card::after{animation:none!important}.social-card,.app-icon,.follow-label,.cabinet-mail,.person{transition:none!important}.social-card:hover,.social-card:active,.social-card.is-pressed,.cabinet-mail:hover,.cabinet-mail:active,.social-card:hover .app-icon{transform:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.social-card,.glass,.monogram{background:#fdfefe}}