:root{--body-text:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Regular-CAdxhaPe.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Bold-CT_TuBnL.woff2)format("woff2");font-weight:700;font-display:swap;font-style:normal}@layer root{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;margin:0;overflow-x:hidden}body{color:#111;height:100%;margin:0;padding:0;font-family:Satoshi,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%}}@layer basic{a{color:#000;text-decoration:none}a:hover{text-decoration:underline}}@layer highlight{.highlight{padding:2rem;overflow-x:auto}.highlight.shift{margin-left:3rem}.link-wr a{background-color:#eaeaea64;border-radius:20px;width:fit-content;padding:.4rem;transition:transform .3s,background-color .2s,color .2s}.link-wr a:hover{background-color:#b0b0b0;text-decoration:none}.link-wr a:active{color:#fff;fill:#fff;background-color:#000;box-shadow:1px 3px silver}.highlight-list{grid-auto-columns:400px;grid-auto-flow:column;gap:10px;margin:0;padding:0;list-style:none;display:grid}.highlight-card{background-color:#fff;flex-direction:column;height:350px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.highlight-card:hover{transform:translateY(-4px)}.highlight-card img{object-fit:cover;aspect-ratio:16/9;width:100%;height:200px;display:block}.highlight-card h1{color:#333;margin:1rem;font-size:1.25rem}.highlight-card p{color:#666;margin:0 1rem 1rem;font-size:1rem}}@layer article,showcase;.copyEmail{color:#333;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .25s}.copyEmail:hover{color:#bd5050}.stack{flex-direction:column;gap:1rem;display:flex}.stack-box{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:1rem 1.25rem;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 24px #00000014}.stack-box:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001f}.stack-box p{margin:0;font-size:1.4rem;line-height:1.7}.stack-box:nth-child(n+2) p{font-size:1.1rem}.stack-box a{color:inherit;text-decoration:none}.stack-box a:hover{text-decoration:underline}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem;min-height:100vh;padding:6rem 8%;display:grid}.hero-left{max-width:650px}.hero-greeting{color:#666;margin-bottom:1rem;font-size:1.3rem}.hero h1{letter-spacing:-.06em;margin:0 0 2rem;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1}.hero-description{color:#555;max-width:550px;margin-bottom:3rem;font-size:1.35rem;line-height:1.6}.current-work{background:#fff;border:1px solid #e5e5e5;border-radius:28px;width:auto;padding:2rem;box-shadow:0 10px 13px -7px #000,5px 5px 13px -6px #0000}.label{text-transform:uppercase;letter-spacing:.12em;color:#888;margin-bottom:1.5rem;font-size:.75rem}.work-item{padding:1rem 0}.work-item+.work-item{border-top:1px solid #eee}.work-item h3{margin:0 0 .5rem;font-size:1.1rem}.work-item p{color:#666;margin:0;line-height:1.5}.education{color:#555;margin-top:2rem}.education a{color:#000;font-weight:600}.hero-right{flex-direction:column;align-items:center;gap:2rem;display:flex}.photo-wrapper{aspect-ratio:1;border-radius:40px;width:min(420px,80vw);padding:12px;overflow:hidden}.photo-wrapper img{object-fit:cover;border-radius:32px;width:100%;height:100%}.links{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.links a{color:#111;background:#fff;border:1px solid #ddd;border-radius:999px;padding:.8rem 1.3rem;font-size:.9rem;text-decoration:none;transition:all .25s}.links a:hover{transform:translateY(-3px)}.links .hire{color:#fff;background:#000;border-color:#000}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr;padding:4rem 1.5rem}.hero-description{margin-left:auto;margin-right:auto}.current-work{text-align:left}}.social-link{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.social-link-ab{color:#fff;background:#2e2e2e;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;height:42px;padding:0 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:box-shadow .25s;display:flex;box-shadow:inset 0 1px 2px #ffffff26,0 6px 15px #00000026}.social-link-ab:hover{background:#3a3a3a}.social-link-ab svg{flex-shrink:0;width:20px;height:20px}.social-link-ab span{font-size:.85rem}.social-link-a{gap:.5rem;display:flex}.content-split{color:#000;background:#fff;width:100%;padding:8rem 0 10rem;font-family:Satoshi,sans-serif}.section-wrapper{width:min(1100px,100% - 40px);margin:0 auto}.projects-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:5rem;display:flex}.projects-eyebrow{letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin:0 0 1.25rem;font-family:monospace;font-size:.75rem;font-weight:600}.section-title{letter-spacing:-.05em;max-width:800px;margin:0;font-size:clamp(3.5rem,8vw,7rem);font-weight:700;line-height:.88}.projects-count{letter-spacing:.08em;text-transform:uppercase;opacity:.45;flex-shrink:0;margin:0 0 .4rem;font-family:monospace;font-size:.75rem}.project-list{border-top:1px solid #000}.project-item{border-bottom:1px solid #0003}.project-item-link{color:#000;grid-template-columns:70px minmax(0,1fr) 50px;align-items:center;gap:2rem;min-height:180px;padding:2rem 0;text-decoration:none;transition:padding .18s,background-color .18s;display:grid}.project-item-link:hover{color:#fff;background:#000;padding-left:1.5rem;padding-right:1.5rem}.project-number{letter-spacing:.08em;opacity:.4;align-self:start;padding-top:.35rem;font-family:monospace;font-size:.8rem}.project-main{min-width:0}.project-main h3{letter-spacing:-.025em;margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;line-height:1}.project-main h3 span:not(.archive-tag){opacity:.5}.project-main p{opacity:.6;max-width:650px;margin:0 0 1.25rem;font-size:.95rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-tags span{opacity:.55;border:1px solid;border-radius:999px;align-items:center;min-height:25px;padding:.3rem .6rem;font-family:monospace;font-size:.65rem;line-height:1;display:inline-flex}.project-arrow{opacity:.35;place-self:start end;padding-top:.2rem;font-size:1.5rem;transition:opacity .18s,transform .18s}.project-item-link:hover .project-arrow{opacity:1;transform:translate(4px,-4px)}.archive-tag{letter-spacing:.05em;text-transform:uppercase;vertical-align:middle;opacity:.45;margin-left:.5rem;font-family:monospace;font-size:.65rem;font-weight:400;display:inline-block}.project-item--archived{opacity:.6}.project-item--archived:hover{opacity:1}@media (width<=700px){.content-split{padding:6rem 0 7rem}.projects-header{flex-direction:column;align-items:flex-start;margin-bottom:4rem}.projects-count{margin:0}.section-title{font-size:clamp(3.2rem,15vw,5.5rem)}.project-item-link{grid-template-columns:45px minmax(0,1fr) 30px;gap:1rem;min-height:170px;padding:1.75rem 0}.project-item-link:hover{padding-left:.75rem;padding-right:.75rem}.project-main h3{font-size:1.5rem}.project-main p{font-size:.9rem}.project-arrow{font-size:1.2rem}}@media (width<=480px){.section-wrapper{width:calc(100% - 30px)}.project-item-link{grid-template-columns:32px minmax(0,1fr) 24px;gap:.75rem}.project-number{font-size:.7rem}.project-main h3{font-size:1.35rem}.project-main p{font-size:.85rem;line-height:1.55}.project-tags span{font-size:.6rem}}.archive-tag{color:#ff0800;text-transform:uppercase;margin-bottom:.3rem;font-size:.7rem;font-weight:700;display:inline-block}.panel-wr{flex-direction:column;flex:1;gap:1rem;display:flex}.skill-list-sc{color:#000;background:#fff;border-top:1px solid #000;border-bottom:1px solid #000;width:100%}.skills-list-header{border-bottom:1px solid #000;justify-content:space-between;align-items:flex-end;gap:2rem;padding:3rem;display:flex}.skills-list-eyebrow{letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin:0 0 1rem;font-family:monospace;font-size:.7rem;font-weight:600}.skills-list-header h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:600;line-height:.9}.skills-list-count{letter-spacing:.08em;text-transform:uppercase;opacity:.45;white-space:nowrap;padding-bottom:.25rem;font-family:monospace;font-size:.7rem}.skills-list{margin:0;padding:0;list-style:none}.skill-item{border-bottom:1px solid #000;grid-template-columns:180px minmax(0,1fr);min-height:280px;transition:background .18s,color .18s;display:grid;position:relative}.skill-item:last-child{border-bottom:0}.skill-item-meta{letter-spacing:.08em;text-transform:uppercase;border-right:1px solid #0003;flex-direction:column;justify-content:space-between;padding:2rem;font-family:monospace;font-size:.7rem;display:flex}.skill-item-meta span:first-child{opacity:.4}.skill-item-meta span:last-child{opacity:.55}.skill-item-content{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:3rem;padding:2.5rem 3rem;display:grid}.icon-list{width:100%}.icon-list ul{flex-wrap:wrap;align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.icon-list li{justify-content:center;align-items:center;width:58px;height:58px;display:flex}.icon-list svg,.icon-list img{object-fit:contain;width:48px;height:48px;display:block}.skill-item-text{max-width:720px}.skill-item-text h3{letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:600;line-height:.95}.skill-desc,.skill-item-text p{opacity:.6;max-width:650px;margin:0;font-size:1rem;line-height:1.7}.skill-item:hover .skill-item-text p{opacity:.7}@media (width<=900px){.skill-item{grid-template-columns:120px minmax(0,1fr)}.skill-item-content{grid-template-columns:150px minmax(0,1fr);gap:2rem;padding:2.5rem}.icon-list li{width:48px;height:48px}.icon-list svg,.icon-list img{width:42px;height:42px}}@media (width<=700px){.skills-list-header{flex-direction:column;align-items:flex-start;padding:2.5rem 1.5rem}.skills-list-count{align-self:flex-end}.skill-item{display:block}.skill-item-meta{border-bottom:1px solid #0003;border-right:0;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.skill-item:hover .skill-item-meta{border-bottom-color:#fff3}.skill-item-content{padding:2.5rem 1.5rem;display:block}.icon-list{margin-bottom:3rem}.skill-item-text h3{font-size:2.5rem}}@media (width<=480px){.skills-list-header{padding:2rem 1.25rem}.skills-list-header h2{font-size:3rem}.skill-item-meta{padding:.9rem 1.25rem}.skill-item-content{padding:2rem 1.25rem 2.5rem}.icon-list ul{gap:.75rem}.icon-list li{width:44px;height:44px}.icon-list svg,.icon-list img{width:40px;height:40px}.skill-item-text h3{font-size:2.25rem}.skill-item-text p{font-size:.95rem}}.project-info{color:#000;background:#fff;width:100%;margin:0 auto}.project-info-wr{border-top:1px solid #000;border-bottom:1px solid #000;grid-template-columns:1fr 1fr;width:100%;display:grid}.project-feature,.experience-feature{min-width:0}.project-feature{background:#fff;border-right:1px solid #000}.project-feature__meta,.experience-feature__meta{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #0003;justify-content:space-between;align-items:center;padding:1rem 2rem;font-family:monospace;font-size:.7rem;display:flex}.project-feature__meta span:first-child,.experience-feature__meta span:first-child{opacity:.4}.project-feature__body{flex-direction:column;min-height:650px;padding:3rem;display:flex}.project-feature__visual{justify-content:center;align-items:center;min-height:280px;margin-bottom:3rem;padding:2rem;display:flex}.project-feature__visual img{object-fit:contain;width:min(220px,70%);height:auto}.project-feature__content{max-width:600px}.project-feature__eyebrow,.experience-feature__eyebrow{letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin:0 0 1rem;font-family:monospace;font-size:.7rem;font-weight:600}.project-feature__content h2{letter-spacing:-.045em;margin:0 0 1.5rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:.9}.project-feature__description{opacity:.65;max-width:520px;margin:0;font-size:1rem;line-height:1.7}.project-feature__link{color:#000;border-bottom:1px solid #000;align-items:center;gap:1rem;margin-top:2rem;padding-bottom:.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:gap .18s,opacity .18s;display:inline-flex}.project-feature__link:hover{opacity:.6;gap:1.5rem}.experience-feature{color:#fff;background:#000;position:relative}.experience-feature:before{content:"";clip-path:polygon(100% 0,0 2%,100% 4%,0 6%,100% 8%,0 10%,100% 12%,0 14%,100% 16%,0 18%,100% 20%,0 22%,100% 24%,0 26%,100% 28%,0 30%,100% 32%,0 34%,100% 36%,0 38%,100% 40%,0 42%,100% 44%,0 46%,100% 48%,0 50%,100% 52%,0 54%,100% 56%,0 58%,100% 60%,0 62%,100% 64%,0 66%,100% 68%,0 70%,100% 72%,0 74%,100% 76%,0 78%,100% 80%,0 82%,100% 84%,0 86%,100% 88%,0 90%,100% 92%,0 94%,100% 96%,0 98%,100% 100%);background:#000;width:20px;position:absolute;top:0;bottom:0;left:-20px}.experience-feature__meta{border-color:#fff3}.experience-feature__body{flex-direction:column;justify-content:space-between;min-height:650px;padding:3rem;display:flex}.experience-feature__heading h2{letter-spacing:-.05em;max-width:700px;margin:0;font-size:clamp(3rem,6vw,6rem);font-weight:700;line-height:.85}.experience-feature__details{max-width:650px}.experience-feature__details>p{opacity:.65;max-width:560px;margin:0 0 3rem;font-size:1rem;line-height:1.7}.experience-feature__details ul{border-top:1px solid #fff3;margin:0;padding:0;list-style:none}.experience-feature__details li{border-bottom:1px solid #fff3;grid-template-columns:35px 1fr;gap:1rem;padding:1.25rem 0;display:grid}.experience-feature__details li>span{opacity:.4;padding-top:.15rem;font-family:monospace;font-size:.7rem}.experience-feature__details li p{opacity:.75;margin:0;font-size:.95rem;line-height:1.6}@media (width<=800px){.project-info-wr{grid-template-columns:1fr}.project-feature{border-bottom:1px solid #000;border-right:0}.project-feature__body,.experience-feature__body{min-height:auto;padding:2.5rem}.project-feature__visual{min-height:240px}.experience-feature__details{margin-top:5rem}}@media (width<=520px){.project-feature__meta,.experience-feature__meta{padding:.9rem 1.25rem}.project-feature__body,.experience-feature__body{padding:2rem 1.25rem}.project-feature__visual{min-height:200px;margin-bottom:2.5rem}.project-feature__content h2{font-size:3rem}.experience-feature__heading h2{font-size:3.5rem}.experience-feature__details{margin-top:4rem}.experience-feature__details li{grid-template-columns:28px 1fr;gap:.75rem}}.skills-highlight{background:#000;border-top:1px solid #000;border-bottom:1px solid #000;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:0;display:grid}.skills-highlight__card{color:#000;background:#fff;flex-direction:column;min-height:420px;padding:2.5rem;transition:background .18s,color .18s;display:flex;position:relative;overflow:hidden}.skills-highlight__card:hover{color:#fff;background:#000}.skills-highlight__top{justify-content:space-between;align-items:flex-start;margin-bottom:auto;display:flex}.skills-highlight__index{letter-spacing:.08em;opacity:.45;font-family:monospace;font-size:.8rem}.skills-highlight__top img{object-fit:contain;width:52px;height:52px}.skills-highlight__content{max-width:600px;margin-top:5rem}.skills-highlight__label{letter-spacing:.15em;text-transform:uppercase;opacity:.45;margin:0 0 .75rem;font-size:.7rem;font-weight:600}.skills-highlight__content h3{letter-spacing:-.035em;max-width:500px;margin:0 0 1.25rem;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:600;line-height:1}.skills-highlight__content>p:not(.skills-highlight__label){opacity:.65;max-width:580px;margin:0;font-size:1rem;line-height:1.7}.skills-highlight__link{width:fit-content;color:inherit;opacity:.8;border-bottom:1px solid;align-items:center;gap:.75rem;margin-top:1.5rem;padding-bottom:.35rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .18s,gap .18s;display:inline-flex}.skills-highlight__link:hover{opacity:1;gap:1rem}.skills-highlight__link svg{width:18px;height:18px}.skills-highlight__card--documentation,.skills-highlight__card--game{min-height:500px}.skills-highlight__card--web,.skills-highlight__card--design{min-height:400px}@media (width<=800px){.skills-highlight{grid-template-columns:1fr}.skills-highlight__card,.skills-highlight__card--documentation,.skills-highlight__card--game,.skills-highlight__card--web,.skills-highlight__card--design{min-height:400px}}@media (width<=520px){.skills-highlight__card,.skills-highlight__card--documentation,.skills-highlight__card--game,.skills-highlight__card--web,.skills-highlight__card--design{min-height:360px;padding:2rem}.skills-highlight__content{margin-top:4rem}.skills-highlight__top img{width:44px;height:44px}.skills-highlight__content h3{font-size:1.8rem}.skills-highlight__content>p:not(.skills-highlight__label){font-size:.95rem}}.performance-section{color:#000;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;width:100%;padding:8rem 0;font-family:Satoshi,sans-serif}.performance-container{width:min(1100px,100% - 40px);margin:0 auto}.performance-header{max-width:850px;margin-bottom:3rem}.performance-eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.75;border:1px solid #00000040;border-radius:999px;margin:0 0 1.25rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.performance-header h2{letter-spacing:-.04em;margin:0;font-size:clamp(3rem,7vw,6.5rem);font-weight:700;line-height:.9}.performance-intro{opacity:.72;max-width:720px;margin:2rem 0 0;font-size:1.25rem;line-height:1.65}.performance-steps{flex-direction:column;gap:3rem;margin-bottom:5rem;padding-left:2rem;display:flex}.performance-step{color:#fff;background:#830000;border:1px solid #830000;border-radius:2px;width:calc(100% - 2rem);min-height:280px;margin-left:2rem;padding:3rem 3.5rem 3rem 4rem;position:relative}.performance-step-number{color:#fff;letter-spacing:.04em;background:#830000;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-size:1.15rem;font-weight:600;display:flex;position:absolute;top:1%;left:-42px;transform:translateY(-50%)}.performance-step-content{max-width:850px}.performance-step-label{letter-spacing:.15em;text-transform:uppercase;opacity:.5;margin:0 0 1rem;font-size:.75rem;font-weight:600}.performance-step h3{letter-spacing:-.025em;max-width:700px;margin:0 0 1.5rem;font-size:clamp(1.8rem,3vw,3rem);font-weight:600;line-height:1.05}.performance-step-content>p:not(.performance-step-label){opacity:.72;max-width:720px;margin:0 0 2rem;font-size:1rem;line-height:1.7}.performance-step ul{border-top:1px solid #ffffff26;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:780px;margin:0;padding:0;list-style:none;display:grid}.performance-step li{opacity:.7;border-bottom:1px solid #ffffff26;padding:.9rem 1rem .9rem 1.25rem;font-size:.9rem;line-height:1.4;position:relative}.performance-step li:nth-child(odd){border-right:1px solid #ffffff26}.performance-step li:before{content:"→";opacity:.5;position:absolute;left:0}.performance-cta-button{color:#fff;border:1px solid #ffffff80;align-items:center;gap:1rem;padding:.9rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s,transform .18s,border-color .18s;display:inline-flex}.performance-cta-arrow{font-size:1.2rem;transition:transform .18s}.performance-cta-button:hover{color:#000;background:#fff;border-color:#fff;transform:translateY(-2px)}.performance-cta-button:hover .performance-cta-arrow{transform:translate(3px,-3px)}@media (width<=800px){.performance-section{padding:6rem 0}.performance-header{margin-bottom:5rem}.performance-steps{gap:2.5rem;padding-left:1rem}.performance-step{width:calc(100% - 1rem);margin-left:1rem;padding:2.5rem 2rem 2.5rem 3rem}.performance-step-number{width:68px;height:68px;font-size:1rem;left:-34px}.performance-step ul{grid-template-columns:1fr}.performance-step li:nth-child(odd){border-right:0}}@media (width<=520px){.performance-container{width:min(100% - 30px,1100px)}.performance-section{padding:5rem 0}.performance-header{margin-bottom:4rem}.performance-header h2{font-size:clamp(2.8rem,15vw,4.5rem)}.performance-intro{font-size:1.05rem}.performance-steps{gap:2rem;padding-left:.75rem}.performance-step{width:calc(100% - .75rem);margin-left:.75rem;padding:2.25rem 1.5rem 2.25rem 2.5rem}.performance-step-number{width:54px;height:54px;font-size:.85rem;left:-27px}.performance-step h3{font-size:1.7rem}.performance-step-content>p:not(.performance-step-label){font-size:.95rem}.performance-step li{padding-left:1rem;font-size:.85rem}}@media (width<=850px){.hero-split{border:none}.performance-section{padding:6rem 0}.performance-content{grid-template-columns:1fr;gap:3rem}.performance-header{margin-bottom:3.5rem}.performance-services ul{grid-template-columns:1fr}}@media (width<=600px){.performance-container{width:min(100% - 28px,1100px)}.performance-section{padding:4.5rem 0}.performance-header h2{font-size:clamp(2.8rem,15vw,4.5rem)}.performance-intro{font-size:1.05rem}.performance-content{padding-top:2rem}.performance-services{padding:1.25rem}.performance-note{grid-template-columns:1fr;margin-top:3.5rem;padding:1.5rem}.performance-cta{flex-direction:column;align-items:flex-start;margin-top:3.5rem}.performance-cta-button{box-sizing:border-box;justify-content:space-between;width:100%}}.cta-contact{color:#000;background:#fff;min-height:100dvh}.contact-container{background-color:#f8f1ed;border-radius:44px;max-width:700px;padding:2rem}.contact-header{text-align:left;margin-bottom:1rem}.contact-header h2{margin-bottom:1rem;font-size:2.5rem}.contact-header p{color:#3b3b3b;line-height:1.6}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#272727;font-size:.9rem}.form-group input,.form-group textarea{color:#000;background:0 0;border:none;border-bottom:1px solid #000;outline:none;padding:1rem;font-size:1rem;transition:border-bottom-width .3s}.form-group input:focus,.form-group textarea:focus{border-bottom-width:4px}.contact-form button{color:#fdfdfd;cursor:pointer;background:#202020;border:none;border-radius:12px;width:fit-content;margin-top:.5rem;padding:1rem 1.3rem;transition:background-color .2s}.contact-form button:hover{background-color:#666}.contact-form button:focus-within{background-color:#272727}.projects-banner-wrapper{justify-content:center;margin-top:5rem;display:flex}.projects-banner{align-items:center;gap:1rem;padding:1.25rem;display:inline-flex}.contact-modal{animation-timing-function:linear(0, .25 50%, .25 75%, 1);border:none;border-radius:16px;width:90%;max-width:400px;padding:0;box-shadow:0 20px 50px #00000040}@supports (corner-shape:bevel){.contact-modal{corner-shape:bevel;border-radius:16px}}.contact-modal{transition:transform .1s linear(.2, 1);transform:translateY(0)}.contact-modal:open{transform:translateY(0)}@starting-style{.contact-modal:open{transform:translateY(64px)}}.contact-modal::backdrop{background:#00000080}.modal-content{text-align:center;padding:30px}.modal-content h3{margin-bottom:12px}.modal-content p{color:#666;margin-bottom:24px}.modal-content button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px}#toast{visibility:hidden;color:#fff;text-align:center;opacity:0;z-index:1000;background-color:#333;border-radius:8px;min-width:180px;padding:12px 16px;font-size:14px;transition:opacity .3s,visibility .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 8px #ffffff40,inset 0 -4px 10px #00000040,0 4px 12px #00000040}#toast.show{visibility:visible;opacity:1}@media (width<=1024px){.hero-split{border:none}.skills-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-scroll{column-count:2}.hero-content{max-width:100%}.skills-highlight__know{border-radius:0}}@media (width<=768px){html{scroll-snap-type:none}.hero-split{scroll-snap-align:none;background-position:50%;background-size:cover;border:none;flex-direction:column;height:auto;min-height:100vh}.hero-card{order:2;padding:3rem 1.5rem 1.5rem}.hero-image{order:1;width:100%;padding:3rem 1.5rem 1rem}.image-card{border-radius:20px;width:210px;height:210px;transform:rotate(2deg)}.image-card img{border-radius:15px}.profile-card{border-radius:20px;gap:1.2rem;width:min(320px,90%);margin-top:-25px;padding:3.5rem 1.5rem 1.5rem}.profile-card p{text-align:center;font-size:.95rem}.copyEmail{font-size:1rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1.1rem}.social-link{flex-wrap:wrap;margin-left:0}.cta-contact{min-height:100svh;padding:2rem 1.25rem}.contact-container{border-radius:28px;width:100%;max-width:100%;margin:2rem auto}.contact-header{margin-bottom:1.5rem}.contact-header h2{margin-bottom:.75rem;font-size:2rem}.contact-header p{font-size:.95rem;line-height:1.5}.contact-form{gap:1rem}.form-group{gap:.4rem}.form-group label{text-align:left;font-size:.85rem}.form-group input,.form-group textarea{padding:.85rem 0;font-size:1rem}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus{border-bottom-width:3px}.contact-form button{border-radius:10px;width:100%;margin-top:.75rem;padding:1rem}.content-split{scroll-snap-align:none;height:auto;padding:2.5rem 1.5rem}.project-info-wr{scroll-snap-align:none;flex-direction:column;min-height:auto}.project-col,.project-col.mod,.project-col.focus{min-width:0;padding:2rem 1.5rem}.project-col.focus{flex:none;max-width:none}.project-col.mod{text-align:center;flex-direction:column;align-items:center}.project-col.mod.wrapper{align-items:center;max-width:none}.skills-highlight{padding:3.5rem 6%}.skills-highlight__know{text-align:center;flex-direction:column;gap:1.25rem;padding:1.75rem}.skill-list-sc{min-height:auto;padding:2.5rem 1.5rem}.skills-list{grid-template-columns:1fr}.project-scroll{column-count:1;padding:1.5rem 0}.highlight-list{grid-auto-columns:85vw}}@media (width<=480px){.hero-split{border:none}.hero-content h1{font-size:1.75rem}.hero-content p{font-size:1rem}.social-link-ab:has(svg){width:40px;height:40px;padding:0}.social-link-ab:has(svg) span{display:none}.content-split,.skill-list-sc{padding:2rem 1rem}.project-col,.project-col.mod,.project-col.focus{padding:1.5rem 1rem}.skills-list li{padding:.5rem 0}.skills-list .icon-list ul img{width:44px}.skills-list .icon-list ul svg{width:32px}.highlight{padding:1rem}.highlight-list{grid-auto-columns:90vw}}
