@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;700&family=Instrument+Serif:ital@0;1&display=swap";
@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";
*{box-sizing:border-box;margin:0;padding:0;font-family:Geist,sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}body{color:#1b1712;-webkit-font-smoothing:antialiased;background-color:#f3efe7;overflow-x:hidden}li{list-style-type:none}a{color:inherit;cursor:pointer;text-decoration:none}button{background-color:inherit;cursor:pointer;border:none}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.click{cursor:pointer;transition:all .3s}.click:hover{transform:scale(1.1)}.click:active{transform:scale(.8)}.green{color:#1b1712}.bronze{color:#c97735}.light-gold{color:#d6c2a5}#landing-page{min-height:100vh;padding-top:78px;position:relative}nav{z-index:100;justify-content:space-between;align-items:center;width:100%;height:78px;padding:0 clamp(24px,5vw,40px);transition:all .3s;display:flex;position:fixed;top:0;left:0}.nav--scrolled{-webkit-backdrop-filter:blur(12px);background:#f3efe7d1;box-shadow:inset 0 -1px #1e2a2414}.logo{width:72px;height:72px}.logo__img{width:100%;display:block}.nav__link--list{align-items:center;gap:36px;display:flex}.nav__link--anchor{font-size:16px;font-weight:500;transition:color .25s}.nav__link--anchor:hover{color:#d2813c}.theme-toggle{border:1px solid #1e2a241f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.theme-toggle__icon{font-size:16px;transition:transform .3s}.theme-toggle:hover .theme-toggle__icon{transform:rotate(30deg)}.link__hover-effect{position:relative}.link__hover-effect:after{content:"";opacity:0;transform-origin:0;background-color:#1b1712;width:0;height:2px;transition:width .3s,opacity .3s;position:absolute;bottom:-3px;right:0}.link__hover-effect:hover:after{opacity:1;width:100%;left:0}@media (max-width:768px){.logo{width:60px;height:60px}.nav__link--list{gap:24px}}@media (max-width:548px){nav .logo{width:50px;height:50px}.nav__link--list{gap:14px}.nav__link--anchor{font-size:14px}.theme-toggle{width:28px;height:28px}.theme-toggle__icon{font-size:14px}}.hero{justify-content:space-between;align-items:center;min-height:calc(100vh - 78px);padding:0 40px;display:flex;position:relative}.hero__content{flex:1;justify-content:center;display:flex}.hero__header{flex-direction:column;align-items:flex-start;gap:12px;width:100%;max-width:560px;display:flex}.hero__eyebrow{color:#c97735;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:600;line-height:1}.hero__titles{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.hero__break{display:block}.hero__title{letter-spacing:-.2px;font-family:Instrument Serif,serif;font-size:80px;font-weight:400;line-height:.96}.hero__title--highlight{font-family:inherit;font-style:italic}.hero__description{color:#7c7466;max-width:440px;margin-bottom:30px;font-size:18px;line-height:1.7}.hero__buttons{align-items:center;gap:32px;display:flex}.hero__button{border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;gap:8px;min-width:160px;margin-bottom:16px;padding:12px 32px;font-size:14px;display:inline-flex;position:relative;overflow:hidden}.hero__button--secondary{background:#fbf6efbf;border-color:#1e2a241f;transition:transform .3s,border-color .3s,color .3s,box-shadow .3s}.hero__button--secondary:hover{border-color:#d67a33;transform:translateY(-2px);box-shadow:0 10px 24px #00000014,0 0 24px #d67a331f}.hero__button--primary{color:#faf8f5;background-color:#1b1712;border-color:#1b1712;transition:transform .3s,box-shadow .3s}.hero__button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000000f}.social__list{gap:12px;margin-top:16px;display:flex}.social__link{background-color:#1b1712;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:color .25s,box-shadow .25s,background-color .25s,transform .25s;display:flex}.social__link:hover{background-color:#fbf6efbf;transform:translateY(-2px)scale(1.06);box-shadow:0 8px 20px #1e2a242e}.social__link--icon{color:#faf8f5;width:16px;height:16px;transition:color .2s}.social__link:hover .social__link--icon{color:#c97735}.hero__visual{filter:drop-shadow(0 80px 60px #0000000d);transform-origin:50%;flex:1;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.hero__stack{--scene-size:clamp(320px, 35vw, 480px);width:var(--scene-size);aspect-ratio:1;position:relative}.hero__platform,.hero__chip{position:absolute;top:50%;left:50%}.hero__platform--bottom{z-index:1;opacity:0;width:100%;animation:1.4s forwards revealBottom}.hero__platform--top{z-index:2;opacity:0;width:88%;animation:1.4s cubic-bezier(.22,1,.36,1) .35s forwards revealTop}.hero__chip{z-index:3;opacity:0;width:62%;animation:1.4s cubic-bezier(.22,1,.36,1) .85s forwards revealChip}@keyframes revealBottom{0%{opacity:0;transform:translate(-50%,-50%)translateY(90px)scale(.96)}to{opacity:.82;transform:translate(-50%,-50%)translateY(70px)}}@keyframes revealTop{0%{opacity:0;transform:translate(-50%,-50%)translateY(40px)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)translateY(20px)}}@keyframes revealChip{0%{opacity:0;transform:translate(-50%,-50%)translateY(-15px)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)translateY(-35px)}}.hero__cards{position:absolute;inset:0}.hero__card{width:calc(var(--scene-size) * .65);opacity:0;transition:scale .4s,translate .4s;animation:1.4s cubic-bezier(.22,1,.36,1) forwards revealCard;position:absolute}.hero__card:hover{translate:0 -6px;scale:1.04}.hero__card--gallery{z-index:4;animation:1.4s cubic-bezier(.22,1,.36,1) 1.2s forwards revealCard,3.2s ease-in-out 2.6s infinite float;top:-14%;left:-30%}.hero__card--projects{z-index:4;animation:1.4s cubic-bezier(.22,1,.36,1) 1.4s forwards revealCard,5.8s ease-in-out 2.8s infinite float;top:-16%;right:-28%}.hero__card--contact{z-index:4;animation:1.4s cubic-bezier(.22,1,.36,1) 1.6s forwards revealCard,4.1s ease-in-out 3s infinite float;bottom:-16%;left:30%}@keyframes revealCard{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.hero__network{width:calc(var(--scene-size) * 1.6);opacity:0;z-index:0;pointer-events:none;animation:2.4s forwards networkPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes networkPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:.3;transform:translate(-50%,-50%)scale(1)}}.hero__main-lines{width:calc(var(--scene-size) * 1.22);aspect-ratio:1;transform-origin:50%;z-index:2;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__main-lines svg{width:100%;height:100%;overflow:visible}.hero__main-lines path{fill:none;stroke:#c9ad88;stroke-width:.42px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;filter:drop-shadow(0 0 6px #c9ad882e);animation:1.8s cubic-bezier(.22,1,.36,1) forwards lineSpread,4s ease-in-out 1.8s infinite breathe}@keyframes lineSpread{0%{stroke-dashoffset:100px;opacity:1}80%{opacity:1}to{stroke-dashoffset:0;opacity:.72}}@keyframes breathe{0%{opacity:.72}50%{opacity:.9}to{opacity:.72}}.hero__particles{z-index:5;pointer-events:none;position:absolute;inset:0}.hero__particle{object-fit:contain;opacity:0;height:auto;animation:.8s forwards particleReveal,4s ease-in-out infinite floatParticle;position:absolute}.hero__particle--sm{width:16px}.hero__particle--md{width:20px}.hero__particle--lg{width:32px}@keyframes particleReveal{0%{opacity:0}to{opacity:1}}@keyframes floatParticle{0%{translate:0}50%{translate:0 -5px}to{translate:0}}.hero__particle--1{animation-delay:.2s;top:16%;left:50%}.hero__particle--2{animation-delay:.8s;bottom:40%;left:20%}.hero__particle--3{animation-delay:1.4s;top:4%;left:24%}.hero__particle--4{animation-delay:.5s;top:40%;left:4%}.hero__particle--5{animation-delay:2s;top:4%;right:14%}.hero__particle--6{animation-delay:1s;bottom:50%;right:4%}.hero__particle--7{animation-delay:2.4s;bottom:10%;left:16%}.hero__particle--8{animation-delay:.7s;bottom:10%;right:10%}.hero__particle--9{animation-delay:1.8s;top:50%;right:30%}.hero__particle--10{animation-delay:1.2s;top:68%;left:40%}@media (max-width:1100px){.hero{gap:40px}.hero__content{flex:.95}.hero__visual{flex:.85}.hero__title{font-size:clamp(72px,7vw,92px)}.hero__description{max-width:520px}.hero__buttons{gap:20px}}@media (max-width:900px){.personal-logo{width:80px;height:80px}.hero{flex-direction:column;justify-content:center;gap:16px;min-height:calc(100vh - 100px);padding:0 16px}.hero__content{text-align:center;flex:1;order:2;justify-content:center;align-items:center;width:100%;display:flex}.hero__header{flex-direction:column;align-items:center;gap:8px;margin-top:12px;display:flex}.hero__break{display:none}.hero__title{text-align:center;font-size:50px}.hero__description{max-width:32rem;margin-bottom:16px;font-size:16px}.social__list{justify-content:center;gap:24px;margin-top:16px}.hero__visual{flex:1;order:1;justify-content:center;align-items:center;width:100%;min-height:auto;margin-bottom:16px;display:flex}.hero__stack{--scene-size:clamp(220px, 30vw, 300px);transform:scaleY(.8)}.hero__particles{transform:scale(.8)}.hero__particle--1,.hero__particle--3{top:-4%}.scroll{display:none}}@media (max-width:548px){.hero__visual{min-height:220px;margin-bottom:0}.hero__main-lines{width:calc(var(--scene-size) * 1.3)}.hero__card{width:calc(var(--scene-size) * .6)}.hero__card--gallery{top:-10%;left:-32%}.hero__card--projects{top:-10%;right:-30%}.hero__card--contact{bottom:-20%;left:36%}.hero__description{max-width:24rem;font-size:16px}.social__list{margin:0}.social__link{width:24px;height:24px}.social__link--icon{width:14px;height:14px}.hero__buttons{display:none}}.mail__btn{color:#fff;z-index:2;background-color:#1b1712;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;transition:background-color .3s,color .3s,box-shadow .3s,transform .3s;display:flex;position:fixed;bottom:20px;right:40px}.mail__btn:hover{color:#c97735;background-color:#fbf6efbf;box-shadow:0 8px 20px #1e2a242e}.mail__btn--icon{width:32px;height:32px}.scroll{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.scroll__icon{border:2px solid #1b1712;border-radius:24px;justify-content:center;align-items:center;width:20px;height:30px;display:flex}.scroll__icon:after{content:"";background-color:#242424;border-radius:2px;width:4px;height:6px;animation:1s infinite alternate-reverse scroll}@keyframes scroll{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}@media (max-width:900px){.mail__btn{width:60px;height:60px}.mail__btn--icon{width:28px;height:28px}}@media (max-width:548px){.mail__btn{width:40px;height:40px}.mail__btn--icon{width:20px;height:20px}.scroll{bottom:0}.scroll__icon{width:16px;height:24px}}#gallery{margin-top:64px;padding:60px 40px}.container{width:100%;max-width:1200px;margin:0 auto}.section__eyebrow{color:#c97735;text-transform:uppercase;letter-spacing:.22em;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1}.section__header{flex-direction:column;margin-bottom:72px;display:flex}.section__title{letter-spacing:-.2px;margin-bottom:28px;font-family:Instrument Serif,serif;font-size:60px;font-weight:400;line-height:1.15}.section__title--highlight{letter-spacing:-.2px;font-family:Instrument Serif,serif;font-style:italic}.section__description{color:#58615d;flex-direction:column;gap:8px;max-width:600px;line-height:1.75;display:flex}.section__description--highlight{font-size:20px;font-weight:600}.section__description--para{font-size:20px}.gallery__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.gallery__item{z-index:3;background:linear-gradient(145deg,#141414 0%,#0d0d0d 50%,#050505 100%);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;padding:8px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 18px 40px #00000038,0 3px 10px #00000029}.gallery__card{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.gallery__item:nth-child(2n){background:linear-gradient(145deg,#f4f0ea 0%,#ece6df 45%,#e4ddd5 100%);border:1px solid #fff6;box-shadow:inset 0 1px #ffffffe6,0 18px 36px #00000017,0 4px 10px #0000000a}.gallery__content{margin-top:16px;padding:8px 16px}.gallery__title{color:#faf8f5;margin-bottom:8px;font-size:18px;font-weight:500;line-height:1.2}.gallery__item:nth-child(2n) .gallery__title{color:#1b1712}.gallery__description{color:#b9b7b3;max-width:240px;font-size:14px;line-height:1.6}.gallery__item:nth-child(2n) .gallery__description{color:#4b5651}.gallery__tech{color:#f3efe7;letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:500;position:absolute;bottom:12px;right:12px}.gallery__item:nth-child(2n) .gallery__tech{color:#1b1712}@media (max-width:768px){.section__title{margin-bottom:20px}.gallery__grid{grid-template-columns:1fr;justify-items:center}.gallery__item{width:100%;max-width:500px}.gallery__card{width:100%}.gallery__content{padding:12px 16px}.gallery__title{font-size:24px}.gallery__description{max-width:360px;font-size:18px}.gallery__tech{font-size:16px;bottom:16px;right:16px}}@media (max-width:548px){.section__header{margin-bottom:60px}.section__title{font-size:44px}.section__eyebrow{font-size:14px}.section__description--highlight{font-size:18px}.section__description--para{font-size:16px}.gallery__title{font-size:18px}.gallery__description{max-width:200px;font-size:14px}.gallery__tech{font-size:14px}}.clock-wrapper{aspect-ratio:1;justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.clock{background-color:#ffffff0a;border:1px solid #ffffff09;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 10px 30px #ffffff05}.hour{text-align:center;color:#f3efeb;width:100%;height:100%;padding-top:8px;position:absolute;top:0;transform:rotate(0)}.number{font-size:22px}.number span{display:inline-block}.hour--3 span{transform:rotate(-90deg)}.hour--6 span{transform:rotate(-180deg)}.hour--9 span{transform:rotate(-270deg)}.marker{justify-content:center;display:flex}.marker:before{content:"";background-color:#f3efeb;border-radius:999px;width:2px;height:clamp(10px,4%,16px)}.clock__center{z-index:5;background-color:#c97735;border:4px solid #f3efeb;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.handle-rotate{position:absolute;inset:0}.handle{background-color:#f3efeb;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.handle__hour{width:5px;height:32%;bottom:42%}.handle__minute{z-index:6;width:3px;height:44%;bottom:42%}.handle__second{background-color:#c97735;width:2px;height:50%;bottom:42%}.hour--1{transform:rotate(30deg)}.hour--2{transform:rotate(60deg)}.hour--3{transform:rotate(90deg)}.hour--4{transform:rotate(120deg)}.hour--5{transform:rotate(150deg)}.hour--6{transform:rotate(180deg)}.hour--7{transform:rotate(210deg)}.hour--8{transform:rotate(240deg)}.hour--9{transform:rotate(270deg)}.hour--10{transform:rotate(300deg)}.hour--11{transform:rotate(330deg)}.hour--12{transform:rotate(360deg)}@media (max-width:768px){.number{font-size:32px}}@media (max-width:548px){.number{font-size:24px}}.eyes{align-items:center;gap:28px;display:flex;transform:translateY(-18px)}.eye__wrapper{border-radius:50%;width:80px;height:80px;box-shadow:0 2px 6px #00000008,0 10px 20px #00000009}.eye{background:linear-gradient(#fff 0%,#f8f8f8 100%);border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.pupil{background-color:#1f2b27;border-radius:50%;width:32px;height:32px;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:0 4px 10px #00000014}.orbital{width:100%;height:100%;animation:8s linear infinite changeColor;position:relative;overflow:hidden}.orbital span{transform:rotate(calc(18deg * var(--i)));position:absolute;inset:0}.orbital span:before{content:"";width:15px;height:15px;animation:2s linear infinite orbitalPulse;animation-delay:calc(2s / 20 * var(--i));background:currentColor;position:absolute;top:14%;left:50%;transform:translate(-50%);box-shadow:0 0 10px,0 0 20px,0 0 40px,0 0 60px,0 0 80px}@keyframes orbitalPulse{0%{opacity:0;transform:translate(-50%)scale(.1)}50%{opacity:1;transform:rotate(45deg)translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.1)}}@keyframes changeColor{0%{color:#d6c2a5}30%{color:#efe2ca}60%{color:#c79b63}85%{color:#8e6c46}to{color:#d6c2a5}}#projects{margin-top:64px;padding:60px 40px}.project__list{flex-direction:column;gap:clamp(80px,10vw,120px);display:flex}.project{align-items:stretch;gap:clamp(32px,4vw,56px);display:flex}.project:nth-child(2n){flex-direction:row-reverse}.project__media{object-fit:cover;border-radius:18px;flex:5.5;order:1}.project__media:hover .project__frame{border-color:#c977354d}.project__media:hover .project__image{filter:brightness(1.02)contrast(1.02);transform:scale(1.02)}.project__frame{aspect-ratio:4/3;inline-size:100%;transform-style:preserve-3d;will-change:transform;border:1px solid #1e2a241f;border-radius:18px;transition:box-shadow .35s,border-color .35s;display:block;overflow:hidden;box-shadow:0 30px 60px -30px #0006}.project__image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.project__content{flex-direction:column;flex:4.5;order:2;max-width:400px;display:flex}.project__header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.project__number{color:#c97735;letter-spacing:.04em;font-family:Instrument Serif,serif;font-size:32px;line-height:1}.project__category{letter-spacing:.14em;text-transform:uppercase;color:#7c7466;font-size:12px;font-weight:600}.project__title{color:#1b1712;margin-bottom:16px;font-family:Instrument Serif,serif;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1}.project__description{color:#7c7466;margin-bottom:24px;font-size:20px;line-height:1.6}.project__stack{flex-wrap:wrap;align-items:center;gap:8px;max-width:300px;margin-bottom:24px;display:flex}.project__tech{color:#1b1712;opacity:.9;font-size:16px;font-weight:500}.project__divider{color:#c97735;font-size:10px}.project__links{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.project__link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:inherit;border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .25s,border-color .25s,box-shadow .25s,color .25s;display:inline-flex}.project__link--secondary{background:#fbf6efbf;border:1px solid #1e2a241f}.project__link--secondary:hover{border-color:#d67a33;box-shadow:0 10px 24px #00000014}.project__link--primary{color:#fff;background:#1b1712;border-color:#0000}.project__link--primary:hover{box-shadow:0 10px 24px #0000001f}.project:has(.project__link--primary:hover) .project__frame{border-color:#c977354d}.project:has(.project__link--primary:hover) .project__image{filter:brightness(1.02)contrast(1.02);transform:scale(1.02)}.project__icon{width:16px;height:16px}@media (max-width:1200px){.project__frame{aspect-ratio:6/5}}@media (max-width:1000px){.project{align-items:center}.project__media{flex:6}.project__content{flex:4}.project__header{margin-bottom:12px}.project__number{font-size:28px}.project__description{margin-bottom:16px;font-size:16px}.project__tech{font-size:14px}.project__links{gap:12px}.project__link{padding:12px 16px}}@media (max-width:768px){.project,.project:nth-child(2n){flex-direction:column}.project__frame{aspect-ratio:4/3}.project__content{flex-direction:row;justify-content:space-between;align-items:center;min-width:100%;padding:0 12px;display:flex}.project__info{max-width:62%}.project__links{gap:20px}}@media (max-width:548px){.project__content{flex-direction:column;align-items:flex-start}.project__info{max-width:100%}.project__links{flex-direction:row}.project__link{font-size:14px}}.footer{padding:80px 40px}.footer__container{width:100%;max-width:1200px;margin:0 auto}.footer__divider{align-items:center;gap:12px;margin-bottom:72px;display:flex}.footer__divider--line{background-color:#c97735;flex:1;height:1px}.footer__divider--dot{background-color:#c97735;border-radius:50%;flex-shrink:0;width:8px;height:8px}.footer__intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.footer__title{letter-spacing:-.2px;text-align:center;color:#1b1712;max-width:520px;margin-bottom:32px;font-family:Instrument Serif,serif;font-size:44px;font-weight:400;line-height:1.2}.footer__title span{letter-spacing:-.2px;margin-left:30px;font-family:Instrument Serif,serif;font-style:italic;font-weight:400}.footer__description{color:#3f4844;margin-bottom:32px;font-size:18px;font-weight:300}.footer__links{gap:48px;margin:40px 0;display:flex}.footer__link{justify-content:center;align-items:center;gap:12px;display:flex}.footer__link--title{font-size:16px;font-weight:300}.footer__link--divider{background-color:#c9ad88;width:1px;height:40px}.footer__bottom{flex-direction:column;align-items:center;display:flex}.footer__copyright{text-align:center;color:#3f4844;font-size:16px;font-weight:300}.footer .logo{position:relative}.logo__popper{opacity:0;white-space:nowrap;color:#c97735;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:100%;transform:translate(-10px,-50%)}.footer .logo:hover .logo__popper{opacity:1;transform:translateY(-50%)}@media (max-width:548px){.footer__title{font-size:32px}.footer__description{font-size:18px}.footer__links{gap:16px}.footer__link--title{font-size:14px}.footer__copyright{font-size:12px}.footer .logo{width:64px;height:64px}}.modal{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background-color:#080a0ead;position:absolute;inset:0}.modal__container{z-index:3;border-radius:20px;width:90%;max-width:1200px;height:auto;min-height:600px;max-height:90vh;display:flex;position:relative;overflow:hidden}.modal__half{opacity:0;flex-direction:column;justify-content:flex-start;width:50%;padding:48px 44px;transition:transform .55s,opacity .45s;display:flex;position:relative}.modal__about{background-color:#faf8f5;gap:16px;transform:translate(-120px)}.modal__contact{-webkit-backdrop-filter:blur(18px);color:#faf8f5;background:#121212d9;gap:12px;padding:44px 56px;transform:translate(120px)}.modal__open .modal__half{opacity:1;transform:translate(0)}.modal__eyebrow{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1}.modal__eyebrow--about{color:#c97735}.modal__eyebrow--contact{color:#c9ad88}.modal__intro{align-items:flex-start;gap:8px;margin-bottom:24px;display:flex}.modal__content{flex-direction:column;flex:1;gap:12px;display:flex}.modal__visual{transform-origin:top;will-change:transform;flex-shrink:0;margin-top:8px}.modal__frame{border:1px solid #c08f69;border-radius:50%;width:120px;height:120px;overflow:hidden}.modal__image{object-fit:cover;width:100%;height:100%}.modal__title--about{font-family:Instrument Serif,serif;font-size:40px;font-weight:400}.modal__subtitle--about{letter-spacing:.4px;color:#c97735;text-transform:uppercase;margin-bottom:20px;font-size:14px;font-weight:400}.modal__text--about{flex-direction:column;gap:16px;display:flex}.modal__description--about{max-width:380px;font-size:16px;line-height:1.6}.modal__languages--title{letter-spacing:.18em;color:#8e6c46;text-transform:uppercase;margin-bottom:16px;font-size:12px}.modal__technologies{margin-top:12px}.modal__languages{grid-template-columns:repeat(3,1fr);justify-content:center;gap:28px;width:fit-content;display:grid}.modal__language{flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.modal__language--img{opacity:.85;width:48px;height:48px;transition:opacity .25s,transform .25s}.modal__language:hover .modal__language--img{opacity:1;transform:scale(1.08)}.modal__language--name{color:#8e8e8e;opacity:0;pointer-events:none;font-size:12px;transition:opacity .25s,transform .15s;position:absolute;top:100%;transform:scale(0)}.modal__language:hover .modal__language--name{opacity:1;transform:scale(1)}.modal__title--contact{letter-spacing:.04em;margin-bottom:4px;font-family:Instrument Serif,serif;font-size:40px}.modal__subtitle--contact{font-size:16px;font-weight:300;line-height:1.4}.form{flex-direction:column;gap:16px;margin-top:16px;display:flex}.form__item{flex-direction:column;gap:10px;display:flex}.form__item--label{letter-spacing:.16em;text-transform:uppercase;color:#faf8f5d1;font-size:13px;font-weight:500}.form__field{background:0 0;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:16px;height:58px;padding:0 20px;transition:border-color .3s;display:flex}.form__field:focus-within{border-color:#9e7a4d}.form__field--textarea{align-items:flex-start;min-height:120px;padding:18px 20px}.form__icon{width:16px;height:16px}.form__field:focus-within .form__icon{color:#efe2ca}.form__item--input{color:#faf8f5;background:0 0;border:none;outline:none;width:100%;font-size:17px}.form__field--textarea .form__icon{margin-top:6px}input:-webkit-autofill{-webkit-text-fill-color:#faf8f5;-webkit-box-shadow:inset 0 0 0 1000px #1b1712}input:-webkit-autofill:focus{-webkit-text-fill-color:#faf8f5;-webkit-box-shadow:inset 0 0 0 1000px #1b1712}.form__item--input::placeholder{color:#faf8f561}input.form__item--input{height:32px}textarea.form__item--input{resize:none;min-height:120px;line-height:1.6}.form__submit{color:#121212;width:100%;max-width:360px;height:56px;transform:.3s ease;background:linear-gradient(#d4b180 0%,#c89b63 55%,#be8e55 100%);border:none;border-radius:14px;margin-top:8px;padding:0 36px;font-size:18px;font-weight:500;transition:border-color .3s,color .3s;position:relative;overflow:hidden}.form__submit:before{content:"";background:linear-gradient(110deg,#0000,#ffffff47,#0000);width:60%;height:100%;transition:left .9s;position:absolute;top:0;left:-130%;transform:skew(-25deg)}.form__submit:hover:before{left:170%}.form__submit:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 28px #00000040}.modal__close{z-index:3;cursor:pointer;background:0 0;border:none;position:absolute;top:24px;right:24px}.modal__close--icon{color:#c79b63;width:24px;height:24px;transition:color .3s,transform .3s}.modal__close--icon:hover{color:#e7d7c0;transform:scale(1.09)rotate(90deg)}.modal__loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background-color:#00000047;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal__loading-content{flex-direction:column;align-items:center;gap:16px;display:flex}.modal__loading--title{color:#faf8f5;letter-spacing:.03em;font-size:22px;font-weight:500}.modal__loading--subtitle{color:#b9b7b3;font-size:16px}.modal__spinner{border:2px solid #5b4f42;border-top-color:#c9ad88;border-radius:50%;width:32px;height:32px;animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal__success{color:#c9ad88;border:2px solid #c9ad88;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:600;display:flex}.form__message{color:#c9ad88;text-align:center;margin-top:10px;font-size:14px;line-height:1.5}@media (max-width:1050px){.modal{padding:24px;position:fixed;inset:0;overflow:hidden}.modal__container{flex-direction:column;width:100%;min-height:auto;overflow-y:auto}.modal__half{width:100%}.modal__contact{order:1}.modal__about{order:2;justify-content:center}.modal__subtitle--contact{font-size:18px}.form{gap:12px}.form__item--label{font-size:15px}.form__submit{max-width:500px;height:48px;margin:12px auto;font-size:16px}.form__item textarea{height:56px}.modal__visual{margin-top:-4px}.modal__frame{width:160px;height:160px}.modal__intro{gap:12px;margin-bottom:12px}.modal__title--about{margin-bottom:8px}.modal__subtitle--about{font-size:14px}.modal__text--about{gap:16px;margin-bottom:18px}.modal__description{max-width:500px;font-size:15px;line-height:1.65}.modal__languages{gap:12px 40px}.modal__language{padding:6px}}@media (max-width:548px){.form__submit{max-width:320px}.modal__intro{flex-direction:column;align-items:center;gap:32px;display:flex}.modal__visual{order:1}.modal__content{text-align:center;order:2}.modal__frame{width:120px;height:120px}.modal__technologies{margin:0 auto}}.dark{background-color:#141210}.dark .bronze{color:#d1b28b}.dark .nav--scrolled{-webkit-backdrop-filter:blur(12px);background:#080808b8;box-shadow:inset 0 -1px #ffffff0f}.dark .nav__link--anchor{color:#d1b28b}.dark .nav__link--anchor:hover{color:#e7d7c0}.dark .link__hover-effect:after{display:none}.dark .hero{color:#faf8f5}.dark .hero__eyebrow{color:#d2813c}.dark .hero__title{color:#faf8f5}.dark .hero__title--bottom span{color:#c9ad88}.dark .hero__description{color:#f4f2ee}.dark .hero__button{color:#d1b28b;background-color:#1e1a15;border-color:#1e1a15;transition:background-color .3s,color .3s,box-shadow .3s}.dark .hero__button:hover{color:#e7d7c0;border-color:#e7d7c0;box-shadow:0 0 16px #f8ecd61f,0 0 36px #f8ecd629,0 0 60px #f8ecd61a}.dark .social__link{background:#1e1a15}.dark .social__link--icon{color:#d1b28b}.dark .social__link:hover .social__link--icon{color:#e7d7c0}.dark .scroll__icon{border-color:#f4f2ee}.dark .scroll__icon:after{background-color:#f4f2ee}.dark .mail__btn{background-color:#1e1a15;box-shadow:0 0 16px #f8ecd61f,0 0 36px #f8ecd629,0 0 60px #f8ecd61a}.dark .mail__btn--icon{color:#d1b28b}.dark .mail__btn:hover .mail__btn--icon{color:#e7d7c0}.dark .section__eyebrow{color:#d2813c}.dark .section__title{color:#f4f2ee}.dark .section__description{color:#f4f2ee;opacity:.8}.dark .section__description--highlight{color:#b9b7b3}.dark .gallery__item{background:linear-gradient(145deg,#1b1b1b 0%,#131313 45%,#0b0b0b 100%);border:1px solid #ffffff0f;transition:box-shadow .35s;box-shadow:inset 0 1px #ffffff0d,0 18px 40px #0003,0 2px 8px #00000026}.dark .gallery__item:hover{box-shadow:0 0 22px #f8ecd624,0 0 60px #f8ecd62e,0 0 120px #f8ecd61f}.dark .gallery__title,.dark .gallery__item:nth-child(2n) .gallery__title{color:#c9ad88}.dark .gallery__description,.dark .gallery__item:nth-child(2n) .gallery__description{color:#f4f2ee}.dark .gallery__tech,.dark .gallery__item:nth-child(2n) .gallery__tech{color:#c79b63}.dark .clock,.dark .pupil{background-color:#0d0b09}.dark .project__category{color:#b9b7b3}.dark .project__title{color:#c9ad88}.dark .project__description{color:#f4f2ee}.dark .project__tech{color:#c79b63}.dark .project__link{color:#d1b28b;background:#1e1a15}.dark .project__link:hover{color:#e7d7c0;box-shadow:0 0 16px #f8ecd61f,0 0 36px #f8ecd629,0 0 60px #f8ecd61a}.dark .project__link--secondary:hover{border-color:#0000}.dark .project__media:hover .project__frame{border-color:#c9773580;box-shadow:0 40px 80px -30px #000000a6,0 0 40px #c9773529}.dark .project:has(.project__link--primary:hover) .project__frame{border-color:#c9773580;box-shadow:0 40px 80px -30px #000000a6,0 0 40px #c9773529}.dark .footer__divider--dot,.dark .footer__divider--line{background-color:#c9ad88}.dark .footer__title{color:#f4f2ee}.dark .footer__description{color:#f4f2ee;opacity:.8}.dark .footer__link--title{color:#f4f2ee}.dark .logo__popper{color:#c9ad88}.dark .footer__copyright{color:#f4f2ee;opacity:.8}.dark .modal__about,.dark .modal__contact{-webkit-backdrop-filter:blur(18px);background:#121212cc}.dark .modal__title--about{color:#f4f2ee}.dark .modal__eyebrow--about,.dark .modal__subtitle--about{color:#c9ad88}.dark .modal__description--about{color:#f4f2ee;opacity:.8}.dark .modal__frame{border-color:#c9ad88}.dark .progress-bar{background:#c9ad88}.dark #skills{border-color:#c9ad88}.dark .skills__name{color:#b9b7b3}.dark .skills__separator{color:#c9ad88}.typewriter__caret{background-color:currentColor;border-radius:1px;width:2px;height:.95em;margin-left:3px;animation:1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.progress-bar{z-index:9999;background:#c79268;width:0;height:2px;transition:width 80ms linear;position:fixed;top:0;left:0}#skills{border-top:1px solid #1e2a241f;border-bottom:1px solid #1e2a241f;margin-top:80px;padding:26px 0}.skills__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.skills__track{white-space:nowrap;will-change:transform;align-items:center;display:flex}.skills__slide{flex:none;align-items:center;gap:40px;padding-right:40px;display:flex}.skills__name{font-family:Instrument Serif,serif;font-size:24px}.skills__separator{color:#c97735}@media (max-width:768px){#skills{padding:24px 0}.skills__name{font-size:20px}.skills__slide{gap:32px;padding-right:32px}}@media (max-width:548px){#skills{padding:20px 0}.skills__name{font-size:18px}.skills__slide{gap:24px;padding-right:24px}}.magnetic{will-change:transform;transition:transform .25s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.magnetic:before{content:"";position:absolute;inset:-20px}