*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--gray-900:#111827;--gray-800:#1f2937;--gray-600:#4b5563;--gray-500:#6b7280;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--orange:#c2410c;--green-100:#dcfce7;--orange-100:#ffedd5;--sidebar-w:300px;--font:"Merriweather",Georgia,serif;--font-hand:"Indie Flower",cursive}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--black);background-color:#fbfbfb;background-image:url(background.042c3791.png);background-repeat:repeat;background-size:700px 700px;font-style:italic;font-weight:700;line-height:1.6;overflow-x:hidden}.not-italic{font-style:normal}a{color:inherit;text-decoration:none}.underline{text-underline-offset:2px;text-decoration:underline}.link-muted{color:var(--gray-600);text-underline-offset:2px;text-decoration:underline}.link-muted:hover{color:var(--gray-900)}img{max-width:100%;display:block}.layout{flex-direction:column;min-height:100vh;display:flex}.sidebar{z-index:20;background:#fff;flex-direction:column;gap:1.5rem;width:100%;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.brand{font-size:1.5rem;font-weight:700}.hamburger{cursor:pointer;color:#000;background:0 0;border:none;padding:6px;display:inline-flex}.hamburger svg{width:26px;height:26px}.nav{flex-direction:column;gap:1rem;display:flex;overflow:hidden}.nav.collapsed{display:none}.nav-btn{z-index:0;background:0 0;border:2px solid #000;border-radius:.25rem;padding:10px 20px;font-size:1rem;font-style:italic;font-weight:700;transition:color .3s;display:block;position:relative;overflow:hidden}.nav-btn:before{content:"";z-index:-1;background:#000;transition:transform .35s;position:absolute;inset:0;transform:translate(-101%)}.nav-btn:hover:before,.nav-btn.active:before{transform:translate(0)}.nav-btn:hover,.nav-btn.active{color:#fff}.sidebar-bottom{color:var(--gray-500);text-align:center;margin-top:auto;padding-bottom:1.5rem;font-size:.875rem}.socials{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.socials a{color:var(--gray-500);transition:color .2s;display:inline-flex}.socials a:hover{color:var(--gray-800)}.socials svg{width:20px;height:20px}.copyright{line-height:1.4}.divider{display:none}.main{flex:1;padding:2rem}@media (width>=1024px){.layout{flex-direction:row}.sidebar{width:var(--sidebar-w);height:100vh;padding-top:1.5rem}.hamburger{display:none}.nav.collapsed{display:flex}.divider{left:var(--sidebar-w);opacity:.2;z-index:10;background:#000;width:1px;height:100vh;display:block;position:fixed;top:0}}.section{margin-bottom:2rem}.section-title{border-bottom:1px solid var(--gray-200);max-width:48rem;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.section-title .sub{color:var(--gray-500);font-size:.875rem}#about{flex-direction:column;gap:1rem;margin-bottom:.5rem;display:flex}.about-row{flex-direction:column;gap:1rem;max-width:48rem;display:flex}.about-intro{margin-top:2rem;font-size:1rem}.about-intro .line{display:block}.about-intro .line+.line{margin-top:.25rem}.about-spacer{height:1.25rem}.badges{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.badge{color:var(--gray-500);background:var(--gray-100);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0000000d}.about-aside{flex-direction:column;align-items:center;margin:1rem 0 0;display:flex}.about-photo{border-radius:.375rem;width:12.5rem;max-width:60vw;overflow:hidden}.contact-note{color:var(--gray-600);text-align:center;flex-direction:column;align-items:center;margin-top:1rem;display:flex}.contact-email{color:var(--gray-800);font-weight:500;font-family:var(--font-hand);cursor:pointer;align-items:center;gap:.35rem;font-size:1.15rem;font-style:normal;display:inline-flex}.t-item{direction:rtl;unicode-bidi:bidi-override;display:inline-block}.copy-btn{cursor:pointer;color:var(--gray-600);background:0 0;border:none;display:inline-flex}.copy-btn:hover{color:var(--gray-900)}.copy-btn svg{width:15px;height:15px}.copy-done{color:#16a34a;font-size:.8rem;font-family:var(--font);opacity:0;margin-left:.25rem;font-style:normal;transition:opacity .2s}.copy-done.show{opacity:1}@media (width>=900px){.about-row{flex-direction:row}.about-left{flex-direction:column;flex:1;justify-content:space-between;display:flex}}.about-list{max-width:48rem;list-style:none}.about-list li{margin-bottom:.35rem;padding-left:2.5rem;position:relative}.about-list li:before{content:"–";color:var(--orange);-webkit-user-select:none;user-select:none;font-size:1.125rem;font-weight:600;position:absolute;top:0;left:0}.about-list .dim{color:var(--gray-500);font-size:.875rem}#experience{min-height:auto}.timeline{margin-top:.5rem;padding-left:2.25rem;position:relative}.timeline-line{background:var(--gray-200);width:2px;position:absolute;top:10px;bottom:10px;left:6px}.timeline-progress{background:var(--orange);width:100%;height:0;transition:height .1s linear;position:absolute;top:0;left:0}.exp-item{margin-bottom:2.25rem;position:relative}.exp-item .dot{border:3px solid var(--orange);opacity:.4;background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .3s,transform .3s;position:absolute;top:8px;left:-2.25rem}.exp-item.reached .dot{opacity:1}.exp-role{font-size:1.25rem;font-weight:700}.exp-meta{color:var(--gray-600)}.exp-desc{max-width:42rem;margin-top:.5rem;font-size:1rem}.projects-container{position:relative}.projects-mask.masked{mask-image:linear-gradient(#000 calc(100% - 200px),#000c calc(100% - 150px),#0000 calc(100% - 50px))}.projects-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.projects-grid{grid-template-columns:1fr 1fr}}.project-card{border:1px solid var(--gray-200);opacity:.85;cursor:pointer;background:#ffffff8c;border-radius:.5rem;padding:1.5rem;transition:transform .3s,box-shadow .3s,opacity .3s;display:block;transform:translateY(10px)}.project-card.active{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.project-card.wip{cursor:default;border-style:dotted;border-width:4px}.project-card.hidden-project{display:none}.projects-container.expanded .hidden-project{animation:.5s ease-out fadeIn;display:block}.card-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card-title{font-size:1.25rem;font-weight:700}.status{white-space:nowrap;border-radius:.375rem;padding:.25rem .5rem;font-size:.875rem;font-weight:700}.status.done,.status.live{background:var(--green-100)}.status.wip{background:var(--orange-100)}.status.shelved{background:var(--gray-100)}.card-desc{color:var(--gray-600);margin-top:.5rem}.tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tag{background:var(--gray-100);border-radius:.375rem;padding:.25rem .5rem;font-size:.875rem}.view-all-overlay{pointer-events:none;background:linear-gradient(#fff0,#fffc 40%,#fffffff2);justify-content:center;align-items:flex-end;height:150px;padding-bottom:1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.view-all-overlay.hidden{display:none}.view-all-btn{pointer-events:auto;cursor:pointer;font-family:var(--font);border:1px solid var(--gray-200);background:#fff;border-radius:9999px;padding:.75rem 1.5rem;font-size:.95rem;font-style:italic;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.view-all-btn:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.github-message{text-align:center;color:var(--gray-600);padding-top:2.5rem}.detail{max-width:60rem}.detail-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.detail-title{font-size:2rem;font-weight:700}.detail-tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.detail-body{margin-top:1.5rem;font-size:1.05rem}.detail-body p{margin-bottom:1.25rem}.detail-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.detail-btn{border:1px solid var(--gray-200);background:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-style:italic;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.detail-btn:hover{transform:translateY(-1px);box-shadow:0 6px 10px -3px #0000001f}.detail-btn svg{width:18px;height:18px}.back-link{color:#2563eb;margin-top:2rem;font-weight:700;display:inline-block}.back-link:hover{text-decoration:underline}.gallery-title{border-top:1px solid var(--gray-200);margin-top:3rem;padding-top:2rem;font-size:1.5rem;font-weight:700}.gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.gallery .shot{aspect-ratio:16/10;border:1px solid var(--gray-200);background:var(--gray-100);color:var(--gray-500);text-align:center;border-radius:.5rem;justify-content:center;align-items:center;padding:1rem;font-size:.85rem;display:flex}.mobile-footer{color:var(--gray-500);text-align:center;margin-top:2.5rem;padding-bottom:2rem;font-size:.875rem}@media (width>=1024px){.mobile-footer{display:none}.sidebar-bottom{display:block}}@media (width<=1023px){.sidebar-bottom{display:none}}.custom-cursor{pointer-events:none;z-index:99999;opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 24 26'%3E%3Cpath d='M1.69 2.69a2.36 2.36 0 0 1 2.5-.54L21.47 8.63a2.36 2.36 0 0 1-.26 4.5l-7.27 1.81-1.82 7.27a2.36 2.36 0 0 1-4.49.26L1.15 5.18a2.36 2.36 0 0 1 .54-2.49Z' fill='%23000' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;width:22px;height:24px;transition:opacity .3s;position:fixed;top:0;left:0}html.cursor-on .custom-cursor{opacity:1}html.cursor-on,html.cursor-on *{cursor:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=index.2dadf0c1.css.map */