:root{--bg-body:#0f1219;--bg-body-glow:radial-gradient(ellipse 60% 50% at 0% 0%, #425a8a38, transparent 70%), radial-gradient(ellipse 60% 50% at 100% 100%, #425a8a24, transparent 70%);--white-1:#fff;--orange-yellow-crayola:#425a88;--vegas-gold:#90a7d5;--accent:#7e98ce;--bittersweet-shimmer:#b84c4c;--text-primary:#fffffff0;--text-secondary:#ffffffb8;--text-tertiary:#ffffff80;--text-quaternary:#ffffff52;--white-2:var(--text-primary);--light-gray:var(--text-secondary);--light-gray-70:var(--text-tertiary);--font-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI Variable Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI Variable Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--type-page:28px;--type-name:20px;--type-section:19px;--type-card:16px;--type-body:15px;--type-small:14px;--type-label:13px;--type-button:14px;--type-button-sm:13px;--type-caption:12px;--type-eyebrow:11px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--tracking-page:-.025em;--tracking-heading:-.018em;--tracking-card:-.01em;--tracking-body:-.003em;--tracking-eyebrow:.06em;--leading-heading:1.2;--leading-card:1.35;--leading-body:1.6;--radius-panel:22px;--radius-card:16px;--radius-inner:12px;--radius-chip:8px;--surface-panel:#1b1e279e;--surface-bar:#1d202ad1;--surface-card:#ffffff09;--surface-card-hover:#ffffff0e;--surface-well:#08090d59;--surface-chip:#ffffff0f;--line:#ffffff14;--line-strong:#ffffff1f;--line-hover:#ffffff29;--blur-panel:blur(24px) saturate(150%);--highlight:inset 0 1px 0 #ffffff0f;--shadow-panel:var(--highlight), 0 1px 2px #00000029, 0 12px 32px #0003;--shadow-card:var(--highlight), 0 1px 2px #0000001f, 0 4px 14px #0000001a;--shadow-card-hover:var(--highlight), 0 2px 4px #00000024, 0 10px 26px #00000029;--btn-radius:10px;--btn-height:40px;--btn-height-sm:32px;--glass-bg:#ffffff12;--glass-bg-hover:#ffffff1f;--glass-bg-active:#ffffff0d;--glass-bg-subtle:#ffffff0d;--glass-border:#ffffff1f;--glass-border-hover:#fff3;--glass-shadow:inset 0 1px 0 #ffffff1a, 0 1px 2px #0000004d, 0 4px 12px #00000029;--glass-shadow-pressed:inset 0 1px 2px #00000040;--glass-tint:#6986bf4d;--glass-tint-hover:#708bc266;--glass-tint-active:#5e7dba3d;--glass-tint-border:#b6c8ed47;--focus-ring:#86a7ead9;--tile-bg:#425a8ab8;--tile-bg-hover:#496397d9;--tile-border:#ffffff24;--tile-border-hover:#ffffff38;--tile-shadow:inset 0 1px 0 #ffffff2e, 0 1px 2px #0000004d, 0 4px 10px #0000002e;--transition-1:.25s ease;--transition-2:.5s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}img,ion-icon,a,button,time,span{display:block}button{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}input,textarea{width:100%;font:inherit;background:0 0;display:block}::selection{background:var(--orange-yellow-crayola);color:var(--white-1)}:focus{outline-color:var(--orange-yellow-crayola)}html{font-family:var(--font-text);font-size:var(--type-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}code,kbd,pre{font-family:var(--font-mono)}body{background-color:var(--bg-body);background-image:var(--bg-body-glow);background-attachment:fixed;min-height:100vh}.sidebar,article{background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);z-index:1;padding:15px}.content-card,.project-card,.contact-card,.contact-form{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:background-color .2s,border-color .2s,box-shadow .25s,transform .25s}.project-card:hover,.contact-card:hover,.contact-card:focus-visible{background-color:var(--surface-card-hover);border-color:var(--line-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.contact-card:active{transform:translateY(0)scale(.99)}.separator{background:var(--line);width:100%;height:1px;margin:16px 0}.icon-box{border-radius:var(--radius-chip);z-index:1;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex;position:relative}.icon-box ion-icon{--ionicon-stroke-width:35px}article{display:none}article.active{animation:.5s backwards fade;display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}.h2,.h3,.h4,.h5{color:var(--text-primary);font-family:var(--font-display);font-weight:var(--weight-semibold)}.h2{font-size:var(--type-page);line-height:var(--leading-heading);letter-spacing:var(--tracking-page)}.h3{font-size:var(--type-section);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.h4{font-size:var(--type-card);line-height:var(--leading-card);letter-spacing:var(--tracking-card)}.h5{font-family:var(--font-text);font-size:var(--type-label);line-height:var(--leading-card);letter-spacing:0}.contact-title,.contact-card-label,.project-meta{color:var(--text-tertiary);font-size:var(--type-eyebrow);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;line-height:1.4}.project-meta{color:var(--vegas-gold)}.article-title{padding-bottom:7px;position:relative}.article-title:after{content:"";background:var(--accent);border-radius:3px;width:30px;height:3px;position:absolute;bottom:0;left:0}.form-btn,.info_more-btn,.back-to-top,.project-link,.project-details summary{min-height:var(--btn-height);color:var(--white-2);font-family:var(--font-text);font-size:var(--type-button);font-weight:var(--weight-medium);letter-spacing:-.01em;white-space:nowrap;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--btn-radius);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:0 18px;line-height:1;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .12s,opacity .2s;display:inline-flex}.form-btn ion-icon,.info_more-btn ion-icon,.project-link ion-icon{font-size:16px}.form-btn:hover,.info_more-btn:hover,.back-to-top:hover,.project-link:hover,.project-details summary:hover{background-color:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.form-btn:active,.info_more-btn:active,.back-to-top:active,.project-link:active,.project-details summary:active{background-color:var(--glass-bg-active);box-shadow:var(--glass-shadow-pressed);transform:scale(.97)}.form-btn:focus-visible,.info_more-btn:focus-visible,.navbar-download:focus-visible,.back-to-top:focus-visible,.navbar-link:focus-visible,.project-link:focus-visible,.project-details summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.form-btn{color:var(--white-1);background-color:var(--glass-tint);border-color:var(--glass-tint-border)}.form-btn:hover{background-color:var(--glass-tint-hover);border-color:#c2d1f066}.form-btn:active{background-color:var(--glass-tint-active)}.form-btn:disabled{opacity:.45;cursor:not-allowed;background-color:var(--glass-tint);border-color:var(--glass-tint-border);box-shadow:var(--glass-shadow);transform:none}.project-link,.project-details summary{min-height:var(--btn-height-sm);font-size:var(--type-button-sm);padding:0 14px}.project-link ion-icon{font-size:14px}.back-to-top{right:16px;bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:6;width:var(--btn-height);opacity:0;visibility:hidden;pointer-events:none;padding:0;font-size:18px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .25s,opacity .25s,visibility .25s;position:fixed;transform:translateY(8px)}.back-to-top.visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}.back-to-top.visible:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.back-to-top{transition:opacity .2s,visibility .2s;transform:none}}.content-card{padding:45px 15px 15px;position:relative}main{margin:15px 12px;margin-bottom:calc(96px + env(safe-area-inset-bottom,0px));min-width:259px}.sidebar{max-height:112px;transition:var(--transition-2);margin-bottom:15px;overflow:hidden}.sidebar.active{max-height:405px}.sidebar-info{justify-content:flex-start;align-items:center;gap:15px;display:flex;position:relative}.avatar-box{background:var(--surface-chip);border:1px solid var(--line);box-shadow:var(--highlight);border-radius:20px;overflow:hidden}.info-content .name{color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-name);font-weight:var(--weight-semibold);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin-bottom:10px}.info-content .title{color:var(--text-secondary);background:var(--surface-chip);border:1px solid var(--line);font-size:var(--type-caption);font-weight:var(--weight-medium);border-radius:var(--radius-chip);width:max-content;padding:3px 12px;line-height:1.5}.info_more-btn{min-height:var(--btn-height-sm);z-index:1;padding:0 10px;position:absolute;top:0;right:0}.info_more-btn ion-icon{transition:transform var(--transition-1)}.sidebar.active .info_more-btn ion-icon{transform:rotate(180deg)}.info_more-btn span{display:none}.sidebar-info_more{opacity:0;visibility:hidden;transition:var(--transition-2)}.sidebar.active .sidebar-info_more{opacity:1;visibility:visible}.contacts-list{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--highlight);overflow:hidden}.contact-item{align-items:center;display:flex;position:relative}.contact-item+.contact-item:before{content:"";background:var(--line);pointer-events:none;height:1px;position:absolute;top:0;left:56px;right:0}.contact-row{flex:1;align-items:center;gap:12px;min-width:0;min-height:58px;padding:10px 12px;transition:background-color .2s;display:flex}.contact-row:hover{background-color:var(--surface-card-hover)}.contact-row:active{background-color:var(--glass-bg-active)}.contact-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-card)}.contact-item .icon-box{border-radius:9px;width:32px;height:32px;font-size:15px}.contact-copy{width:32px;height:32px;color:var(--text-tertiary);border-radius:var(--radius-chip);border:1px solid #0000;justify-content:center;align-items:center;font-size:15px;transition:color .2s,background-color .2s,border-color .2s,opacity .2s,transform .12s;display:flex;position:absolute;top:50%;right:8px;translate:0 -50%}.contact-copy:hover{color:var(--text-primary);background-color:var(--glass-bg);border-color:var(--glass-border)}.contact-copy:active{transform:scale(.92)}.contact-copy:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.contact-copy.copied{color:#75d79e}.contact-item.has-copy .contact-row{padding-right:46px}@media (hover:hover){.contact-item.has-copy .contact-row{padding-right:12px}.contact-copy{opacity:0;background-color:var(--surface-bar)}.contact-item:hover .contact-copy,.contact-copy:focus-visible,.contact-copy.copied{opacity:1}}.contact-item .icon-box,.title-wrapper .icon-box,.contact-card-icon{color:var(--white-1);background:var(--tile-bg);border:1px solid var(--tile-border);box-shadow:var(--tile-shadow);-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);flex-shrink:0;transition:background-color .2s,border-color .2s}.contact-item:hover .icon-box,.contact-card:hover .contact-card-icon,.contact-card:focus-visible .contact-card-icon{background-color:var(--tile-bg-hover);border-color:var(--tile-border-hover)}.contact-info{flex:1;min-width:0}.contact-title{margin-bottom:3px}.contact-info .contact-link{color:var(--text-primary);font-size:var(--type-label);font-weight:var(--weight-medium);overflow-wrap:break-word;line-height:1.4}.social-list{justify-content:flex-start;align-items:center;gap:8px;margin-top:14px;display:flex}.social-item .social-link{width:36px;height:36px;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--btn-radius);box-shadow:var(--glass-shadow);justify-content:center;align-items:center;font-size:17px;transition:color .2s,background-color .2s,border-color .2s,transform .12s;display:flex}.social-item .social-link:hover{color:var(--text-primary);background-color:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.social-item .social-link:active{transform:scale(.94)}.social-item .social-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.navbar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface-bar);max-width:460px;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border:1px solid var(--line-strong);box-shadow:var(--highlight), 0 1px 3px #0003, 0 10px 30px #00000047;z-index:5;border-radius:26px;margin-inline:auto;position:fixed}.navbar-list{align-items:stretch;gap:2px;padding:5px;display:flex}.navbar-item{flex:1 1 0;min-width:0}.navbar-link,.navbar-download{width:100%;min-height:52px;color:var(--text-tertiary);font-family:var(--font-text);font-size:var(--type-eyebrow);font-weight:var(--weight-medium);letter-spacing:0;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:21px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;line-height:1;transition:color .2s,background-color .25s,border-color .25s,box-shadow .25s,transform .15s;display:flex;position:relative}.navbar-link ion-icon,.navbar-download ion-icon{font-size:22px;transition:transform .25s}.navbar-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.navbar-label .label-short{display:none}@media (max-width:359px){.navbar-label .label-long{display:none}.navbar-label .label-short{display:inline}}@media (hover:hover){.navbar-link:hover,.navbar-download:hover{color:var(--text-secondary)}}.navbar-link:active,.navbar-download:active{transform:scale(.95)}.navbar-link.active{color:var(--text-primary);background-color:var(--glass-bg-hover);border-color:var(--glass-border);box-shadow:var(--highlight), 0 1px 2px #0003}.navbar-download ion-icon{color:var(--vegas-gold)}.navbar-link:focus-visible,.navbar-download:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.about .article-title{margin-bottom:15px}.about-text{color:var(--light-gray);font-size:var(--type-body);font-weight:var(--weight-regular);line-height:1.6}.about-text p{margin-bottom:15px}.article-title,.timeline{margin-bottom:30px}.timeline .title-wrapper{align-items:center;gap:15px;margin-bottom:25px;display:flex}.timeline-list{font-size:var(--type-body);margin-left:45px}.timeline-item{position:relative}.timeline-item:not(:last-child){margin-bottom:20px}.timeline-item-title{font-size:var(--type-card);margin-bottom:6px}.timeline-list span{color:var(--vegas-gold);font-weight:var(--weight-regular);line-height:1.6}.timeline-item:not(:last-child):before{content:"";background:var(--line-strong);width:1px;height:calc(100% + 50px);position:absolute;top:-25px;left:-30px}.timeline-item:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:-33px;box-shadow:0 0 0 4px #7e98ce24}.timeline-text{color:var(--light-gray);font-weight:var(--weight-regular);line-height:1.6}.timeline-points{padding-left:18px}.timeline-points li{list-style:outside}.timeline-points li:not(:last-child){margin-bottom:4px}.timeline-list span a{color:inherit}.timeline-list span a:hover{text-decoration:underline}.skills-item .h5{margin-bottom:6px}.skills-text{color:var(--light-gray);font-size:var(--type-body);font-weight:var(--weight-regular);line-height:1.6}.skills-list{padding:20px}.skills-item:not(:last-child){margin-bottom:15px}.project-list{grid-template-columns:1fr;gap:20px;display:grid}.project-card{flex-direction:column;display:flex;overflow:hidden}.project-cover{aspect-ratio:16/9;background:var(--surface-well);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.project-cover img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform var(--transition-2)}.project-card:hover .project-cover img{transform:scale(1.03)}.project-cover-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--white-1);opacity:0;transition:opacity var(--transition-1);background:#0f121973;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}.project-cover:hover .project-cover-overlay,.project-cover:focus .project-cover-overlay{opacity:1}.project-body{flex-direction:column;flex-grow:1;gap:10px;padding:18px 20px 20px;display:flex}.project-details{color:var(--light-gray);font-size:var(--type-small);font-weight:var(--weight-regular);line-height:1.6}.project-details summary{width:max-content;list-style:none}.project-details summary::-webkit-details-marker{display:none}.project-details summary:after{content:"";width:6px;height:6px;transition:transform var(--transition-1), margin var(--transition-1);border-bottom:1.5px solid;border-right:1.5px solid;margin-top:-3px;transform:rotate(45deg)}.project-details[open] summary:after{margin-top:3px;transform:rotate(-135deg)}.project-details-content{padding-top:10px}.project-details-content :is(p,ul,ol,h3,h4):not(:last-child){margin-bottom:8px}.project-details-content p:empty{display:none}.project-details-content :is(ul,ol){padding-left:18px}.project-details-content li{list-style:outside}.project-details-content :is(h3,h4){color:var(--white-2);font-size:var(--type-body);font-weight:var(--weight-medium)}.project-details-content :is(b,strong){color:var(--white-2);font-weight:var(--weight-medium)}.project-details-content code{background:var(--surface-chip);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:.9em}.project-details-content span,.project-details-content a{display:inline}.project-details-content a{color:var(--vegas-gold);text-decoration:underline}.project-link{width:max-content;margin-top:auto}.project-empty{color:var(--light-gray-70);font-size:var(--type-body)}.contact-intro{color:var(--light-gray);font-size:var(--type-body);font-weight:var(--weight-regular);margin-bottom:25px;line-height:1.6}.contact-cards{grid-template-columns:1fr;gap:15px;margin-bottom:35px;display:grid}.contact-card{align-items:center;gap:15px;height:100%;padding:16px 18px;display:flex}.contact-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.contact-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.contact-card-text{min-width:0}.contact-card-label{margin-bottom:3px}.contact-card-value{color:var(--white-2);font-size:var(--type-small);overflow-wrap:anywhere}.contact-form{margin-bottom:30px;padding:22px}.form-title{margin-bottom:20px}.input-wrapper{grid-template-columns:1fr;gap:18px;margin-bottom:18px;display:grid}.form-field{margin-bottom:18px;display:block}.input-wrapper .form-field{margin-bottom:0}.form-label{color:var(--text-secondary);font-size:var(--type-label);font-weight:var(--weight-medium);margin-bottom:8px;line-height:1.3}.form-control{display:block;position:relative}.form-control ion-icon{color:var(--light-gray-70);pointer-events:none;transition:color var(--transition-1);font-size:17px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-control:focus-within ion-icon{color:#7e98ce}.form-input{color:var(--white-2);font-size:var(--type-body);font-weight:var(--weight-regular);background:var(--surface-well);border:1px solid var(--line);border-radius:var(--radius-inner);outline:none;padding:13px 18px;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-input:hover{border-color:var(--line-hover)}.form-control .form-input{padding-left:46px}.form-input::placeholder{color:var(--text-quaternary);font-weight:var(--weight-regular)}.form-input:focus{border-color:#7e98ceb3;box-shadow:0 0 0 3px #6b8ac72e}textarea.form-input{resize:vertical;height:140px;min-height:120px;max-height:260px}textarea.form-input::-webkit-resizer{display:none}.form-input:user-invalid{border-color:var(--bittersweet-shimmer)}.form-honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.form-status{font-size:var(--type-small);border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px 14px;line-height:1.5;display:flex}.form-status ion-icon{flex-shrink:0;font-size:18px}.form-status.success{color:#88ddab;background:#2e9e5d1f;border:1px solid #39c6744d}.form-status.error{color:#ec9393;background:#b82e2e1f;border:1px solid #d147474d}.contact-form .form-btn{width:100%;margin-top:6px}.mapbox{border-radius:var(--radius-card);border:1px solid var(--line);width:100%;height:250px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.mapbox figure{height:100%}.mapbox iframe{filter:grayscale()invert(.9)contrast(.85);border:none;width:100%;height:100%}.mapbox:after{content:"";pointer-events:none;background:#425a8a2e;position:absolute;inset:0}main.status-main{justify-content:center;align-items:center;min-height:100dvh;margin:0;padding:24px 16px;display:flex}article.status-page{text-align:center;width:100%;max-width:480px;margin:0;padding:40px 28px}.status-code{color:var(--accent);font-family:var(--font-display);font-size:56px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-page);margin-bottom:16px;line-height:1}.status-title{margin-bottom:10px}.status-text{color:var(--text-secondary);margin-bottom:28px}.status-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (min-width:580px){:root{--type-page:34px;--type-name:24px;--type-section:22px;--type-card:17px;--type-body:15px;--type-small:14px}.sidebar,article{width:520px;margin-inline:auto;padding:30px}.article-title{padding-bottom:15px}.article-title:after{width:40px;height:5px}.icon-box{border-radius:var(--radius-inner);width:48px;height:48px;font-size:18px}main{margin-top:60px;margin-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.sidebar{max-height:180px;margin-bottom:30px}.sidebar.active{max-height:584px}.sidebar-info{gap:25px}.avatar-box{border-radius:30px}.avatar-box img{width:120px}.info-content .name{margin-bottom:15px}.info-content .title{padding:5px 18px}.info_more-btn{padding:0 14px}.info_more-btn span{font-size:var(--type-button-sm);display:block}.separator{margin:22px 0}.about .article-title{margin-bottom:20px}.about-text{margin-bottom:40px}.content-card{padding:25px 30px 30px}.timeline-list{margin-left:65px}.timeline-item:not(:last-child):before{left:-40px}.timeline-item:after{width:8px;height:8px;left:-43px}.skills-item:not(:last-child){margin-bottom:25px}.mapbox{height:340px}.contact-form{padding:30px}.form-input{padding-block:15px}}@media (min-width:768px){.sidebar,article{width:700px}.article-title{padding-bottom:20px}.project-list,.input-wrapper{grid-template-columns:1fr 1fr}.contact-form .form-btn{width:max-content;min-width:180px;margin-left:auto}}@media (min-width:1024px){.sidebar,article{width:950px}main{margin-bottom:60px}.main-content{width:max-content;margin:auto;position:relative}.navbar{-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-left:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0 var(--radius-panel) 0 var(--radius-card);width:max-content;max-width:none;box-shadow:none;background:#ffffff08;margin:0;padding:0 8px;position:absolute;inset:0 0 auto auto}.navbar-list{gap:6px;padding:10px 12px}.navbar-item{flex:none}.navbar-link,.navbar-download{width:auto;min-height:36px;font-size:var(--type-button);letter-spacing:-.01em;border-radius:var(--btn-radius);flex-direction:row;gap:6px;padding:0 16px}.navbar-link{color:var(--text-secondary)}.navbar-link ion-icon{display:none}.navbar-link:hover{background-color:var(--glass-bg-subtle)}.navbar-link:active,.navbar-download:active{transform:scale(.97)}.navbar-link.active{box-shadow:var(--glass-shadow)}.navbar-download{color:var(--white-1);background-color:var(--glass-tint);border-color:var(--glass-tint-border);box-shadow:var(--glass-shadow)}.navbar-download:hover{color:var(--white-1);background-color:var(--glass-tint-hover);border-color:#c2d1f066}.navbar-download ion-icon{color:inherit;font-size:15px}.navbar-link:focus-visible,.navbar-download:focus-visible{outline-offset:2px}.back-to-top{bottom:32px;right:32px}.contact-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:1250px){body::-webkit-scrollbar{width:20px}body::-webkit-scrollbar-track{background:var(--bg-body)}body::-webkit-scrollbar-thumb{border:5px solid var(--bg-body);background:#ffffff1a;border-radius:20px;box-shadow:inset 1px 1px #ffffff1c,inset -1px -1px #ffffff1c}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:60px}.sidebar,article{width:auto}article{min-height:100%}main{justify-content:center;align-items:stretch;gap:25px;max-width:1200px;margin-inline:auto;display:flex}.main-content{width:75%;min-width:75%;margin:0}.sidebar{z-index:1;height:100%;max-height:max-content;margin-bottom:0;padding:40px 24px 30px;position:sticky;top:60px}.sidebar-info{flex-direction:column;gap:20px}.avatar-box{border-radius:28px}.avatar-box img{width:128px}.info-content .name{margin-bottom:12px}.contact-row{min-height:64px}.info-content .name{white-space:nowrap;text-align:center}.info-content .title{margin:auto}.info_more-btn{display:none}.sidebar-info_more{opacity:1;visibility:visible}.separator{margin:26px 0}.social-list{justify-content:center;margin-top:22px}.timeline-text{max-width:700px}}