@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebas-neue-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400.woff2)format("woff2")}:root{--bg:#1a1917;--surface:#252422;--surface-alt:#2e2c29;--surface-lift:#353330;--glass-bg:#161513f5;--glass-border:#e2e2e21a;--text-main:#faf9f6;--text-mid:#afaeac;--text-muted:#9d9b98;--accent:#c8a97e;--accent-dim:#c8a97e17;--accent-mid:#c8a97e38;--accent-hover:#d8bd96;--card-radius:12px;--font-display:"Bebas Neue", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;scrollbar-color:var(--surface-lift) var(--bg);font-size:100%;overflow-x:clip}@media (pointer:fine){html{overscroll-behavior:none}}body{font-family:var(--font-body);color:var(--text-main);background-color:var(--bg);line-height:1.6;position:relative;overflow-x:clip}::selection{background:var(--accent);color:var(--bg)}a,button{touch-action:manipulation}h1,h2,h3,h4{text-wrap:balance}.sprite{position:absolute;overflow:hidden}.icon{fill:currentColor;vertical-align:-.125em;flex-shrink:0;width:auto;height:1em;display:inline-block}.skip-link{z-index:2000;background:var(--accent);color:var(--bg);transition:transform .2s var(--ease-out);border-radius:50px;padding:10px 16px;font-size:.875rem;font-weight:600;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}main:focus,[tabindex="-1"]:focus{outline:none}.page-fade{z-index:950;background:var(--bg);opacity:0;visibility:hidden;pointer-events:none;position:fixed;inset:0}@keyframes enterDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes navbarEnterDown{0%{opacity:0;transform:translate(-50%)translateY(-24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes enterScale{0%{opacity:0;transform:scale(.94)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes chevronFlow{0%{opacity:0;transform:rotate(45deg)translate(-3px,-3px)}40%{opacity:.85;transform:rotate(45deg)translate(0)}80%{opacity:.2;transform:rotate(45deg)translate(3px,3px)}to{opacity:0;transform:rotate(45deg)translate(3px,3px)}}.bg-fixed{z-index:-1;pointer-events:none;background:radial-gradient(42% 16% at 50% 86%,#ffecd012,#0000 75%),linear-gradient(#0f0e0d 0%,#171614 30%,#201e1b 60%,#2a2723 76%,#211f1c 86%,#121110 100%);width:100%;height:100lvh;position:fixed;top:0;left:0;overflow:hidden}.bg-noise{opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");position:absolute;inset:0}.bg-vignette{background:radial-gradient(130% 100% at 50% 55%,#0000 55%,#00000073 100%);position:absolute;inset:0}.navbar{z-index:1000;background:var(--surface);border:1px solid var(--glass-border);width:max-content;max-width:calc(100vw - 32px);animation:navbarEnterDown .55s var(--ease-out) both;border-radius:8px;justify-content:center;align-items:center;padding:4px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059}@keyframes navbarScrollRevealBottom{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes navbarScrollHideBottom{to{opacity:0;transform:translate(-50%)translateY(12px)}}.nav-links{align-items:center;gap:2px;display:flex}.nav-btn{font-family:var(--font-body);color:var(--text-mid);cursor:pointer;letter-spacing:.01em;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;padding:9px 16px;font-size:.875rem;font-weight:500;line-height:1.28;text-decoration:none;display:inline-flex}.nav-btn:hover{background:var(--surface-alt);color:var(--text-main)}.lang-btn{border-left:1px solid var(--glass-border);font-family:var(--font-mono);border-radius:0 5px 5px 0;align-items:center;gap:6px;margin-left:4px;font-size:.8rem;display:flex}@media (width<=600px){.navbar{top:auto;bottom:calc(20px + env(safe-area-inset-bottom,0px));opacity:0;pointer-events:none;animation:none;box-shadow:0 -4px 24px #0006}.navbar:not(.nav-visible):not(.nav-hiding){visibility:hidden}.navbar.nav-visible{animation:navbarScrollRevealBottom .55s var(--ease-out) forwards;pointer-events:auto}.navbar.nav-hiding{animation:.3s forwards navbarScrollHideBottom}.nav-btn{justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;font-size:.825rem}}section{flex-direction:column;justify-content:center;width:100%;min-height:100dvh;display:flex;position:relative}.section-container{justify-content:flex-start;max-width:1200px;margin:0 auto;padding:120px 24px 80px}.hero-cursor{color:var(--accent);animation:1.1s step-end infinite blink;display:inline}h1{color:var(--text-main);font-family:var(--font-display);letter-spacing:.08em;text-align:center;z-index:10;text-transform:uppercase;width:100%;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.1;position:relative}.section-title{color:var(--text-main);font-family:var(--font-display);text-align:left;border-bottom:1px solid var(--glass-border);letter-spacing:.03em;text-transform:uppercase;margin-bottom:48px;padding-bottom:20px;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:400;line-height:1;display:block}.section-title .section-num{color:var(--accent);margin-right:.18em}.action-btn{font-family:var(--font-body);cursor:pointer;letter-spacing:.01em;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.875rem;font-weight:500;line-height:1.28;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:flex;position:relative}.action-btn.primary{background:var(--accent);color:var(--bg)}.action-btn.secondary{color:var(--text-main);background:0 0;border-color:#e2e2e238}.action-btn.primary:hover{background:var(--accent-hover)}.action-btn.secondary:hover{border-color:var(--text-mid);background:#ffffff0a}.action-btn:active{transform:translateY(1px)}.browser-bar{background:var(--surface-lift);border-bottom:1px solid #e2e2e20f;flex-shrink:0;align-items:center;gap:7px;height:30px;padding:0 10px;display:flex}.browser-dots{flex-shrink:0;align-items:center;gap:4px;display:flex}.browser-dots span{opacity:.85;border-radius:50%;width:7px;height:7px}.browser-dots span:first-child{background:#ff5f57}.browser-dots span:nth-child(2){background:#febc2e}.browser-dots span:nth-child(3){background:#28c840}.browser-url{height:19px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;letter-spacing:.01em;background:#ffffff0a;border:1px solid #e2e2e214;border-radius:4px;flex:1;align-items:center;max-width:200px;margin:0 auto;padding:0 8px;font-size:.6875rem;display:flex;overflow:hidden}.cv-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.cv-card{margin-bottom:24px;padding:28px}.cv-card h3{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--glass-border);margin-bottom:24px;padding-bottom:12px;font-size:.75rem;font-weight:400}.timeline-item{grid-template-columns:7rem 1fr;column-gap:20px;margin-bottom:28px;display:grid}.timeline-item>*{grid-column:2}.timeline-item>.date-badge{grid-area:1/1/span 4}.date-badge{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;padding-top:2px;font-size:.75rem;display:block}.date-badge.current{color:var(--accent)}@media (width<=600px){.timeline-item{display:block}.date-badge{margin-bottom:4px}}.timeline-item h4{color:var(--text-main);margin-bottom:2px;font-size:1rem;font-weight:600}.institution{color:var(--text-mid);margin-bottom:5px;font-size:.82rem;font-weight:500}.details{color:var(--text-muted);font-size:.85rem;line-height:1.55}.details-list{color:var(--text-muted);gap:8px;margin-top:8px;font-size:.85rem;line-height:1.55;list-style:none;display:grid}.details-list li{padding-left:14px;position:relative}.details-list li:before{content:"";background:var(--text-muted);width:6px;height:1px;position:absolute;top:.75em;left:0}.details-list strong{color:var(--text-mid);font-weight:600}.cv-card .timeline-item:last-child{margin-bottom:0}.cv-profile{color:var(--text-mid);max-width:62ch;font-size:1rem;line-height:1.65}.skill-group+.skill-group{margin-top:22px}.skill-group-title{color:var(--text-main);margin-bottom:10px;font-size:.82rem;font-weight:600}.skill-tags{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.skill-tags li{background:var(--surface-alt);border:1px solid var(--glass-border);color:var(--text-mid);border-radius:4px;padding:4px 10px;font-size:.78rem;line-height:1.4}.download-container{margin-top:20px}.download-btn{background:var(--accent);min-height:44px;color:var(--bg);border-radius:6px;align-items:center;gap:8px;padding:11px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.download-btn:hover{background:var(--accent-hover)}.glass-panel{background:var(--surface);border:1px solid var(--glass-border);border-radius:10px}.personal-details p{color:var(--text-mid);margin-bottom:8px;font-size:.9rem;line-height:1.55}.personal-details strong{color:var(--text-main);font-weight:600}.scroll-indicator{z-index:50;pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(12px)}.scroll-indicator.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.scroll-code{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:4px;font-size:.72rem;display:flex}.scroll-comment{color:var(--accent)}.scroll-cur{color:var(--accent);animation:1.1s step-end infinite blink}.scroll-chevrons{flex-direction:column;align-items:center;gap:4px;display:flex}.scroll-chevrons span{border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);opacity:0;width:8px;height:8px;animation:1.6s ease-in-out infinite chevronFlow;display:block;transform:rotate(45deg)}.scroll-chevrons span:first-child{animation-delay:0s}.scroll-chevrons span:nth-child(2){animation-delay:.2s}.scroll-chevrons span:nth-child(3){animation-delay:.4s}.scroll-indicator.hidden{pointer-events:none;opacity:0!important;transform:translate(-50%)translateY(12px)!important}.go-back{z-index:900;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;position:fixed;bottom:30px;right:30px}.go-back.visible{opacity:1;visibility:visible;transition-delay:0s}.go-back a{border:1px solid var(--glass-border);background:var(--surface);cursor:pointer;width:44px;height:44px;color:var(--text-mid);border-radius:6px;justify-content:center;align-items:center;font-size:.9rem;transition:color .15s,border-color .15s;display:flex;box-shadow:0 4px 16px #00000059}.go-back a:hover{color:var(--text-main);border-color:var(--text-muted)}footer{border-top:1px solid var(--glass-border);max-width:1200px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:40px 24px;font-size:.85rem;display:flex}.footer-mark{width:72px;height:auto;display:block}.footer-socials{gap:4px;display:flex}.footer-socials a{width:44px;height:44px;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.15rem;transition:color .15s;display:inline-flex}.footer-socials a:hover{color:var(--text-main)}.social-links{flex-direction:column;gap:10px;width:100%;margin-top:20px;display:flex}.social-item{background:var(--surface-alt);border:1px solid var(--glass-border);color:var(--text-mid);border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.88rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:flex}.social-item:hover{color:var(--text-main);border-color:var(--text-muted)}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px;display:flex}.not-found p{color:var(--text-mid);max-width:36ch}.not-found .not-found-code{font-family:var(--font-display);letter-spacing:.06em;color:var(--accent);font-size:clamp(5rem,22vw,6rem);line-height:.9}.not-found .action-btn{width:auto;margin-top:8px;padding:12px 28px}@media (width<=900px){.cv-grid{grid-template-columns:1fr}}@media (width<=600px){.go-back{bottom:80px}section{padding-bottom:80px}footer{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));flex-direction:column}.section-container{justify-content:flex-start;padding-top:60px}}@media (width<=400px){h1{font-size:1.75rem}.nav-btn{padding:7px 11px;font-size:.78rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.15s!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.hero-cursor,.scroll-cur,.scroll-chevrons span{animation:none!important}.scroll-chevrons span{opacity:.7}}@media (prefers-contrast:more){:root{--text-mid:#d2d0cd;--text-muted:#bebcb9;--glass-border:#e2e2e266}.navbar,.go-back a,.glass-panel{border-color:#e2e2e28c}}html.is-loading{overflow:hidden}.intro{z-index:3000;background:var(--bg);clip-path:inset(0);animation:introFailsafe .6s 4s var(--ease-out) forwards;place-items:center;display:grid;position:fixed;inset:0}.intro.is-running{animation:none}@keyframes introFailsafe{to{opacity:0;visibility:hidden}}.intro-name{flex-direction:column;align-items:center;display:flex}.intro-line{padding:.04em .06em 0;display:block;overflow:hidden}.intro-word{animation:introRise 1.05s var(--ease-out) .1s forwards;display:block;transform:translateY(105%)}.intro-line:nth-child(2) .intro-word{animation-delay:.22s}.intro-logo{width:clamp(220px,40vw,520px);height:auto;display:block}@keyframes introRise{to{transform:translateY(0)}}.intro.is-exiting .intro-word{animation:none;transform:none}.intro-foot{font-family:var(--font-mono);color:var(--text-muted);opacity:0;animation:introFade .8s var(--ease-out) .6s forwards;justify-content:space-between;align-items:baseline;font-size:.75rem;display:flex;position:absolute;bottom:clamp(28px,5vh,48px);left:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px)}.intro-count{font-family:var(--font-display);letter-spacing:.06em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.6rem}@keyframes introFade{to{opacity:1}}.intro-bar{background:#ffffff0d;height:2px;position:absolute;bottom:0;left:0;right:0}.intro-bar span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.intro-word{transform:none}}.stage-section{min-height:100svh;display:block}.stage-sticky{flex-direction:column;align-items:center;gap:48px;padding:110px 20px 90px;display:flex;position:relative}.stage-head{text-align:center;width:100%}.stage-head h1{min-height:1.1em}.stage-canvas{display:none}.stage-anchor{pointer-events:none;visibility:hidden;width:1px;height:100svh;position:absolute;bottom:0;left:0}.stage-sticky .scroll-indicator{position:absolute}.showcase{flex-direction:column;align-items:center;gap:72px;width:100%;display:flex}.showcase-info{text-align:center;width:100%;max-width:440px}.showcase-thumb{border:1px solid var(--glass-border);border-radius:var(--card-radius);width:100%;height:auto;margin-bottom:24px;display:none}.no-3d .showcase-thumb{display:block}@media (scripting:none){.showcase-thumb{display:block}}.showcase-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.showcase-live{width:auto;padding:13px 22px;display:inline-flex}.showcase-live[hidden]{display:none}.live-dot{background:#ff4b4b;border-radius:50%;width:8px;height:8px}.showcase-live[aria-pressed=true]{color:var(--text-main);border-color:#ff4b4b73}.showcase-live[aria-pressed=true] .live-dot{animation:1.2s ease-in-out infinite liveBlink}.showcase-live .live-on,.showcase-live[aria-pressed=true] .live-off{display:none}.showcase-live[aria-pressed=true] .live-on{display:inline}@keyframes liveBlink{50%{opacity:.25}}.showcase-index{font-family:var(--font-mono);color:var(--text-muted);justify-content:center;align-items:baseline;gap:8px;margin-bottom:14px;font-size:.8rem;display:flex}.showcase-num{color:var(--accent)}.showcase-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text-main);margin-bottom:14px;font-size:clamp(2.6rem,6vw,5.5rem);font-weight:400;line-height:.92}.showcase-cat{color:var(--text-main);margin-bottom:14px;font-size:.95rem;font-weight:500}.showcase-desc{max-width:36ch;color:var(--text-mid);margin:0 auto 26px;font-size:1rem;line-height:1.6}.showcase-cta{width:auto;padding:13px 22px;display:inline-flex}.has-3d .stage-section{height:660svh;position:relative}.has-3d .stage-anchor{height:1px;bottom:auto}.has-3d .stage-sticky{height:100svh;padding:0;display:block;position:sticky;top:0;overflow:hidden}.has-3d .stage-canvas{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-css{z-index:2;pointer-events:none;position:absolute;inset:0}.has-3d .stage-head{z-index:3;pointer-events:none;padding:0 20px;position:absolute;top:clamp(78px,11svh,120px);left:0;right:0}.has-3d .showcase{z-index:3;pointer-events:none;display:block;position:absolute;inset:0}.has-3d .showcase-info{text-align:left;width:min(440px,34vw);position:absolute;top:50%;translate:0 -50%}.has-3d .showcase-info[data-side=left]{left:max(24px,7vw)}.has-3d .showcase-info[data-side=right]{right:max(24px,7vw)}.has-3d .showcase-info [data-part]{pointer-events:auto}.has-3d .showcase-thumb{display:none}.has-3d .showcase-index,.has-3d .showcase-actions{justify-content:flex-start}.has-3d .showcase-desc{margin-left:0}@media (width<=759.98px){.has-3d .stage-head{top:clamp(56px,9svh,90px)}.has-3d .showcase-info,.has-3d .showcase-info[data-side]{top:auto;left:20px;right:20px;bottom:calc(96px + env(safe-area-inset-bottom,0px));text-align:center;width:auto;translate:none}.has-3d .showcase-index,.has-3d .showcase-actions{justify-content:center}.has-3d .showcase-desc{margin:0 auto 18px;font-size:.9rem}.showcase-title{font-size:clamp(2.4rem,12vw,3.4rem)}}.screen{aspect-ratio:16/10;width:min(1000px,100%);color:var(--text-main);-webkit-font-smoothing:antialiased;background:#12110f;border:1px solid #e2e2e21f;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080;container:screen/inline-size}.has-3d .screen{aspect-ratio:auto;width:1000px;height:625px;box-shadow:none;backface-visibility:hidden;border:0;border-radius:0}.has-3d .screen.is-compact{width:600px;height:375px}.screen:before{content:"";z-index:5;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#ffffff04 3px 4px);position:absolute;inset:0}.screen:after{content:"";z-index:6;pointer-events:none;transform:translateX(var(--glare,0%));background:linear-gradient(112deg,#ffffff13 0%,#ffffff05 26%,#0000 44%);position:absolute;inset:0 -30%}.screen-app{background:linear-gradient(#181715,#100f0d);flex-direction:column;display:flex;position:absolute;inset:0}.os-bar{height:4.4cqi;font-family:var(--font-mono);color:var(--text-muted);background:#ffffff06;border-bottom:1px solid #e2e2e214;flex:none;align-items:center;gap:1.6cqi;padding:0 1.8cqi;font-size:1.3cqi;display:flex}.os-dots{gap:.7cqi;display:flex}.os-dots i{background:#ff5f57;border-radius:50%;width:1.1cqi;height:1.1cqi}.os-dots i:nth-child(2){background:#febc2e}.os-dots i:nth-child(3){background:#28c840}.os-title{text-align:center;flex:1}.os-clock{font-variant-numeric:tabular-nums}.os-body{flex:1;grid-template-columns:22cqi 1fr;min-height:0;display:grid}.os-menu{background:#0000002e;border-right:1px solid #e2e2e212;flex-direction:column;gap:.6cqi;padding:2.4cqi 1.6cqi;display:flex}.os-item{font-family:var(--font-body);color:var(--text-mid);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:1cqi;align-items:center;gap:1.3cqi;padding:1.2cqi 1.5cqi;font-size:1.75cqi;font-weight:500;line-height:1.2;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.os-item .icon{width:1.9cqi;height:1.9cqi;color:var(--text-muted);transition:color .2s}.os-item:hover{color:var(--text-main);background:#ffffff0b}.os-item.is-active{background:var(--accent-dim);color:var(--accent)}.os-item.is-active .icon{color:var(--accent)}.os-item.is-active:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:.35cqi;position:absolute;top:25%;bottom:25%;left:-1.6cqi}.os-views{align-items:center;min-width:0;padding:4cqi 5cqi;display:flex}.os-view{width:100%;display:none}.os-view.is-active{display:flex}.os-view[data-panel=profile]{align-items:center;gap:4.4cqi}.os-avatar{aspect-ratio:1;flex:none;width:19cqi;position:relative}.os-avatar img{object-fit:cover;filter:grayscale(.15);border-radius:1.2cqi;width:100%;height:100%;display:block}.os-profile-text{min-width:0}.os-name{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--text-main);margin-bottom:1cqi;font-size:6.2cqi;font-weight:400;line-height:.95}.os-role{font-family:var(--font-mono);color:var(--accent);margin-bottom:2cqi;font-size:1.5cqi}.os-bio{max-width:46ch;color:var(--text-mid);margin-bottom:2.8cqi;font-size:1.95cqi;line-height:1.55}.os-actions{gap:1.2cqi;display:flex}.os-actions .action-btn{gap:.8cqi;width:auto;padding:1.3cqi 2.6cqi;font-size:1.6cqi}.os-view[data-panel=contact]{flex-direction:column}.os-contact-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-main);margin-bottom:2.4cqi;font-size:5.2cqi;font-weight:400}.os-view .social-links{gap:1.2cqi;max-width:52cqi;margin-top:0}.os-view .social-item{border-radius:1cqi;justify-content:flex-start;gap:1.4cqi;padding:1.6cqi 2cqi;font-size:1.9cqi}.screen-project{z-index:3;opacity:0;visibility:hidden;background:#12110f;flex-direction:column;display:flex;position:absolute;inset:0}.screen-project .browser-bar{gap:1.2cqi;height:4.4cqi;padding:0 1.8cqi}.screen-project .browser-dots{gap:.7cqi}.screen-project .browser-dots span{width:1.1cqi;height:1.1cqi}.screen-project .browser-url{border-radius:.6cqi;max-width:34cqi;height:2.6cqi;padding:0 1.2cqi;font-size:1.3cqi}.screen-project-view{background:#12110f;flex:1;min-height:0;position:relative;overflow:hidden}.screen-shot{width:100%;height:auto;display:block}.screen-project.is-live{pointer-events:auto}.screen-live{transform-origin:0 0;opacity:0;background:#fff;border:0;transition:opacity .4s;position:absolute;top:0;left:0}.is-live-ready .screen-live{opacity:1}.browser-live{letter-spacing:.14em;text-transform:uppercase;color:#ff6b6b;flex:none;align-items:center;gap:.6cqi;font-size:1.15cqi;font-weight:600;display:none}.browser-live:before{content:"";background:currentColor;border-radius:50%;width:.8cqi;height:.8cqi;animation:1.2s ease-in-out infinite liveBlink}.screen-project.is-live .browser-live{display:inline-flex}.screen-project .browser-bar{position:relative}.screen-project.is-live:not(.is-live-ready) .browser-bar:after{content:"";background:var(--accent);width:40%;height:2px;animation:1.1s ease-in-out infinite liveLoading;position:absolute;bottom:-1px;left:0}@keyframes liveLoading{0%{transform:translate(-100%)}to{transform:translate(250%)}}.screen-boot{z-index:4;pointer-events:none;opacity:0;background:#0b0a09;place-items:center;display:grid;position:absolute;inset:0}.has-3d .screen-boot{opacity:1}.screen-boot img{width:30cqi;height:auto}@container screen (width<=700px){.os-bar{height:7cqi;font-size:2.4cqi}.os-dots i{width:1.8cqi;height:1.8cqi}.os-body{grid-template-rows:1fr auto;grid-template-columns:1fr}.os-menu{border-top:1px solid #e2e2e212;border-right:0;flex-direction:row;order:2;gap:1cqi;padding:1.4cqi 2cqi}.os-item{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:.8cqi;padding:1.4cqi 1cqi;font-size:2.8cqi}.os-item .icon{width:4.2cqi;height:4.2cqi}.os-item.is-active:before{border-radius:4px 4px 0 0;width:auto;height:.6cqi;inset:auto 30% -1.4cqi}.os-views{padding:3cqi 5cqi}.os-view[data-panel=profile]{gap:4cqi}.os-avatar{width:22cqi}.os-name{font-size:8.4cqi}.os-role{margin-bottom:0;font-size:2.4cqi}.os-bio,.os-actions{display:none}.os-contact-title{margin-bottom:2cqi;font-size:7cqi}.os-view .social-links{flex-direction:row;gap:2cqi;max-width:none}.os-view .social-item{flex-direction:column;flex:1;justify-content:center;padding:2.4cqi 1cqi;font-size:2.6cqi}.os-view .social-item .icon{width:4.4cqi;height:4.4cqi}.screen-project .browser-bar{height:7cqi}.screen-project .browser-dots span{width:1.8cqi;height:1.8cqi}.screen-project .browser-url{max-width:56cqi;height:4.4cqi;font-size:2.4cqi}}