@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--bg:#f4efe3;--ink:#243b31;--rust:#a6442e;--line:#d6d5c6;--muted:#536257}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--rust);outline-offset:6px}header{height:102px;max-width:1370px;padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:2px;font-weight:700}.mark{font-size:38px;line-height:1;color:var(--rust)}nav{display:flex;align-items:center;gap:30px;font-size:13px}.small-button{border:1px solid var(--ink);border-radius:30px;padding:11px 23px}.hero{max-width:1370px;margin:auto;min-height:660px;padding:80px 6% 70px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.8;margin:0 0 25px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-2.4px;line-height:1.09;margin:0}h1{font-size:clamp(43px,4.8vw,70px)}em{font-weight:500;color:var(--rust)}.intro{font-size:17px;max-width:420px;line-height:1.8;margin:25px 0 30px;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:var(--bg);border-radius:30px;padding:17px 25px;font-size:13px;transition:background .2s}.button:hover{background:#3b5949}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block}.when{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:9px;letter-spacing:1px;font-weight:700;margin-top:50px}.dot{width:7px;height:7px;border-radius:100%;background:var(--rust);margin-right:3px}.divider{color:#a8ac9c;margin:0 3px}.hero-art{height:450px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#dbb18340,transparent 67%);border-radius:50%}.orbit{position:absolute;border:1px solid #b86b4560;border-radius:50%;width:95%;height:95%;transform:rotate(-25deg)}.o2{width:82%;height:86%;transform:rotate(22deg)}.o3{width:68%;height:78%;transform:rotate(56deg)}.o4{width:52%;height:69%;transform:rotate(-23deg)}.o5{width:43%;height:48%;transform:rotate(62deg)}.sun{width:166px;height:166px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:var(--rust);color:#f6e6cc;font-family:'Playfair Display',Georgia,serif;font-size:65px;box-shadow:0 0 0 10px var(--bg),0 0 0 11px #b86b4540}.sun span{font-family:'DM Sans',sans-serif;font-size:7px;letter-spacing:1.5px;margin-top:8px}.arc-label{position:absolute;top:12px;left:25%;font-size:9px;letter-spacing:2px;transform:rotate(-9deg)}.art-caption{position:absolute;bottom:20px;right:40px;font-size:9px;letter-spacing:1.3px;line-height:1.8;background:var(--bg);padding:10px}.ribbon{background:var(--rust);color:var(--bg);padding:19px 0;white-space:nowrap;overflow:hidden;font-size:12px;letter-spacing:2px;display:flex;gap:30px;justify-content:center}.ribbon span{font-size:17px}.section{padding:90px 6%;max-width:1370px;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}h2{font-size:clamp(38px,4vw,57px)}.story p{font-size:15px;line-height:1.9;color:var(--muted);max-width:440px}.story .large{font-family:'Playfair Display',Georgia,serif;font-size:27px;color:var(--ink);line-height:1.5;margin-top:0}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px;padding-top:28px;border-top:1px solid var(--line)}.notes span{font-size:11px;color:var(--rust)}h3{font-size:16px;font-weight:500;margin:15px 0 10px}.notes p{font-size:13px;line-height:1.8;color:var(--muted);max-width:270px}.watch{background:var(--ink);color:var(--bg);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.watch em{color:#e7a878}.watch-copy{max-width:400px}.watch-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#d1d8cd;margin:25px 0}.watch-copy .credit{font-size:10px!important;color:#b1bfb1!important}.video-wrap{justify-self:center;max-width:100%;width:320px}iframe{border:0;border-radius:8px;background:#17261e;display:block;max-width:100%}.fallback{display:flex;gap:12px;align-items:center;font-size:11px;line-height:1.5;margin-top:15px;color:#d1d8cd}.fallback img{width:32px;height:50px;object-fit:cover;border-radius:3px}.visit .button{margin-top:32px}.event-note{max-width:330px;font-size:11px;color:var(--muted);line-height:1.7;margin-top:18px}.visit-details{padding-left:40px;border-left:1px solid var(--line)}.visit-details>div{margin-bottom:27px}.visit-details span{font-size:10px;letter-spacing:2px;color:var(--rust);font-weight:700}.visit-details p{font-size:22px;margin:12px 0 7px}.visit-details small{font-size:13px;line-height:1.9;color:var(--muted)}.visit-details .text-link{display:table;margin:20px 0}footer{max-width:1370px;margin:auto;border-top:1px solid var(--line);padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}@media(max-width:760px){header{height:80px;padding:0 6%}.brand{font-size:11px;letter-spacing:1px}nav{gap:12px}nav>a:not(.small-button){display:none}.small-button{padding:9px 15px}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:40px;gap:35px}.hero-art{height:330px;max-width:380px;width:100%;margin:auto}.hero-copy .eyebrow{font-size:8px}h1{font-size:48px;letter-spacing:-2px}.intro{font-size:15px}.actions{gap:20px}.button{font-size:12px;padding:15px 20px}.when{font-size:8px;margin-top:30px;gap:5px}.section{padding:60px 7%}.split,.watch{grid-template-columns:1fr;gap:35px}.notes{grid-template-columns:1fr;gap:16px;margin-top:35px}.notes>div{display:grid;grid-template-columns:35px 1fr;gap:0 10px}.notes h3{margin-top:0}.notes p{grid-column:2;margin-top:0;max-width:none}.notes span{padding-top:3px}.visit-details{padding-left:0;border:0;border-top:1px solid var(--line);padding-top:30px}footer{flex-wrap:wrap;gap:10px}footer p{display:none}h2{letter-spacing:-1.5px;font-size:42px}.watch-copy{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Electric surf / percussion poster */

:root{--bg:#fff748;--ink:#14183c;--rust:#f02b96;--line:#14183c;--muted:#282d50}body{overflow-x:clip;background:#fff748}header{max-width:none;background:#18e2dc;border-bottom:3px solid var(--ink);position:relative;z-index:2}.brand{font-weight:900}.mark{color:var(--ink)}nav{font-weight:700}.small-button{background:#ff51a9;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:4px;transform:rotate(-3deg)}.hero{max-width:none;min-height:730px;background:radial-gradient(circle at 2px 2px,#14183c14 1px,transparent 1.5px) 0 0/14px 14px;position:relative;padding-bottom:100px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:900}h1,h2{font-family:'Archivo Black','Arial Black',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-3px;line-height:1.01}h1{font-size:clamp(48px,5.4vw,82px)}h1 em{display:inline-block;background:var(--rust);color:#fff7dc;font-style:normal;transform:rotate(-5deg);padding:0 12px 9px;margin:10px -12px;text-shadow:3px 3px 0 var(--ink);box-shadow:7px 7px 0 var(--ink)}.intro{font-weight:500;max-width:430px}.button{background:#14183c;color:white;border:2px solid #14183c;border-radius:4px;box-shadow:5px 5px 0 #f02b96;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{background:#14183c;transform:translate(-3px,-3px) rotate(-2deg);box-shadow:9px 9px 0 #f02b96}.text-link{font-weight:800}.when{background:#18e2dc;border:2px solid var(--ink);padding:15px;display:inline-flex;box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg);font-size:10px}.divider{color:var(--ink)}.hero-art{border-radius:0;overflow:visible;background:none;height:460px;transform:rotate(7deg)}.orbit{width:85%;height:85%;border:5px solid var(--ink);background:#ff7c24;border-radius:45% 55% 40% 60%;box-shadow:12px 12px 0 var(--ink)}.o2{background:#f02b96;width:72%;height:72%;border-radius:50%;transform:rotate(0)}.o3{background:repeating-conic-gradient(#14183c 0deg 10deg,#fff748 10deg 20deg);width:59%;height:59%;border-radius:50%;box-shadow:none;animation:spin 65s linear infinite}.o4{width:43%;height:43%;background:#18e2dc;border-radius:50%;box-shadow:none}.o5{width:106%;height:30%;border:5px solid #14183c;background:transparent;transform:rotate(-28deg);border-radius:50%;box-shadow:none;z-index:2;pointer-events:none}.sun{position:relative;z-index:3;background:#18e2dc;color:#14183c;box-shadow:none;font-family:'Arial Black',sans-serif;font-weight:900;font-size:72px;width:160px;height:160px;border:4px solid #14183c;transform:rotate(-12deg);animation:bob 5s ease-in-out infinite}.sun span{font-size:8px;font-weight:900;letter-spacing:.8px}.arc-label{top:-12px;left:10%;background:#14183c;color:#fff748;padding:14px;transform:rotate(-12deg);z-index:4;font-size:10px;font-weight:800}.art-caption{bottom:-4px;right:-8px;background:#f02b96;color:#fff;border:3px solid #14183c;box-shadow:6px 6px 0 #14183c;transform:rotate(-14deg);font-size:12px;font-weight:900;z-index:4;padding:15px}.ribbon{position:relative;z-index:3;background:#14183c;color:#18e2dc;transform:rotate(-2deg) scale(1.03);padding:24px 0;font-size:14px;font-weight:900;border-top:5px solid #f02b96;border-bottom:5px solid #f02b96}.ribbon span{color:#fff748}.circle{max-width:none;background:#18e2dc;padding-top:105px;padding-bottom:110px;position:relative}.circle:after{content:'';position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(135deg,#14183c 25%,transparent 25%) -10px 0/40px 40px,linear-gradient(225deg,#14183c 25%,transparent 25%) -10px 0/40px 40px}.circle em{font-style:normal;color:#14183c;text-decoration:underline;text-decoration-color:#f02b96;text-decoration-thickness:10px;text-underline-offset:5px}.story .large{font-family:'Arial Black',sans-serif;font-weight:900;font-size:26px}.notes{gap:30px;border:0}.notes>div{background:#fff748;border:3px solid var(--ink);padding:24px;box-shadow:7px 7px 0 var(--ink);transform:rotate(-2deg)}.notes>div:nth-child(2){background:#ffb0d4;transform:rotate(2deg)}.notes>div:nth-child(3){background:#fff9ea;transform:rotate(-1deg)}.notes span{font-weight:900;color:var(--ink)}h3{font-weight:900;font-size:20px}.notes p{color:#282d50}.watch{max-width:none;background:#14183c;position:relative;isolation:isolate}.watch:before{content:'';position:absolute;inset:0;opacity:.07;background:repeating-linear-gradient(45deg,transparent 0 25px,#18e2dc 25px 28px);z-index:-1}.watch h2{color:#fff9ea}.watch em{color:#fff748;font-style:normal}.watch .eyebrow{color:#18e2dc}.video-wrap{transform:rotate(3deg);padding:12px;background:#f02b96;border:3px solid #fff748;box-shadow:16px 16px 0 #18e2dc;width:350px}.video-wrap iframe{border-radius:0;width:320px}.fallback{color:#14183c;font-weight:800}.visit{max-width:none;background:#ff74b9;border-top:12px solid #fff748}.visit em{color:#14183c;font-style:normal;text-decoration:underline;text-decoration-color:#fff748;text-underline-offset:4px}.visit-details{border:3px solid #14183c;background:#fff748;padding:30px;box-shadow:10px 10px 0 #14183c;transform:rotate(2deg)}.visit-details span{color:#14183c}.event-note{color:#14183c}.visit-details p{font-weight:800}footer{max-width:none;background:#18e2dc;border-top:3px solid #14183c}footer p,footer>a:last-child{color:#14183c}.burst-trigger{margin-top:24px;padding:12px 18px;border:2px solid #14183c;background:#fff748;color:#14183c;font:900 12px 'DM Sans',sans-serif;box-shadow:4px 4px 0 #14183c;cursor:pointer;transform:rotate(-4deg)}.burst-trigger:hover{background:#18e2dc}.confetti{position:fixed;width:12px;height:20px;z-index:100;pointer-events:none;animation:burst 950ms ease-out forwards}a:focus-visible,button:focus-visible{outline:4px solid #6114e4;outline-offset:5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-12px) rotate(-6deg)}}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) rotate(540deg);opacity:0}}@media(max-width:760px){.hero{padding-top:50px;min-height:auto;padding-bottom:70px}.hero-art{width:85%;height:330px;margin-top:20px}.hero h1{font-size:48px;letter-spacing:-2px}.arc-label{font-size:8px;top:0}.art-caption{font-size:9px;bottom:0;right:-20px}.sun{width:120px;height:120px;font-size:52px}.sun span{font-size:6px}.when{font-size:8px}.notes>div{padding:22px;display:block}.notes span{display:block;margin-bottom:12px}.watch{padding-bottom:80px}.video-wrap{max-width:95%;width:340px}.video-wrap iframe{width:100%}.section h2{font-size:40px;letter-spacing:-1.5px}.visit-details{padding:25px}.circle{padding-top:65px}.hero .actions{flex-wrap:wrap}.o5{width:110%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.confetti{display:none}}

.logo-art{transform:rotate(4deg);height:auto;min-height:430px;animation:logo-float 7s ease-in-out infinite}.event-logo{display:block;width:100%;max-width:520px;height:auto;filter:drop-shadow(9px 14px 0 #14183c33)}.nav-logo{width:62px;height:62px;object-fit:contain}@keyframes logo-float{50%{transform:translateY(-9px) rotate(1deg)}}@media(max-width:760px){.logo-art{min-height:0;width:100%;max-width:350px}.nav-logo{width:48px;height:48px}}
/* Rooted Rhythm logo palette */
:root{--bg:#0062ca;--ink:#07132d;--rust:#ff19a0;--muted:#243554}header{background:#005bbb;color:white;border-color:#07132d}.brand{letter-spacing:1px}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#00bee4 0,transparent 50%),#005bbb;color:white;padding-top:55px;padding-bottom:130px}.hero .eyebrow{color:#fff200}.hero .intro{color:#edfaff}.hero h1{font-size:clamp(48px,5.2vw,78px)}.hero h1 em{background:#ff19a0;color:#fff;text-shadow:3px 3px 0 #07132d}.hero .when{background:#fff200;color:#07132d}.hero .text-link{color:white}.logo-art{z-index:1;min-height:460px;max-width:560px;justify-self:center;width:100%;animation:logo-float 6s ease-in-out infinite}.event-logo{max-width:550px;filter:drop-shadow(0 16px 18px #001d5380)}.hero-copy{z-index:2}.hero-copy>.eyebrow{animation:slide-up .7s both}.hero h1{animation:slide-up .9s .1s both}.hero .intro,.hero .actions{animation:slide-up .9s .25s both}.surf-waves{position:absolute;bottom:-2px;left:-10%;width:120%;height:125px;z-index:0;pointer-events:none}.surf-waves svg{width:200%;height:100%;position:absolute;left:0;bottom:0;animation:wave-roll 13s linear infinite}.surf-waves svg:nth-child(2){animation-duration:19s;animation-direction:reverse;bottom:-24px;opacity:.9}.surf-waves svg:nth-child(3){animation-duration:25s;bottom:-49px}.ribbon{transform:rotate(-1deg) scale(1.03);background:#07132d;color:#fff200;border-color:#ff19a0;gap:0;padding:21px 0}.ribbon-track{display:flex;gap:30px;flex-shrink:0;align-items:center;animation:marquee 34s linear infinite;white-space:nowrap;padding-right:30px}.ribbon:hover .ribbon-track{animation-play-state:paused}.circle{background:#06dbe2;color:#07132d}.circle .story p{color:#12334d}.notes>div{background:#fff200}.notes>div:nth-child(2){background:#ff6bbf}.notes>div:nth-child(3){background:#efffff}.notes>div{transition:transform .25s,box-shadow .25s}.notes>div:hover{transform:translateY(-8px) rotate(0);box-shadow:10px 14px 0 #07132d}.watch{background:#003f95}.watch:before{opacity:.12}.watch .eyebrow{color:#03edf2}.watch .text-link{color:white}.watch-copy>p:not(.eyebrow){color:#e2f5ff}.visit{background:#fff200;color:#07132d;border-color:#ff19a0}.visit em{text-decoration-color:#ff19a0}.visit-details{background:#0062ca;color:white;border-color:#07132d}.visit-details span{color:#fff200}.visit-details small{color:#e6f6ff}.visit-details .text-link{color:white}footer{background:#005bbb;color:white}footer p,footer>a:last-child{color:#e9faff}.burst-trigger{background:#ff19a0;color:white;display:block;margin-top:25px;transition:transform .2s}.burst-trigger:hover{background:#ff19a0;transform:rotate(2deg) scale(1.05)}.motion-toggle{position:fixed;bottom:17px;right:17px;z-index:30;border:2px solid #07132d;background:white;color:#07132d;padding:10px 14px;border-radius:30px;font:700 11px 'DM Sans',sans-serif;box-shadow:3px 3px 0 #07132d;cursor:pointer}.reveal-ready{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}@keyframes slide-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes wave-roll{to{transform:translateX(-50%)}}@keyframes marquee{to{transform:translateX(-100%)}}@media(max-width:760px){.hero{padding-top:45px;padding-bottom:110px}.logo-art{min-height:0;max-width:350px;width:94%;margin:10px auto 0}.hero h1{font-size:48px}.surf-waves{height:90px}.motion-toggle{bottom:10px;right:10px;padding:9px 11px}.nav-logo{width:50px;height:50px}header .brand{font-size:10px}}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.surf-waves svg,.ribbon-track,.logo-art{animation:none!important}}

.live-clips{display:block}.clip-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:50px;margin-bottom:40px}.clip-heading>p{max-width:350px;color:#e6f6ff;line-height:1.8}.clips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.clip-card{background:#07132d;border:3px solid #00e1e9;padding:10px;box-shadow:7px 7px 0 #ff19a0;overflow:hidden}.clip-card:nth-child(even){border-color:#fff200;box-shadow:7px 7px 0 #00e1e9}.clip-card video{width:100%;height:350px;object-fit:contain;background:#020a1a;display:block}.clip-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 5px 8px;color:white;font-size:10px}.clip-label span{letter-spacing:1.5px;color:#00e1e9}.clip-label a{text-decoration:underline;text-underline-offset:4px}.clip-footnote{font-size:11px;color:#d5efff;margin-top:30px}@media(max-width:760px){.clip-heading,.clips-grid{grid-template-columns:1fr;gap:24px}.clip-card video{height:300px}.clip-heading{margin-bottom:25px}}
