*{box-sizing:border-box;font-family:Anuphan,sans-serif}a{text-decoration:none}a,a:visited{color:#fff}.spacer{background-color:#000;height:13vh}h1{font-size:1.5rem;margin-bottom:1rem}h2{font-size:1.2rem}.hero-section-desktop{display:none}.hero-section-mobile{height:30vh;position:relative}.hero-section-mobile img{max-height:30vh;object-fit:cover}.hero-filter{background-color:rgba(0,0,0,.4);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;position:absolute;text-shadow:0 0 3px grey;top:0;width:100%}.splash-grid{display:grid}.three-component{background-color:#000;border-bottom:2px solid #d3d3d3;display:flex;height:20vh;padding:.5rem 0}.watch{border-right:2px solid #2aff01}.read{border-right:2px solid #f0f}.listen{border-right:2px solid #ff0}.last-component{border:none}.component-logo,.component-logo img{max-height:100%}.component-right{color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;padding:1rem;width:100%}.right-caption{text-align:right}.prompt{align-items:center;display:flex;justify-content:flex-end}.prompt p{margin-right:1rem}@media screen and (min-width:600px){.splash-container{box-shadow:0 0 5px #000;margin:1rem auto;width:90%}.hero-section-mobile img{height:25vh;object-fit:cover;width:100%}}@media screen and (min-width:760px){*{font-size:1.2rem}}@media screen and (min-width:850px){*{font-size:1.4rem}}@media screen and (min-width:1000px){.splash-container{display:flex;margin:10vh auto;margin-top:17vh!important;width:75vw}.hero-section-mobile{display:none}.hero-section-desktop{display:block;height:60vh;margin:0;width:50%}.hero-desktop-top{height:30vh;position:relative;width:100%}.hero-desktop-top img{max-height:30vh;object-fit:cover}.hero-desktop-bottom{align-items:center;background-color:#e45212;display:flex;height:30vh;padding:1rem}.hero-filter p{margin:0}.hero-desktop-bottom h1{color:#fff;font-size:1.4rem}component-right{justify-content:space-between}.splash-grid{margin:0;width:50%}.three-component{height:20vh}.three-component *{font-size:.7rem}}@media screen and (min-width:1200px){.hero-desktop-bottom *{font-size:1.7rem!important}}@media screen and (min-width:1400px){.three-component *{font-size:1rem}}@media screen and (min-width:1920px){.splash-container{width:75vw}.hero-desktop-bottom *{font-size:2.5rem!important}}@media screen and (min-width:2400px){.splash-container{width:60vw}.hero-desktop-bottom *{font-size:2.3rem!important}}