:root{--primary:#000;--text-primary:#111;--on-primary:#fff;--secondary:#595959;--on-secondary:#fff;--tertiary:#737373;--on-tertiary:#fff;--surface:#fff;--surface-promo-content:#f0f0f0;--surface-container:#f0f0f0;--surface-container-low:#f6f6f6;--surface-container-high:#d4d4d4;--outline:#aaa;--outline-light:#d4d4d4;--cta:#166dfc;--cta-hover:#0b50bf;--on-cta:#fff;--brand:#ef0027;--error:#be2c25;--success:#499327;--accessible:#737373;--main-background:#fff;--link:#166dfc;--color-red80:#be2c25;--astrology:#801ecd;--astrology-on:#801ecd;--on-shadow:#0003;--tmi-fashion:#f2509c;--outline-default:#fff}:root[data-theme=dark]{--primary:#fff;--text-primary:#fff;--on-primary:#000;--secondary:#d4d4d4;--on-secondary:#494949;--tertiary:#aaa;--on-tertiary:#494949;--surface:#000;--surface-promo-content:#595959;--surface-container:#111;--surface-container-low:#000;--surface-container-high:#2a2a2a;--outline:#494949;--outline-light:#494949;--cta:#166dfc;--cta-hover:#0b50bf;--on-cta:#fff;--brand:#ef0027;--error:#be2c25;--success:#499327;--accessible:#aaa;--main-background:#111;--link:#166dfc;--color-red80:#be2c25;--astrology:#801ecd;--astrology-on:#801ecd;--on-shadow:#f0f0f080;--tmi-fashion:#f2509c;--outline-default:#2a2a2a}body{all:unset;box-sizing:border-box;font-family:var(--font-open-sans),"Arial","sans-serif";background-color:var(--main-background);color:var(--primary);-webkit-tap-highlight-color:#fff0;cursor:default;direction:rtl;margin:0;padding:0}body #INDmenu-btn{display:none}img{width:100%;height:100%}a{color:inherit;text-decoration:none}a:visited{color:inherit}a:hover{text-decoration:none}iframe{border:none}h1,h2,h3,h4,h5,h6{font-weight:unset}.flex{display:flex}.flex.flex-column{flex-direction:column}.flex.inline-flex{display:inline-flex}.align-self-center{align-self:center}.self-end{align-self:flex-end}.flex.items-center{align-items:center}.flex.justify-center{justify-content:center}.flex.justify-end{justify-content:flex-end}.flex.justify-between{justify-content:space-between}.clean-list{margin:0;padding:0;list-style-type:none}.under-line{text-decoration:underline}.italic{font-style:italic}.bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.vertical-text{writing-mode:tb-rl;transform:rotate(-180deg)}.tag-text{text-transform:uppercase}.ratio-16-9{position:relative;overflow:hidden}.ratio-16-9:before{content:"";width:100%;padding-top:56%;display:block}.ratio-16-9>*{position:absolute;inset:0}.ratio-16-9>img{object-fit:cover;height:100%}.ratio-square{position:relative;overflow:hidden}.ratio-square:before{content:"";width:100%;padding-top:100%;display:block}.ratio-square>*{position:absolute;inset:0}.ratio-square>img{object-fit:cover;height:100%}.ratio-card{position:relative;overflow:hidden}.ratio-card:before{content:"";width:100%;padding-top:80%;display:block}.ratio-card>*{position:absolute;inset:0}.ratio-card>img{object-fit:cover;height:100%}.ratio-poster{position:relative;overflow:hidden}.ratio-poster:before{content:"";width:100%;padding-top:150%;display:block}.ratio-poster>*{position:absolute;inset:0}.ratio-poster>img{object-fit:cover;height:100%}.grid{display:grid}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:2rem}.p-4{padding:4rem}.px-1{padding-inline:.5rem}.px-2{padding-inline:1rem}.px-3{padding-inline:2rem}.px-4{padding-inline:4rem}.py-1{padding-block:.5rem}.py-2{padding-block:1rem}.py-3{padding-block:2rem}.py-4{padding-block:4rem}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:2rem}.m-4{margin:4rem}.mx-1{margin-inline:.5rem}.mx-2{margin-inline:1rem}.mx-3{margin-inline:2rem}.mx-4{margin-inline:4rem}.my-1{margin-block:.5rem}.my-2{margin-block:1rem}.my-3{margin-block:2rem}.my-4{margin-block:4rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:2rem}.gap-4{gap:4rem}.main-layout{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex}.main-layout .main-container{all:unset;box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;max-width:1270px;margin:4.0625rem auto 0;display:flex}@media (min-width:760px) and (max-width:1270px){.main-layout .main-container{padding:0 64px}}@media (max-width:760px){.main-layout .main-container{padding:0}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}.navbar{border-bottom:1px solid var(--outline);background-color:var(--surface);flex-direction:row-reverse;justify-content:space-around;align-items:center;padding:1rem 2rem;display:flex}@media (max-width:760px){.navbar{padding:1rem}}.navbar__brand{font-size:1.25rem;font-weight:700}.navbar__logo{color:var(--primary);text-decoration:none}.navbar__logo span{color:var(--cta)}.navbar__links{flex-direction:row-reverse;gap:1.5rem;margin:0 auto 0 0;padding:0;list-style:none;display:flex}@media (max-width:760px){.navbar__links{gap:.5rem}}.navbar__link{color:var(--primary);text-decoration:none;transition:opacity .2s}.navbar__link:visited{color:var(--primary)}.navbar__link:hover{opacity:.7;opacity:.7;text-decoration:none}.navbar__social__links{align-items:center;gap:.75rem;margin:0;padding:0 1rem 0 0;list-style:none;display:flex}.navbar__social__link{justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s;display:inline-flex}.navbar__social__link:hover{opacity:.7}.navbar__icon{width:20px;height:20px;display:block}html[data-theme=light] .navbar__icon--invert-on-light,body[data-theme=light] .navbar__icon--invert-on-light{filter:invert()brightness(.95)contrast(1.1)}html[data-theme=dark] .navbar__icon--github,body[data-theme=dark] .navbar__icon--github{filter:invert()brightness(1.1)contrast(1.05)}.theme-toggle{border:1px solid var(--outline);color:var(--primary);cursor:pointer;background:0 0;border-radius:50%;padding:.5rem;font-size:1.25rem;line-height:1;transition:background .2s}.theme-toggle:hover{background:var(--surface-container)}.profile-banner{color:var(--primary);border-bottom:1px solid var(--outline);opacity:0;transition:opacity .35s,transform .35s;overflow:hidden;transform:translateY(10px)}.profile-banner.is-visible{opacity:1;transform:translateY(0)}.profile-banner__container{grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;max-width:1270px;margin:0 auto;padding:2.25rem 1.25rem;display:grid}@media (max-width:760px){.profile-banner__container{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 1rem}}.profile-banner__content{gap:1rem;display:grid}@media (max-width:760px){.profile-banner__content{gap:.75rem}}.profile-banner__tagline{border:1px dashed var(--outline);color:var(--primary);opacity:.9;text-align:center;border-radius:10px;padding:.25rem .6rem;font-size:1.5rem;display:inline-block}.profile-banner__title{color:var(--primary);margin:0;font-size:clamp(1.6rem,2.5vw + 1rem,2.6rem);line-height:1.2}.profile-banner__type{color:var(--cta);align-items:baseline;gap:.35rem;margin-inline-start:.35rem;display:inline-flex}.profile-banner__type-text{min-width:7ch;display:inline-block}.profile-banner__type-caret{opacity:.85;animation:1.05s step-end infinite caretBlink;display:inline-block}@keyframes caretBlink{50%{opacity:0}}.profile-banner__desc{max-width:65ch;margin:.25rem 0 0;font-size:1.25rem;line-height:1.75}@media (max-width:760px){.profile-banner__desc{font-size:.95rem;line-height:1.7}}.profile-banner__cta{background:var(--cta);color:#0b0b0b;border-radius:12px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.6rem 1rem;font-weight:600;text-decoration:none;transition:transform .15s,opacity .2s;display:inline-flex}.profile-banner__cta:hover{opacity:.95;transform:translateY(-1px)}.profile-banner__cta-icon{block-size:1.1rem;inline-size:1.1rem}.profile-banner__media{justify-content:center;align-items:center;display:flex}@media (max-width:760px){.profile-banner__media{order:-1}}.profile-banner__image{max-width:min(520px,100%);height:auto}.profile-banner__image--rounded{object-fit:cover;border-radius:16px}.skills{position:relative;overflow:hidden}.skills__container{text-align:center;max-width:1270px;margin:0 auto}.skills__title{color:var(--primary);margin-bottom:.5rem;font-size:2rem;font-weight:600}.skills__desc{margin-bottom:1rem;font-size:1.25rem;line-height:1.6}.skills__slider{width:100%;overflow:hidden}.skills__track{will-change:transform;gap:1rem;display:flex}.skills__item{border:1px solid var(--outline);text-align:center;border-radius:12px;flex:none;width:160px;padding:1rem}.skills__item img{height:75%}.skills__item h5{color:var(--primary);margin-top:.5rem;font-weight:600}.skills__bg{opacity:.2;pointer-events:none;position:absolute;bottom:-60px;left:-60px}.projects-home{color:var(--primary);border-bottom:1px solid var(--outline);padding:2rem 1.25rem}.projects-home__container{max-width:1200px;margin:0 auto}.projects-home__header{text-align:center;margin-bottom:1.25rem}.projects-home__title{color:var(--primary);margin:0;font-size:clamp(1.4rem,1.2vw + 1rem,2rem);font-weight:600}.projects-home__subtitle{margin:.25rem 0 1rem;font-size:1.5rem}.projects-home__cta{background:var(--cta);color:#0b0b0b;border-radius:12px;padding:.55rem .9rem;text-decoration:none;display:inline-block}.projects-home__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.projects-home__card{background:color-mix(in oklab,var(--surface),white 4%);border-radius:14px;grid-template-rows:auto 1fr;transition:transform .15s,box-shadow .18s,border-color .2s;display:grid;overflow:hidden}.projects-home__card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000001f}.projects-home__media{position:relative}.projects-home__media img{max-height:212px}.projects-home__image{width:100%;height:auto;display:block}.projects-home__placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,color-mix(in oklab,var(--surface),white 6%),color-mix(in oklab,var(--surface),black 12%));place-items:center;display:grid}.projects-home__placeholder-text{border:1px dashed var(--outline);border-radius:10px;padding:.35rem .6rem;font-size:.9rem}.projects-home__body{gap:.5rem;padding:1rem;display:grid}.projects-home__card-title{margin:0;font-size:1.1rem}.projects-home__card-link{color:var(--primary);text-decoration:none}.projects-home__tagline{margin:0}.projects-home__tags{flex-wrap:wrap;gap:.35rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.projects-home__tag{border:1px dashed var(--outline);color:var(--primary);opacity:.9;border-radius:10px;padding:.25rem .5rem;font-size:.85rem}.projects-home__actions{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.projects-home__btn{background:color-mix(in oklab,var(--surface),white 6%);color:var(--primary);border-radius:10px;align-content:center;padding:.45rem .75rem;text-decoration:none;display:inline-block}.projects-home__btn:hover{background:var(--primary);color:var(--on-primary)}.projects-home__btn--ghost{background:0 0}.project-detail{color:var(--primary);direction:ltr;padding:2rem 1.25rem}.project-detail__container{max-width:1000px;margin:0 auto}.project-detail__header{text-align:center;margin-bottom:1.5rem}.project-detail__title{margin:0;font-size:2rem}.project-detail__tagline{margin-top:.5rem}.project-detail__cover{margin:1.5rem 0}@media (max-width:760px){.project-detail__section-title{text-align:center}}.project-detail__cover-img{border:1px solid var(--outline);border-radius:14px;box-shadow:0 6px 20px #00000026}.project-detail__video{border-radius:12px;width:100%;position:relative;overflow:hidden}.project-detail__video .project-detail__video.is-playing:after{opacity:0;pointer-events:none}.project-detail__video-file{border-radius:inherit;width:100%;display:block}.project-detail__video:after{content:"▶";color:#fff;text-shadow:0 0 10px #000000b3;pointer-events:none;background:#00000080;border-radius:50%;place-items:center;width:80px;height:80px;font-size:3rem;transition:opacity .3s,transform .3s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-detail__video:hover:after{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}.project-detail__video.is-playing:after{opacity:0}.project-detail__video-clickcatch{cursor:pointer;pointer-events:auto;background:0 0;border:0;inset:0}.project-detail__video video,.project-detail__video iframe{border:1px solid var(--outline);border-radius:12px;width:100%}.project-detail__body{margin-top:1rem;line-height:1.6}.project-detail__desc{margin-bottom:1.25rem}.project-detail__screenshots{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.project-detail__screenshot{border:1px solid var(--outline);border-radius:10px}.project-detail__tech{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.project-detail__tech-item{border:1px dashed var(--outline);color:var(--primary);border-radius:8px;padding:.35rem .65rem;font-size:.9rem}.project-detail__footer{gap:.75rem;margin-top:2rem;display:flex}.project-detail__btn{background:var(--cta);color:#0b0b0b;border-radius:10px;padding:.5rem 1rem;text-decoration:none}.project-detail__btn--ghost{color:var(--primary);background:0 0}.today-section{background:var(----primary);color:var(--primary);border-bottom:1px solid var(--outline)}.today-section__inner{align-items:flex-start;gap:2rem;max-width:1270px;margin:0 auto;padding:2.25rem 1.25rem}@media (max-width:760px){.today-section__inner{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 1rem}}.today-section__header{gap:.75rem;display:grid}@media (max-width:760px){.today-section__header{gap:.6rem}}.today-section__eyebrow{border:1px dashed var(--outline);color:var(--cta);border-radius:999px;padding:.2rem .6rem;font-size:.85rem;display:inline-block}@media (max-width:760px){.today-section__eyebrow{justify-content:center;display:flex}}.today-section__title{color:var(--primary);margin:0;font-size:clamp(1.4rem,2vw + .9rem,2.1rem);line-height:1.2}@media (max-width:760px){.today-section__title{justify-content:center;padding:1.25rem 1.1rem;display:flex}}.today-section__intro{margin:.25rem 0 0;font-size:1.3rem;line-height:1.75}@media (max-width:760px){.today-section__intro{padding:1.25rem 1.1rem;font-size:.96rem;line-height:1.7}}.today-section__grid{gap:1.25rem;padding-top:12px;display:grid}@media (min-width:768px){.today-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.today-section__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.today-section__grid{grid-template-columns:1fr}}.today-card{background:rgba(var(--primary),.02);border:1px solid rgba(var(--outline),.9);border-radius:14px;padding:1.25rem 1.1rem;transition:transform .18s,box-shadow .18s,border-color .18s}.today-card:hover{border-color:var(--cta);transform:translateY(-2px);box-shadow:0 10px 20px #00000017}.today-card__title{color:var(--primary);margin:0 0 .55rem;font-size:1.25rem;font-weight:700}.today-card__desc{font-size:1.1rem;line-height:1.7}.today-card--major{border-width:1.5px;border-color:var(--cta)}.home{flex-direction:column;gap:2rem;display:flex}@media (min-width:1270px){.home{padding:2rem}}@media (max-width:760px){.home{padding:.5rem}}.home__hero{justify-content:space-between;align-items:center;gap:2rem;display:flex}@media (max-width:760px){.home__hero{text-align:center;flex-direction:column}}.home__hero-text{flex:1}.home__title{color:var(--primary);margin:0;font-size:2.5rem}.home__subtitle{color:var(--secondary);margin:1rem 0 2rem;font-size:1.125rem}.home__cta{gap:1rem;display:flex}.home__hero-image{flex:none}.home__avatar{border:2px solid var(--cta);border-radius:50%}.home__featured .home__section-title{margin-bottom:1.5rem;font-size:1.75rem}.home__featured .home__projects{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.project-card{border:1px solid var(--outline-light);background:var(--surface);box-shadow:0 2px 8px var(--on-shadow);border-radius:1rem;padding:1rem}.project-card__title{color:var(--primary);margin:.5rem 0;font-size:1.25rem}.project-card__desc{color:var(--secondary)}.btn{border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn--primary{background:var(--cta);color:var(--on-cta)}.btn--primary:hover{background:var(--cta-hover)}.btn--secondary{border:1px solid var(--outline);color:var(--primary)}.btn--secondary:hover{background:var(--surface-container)}.projects-page{color:var(--primary);direction:ltr;padding:2rem 1.25rem}.projects-page__container{max-width:1200px;margin:0 auto}.projects-page__header{text-align:center;margin-bottom:2rem}.projects-page__title{margin:0;font-size:2rem}.projects-page__subtitle{margin-top:.5rem}.projects-page__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.projects-page__card{border:1px solid var(--outline);background:color-mix(in oklab,var(--surface),white 5%);border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.projects-page__card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.projects-page__media{aspect-ratio:16/9;background:color-mix(in oklab,var(--surface),black 5%);justify-content:center;align-items:center;display:flex}.projects-page__media img{height:160px}.projects-page__image{object-fit:cover;width:100%;height:auto}.projects-page__placeholder{color:var(--primary);opacity:.7;font-size:.9rem}.projects-page__body{flex:1;padding:1rem}.projects-page__card-title{margin:0 0 .5rem;font-size:1.2rem}.projects-page__tagline{margin:0 0 1rem;font-size:.95rem}.projects-page__btn{background:var(--cta);color:#0b0b0b;border-radius:10px;padding:.5rem .9rem;font-weight:500;text-decoration:none;display:inline-block}.contact-page{max-width:800px;margin:auto;padding:20px}.contact-page h1{text-align:center;margin-bottom:20px;font-size:24px}.contact-page form{flex-direction:column;align-items:center;display:flex}.contact-page form label{margin-bottom:10px}.contact-page form input,.contact-page form textarea{background-color:var(--outline-light);width:100%;color:var(--text-primary);border:none;border-radius:5px;margin-bottom:20px;padding:10px}.contact-page form button[type=submit]{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;padding:10px 20px}.contact-page .success-message{background-color:var(--success);text-align:center;border-radius:5px;padding:20px}
@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b6881088e584ae19-s.c6fe8d2e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a9cb977e395cb244-s.e5d715ed.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(../media/14d32964abd62bba-s.p.d002d515.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_4e930825-module__zFK0pq__className{font-family:Geist,Geist Fallback;font-style:normal;font-weight:400}