:root{--bg:#080a10;--panel:#151923;--text:#f5f6fa;--muted:#a8aebe;--blue:#82b5ff;--lavender:#b6a5fc;--line:rgba(255,255,255,.09);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button:focus:not(:focus-visible){outline:none}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}button{border:0}svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.glass{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.ambient{position:absolute;pointer-events:none;z-index:-1;inset:0 0 auto;height:1030px;background:radial-gradient(ellipse at 80% 25%,rgba(70,77,138,.16),transparent 44%),radial-gradient(ellipse at 4% 15%,rgba(31,62,107,.08),transparent 40%)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#e4ecff;color:#0b1020;border-radius:12px;padding:12px 18px}.skip-link:focus{top:16px}.site-header{height:115px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.6px;white-space:nowrap}.brand img{border-radius:12px}.brand-domain{color:#8d95a8;font-weight:450}.desktop-nav{display:flex;padding:5px;border-radius:99px;gap:2px}.desktop-nav a{padding:9px 19px;font-size:13px;color:#b7bdcb;border-radius:99px;transition:color .2s,background .2s}.desktop-nav a:hover{color:white;background:rgba(255,255,255,.04)}.desktop-nav a.active{background:rgba(255,255,255,.095);color:#f5f6fa;box-shadow:0 1px 4px #0003}.header-link{display:flex;align-items:center;gap:10px;color:#b7bdcb;font-size:13px}.header-link .icon{width:16px;height:16px}.header-link:hover{color:white}.menu-toggle,.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;column-gap:60px;padding-top:43px}.personal-label{font-size:12px;color:#b2bbce;display:flex;align-items:center;gap:9px;margin-bottom:25px;letter-spacing:.1px}.status-dot{width:6px;height:6px;border-radius:50%;background:#b2bcf8;box-shadow:0 0 12px #91a1ff66}h1{font-size:clamp(68px,6.5vw,91px);line-height:1.025;font-weight:650;letter-spacing:-5px}.name-dot{color:#b5c7f1}.hero-role{font-size:24px;line-height:1.45;font-weight:450;letter-spacing:-.6px;margin-top:27px}.hero-description{max-width:450px;color:var(--muted);font-size:15px;line-height:1.8;margin-top:18px}.hero-actions{display:flex;gap:12px;margin-top:31px}.button{height:49px;display:inline-flex;justify-content:center;align-items:center;gap:16px;border-radius:14px;padding:0 22px;font-size:13px;font-weight:550;transition:background .2s,box-shadow .2s}.button .icon{width:17px;height:17px}.primary{background:#dce6ff;color:#151c31;box-shadow:0 4px 24px #759dff12,inset 0 1px 0 #fff8}.primary:hover{background:#f1f5ff;box-shadow:0 6px 28px #759dff25}.secondary{background:#ffffff08;border:1px solid #ffffff16;color:#d8dce7}.secondary:hover{background:#ffffff10}.portrait-area{position:relative;width:100%;max-width:463px;justify-self:end;padding-bottom:29px}.portrait-halo{position:absolute;inset:20px -18px 0;background:radial-gradient(ellipse,rgba(123,132,218,.14),transparent 68%);filter:blur(20px);z-index:-1}.portrait-frame{position:relative;overflow:hidden;border-radius:36px;border:1px solid #ffffff14;box-shadow:0 30px 80px #0005;background:#171a25;aspect-ratio: .86}.portrait{width:100%;height:100%;object-fit:cover;object-position:center 40%}.portrait-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(8,11,18,.1) 68%,rgba(8,11,18,.88) 100%)}.portrait-caption{position:absolute;bottom:33px;left:27px;display:flex;gap:13px;align-items:center}.mini-mark{border:1px solid #ffffff29;background:#ffffff0b;backdrop-filter:blur(10px);width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:12px;letter-spacing:-1px}.portrait-caption strong{font-size:12px;display:block;font-weight:500}.portrait-caption div>span{display:block;font-size:11px;color:#afb5c6;margin-top:2px}.floating-note{position:absolute;bottom:0;left:-38px;border-radius:19px;display:flex;align-items:center;gap:12px;padding:15px 22px 15px 15px;box-shadow:0 12px 40px #0004;background:linear-gradient(125deg,rgba(43,48,66,.94),rgba(26,29,42,.94))}.note-icon{display:grid;place-items:center;width:39px;height:39px;background:#a79aff16;color:#bdb1ff;border-radius:12px}.floating-note div>span{font-size:10px;color:#aeb6cb;display:block;margin-bottom:3px}.floating-note strong{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:550;letter-spacing:.2px}.floating-note i{display:inline-block;width:3px;height:3px;background:#8693b5;border-radius:50%}.expertise{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.65fr 1.65fr 1.4fr;gap:25px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:75px;padding:27px 0}.expertise-label{font-size:11px;color:#7e879b}.expertise>div{display:grid;grid-template-columns:24px 1fr;gap:2px 12px;align-items:center}.expertise .icon{grid-row:1/3;color:#899bc3;width:22px;height:22px}.expertise span:not(.expertise-label){font-size:13px;color:#d4dae7;font-weight:500}.expertise small{grid-column:2;font-size:10px;color:#818a9d}
.section{padding-top:110px}.section-kicker{font-size:12px;color:#a1adc6;margin-bottom:15px}h2{font-size:clamp(32px,3.2vw,44px);line-height:1.17;letter-spacing:-1.8px;font-weight:580}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:38px}.section-heading>p{color:#949daf;font-size:13px;line-height:1.8;padding-bottom:3px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{padding:27px 30px 32px;border-radius:28px;overflow:hidden;position:relative;transition:border-color .2s,background .2s}.project-card:hover{border-color:#ffffff25;background-color:#ffffff03}.soft-card{background:radial-gradient(ellipse at 80% 22%,#25427122,transparent 65%),linear-gradient(135deg,#171d2b,#11151d)}.forum-card{background:radial-gradient(ellipse at 80% 22%,#59477225,transparent 65%),linear-gradient(135deg,#1b1c2b,#14131c)}.card-top{display:flex;align-items:center;gap:13px}.app-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;box-shadow:inset 0 1px 0 #ffffff35,0 6px 14px #0003}.app-icon .icon{width:24px;height:24px}.soft-icon{background:linear-gradient(140deg,#6399f3,#2f54b8);color:#edf3ff}.forum-icon{background:linear-gradient(140deg,#ab8bfa,#6f54bd);color:#f6f0ff}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:99px;font-size:10px;line-height:1.6;color:#b1b9ce;border:1px solid #ffffff0c;background:#ffffff05}.card-arrow{margin-left:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #ffffff15;color:#aab5ce}.card-arrow .icon{width:15px;height:15px;transition:transform .2s}.project-card:hover .card-arrow .icon{transform:translate(2px,-2px)}.project-art{height:224px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:5px}.code-window{width:82%;border:1px solid #7188b52b;background:linear-gradient(125deg,#202a3b,#141a27);border-radius:13px;box-shadow:0 25px 30px #0003;transform:perspective(800px) rotateY(-8deg) rotateX(7deg) rotateZ(-3deg);overflow:hidden}.window-controls{height:31px;display:flex;gap:5px;align-items:center;border-bottom:1px solid #ffffff08;padding:0 12px}.window-controls i{width:5px;height:5px;border-radius:50%;background:#68738c}.window-controls i:first-child{background:#bd7b87}.window-controls i:nth-child(2){background:#bfa16d}.window-controls i:nth-child(3){background:#719e87}.window-controls>span{font-size:8px;color:#78859c;margin-left:auto;margin-right:auto;padding-right:20px}.code-lines{font:10px/2 ui-monospace,SFMono-Regular,Menlo,monospace;padding:20px 22px;color:#c5d5ee}.code-lines em{color:#baadf6;font-style:normal}.code-lines b{font-weight:400;color:#9fc5bb}.code-lines span{color:#a8b4cc}.code-lines .code-comment{color:#6f7f98}.tiny-app{position:absolute;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#283b63,#151f35);box-shadow:inset 0 1px 0 #ffffff24,0 12px 20px #0004;color:#b4cdff;border:1px solid #6f95eb23}.app-one{right:8px;bottom:36px;transform:rotate(12deg)}.app-two{left:0;top:36px;transform:rotate(-12deg);width:40px;height:40px}.app-two .icon{width:18px;height:18px}.project-text h3{font-size:26px;font-weight:550;letter-spacing:-.8px}.project-text p{margin-top:9px;color:#a0a9bc;font-size:13px;line-height:1.8}.project-url{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:11px;color:#a8bcdf}.project-url .icon{width:16px;height:16px}.forum-card .project-url{color:#c0b3e1}.note-sheet{position:absolute;width:78%;height:144px;border:1px solid #9380b52e;border-radius:13px;background:linear-gradient(140deg,#2a273a,#1e1c2e)}.sheet-back{transform:translate(9px,-5px) rotate(6deg);background:#302d4133}.sheet-front{transform:translate(-5px,2px) rotate(-4deg);padding:19px 21px;box-shadow:0 22px 30px #0003}.note-heading{display:flex;align-items:center;gap:8px;font-size:11px;color:#cbc1e5}.note-heading .icon{width:15px;height:15px;color:#afa1d0}.mock-line{display:block;height:4px;width:61%;background:#8c7da52c;border-radius:10px;margin-top:12px}.mock-line.long{width:88%;margin-top:19px}.note-check{font-size:8px;color:#ad9dc7;display:flex;gap:7px;align-items:center;margin-top:16px}.note-check .icon{width:12px;height:12px}.chat-float{position:absolute;bottom:18px;right:6px;background:linear-gradient(120deg,#383047,#272132);border:1px solid #ffffff12;border-radius:12px 12px 12px 4px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px #0004;padding:12px 15px;transform:rotate(3deg)}.chat-float .icon{width:17px;height:17px;color:#b6a3d8}.chat-float span{font-size:9px;color:#bcb0d2}
.principles{display:grid;grid-template-columns:1.1fr 1fr;gap:105px;padding-bottom:4px}.principles-intro>p:last-child{color:#949daf;font-size:14px;line-height:1.85;max-width:430px;margin-top:23px}.principle-list{padding-top:20px}.principle-list article{display:flex;align-items:flex-start;gap:20px;padding:24px 0}.principle-list article+article{border-top:1px solid var(--line)}.principle-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex:none;background:#718dce10;border:1px solid #a5bfff13}.principle-icon.blue{color:#91b5f4}.principle-icon.lavender{color:#c0a6ee;background:#b69de610}.principle-icon .icon{width:21px;height:21px}.principle-list h3{font-size:16px;font-weight:550;letter-spacing:-.2px}.principle-list p{color:#949daf;font-size:12px;line-height:1.9;margin-top:9px;max-width:310px}.video-section{padding-bottom:98px}.video-panel{display:grid;grid-template-columns:1.35fr 1fr;gap:45px;padding:44px 48px;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 90% 60%,#41436b25,transparent 60%),linear-gradient(125deg,#171a25,#10131b)}.video-copy h2{font-size:32px;line-height:1.25;letter-spacing:-1.1px;margin-top:20px}.video-copy>p{color:#9ba5b8;font-size:13px;max-width:450px;line-height:1.85;margin-top:16px}.small-dot{width:4px;height:4px;background:#b9a2f2;border-radius:50%}.platforms{display:flex;align-items:center;gap:24px;margin-top:27px}.platforms>span{font-size:11px;color:#b1b9ca;display:flex;gap:7px;align-items:center;white-space:nowrap}.platforms .icon{width:18px;height:18px;color:#e19ca7;stroke-width:1.5}.vk-logo{background:#778fb824;color:#b6c9ed;width:18px;height:18px;display:grid;place-items:center;border-radius:5px;font-weight:700;font-size:11px}.ya-logo{color:#e3a7ac;font-size:18px;line-height:18px;font-weight:500}.video-visual{position:relative;min-height:285px;display:flex;align-items:center;justify-content:center;flex-direction:column}.avatar-orbit{position:absolute;width:250px;height:250px;border:1px solid #b1b8ed0c;border-radius:50%;top:3px;left:50%;transform:translateX(-50%)}.orbit-two{width:324px;height:324px;top:-34px}.avatar-disc{width:127px;height:127px;border-radius:50%;padding:5px;background:linear-gradient(135deg,#b8b6f159,#9ca0cf12);box-shadow:0 0 70px #9c96f014;margin-top:4px;z-index:1}.avatar-disc img{width:100%;height:100%;object-fit:cover;object-position:center 30%;border-radius:50%}.waveform{display:flex;gap:5px;height:45px;align-items:center;margin-top:22px;z-index:1}.waveform i{width:3px;border-radius:5px;height:14px;background:#a4a7db99}.waveform i:nth-child(3n){height:30px;background:#bdbae6}.waveform i:nth-child(4n){height:42px;background:#adaddd}.waveform i:nth-child(5n){height:21px;background:#9196bf}.avatar-label{font-size:10px;letter-spacing:.4px;color:#8b96b0;margin-top:16px;z-index:1}.site-footer{border-top:1px solid var(--line);padding-block:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .brand{font-size:17px}.site-footer p{font-size:11px;color:#9ca6ba}.site-footer p span{margin-left:14px;color:#707b90}.site-footer>div{display:flex;align-items:center;gap:23px}.site-footer>div a{font-size:11px;color:#a9b2c4}.site-footer>div a:hover{color:#fff}.site-footer>div a>span{font-size:13px;margin-left:4px;color:#758299}.back-top{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff15;border-radius:50%}.back-top .icon{width:14px;height:14px}.ad-slot[hidden]{display:none!important}.intro{animation:appear .8s cubic-bezier(.2,.7,.3,1) both}.portrait-area.intro{animation-delay:.1s}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:64px;column-gap:95px}.portrait-area{max-width:470px}h1{font-size:96px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:35px;padding-top:32px}.desktop-nav a{padding:8px 14px}.header-link{font-size:12px}.hero h1{font-size:74px;letter-spacing:-4px}.hero-role{font-size:22px}.hero-description{font-size:14px}.hero-actions{gap:8px}.button{padding:0 17px;gap:12px}.portrait-caption{left:20px;bottom:29px}.portrait-caption strong{font-size:11px}.floating-note{left:-15px;padding:12px 17px 12px 12px}.expertise{gap:18px;grid-template-columns:.8fr 1.5fr 1.7fr 1.4fr}.expertise small{font-size:9px}.project-card{padding:23px}.code-lines{font-size:9px;padding:18px}.principles{gap:55px}.video-panel{padding:38px;gap:20px}.video-copy h2{font-size:29px}.platforms{gap:15px}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.site-header{height:88px;gap:20px}.desktop-nav{display:none}.header-link{margin-left:auto}.menu-toggle{width:42px;height:42px;border-radius:14px;display:grid;place-items:center}.menu-toggle .icon{width:20px;height:20px}.mobile-nav:not([hidden]){display:flex;position:absolute;top:77px;left:0;right:0;flex-direction:column;padding:10px;border-radius:20px;background:#1b2031f5;box-shadow:0 12px 25px #0008}.mobile-nav a{padding:12px 15px;font-size:14px;border-radius:11px;display:flex;justify-content:space-between}.mobile-nav a:hover{background:#ffffff0a}.hero{grid-template-columns:1.1fr 1fr;gap:25px;padding-top:25px}.hero h1{font-size:59px;letter-spacing:-3.4px}.personal-label{font-size:10px;margin-bottom:20px;gap:6px}.hero-role{font-size:19px;margin-top:22px}.hero-description{font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start;margin-top:22px;gap:9px}.button{height:44px;font-size:12px;min-width:176px;justify-content:space-between;padding-inline:17px}.portrait-area{padding-bottom:40px}.portrait-frame{border-radius:28px;aspect-ratio:.72}.portrait-caption{left:17px;bottom:25px}.portrait-caption .mini-mark{display:none}.portrait-caption strong{font-size:10px}.portrait-caption div>span{font-size:10px}.floating-note{left:-15px;bottom:6px;padding:11px;gap:8px;border-radius:15px}.floating-note .note-icon{width:30px;height:30px;border-radius:9px}.floating-note .icon{width:17px;height:17px}.floating-note div>span{font-size:8px}.floating-note strong{font-size:11px;gap:9px}.expertise{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:36px;padding:24px 0}.expertise-label{display:none}.expertise>div{gap:5px 9px;grid-template-columns:18px 1fr}.expertise>div>.icon{width:17px;height:17px}.expertise span:not(.expertise-label){font-size:11px}.expertise small{font-size:9px}.section{padding-top:80px}.section-heading{gap:20px}.section-heading>p{font-size:11px}h2{font-size:34px;letter-spacing:-1.3px}.project-grid{gap:16px}.project-card{padding:20px;border-radius:23px}.app-icon{width:39px;height:39px;border-radius:12px}.app-icon .icon{width:21px;height:21px}.status-pill{font-size:8px;padding:4px 8px}.card-top{gap:8px}.card-arrow{width:26px;height:26px}.project-art{height:185px}.project-text h3{font-size:23px}.project-text p{font-size:11px}.project-text p br{display:none}.project-url{font-size:10px}.code-window{width:90%}.code-lines{font-size:7px;padding:14px}.window-controls{height:24px}.window-controls>span{font-size:6px}.tiny-app{width:34px;height:34px;border-radius:10px}.tiny-app .icon{width:18px;height:18px}.app-two{left:-5px;top:23px}.app-one{right:-6px;bottom:25px}.note-sheet{width:88%;height:126px}.sheet-front{padding:16px}.note-heading{font-size:10px}.note-check{font-size:6px;gap:5px}.chat-float{right:-9px;bottom:14px;padding:9px 10px;gap:6px}.chat-float span{font-size:7px}.chat-float .icon{width:13px;height:13px}.principles{grid-template-columns:1fr;gap:12px}.principles-intro>p:last-child{max-width:560px;font-size:13px}.principle-list{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:8px}.principle-list article{gap:13px;padding:15px 0}.principle-list article+article{border-top:none}.principle-list p{font-size:11px}.principle-list h3{font-size:14px}.principle-icon{width:36px;height:36px;border-radius:11px}.principle-icon .icon{width:19px;height:19px}.video-panel{padding:29px;grid-template-columns:1.35fr 1fr;gap:8px}.video-copy h2{font-size:25px}.video-copy>p{font-size:11px}.platforms{gap:13px;flex-wrap:wrap}.platforms>span{font-size:10px}.video-visual{min-height:260px}.avatar-disc{width:105px;height:105px}.orbit-one{width:205px;height:205px;top:20px}.orbit-two{width:270px;height:270px;top:-12px}.waveform{gap:4px}.site-footer{flex-wrap:wrap}.site-footer p{font-size:10px}.site-footer>div{gap:18px}.video-section{padding-bottom:65px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.site-header{height:82px}.brand{font-size:18px;gap:8px}.brand img{width:34px;height:34px;border-radius:10px}.header-link{display:none}.menu-toggle{margin-left:auto;width:39px;height:39px;border-radius:12px}.mobile-nav:not([hidden]){top:73px}.hero{grid-template-columns:1fr;gap:0;padding-top:30px}.hero-copy{text-align:left}.personal-label{font-size:11px;margin-bottom:21px}.hero h1{font-size:72px;line-height:1.015;letter-spacing:-4px}.hero-role{font-size:22px;line-height:1.45;margin-top:24px}.hero-description{font-size:14px;line-height:1.8;margin-top:16px;max-width:400px}.hero-actions{flex-direction:row;align-items:stretch;margin-top:26px;gap:10px}.button{min-width:0;height:47px;padding-inline:16px;gap:11px;font-size:12px;justify-content:center}.hero-actions .button:first-child{flex:.85}.hero-actions .button:last-child{flex:1.15}.portrait-area{margin-top:38px;max-width:none;width:100%;padding-bottom:20px}.portrait-frame{aspect-ratio:.98;border-radius:28px}.portrait{object-position:center 33%}.portrait-caption{bottom:32px;left:22px;gap:10px}.portrait-caption .mini-mark{display:grid;width:34px;height:34px;border-radius:10px;font-size:11px}.portrait-caption strong{font-size:11px}.portrait-caption div>span{font-size:10px}.floating-note{bottom:0;left:auto;right:14px;border-radius:15px;padding:11px 15px 11px 11px}.floating-note div>span{font-size:8px}.floating-note strong{font-size:12px}.floating-note .note-icon{width:31px;height:31px}.expertise{gap:10px;margin-top:32px;padding:22px 0;align-items:start}.expertise>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.expertise span:not(.expertise-label){font-size:11px;letter-spacing:-.2px}.expertise small{font-size:9px;line-height:1.6;max-width:94px}.expertise>div .icon{height:20px;width:20px;margin-bottom:2px}.section{padding-top:70px}.section-heading{display:block;margin-bottom:27px}.section-kicker{font-size:11px;margin-bottom:13px}h2{font-size:34px;line-height:1.18;letter-spacing:-1.4px}.section-heading>p{font-size:12px;line-height:1.8;margin-top:19px;max-width:290px}.desktop-break{display:none}.project-grid{grid-template-columns:1fr;gap:18px}.project-card{padding:24px;border-radius:25px}.app-icon{width:45px;height:45px;border-radius:14px}.app-icon .icon{width:22px;height:22px}.card-top{gap:12px}.status-pill{font-size:9px;padding:4px 9px}.card-arrow{width:30px;height:30px}.project-art{height:212px;margin-top:9px}.code-window{width:86%}.code-lines{font-size:9px;padding:20px 18px}.window-controls{height:29px}.window-controls>span{font-size:7px}.tiny-app{width:40px;height:40px;border-radius:12px}.app-two{top:30px;left:0}.app-one{bottom:30px;right:-2px}.project-text h3{font-size:26px}.project-text p{font-size:12px;margin-top:10px}.project-url{font-size:11px;margin-top:23px;padding-top:18px}.note-sheet{width:83%;height:143px}.sheet-front{padding:20px}.note-heading{font-size:11px}.note-check{font-size:7px}.chat-float{bottom:17px;right:-1px;padding:12px}.chat-float span{font-size:8px}.chat-float .icon{width:16px;height:16px}.principles{gap:10px}.principles-intro>p:last-child{font-size:13px;margin-top:20px}.principle-list{display:block;padding-top:9px}.principle-list article{padding:22px 0;gap:16px}.principle-list article+article{border-top:1px solid var(--line)}.principle-icon{width:40px;height:40px;border-radius:12px}.principle-list h3{font-size:15px}.principle-list p{font-size:12px;max-width:280px;line-height:1.85;margin-top:7px}.video-section{padding-top:48px;padding-bottom:50px}.video-panel{grid-template-columns:1fr;padding:27px 25px 20px;border-radius:25px}.video-copy h2{font-size:28px;letter-spacing:-1px;margin-top:18px}.video-copy>p{font-size:12px;line-height:1.85}.platforms{gap:18px;margin-top:22px}.platforms>span{font-size:10px}.video-visual{margin-top:14px;min-height:250px}.avatar-disc{width:112px;height:112px}.orbit-one{width:225px;height:225px;top:8px}.orbit-two{width:285px;height:285px;top:-22px}.avatar-label{font-size:9px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:26px;padding-bottom:30px}.site-footer .brand{font-size:16px}.site-footer .brand img{width:29px;height:29px}.site-footer p{grid-column:1/-1;grid-row:2;font-size:10px}.site-footer p span{margin-left:10px}.site-footer>div{justify-content:flex-end;gap:15px}.site-footer>div a{font-size:10px}.back-top{display:none!important}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:63px}.button{font-size:11px;padding-inline:11px;gap:7px}.hero-role{font-size:20px}.personal-label{font-size:10px}.project-card{padding:20px}.platforms{gap:12px}.video-copy h2{font-size:25px}.expertise span:not(.expertise-label){font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.stage-frame{aspect-ratio:4/5}.stage-frame .portrait{object-position:center}

/* The skill panel sits below the photograph and never covers its caption. */
.hero .portrait-area{padding-bottom:0}
.portrait-area .floating-note{position:relative;inset:auto;width:max-content;max-width:100%;margin:18px 0 0}