.page{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;max-width:1600px;margin:0 auto}.sidebar{position:sticky;top:0;height:100vh;padding:40px 32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.sidebar-top{display:flex;flex-direction:column;gap:28px}.avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;box-shadow:0 8px 24px -8px #1c66be73;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.ident h1{font-size:28px;line-height:1.1;letter-spacing:-.02em;font-weight:500;margin-bottom:6px}.ident{margin-bottom:-28px}.title-role{font-size:20px;line-height:1.35;font-weight:300;color:var(--ink-2);margin-bottom:4px}.location{font-size:14px;color:var(--ink-3);margin-top:2px;margin-bottom:16px;display:inline-flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade802e;animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #4ade802e}50%{box-shadow:0 0 0 6px #4ade8014}}.bio{font-size:14px;line-height:1.55;color:var(--ink-2)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-top:8px}.sidebar-nav a{font-size:14px;color:var(--ink-2);padding:8px 0;display:flex;align-items:center;gap:10px;transition:color .2s,padding-left .2s}.sidebar-nav a:hover{padding-left:4px;color:var(--accent)}.sidebar-nav a .arrow{margin-left:auto;opacity:0;transition:opacity .2s,transform .2s}.sidebar-nav a:hover .arrow{opacity:1;transform:translate(2px)}.sidebar-bottom{display:flex;flex-direction:column;gap:14px}.contacts{display:flex;flex-direction:column;gap:6px}.contact-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 0;border-bottom:1px solid var(--line);color:inherit;transition:color .2s}.contact-row:last-child{border-bottom:none}.contact-row>span:first-child{transition:color .2s}.contact-row .contact-value{color:var(--ink-3)}.contact-row:hover>span:first-child,.contact-row:hover .contact-value{color:var(--accent)}.main{padding:120px 64px 48px}.hero{margin-bottom:96px;max-width:980px;position:relative}.hero h2{font-size:clamp(40px,5.4vw,72px);line-height:1.04;letter-spacing:-.03em;font-weight:500;color:var(--ink)}.hero h2 .accent{color:var(--accent)}.hero-meta{margin-top:32px;display:flex;flex-wrap:wrap;gap:24px;font-size:14px;color:var(--ink-2)}.hero-meta .cell{display:flex;flex-direction:column;gap:2px;padding-right:24px}.hero-meta .cell:not(:last-child){border-right:1px solid var(--line)}.hero-meta .cell .k{color:var(--ink-4);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.hero-meta .cell .v{font-weight:500}.hero-ornaments{position:absolute;inset:0;pointer-events:none}.orn{position:absolute;font-family:var(--font);font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;animation:float 6s ease-in-out infinite;pointer-events:auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floatComment{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.orn.swatch{top:20%;right:calc(4% - 84px);padding:6px 10px 6px 6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 20px -10px var(--line-strong);animation:none}.orn.swatch .chip-color{width:18px;height:18px;border-radius:4px;background:var(--accent)}.orn.swatch .code{color:var(--ink-2);letter-spacing:.02em}.orn.swatch .pct{color:var(--ink-4)}.orn.comment{top:62%;right:-5%;padding:10px 14px;background:var(--bg);border:1px solid var(--line);border-radius:14px 14px 14px 2px;box-shadow:0 8px 20px -10px var(--line-strong);max-width:220px;font-size:12px;line-height:1.4;color:var(--ink-2);animation:floatComment 6s ease-in-out infinite;animation-delay:1.5s;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.orn.comment .who{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:500;font-size:12px}.orn.comment .who .mini-av{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#f97066,#d92d20);color:#fff;font-size:9px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px}.section-head h3{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-weight:500;display:flex;align-items:center;gap:10px}.section-head h3:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.section-head .count{font-size:12px;color:var(--ink-4)}.filter-bar{display:none;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filter-bar.visible{display:flex}.chip{font-size:12px;padding:8px 14px;background:var(--bg);border:1px solid var(--line-strong);border-radius:100px;font-family:var(--font);transition:background .2s,color .2s}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chip:hover{background:var(--surface)}.chip.active:hover{background:var(--accent)}.feed{display:flex;flex-direction:column;gap:24px}#hobbiesFeed .card .content{justify-content:center;min-height:100%}.card{position:relative;background:var(--bg);border:1px solid rgba(20,20,20,.08);border-radius:32px;overflow:hidden;padding:32px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start;transition:transform .35s var(--ease-out),box-shadow .35s;opacity:0;transform:translateY(20px);animation:cardIn .8s var(--ease-out) forwards;text-decoration:none;color:inherit}.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.15s}.card:nth-child(3){animation-delay:.25s}.card:nth-child(4){animation-delay:.35s}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 30px 60px -20px var(--accent-glow),0 10px 20px -10px var(--accent-bg)}.card .name-tag{position:absolute;top:-22px;left:0;padding:2px 8px 3px;background:var(--accent);color:#fff;font-size:12px;font-weight:500;letter-spacing:.01em;border-radius:4px 4px 4px 0;opacity:0;transition:opacity .25s,transform .25s;transform:translateY(4px);pointer-events:none;white-space:nowrap}.card .preview{aspect-ratio:83 / 50;border-radius:20px;overflow:hidden;position:relative}.card .preview img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}.card:hover .preview img{transform:scale(1.06)}.card.color-1 .preview{background:linear-gradient(135deg,#dde9f7,#9cbce8)}.card.color-2 .preview{background:linear-gradient(135deg,#e8ecf2,#b8c4d6)}.card.color-3 .preview{background:linear-gradient(135deg,#f0e8dc,#d8c4a5)}.card .content{display:flex;flex-direction:column;gap:16px}.card .meta-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink-4);letter-spacing:.04em;text-transform:uppercase}.card .meta-row .year{font-weight:500}.card .meta-row .locked{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface);border-radius:100px;color:var(--ink-3)}.card h4{font-size:32px;line-height:1.1;letter-spacing:-.02em;font-weight:500;color:var(--ink)}.card .desc{font-size:16px;line-height:1.55;color:var(--ink-2);max-width:48ch}.card .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tag{font-size:12px;padding:6px 12px;background:var(--surface);color:var(--ink-2);border-radius:100px;transition:transform .3s,background .3s}.card:hover .tag{background:var(--surface-hover);transform:translateY(-2px)}.card .cta{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--accent)}.card .cta .arr{transition:transform .3s}.card:hover .cta .arr{transform:translate(6px)}.card.locked-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 20px,rgba(20,20,20,.01) 20px 21px);pointer-events:none;border-radius:32px}.life-card{position:relative;background:var(--bg);border:1px solid rgba(20,20,20,.08);border-radius:32px;overflow:hidden;padding:32px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;transition:transform .5s var(--ease-out),box-shadow .5s,border-color .5s;text-decoration:none;color:inherit}.life-card:hover{transform:none;border-color:#14141414;box-shadow:none}.life-card .name-tag{position:absolute;top:-22px;left:0;padding:2px 8px 3px;background:var(--accent);color:#fff;font-size:12px;font-weight:500;letter-spacing:.01em;border-radius:4px 4px 4px 0;opacity:0;transition:opacity .25s,transform .25s;transform:translateY(4px);pointer-events:none;white-space:nowrap}.life-card:hover .name-tag{opacity:0;transform:translateY(4px)}.life-card .preview{aspect-ratio:83 / 50;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(135deg,#e8ecf2,#b8c4d6)}.life-card .preview img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}.life-card:hover .preview img{transform:none}.life-card .content{display:flex;flex-direction:column;gap:16px}.life-card h4{font-size:32px;line-height:1.1;letter-spacing:-.02em;font-weight:500;color:var(--ink)}.life-card .desc{font-size:16px;line-height:1.55;color:var(--ink-2);max-width:48ch}.life-card .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.life-card:hover .tag{background:var(--surface)}.life-card:hover .tag:nth-child(1){transform:none}.life-card:hover .tag:nth-child(2){transform:none}.life-card:hover .tag:nth-child(3){transform:none}.life-card .cta{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--accent)}.life-card .cta .arr{transition:transform .3s}.life-card:hover .cta .arr{transform:translate(6px)}.experience{margin-top:120px;padding-top:48px}.exp-list{display:flex;flex-direction:column}.exp-item{padding:20px 0;border-bottom:1px solid var(--line)}.exp-item:last-child{border-bottom:none}.exp-item-head{width:100%;padding:0;border:0;background:transparent;color:inherit;-webkit-text-fill-color:inherit;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;text-align:left;font-family:inherit;cursor:none;transition:padding-left .3s}@media(hover:hover){.exp-item-head:hover{padding-left:8px}}.exp-item h4{font-size:20px;font-weight:500;letter-spacing:-.01em}.exp-item .period{font-size:12px;color:var(--ink-3);white-space:nowrap;margin-top:4px}.exp-item .exp-body{max-height:0;overflow:hidden;transition:max-height .5s ease,margin-top .3s,opacity .3s;opacity:0;font-size:14px;line-height:1.6;color:var(--ink-2)}.exp-item .exp-body ul{padding-left:18px;margin:8px 0}.exp-item .exp-body li{margin-bottom:4px}.exp-item.open .exp-body{max-height:2000px;margin-top:14px;opacity:1}footer{margin-top:120px;padding-top:48px;border-top:none;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}footer .cta-big{font-size:clamp(32px,4vw,56px);line-height:1.05;font-weight:500;letter-spacing:-.02em;max-width:720px}footer .cta-big a{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:4px;transition:opacity .2s}footer .cta-big a:hover{opacity:.6}footer small{font-size:12px;color:var(--ink-4)}.mobile-contacts{display:none}.gate{position:fixed;inset:0;--gate-keyboard-offset: 0px;background:#ffffffb8;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);display:none;align-items:center;justify-content:center;z-index:200;animation:gateIn .3s ease}.gate.show{display:flex}@keyframes gateIn{0%{opacity:0}to{opacity:1}}.gate-box{position:relative;display:flex;flex-direction:column;background:var(--bg);padding:40px 40px 48px;border-radius:28px;width:90%;max-width:380px;box-shadow:0 40px 80px -20px #14141433;animation:boxIn .4s var(--ease-out)}@keyframes boxIn{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.gate-lock{width:40px;height:40px;background:var(--accent);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.gate-box h3{font-size:20px;font-weight:500;letter-spacing:-.02em;margin-bottom:8px}.gate-box p{font-size:14px;color:var(--ink-3);margin-bottom:20px;line-height:1.55}.gate-box p a{color:var(--accent)}.gate-input{display:block;width:100%;padding:13px 16px;font-family:var(--font);font-size:16px;border:1.5px solid rgba(20,20,20,.1);border-radius:12px;background:var(--surface);outline:none;transition:border-color .2s,background .2s;-webkit-text-security:disc;text-security:disc;cursor:text;min-height:1.2em;white-space:nowrap;overflow:hidden;box-sizing:border-box}.gate-input:focus{border-color:var(--accent);background:var(--bg)}.gate-input:empty:before{content:attr(aria-label);color:#1414144d;-webkit-text-security:none;text-security:none;pointer-events:none}.gate-box #gateSubmit{display:block;width:100%;padding:13px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;margin-top:10px}.gate-box #gateSubmit:hover{background:var(--accent-dark)}.gate-box .gate-x{position:absolute;top:16px;right:16px;width:32px;height:32px;background:none!important;border:none;font-size:14px;color:var(--ink-4);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;padding:0}.gate-box .gate-x:hover{background:var(--line)!important;color:var(--ink-1)}.gate-input.flash{border-color:#f53c14!important;background:var(--bg)!important;transition:none}.gate-box .err{font-size:12px;color:#f53c14;max-height:0;overflow:hidden;margin-top:0;opacity:0;transition:max-height .2s,opacity .2s,margin-top .2s}.gate-box .err.show{max-height:60px;margin-top:6px;margin-bottom:6px;opacity:1}.gate-input::placeholder{color:#1414144d}.gate.mobile{align-items:flex-start;justify-content:stretch;padding-top:0;background:#1012186b;backdrop-filter:none;-webkit-backdrop-filter:none;overscroll-behavior:none}.gate.mobile .gate-box{width:100%;max-width:none;margin-top:0;margin-bottom:0;padding:calc(env(safe-area-inset-top,0px) + 24px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);border-radius:0 0 24px 24px;max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-padding-top:24px;scroll-padding-bottom:24px;touch-action:pan-y;box-shadow:0 18px 40px #1414142e;animation:gateSheetIn .35s var(--ease-out)}.gate.mobile .gate-box h3{font-size:18px}.gate.mobile .gate-box p{margin-bottom:24px}@keyframes gateSheetIn{0%{transform:translateY(-24px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(max-width:900px){.page{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:14px 20px 12px;border-right:none;border-bottom:none}.sidebar-top{display:grid;grid-template-columns:56px 1fr;column-gap:12px;row-gap:10px;align-items:start}.avatar{width:56px;height:56px}.ident{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin-bottom:0}.ident h1{width:100%;font-size:16px;margin-bottom:2px;line-height:1.2}.title-role{font-size:12px;font-weight:400;color:var(--ink-3)}.location{display:inline-flex;font-size:12px;color:var(--ink-4);margin-bottom:0;margin-top:0;gap:8px}.location:before{content:none}.status-dot{width:5px;height:5px}.bio,.sidebar-nav,.sidebar-bottom,.copyright{display:none}.mobile-contacts{display:block}.mobile-contacts .contacts{flex-direction:column;gap:0}.mobile-contacts .contact-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);gap:12px;color:inherit;transition:color .2s}.mobile-contacts .contact-row:last-child{border-bottom:none;padding-bottom:0}.mobile-contacts .contact-row>span:first-child{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);flex-shrink:0}.mobile-contacts .contact-row .contact-value{font-size:12px;font-weight:500;color:var(--ink-2)}.mobile-contacts .contact-row:hover .contact-value{color:var(--accent)}.main{padding:36px 20px 64px}.hero{margin-bottom:52px;max-width:100%}.hero h2{font-size:clamp(28px,8vw,42px)}.hero-meta{flex-direction:column;gap:0;margin-top:24px}.hero-meta .cell,.hero-meta .cell:not(:last-child){flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-right:none;border-bottom:1px solid var(--line)}.hero-meta .cell:last-child{border-bottom:none;padding-bottom:0}.hero-meta .cell .k{flex-shrink:0}.hero-ornaments{display:none}.card{grid-template-columns:1fr;padding:20px;gap:16px;border-radius:20px}.card h4{font-size:22px}.card .desc{font-size:14px}.card .preview{border-radius:12px}.life-card{grid-template-columns:1fr;padding:20px;gap:16px;border-radius:20px}.life-card h4{font-size:22px}.life-card .desc{font-size:14px}.life-card .preview{border-radius:12px}.exp-item-head{transition:none;-webkit-tap-highlight-color:transparent}.exp-item-head:hover{padding-left:0}.experience{margin-top:48px;padding-top:24px}#free-time{margin-top:48px!important}footer{margin-top:48px;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:20px}footer .cta-big{font-size:clamp(22px,6.5vw,40px)}footer small{width:100%}.mobile-contacts{margin-top:0;width:100%}}@media(max-width:480px){.sidebar{padding:12px 16px 10px}.main{padding:28px 16px 56px}.hero h2{font-size:clamp(26px,8.5vw,36px)}.card,.life-card{border-radius:16px;padding:16px;gap:14px}}