:root{--gold:#ffba4a;--purple-60:#9f4ef2;--purple-80:#4a0080;--bg-light:#faf8f9;--text-dark:#322f33;--text-secondary:#948f94;--white-text-secondary:rgba(255,255,255,0.75);--text-top-margin:75%}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font-rubik),"Rubik",sans-serif;background:black;color:white;overflow:hidden}header{display:none}a{text-decoration:none;display:block}.btn{background-image:linear-gradient(-45deg,var(--gold),#ffd04a);border:1px solid #ffde4a;border-radius:9999px;width:100%;padding:.875rem;font-size:1rem;font-weight:500;color:var(--text-dark);cursor:pointer}.page{height:100%;flex-direction:column}.main,.page{display:flex}.main{position:relative;height:100vh}.content,.cta,.info{position:absolute;left:0;width:100%;padding:1rem}.info{color:white;top:0;text-align:left;z-index:10;filter:drop-shadow(0 0 4px RGBA(0,0,0,.5))}.secondary-text{color:var(--white-text-secondary)}.info h1{font-size:1.2rem;line-height:1.3rem;font-weight:500}.info .creator{display:flex;align-items:center;gap:.25rem;margin:.5rem}.creator img{width:32px;height:32px;border-radius:50%}.name-and-handle{display:flex;align-items:flex-start;flex-direction:column}.creator-name{font-size:1rem}.creator-handle,.creator-name{font-weight:400;line-height:1rem}.creator-handle{font-size:.8rem}.content{top:0;height:calc(100vh - 112px);display:flex;justify-content:center;padding:0}.video-container{position:relative;max-height:100%;aspect-ratio:4/7;overflow:hidden;background-color:black}video{width:100%;height:100%;object-fit:cover}.text-overlay{position:absolute;top:70%;left:50%;transform:translateX(-50%);z-index:10;width:90%;max-width:400px}.overlay{left:0;right:0;justify-content:space-between;padding:.75rem 1rem;pointer-events:none}.actions,.overlay{position:absolute;top:0;bottom:0;display:flex}.actions{right:.875rem;gap:1rem;pointer-events:auto;z-index:10}.actions,.actions button{flex-direction:column;justify-content:center}.actions button{border:none;width:40px;font-size:.875rem;cursor:pointer;background-color:RGBA(255,255,255,0);filter:drop-shadow(0 0 12px black);filter:drop-shadow(0 0 4px black);display:flex;align-items:center}.button-text{color:white;font-size:1 rem;font-weight:400;line-height:100%;text-align:center;margin-top:0}.small-screen{position:fixed;text-align:center;bottom:0;left:0;right:0;z-index:10;background:var(--bg-light);display:flex;flex-direction:column;padding:1rem 1rem 2rem;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.cta p{color:var(--purple-80);margin-bottom:1rem}.cta a{display:block}.mobile-cta-logo{height:40px;margin-bottom:12px}.large-screen,.mid-screen,.modal{display:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:999}.modal-content{background:white;padding:3.5rem 2rem 2rem;border-radius:1rem;text-align:center;position:relative;max-width:90%;width:320px;box-shadow:0 0 10px rgba(0,0,0,.1)}.close-btn{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.modal p{color:var(--purple-80);font-size:1rem;font-weight:400;margin-bottom:1rem}.mascot-badge{width:100%;object-fit:contain;height:120px;position:absolute;left:0;right:0;top:-80px}@media (min-width:768px){body,html{height:100%;font-family:Rubik,sans-serif;background:var(--bg-light);color:var(--text-dark);overflow:scroll}.logo{height:36px;width:auto}.main{display:flex;flex-direction:column;position:relative;height:auto}.body-width{max-width:800px;margin:0 auto}.text-overlay{top:var(--text-top-margin)}.secondary-text{color:var(--text-secondary)}header{width:100%;z-index:100;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:2px solid #ebe8ea;padding:.5rem 1rem}.info{filter:none;color:var(--text-dark);text-align:center}.info h1{font-size:1.5rem;line-height:1.75rem;font-weight:500}.info .creator{justify-content:center;margin-top:1rem}.cta,.info{position:static}.content{height:auto;max-width:420px;margin:0 auto;position:relative}.video-container{border-radius:1.5rem}.large-screen,.small-screen{display:none}.mid-screen{display:block}.cta{text-align:center;margin:0 auto;max-width:420px}.cta p{font-size:1.2rem;font-weight:500;margin-top:.5rem}.footer{padding:1.5rem 0}.footer a{font-size:.875rem}.footer a,.secondary-btn{color:var(--text-secondary)}.secondary-btn{font-size:1rem;font-weight:400;padding:.75rem 1rem}.btn:hover,.hover-element:hover,.secondary-btn:hover{opacity:.8}}@media (min-width:1200px){.main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;margin:0 auto}.body-width{max-width:1080px}.logo{height:48px}.info{grid-column:1/2;text-align:left;height:100%}.info .creator{justify-content:flex-start}.content{grid-column:2/3;max-height:calc(100vh - 50px - 3rem);margin:1rem 0}video{max-width:100%;max-height:100%;object-fit:contain}.large-screen{display:block}.cta{grid-column:3/4;align-self:end}.store-badges{display:flex;flex-direction:row;gap:.5rem;justify-content:center}.individual-badge{height:44px;max-width:180px}.mid-screen,.small-screen{display:none}}.slideshow-container{position:relative;width:100%;height:100%;background-color:black;cursor:pointer;overflow:hidden}.slide{position:relative;flex-direction:column}.image-container,.slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slide-image{width:100%;height:100%;object-fit:cover}.display-name-box{position:absolute;top:-20px;left:30px;background-color:white;width:fit-content;padding:.5rem}.display-name-box,.text-box{color:var(--text-dark);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);text-align:center;font-size:1rem;line-height:1.4;font-weight:400}.text-box{background-color:rgba(255,255,255,.85);padding:2rem 1rem}.slide-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.indicator{width:8px;height:8px;border-radius:50%;background-color:rgba(255,255,255,.5);cursor:pointer;transition:background-color .3s ease}.indicator.active{background-color:white}.indicator:hover{background-color:rgba(255,255,255,.8)}