@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";:root{--bg: #191622;--bg-deep: #120f18;--paper: #ece7e0;--muted: #9a8fa8;--accent: #e8895b;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-serif);background-color:var(--bg-deep)}img{width:100%;height:100%;object-fit:cover;will-change:transform}h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.02;font-weight:400;letter-spacing:-.015em}section{position:relative;width:100vw;height:100svh;background-color:var(--bg);color:var(--paper);overflow:hidden}.hero,.outro{display:flex;justify-content:center;align-items:center}.hero-inner{width:min(56rem,calc(100% - 8rem));text-align:center}.eyebrow{font-family:var(--font-sans);font-size:.75rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:1.4rem}.hero h1,.outro h1{text-wrap:balance}.outro .eyebrow{color:var(--muted)}.banner-img-container{position:relative;width:100%;height:100%;will-change:transform}.banner-img-container .img{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.banner-img-container .img.mask{-webkit-mask-image:url(/c/telescope-img-scroll-animation/banner-img-mask.png);mask-image:url(/c/telescope-img-scroll-animation/banner-img-mask.png);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center}.banner-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;text-align:center;color:#fbf7f2;z-index:2}.banner-header h1{font-style:italic;letter-spacing:.01em;text-shadow:0 2px 28px rgba(18,15,24,.55)}.banner-intro-text-container{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;gap:.5rem;z-index:10}.banner-intro-text{flex:1;position:relative;will-change:transform;color:var(--paper)}.banner-intro-text h1{font-style:italic;font-size:clamp(3rem,8vw,6.5rem);padding:0 1.5rem}.banner-intro-text:nth-child(1){display:flex;justify-content:flex-end}@media(max-width:1000px){.hero-inner,.banner-header{width:calc(100% - 4rem)}}@media(max-width:768px){.hero-inner{width:calc(100% - 3rem)}.eyebrow{font-size:.68rem;letter-spacing:.22em;margin-bottom:1.1rem}.hero h1,.outro h1{font-size:clamp(2rem,9vw,2.9rem)}.banner-header{width:calc(100% - 2.5rem)}.banner-intro-text h1{font-size:clamp(2.2rem,12vw,3.4rem);padding:0 .75rem}}