@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f1e8;--card:#fff9f0;--border:#e6d8c5;--text:#30251f;--muted:#766658;--accent:#b85c38;--navy:var(--bg);--navy-2:#efe3d3;--panel:var(--card);--panel-raised:#fffcf6;--line:var(--border);--line-light:#e0d1be;--white:var(--text);--soft:var(--muted);--dim:#9b8773;--cyan:var(--accent);--yellow:var(--accent);--coral:var(--accent);--text-main:var(--text);--text-muted:var(--muted);--sketch-texture:none;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:"Space Grotesk", "Inter", sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit}::selection{color:var(--text);background:#ff654733}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#d9c8b4}.nav-bar{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f1e8f0;justify-content:center;align-items:center;height:82px;padding:0 5%;display:flex;position:sticky;top:0}#nav-links{align-items:center;gap:clamp(20px,4vw,48px);display:flex}#nav-links a{color:var(--soft);font:500 .74rem var(--mono);text-decoration:none;transition:color .2s}#nav-links a:last-child{color:var(--yellow)}section,#hero{width:min(1120px,100% - 48px);margin:0 auto}section{padding:78px 0}#hero{text-align:center;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 110px);padding:92px 0 48px;display:flex;position:relative}#about{padding-top:36px}#hero:before,#hero:after{display:none}.section-title{color:var(--white);font:700 clamp(1.6rem, 3vw, 2.4rem) var(--display);letter-spacing:-.06em;text-align:center;justify-content:center;align-items:center;gap:12px;margin-bottom:clamp(36px,5vw,52px);line-height:1.1;display:flex}.carousel-header-container .section-title{margin-bottom:0}.section-title:before,.section-title:after{content:"";background:var(--cyan);width:24px;height:1px}.section-subtitle{color:var(--soft);font:.78rem var(--mono);text-align:center;margin:13px 0 42px}.status-wrapper{color:#687a45;font:600 .69rem var(--mono);letter-spacing:.06em;align-items:center;gap:9px;margin-bottom:24px;display:inline-flex}.status-dot{background:#687a45;border-radius:50%;width:8px;height:8px}#hero h1{max-width:890px;color:var(--white);font:700 clamp(3.1rem, 8vw, 7.4rem) var(--display);letter-spacing:-.1em;line-height:.9}.hero-subtitle{color:var(--cyan);font:700 clamp(1.15rem, 2vw, 1.55rem) var(--display);letter-spacing:-.045em;margin-top:24px}.hero-desc{max-width:590px;color:var(--soft);margin:28px auto 34px;font-size:1.03rem;line-height:1.8}.social-links{justify-content:center;gap:10px;margin-bottom:64px;display:flex}.social-links a{width:46px;height:46px;color:var(--soft);border:1px solid var(--line-light);background:0 0;border-radius:50%;place-items:center;transition:color .2s,border-color .2s,background .2s,transform .2s;display:grid}.social-links a:hover{color:var(--navy);border-color:var(--cyan);background:var(--cyan);transform:translateY(-3px)}.social-links svg{width:18px;height:18px}.hero-shapes{pointer-events:none;z-index:-1;position:absolute;inset:0}.hero-shape{opacity:0;width:70px;height:70px;color:var(--cyan);border:1px solid var(--line-light);font:600 .9rem var(--mono);place-items:center;animation:.9s cubic-bezier(.16,1,.3,1) forwards shape-in,6s ease-in-out 1.1s infinite code-float;display:grid;position:absolute}.shape-brackets{top:30%;left:10%;rotate:-12deg}.shape-object{color:var(--yellow);animation-delay:.1s,1.2s;top:62%;right:11%;rotate:12deg}.scroll-down{color:var(--dim);font:.7rem var(--mono);align-items:center;gap:8px;display:flex}.scroll-down svg{width:16px;height:16px}.about-container{grid-template-columns:1fr;gap:40px;display:grid}.about-content>p{max-width:790px;color:var(--soft);text-align:center;margin:0 auto 22px;font-size:.98rem;line-height:1.85}.about-content>div>h3{color:var(--white);text-align:center;margin:52px 0 23px;font-size:1.1rem}.about-content ul{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.about-content li{background:var(--panel);grid-column:span 2;min-height:148px;padding:22px}.about-content li:nth-child(4){grid-column:2/span 2}.about-content li:nth-child(5){grid-column:4/span 2}.about-content li h4{color:var(--white);margin-bottom:9px;font-size:.92rem;font-weight:600}.about-content li p{color:var(--soft);margin:0;font-size:.8rem;line-height:1.7}.stats-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;max-width:500px;margin:42px auto 0;display:grid}.stat-card{background:var(--panel);text-align:center;min-height:125px;padding:22px}.stat-card h3{color:var(--yellow);font:600 2.6rem var(--mono);letter-spacing:-.1em}.stat-card p{color:var(--soft);font-size:.75rem}.carousel-header-container{justify-content:space-between;align-items:end;gap:20px;margin-bottom:42px;display:flex}.carousel-header-container>div:first-child{flex:1}.carousel-buttons{gap:8px;display:flex}.carousel-buttons button{width:44px;height:44px;color:var(--white);border:1px solid var(--line-light);cursor:pointer;background:0 0;border-radius:50%;font-size:1.1rem;transition:color .2s,border-color .2s,background .2s}.carousel-buttons button:hover{color:var(--navy);border-color:var(--cyan);background:var(--cyan)}.embla{overflow:hidden}.embla__container{backface-visibility:hidden;gap:18px;display:flex}.embla__slide{flex:0 0 100%;min-width:0}.featured-project-card,.project-card,.skill-card,.contact-card{border:1px solid var(--line);background:var(--panel)}.featured-project-card{box-shadow:none;border-radius:0;overflow:hidden}.featured-project-info h3{color:var(--white);font:700 clamp(1.35rem, 3vw, 2rem) var(--display);letter-spacing:-.055em;margin-bottom:clamp(18px,2.5vw,26px)}.featured-project-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;gap:clamp(24px,3vw,36px);display:grid}.featured-project-visual{width:100%;position:relative}.featured-project-visual picture{width:100%;display:block}.featured-project-details>h4:first-child{margin-top:0}.featured-project-info h4{color:var(--cyan);font:600 .72rem var(--mono);letter-spacing:.04em;margin:20px 0 10px}.featured-project-info p{color:var(--soft);font-size:.88rem;line-height:1.65}.featured-project-image{aspect-ratio:3/4;object-fit:cover;object-position:top center;border:0;border-radius:3px;outline:none;width:100%;margin:0;display:block}.featured-project-info ul{color:var(--soft);padding:0;font-size:.82rem;line-height:1.6;list-style:none}.featured-project-info li{margin-bottom:10px;padding-left:20px;position:relative}.featured-project-info li:before{content:"↳";color:var(--yellow);position:absolute;left:0}.featured-project-info strong{color:var(--white);font-weight:600}.tech-tags{flex-wrap:wrap;gap:7px;margin-bottom:24px;display:flex}.project-info>.tech-tags{padding-bottom:4px}.featured-project-tech-tags{margin-top:18px;margin-bottom:20px}.pill{color:var(--soft);border:1px solid var(--line-light);background:var(--navy-2);font:.66rem var(--mono);border-radius:999px;padding:5px 9px}.project-links{border-top:1px solid var(--line);gap:22px;padding-top:20px;display:flex}.project-links a{color:var(--cyan);font:600 .72rem var(--mono);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.project-links svg{width:15px;height:15px}.projects-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{border-radius:14px;min-height:280px;transition:border-color .2s,transform .2s}.project-card:hover,.skill-card:hover{border-color:var(--cyan);transform:translateY(-3px)}.project-info{flex-direction:column;height:100%;padding:25px;display:flex}.project-info h3{color:var(--white);font:700 1.12rem var(--display);letter-spacing:-.04em;margin-bottom:13px}.project-info p{color:var(--soft);flex:1;margin-bottom:22px;font-size:.81rem;line-height:1.7}.project-info .project-links{margin-top:auto}.skills-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.skill-card{border-radius:14px;padding:25px;transition:border-color .2s,transform .2s}.skill-card h4{min-height:50px;color:var(--white);align-items:center;gap:10px;margin-bottom:28px;font-size:.92rem;display:flex}.skill-icon{color:var(--cyan)}.skill-list{flex-direction:column;gap:22px;display:flex}.skill-name{color:var(--soft);font:.67rem var(--mono);justify-content:space-between;gap:10px;margin-bottom:9px;display:flex}.skill-name span:last-child{color:var(--dim);text-align:right}.progress-bar{background:var(--line);border-radius:99px;height:5px}.progress{background:var(--yellow);border-radius:99px;height:100%}.contact-container{display:flex}.contact-card{border:1px solid var(--line-light);border-radius:18px;width:100%;padding:clamp(25px,5vw,50px)}.contact-card h3{color:var(--white);letter-spacing:-.05em;text-align:center;margin-bottom:11px;font-size:1.4rem}.contact-card>p{max-width:560px;color:var(--soft);text-align:center;margin:0 auto 38px;font-size:.88rem}.contact-methods{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.contact-method{align-items:flex-start;gap:12px;display:flex}.contact-icon{color:var(--yellow);padding-top:2px}.contact-icon svg{width:18px;height:18px}.contact-info h4{color:var(--dim);margin-bottom:5px;font-size:.73rem}.contact-info p,.contact-info a{color:var(--white);font:.77rem var(--mono);overflow-wrap:anywhere;text-decoration:none}.contact-info a:hover{color:var(--cyan)}footer{color:var(--dim);border-top:1px solid var(--line);text-align:center;font:.7rem var(--mono);padding:34px 24px}.reveal{opacity:0;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.reveal-right{opacity:0;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transform:translate(-18px)}.reveal.active,.reveal-right.active{opacity:1;transform:translate(0)}@keyframes hero-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes code-float{0%,to{translate:0}50%{translate:0 -12px}}@keyframes hero-drop{0%{opacity:0;transform:translateY(74px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes icon-pop{0%{opacity:0;transform:translateY(20px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}#hero>.status-wrapper{animation:.72s cubic-bezier(.16,1,.3,1) 60ms both hero-drop}#hero>h1{letter-spacing:-.075em;animation:.95s cubic-bezier(.16,1,.3,1) .18s both hero-drop;overflow:visible}#hero>.hero-subtitle{animation:.78s cubic-bezier(.16,1,.3,1) .34s both hero-drop}#hero>.hero-desc{animation:.78s cubic-bezier(.16,1,.3,1) .46s both hero-drop}#hero>.social-links{animation:.75s cubic-bezier(.16,1,.3,1) .58s both icon-pop}@keyframes shape-in{0%{opacity:0;translate:0 38px;scale:.72}to{opacity:.88;translate:0;scale:1}}#hero.reveal{opacity:1;transform:none}#about.active .about-content>p{animation:.65s cubic-bezier(.22,1,.36,1) both hero-rise}#about.active .about-content>p:nth-of-type(2){animation-delay:80ms}#about.active .about-content li{animation:.6s cubic-bezier(.22,1,.36,1) both hero-rise}#about.active .about-content li:nth-child(2){animation-delay:80ms}#about.active .about-content li:nth-child(3){animation-delay:.16s}#about.active .stat-card{animation:.6s cubic-bezier(.22,1,.36,1) both hero-rise}#about.active .stat-card:nth-child(2){animation-delay:.1s}.featured-project-card.active,.project-card.active,.skill-card.active{animation:.7s cubic-bezier(.22,1,.36,1) both hero-rise}@media (width<=900px){.featured-project-grid{grid-template-columns:1fr;gap:20px}}@media (width<=820px){.shape-brackets{left:3%}.shape-object{right:3%}.skills-container,.contact-methods{grid-template-columns:1fr}}@media (width<=560px){section,#hero{width:min(100% - 34px,1120px)}section{padding:56px 0}.nav-bar{height:68px;padding:0 17px}#nav-links{gap:13px}#nav-links a{font-size:.66rem}#hero{min-height:auto;padding:66px 0 54px}#about{padding-top:28px}.hero-shape{width:52px;height:52px;font-size:.7rem}.shape-brackets{top:28%;left:1%}.shape-object{top:64%;right:1%}#hero h1{font-size:clamp(2.9rem,15vw,4.7rem)}.hero-desc{font-size:.94rem}.about-content ul,.projects-container{grid-template-columns:1fr}.about-content li,.about-content li:nth-child(4),.about-content li:nth-child(5){grid-column:auto}.carousel-header-container{flex-direction:column;align-items:flex-start}.featured-project-info{padding:22px 18px}.skill-card,.project-info{padding:21px 18px}}@media (width<=768px){.featured-project-image{aspect-ratio:3/4}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body:before,body:after{content:"";background:var(--border);pointer-events:none;z-index:30;width:1px;position:fixed;top:0;bottom:0}body:before{left:18px}body:after{right:18px}.loading-screen{background:var(--bg);z-index:999;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:hidden}.loading-screen:before{content:"";background:var(--accent);width:100%;height:4px;animation:2.2s cubic-bezier(.16,1,.3,1) both loader-scan;position:absolute;top:0;left:0}.loading-screen.is-complete{animation:.38s cubic-bezier(.76,0,.24,1) forwards loader-exit}.loader-frame{width:min(480px,100%)}.loader-identity{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.loader-mark{color:var(--accent);font:600 1rem var(--mono)}.loader-name{color:var(--text);font:700 clamp(1.5rem, 5vw, 2.3rem) var(--display);letter-spacing:-.06em}.loader-meter{border:1px solid var(--border);background:var(--card);height:12px;padding:3px}.loader-progress{background:var(--accent);height:100%;transition:width 80ms linear;display:block}.loader-count{color:var(--muted);font:500 .72rem var(--mono);text-align:right;margin-top:10px;display:block}.site-shell.is-loading{pointer-events:none;max-height:100vh;overflow:hidden}.site-shell.is-loading #hero>:not(.hero-shapes),.site-shell.is-loading .hero-shape{opacity:0;animation:none}.nav-bar{border-bottom-color:var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f1e8f0;height:76px}.nav-bar:before{content:"";background:var(--accent);width:7px;height:7px;position:absolute;left:max(32px,50vw - 560px);rotate:45deg}#nav-links a{letter-spacing:.02em;padding:8px 0;font-size:.8rem;position:relative}#nav-links a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:scale .25s;position:absolute;bottom:2px;left:0;right:0;scale:0 1}#nav-links a:hover:after{scale:1}section{position:relative}section,#hero{scroll-margin-top:92px}section:not(#about):after{content:"";background:var(--line);width:min(1120px,100vw - 48px);height:1px;position:absolute;top:0;left:50%;translate:-50%}section:not(#about):after,#about:after{background:var(--line)}.section-title{letter-spacing:-.055em;gap:16px}.section-title:before,.section-title:after{width:clamp(28px,5vw,58px);height:2px}.section-subtitle{letter-spacing:.025em}#hero{overflow:hidden}#hero h1{text-wrap:balance}.status-dot{background:#687a45;animation:2s ease-in-out infinite status-pulse;box-shadow:0 0 0 4px #16a34a33}.social-links a{background:var(--card);color:var(--muted);border-color:var(--border);border-radius:3px}.social-links a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-4px)rotate(-2deg)}.hero-shape{background:var(--card);border-color:var(--border);color:var(--accent)}.site-shell.is-ready #hero>.status-wrapper{animation:.72s cubic-bezier(.16,1,.3,1) 80ms both hero-drop}.site-shell.is-ready #hero>h1{animation:.95s cubic-bezier(.16,1,.3,1) .17s both hero-drop}.site-shell.is-ready #hero>.hero-subtitle{animation:.78s cubic-bezier(.16,1,.3,1) .3s both hero-drop}.site-shell.is-ready #hero>.hero-desc{animation:.78s cubic-bezier(.16,1,.3,1) .41s both hero-drop}.site-shell.is-ready #hero>.social-links{animation:.75s cubic-bezier(.16,1,.3,1) .52s both icon-pop}.site-shell.is-ready .hero-shape{animation:.9s cubic-bezier(.16,1,.3,1) .3s forwards shape-in,6s ease-in-out 1.2s infinite code-float}.site-shell.is-ready .shape-object{animation-delay:.42s,1.35s}.about-content>p{border-left:2px solid var(--border);text-align:left;max-width:850px;padding:0 22px}.about-content>p:first-child{border-left-color:var(--border)}.about-content>p:nth-of-type(2){border-left:0;border-right:2px solid var(--accent);padding-left:22px;padding-right:22px}.about-content>div>h3{font-family:var(--display);letter-spacing:-.03em}.about-content ul{counter-reset:care;background:0 0;border:0;gap:12px}.about-content li{border:1px solid var(--border);background:var(--card);counter-increment:care;min-height:180px;padding:27px;transition:border-color .25s,translate .25s,background .25s;position:relative;overflow:hidden}.about-content li:before{content:"0" counter(care);color:var(--accent);font:600 .67rem var(--mono);margin-bottom:22px;display:block}.about-content li:after{content:"";background:var(--accent);transform-origin:0;height:3px;transition:scale .3s;position:absolute;inset:auto 0 0;scale:0 1}.about-content li:hover{border-color:var(--accent);background:var(--card);translate:0 -4px}.about-content li:hover:after{scale:1}.stats-grid{background:0 0;border:0;gap:12px}.stat-card{border:1px solid var(--border);background:var(--card);position:relative}.carousel-header-container{padding:0 2px}.carousel-buttons button{background:var(--card);border-color:var(--border);color:var(--text);border-radius:3px}.carousel-buttons button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.featured-project-card{border-color:var(--border);background:var(--card);position:relative}.featured-project-info{padding:clamp(24px,4vw,48px)}.featured-project-image{border:none;outline:none;margin:0}.featured-project-info h4{color:var(--accent);align-items:center;gap:10px;display:flex}.featured-project-info h4:after{content:"";background:var(--border);flex:1;height:1px}.projects-container{gap:14px}.project-card{background:var(--card);border:1px solid var(--border);border-radius:3px;min-height:310px;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent);background:var(--card);transform:translateY(-5px)}.project-info{padding:29px}.project-info h3{color:var(--text);padding-right:24px}.pill{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:2px;transition:color .2s,border-color .2s,background .2s}.pill:hover{color:var(--accent);border-color:var(--accent)}.project-links a{position:relative}.project-links a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:scale .2s;position:absolute;bottom:-4px;left:0;right:0;scale:0 1}.project-links a:hover:after{scale:1}.skills-container{gap:14px}.skill-card{background:var(--panel);border-radius:3px;padding:28px;position:relative;overflow:hidden}.skill-card:hover{background:var(--panel-raised)}.project-card:before,.skill-card:before{content:"";background:var(--accent);opacity:0;pointer-events:none;z-index:3;border-radius:999px;width:52px;height:3px;position:absolute;top:0;left:0}.project-card:hover:before,.skill-card:hover:before{opacity:1;animation:6s linear infinite border-run}@supports (offset-path:inset(0 round 3px)){.project-card:before,.skill-card:before{offset-path:inset(1px round 4px);offset-anchor:0% 50%;offset-rotate:auto;offset-distance:0%;top:auto;left:auto}.project-card:hover:before,.skill-card:hover:before{animation:8s linear infinite border-flow}}.skill-card h4{border-bottom:1px solid var(--border);color:var(--text);padding-bottom:18px}.skill-list{gap:26px}.skill-name{align-items:center;font-size:.69rem}.skill-name>span:last-child{color:var(--muted);text-align:right}.skill-label>span:last-child{color:var(--muted);text-align:left;line-height:1.45}.skill-label{align-items:center;gap:10px;min-width:0;display:flex}.skill-logos{flex:none;align-items:center;gap:5px;display:inline-flex}.skill-logos svg{width:18px;height:18px;color:var(--accent)}.skill-logos svg:nth-child(2n){color:var(--accent)}.progress-bar{border-radius:0;height:4px;overflow:hidden}.progress{transform-origin:0;border-radius:0;transition:transform 1s cubic-bezier(.16,1,.3,1);transform:scaleX(0)}.skill-card.active .progress{transform:scaleX(1)}.contact-card{background:var(--card);border:1px solid var(--border);border-radius:3px;position:relative;overflow:hidden}.contact-methods{border:1px solid var(--border);gap:0}.contact-method{border-right:1px solid var(--border);min-height:108px;padding:24px;transition:background .2s}.contact-method:last-child{border-right:0}.contact-method:hover{background:var(--bg)}.contact-icon{border:1px solid var(--border);background:var(--bg);width:34px;height:34px;color:var(--accent);flex:none;place-items:center;padding:0;display:grid}footer{background:var(--bg);color:var(--muted);border-top:1px solid var(--border)}@keyframes loader-scan{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes loader-exit{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes border-run{0%{top:0;left:0;transform:rotate(0)}20%{top:0;left:calc(100% - 48px);transform:rotate(0)}25%{top:0;left:calc(100% - 24px);transform:rotate(90deg)}45%{top:calc(100% - 48px);left:calc(100% - 24px);transform:rotate(90deg)}50%{top:calc(100% - 24px);left:calc(100% - 24px);transform:rotate(180deg)}70%{top:calc(100% - 24px);left:0;transform:rotate(180deg)}75%{top:calc(100% - 24px);left:0;transform:rotate(270deg)}95%{top:0;left:0;transform:rotate(270deg)}to{top:0;left:0;transform:rotate(360deg)}}@keyframes border-flow{0%{offset-distance:0%}to{offset-distance:100%}}.featured-project-card.active,.project-card.active,.skill-card.active,#about.active .stat-card{backface-visibility:hidden;animation:none!important}@media (width<=820px){body:before{left:8px}body:after{right:8px}.nav-bar:before{left:22px}.about-content ul{grid-template-columns:1fr}.about-content li{grid-column:auto}.contact-methods{grid-template-columns:1fr}.contact-method{border-right:0;border-bottom:1px solid var(--line)}.contact-method:last-child{border-bottom:0}}@media (width<=560px){.nav-bar:before{display:none}.loader-frame{width:100%}.about-content>p{padding:0 0 0 16px}.about-content>p:nth-of-type(2){padding:0 16px}.project-info,.skill-card{padding:24px 20px}.skill-name,.skill-label{align-items:flex-start}.skill-logos{padding-top:1px}}#nav-links a:hover{color:var(--accent)}.social-links a:hover,.carousel-buttons button:hover{border-color:var(--accent);background:var(--accent);color:#fff}.featured-project-info h4{color:var(--accent)}.project-links a{color:var(--text)}.project-links a:hover{color:var(--accent)}.project-card:hover,.skill-card:hover{border-color:var(--accent)}.skill-icon,.skill-logos svg,.contact-info a:hover,.about-content li:before{color:var(--accent)}.about-content li:after{background:var(--accent)}.about-content li,.stat-card,.featured-project-card,.project-card,.skill-card,.contact-card{background-color:var(--card);border-color:var(--border)}.featured-project-card,.project-card,.project-card:hover{background-color:var(--card)}.loading-screen:before{display:none}.site-shell.is-ready #hero>.hero-subtitle{width:fit-content;animation:.78s cubic-bezier(.16,1,.3,1) .3s both hero-drop;display:inline-block}@keyframes subtitle-type{0%,12%{max-width:0}48%,68%{max-width:100%}92%,to{max-width:0}}.contact-methods,.contact-method,.contact-method:last-child{border:0}.featured-project-card .pill,.project-card .pill{border-color:var(--border);background:var(--bg);color:var(--text)}.featured-project-card .pill:hover,.project-card .pill:hover{border-color:var(--accent);color:var(--accent)}.featured-project-card .project-links a,.project-card .project-links a{color:var(--text)}.featured-project-card .project-links a:hover,.project-card .project-links a:hover{color:var(--accent)}.skill-label,.skill-label>span:last-child{color:var(--muted)}.skill-icon,.skill-logos svg,.skill-logos svg:nth-child(2n){color:var(--accent)}