:root{--bg: #07070d;--fg: #e8e8f0;--muted: #9aa0b4;--accent: #3dffb1;--line: rgba(255, 255, 255, .08);--card: #11111c;--container: 1200px;--timeline-max: 1600px;--gutter: 32px;--pin-length: 200svh;--title-dense: clamp(1.8rem, 4.4svh, 3rem);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em}.topbar{position:fixed;top:12px;right:16px;z-index:10}.lang button{background:var(--bg);color:var(--muted);border:1px solid var(--line);padding:4px 10px;cursor:pointer;font:inherit}.lang button[aria-pressed=true]{color:var(--bg);background:var(--accent);border-color:var(--accent)}.hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:8svh var(--gutter);max-width:var(--container);margin:0 auto}.hero h1{font-size:clamp(2.6rem,6.5vw,5.5rem);margin-bottom:.2em}.hero__role{font-size:clamp(1.4rem,2.4vw,2.1rem);color:var(--accent);margin:0 0 .5em}.hero__contacts{font-size:clamp(1rem,1.3vw,1.25rem);color:var(--muted);margin:0}.hero .btn{margin:1.5rem 0 0}.hero__about{margin-top:2.5rem;max-width:62ch;font-size:clamp(1.15rem,1.7vw,1.45rem)}.hero__about h2{font-size:1em;color:var(--accent);margin-bottom:.4em}.hero__about p{margin:0 0 .8em}.hero__about p:last-child{margin-bottom:0}.btn{display:inline-block;width:fit-content;margin:1rem 0;padding:.6rem 1.2rem;background:var(--accent);color:var(--bg);text-decoration:none;font-weight:600;border-radius:6px}.btn--ghost{background:transparent;color:var(--accent);border:1px solid var(--accent);margin:.25rem .5rem .25rem 0}.timeline{position:relative;max-width:var(--timeline-max);margin:0 auto}.ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}.ribbon__base{fill:none;stroke:var(--line);stroke-width:6;stroke-linecap:round}.ribbon__fill{fill:none;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(61,255,177,.6))}.ribbon__node{fill:var(--bg);stroke:var(--line);stroke-width:3;transition:stroke .3s,fill .3s}.ribbon__node.is-lit{stroke:var(--accent);fill:var(--accent)}.block{position:relative;z-index:1;container-type:inline-size;width:calc(100% - 144px);margin:0 auto 12svh}.block__pin{position:relative}.block__frame{--pad: clamp(12px, 2.4svh, 28px);--card-w: min(100cqw, calc((50svh - 2 * var(--pad)) * 1.6));--scene-row: min(50svh, calc(var(--card-w) * .625 + 2 * var(--pad)));position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-rows:minmax(0,1fr) var(--scene-row)}.block__text{grid-row:1;align-self:safe center;width:min(100%,max(var(--card-w),60rem));min-width:0;margin-inline:auto;padding:var(--pad) 0}.block__media{position:relative;grid-row:2;align-self:center;width:var(--card-w);margin-inline:auto;container-type:inline-size;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:var(--card);border:1px solid var(--line)}.block__pin-run{height:var(--pin-length)}.block[data-pin=off] .block__pin-run{display:none}.block[data-pin=off] .block__frame{--card-w: min(100cqw, 64rem, calc(160svh - 4rem) );position:relative;height:auto;display:block}.block[data-pin=off] .block__text{width:var(--card-w)}.block__period{color:var(--accent);font-size:clamp(1rem,2svh,1.3rem);margin:0 0 .2em}.block__title{font-size:clamp(2rem,5svh,3.5rem);margin-bottom:.2em}.block__role{color:var(--muted);font-size:clamp(1rem,2svh,1.3rem);margin:0 0 .6em}.block__text ul{margin:0;padding-left:1.2em;color:var(--muted);font-size:clamp(1.15rem,min(2.5svh,3.8cqw),1.65rem);line-height:1.45}.block__text li+li{margin-top:.25em}.block__text .block__cards{columns:2 24rem;column-gap:2.5rem;padding-left:0;list-style:none}.block__cards li{break-inside:avoid;margin:0 0 .4em}.block__text--dense{width:min(100%,100rem);padding-top:min(var(--pad),12px)}.block__text--dense .block__title{font-size:var(--title-dense)}.block__text--dense ul{font-size:clamp(1.1rem,min(2.2svh,1.6cqw),1.45rem);line-height:1.4}.about{padding:12vh 0;border-top:1px solid var(--line)}.about__inner{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);font-size:1.05rem}.about h2{font-size:min(2.6rem,calc(var(--title-dense) - 1px))}.about h3{margin-top:2.5rem;color:var(--accent);font-size:min(1.7rem,calc(var(--title-dense) * .85))}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}.card h4{font-size:min(1.3rem,max(calc(var(--title-dense) * .75),14px));margin-bottom:.4rem}.card p{margin:0;color:var(--muted);font-size:1rem}.skills>div{display:grid;grid-template-columns:200px 1fr;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.skills dt{color:var(--muted)}.skills dd{margin:0}.scene-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .5s}video.scene-canvas{object-fit:cover}.block__media[data-state=ready] .scene-canvas{opacity:1}.block__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .5s}.block__media[data-state=ready] .block__poster{opacity:0;pointer-events:none}.scene-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none;transition:opacity .5s}.block__media:not([data-state=ready]) .scene-labels{opacity:0}.scene-label{position:absolute;left:0;top:0;padding:.18em .55em;border-radius:.35em;white-space:nowrap;opacity:0;background:#07070db3;border:1px solid rgba(177,61,255,.45);color:var(--fg);font:600 clamp(7px,1.6cqw,12px)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;will-change:transform,opacity}.block__counters{position:absolute;z-index:2;right:3cqw;bottom:3cqw;display:flex;flex-direction:column;align-items:flex-end;gap:1cqw;pointer-events:none}.counter{display:flex;align-items:baseline;gap:1cqw;padding:.8cqw 1.8cqw;border-radius:1.2cqw;background:#07070db8;border:1px solid color-mix(in srgb,var(--counter-accent, var(--accent)) 45%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.counter__value{color:var(--counter-accent, var(--accent));font-weight:700;font-size:clamp(14px,4.2cqw,40px);font-variant-numeric:tabular-nums;line-height:1}.counter__value--words{font-size:clamp(11px,2.9cqw,28px)}.counter__label{color:var(--muted);font-size:clamp(8px,1.7cqw,15px)}@media(max-height:680px),(max-width:1279px)and (max-height:949px),(max-width:966px)and (min-height:521px),(max-width:966px)and (orientation:portrait){.block__frame{--dense-lines: 5}.block:not([data-pin=off]) .block__text--dense li{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--dense-lines);overflow:hidden}}@media(max-width:1279px)and (max-height:760px){.block__frame{--dense-lines: 4}}@media(max-height:680px){.block__frame{--dense-lines: 4}.block__period,.block__role{font-size:clamp(.875rem,2svh,1rem)}.block__title{font-size:clamp(1.3rem,5svh,2rem)}:root{--title-dense: clamp(1.3rem, 4.4svh, 1.8rem)}.block__text ul{font-size:clamp(14px,min(2.7svh,3.8cqw),1.65rem);line-height:1.35}.block__text--dense ul{font-size:clamp(14px,2.6svh,1.1rem);line-height:1.3}.block__text li+li{margin-top:.15em}.about__inner{font-size:clamp(14px,2.6svh,1.05rem)}.card p{font-size:clamp(14px,2.6svh,1rem)}}@media(max-height:520px)and (orientation:landscape){.block__frame{--card-w: min(calc(50cqw - var(--pad)), calc((100svh - 2 * var(--pad)) * 1.6));--dense-lines: 3;--low-font: clamp(14px, calc(1.93svh + 1.126cqw) , 1.1rem);grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr)}.block__text{grid-row:1;grid-column:1;padding-right:var(--pad)}.block__media{grid-row:1;grid-column:2}.block__period,.block__role{font-size:.8rem}.block__role{margin-bottom:.4em}.block__title{font-size:1.1rem}:root{--title-dense: 1.1rem}.block__text ul,.block__text--dense ul{font-size:var(--low-font);line-height:1.25}.block__text li+li{margin-top:.1em}.about__inner{font-size:clamp(14px,calc(1.93svh + 1.126vw - 2px),1.05rem)}.card p{font-size:clamp(14px,calc(1.93svh + 1.126vw - 2px),1rem)}}@media(max-width:767px){.timeline{max-width:none;padding:0 4vw}.hero{padding:8svh 8vw}.about{padding:12vh 8vw}.about__inner{padding:0}.block{width:auto;margin:0 0 12svh 56px}.skills>div{grid-template-columns:1fr}}@media(max-width:767px)and (max-height:520px)and (orientation:landscape){.timeline{padding:0 12px 0 0}}@media(max-width:966px)and (min-height:521px),(max-width:966px)and (orientation:portrait){.block__frame{--dense-lines: 3}.block:not([data-pin=off]) .block__text{padding-top:max(var(--pad),3rem)}.block__period,.block__role{font-size:clamp(.875rem,1.9svh,1rem)}.block__role{margin-bottom:.4em}.block__title{font-size:clamp(1.3rem,3.3svh,1.75rem)}:root{--title-dense: clamp(1.3rem, 3.3svh, 1.75rem)}.block__text ul,.block__text--dense ul{font-size:clamp(14px,2.1svh,1.1rem);line-height:1.35}.block__text li+li{margin-top:.15em}.about__inner{font-size:clamp(14px,2.1svh,1.05rem)}.card p{font-size:clamp(14px,2.1svh,1rem)}}@media(max-width:966px)and (min-height:521px)and (orientation:landscape){.block__frame{--dense-lines: 2}}@media(max-width:966px)and (min-height:521px)and (max-height:599px)and (orientation:landscape){.block__frame{--dense-lines: 1}}@media(max-width:966px)and (max-height:520px)and (orientation:portrait){.block__frame{--dense-lines: 1}}@media(max-width:966px)and (min-height:521px)and (max-height:680px),(max-width:966px)and (max-height:520px)and (orientation:portrait){.block__text ul,.block__text--dense ul{line-height:1.3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}