:root{--color-background:#0e1014;--color-surface:#151820;--color-text:#f8f4ed;--color-text-muted:#a6a8b0;--color-primary:#d97706;--color-primary-hover:#b45309;--color-primary-soft:#ff8a6524;--color-secondary:#f472b6;--color-secondary-soft:#f472b61f;--color-border:#ffffff14;--font-primary:Inter, "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container-width:1200px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);min-height:100vh;color:var(--color-text);font-family:var(--font-primary);margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}#app{z-index:1;min-height:100vh;position:relative}::selection{background:var(--color-primary);color:#fff}body{font-size:16px;line-height:1.6}h1,h2,h3{letter-spacing:-.04em;margin:0;line-height:1.1}.display{font-size:clamp(3rem,8vw,5.5rem);font-weight:700}.body-large{color:var(--color-text-muted);font-size:1.15rem}.label{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}.container{width:min(100% - 2rem, var(--container-width));margin-inline:auto}@media (width>=768px){.container{width:min(100% - 4rem, var(--container-width))}}.button{border-radius:var(--radius-pill);transition:var(--transition-base);justify-content:center;align-items:center;padding:.85rem 1.75rem;font-weight:600;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--color-primary);color:#fff}.button--secondary{border:1px solid var(--color-border)}.tabs__list{border-bottom:1px solid var(--color-border);gap:1rem;display:flex}.tabs__button{color:var(--color-text-muted);cursor:pointer;transition:var(--transition-base);background:0 0;border:none;align-items:center;gap:.75rem;padding:1rem .75rem;font-family:inherit;font-size:1rem;display:flex;position:relative}.tabs__button span{font-size:.85rem}.tabs__button:hover{color:var(--color-text)}.tabs__button--active{color:var(--color-primary)}.tabs__button--active:after{content:"";background:var(--color-primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.tabs__panel{display:none}.tabs__panel--active{animation:.25s tabsFade;display:block}@keyframes tabsFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.accordion{flex-direction:column;gap:1rem;display:flex}.accordion__item{border:1px solid var(--color-border);border-radius:1rem;overflow:hidden}.accordion__header{cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem;font-family:inherit;display:flex}.accordion__title{font-size:1.1rem}.accordion__icon{color:var(--color-primary);font-size:1.5rem}.accordion__content{max-height:0;transition:max-height .35s;overflow:hidden}.accordion__inner{padding:0 1.25rem 1.25rem}.accordion__item--active .accordion__content{max-height:2000px}.accordion__item--active .accordion__icon{transform:rotate(45deg)}.navigation{z-index:20;justify-content:space-between;align-items:center;display:flex;position:relative}.navigation__logo{letter-spacing:-.07em;font-size:1.8rem;font-weight:700}.navigation__logo-man{color:var(--color-text)}.navigation__logo-dev,.navigation__logo-dot{color:var(--color-primary)}.navigation__logo-dot{font-size:2.5rem;line-height:0}.navigation__links{align-items:center;gap:2.5rem;display:flex}.navigation__link{color:var(--color-text-muted);transition:var(--transition-base)}.navigation__link:hover{color:var(--color-text)}.navigation__toggle{cursor:pointer;background:0 0;border:0;width:28px;height:20px;padding:0;display:none;position:relative}.navigation__toggle span{background:var(--color-text);width:100%;height:2px;transition:all .25s;position:absolute;left:0}.navigation__toggle span:first-child{top:0}.navigation__toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.navigation__toggle span:nth-child(3){bottom:0}.navigation__toggle--active span:first-child{top:50%;transform:translateY(-50%)rotate(45deg)}.navigation__toggle--active span:nth-child(2){opacity:0}.navigation__toggle--active span:nth-child(3){top:50%;bottom:auto;transform:translateY(-50%)rotate(-45deg)}@media (width<=768px){.navigation{position:relative}.navigation__toggle{z-index:30;display:block}.navigation__links{background:var(--color-background);opacity:0;visibility:hidden;pointer-events:none;z-index:10;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.25rem;padding-top:7rem;padding-left:clamp(2rem,8vw,3rem);padding-right:2rem;transition:opacity .25s;display:flex;position:fixed;inset:0;overflow-y:auto}.navigation__links--open{opacity:1;visibility:visible;pointer-events:auto}.navigation__link{letter-spacing:-.02em;color:var(--color-text);font-size:1.1rem;line-height:1.6}}.landing{padding-block:clamp(4rem,8vw,8rem);position:relative;overflow:hidden}.landing:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f624,#0000 70%);width:600px;height:600px;position:absolute;top:-100px;right:-250px}.landing__container{position:relative}.landing__content{max-width:850px;margin-top:clamp(5rem,12vw,9rem)}.landing__divider{color:var(--color-text-muted);margin-inline:.4rem}.landing__muted{color:var(--color-text-muted)}.landing__title{margin-top:1.5rem}.landing__title span{color:var(--color-primary)}.landing__description{max-width:620px;margin-top:2rem}.landing__actions{gap:1rem;margin-top:3rem;display:flex}@media (width<=768px){.landing__content{margin-top:4rem}.landing__actions{flex-direction:column}}.about{background-color:var(--color-surface);padding-block:clamp(5rem,10vw,8rem)}.about__container{flex-direction:column;gap:3rem;display:flex}.about__label{color:var(--color-primary)}.about__content{max-width:850px}.about__title{letter-spacing:-.05em;font-size:clamp(2.5rem,6vw,4.5rem)}.about__title span{color:var(--color-primary)}.about__description{max-width:700px;color:var(--color-text-muted);margin-top:2rem;font-size:1.15rem}.about__highlights{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:2rem;display:grid}.about__highlight{flex-direction:column;gap:.5rem;display:flex}.about__highlight strong{color:var(--color-text);font-size:3rem;line-height:1}.about__highlight span{color:var(--color-text-muted)}@media (width<=768px){.about__highlights{grid-template-columns:1fr}}.contact{background-color:var(--color-surface);padding-block:clamp(4rem,8vw,7rem)}.contact__container{flex-direction:column;gap:3rem;display:flex}.contact__label{color:var(--color-primary)}.contact__header{max-width:850px}.contact__title{letter-spacing:-.05em;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05}.contact__title span{color:var(--color-primary)}.contact__description{max-width:720px;color:var(--color-text-muted);margin-top:2rem;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.8}.contact__links{border-top:1px solid var(--color-border);margin-top:1rem}.contact__link{border-bottom:1px solid var(--color-border);color:inherit;justify-content:space-between;align-items:center;gap:2rem;padding-block:2rem;text-decoration:none;transition:transform .25s;display:flex}.contact__link:hover{transform:translate(.5rem)}.contact__content h3{margin-bottom:.75rem;font-size:1.2rem}.contact__content p{max-width:520px;color:var(--color-text-muted);line-height:1.7}.contact__action{color:var(--color-primary);white-space:nowrap;font-weight:600}.contact__footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:2rem;padding-top:2rem;font-size:.95rem;line-height:1.8}@media (width<=768px){.contact__container{gap:2rem}.contact__link{flex-direction:column;align-items:flex-start;gap:1rem}.contact__title{font-size:2.5rem}}.footer{color:#111;background:#fff;border-top:1px solid #e8e8e8;padding-block:3rem}.footer__container{justify-content:space-between;align-items:flex-end;gap:3rem;display:flex}.footer__brand{flex-direction:column;display:flex}.footer__logo{white-space:nowrap;letter-spacing:-.05em;color:#111;width:max-content;margin:0;font-size:2rem;font-weight:700;line-height:1}.footer__logo span{color:var(--color-primary)}.footer__description{color:#666;max-width:420px;margin-top:1rem;font-size:.95rem;line-height:1.7}.footer__meta{text-align:right;color:#666;font-size:.95rem;line-height:1.8}.footer__meta strong{color:#111}@media (width<=768px){.footer{padding-block:2.5rem}.footer__container{flex-direction:column;align-items:flex-start;gap:2rem}.footer__meta{text-align:left}}.approach{background-color:var(--color-surface);padding-block:clamp(4rem,8vw,7rem)}.approach__container{flex-direction:column;gap:3rem;display:flex}.approach__label{color:var(--color-primary)}.approach__header{max-width:850px}.approach__title{letter-spacing:-.05em;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05}.approach__title span{color:var(--color-primary)}.approach__description{max-width:700px;color:var(--color-text-muted);margin-top:2rem;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.8}.approach__desktop{display:block}.approach__mobile{display:none}.approach__step{color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;margin-top:2.5rem;font-size:.9rem}.approach__subtitle{letter-spacing:-.03em;max-width:750px;margin-top:1rem;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.25}.approach__text{max-width:760px;color:var(--color-text-muted);margin-top:1.5rem;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.8}.approach__timeline{max-width:800px;margin-top:3rem}.approach__item{padding-bottom:.5rem;padding-left:3rem;position:relative}.approach__item:before{content:"";background:var(--color-primary);border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:.35rem;left:.2rem}.approach__item:not(:last-child):after{content:"";background:var(--color-border);width:2px;height:calc(100% - .8rem);position:absolute;top:1.2rem;left:.58rem}.approach__item h4{margin-bottom:.75rem;font-size:1.15rem}.approach__item p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.75}.accordion__inner .approach__step{margin-top:1.5rem}.accordion__inner .approach__timeline{margin-top:2rem}@media (width<=768px){.approach__desktop{display:none}.approach__mobile{display:block}.approach__container{gap:2rem}.approach__subtitle{font-size:1.5rem}.approach__item{padding-left:2.5rem}}.experience{padding-block:clamp(4rem,8vw,7rem)}.experience__container{flex-direction:column;gap:3rem;display:flex}.experience__label{color:var(--color-primary)}.experience__header{max-width:850px}.experience__title{letter-spacing:-.05em;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05}.experience__title span{color:var(--color-primary)}.experience__description{max-width:700px;color:var(--color-text-muted);margin-top:2rem;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.8}.experience__desktop{display:block}.experience__mobile{display:none}.experience__timeline{max-width:800px;margin-top:3rem}.experience__item{padding-bottom:.5rem;padding-left:3rem;position:relative}.experience__item:before{content:"";background:var(--color-primary);border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:.35rem;left:.2rem}.experience__item:not(:last-child):after{content:"";background:var(--color-border);width:2px;height:calc(100% - .8rem);position:absolute;top:1.2rem;left:.58rem}.experience__item h4{margin-bottom:.75rem;font-size:1.15rem}.experience__item p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.75}.experience__stack{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.experience__stack span{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:.5rem .9rem;font-size:.9rem}.accordion__inner{padding-bottom:1rem}.accordion__inner .experience__timeline{margin-top:2rem}@media (width<=768px){.experience__desktop{display:none}.experience__mobile{display:block}.experience__container{gap:2rem}.experience__item{padding-left:2.5rem}}.projects{padding-block:clamp(4rem,8vw,7rem)}.projects__container{flex-direction:column;gap:3rem;display:flex}.projects__label{color:var(--color-primary)}.projects__header{max-width:850px}.projects__title{letter-spacing:-.05em;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05}.projects__title span{color:var(--color-primary)}.projects__description{max-width:700px;color:var(--color-text-muted);margin-top:2rem;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.8}.projects__list{flex-direction:column;gap:7rem;display:flex}.project{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:5rem;display:grid}.project--reverse{direction:rtl}.project--reverse>*{direction:ltr}.project__visual{position:relative}.project__number{z-index:5;color:#fff;font-size:.95rem;position:absolute;top:1.5rem;left:1.5rem}.project__media{aspect-ratio:16/10;border-radius:.75rem;position:relative;overflow:hidden}.project__media:before{content:"";background:var(--color-surface);border:1px solid var(--color-border);position:absolute;inset:1rem -1rem -1rem 1rem}.project__media:after{content:"";z-index:2;background:linear-gradient(#00000059,#000000a6);position:absolute;inset:0}.project__image{object-fit:cover;filter:grayscale(45%)brightness(.8);width:100%;height:100%;transition:transform .4s,filter .4s;display:block}.project__media:hover .project__image{filter:grayscale(10%)brightness(.95);transform:scale(1.04)}.project__link{z-index:4;color:#fff;align-items:center;gap:.5rem;font-size:1rem;text-decoration:none;transition:opacity .3s;display:flex;position:absolute;bottom:1.5rem;left:1.5rem}.project__link:hover{opacity:.7}.project__content{position:relative}.project__category{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.project__title{letter-spacing:-.03em;margin-top:1rem;font-size:clamp(1.8rem,3vw,2.5rem)}.project__intro{color:var(--color-text-muted);margin-top:1.5rem;line-height:1.8}.project__stack{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.project__stack span{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:.5rem .9rem;font-size:.9rem}.project__toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;align-items:center;gap:.75rem;margin-top:2rem;padding:0;font-size:1rem;display:flex}.project__toggle:hover{color:var(--color-primary)}.project__arrow{transition:transform .3s;display:inline-block}.project--open .project__arrow{transform:translateY(-2px)}.project__details{opacity:0;max-height:0;transition:max-height .5s,opacity .3s,margin .3s;overflow:hidden}.project--open .project__details{opacity:1;max-height:900px;margin-top:3rem}.project__details>div{margin-bottom:2rem}.project__details h4{margin-bottom:.75rem}.project__details p{color:var(--color-text-muted);line-height:1.75}@media (width<=768px){.project{flex-direction:column;gap:3rem;display:flex}.project--reverse{direction:ltr}.projects__list{gap:5rem}}