.portfolio-home{padding-top:0;overflow-x:clip;--home-green:#00e6b4;--home-blue:#42b5f7;color:var(--site-text);font-family:inherit;background:transparent}.reference-hero{isolation:isolate;min-height:0}.reference-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(/svg/homepage-circuits.svg) top/100% 100% no-repeat,radial-gradient(ellipse at 80% 43%,#004c635c,transparent 45%),radial-gradient(ellipse at 1% 91%,#00425950,transparent 25%)}.hero-grid{max-width:1280px;width:calc(100% - 64px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);-moz-column-gap:64px;column-gap:64px;padding:64px 0;align-items:center}.hero-copy{order:1}.hero-title{font-size:clamp(32px,3.2vw,44px);line-height:1.22;letter-spacing:-.6px;font-weight:800;color:var(--site-text);white-space:nowrap}.hero-title>span:first-of-type{background-image:linear-gradient(100deg,#42b5f7,#00e6b4);font-weight:800}.hero-rule{height:3px;margin:20px 0;background:linear-gradient(90deg,#40bdf5,#00e6b4 55%,#6830d7)}.hero-role{display:block;font-size:clamp(24px,2.3vw,32px);line-height:1.22;letter-spacing:-1px}.hero-role>span:first-child{color:var(--home-green);font-weight:700}.hero-role>span:last-child{color:var(--home-blue);font-weight:700}.hero-copy>p{font-size:18px;line-height:1.6;color:var(--site-text);max-width:48ch;margin-top:12px;white-space:normal}.hero-socials{gap:12px;margin:24px 0}.hero-socials a{color:#d7dfe7;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}.hero-socials svg{width:26px;height:26px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;gap:10px;font-size:16px;font-weight:600;letter-spacing:0;border-radius:8px;border:1px solid #39708a;white-space:nowrap}.hero-actions a:first-child{min-width:164px;background:linear-gradient(105deg,#4baefa,#00d5a2)}.hero-actions a:last-child{min-width:164px;background:linear-gradient(110deg,#17283b,#1d2b3c)}.hero-editor{order:2;margin-top:0;padding:24px;border-radius:13px;border:1px solid transparent;background:linear-gradient(110deg,#071424,#070c2c) padding-box,linear-gradient(105deg,#00daed,#5864c7) border-box;box-shadow:0 0 30px #00cfe513}.editor-dots{gap:8px;margin-bottom:20px}.editor-dots>div{width:12px;height:12px;margin:0!important}.editor-dots>div:first-child{background:#ff5d65}.editor-dots>div:nth-child(2){background:#ffc53d}.editor-dots>div:last-child{background:#34e86c}.editor-code{font-family:Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.7}.editor-code>div{color:#8d929d;padding-right:20px}.editor-code pre{font:inherit;margin:0}.editor-code .text-\[\#60A5FA\]{color:#30c5ff}.editor-code .text-\[\#34D399\]{color:#00efc0}.editor-code .text-\[\#FCD34D\]{color:#fff000}.portfolio-home [id]{scroll-margin-top:96px}.portfolio-home :focus-visible{outline:2px solid var(--home-green);outline-offset:5px}html.light .portfolio-home{color:#102234;background:#edf6fb}html.light .hero-copy>p,html.light .hero-title{color:#102234}html.light .hero-socials a{color:#284558}.hero-actions svg{width:20px;height:20px}@media (max-width:1100px){.hero-grid{-moz-column-gap:32px;column-gap:32px}.hero-title{white-space:normal}.hero-role{letter-spacing:-.4px}.editor-code{font-size:13px}}@media (max-width:1023px){.hero-grid{grid-template-columns:1fr;padding:48px 0;row-gap:32px}.hero-title{font-size:clamp(32px,4.6vw,44px)}.hero-role{font-size:clamp(24px,3.4vw,32px)}.hero-editor{max-width:680px}}@media (max-width:767px){.homepage-signature{font-size:32px}.hero-grid{padding:40px 0}.hero-title{font-size:32px}.hero-role{font-size:clamp(23px,5.8vw,28px);white-space:normal}.hero-copy>p{font-size:16px}.hero-socials{margin:20px 0}.hero-actions{gap:12px}.hero-actions a{min-width:0;padding:0 16px}.hero-editor{padding:20px 16px}.editor-code{font-size:12px}.editor-code>div{padding-right:12px}}@media (max-width:374px){.hero-title{font-size:30px}.hero-actions{flex-direction:column;align-items:stretch}}.portfolio-home>section{margin-left:auto;margin-right:auto}.portfolio-home>section:not(.reference-hero){max-width:1280px}@media (max-width:767px){.hero-grid{width:calc(100% - 40px)}}.portfolio-home .hero-editor pre{color:#e7edf6}.hero-actions a:first-child{color:#04231d}html.light .portfolio-home{--home-green:#087e6d;--home-blue:#1876a5;background:transparent}