.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.bg{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200vh;background-repeat:repeat;animation:bg-animation .2s infinite;opacity:.9;visibility:visible;z-index:1000000;pointer-events:none}@keyframes bg-animation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}*,*:after,*:before{box-sizing:border-box}*{margin:0;padding:0}@font-face{font-family:InclusiveSans;src:url(/assets/InclusiveSans-VariableFont_wght-C35KqD11.woff2) format("woff2"),url(/assets/InclusiveSans-VariableFont_wght-By8HeR3j.woff) format("woff");font-style:normal}@font-face{font-family:InstrumentSerif-Italic;src:url(/assets/InstrumentSerif-Italic-CxOT7kw3.woff2) format("woff2"),url(/assets/InstrumentSerif-Italic-qv8Ya9st.woff) format("woff");font-style:normal}.italic{font-family:InstrumentSerif-Italic,serif;letter-spacing:normal}body{font-family:InclusiveSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#363030;background:#feffff;padding:20px;min-height:100vh}.container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 768px){.container{padding:2.5rem 1.25rem}}.subtitle{font-size:2.25rem;color:#9e1746;letter-spacing:-1px;font-weight:400}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:40px}.bento-card{background:#edffec;border:1px solid #a5dea1;border-radius:20px;padding:30px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-5px);border-color:#99ff92;box-shadow:0 10px 40px #a8b1a933}.bento-card.large{grid-column:span 2}.bento-card.tall{grid-row:span 2}.bento-card.image-only{padding:0}.bento-card.image-only .project-image{height:100%;object-fit:cover}@media (max-width: 768px){.bento-card.large,.bento-card.tall{grid-column:span 1;grid-row:span 1}}.card-icon{font-size:2.5rem;margin-bottom:15px;display:block}.card-title{font-size:1.3rem;font-weight:600;margin-bottom:10px}.card-description{color:#888;line-height:1.6;font-size:.95rem}.card-link{display:inline-flex;align-items:center;gap:8px;margin-top:15px;color:#667eea;text-decoration:none;font-weight:500;transition:gap .3s ease}.card-link:hover{gap:12px}.social-links{display:flex;gap:15px;flex-wrap:wrap}.social-btn{flex:1;min-width:300px;padding:12px 20px;background:#c2ffbe;border:1px solid #73c06d;border-radius:12px;color:#363030;text-decoration:none;text-align:center;transition:all .3s ease;font-weight:500}.social-btn:hover{background:#99ff92;transform:translateY(-2px)}.skills-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.skill-tag{padding:8px 16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:20px;font-size:.85rem;color:#aaa}.project-image{width:100%;border-radius:12px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;font-size:3rem}.instagram-card{display:flex;flex-direction:column}.instagram-card .instagram-embed{flex:1;display:flex;align-items:center;justify-content:center;margin:20px 0;overflow:hidden}.instagram-card .instagram-embed .instagram-media{margin:0 auto!important;min-width:100%!important;max-width:100%!important}.stickers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.sticker{position:absolute;pointer-events:auto;cursor:pointer;transition:transform .3s ease;opacity:0;animation:fadeInScale .6s ease-out forwards}.sticker:hover{transform:scale(1.1) rotate(5deg)}.sticker:nth-child(1){animation-delay:.7s}.sticker:nth-child(2){animation-delay:.9s}.sticker:nth-child(3){animation-delay:1.1s}.sticker:nth-child(4){animation-delay:1.3s}.sticker:nth-child(5){animation-delay:1.5s}.sticker:nth-child(6){animation-delay:1.7s}.sticker:nth-child(7){animation-delay:1.9s}.sticker:nth-child(8){animation-delay:2.1s}.sticker img{width:100%;height:100%;object-fit:contain;display:block}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.sticker--top-left{top:5%;left:5%}.sticker--top-right{top:5%;right:5%}.sticker--bottom-left{bottom:10%;left:5%}.sticker--bottom-right{bottom:10%;right:5%}.sticker--center-left{top:50%;left:5%;transform:translateY(-50%)}.sticker--center-right{top:50%;right:5%;transform:translateY(-50%)}.sticker--small{width:80px;height:80px}@media (max-width: 768px){.sticker--small{width:50px;height:50px}}.sticker--medium{width:150px;height:150px}@media (max-width: 768px){.sticker--medium{width:100px;height:100px}}.sticker--large{width:250px;height:250px}@media (max-width: 768px){.sticker--large{width:150px;height:150px}}.sticker--rotate-left{animation-name:fadeInScale,rotateToLeft;animation-duration:.6s,.4s;animation-delay:inherit,.6s;animation-fill-mode:forwards,forwards;animation-timing-function:ease-out,ease-out}.sticker--rotate-right{animation-name:fadeInScale,rotateToRight;animation-duration:.6s,.4s;animation-delay:inherit,.6s;animation-fill-mode:forwards,forwards;animation-timing-function:ease-out,ease-out}.sticker--rotate-slight{animation-name:fadeInScale,rotateToSlight;animation-duration:.6s,.4s;animation-delay:inherit,.6s;animation-fill-mode:forwards,forwards;animation-timing-function:ease-out,ease-out}@keyframes rotateToLeft{0%{transform:rotate(0)}to{transform:rotate(-15deg)}}@keyframes rotateToRight{0%{transform:rotate(0)}to{transform:rotate(15deg)}}@keyframes rotateToSlight{0%{transform:rotate(0)}to{transform:rotate(5deg)}}.sticker--float:not(.sticker--rotate-left):not(.sticker--rotate-right):not(.sticker--rotate-slight){animation:fadeInScale .6s ease-out forwards,floatNoRotate 6s ease-in-out 1s infinite}.sticker--float.sticker--rotate-left{animation:fadeInScale .6s ease-out forwards,rotateToLeft .4s .6s ease-out forwards,floatRotateLeft 6s ease-in-out 1s infinite}.sticker--float.sticker--rotate-right{animation:fadeInScale .6s ease-out forwards,rotateToRight .4s .6s ease-out forwards,floatRotateRight 6s ease-in-out 1s infinite}.sticker--float.sticker--rotate-slight{animation:fadeInScale .6s ease-out forwards,rotateToSlight .4s .6s ease-out forwards,floatRotateSlight 6s ease-in-out 1s infinite}@keyframes floatNoRotate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatRotateLeft{0%,to{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(-20px) rotate(-10deg)}}@keyframes floatRotateRight{0%,to{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-20px) rotate(20deg)}}@keyframes floatRotateSlight{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-20px) rotate(10deg)}}.sticker--wiggle:not(.sticker--rotate-left):not(.sticker--rotate-right):not(.sticker--rotate-slight){animation:fadeInScale .6s ease-out forwards,wiggleNoRotate 4s ease-in-out 1s infinite}.sticker--wiggle.sticker--rotate-left{animation:fadeInScale .6s ease-out forwards,rotateToLeft .4s .6s ease-out forwards,wiggleRotateLeft 4s ease-in-out 1s infinite}.sticker--wiggle.sticker--rotate-right{animation:fadeInScale .6s ease-out forwards,rotateToRight .4s .6s ease-out forwards,wiggleRotateRight 4s ease-in-out 1s infinite}.sticker--wiggle.sticker--rotate-slight{animation:fadeInScale .6s ease-out forwards,rotateToSlight .4s .6s ease-out forwards,wiggleRotateSlight 4s ease-in-out 1s infinite}@keyframes wiggleNoRotate{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes wiggleRotateLeft{0%,to{transform:rotate(-15deg)}25%{transform:rotate(-20deg)}75%{transform:rotate(-10deg)}}@keyframes wiggleRotateRight{0%,to{transform:rotate(15deg)}25%{transform:rotate(10deg)}75%{transform:rotate(20deg)}}@keyframes wiggleRotateSlight{0%,to{transform:rotate(5deg)}25%{transform:rotate(0)}75%{transform:rotate(10deg)}}.sticker--stop-motion{animation:fadeInScale .6s ease-out forwards,stopMotion 3s ease-in-out 1s infinite}@keyframes stopMotion{0%{transform:translate(0) rotate(0)}12.5%{transform:translate(2px,-1px) rotate(2deg)}25%{transform:translate(-1px,2px) rotate(-1deg)}37.5%{transform:translate(1px,1px) rotate(1deg)}50%{transform:translate(-2px,-1px) rotate(-2deg)}62.5%{transform:translate(1px,-2px) rotate(1deg)}75%{transform:translate(-1px,1px) rotate(-1deg)}87.5%{transform:translate(2px,1px) rotate(2deg)}to{transform:translate(0) rotate(0)}}.sticker--spin{animation:fadeInScale .6s ease-out forwards,spin 4s linear 1s infinite}.sticker--spin-slow{animation:fadeInScale .6s ease-out forwards,spin 8s linear 1s infinite}.sticker--spin-reverse{animation:fadeInScale .6s ease-out forwards,spinReverse 4s linear 1s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.sticker--wobble-spin{animation:fadeInScale .6s ease-out forwards,wobbleSpin 2s steps(8) 1s infinite}@keyframes wobbleSpin{0%{transform:rotate(0) scale(1)}12.5%{transform:rotate(45deg) scale(1.05)}25%{transform:rotate(90deg) scale(1)}37.5%{transform:rotate(135deg) scale(.95)}50%{transform:rotate(180deg) scale(1)}62.5%{transform:rotate(225deg) scale(1.05)}75%{transform:rotate(270deg) scale(1)}87.5%{transform:rotate(315deg) scale(.95)}to{transform:rotate(360deg) scale(1)}}.sticker--jitter{animation:fadeInScale .6s ease-out forwards,jitter 1.5s steps(6) 1s infinite}@keyframes jitter{0%{transform:translate(0) rotate(0)}16.67%{transform:translate(-3px,2px) rotate(-3deg)}33.33%{transform:translate(3px,-2px) rotate(3deg)}50%{transform:translate(-2px,-3px) rotate(-2deg)}66.67%{transform:translate(2px,3px) rotate(2deg)}83.33%{transform:translate(-3px,1px) rotate(-3deg)}to{transform:translate(0) rotate(0)}}@media (max-width: 768px){.sticker:hover{transform:scale(1.05) rotate(3deg)}.sticker--top-left,.sticker--top-right{top:3%}.sticker--bottom-left,.sticker--bottom-right{bottom:5%}.sticker--center-left,.sticker--center-right{display:none}}@media (max-width: 480px){.sticker--large{width:100px;height:100px}.sticker--medium{width:70px;height:70px}.sticker--small{width:40px;height:40px}}.header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;position:relative}.header>*{opacity:0;animation:fadeInUp .8s ease-out forwards}.header .title{display:flex;flex-direction:column;align-items:center;font-size:3rem}.header .title__icon{opacity:0;animation-delay:.3s;width:6rem}.header .title__name{font-weight:400;background:linear-gradient(135deg,#363030,#9e1746);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.5s}.header .title__label{margin-top:-.625rem;letter-spacing:-4px;font-weight:400;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.8s}@media (min-width: 768px){.header .title{font-size:4.5rem}}.profile-image{width:120px;height:120px;border-radius:50%;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;animation-delay:.1s}.scroll-indicator{opacity:0;animation:fadeInUp .8s ease-out forwards,bounce 2s ease-in-out infinite;animation-delay:1.2s;color:#706c6c;transition:color .3s ease}.scroll-indicator svg{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}footer{text-align:center;margin-top:60px;padding-top:40px;border-top:1px solid #706c6c;color:#706c6c}