@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap";:root{--coral: #eb5e55;--aubergine: #1d1523;--cream: #f7ece2;--purple: #b479f0;--blue: #4b56ef}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Barlow Condensed,sans-serif;background-color:var(--aubergine)}h1{text-transform:uppercase;font-size:clamp(3rem,7vw,7.5rem);font-weight:800;line-height:.86;letter-spacing:-.01em}img{width:100%;height:100%;object-fit:cover}section{position:relative;width:100%;height:100svh;color:var(--cream);overflow:hidden}.intro,.outro{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background-color:var(--aubergine)}.intro:before,.outro:before{content:"";position:absolute;width:70vw;height:70vw;max-width:760px;max-height:760px;border-radius:50%;background:radial-gradient(circle,rgba(180,121,240,.22) 0%,rgba(235,94,85,.12) 45%,transparent 70%);pointer-events:none;z-index:0}.intro>*,.outro>*{position:relative;z-index:1}.eyebrow{font-size:clamp(.75rem,1.4vw,.95rem);font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--coral);margin-bottom:1.6rem}.intro h1,.outro h1{max-width:15ch}.scroll-cue,.outro-detail{font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:400;letter-spacing:.04em;color:#f7ece29e;margin-top:1.8rem}.outro-detail{text-transform:uppercase;font-weight:500;letter-spacing:.16em;color:#f7ece2b8}.spotlight{background-color:var(--coral)}.svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.svg-container svg{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50%;min-width:700px}path[style*="00000165916812323603747700000005172204528299523731"],path[style*="00000155118913244152270350000004269844240891065749"]{fill:#eb5e55!important}.spotlight-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:42%;z-index:2}.spotlight-header h1{color:#fff;text-shadow:0 2px 30px rgba(29,21,35,.35)}@media(max-width:1000px){.spotlight-header{width:88%}}@media(max-width:768px){h1{font-size:clamp(2.6rem,12vw,4rem)}.intro,.outro{padding:1.5rem}.eyebrow{letter-spacing:.2em;margin-bottom:1.1rem;max-width:90%}.intro h1,.outro h1{max-width:12ch}.scroll-cue,.outro-detail{margin-top:1.3rem;max-width:26ch}.outro-detail{letter-spacing:.1em}}
