:root{--rose-accent: #e11d48}html{scroll-behavior:smooth;background-color:#fff}body{overflow-x:hidden}.font-serif{font-family:Playfair Display,serif}@keyframes heroReveal{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.hero-title{animation:heroReveal 1.2s cubic-bezier(.16,1,.3,1) forwards}.reveal-item-1{animation:heroReveal 1.2s cubic-bezier(.16,1,.3,1) .2s both}.reveal-item-2{animation:heroReveal 1.2s cubic-bezier(.16,1,.3,1) .3s both}.reveal-item-3{animation:heroReveal 1.2s cubic-bezier(.16,1,.3,1) .4s both}@supports (view-timeline-name: --section){#hero-section{view-timeline-name:--heroScroll;view-timeline-axis:block}.hero-title{animation:fadeAndSlide linear both;animation-timeline:--heroScroll;animation-range:exit 0% exit 100%}.reveal-item-1,.reveal-item-2,.reveal-item-3{animation:curveAway linear both;animation-timeline:--heroScroll;animation-range:exit 0% exit 80%}.scroll-parallax-slow{animation:parallaxMove linear both;animation-timeline:--heroScroll;animation-range:entry 100% exit 100%}}@keyframes fadeAndSlide{to{opacity:0;transform:translateY(-100px) scale(.95);filter:blur(10px)}}@keyframes curveAway{to{opacity:0;transform:translate(-50px) translateY(-30px);filter:blur(4px)}}@keyframes parallaxMove{to{transform:translateY(200px);opacity:0}}.animate-bounce-slow{animation:bounce 3s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) translate(-50%)}50%{transform:translateY(15px) translate(-50%)}}@supports (view-timeline-name: --project){.reveal-project{view-timeline-name:--project;view-timeline-axis:block;animation:projectInAndOut linear both;animation-timeline:--project;animation-range:entry 10% cover 50% exit 0% exit 100%}}@keyframes projectInAndOut{entry 0% {opacity: 0; transform: translateY(100px) scale(.9) rotateX(-10deg); filter: blur(10px);} cover 50% {opacity: 1; transform: translateY(0) scale(1) rotateX(0); filter: blur(0);} exit 0% {opacity: 1; transform: translateY(0) scale(1);} exit 100% {opacity: 0; transform: translateY(-100px) scale(.95) rotateX(10deg); filter: blur(10px);}}.shadow-2xl{box-shadow:0 25px 50px -12px #e11d481a}button svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}button:hover svg{transform:scale(1.2)}.art-row{width:100%;overflow:hidden;display:flex}.art-track{display:flex;gap:20px;width:max-content;animation:scroll 40s linear infinite;will-change:transform}.art-item{flex:0 0 auto;height:350px;width:280px;overflow:hidden;border-radius:12px;background:#fff1f2}.art-item img{width:100%;height:100%;object-fit:cover}.art-row:nth-child(2n) .art-track{animation-direction:reverse}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 10px))}}@supports (view-timeline-name: --archive){.reveal-archive{view-timeline-name:--archive;view-timeline-axis:block}.art-row[data-row="0"],.art-row[data-row="2"]{animation:slideInLeft linear both;animation-timeline:--archive;animation-range:entry 0% cover 30%}.art-row[data-row="1"]{animation:slideInRight linear both;animation-timeline:--archive;animation-range:entry 0% cover 30%}}@keyframes slideInLeft{0%{transform:translate(-150px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(150px);opacity:0}to{transform:translate(0);opacity:1}}@supports (view-timeline-name: --section){.reveal-instagram{view-timeline-name:--insta;view-timeline-axis:block;animation:riseAndFade linear both;animation-timeline:--insta;animation-range:entry 10% cover 40%}.parallax-avatar{view-timeline-name:--avatar;view-timeline-axis:block;animation:curvedMove linear both;animation-timeline:--avatar;animation-range:entry 0% exit 100%}.reveal-about-text{view-timeline-name:--aboutText;view-timeline-axis:block;animation:riseAndFade linear both;animation-timeline:--aboutText;animation-range:entry 10% cover 40%}}@keyframes riseAndFade{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes curvedMove{0%{transform:translate(-50px) translateY(100px) rotate(-10deg);opacity:0}30%{transform:translate(0) translateY(0) rotate(0);opacity:1}to{transform:translate(50px) translateY(-100px) rotate(10deg);opacity:0}}#instagram-feed iframe{border-radius:1.5rem!important}