:root{--bg: #0f0f0f;--fg: #fff;--card-1: #b2b2b2;--card-2: #ce2017;--card-3: #2f2f2f}img.svelte-1835xdq{width:100%;height:100%;object-fit:cover}h1.svelte-1835xdq{font-size:4rem;font-weight:500;line-height:1}p.svelte-1835xdq{font-size:2rem;font-weight:500;line-height:1}section.svelte-1835xdq{position:relative;width:100%;height:100svh;background-color:var(--bg);color:var(--fg)}.intro.svelte-1835xdq,.outro.svelte-1835xdq{text-align:center;align-content:center}.sticky.svelte-1835xdq{display:flex;align-items:center;justify-content:center}.sticky-header.svelte-1835xdq{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.sticky-header.svelte-1835xdq h1:where(.svelte-1835xdq){position:relative;text-align:center;will-change:transform,opacity;transform:translateY(40px);opacity:0}.card-container.svelte-1835xdq{position:relative;width:75%;display:flex;perspective:1000px;transform:translateY(40px);will-change:width}.card.svelte-1835xdq{position:relative;flex:1;aspect-ratio:5/7;transform-style:preserve-3d;transform-origin:top}#card-1.svelte-1835xdq{border-radius:20px 0 0 20px}#card-3.svelte-1835xdq{border-radius:0 20px 20px 0}.card-front.svelte-1835xdq,.card-back.svelte-1835xdq{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:inherit;overflow:hidden}.card-back.svelte-1835xdq{justify-content:center;align-items:center;text-align:center;transform:rotateY(180deg);padding:2rem}.card-back.svelte-1835xdq span:where(.svelte-1835xdq){position:absolute;top:2rem;left:2rem;opacity:.4}#card-1.svelte-1835xdq .card-back:where(.svelte-1835xdq){background-color:var(--card-1)}#card-2.svelte-1835xdq .card-back:where(.svelte-1835xdq){background-color:var(--card-2)}#card-3.svelte-1835xdq .card-back:where(.svelte-1835xdq){background-color:var(--card-3)}@media (max-width: 1000px){h1.svelte-1835xdq{font-size:3rem}.intro.svelte-1835xdq h1:where(.svelte-1835xdq),.outro.svelte-1835xdq h1:where(.svelte-1835xdq){width:100%}.sticky.svelte-1835xdq{height:max-content;padding:4rem 2rem;flex-direction:column}.sticky-header.svelte-1835xdq{position:relative;top:0;left:0;transform:none;margin-bottom:4rem}.sticky-header.svelte-1835xdq h1:where(.svelte-1835xdq){width:100%;flex-direction:column;gap:2rem}.card-container.svelte-1835xdq{width:100%;flex-direction:column;gap:2rem}.card.svelte-1835xdq{width:100%;max-width:400px;margin:0 auto;border-radius:20px!important}#card-1.svelte-1835xdq,#card-2.svelte-1835xdq,#card-3.svelte-1835xdq{transform:none}}
