/* Авторский стиль: цифровая орбита, мягкое свечение и движение. */
.creative-portfolio{--bg:#0a1017;--panel:#111b23;--line:#27343d;--text:#eef3ef;--muted:#a0b1b6;--lime:#c3ed77;--lime-text:#c3ed77;--electric:#8ed6dd;background:var(--bg);isolation:isolate}.creative-portfolio main,.creative-portfolio footer{position:relative;z-index:1}.ambient-stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.7}.creative-portfolio:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 10%,#257b9620,transparent 42%),radial-gradient(ellipse at 8% 45%,#5e7c2710,transparent 40%)}.creative-portfolio .header{background:#0a1017dc;backdrop-filter:blur(15px);border-bottom:1px solid #26384288}.reading-progress{position:fixed;z-index:90;top:0;left:0;right:0;height:2px;pointer-events:none}.reading-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#c3ed77,#82cfdc);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #b2e19455}.creative-portfolio .hero{padding-top:31px}.creative-portfolio .hero:before{background:radial-gradient(ellipse at 70% 30%,#4a91a411,transparent 60%)}.creative-portfolio .hero-top{padding-bottom:12px}.creative-portfolio .hero-top .eyebrow{color:#b2c0c0;font:9px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.local-clock{font:9px ui-monospace,SFMono-Regular,monospace;color:#7d969e;border-left:1px solid #354b51;margin-left:7px;padding-left:10px}.creative-portfolio .hero-hello{font:10px/1.8 ui-monospace,SFMono-Regular,monospace;gap:9px;flex-wrap:wrap}.hello-divider{color:#34494d}.creative-portfolio #hero-live-word{color:#8db8bc;min-width:139px;transition:opacity .25s,transform .25s}.creative-portfolio #hero-live-word.changing{opacity:0;transform:translateY(4px)}.creative-portfolio .hero h1{font-size:clamp(40px,4.7vw,66px);letter-spacing:-.065em;font-weight:650;line-height:1.1;margin-top:24px}.creative-portfolio .hero h1 em{background:linear-gradient(105deg,#d4f6a6,#a5da89 48%,#8cd7dc);background-clip:text;-webkit-background-clip:text;color:transparent}.creative-portfolio .hero-lead{color:#a2b2b6;max-width:440px}.creative-portfolio .hero .button.primary{box-shadow:0 6px 30px #9bbf4a18;transition:box-shadow .25s,transform .25s}.creative-portfolio .hero .button.primary:hover{box-shadow:0 8px 35px #a2cc582d;transform:translateY(-3px)}.creative-portfolio .hero .button.outline{border-color:#476067;background:#10202935}.creative-portfolio .hero .intro-trigger{background:#15222980;border-color:#30464d;backdrop-filter:blur(8px)}.creative-portfolio .hero .portrait-composition{perspective:1000px}.creative-portfolio .hero-portrait{border:1px solid #6b858b;background:#19272e;box-shadow:0 0 0 10px #a0c7cb07,0 35px 80px #0004;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.creative-portfolio .hero-portrait img{filter:saturate(.85);transition:filter .5s,transform .8s}.creative-portfolio .hero-portrait:hover img{filter:saturate(1);transform:scale(1.025)}.creative-portfolio .portrait-orbit{border-color:#789ca73f;animation:orbit-turn 65s linear infinite;inset:-27px}.portrait-satellite{position:absolute;inset:-30px;border-radius:50%;pointer-events:none;z-index:-1;animation:orbit-turn 35s linear infinite}.portrait-satellite>span{position:absolute;left:12%;top:12%;color:#a7d5d6;font-size:24px;text-shadow:0 0 24px #8ed6dd55}.portrait-code-label{position:absolute;right:14px;top:-28px;font:11px ui-monospace,SFMono-Regular,monospace;color:#78989e;transform:rotate(5deg)}.creative-portfolio .portrait-sticker{box-shadow:0 10px 35px #0002;animation:sticker-float 7s ease-in-out infinite}.creative-portfolio .portrait-social{background:#a8d4d6;color:#15282c;box-shadow:0 15px 35px #0003;animation:sticker-float 8s ease-in-out -3s infinite}.creative-portfolio .portrait-note{border-color:#3c5351;background:#14221f}.creative-portfolio .portrait-note span{color:#c3ed77}.creative-portfolio .hero-foot{border-color:#2e4047}.creative-portfolio .developer-console{padding-top:70px;padding-bottom:80px}.creative-portfolio .console-intro h2 em{color:#9ed7d7}.creative-portfolio .code-window{background:#0b141b;border-color:#344b53;box-shadow:0 20px 70px #0003,0 0 60px #78c9cf05;transform:rotate(.5deg);transition:transform .4s}.creative-portfolio .code-window:hover,.creative-portfolio .code-window:focus-within{transform:rotate(0)}.creative-portfolio .code-window-top{background:#101c24;border-color:#263d44}.creative-portfolio .code-tabs{background:#0e1820;border-color:#263d44}.creative-portfolio .code-tabs button{border-color:#263d44}.creative-portfolio .code-tabs button[aria-selected=true]{background:#15232a;color:#d1e2e1}.creative-portfolio .syntax-keyword{color:#8bcddd}.creative-portfolio .code-status{border-color:#263d44;background:#0e1b23}.creative-portfolio .terminal-form{background:#0d1920;border-color:#263d44}.creative-portfolio .code-window:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #b7e8ef09}.creative-portfolio .project-visual{transition:transform .4s,box-shadow .4s,border-color .4s;border:1px solid #517a801f;transform:translate3d(0,0,0)}.creative-portfolio .project-card:hover .project-visual{box-shadow:0 22px 55px #0004;transform:translateY(-6px);border-color:#8bc7cd55}.creative-portfolio .project-arrow{background:#d6eee3;transition:transform .3s,background .3s}.creative-portfolio .project-card:hover .project-arrow{transform:rotate(45deg);background:#c3ed77}.creative-portfolio .project-card h3 a:hover{color:#a5d9d8}.creative-portfolio .project-meta{color:#8fa8ae}.creative-portfolio .work-strip{background:#101c21;border-block-color:#294048}.creative-portfolio .expertise,.creative-portfolio .personal-story,.creative-portfolio .bug-section{background:#0e1a21}.creative-portfolio .section-head .text-link:hover{color:#a8dbe0}.creative-portfolio .cta{position:relative}.creative-portfolio .cta:before{content:'';position:absolute;inset:10% 10%;background:radial-gradient(ellipse,#477f7f13,transparent 65%);pointer-events:none;z-index:-1}.creative-portfolio .round-link{transition:transform .4s,box-shadow .4s}.creative-portfolio .round-link:hover{transform:rotate(12deg);box-shadow:0 0 70px #b6e87818}.creative-portfolio [data-orbit-reveal]{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.creative-portfolio.motion-enabled [data-orbit-reveal]:not(.orbit-visible){opacity:0;transform:translateY(25px)}.creative-portfolio .hero-layout>div:first-child{animation:hero-arrive .8s ease-out both}.creative-portfolio .hero-layout>.portrait-composition{animation:hero-arrive 1s .12s ease-out both}
/* Полноэкранное световое приветствие; без видео и мерцания. */
.creative-portfolio .welcome-gate{width:100%;max-width:none;max-height:none;height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#080f16;color:#f1f6f2;overflow:hidden;box-shadow:none}.creative-portfolio .welcome-gate::backdrop{background:#080f16}.creative-portfolio .welcome-gate-top{height:76px;padding:18px clamp(22px,5vw,75px);border-color:#20323e;background:#0a131a;position:relative;z-index:3}.creative-portfolio .welcome-gate-top>span{color:#7a9ba4;letter-spacing:.15em}.creative-portfolio .welcome-gate-top button{border:1px solid #344f58;border-radius:24px;padding:10px 17px;color:#bbd9d8;background:#112129}.creative-portfolio .welcome-gate-top button:focus-visible{outline:2px solid #a7d2c9;outline-offset:4px}.creative-portfolio .orbit-welcome{height:calc(100dvh - 130px);padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;background:radial-gradient(ellipse at 50% 45%,#337c8e16,transparent 60%);overflow:hidden}.arrival-logo{position:relative;z-index:2;background:#15251e;border:1px solid #c3ed7740;border-radius:24px;padding:20px;margin-bottom:27px;box-shadow:0 0 70px #9cd86a0d;animation:logo-arrive .85s ease-out both}.creative-portfolio .arrival-logo img{margin:0;width:52px;height:52px}.creative-portfolio .orbit-welcome>small{position:relative;z-index:2;font-size:10px;color:#91b3bb;letter-spacing:.2em;animation:hero-arrive .7s .15s ease both}.creative-portfolio .welcome-gate h2{font-size:clamp(34px,6.5vw,83px);font-weight:600;line-height:1.08;letter-spacing:-.055em;margin:20px 0 25px;position:relative;z-index:2;animation:hero-arrive .8s .2s ease both}.creative-portfolio .welcome-gate h2 em{background:linear-gradient(100deg,#c3ed77,#a5d5c0,#8ccfde);background-clip:text;-webkit-background-clip:text;color:transparent}.creative-portfolio .orbit-welcome>p{position:relative;z-index:2;font-size:12px;color:#809da4;animation:hero-arrive .8s .35s ease both}.creative-portfolio .welcome-gate-bottom{height:54px;position:relative;z-index:3;padding:13px clamp(22px,5vw,75px);border-color:#20323e;background:#0a131a;font:9px ui-monospace,SFMono-Regular,monospace;color:#668a94}.arrival-orbit{position:absolute;left:50%;top:45%;width:min(70vw,630px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.arrival-orbit>i{position:absolute;inset:0;border:1px solid #6faab72b;border-radius:50%;transform:rotateX(65deg) rotate(-25deg)}.arrival-orbit>i:nth-child(2){inset:-12%;border-style:dashed;border-color:#90a9661c;transform:rotateX(60deg) rotate(35deg)}.arrival-orbit>i:nth-child(3){inset:15%;border-color:#afd58124;transform:rotateY(67deg) rotate(-30deg)}.arrival-orbit>span{position:absolute;inset:-6%;border:1px solid #7babb51a;border-radius:50%;animation:orbit-turn 20s linear infinite}.arrival-orbit>span:before{content:'';position:absolute;top:18%;left:10%;width:6px;height:6px;background:#b6dc97;border-radius:50%;box-shadow:0 0 15px #b6dc97}.arrival-signal{position:absolute;top:48%;left:-10%;width:120%;height:140px;pointer-events:none;opacity:.5}.arrival-signal path{stroke:#8acbd5;stroke-width:1;stroke-dasharray:1500;stroke-dashoffset:1500;animation:draw-signal 2.6s .05s ease-out forwards}.welcome-coordinate{position:absolute;top:40px;left:5%;font:8px/2 ui-monospace,SFMono-Regular,monospace;color:#476a78;text-align:left;letter-spacing:.1em}.arrival-caption{display:flex;justify-content:space-between;position:absolute;bottom:30px;left:5%;right:5%;font:9px ui-monospace,SFMono-Regular,monospace;color:#4d7381;letter-spacing:.1em}.creative-portfolio .welcome-gate[open]{animation:arrival-in .25s ease-out}
[data-theme=light] .creative-portfolio{--bg:#f2f5ed;--panel:#e8eee5;--text:#243a34;--muted:#5e756c;--line:#cedbd0;--lime-text:#3b693d}[data-theme=light] .creative-portfolio .header{background:#f2f5ede8}[data-theme=light] .creative-portfolio:before{opacity:.25}[data-theme=light] .creative-portfolio .hero h1 em{background:linear-gradient(100deg,#497741,#437c70);background-clip:text;-webkit-background-clip:text}[data-theme=light] .creative-portfolio .hero-lead{color:#5a7269}[data-theme=light] .creative-portfolio .hero .intro-trigger{background:#e6eddf;border-color:#c5d7c7}[data-theme=light] .creative-portfolio .hero .button.outline{background:transparent;border-color:#c0d1c2}[data-theme=light] .creative-portfolio .work-strip,[data-theme=light] .creative-portfolio .expertise,[data-theme=light] .creative-portfolio .bug-section{background:#e7eee2}[data-theme=light] .creative-portfolio .console-intro h2 em{color:#437a70}[data-theme=light] .creative-portfolio .ambient-stars{opacity:.1}
@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes sticker-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes logo-arrive{from{opacity:0;transform:scale(.85) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes draw-signal{0%{stroke-dashoffset:1500;opacity:0}20%{opacity:.9}100%{stroke-dashoffset:0;opacity:.25}}
@media(max-width:700px){.creative-portfolio .hero h1{font-size:clamp(38px,8.9vw,58px)}.creative-portfolio .hero .hero-layout{padding-top:30px;gap:45px}.creative-portfolio .hero-hello{font-size:9px;gap:7px}.creative-portfolio #hero-live-word,.hello-divider{display:none}.creative-portfolio .hero-top .eyebrow{font-size:7px;letter-spacing:.04em}.local-clock{display:none}.creative-portfolio .portrait-orbit{inset:-12px}.portrait-satellite{inset:-14px}.portrait-code-label{font-size:9px;right:15px;top:-22px}.creative-portfolio .developer-console{padding-top:45px;padding-bottom:50px}.creative-portfolio .welcome-gate-top{height:65px;padding:15px 20px}.creative-portfolio .welcome-gate-top>span{font-size:8px;letter-spacing:.08em}.creative-portfolio .welcome-gate-top button{font-size:10px;padding:9px 13px}.creative-portfolio .orbit-welcome{height:calc(100dvh - 115px);padding:20px}.creative-portfolio .welcome-gate-bottom{height:50px;padding:13px 20px;font-size:8px}.creative-portfolio .welcome-gate h2{font-size:clamp(34px,8vw,53px);margin-top:20px}.creative-portfolio .orbit-welcome>p{font-size:10px;max-width:260px;line-height:1.8}.creative-portfolio .orbit-welcome>small{font-size:8px}.arrival-logo{padding:17px;border-radius:21px;margin-bottom:24px}.creative-portfolio .arrival-logo img{width:42px;height:42px}.arrival-orbit{width:100vw}.welcome-coordinate{top:24px;font-size:7px}.arrival-caption{font-size:7px;bottom:20px}.arrival-signal{top:46%;width:170%;left:-35%}.creative-portfolio .header{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.creative-portfolio *,.creative-portfolio *:before,.creative-portfolio *:after{animation:none!important;scroll-behavior:auto!important}.creative-portfolio [data-orbit-reveal]{transition:none;opacity:1!important;transform:none!important}.creative-portfolio .project-visual,.creative-portfolio .code-window,.creative-portfolio #hero-live-word{transition:none}.arrival-signal path{stroke-dashoffset:0;opacity:.2}.creative-portfolio .portrait-satellite{display:none}}

.creative-portfolio.orbit-paused *,.creative-portfolio.orbit-paused *:before,.creative-portfolio.orbit-paused *:after{animation-play-state:paused!important}
/* Кинематографичная молния по референсу: один разряд вместо пульса. */
.creative-portfolio .welcome-gate{background:#030713}.creative-portfolio .welcome-gate-top,.creative-portfolio .welcome-gate-bottom{background:#060c19d9;border-color:#27395766}.creative-portfolio .orbit-welcome{background:radial-gradient(ellipse at 48% 40%,#153f8440,transparent 65%),#030713}.creative-portfolio .welcome-gate .arrival-orbit{opacity:.2}.creative-portfolio .arrival-logo{background:#0c1832a8;border-color:#6a8cb94a;box-shadow:0 0 50px #327bcb25;backdrop-filter:blur(5px);border-radius:50%;padding:20px;z-index:4}.creative-portfolio .welcome-gate h2{font-size:clamp(35px,6.1vw,80px);z-index:4;text-shadow:0 4px 45px #020817;animation:storm-title 1s .65s both}.creative-portfolio .welcome-gate h2 em{background:linear-gradient(100deg,#719efe 10%,#79bdff 55%,#c9eaff);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 25px #2466d552)}.creative-portfolio .orbit-welcome>p{color:#96abc9;z-index:4;animation:hero-arrive .8s .9s both}.creative-portfolio .orbit-welcome>small{color:#7f9bc4;z-index:4}.creative-portfolio .welcome-gate .lightning-bolt{position:absolute;inset:-15% -10%;width:120%;height:130%;opacity:1;z-index:1;pointer-events:none;overflow:visible}.creative-portfolio .lightning-bolt path{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:lightning-strike 3.5s .15s ease-out both;stroke:#edf8ff}.creative-portfolio .lightning-bolt .bolt-core{stroke-width:2.7;stroke:#fff;filter:drop-shadow(0 0 3px #b4dcff)}.creative-portfolio .lightning-bolt .bolt-halo path{stroke:#a5d3ff;stroke-width:9}.creative-portfolio .lightning-bolt .bolt-glow path{stroke:#3c8bff;stroke-width:35;opacity:.85}.creative-portfolio .lightning-bolt .bolt-branch{stroke-width:1.1;stroke:#b9dfff;animation-delay:.3s;filter:drop-shadow(0 0 4px #428fff)}.storm-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#e0edff99 50%,transparent),radial-gradient(1px 1px at 32% 76%,#88b2ff88 50%,transparent),radial-gradient(1px 1px at 78% 28%,#c2d8ff88 50%,transparent),radial-gradient(1px 1px at 86% 68%,#e0edff88 50%,transparent),radial-gradient(1px 1px at 59% 10%,#c2d8ff88 50%,transparent);background-size:270px 250px;opacity:.8}.storm-atmosphere:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 49% 43%,#2763cc2b,transparent 65%);animation:storm-glow 3.7s ease-out both}.creative-portfolio .arrival-caption{z-index:4;color:#6485af}.creative-portfolio .hero h1 em{background:linear-gradient(100deg,#c8ed95,#96d6d9 65%,#8ebaff);background-clip:text;-webkit-background-clip:text}.creative-portfolio .hero:before{background:radial-gradient(ellipse at 72% 40%,#3367b51e,transparent 65%)}
@keyframes lightning-strike{0%{stroke-dashoffset:1;opacity:0}8%{opacity:1}25%{stroke-dashoffset:0;opacity:1}70%{stroke-dashoffset:0;opacity:.9}100%{stroke-dashoffset:0;opacity:.15}}@keyframes storm-title{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes storm-glow{0%{opacity:0}25%{opacity:1}100%{opacity:.3}}
@media(max-width:700px){.creative-portfolio .welcome-gate h2{font-size:clamp(33px,7.9vw,52px)}.creative-portfolio .welcome-gate .lightning-bolt{width:185%;left:-42.5%}.creative-portfolio .arrival-logo{padding:17px}}
@media(prefers-reduced-motion:reduce){.creative-portfolio .lightning-bolt path{animation:none!important;stroke-dashoffset:0;opacity:.25}.creative-portfolio .welcome-gate h2{animation:none!important}.storm-atmosphere:after{animation:none!important;opacity:.25}}
/* Медленное зарождение разряда и мягкое раскрытие страницы. */
.creative-portfolio .welcome-gate[open]{animation:storm-enter 1.1s ease both;transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}.creative-portfolio .welcome-gate[open]::backdrop{transition:opacity 1.2s ease}.creative-portfolio .welcome-gate.welcome-leaving{opacity:0;transform:scale(1.025);pointer-events:none}.creative-portfolio .welcome-gate.welcome-leaving::backdrop{opacity:0}.creative-portfolio .lightning-bolt path{animation:living-discharge 6.3s .35s ease-out both}.creative-portfolio .lightning-bolt .bolt-branch{animation:living-branches 6s .8s ease-out both}.creative-portfolio .lightning-bolt .bolt-glow{animation:living-glow 6.5s ease-in-out both}.creative-portfolio .welcome-gate h2{animation:storm-title 1.6s 1.15s both}.creative-portfolio .orbit-welcome>p{animation:hero-arrive 1.3s 1.65s both}.creative-portfolio .arrival-logo{animation:logo-arrive 1.4s .25s both}.creative-portfolio .orbit-welcome>small{animation:hero-arrive 1.1s .8s both}.storm-atmosphere:after{animation:slow-storm-glow 7s ease-in-out both}
@keyframes storm-enter{from{opacity:0}to{opacity:1}}@keyframes living-discharge{0%{stroke-dashoffset:1;opacity:0}12%{opacity:.3}30%{stroke-dashoffset:.32;opacity:.85}42%{stroke-dashoffset:0;opacity:1}62%{stroke-dashoffset:0;opacity:.85}75%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.3}}@keyframes living-branches{0%,15%{stroke-dashoffset:1;opacity:0}45%{stroke-dashoffset:0;opacity:.75}70%{stroke-dashoffset:0;opacity:.5}100%{stroke-dashoffset:0;opacity:.15}}@keyframes living-glow{0%{opacity:0}35%{opacity:.7}55%{opacity:1}75%{opacity:.65}100%{opacity:.2}}@keyframes slow-storm-glow{0%{opacity:0}40%{opacity:.8}70%{opacity:.6}100%{opacity:.1}}
@media(prefers-reduced-motion:reduce){.creative-portfolio .welcome-gate[open],.creative-portfolio .welcome-gate[open]::backdrop{animation:none!important;transition:none!important}.creative-portfolio .welcome-gate.welcome-leaving{transform:none}.creative-portfolio .lightning-bolt path{animation:none!important;opacity:.25;stroke-dashoffset:0}}
.creative-portfolio .welcome-gate.welcome-leaving{animation:welcome-soft-exit 1.2s ease forwards!important}@keyframes welcome-soft-exit{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.025)}}
/* Разряд раскрывает имя: две световые границы и крупный знак. */
.creative-portfolio .arrival-logo.identity-logo{width:150px;height:150px;padding:24px;border-radius:30px;background:linear-gradient(145deg,#152c40f2,#101c2bee);border:1px solid #8dc6fa5c;box-shadow:0 0 0 9px #6baeff07,0 0 80px #4b9aff2c,inset 0 1px 0 #d0e9ff15;margin-bottom:28px;animation:identity-logo-in 1.6s .3s both;position:relative;flex-shrink:0}.creative-portfolio .arrival-logo.identity-logo img{width:100px;height:100px;max-width:100%;filter:drop-shadow(0 0 13px #b6e89c38)}.logo-corner{position:absolute;width:24px;height:24px;border:2px solid #bdddf6;pointer-events:none}.logo-corner-a{left:-8px;top:-8px;border-right:0;border-bottom:0;border-radius:10px 0 0}.logo-corner-b{bottom:-8px;right:-8px;border-left:0;border-top:0;border-radius:0 0 10px}.creative-portfolio .welcome-gate h2.identity-name{display:flex;flex-direction:column;gap:4px;font-size:clamp(43px,8.2vw,112px);font-weight:750;letter-spacing:-.055em;line-height:1;margin:22px 0 20px;animation:identity-unveil 2s 1.9s cubic-bezier(.16,.7,.2,1) both;filter:none;text-shadow:0 3px 55px #030816;isolation:isolate}.identity-first{color:#f3f8fc;display:block}.identity-last{display:block;font-size:.73em;letter-spacing:.045em;background:linear-gradient(100deg,#c8ec9e,#a3d5eb 60%,#83b8ff);background-clip:text;-webkit-background-clip:text;color:transparent}.identity-dot{color:#c3ed77}.creative-portfolio .orbit-welcome .identity-role{font-size:12px;letter-spacing:.04em;color:#afc3d8;margin-bottom:16px;animation:hero-arrive 1.3s 3s both}.identity-signature{font:10px/1.7 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase;color:#7397be;position:relative;z-index:4;animation:hero-arrive 1.2s 3.4s both}.creative-portfolio .orbit-welcome .identity-kicker{animation:hero-arrive 1.2s 1.1s both}.creative-portfolio .welcome-gate .lightning-left{animation:bolt-open-left 8.8s cubic-bezier(.2,.65,.2,1) both}.creative-portfolio .welcome-gate .lightning-right{animation:bolt-open-right 8.8s cubic-bezier(.2,.65,.2,1) both}.creative-portfolio .lightning-bolt path{animation-duration:8.4s}.creative-portfolio .lightning-bolt .bolt-branch{animation-duration:8s}.creative-portfolio .lightning-bolt .bolt-glow{animation-duration:8.6s}.creative-portfolio .welcome-gate.welcome-leaving{animation-duration:1.4s!important}.storm-atmosphere:after{animation-duration:9s}
@keyframes identity-unveil{0%{opacity:0;clip-path:inset(0 50%);transform:scale(.96);filter:blur(9px)}35%{opacity:.8}100%{opacity:1;clip-path:inset(-10% -10%);transform:scale(1);filter:blur(0)}}@keyframes identity-logo-in{from{opacity:0;transform:translateY(12px) scale(.75);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes bolt-open-left{0%,22%{transform:translateX(0);opacity:1}58%{transform:translateX(-19%);opacity:.8}100%{transform:translateX(-23%);opacity:.2}}@keyframes bolt-open-right{0%,22%{transform:translateX(0);opacity:1}58%{transform:translateX(22%);opacity:.7}100%{transform:translateX(27%);opacity:.15}}
@media(max-width:700px){.creative-portfolio .arrival-logo.identity-logo{width:116px;height:116px;padding:19px;border-radius:25px;margin-bottom:25px}.creative-portfolio .arrival-logo.identity-logo img{width:76px;height:76px}.creative-portfolio .welcome-gate h2.identity-name{font-size:clamp(40px,13vw,71px);gap:9px;margin:25px 0 21px;max-width:100%}.identity-last{font-size:.64em;letter-spacing:.025em}.creative-portfolio .orbit-welcome .identity-role{font-size:10px}.identity-signature{font-size:8px;letter-spacing:.1em}.logo-corner{width:20px;height:20px}.creative-portfolio .welcome-gate .lightning-left,.creative-portfolio .welcome-gate .lightning-right{animation-duration:8.8s}}
@media(max-height:600px) and (min-width:701px){.creative-portfolio .arrival-logo.identity-logo{width:90px;height:90px;padding:15px;margin-bottom:15px}.creative-portfolio .arrival-logo.identity-logo img{width:60px;height:60px}.creative-portfolio .welcome-gate h2.identity-name{font-size:64px;margin:15px 0}.creative-portfolio .welcome-coordinate{top:20px}.arrival-caption{bottom:15px}}
@media(prefers-reduced-motion:reduce){.creative-portfolio .welcome-gate h2.identity-name,.creative-portfolio .arrival-logo.identity-logo,.creative-portfolio .welcome-gate .lightning-left,.creative-portfolio .welcome-gate .lightning-right,.identity-signature{animation:none!important;clip-path:none;filter:none;transform:none}.creative-portfolio .welcome-gate .lightning-right{display:none}}
/* Карточка обучения располагается под фото и не закрывает подпись. */
.creative-portfolio .hero .portrait-note{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:flex;width:fit-content;max-width:calc(100% - 24px);margin:20px 12px 0;padding:13px 18px;transform:rotate(-2deg);color:#eef3e9;z-index:2}.creative-portfolio .hero .portrait-note small{color:#a3b7ad;font-size:9px;line-height:1.6}.creative-portfolio .hero .portrait-composition{padding-bottom:12px}.creative-portfolio .hero-portrait figcaption{padding-bottom:26px}@media(max-width:700px){.creative-portfolio .hero .portrait-note{margin:18px 9px 0;max-width:calc(100% - 18px);padding:12px 16px}.creative-portfolio .hero .portrait-note strong{font-size:15px}.creative-portfolio .hero .portrait-note small{font-size:9px}}