@font-face{font-family:Stack Sans Headline;src:url(/fonts/stack-sans-headline-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Stack Sans Headline;src:url(/fonts/stack-sans-headline-latin-700-normal.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Stack Sans Headline;src:url(/fonts/stack-sans-headline-latin-ext-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Stack Sans Headline;src:url(/fonts/stack-sans-headline-latin-ext-700-normal.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--navy-950:#07111f;--navy-900:#0b1f3a;--navy-800:#0f2d4a;--navy-700:#17446d;--paper:#f7f4ee;--surface:#fff;--mist:#e8eef4;--line:#0f2d4a29;--text:#162235;--muted:#657184;--cyan:#65d8d1;--amber:#e9b95c;--coral:#e86f5f;--font-display:"Stack Sans Headline", Inter, ui-sans-serif, system-ui, sans-serif;font-family:var(--font-display);color:var(--text);background:var(--navy-950);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--navy-950)}body{background:var(--navy-950);min-width:320px;margin:0}a,button{font:inherit}a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}h1,h2,h3,p{text-wrap:pretty}img{max-width:100%}.page-bg{z-index:-1;pointer-events:none;background:var(--navy-950);isolation:isolate;position:fixed;inset:0}.page-bg:before{content:"";pointer-events:none;opacity:.3;background:repeating-linear-gradient(115deg,#0000 0 42px,#65d8d114 43px,#0000 44px 132px) 0 0/280px 280px,linear-gradient(115deg,#0000 0 42%,#f7f4ee0e 50%,#0000 58%) 0 0/170% 100%;animation:22s linear infinite signal-drift;position:absolute;inset:0}.page-bg:after{content:"";pointer-events:none;opacity:.19;background:repeating-linear-gradient(#f7f4ee0a 0 1px,#0000 1px 78px) 0 0/100% 78px,linear-gradient(90deg,#0000 0 18%,#65d8d117 48%,#0000 78%) 0 0/180% 100%;animation:16s ease-in-out infinite scan-sweep;position:absolute;inset:0}main{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow-x:clip}.hero{min-height:100svh;color:var(--paper);background:0 0;grid-template-rows:1fr;display:grid;position:relative}@keyframes signal-drift{0%{background-position:0 0,0 0}to{background-position:280px 280px,60% 0}}@keyframes scan-sweep{0%,to{opacity:.16;background-position:0 0,-45% 0}50%{opacity:.26;background-position:0 78px,45% 0}}.nav,.hero__layout,.section,.stack-section,.contact{padding-inline:clamp(24px,6vw,96px)}.nav{z-index:50;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding-block:10px;transition:background .18s,border-color .18s,-webkit-backdrop-filter .18s,backdrop-filter .18s;display:flex;position:fixed;top:0;left:0;right:0}.nav.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050910c2;border-bottom-color:#ffffff14}#inicio,#proyectos,#experiencia,#sobre-mi,#contacto{scroll-margin-top:86px}.nav__brand{align-items:center;text-decoration:none;display:inline-flex}.nav__brand img{object-fit:contain;width:auto;height:42px;display:block}.nav__links{align-items:center;gap:12px;display:flex}.nav__links a{color:#f7f4eebd;padding:8px 10px;font-size:.88rem;font-weight:700;text-decoration:none}.nav__links a:hover{color:var(--paper)}.language-switch{align-items:center;gap:8px;display:inline-flex}.language-flag{width:36px;height:36px;color:var(--paper);cursor:pointer;opacity:.58;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;transition:transform .18s,opacity .18s,border-color .18s,filter .18s;display:inline-grid;overflow:hidden}.language-flag span{font-size:1.45rem;line-height:1}.language-flag:hover{opacity:1;transform:translateY(-2px)}.language-flag.is-active{opacity:1;filter:drop-shadow(0 0 14px #65d8d13d);border-color:#ffffff59}.language-flag:focus-visible{outline:3px solid var(--amber);outline-offset:4px}.nav__burger{width:40px;height:40px;color:var(--paper);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:none}.nav__burger:hover{background:#ffffff1a;transform:scale(1.06)}.nav__burger:active{transform:scale(.94)}.mobile-menu{z-index:100;pointer-events:none;opacity:0;transition:opacity .35s;position:fixed;inset:0}.mobile-menu--open{pointer-events:auto;opacity:1}.mobile-menu__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04081099;position:absolute;inset:0}.mobile-menu__panel{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background:#060b16f7;flex-direction:column;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:translate(100%)}.mobile-menu--open .mobile-menu__panel{transform:translate(0)}.mobile-menu__header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex}.mobile-menu__close{color:#f7f4eeb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,color .2s;display:flex}.mobile-menu__close:hover{color:var(--paper);background:#ffffff1a}.mobile-menu__nav{flex-direction:column;flex:1;justify-content:center;gap:4px;padding:32px 36px;display:flex;overflow-y:auto}.mobile-menu__link{color:#f7f4ee59;opacity:0;border-bottom:1px solid #ffffff0d;padding:12px 0;font-size:clamp(2.4rem,10vw,3.6rem);font-weight:800;line-height:1.1;text-decoration:none;transition:color .25s;display:block;transform:translate(32px)}.mobile-menu--open .mobile-menu__link{animation:.5s cubic-bezier(.22,1,.36,1) forwards mob-link-in;animation-delay:calc(60ms + var(--i) * 70ms)}@keyframes mob-link-in{to{opacity:1;transform:translate(0)}}.mobile-menu__link:hover{color:var(--paper)}.mobile-menu__link:last-child{border-bottom:none}.mobile-menu__footer{border-top:1px solid #ffffff12;flex-shrink:0;padding:24px 36px 36px}.mobile-menu__lang-label{text-transform:uppercase;letter-spacing:.12em;color:#f7f4ee59;margin:0 0 12px;font-size:.72rem;font-weight:700}.mobile-menu__lang{gap:10px;display:flex}.mobile-menu__lang-btn{color:#f7f4ee8c;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.mobile-menu__lang-btn span{font-size:1.2rem}.mobile-menu__lang-btn:hover{color:var(--paper);background:#ffffff17}.mobile-menu__lang-btn.is-active{color:var(--cyan);background:#65d8d11f;border-color:#65d8d166}.hero__layout{z-index:1;grid-template-columns:minmax(0,640px) minmax(260px,360px);justify-content:center;align-items:center;gap:clamp(26px,5vw,76px);min-height:100svh;padding-block:clamp(104px,13vh,148px) clamp(64px,8vh,96px);display:grid;position:relative}.hero__content{text-align:center;justify-items:center;width:min(100%,680px);display:grid}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:0;align-items:center;gap:8px;margin:0 0 16px;font-size:.78rem;font-weight:700;display:inline-flex}.hero__welcome{color:var(--cyan)}.hero h1{max-width:680px;color:var(--paper);margin:0;font-size:clamp(3rem,4.9vw,5.6rem);line-height:.96}.hero h1 span{color:#f1a661;text-shadow:0 0 24px #f1a6612e}.hero__role{color:#ffe77a;text-shadow:0 0 22px #ffe77a33;max-width:590px;margin:22px 0 0;font-size:clamp(1rem,1.45vw,1.16rem);font-weight:700;line-height:1.5}.hero__experience{color:#f7f4eead;margin:10px 0 0;font-size:.95rem;font-weight:700}.hero__lead{color:#f7f4ee9e;max-width:560px;margin:24px 0 0;font-size:1rem;line-height:1.65}.hero__visual{place-items:center;min-height:460px;display:grid;position:relative}.hero__photo{aspect-ratio:3/4;background:linear-gradient(145deg,#f7f4ee14,#f7f4ee06),#05091085;border:1px solid #f7f4ee2e;border-radius:50%;width:min(26vw,320px);min-width:240px;position:relative;overflow:hidden;box-shadow:0 44px 110px #0000005c,0 0 0 12px #f7f4ee09,inset 0 1px #ffffff14}.hero__photo:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 0,#f7f4ee1f,#0000 34%),linear-gradient(#0000 68%,#05091047);position:absolute;inset:-1px}.hero__photo:after{content:"";z-index:-1;border-radius:inherit;filter:blur(12px);background:radial-gradient(circle,#65d8d124,#0000 68%);position:absolute;inset:-14px}.hero__photo img{object-fit:cover;object-position:center 18%;filter:saturate(.9)contrast(1.05);width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.page-bg:before,.page-bg:after{animation:none}}.hero__meta{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:34px;padding-top:22px;display:flex}.hero__meta span,.hero__meta a{color:#f7f4eed6;align-items:center;gap:8px;min-height:38px;font-size:.94rem;text-decoration:none;display:inline-flex}.hero__actions,.contact__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.hero__actions{justify-content:center}.button,.icon-button{border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:50px;text-decoration:none;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover,.icon-button:hover{transform:translateY(-2px)}.button{border-radius:8px;padding:0 18px;font-weight:700}.button--primary{color:var(--paper);background:#ffffff2e;border-color:#ffffff24}.button--ghost{color:var(--paper);background:#ffffff1a;border-color:#ffffff47}.icon-button{width:50px;color:var(--paper);background:#ffffff1a;border-color:#ffffff40;border-radius:8px}.section,.stack-section,.contact{padding-block:92px}.section-header{max-width:760px}.section-header h2,.contact h2{color:var(--navy-950);margin:0;font-size:clamp(2.25rem,5vw,4.6rem);line-height:.98}.intro{color:var(--paper);background:0 0;padding-block:92px;padding-inline:clamp(24px,6vw,96px)}.intro__layout{grid-template-columns:1fr .72fr;align-items:center;gap:clamp(40px,6vw,88px);display:grid}.intro__eyebrow{color:var(--cyan)}.intro h2{color:var(--paper);margin:16px 0 0;font-size:clamp(3rem,4.9vw,5.2rem);line-height:.96}.intro h2 span{color:#f1a661;text-shadow:0 0 24px #f1a6612e}.intro__bio{flex-direction:column;gap:18px;margin-top:32px;display:flex}.intro__bio p{color:#f7f4eead;margin:0;font-size:1.05rem;line-height:1.74}.intro__bio p:first-child{color:#f7f4eee0;font-size:1.12rem;font-weight:700}.intro__visual{position:relative}.intro__img-stack{aspect-ratio:4/5;width:100%;position:relative}.intro__img{border:1px solid #f7f4ee1f;border-radius:16px;position:absolute;overflow:hidden;box-shadow:0 32px 80px #00000073,inset 0 1px #ffffff12}.intro__img img{object-fit:cover;filter:saturate(.92)contrast(1.04);width:100%;height:100%;display:block}.intro__img--back{aspect-ratio:4/3;z-index:1;width:82%;top:0;right:0;transform:rotate(2.5deg)}.intro__img--front{aspect-ratio:4/3;z-index:2;width:80%;bottom:0;left:0;transform:rotate(-2deg);box-shadow:0 40px 100px #0000008c,0 0 0 1px #65d8d12e,inset 0 1px #ffffff17}.intro__card{background:linear-gradient(145deg,#f7f4ee12,#f7f4ee06),#ffffff05;border:1px solid #f7f4ee1a;border-radius:12px;padding:22px 24px;transition:border-color .2s,background .2s;box-shadow:inset 0 1px #ffffff0f}.intro__card:hover{background:linear-gradient(145deg,#65d8d10f,#f7f4ee08),#ffffff08;border-color:#65d8d147}.intro__card-index{width:36px;height:36px;color:var(--cyan);background:#65d8d11f;border:1px solid #65d8d133;border-radius:8px;place-items:center;margin-bottom:16px;font-size:.78rem;font-weight:700;display:inline-grid}.intro__card h3{color:var(--paper);margin:0;font-size:1.08rem;line-height:1.2}.intro__card p{color:#f7f4ee94;margin:10px 0 0;font-size:.9rem;line-height:1.62}.project-card{border:1px solid var(--line);background:#ffffffb8;border-radius:8px}.timeline h3{color:var(--navy-950);margin:0;font-size:1.46rem;line-height:1.08}.project-card h3{margin:0;font-size:1.46rem;line-height:1.08}.projects{color:var(--paper);background:0 0;position:relative;overflow:hidden}.section-title,.project-list{z-index:1;position:relative}.section-title{text-align:center;justify-items:center;max-width:1120px;margin-inline:auto;display:grid}.section-title__heading{justify-content:center;align-items:center;gap:18px;display:flex}.section-title__icon{color:var(--paper);display:inline-flex}.section-title__icon svg{flex:none}.section-title__heading h2{color:var(--paper);margin:0;font-size:clamp(2.55rem,5vw,4.9rem);line-height:.98}.projects .section-title__heading h2,.featured-projects .section-title__heading h2,.stack-section .section-title__heading h2{font-size:clamp(1.6rem,2.6vw,2.4rem)}.section-title__accent{background:linear-gradient(90deg,#0000,#ffe77a,#0000);width:108px;height:1px;margin-top:28px;display:block}.project-list{grid-template-columns:1fr;gap:clamp(40px,5vw,64px);max-width:1120px;margin:clamp(56px,8vw,88px) auto 0;display:grid}.project-list:before{content:"";background:linear-gradient(#f7f4ee0f,#f7f4ee47,#f7f4ee14);width:3px;position:absolute;top:0;bottom:0;left:18px}.project-card{background:0 0;border:0;grid-template-columns:40px minmax(220px,.52fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,76px);display:grid;position:relative}.project-card__marker{z-index:1;justify-items:center;width:40px;display:grid;position:relative}.project-card__marker span{aspect-ratio:1;color:#0000;background:#ffe77a;border-radius:50%;place-items:center;width:22px;font-size:0;display:grid;box-shadow:0 0 0 10px #ffe77a14,0 0 28px #ffe77a6b}.project-card:first-child .project-card__marker span{width:28px}.project-card__body,.project-card__meta{padding-top:2px}.project-card p,.timeline p{color:var(--cyan);text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:700}.project-card time{color:#f7f4eebd;margin-top:10px;font-size:.9rem;font-weight:700;display:inline-flex}.project-card__link{color:inherit;align-items:center;gap:7px;text-decoration:none;transition:opacity .15s;display:inline-flex}.project-card__link:hover{opacity:.78}.project-card__link svg{opacity:.6;flex-shrink:0}.project-card h3{color:#ffe77a;font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.1}.project-card__body>span{color:#f7f4eec2;margin-top:0;font-size:clamp(.92rem,1.2vw,1.05rem);line-height:1.62;display:block}.tag-list{flex-wrap:wrap;justify-content:flex-start;gap:7px;margin-top:20px;display:flex}.tech-tag{color:#f7f4eed6;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(145deg,#f7f4ee14,#f7f4ee08),#ffffff08;border:1px solid #f7f4ee21;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 8px;font-size:.75rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff12}.tech-tag:hover{background:linear-gradient(145deg,#f7f4ee21,#f7f4ee0f),#ffffff0d;border-color:#f7f4ee3d}.tech-tag__icon{object-fit:contain;flex-shrink:0;width:16px;height:16px}.tech-tag__fallback{background:#ffffff1a;border-radius:4px;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;display:inline-grid}.stack-pill{border:1px solid var(--line);border-radius:8px;font-size:.78rem;font-weight:700}.project-tech{aspect-ratio:1;color:#f7f4eed6;background:linear-gradient(145deg,#f7f4ee17,#f7f4ee09),#ffffff06;border:1px solid #f7f4ee1f;border-radius:12px;place-items:center;width:48px;display:inline-grid;position:relative;box-shadow:inset 0 1px #ffffff14}.project-tech:before,.project-tech:after{pointer-events:none;opacity:0;z-index:20;transition:opacity .15s,transform .15s;position:absolute;left:50%}.project-tech:after{content:attr(data-tooltip);background:var(--navy-800);color:var(--paper);letter-spacing:.01em;white-space:nowrap;border:1px solid #65d8d13d;border-radius:6px;padding:4px 10px 5px;font-size:.73rem;font-weight:700;top:calc(100% + 8px);transform:translate(-50%)translateY(-5px);box-shadow:0 4px 18px #00000073,inset 0 1px #ffffff0f}.project-tech:before{content:"";border:6px solid #0000;border-bottom-color:var(--navy-800);filter:drop-shadow(0 2px 3px #0000004d);width:0;height:0;top:calc(100% + 1px);transform:translate(-50%)translateY(-5px)}.project-tech:hover:before,.project-tech:hover:after{opacity:1;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){.project-tech:before,.project-tech:after{transition:none}}.project-tech img{object-fit:contain;max-width:29px;max-height:29px}.project-tech>span:first-child{font-size:.78rem;font-weight:700}.project-tech__name{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.featured-projects{color:var(--paper);background:0 0;position:relative;overflow:hidden}.fp-card{background:radial-gradient(at 0 0,#65d8d11a 0%,#0000 55%),linear-gradient(145deg,#f7f4ee0f,#f7f4ee05);border:1px solid #65d8d133;border-radius:20px;grid-template-columns:1fr 1.2fr;align-items:center;gap:clamp(32px,5vw,64px);margin-top:58px;padding:48px 52px;display:grid;position:relative;overflow:hidden;box-shadow:0 48px 120px #00000059,inset 0 1px #ffffff14}.fp-card__content{z-index:1;flex-direction:column;display:flex;position:relative}.fp-card__top{align-items:center;gap:14px;margin-bottom:24px;display:flex}.fp-live-badge{color:#4ade80;letter-spacing:.07em;text-transform:uppercase;background:#4ade801a;border:1px solid #4ade8059;border-radius:999px;align-items:center;gap:7px;padding:4px 12px 4px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.fp-live-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 5px #4ade8000}}.fp-card__period{color:#f7f4ee66;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.fp-card__title{color:#ffe77a;margin:0 0 10px;font-size:clamp(2.8rem,4.5vw,4.6rem);line-height:.94}.fp-card__title a{color:inherit;align-items:center;gap:14px;text-decoration:none;transition:opacity .18s;display:inline-flex}.fp-card__title a:hover{opacity:.82}.fp-card__title a svg{opacity:.55;flex-shrink:0;width:22px;height:22px;margin-top:4px}.fp-card__logo{object-fit:contain;flex-shrink:0;width:44px;height:44px}.fp-card__context{color:#f7f4ee7a;text-transform:uppercase;letter-spacing:.05em;margin:0 0 18px;font-size:.9rem;font-weight:700}.fp-card__desc{color:#f7f4eeb8;margin:0 0 28px;font-size:1rem;line-height:1.72}.fp-card__tags{flex-wrap:wrap;gap:7px;display:flex}.fp-tag{color:#f7f4eeb8;background:#ffffff0d;border:1px solid #f7f4ee1f;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.fp-tag__icon{object-fit:contain;width:15px;height:15px}.fp-card__visual{z-index:1;position:relative}.fp-browser{border:1px solid #ffffff1a;border-radius:10px;overflow:hidden;box-shadow:0 32px 80px #0000008c,0 0 0 1px #65d8d11f}.fp-browser__bar{background:#0f141ee6;border-bottom:1px solid #ffffff12;align-items:center;gap:6px;padding:10px 14px;display:flex}.fp-browser__bar span{background:#ffffff1f;border-radius:50%;width:10px;height:10px}.fp-browser__bar span:first-child{background:#ff605c99}.fp-browser__bar span:nth-child(2){background:#ffbd4499}.fp-browser__bar span:nth-child(3){background:#27c93f99}.fp-browser__screen{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.fp-browser__screen img{width:100%;transition:transform .3s;display:block}.fp-browser__screen:hover img{transform:scale(1.02)}.fp-browser__zoom{color:#fff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:6px;padding:2px 7px;font-size:1.1rem;transition:opacity .2s;position:absolute;bottom:10px;right:12px}.fp-browser__screen:hover .fp-browser__zoom{opacity:1}.fp-lightbox{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040810eb;justify-content:center;align-items:center;animation:.22s lb-in;display:flex;position:fixed;inset:0}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.fp-lightbox__img-wrap{border-radius:12px;max-width:min(92vw,1100px);max-height:82vh;animation:.26s cubic-bezier(.22,1,.36,1) lb-img-in;overflow:hidden;box-shadow:0 40px 120px #000000b3,0 0 0 1px #65d8d12e}@keyframes lb-img-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.fp-lightbox__img{object-fit:contain;width:100%;height:100%;display:block}.fp-lightbox__close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.fp-lightbox__close:hover{background:#ffffff29}.fp-lightbox__nav{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fp-lightbox__nav:hover{background:#ffffff24;transform:translateY(-50%)scale(1.08)}.fp-lightbox__nav--prev{left:20px}.fp-lightbox__nav--next{right:20px}.fp-lightbox__dots{gap:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.fp-lightbox__dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.fp-lightbox__dot--active{background:var(--cyan);transform:scale(1.3)}.fp-lightbox__dot:hover:not(.fp-lightbox__dot--active){background:#fff9}.fp-gallery{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;display:grid}.fp-gallery__thumb{cursor:pointer;opacity:.55;background:0 0;border:2px solid #0000;border-radius:8px;padding:0;transition:border-color .2s,transform .2s,opacity .2s;overflow:hidden}.fp-gallery__thumb:hover{opacity:.85;transform:translateY(-2px)}.fp-gallery__thumb--active{border-color:var(--cyan);opacity:1}.fp-gallery__thumb img{width:100%;display:block}.stack-section{color:var(--paper);background:0 0;padding-block:92px;padding-inline:clamp(24px,6vw,96px);overflow:hidden}.stack-body{margin-top:48px}.stack-worked-with{color:#f7f4ee70;text-transform:uppercase;letter-spacing:.1em;margin:0 0 32px;font-size:.82rem;font-weight:700}.stack-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.stack-category__label{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;margin:0 0 18px;font-size:.78rem;font-weight:700}.stack-rows{border:1px solid #f7f4ee12;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:48px;display:grid;overflow:hidden}.stack-row{background:linear-gradient(145deg,#f7f4ee0a,#f7f4ee03);flex-direction:column;align-items:center;gap:20px;padding:28px 30px;display:flex}.stack-row+.stack-row{border-left:1px solid #f7f4ee12}.stack-row__label{color:#f7f4ee59;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.72rem;font-weight:700}.stack-row__icons{grid-template-columns:repeat(3,52px);gap:8px;display:grid}.stack-icon{cursor:default;background:#ffffff08;border:1px solid #f7f4ee14;border-radius:12px;place-items:center;width:52px;height:52px;transition:border-color .24s,background .24s,transform .24s;display:inline-grid;position:relative}.stack-icon:hover{background:#65d8d10d;border-color:#65d8d147;transform:translateY(-2px)}.stack-icon img{object-fit:contain;filter:grayscale()brightness(1.8)opacity(.65);width:30px;height:30px;transition:filter .24s}.stack-icon:hover img{filter:grayscale(0)brightness()opacity()}@media (hover:none){.stack-icon img{filter:grayscale(0)brightness()opacity()}}.stack-icon__fallback{color:#f7f4ee66;font-size:.72rem;font-weight:700}.stack-icon__badge{color:var(--cyan);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#65d8d126;border:1px solid #65d8d159;border-radius:999px;padding:2px 5px;font-size:.55rem;font-weight:700;position:absolute;top:-7px;right:-7px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.experience{background:var(--paper);grid-template-columns:.84fr 1.16fr;gap:72px;display:grid}.timeline{border-top:1px solid var(--line)}.timeline__item{border-bottom:1px solid var(--line);grid-template-columns:132px 1fr;gap:24px;padding:28px 0;display:grid}.timeline time{color:var(--coral);font-weight:700}.timeline span{color:var(--muted);margin-top:10px;line-height:1.62;display:block}.contact{color:var(--paper);background:0 0;padding-bottom:36px}.contact__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.contact__eyebrow{color:var(--cyan)}.contact h2{color:var(--paper);margin:12px 0 0;font-size:clamp(3rem,5vw,5.6rem);line-height:.96}.contact__actions{justify-content:center;margin-top:36px}.contact__footer{color:#f7f4ee61;border-top:1px solid #f7f4ee1a;flex-direction:column;align-items:center;gap:4px;margin-top:64px;padding-top:22px;font-size:.82rem;font-weight:700;display:flex}.contact__footer a{color:#f7f4eeb8;text-decoration:none}@media (width<=920px){main{border:0;border-radius:0;width:100%;margin:0}.nav__links{display:none}.nav__burger{display:flex}.hero{min-height:100svh}.hero__layout{grid-template-columns:1fr;padding-block:92px 72px}.hero__content{text-align:center;justify-items:center;width:min(100%,760px);display:grid}.hero__visual{order:-1;min-height:auto}.hero__photo{width:clamp(140px,38vw,210px);min-width:0}.hero__actions{justify-content:center}.section,.stack-section,.contact{padding-block:72px}.intro__layout,.experience,.contact__main,.featured-projects__grid{grid-template-columns:1fr}.fp-card{grid-template-columns:1fr;gap:36px;padding:32px 28px}.fp-card__title{font-size:clamp(2.4rem,10vw,3.2rem)}.fp-browser--float{display:none}.project-card{grid-template-columns:40px minmax(0,1fr);gap:18px 24px}.project-card__body{grid-column:2}.intro__layout{gap:48px}.intro__visual{order:-1}.intro__img-stack{aspect-ratio:16/7}.intro__img--back{aspect-ratio:4/3;width:58%;top:0;right:0}.intro__img--front{aspect-ratio:4/3;width:56%;bottom:0;left:0}.project-card,.featured-project{min-height:0}.contact__actions{justify-content:flex-start}}@media (width<=560px){.hero{min-height:100svh}.hero h1{font-size:clamp(2.85rem,14vw,4.55rem)}.hero__photo{width:clamp(130px,44vw,175px)}.nav__brand img{height:36px}.hero__actions .button,.contact__actions .button{width:100%}.section-title__heading{align-items:flex-start;gap:14px}.section-title__icon svg{width:34px;height:34px;margin-top:4px}.project-list{gap:46px}.project-card{grid-template-columns:32px minmax(0,1fr);gap:14px 18px}.project-list:before{left:15px}.timeline__item{grid-template-columns:1fr;gap:10px}.stack-rows{grid-template-columns:1fr}.stack-row+.stack-row{border-top:1px solid #f7f4ee12;border-left:none}}