*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:sans-serif;color:#fff;background:#192847;line-height:1.6;font-size:1.1rem;background:url(/images/nightsky.jpg)repeat 50%;background-size:50%}p,h1,h2,h3,ul,ol{margin:0;padding:0}a{text-decoration:none}.goldman{font-family:goldman,cursive,sans-serif;font-family:Goldman}main{display:grid;grid-template-rows:auto minmax(100vh,auto)auto auto;grid-template-columns:1fr 4fr 1fr;grid-template-areas:'header header header' 'hero hero hero' '. content .' 'footer footer footer';position:relative;overflow:hidden}.page-content{padding:0 1rem;grid-area:content}.container{max-width:900px;margin:0 auto;padding:1rem 0;background-color:#192847}header{grid-area:header;position:fixed;box-sizing:border-box;top:0;left:0;width:100%;z-index:10;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#192847}header.visible{opacity:1}.header__title{font-size:2.5rem;margin:0;cursor:default;user-select:none}nav{display:flex;gap:2rem;margin:0;padding:0}nav ul{display:flex;margin:0;padding:0;list-style:none;gap:2rem}nav li{padding:0;margin:0}nav a{color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .3s ease}nav a:hover,nav a.active{color:orange}.hero{grid-area:hero;position:relative;min-height:100vh;overflow:hidden;text-align:center;margin:2em 0}.text--hero-title{display:inline-block;font-size:5rem;margin-bottom:0}p.hero-tag{font-family:goldman,cursive,sans-serif;font-size:1.5rem;margin-bottom:1em}.text--hero-title,.hero-tag{opacity:1}.button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,orange,pink);color:#192847;border-radius:1em;box-shadow:2px 2px #F2A06320,4px 4px #F2A06320;padding:.25em .75em;min-width:8ch;min-height:44px;text-align:center;line-height:1.1;transition:1s all ease-in-out}.button:hover,.button:active{background:linear-gradient(90deg,darkorange,pink)}&:focus{outline-style:solid;outline-color:transparent;box-shadow:0 0 0 4px darkorange}.duo-container{display:flex;justify-content:center;width:100%;position:relative;overflow:hidden}.duo-image{width:100%;max-width:1920px;height:auto;display:block}.duo-container::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,#192847 100%);pointer-events:none}.callout{opacity:0;transform:translateX(-20px);transition:opacity .8s ease,transform .8s ease;font-size:2rem;font-family:goldman,cursive,sans-serif}.c1{padding-top:3em;text-align:left;transition-delay:.2s}.c2{text-align:center;transition-delay:.6s}.c3{text-align:right;transition-delay:1s}.callout.visible{opacity:1}footer{grid-area:footer;display:flex;justify-content:center;text-align:center;padding:2rem 1rem}@keyframes fadeSlideUp{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.text--hero-title,.hero-tag{opacity:0;animation:fadeSlideUp 1s ease-out forwards}.text--hero-title{animation-delay:.2s}.hero-tag{animation-delay:.6s}}h1,h2,h3{font-family:goldman,cursive,sans-serif;color:#fff}.text--gradient{background:linear-gradient(90deg,orange,pink);text-shadow:2px 2px 0 #f2a06320,4px 4px 0 #f2a06320;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:900}page-content{font-family:sans-serif;line-height:1.7rem;text-align:left;font-size:1.1rem;color:#fff}@media(max-width:400px){.container{padding-left:.5rem;padding-right:.5rem}}