/* Diego Falconieri PT — cinematic motion layer */
:root{--df-ease:cubic-bezier(.22,1,.36,1)}
.topbar{transition:background-color .4s ease,box-shadow .4s ease,border-color .4s ease}
.topbar.df-scrolled{background:rgba(5,5,6,.97)!important;box-shadow:0 12px 32px rgba(0,0,0,.5);border-bottom-color:rgba(223,16,28,.48)!important}
.navlinks a{position:relative;transition:color .2s ease}
.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--red);transition:right .35s var(--df-ease)}
.navlinks a:hover::after,.navlinks a[aria-current="page"]::after{right:0}
.navlinks a[aria-current="page"]{color:#fff}
.button,.instagram-button{transition:transform .26s var(--df-ease),background-color .26s ease,box-shadow .26s ease}
.button:hover,.instagram-button:hover{box-shadow:0 10px 24px rgba(223,16,28,.25)}
.poster,.about-photo{transition:transform .65s var(--df-ease),filter .5s ease}
.poster-wrap,.about-photo-frame{overflow:hidden}
.poster-wrap:hover .poster,.about-photo-frame:hover .about-photo{transform:scale(1.035)}
.df-cinema::before{transition:transform 1.3s var(--df-ease)}
.df-cinema:hover::before{transform:scale(1.018)}
/* Progressive enhancement: hidden only after the observer is ready. */
.df-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .75s var(--df-ease),transform .75s var(--df-ease)}
.df-reveal.df-visible{opacity:1;transform:translateZ(0)}
.df-reveal[data-df-delay="1"]{transition-delay:.09s}
.df-reveal[data-df-delay="2"]{transition-delay:.18s}
.df-reveal[data-df-delay="3"]{transition-delay:.27s}
.df-reveal[data-df-delay="4"]{transition-delay:.36s}
.section-kicker,.df-eyebrow{position:relative}
.df-rule-reveal::after{content:"";display:block;height:2px;width:56px;background:var(--red);margin-top:12px;transform-origin:left;transform:scaleX(0);transition:transform .8s var(--df-ease)}
.df-rule-reveal.df-visible::after{transform:scaleX(1)}
.df-cinema .df-content > .df-eyebrow,.df-cinema .df-content > h1,.df-cinema .df-content > .df-copy,.df-cinema .df-content > .df-actions,.df-cinema .df-content > .df-points,.df-cinema .df-content > .df-feature-grid{animation:df-hero-in .85s var(--df-ease) both}
.df-cinema .df-content > h1{animation-delay:.12s}
.df-cinema .df-content > .df-copy{animation-delay:.24s}
.df-cinema .df-content > .df-actions{animation-delay:.34s}
.df-cinema .df-content > .df-points,.df-cinema .df-content > .df-feature-grid{animation-delay:.44s}
@keyframes df-hero-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.df-cinema:hover::before,.poster-wrap:hover .poster,.about-photo-frame:hover .about-photo{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important}.df-reveal{opacity:1!important;transform:none!important}.df-rule-reveal::after{transform:scaleX(1)!important}}