:root{--color-menu-overlay: #171310;--color-menu-text: #f3e9d8;--color-accent: #ff5a1e;--color-divider: rgba(243, 233, 216, .28)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:url(/c/rejoice-menu/hero.jpg) no-repeat 50% 50%;background-size:cover;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:var(--color-menu-text)}i{position:relative;top:1px}.container{position:relative;width:100%;height:100%}nav{position:fixed;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.75em 2em;color:#fff;z-index:0}.logo,.menu-logo{font-weight:800;font-size:20px;letter-spacing:.32em;text-indent:.32em}.website-content{position:absolute;top:0;width:100%;margin-top:10em;padding:8em 2em;color:#f3e9d8;background:linear-gradient(180deg,#0f0b099e,#0f0b09d1);z-index:0}.website-content .eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1.1em}.website-content h1{font-size:clamp(40px,6vw,76px);font-weight:700;line-height:1.02;letter-spacing:-.02em;margin-bottom:.4em}.website-content h1:not(:first-of-type){margin-top:1.6em}.website-content p{font-size:20px;font-weight:400;line-height:1.6;max-width:46ch;color:#f3e9d8db}.menu-open-btn{cursor:pointer;font-weight:600;letter-spacing:.04em}.menu-open-btn:before{content:"— ";color:var(--color-accent)}h1.header{position:absolute;bottom:0;margin:.25em;font-weight:400;color:#fff;font-size:140px;line-height:1}.menu-overlay{position:fixed;top:0;width:100%;height:100vh;min-height:100dvh;padding:2em;display:flex;flex-direction:column;background:var(--color-menu-overlay);pointer-events:none;clip-path:polygon(0 0,100% 0,100% 0,0 0);z-index:1000!important}.menu-close-btn{cursor:pointer;font-weight:600;letter-spacing:.04em}.menu-close-btn:before{content:"— ";color:var(--color-accent)}.menu-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em;color:var(--color-menu-text)}.menu-cols{display:flex;flex:1;align-items:center}.menu-cols>div{flex:1;padding:1em 0}.video{width:100%;max-width:640px;cursor:pointer}.video-preview{position:relative;width:100%;height:0px;overflow:hidden;background:url(/c/rejoice-menu/showreel-thumbnail.jpg) no-repeat 50% 50%;background-size:cover;border-radius:4px;transition:filter .3s ease}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#1713108c;border:1px solid rgba(243,233,216,.55);backdrop-filter:blur(2px);color:var(--color-menu-text);transition:transform .3s ease,background .3s ease,border-color .3s ease}.video-play i{top:0;font-size:26px;margin-left:3px}.video:hover .video-preview{filter:brightness(1.08)}.video:hover .video-play{transform:translate(-50%,-50%) scale(1.08);background:var(--color-accent);border-color:var(--color-accent);color:#fff}.video-details{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75em 0;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-menu-text)}.video-details i{color:var(--color-accent);font-size:18px;margin-right:.2em}.video-details p:first-child{display:flex;align-items:center}.menu-link{position:relative;width:max-content}.menu-link a{font-size:clamp(34px,4.4vw,52px);font-weight:500;letter-spacing:-.02em;line-height:1.28}.menu-link:after{content:"";position:absolute;top:100%;left:0;width:0;height:2px;background:var(--color-accent);transition:.3s all}.menu-link:hover.menu-link:after{width:100%}.btn{position:relative;margin:2em 0;border:1px solid var(--color-menu-text);width:max-content;padding:1.15em 2.6em;border-radius:100px;overflow:hidden;cursor:pointer;transition:border-color .3s}.btn a{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--color-accent);transition:.3s all;z-index:-1}.btn:hover{border-color:var(--color-accent)}.btn:hover a{color:#fff}.btn:hover.btn:before{width:100%}.menu-footer{display:flex;flex-direction:column;color:var(--color-menu-text)}.menu-divider{width:0%;height:1px;background:var(--color-divider);margin:1em 0}.menu-footer-copy{display:flex;justify-content:space-between;align-items:center;gap:1.5em}.slogan p{font-size:15px;font-weight:500;color:#f3e9d8bf}.socials{display:flex;gap:1.5em;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.socials a{transition:color .25s}.socials a:hover{color:var(--color-accent)}@media(max-width:900px){.menu-cols{display:block}.video-preview{height:125px}.menu-link a{font-size:30px}h1.header{font-size:40px}}@media(max-width:768px){nav,.menu-overlay{padding:1.5em 1.25em}.website-content{margin-top:7em;padding:4em 1.25em}.website-content .eyebrow{font-size:12px;margin-bottom:.9em}.website-content p{font-size:16px;max-width:100%}.logo,.menu-logo{font-size:17px;letter-spacing:.24em;text-indent:.24em}.menu-cols>div{padding:.5em 0}.video{max-width:420px}.menu-link a{font-size:30px;line-height:1.36}.btn{margin:1.5em 0;padding:1.05em 2.2em}.menu-footer-copy{flex-direction:column;align-items:flex-start;gap:.9em}.socials{flex-wrap:wrap;gap:1.1em}}