html{scroll-behavior:smooth}
body{margin:0;background:#0A0A0A}
a{color:#F4EEE8;text-decoration:none}a:hover{color:#E2545F}
input::placeholder{color:#E8C9C6}
.hero-photo{background-color:#0A0A0A;background-image:linear-gradient(90deg,rgba(10,10,10,0.95) 0%,rgba(10,10,10,0.86) 38%,rgba(10,10,10,0.35) 70%,rgba(10,10,10,0.15) 100%),linear-gradient(180deg,rgba(10,10,10,0.55) 0%,rgba(10,10,10,0) 22%,rgba(10,10,10,0) 70%,#0A0A0A 100%),linear-gradient(rgba(150,14,28,0.6),rgba(150,14,28,0.6)),url(hero-barcelona-sunset.jpg);background-image:linear-gradient(90deg,rgba(10,10,10,0.95) 0%,rgba(10,10,10,0.86) 38%,rgba(10,10,10,0.35) 70%,rgba(10,10,10,0.15) 100%),linear-gradient(180deg,rgba(10,10,10,0.55) 0%,rgba(10,10,10,0) 22%,rgba(10,10,10,0) 70%,#0A0A0A 100%),linear-gradient(rgba(150,14,28,0.6),rgba(150,14,28,0.6)),image-set(url(hero-barcelona-sunset.webp) type("image/webp"),url(hero-barcelona-sunset.jpg) type("image/jpeg"));background-blend-mode:normal,normal,color,normal;background-size:cover;background-position:center 55%}
.card{position:relative;overflow:hidden;background:#0A0A0A}
.card-bg{position:absolute;inset:0;background-repeat:no-repeat;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.card:hover .card-bg{transform:scale(1.06)}
.card-in{position:relative}
.bg-one{background-image:linear-gradient(180deg,rgba(10,10,10,0.2) 0%,rgba(10,10,10,0.92) 80%),linear-gradient(rgba(150,14,28,0.4),rgba(150,14,28,0.4)),url(card-coaching.jpg);background-image:linear-gradient(180deg,rgba(10,10,10,0.2) 0%,rgba(10,10,10,0.92) 80%),linear-gradient(rgba(150,14,28,0.4),rgba(150,14,28,0.4)),image-set(url(card-coaching.webp) type("image/webp"),url(card-coaching.jpg) type("image/jpeg"));background-blend-mode:normal,color,normal;background-size:cover;background-position:center,center,50% 72%}
.bg-two{background-image:linear-gradient(180deg,rgba(10,10,10,0.2) 0%,rgba(10,10,10,0.92) 80%),linear-gradient(rgba(150,14,28,0.4),rgba(150,14,28,0.4)),url(card-coach.jpg);background-image:linear-gradient(180deg,rgba(10,10,10,0.2) 0%,rgba(10,10,10,0.92) 80%),linear-gradient(rgba(150,14,28,0.4),rgba(150,14,28,0.4)),image-set(url(card-coach.webp) type("image/webp"),url(card-coach.jpg) type("image/jpeg"));background-blend-mode:normal,color,normal;background-size:cover;background-position:center,center,60% 62%}
.bg-rio{background-image:linear-gradient(180deg,rgba(10,10,10,0.2) 0%,rgba(10,10,10,0.92) 80%),linear-gradient(rgba(150,14,28,0.4),rgba(150,14,28,0.4)),url(card-rio.jpg);background-image:linear-gradient(180deg,rgba(10,10,10,0.2) 0%,rgba(10,10,10,0.92) 80%),linear-gradient(rgba(150,14,28,0.4),rgba(150,14,28,0.4)),image-set(url(card-rio.webp) type("image/webp"),url(card-rio.jpg) type("image/jpeg"));background-blend-mode:normal,color,normal;background-size:cover;background-position:center,center,35% 60%}
.btn{transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s,box-shadow .35s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.2);box-shadow:0 16px 40px -14px rgba(226,84,95,0.6)}
.btn:active{transform:translateY(0)}
.arr{display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
a:hover .arr,button:hover .arr{transform:translateX(6px)}
.lnk{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:100% 1px;background-position:0 100%;transition:background-size .4s cubic-bezier(.2,.7,.2,1)}
.lnk:hover{background-size:35% 1px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #F4EEE8;outline-offset:3px}
@keyframes rise{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
.in{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.12s}.d2{animation-delay:.24s}.d3{animation-delay:.36s}
@supports (animation-timeline:view()){
.rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
}
}
