.OffbeatLanding-module___3_OUG__page{--gutter:clamp(16px, 4vw, 56px);--radius:8px;--mono:var(--font-plex-mono), var(--font-jetbrains-mono), ui-monospace, monospace;--ease-out:cubic-bezier(.2, .8, .2, 1);background:var(--palette-bg);min-height:100vh;color:var(--palette-text);font-family:var(--font-space-grotesk), system-ui, sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip;container:landing/inline-size}.OffbeatLanding-module___3_OUG__page :where(h1,h2,h3){margin:0;font-family:inherit}.OffbeatLanding-module___3_OUG__page :where(a,button):focus-visible{outline:3px solid var(--palette-accent-text);outline-offset:3px;border-radius:4px}.OffbeatLanding-module___3_OUG__skip{z-index:100;background:var(--palette-accent);color:var(--palette-ink);border-radius:var(--radius);padding:12px 16px;font-weight:700;position:absolute;top:12px;left:12px;transform:translateY(calc(-100% - 16px))}.OffbeatLanding-module___3_OUG__skip:focus{transform:translateY(0)}.OffbeatLanding-module___3_OUG__kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--palette-muted);margin:0 0 14px;font-size:.75rem;font-weight:500}.OffbeatLanding-module___3_OUG__primary,.OffbeatLanding-module___3_OUG__secondary{letter-spacing:-.01em;border-radius:var(--radius);cursor:pointer;min-height:48px;transition:background-color .16s ease, border-color .16s ease, transform .16s var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.OffbeatLanding-module___3_OUG__primary{background:var(--palette-accent);color:var(--palette-ink);border:0}.OffbeatLanding-module___3_OUG__primary:hover{background:var(--palette-accent-hover)}.OffbeatLanding-module___3_OUG__primary:active{transform:translateY(1px)}.OffbeatLanding-module___3_OUG__primary svg,.OffbeatLanding-module___3_OUG__secondary svg{width:18px;height:18px;transition:transform .2s var(--ease-out)}.OffbeatLanding-module___3_OUG__primary:hover svg{transform:translate(3px)}.OffbeatLanding-module___3_OUG__secondary{color:var(--palette-text);border:2px solid var(--palette-text);background:0 0}.OffbeatLanding-module___3_OUG__secondary:hover{background:color-mix(in srgb, var(--palette-text) 8%, transparent)}.OffbeatLanding-module___3_OUG__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.OffbeatLanding-module___3_OUG__sectionHead{max-width:720px;margin-bottom:clamp(28px,4vw,48px)}.OffbeatLanding-module___3_OUG__sectionHead h2,.OffbeatLanding-module___3_OUG__spark h2,.OffbeatLanding-module___3_OUG__membership h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:.95}.OffbeatLanding-module___3_OUG__sectionHead>p:last-child:not(.OffbeatLanding-module___3_OUG__kicker){max-width:60ch;color:var(--palette-body);margin:16px 0 0;font-size:1.0625rem;line-height:1.6}.OffbeatLanding-module___3_OUG__header{z-index:40;min-height:72px;padding:10px var(--gutter);background:color-mix(in srgb, var(--palette-bg) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--palette-border);align-items:center;gap:clamp(10px,2vw,28px);display:flex;position:sticky;top:0}.OffbeatLanding-module___3_OUG__wordmark{letter-spacing:-.05em;color:var(--palette-text);margin-right:8px;font-size:1.5rem;font-weight:700;text-decoration:none}.OffbeatLanding-module___3_OUG__nav{gap:clamp(14px,2vw,28px);display:flex}.OffbeatLanding-module___3_OUG__nav a{color:var(--palette-text);padding:12px 0;font-size:.9375rem;font-weight:600;text-decoration:none;position:relative}.OffbeatLanding-module___3_OUG__nav a:after{content:"";background:var(--palette-accent);transform-origin:0;height:2px;transition:transform .22s var(--ease-out);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.OffbeatLanding-module___3_OUG__nav a:hover:after{transform:scaleX(1)}.OffbeatLanding-module___3_OUG__navOnlyMobile{display:none}.OffbeatLanding-module___3_OUG__tagline{border-left:1px solid var(--palette-border);color:var(--palette-body);margin:0 0 0 auto;padding-left:18px;font-size:.8125rem;line-height:1.3}.OffbeatLanding-module___3_OUG__themeControls{margin-left:0}.OffbeatLanding-module___3_OUG__signIn{color:var(--palette-text);padding:12px 4px;font-weight:600;text-decoration:none}.OffbeatLanding-module___3_OUG__signIn:hover{text-underline-offset:4px;text-decoration:underline}.OffbeatLanding-module___3_OUG__headerCta{border-radius:999px;min-height:44px;padding:0 18px;font-size:.9375rem}.OffbeatLanding-module___3_OUG__menuToggle{border:1px solid var(--palette-border);border-radius:var(--radius);background:var(--palette-surface);width:44px;height:44px;color:var(--palette-text);cursor:pointer;justify-content:center;align-items:center;display:none}.OffbeatLanding-module___3_OUG__menuToggle svg{width:22px;height:22px}.OffbeatLanding-module___3_OUG__hero{--mx:0;--my:0;--scroll:0;isolation:isolate;background:linear-gradient(90deg, var(--palette-project) 0 57%, var(--palette-direction) 57% 100%);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:clamp(660px,100svh - 72px,920px);display:grid;position:relative;overflow:hidden}.OffbeatLanding-module___3_OUG__layer{will-change:transform;transform:translate3d(calc(var(--mx) * var(--d,0) * 26px), calc(var(--my) * var(--d,0) * 20px - var(--scroll) * var(--sd,0) * 1px), 0) rotate(calc(var(--mx) * var(--r,0) * 1deg + var(--rot,0deg)))}.OffbeatLanding-module___3_OUG__heroCopy{z-index:3;padding:clamp(36px, 6vw, 80px) var(--gutter) 24px;flex-direction:column;justify-content:center;display:flex;position:relative}.OffbeatLanding-module___3_OUG__headline{letter-spacing:-.06em;color:var(--palette-text);flex-direction:column;font-size:clamp(3.1rem,7.2vw,7.4rem);font-weight:700;line-height:.9;display:flex}.OffbeatLanding-module___3_OUG__headlineLine{white-space:nowrap;display:block}.OffbeatLanding-module___3_OUG__word{transform:translate3d(calc(var(--px,0px) + var(--mx) * 7px), calc(var(--py,0px) + var(--my) * 5px), 0);will-change:transform;display:inline-block}.OffbeatLanding-module___3_OUG__wordInner{display:inline-block}.OffbeatLanding-module___3_OUG__heroDescription{max-width:34rem;color:var(--palette-body);margin:26px 0 0;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.5}.OffbeatLanding-module___3_OUG__collage{z-index:2;min-height:520px;position:relative}.OffbeatLanding-module___3_OUG__photo{aspect-ratio:3/4;clip-path:polygon(2% 1%,12% 0,24% 2%,38% 0,51% 2%,66% 0,79% 2%,92% 0,100% 3%,98% 15%,100% 29%,98% 44%,100% 58%,98% 72%,100% 86%,98% 100%,84% 98%,70% 100%,55% 98%,41% 100%,27% 98%,13% 100%,0 97%,2% 83%,0 68%,2% 53%,0 38%,2% 24%,0 10%);--rot:2deg;background:#f4f1e8;width:58%;padding:10px;position:absolute;top:9%;right:9%;box-shadow:0 30px 50px #00000040}.OffbeatLanding-module___3_OUG__photo>span,.OffbeatLanding-module___3_OUG__chip>span{width:100%;height:100%;display:block;position:relative;overflow:hidden}.OffbeatLanding-module___3_OUG__photoImage{object-fit:cover;object-position:79% 30%;filter:grayscale()contrast(1.18)brightness(1.55)}.OffbeatLanding-module___3_OUG__cityImage{object-position:36% 40%}.OffbeatLanding-module___3_OUG__cutout{z-index:1;filter:drop-shadow(0 24px 30px #0000004d);--rot:-2deg;width:52%;position:absolute;bottom:0;right:6%}.OffbeatLanding-module___3_OUG__cutout img{width:100%;height:auto;display:block}.OffbeatLanding-module___3_OUG__chip{aspect-ratio:4/3;--rot:-7deg;background:#f4f1e8;width:32%;padding:7px 7px 22px;position:absolute;bottom:22%;left:4%;box-shadow:0 18px 30px #00000038}.OffbeatLanding-module___3_OUG__chip img{object-position:50% 60%;filter:grayscale(.85)contrast(1.1)brightness(1.15)}.OffbeatLanding-module___3_OUG__asterisk{z-index:2;aspect-ratio:1;filter:drop-shadow(0 22px 22px #00000047);--rot:-12deg;width:38%;position:absolute;top:4%;left:2%}.OffbeatLanding-module___3_OUG__asteriskSvg{width:100%;height:100%;display:block}.OffbeatLanding-module___3_OUG__halfDisc{z-index:2;aspect-ratio:2;background:linear-gradient(160deg, color-mix(in srgb, var(--palette-accent) 85%, white), var(--palette-accent) 45%, color-mix(in srgb, var(--palette-accent) 70%, black));--rot:-10deg;border-radius:999px 999px 0 0;width:26%;position:absolute;bottom:13%;left:30%;box-shadow:0 16px 24px #0003}.OffbeatLanding-module___3_OUG__bang{--rot:9deg;flex-direction:column;align-items:center;gap:8%;width:8%;height:34%;display:flex;position:absolute;top:3%;right:3%}.OffbeatLanding-module___3_OUG__bang span:first-child{background:var(--palette-text);clip-path:polygon(0 0,100% 0,70% 100%,30% 100%);border-radius:6px;flex:1;width:100%}.OffbeatLanding-module___3_OUG__bang span:last-child{aspect-ratio:1;background:var(--palette-text);border-radius:50%;width:70%}.OffbeatLanding-module___3_OUG__note{z-index:2;background:var(--palette-surface);width:min(44%,220px);color:var(--palette-text);font-family:var(--font-instrument-serif), Georgia, serif;--rot:-7deg;padding:18px 18px 22px;font-size:clamp(1.25rem,1.9vw,1.75rem);font-style:italic;line-height:1.05;position:absolute;bottom:23%;right:2%;box-shadow:0 18px 30px #0003}.OffbeatLanding-module___3_OUG__ring{z-index:-1;aspect-ratio:1;border:2px dashed color-mix(in srgb, var(--palette-text) 22%, transparent);border-radius:50%;width:70%;position:absolute;top:18%;left:18%}.OffbeatLanding-module___3_OUG__monoStack{right:var(--gutter);z-index:4;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--palette-text);background:var(--palette-surface);margin:0;padding:8px 6px 8px 12px;font-size:.75rem;line-height:1.5;list-style:none;position:absolute;bottom:2%;rotate:3deg;box-shadow:0 10px 18px #0000002e}.OffbeatLanding-module___3_OUG__giantMark{z-index:1;padding-left:calc(var(--gutter) * .4);letter-spacing:-.065em;color:var(--palette-accent);transform:translateX(calc(var(--scroll) * -.18px));pointer-events:none;-webkit-user-select:none;user-select:none;grid-column:1/-1;margin:0 0 -.2em;font-size:clamp(5.5rem,21vw,22rem);font-weight:700;line-height:.82;display:flex;position:relative}.OffbeatLanding-module___3_OUG__giantMark span{transform:translateY(calc(var(--lift,0) * -.11em)) rotate(calc(var(--lift,0) * var(--tw,3deg)));will-change:transform;display:inline-block}.OffbeatLanding-module___3_OUG__giantMark span:nth-child(odd){--tw:-4deg}.OffbeatLanding-module___3_OUG__motionToggle{top:16px;left:var(--gutter);z-index:6;min-height:44px;font-family:var(--mono);letter-spacing:.06em;color:var(--palette-text);background:color-mix(in srgb, var(--palette-surface) 80%, transparent);border:1px solid var(--palette-border);cursor:pointer;border-radius:999px;padding:0 14px;font-size:.75rem;position:absolute}.OffbeatLanding-module___3_OUG__motionToggle:disabled{opacity:.7;cursor:default}@media (prefers-reduced-motion:no-preference){.OffbeatLanding-module___3_OUG__page[data-motion=active] .OffbeatLanding-module___3_OUG__wordInner{animation:OffbeatLanding-module___3_OUG__rise .9s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms + 60ms)}.OffbeatLanding-module___3_OUG__page[data-motion=active] .OffbeatLanding-module___3_OUG__collage>*{animation:OffbeatLanding-module___3_OUG__drop 1s var(--ease-out) both}.OffbeatLanding-module___3_OUG__page[data-motion=active] .OffbeatLanding-module___3_OUG__collage>:nth-child(2){animation-delay:.12s}.OffbeatLanding-module___3_OUG__page[data-motion=active] .OffbeatLanding-module___3_OUG__collage>:nth-child(3){animation-delay:.22s}.OffbeatLanding-module___3_OUG__page[data-motion=active] .OffbeatLanding-module___3_OUG__collage>:nth-child(4){animation-delay:.3s}.OffbeatLanding-module___3_OUG__page[data-motion=active] .OffbeatLanding-module___3_OUG__collage>:nth-child(5){animation-delay:.38s}.OffbeatLanding-module___3_OUG__page[data-motion=active] .OffbeatLanding-module___3_OUG__collage>:nth-child(6){animation-delay:.46s}.OffbeatLanding-module___3_OUG__page[data-motion=active] .OffbeatLanding-module___3_OUG__giantMark span{animation:OffbeatLanding-module___3_OUG__rise 1.1s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms + .35s)}.OffbeatLanding-module___3_OUG__page[data-motion=active] .OffbeatLanding-module___3_OUG__asteriskSvg{animation:48s linear infinite OffbeatLanding-module___3_OUG__spin}}@keyframes OffbeatLanding-module___3_OUG__rise{0%{opacity:0;translate:0 .45em}to{opacity:1;translate:0}}@keyframes OffbeatLanding-module___3_OUG__drop{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes OffbeatLanding-module___3_OUG__spin{to{rotate:360deg}}.OffbeatLanding-module___3_OUG__spark{padding:clamp(56px, 8vw, 104px) var(--gutter);border-bottom:1px solid var(--palette-border);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.OffbeatLanding-module___3_OUG__sparkCopy p{max-width:30rem;color:var(--palette-body);margin:18px 0 0;font-size:1.0625rem;line-height:1.6}.OffbeatLanding-module___3_OUG__sparkCards{perspective:900px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.OffbeatLanding-module___3_OUG__sparkCard{--tilt-x:0deg;--tilt-y:0deg;min-height:210px;color:var(--palette-text);font-family:var(--mono);box-shadow:var(--palette-shadow);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(var(--card-rot));transition:transform .26s var(--ease-out);border-radius:6px;flex-direction:column;justify-content:space-between;padding:22px 20px;font-size:1.0625rem;line-height:1.35;display:flex;position:relative}.OffbeatLanding-module___3_OUG__sparkCard p{margin:10px 0 0}.OffbeatLanding-module___3_OUG__sparkCard strong{font-weight:700;display:block}.OffbeatLanding-module___3_OUG__sparkCard[data-tone="0"]{background:var(--palette-project-strong);--card-rot:-3deg}.OffbeatLanding-module___3_OUG__sparkCard[data-tone="1"]{background:var(--palette-direction-strong);--card-rot:2deg;translate:0 14px}.OffbeatLanding-module___3_OUG__sparkCard[data-tone="2"]{background:var(--palette-surface);border:1px solid var(--palette-border);--card-rot:-1deg}.OffbeatLanding-module___3_OUG__sparkIndex{letter-spacing:.14em;color:var(--palette-text);opacity:.85;font-size:.75rem}.OffbeatLanding-module___3_OUG__doodle{fill:none;width:72px;height:40px;stroke:var(--palette-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;margin-top:18px}.OffbeatLanding-module___3_OUG__sample,.OffbeatLanding-module___3_OUG__how,.OffbeatLanding-module___3_OUG__studio,.OffbeatLanding-module___3_OUG__palettes{padding:clamp(56px, 8vw, 112px) var(--gutter)}.OffbeatLanding-module___3_OUG__sample{background:var(--palette-raised)}.OffbeatLanding-module___3_OUG__studioMock{border:1px solid var(--palette-border);background:var(--palette-surface);box-shadow:var(--palette-shadow);border-radius:10px;grid-template-columns:200px minmax(0,1fr) 260px;display:grid;overflow:hidden}.OffbeatLanding-module___3_OUG__mockIndex{background:var(--palette-project);padding:22px 14px}.OffbeatLanding-module___3_OUG__mockInspector{background:var(--palette-direction);padding:22px 18px}.OffbeatLanding-module___3_OUG__mockLabel{letter-spacing:-.02em;margin:0 0 14px;font-size:1.0625rem;font-weight:700}.OffbeatLanding-module___3_OUG__mockIndex ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.OffbeatLanding-module___3_OUG__mockIndex li{border-radius:6px;align-items:center;gap:10px;min-height:40px;padding:0 10px;font-size:.875rem;font-weight:500;display:flex}.OffbeatLanding-module___3_OUG__mockIndex li span{border:2px solid var(--palette-text);border-radius:50%;flex:none;width:10px;height:10px}.OffbeatLanding-module___3_OUG__mockIndex li[data-active=true]{background:color-mix(in srgb, var(--palette-surface) 70%, transparent);font-weight:700}.OffbeatLanding-module___3_OUG__mockIndex li[data-active=true] span{background:var(--palette-accent);border-color:var(--palette-accent)}.OffbeatLanding-module___3_OUG__mockMain{align-content:start;gap:14px;min-width:0;padding:22px clamp(16px,2.4vw,28px);display:grid}.OffbeatLanding-module___3_OUG__mockTitle h3{letter-spacing:-.04em;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:700}.OffbeatLanding-module___3_OUG__mockTitle p{color:var(--palette-body);margin:4px 0 0;font-size:.9375rem}.OffbeatLanding-module___3_OUG__module{border:1px solid var(--palette-border);background:var(--palette-bg);border-radius:8px;padding:14px 16px 16px}.OffbeatLanding-module___3_OUG__module header{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:14px;margin-bottom:10px;font-size:.8125rem;font-weight:700;display:flex}.OffbeatLanding-module___3_OUG__moduleNo{color:var(--palette-body);font-weight:500}.OffbeatLanding-module___3_OUG__moduleBrief{background:var(--palette-direction);border-color:#0000}.OffbeatLanding-module___3_OUG__moduleBrief header{justify-content:space-between}.OffbeatLanding-module___3_OUG__moduleBrief p{background:var(--palette-surface);border-radius:6px;margin:0;padding:10px 12px;font-size:.9375rem}.OffbeatLanding-module___3_OUG__moduleField{border:1px solid var(--palette-border);background:var(--palette-surface);color:var(--palette-body);border-radius:6px;margin:0;padding:12px 14px;font-size:.9375rem;line-height:1.55}.OffbeatLanding-module___3_OUG__lyrics{white-space:pre-line;font-family:var(--mono);font-size:.875rem}.OffbeatLanding-module___3_OUG__inspectorLabel{margin:16px 0 8px;font-size:.875rem;font-weight:700}.OffbeatLanding-module___3_OUG__chips{flex-wrap:wrap;gap:6px;display:flex}.OffbeatLanding-module___3_OUG__chips span{background:color-mix(in srgb, var(--palette-surface) 72%, transparent);border:1px solid color-mix(in srgb, var(--palette-text) 12%, transparent);border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.OffbeatLanding-module___3_OUG__chips span[data-on=true]{background:var(--palette-accent);color:var(--palette-ink);border-color:var(--palette-accent)}.OffbeatLanding-module___3_OUG__personaCard{background:color-mix(in srgb, var(--palette-surface) 72%, transparent);color:var(--palette-body);border-radius:6px;margin:0;padding:12px;font-size:.8125rem;line-height:1.5}.OffbeatLanding-module___3_OUG__personaCard strong{color:var(--palette-text);margin-bottom:4px;font-size:.9375rem;display:block}.OffbeatLanding-module___3_OUG__refineBar{background:var(--palette-accent);min-height:60px;color:var(--palette-ink);grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 clamp(16px,2.4vw,28px);font-size:1.0625rem;font-weight:700;text-decoration:none;display:flex}.OffbeatLanding-module___3_OUG__refineBar svg{width:20px;height:20px;transition:transform .2s var(--ease-out)}.OffbeatLanding-module___3_OUG__refineBar:hover{background:var(--palette-accent-hover)}.OffbeatLanding-module___3_OUG__refineBar:hover svg{transform:translate(4px)}.OffbeatLanding-module___3_OUG__refineBar>span span{margin-right:10px}.OffbeatLanding-module___3_OUG__sampleCopy{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;display:flex}.OffbeatLanding-module___3_OUG__copyButton{border:1px solid var(--palette-text);min-height:44px;color:var(--palette-text);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:0 16px;font-size:.875rem;font-weight:700}.OffbeatLanding-module___3_OUG__copyButton:hover{background:color-mix(in srgb, var(--palette-text) 8%, transparent)}.OffbeatLanding-module___3_OUG__copyStatus{color:var(--palette-muted);margin:0;font-size:.8125rem}.OffbeatLanding-module___3_OUG__manualCopy{border:1px solid var(--palette-border);background:var(--palette-surface);width:100%;color:var(--palette-text);font:inherit;border-radius:6px;padding:10px;font-size:.875rem}.OffbeatLanding-module___3_OUG__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin:0;padding:0;list-style:none;display:grid}.OffbeatLanding-module___3_OUG__steps li{border-top:2px solid var(--palette-text);padding-top:20px}.OffbeatLanding-module___3_OUG__stepNo{font-family:var(--mono);color:var(--palette-accent-text);letter-spacing:-.04em;font-size:clamp(2.6rem,5vw,4rem);font-weight:500;line-height:1;display:block}.OffbeatLanding-module___3_OUG__steps h3{letter-spacing:-.03em;margin-top:18px;font-size:1.5rem;font-weight:700}.OffbeatLanding-module___3_OUG__steps p{color:var(--palette-body);margin:10px 0 0;line-height:1.6}.OffbeatLanding-module___3_OUG__studio{background:var(--palette-bg);border-top:1px solid var(--palette-border)}.OffbeatLanding-module___3_OUG__indexCards{perspective:1000px;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.OffbeatLanding-module___3_OUG__indexCard{--tilt-x:0deg;--tilt-y:0deg;text-align:left;cursor:pointer;font:inherit;color:var(--palette-text);box-shadow:var(--palette-shadow);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .26s var(--ease-out), box-shadow .26s ease;border:0;border-radius:8px;flex-direction:column;align-items:stretch;gap:6px;padding:10px 10px 18px;display:flex}.OffbeatLanding-module___3_OUG__indexCard[data-tone=project]{background:var(--palette-project-strong)}.OffbeatLanding-module___3_OUG__indexCard[data-tone=accent]{background:var(--palette-accent);color:var(--palette-ink)}.OffbeatLanding-module___3_OUG__indexCard[data-tone=direction]{background:var(--palette-direction-strong)}.OffbeatLanding-module___3_OUG__indexImage{aspect-ratio:16/9;border-radius:4px;margin-bottom:8px;display:block;position:relative;overflow:hidden}.OffbeatLanding-module___3_OUG__indexImage img{object-fit:cover;filter:grayscale(.2)contrast(1.05);transition:scale .5s var(--ease-out)}.OffbeatLanding-module___3_OUG__indexCard:hover .OffbeatLanding-module___3_OUG__indexImage img{scale:1.05}.OffbeatLanding-module___3_OUG__indexTitle{letter-spacing:-.04em;padding:0 8px;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;line-height:1}.OffbeatLanding-module___3_OUG__indexCaption{padding:0 8px;font-size:1rem;font-weight:500}.OffbeatLanding-module___3_OUG__indexMeta{font-family:var(--mono);opacity:.85;gap:2px;margin-top:8px;padding:0 8px;font-size:.8125rem;display:grid}.OffbeatLanding-module___3_OUG__indexOpen{align-items:center;gap:6px;margin:12px 8px 0;font-size:.9375rem;font-weight:700;display:inline-flex}.OffbeatLanding-module___3_OUG__indexOpen svg{width:16px;height:16px;transition:transform .2s var(--ease-out)}.OffbeatLanding-module___3_OUG__indexCard:hover .OffbeatLanding-module___3_OUG__indexOpen svg{transform:translate(4px)}.OffbeatLanding-module___3_OUG__palettes{background:var(--palette-raised)}.OffbeatLanding-module___3_OUG__paletteGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.OffbeatLanding-module___3_OUG__paletteTile{border:2px solid var(--palette-border);background:var(--palette-surface);color:var(--palette-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease, transform .22s var(--ease-out);border-radius:10px;flex-direction:column;gap:4px;padding:8px 8px 16px;display:flex}.OffbeatLanding-module___3_OUG__paletteTile:hover{transform:translateY(-3px)}.OffbeatLanding-module___3_OUG__paletteTile[aria-checked=true]{border-color:var(--palette-accent)}.OffbeatLanding-module___3_OUG__paletteArt{aspect-ratio:4/3;background:linear-gradient(90deg, var(--t-project) 0 58%, var(--t-direction) 58%);border-radius:6px;margin-bottom:10px;display:block;position:relative;overflow:hidden}.OffbeatLanding-module___3_OUG__paletteHead{letter-spacing:-.04em;width:52%;color:var(--t-ink);font-size:clamp(.85rem,1.25vw,1.15rem);font-weight:700;line-height:.95;position:absolute;top:11%;left:9%}.OffbeatLanding-module___3_OUG__paletteBlockA{aspect-ratio:1;background:var(--t-accent);border-radius:50%;width:22%;position:absolute;top:16%;right:12%}.OffbeatLanding-module___3_OUG__paletteBlockB{background:var(--t-page);width:26%;height:26%;position:absolute;top:46%;right:9%;transform:rotate(-6deg)}.OffbeatLanding-module___3_OUG__paletteButton{background:var(--t-accent);border-radius:4px;width:32%;height:11%;position:absolute;bottom:12%;left:9%}.OffbeatLanding-module___3_OUG__paletteName{padding:0 6px;font-size:1.0625rem;font-weight:700}.OffbeatLanding-module___3_OUG__paletteMode{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--palette-muted);padding:0 6px;font-size:.75rem}.OffbeatLanding-module___3_OUG__membership{padding:clamp(56px, 8vw, 112px) var(--gutter);background:var(--palette-project);grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:clamp(24px,5vw,72px);display:grid}.OffbeatLanding-module___3_OUG__membership>div>p:not(.OffbeatLanding-module___3_OUG__kicker){max-width:56ch;color:var(--palette-body);margin:18px 0 0;font-size:1.0625rem;line-height:1.6}.OffbeatLanding-module___3_OUG__statusCard{border:2px dashed color-mix(in srgb, var(--palette-text) 35%, transparent);border-radius:10px;padding:22px}.OffbeatLanding-module___3_OUG__statusCard h3{font-size:1.25rem;font-weight:700}.OffbeatLanding-module___3_OUG__statusCard p{color:var(--palette-body);margin:8px 0 0;line-height:1.55}.OffbeatLanding-module___3_OUG__footer{padding:24px var(--gutter) 28px;background:var(--palette-bg);overflow:hidden}.OffbeatLanding-module___3_OUG__footerMark{letter-spacing:-.065em;color:#0000;-webkit-text-stroke:1.5px var(--palette-rule);margin:0 0 12px;font-size:clamp(4rem,17vw,17rem);font-weight:700;line-height:.8}.OffbeatLanding-module___3_OUG__footerRow{border-top:1px solid var(--palette-border);color:var(--palette-muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-top:16px;font-size:.875rem;display:flex}.OffbeatLanding-module___3_OUG__footerRow nav{flex-wrap:wrap;gap:4px 20px;display:flex}.OffbeatLanding-module___3_OUG__footerRow a{min-height:44px;color:var(--palette-text);align-items:center;text-decoration:none;display:inline-flex}.OffbeatLanding-module___3_OUG__footerRow a:hover{text-underline-offset:4px;text-decoration:underline}.OffbeatLanding-module___3_OUG__overlay{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;position:fixed;inset:0}.OffbeatLanding-module___3_OUG__dialog{z-index:91;border:1px solid var(--palette-border);background:var(--palette-surface);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--palette-text);font-family:var(--font-space-grotesk), system-ui, sans-serif;border-radius:12px;padding:28px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0006}.OffbeatLanding-module___3_OUG__dialog:focus-visible{outline:none}.OffbeatLanding-module___3_OUG__close{border:1px solid var(--palette-border);background:var(--palette-raised);width:44px;height:44px;color:var(--palette-text);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.OffbeatLanding-module___3_OUG__close svg{width:20px;height:20px}.OffbeatLanding-module___3_OUG__dialogTitle{letter-spacing:-.04em;margin:0 0 14px;font-size:2rem;font-weight:700}.OffbeatLanding-module___3_OUG__dialogImage{aspect-ratio:16/8;border-radius:8px;margin-bottom:14px;display:block;position:relative;overflow:hidden}.OffbeatLanding-module___3_OUG__dialogImage img{object-fit:cover}.OffbeatLanding-module___3_OUG__dialogDescription{color:var(--palette-body);margin:0;line-height:1.6}.OffbeatLanding-module___3_OUG__dialogNote{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--palette-muted);margin:16px 0 6px;font-size:.75rem}.OffbeatLanding-module___3_OUG__detailList{color:var(--palette-body);margin:0;padding-left:18px;line-height:1.7}.OffbeatLanding-module___3_OUG__dialogActions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}@media (max-width:1200px){.OffbeatLanding-module___3_OUG__tagline{display:none}.OffbeatLanding-module___3_OUG__themeControls{margin-left:auto}}@media (max-width:1100px){.OffbeatLanding-module___3_OUG__studioMock{grid-template-columns:180px minmax(0,1fr)}.OffbeatLanding-module___3_OUG__mockInspector{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;display:grid}.OffbeatLanding-module___3_OUG__mockInspector .OffbeatLanding-module___3_OUG__mockLabel{grid-column:1/-1}.OffbeatLanding-module___3_OUG__mockInspector>.OffbeatLanding-module___3_OUG__inspectorLabel{grid-row:2}.OffbeatLanding-module___3_OUG__paletteGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.OffbeatLanding-module___3_OUG__nav,.OffbeatLanding-module___3_OUG__signIn{display:none}.OffbeatLanding-module___3_OUG__menuToggle{display:inline-flex}.OffbeatLanding-module___3_OUG__navOpen{padding:8px var(--gutter) 16px;background:var(--palette-bg);border-bottom:1px solid var(--palette-border);flex-direction:column;gap:0;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 30px #0000002e}.OffbeatLanding-module___3_OUG__navOpen a{border-bottom:1px solid var(--palette-border);align-items:center;min-height:52px;font-size:1.125rem;display:flex}.OffbeatLanding-module___3_OUG__navOpen a:after{display:none}.OffbeatLanding-module___3_OUG__navOpen .OffbeatLanding-module___3_OUG__navOnlyMobile{border-bottom:0;display:flex}.OffbeatLanding-module___3_OUG__spark,.OffbeatLanding-module___3_OUG__steps,.OffbeatLanding-module___3_OUG__indexCards{grid-template-columns:1fr}.OffbeatLanding-module___3_OUG__steps li{grid-template-columns:72px 1fr;column-gap:12px;display:grid}.OffbeatLanding-module___3_OUG__steps li>:not(.OffbeatLanding-module___3_OUG__stepNo){grid-column:2}.OffbeatLanding-module___3_OUG__steps .OffbeatLanding-module___3_OUG__stepNo{grid-row:span 2;font-size:2.4rem}.OffbeatLanding-module___3_OUG__steps h3{margin-top:0}.OffbeatLanding-module___3_OUG__indexCard{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:14px;display:grid}.OffbeatLanding-module___3_OUG__indexCard .OffbeatLanding-module___3_OUG__indexImage{aspect-ratio:auto;grid-row:span 5;height:100%;min-height:160px;margin:0}.OffbeatLanding-module___3_OUG__indexCard>:not(.OffbeatLanding-module___3_OUG__indexImage){margin-left:0;margin-right:0;padding:0}.OffbeatLanding-module___3_OUG__indexTitle{margin-top:6px}.OffbeatLanding-module___3_OUG__membership{grid-template-columns:1fr;align-items:start}}@media (max-width:760px){.OffbeatLanding-module___3_OUG__headerCta{display:none}.OffbeatLanding-module___3_OUG__hero{padding:68px var(--gutter) 0;background:var(--palette-project);grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:16px;min-height:0}.OffbeatLanding-module___3_OUG__heroCopy{display:contents}.OffbeatLanding-module___3_OUG__heroCopy>.OffbeatLanding-module___3_OUG__kicker{letter-spacing:.08em;grid-area:1/2;align-self:end;margin-bottom:14px;font-size:.6875rem}.OffbeatLanding-module___3_OUG__headline{grid-area:2/2;align-self:start;font-size:clamp(1.7rem,7.5vw,3.3rem);line-height:1}.OffbeatLanding-module___3_OUG__headlineLine{white-space:normal}.OffbeatLanding-module___3_OUG__headline .OffbeatLanding-module___3_OUG__word{overflow-wrap:anywhere;max-width:100%}.OffbeatLanding-module___3_OUG__heroDescription{grid-area:3/1/auto/-1;max-width:none;margin-top:24px}.OffbeatLanding-module___3_OUG__heroCopy>.OffbeatLanding-module___3_OUG__actions{grid-area:4/1/auto/-1;margin-top:24px;margin-bottom:28px}.OffbeatLanding-module___3_OUG__actions{flex-direction:column;align-items:stretch}.OffbeatLanding-module___3_OUG__actions .OffbeatLanding-module___3_OUG__primary,.OffbeatLanding-module___3_OUG__actions .OffbeatLanding-module___3_OUG__secondary{min-height:52px}.OffbeatLanding-module___3_OUG__collage{grid-area:1/1/3;align-self:stretch;min-width:0;height:auto;min-height:clamp(224px,52vw,360px)}.OffbeatLanding-module___3_OUG__photo{width:78%;padding:5px;top:8%;right:0}.OffbeatLanding-module___3_OUG__cutout{width:86%;bottom:3%;right:0}.OffbeatLanding-module___3_OUG__asterisk{width:44%;top:0;left:0}.OffbeatLanding-module___3_OUG__chip{width:48%;padding:4px 4px 10px;bottom:3%;left:0}.OffbeatLanding-module___3_OUG__note,.OffbeatLanding-module___3_OUG__halfDisc,.OffbeatLanding-module___3_OUG__bang,.OffbeatLanding-module___3_OUG__ring,.OffbeatLanding-module___3_OUG__monoStack{display:none}.OffbeatLanding-module___3_OUG__giantMark{grid-row:5;padding-left:0;font-size:21vw;overflow:hidden}.OffbeatLanding-module___3_OUG__motionToggle{top:12px;left:auto;right:12px}.OffbeatLanding-module___3_OUG__sparkCards{grid-template-columns:1fr;gap:12px}.OffbeatLanding-module___3_OUG__sparkCard{flex-direction:row;align-items:center;gap:14px;min-height:0;padding:18px}.OffbeatLanding-module___3_OUG__sparkCard p{flex:1;margin:0}.OffbeatLanding-module___3_OUG__sparkCard[data-tone="1"]{translate:0}.OffbeatLanding-module___3_OUG__doodle{flex:none;width:56px;margin:0}.OffbeatLanding-module___3_OUG__studioMock{grid-template-columns:minmax(0,1fr)}.OffbeatLanding-module___3_OUG__mockIndex{padding:14px var(--gutter) 10px}.OffbeatLanding-module___3_OUG__mockIndex .OffbeatLanding-module___3_OUG__mockLabel{margin-bottom:8px;font-size:.875rem}.OffbeatLanding-module___3_OUG__mockIndex ul{scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 4px;scroll-snap-type:x mandatory;gap:6px;display:flex;overflow-x:auto}.OffbeatLanding-module___3_OUG__mockIndex li{scroll-snap-align:start;background:color-mix(in srgb, var(--palette-surface) 40%, transparent);flex:none}.OffbeatLanding-module___3_OUG__mockInspector{grid-template-columns:minmax(0,1fr)}.OffbeatLanding-module___3_OUG__mockInspector>.OffbeatLanding-module___3_OUG__inspectorLabel{grid-row:auto}.OffbeatLanding-module___3_OUG__refineBar{min-height:56px;padding-bottom:env(safe-area-inset-bottom);position:sticky;bottom:0}.OffbeatLanding-module___3_OUG__indexCard{grid-template-columns:1fr}.OffbeatLanding-module___3_OUG__indexCard .OffbeatLanding-module___3_OUG__indexImage{aspect-ratio:16/9;grid-row:auto;min-height:0;margin-bottom:8px}.OffbeatLanding-module___3_OUG__paletteGrid{grid-template-columns:1fr 1fr;gap:10px}.OffbeatLanding-module___3_OUG__footerRow{flex-direction:column}.OffbeatLanding-module___3_OUG__dialog{width:100%;max-height:88dvh;padding:24px var(--gutter) calc(24px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;top:auto;bottom:0;left:0;transform:none}.OffbeatLanding-module___3_OUG__dialogActions{flex-direction:column}.OffbeatLanding-module___3_OUG__dialogActions>*{width:100%}}@media (max-width:380px){.OffbeatLanding-module___3_OUG__wordmark{font-size:1.3rem}.OffbeatLanding-module___3_OUG__paletteGrid{grid-template-columns:1fr}}@container landing (max-width:18em){.OffbeatLanding-module___3_OUG__hero{grid-template-rows:repeat(6,auto);grid-template-columns:minmax(0,1fr)}.OffbeatLanding-module___3_OUG__heroCopy>.OffbeatLanding-module___3_OUG__kicker{grid-area:1/1}.OffbeatLanding-module___3_OUG__headline{grid-area:2/1}.OffbeatLanding-module___3_OUG__headline .OffbeatLanding-module___3_OUG__word{overflow-wrap:normal}.OffbeatLanding-module___3_OUG__collage{aspect-ratio:3/4;grid-area:3/1;justify-self:center;width:min(100%,260px);height:auto;min-height:0;margin-top:24px}.OffbeatLanding-module___3_OUG__heroDescription{grid-row:4}.OffbeatLanding-module___3_OUG__heroCopy>.OffbeatLanding-module___3_OUG__actions{grid-row:5}.OffbeatLanding-module___3_OUG__giantMark{grid-row:6}}