/* Transparent master mark: dark on light surfaces, white on dark surfaces. */
.logo-crop{width:106px;height:56px;background:transparent!important;overflow:visible;mix-blend-mode:normal!important}
.logo-crop img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;filter:brightness(0)!important}
.on-dark .logo-crop img,.intro-stage .logo-crop img{filter:brightness(0) invert(1)!important}
.film-logo{filter:brightness(0) invert(1);width:170px;height:auto}
.phone-app-head img{width:76px;height:auto}.phone-thanks-logo{object-fit:contain}
.hero-in{grid-template-columns:minmax(0,1fr) 450px;gap:28px}
.ribbon-viewport{height:650px}
.ribbon-sculpture{transform:scale(1.08) rotateZ(-13deg) rotateX(-14deg)}
.ribbon-ring:nth-child(1){top:0;--start:18deg;animation-duration:56s}
.ribbon-slice{top:-66px;width:50.5px;backface-visibility:visible;transform:translateY(var(--rise)) rotateY(var(--angle)) translateZ(188px) skewY(7.4deg)}
.ribbon-slice img{backface-visibility:hidden;transform:translateZ(.1px)}
.ribbon-slice::before{content:"";position:absolute;inset:0;background:#152036;transform:rotateY(180deg) translateZ(.2px);backface-visibility:hidden;z-index:2}
.ribbon-slice::after{backface-visibility:hidden}
.preferences-open{padding:0;border:0;background:none;cursor:pointer;text-decoration:underline;text-underline-offset:4px;font:inherit;color:inherit}
.contact .ct .copy-contact{color:#fff;background:#0d0d0c}
.contact .ct .copy-contact>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:nowrap;color:inherit}
.display-preferences{position:fixed;right:24px;bottom:95px;z-index:18000;max-width:340px;padding:22px;background:var(--paper);color:var(--ink);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 12px 50px #0002;font-size:14px;line-height:1.5}
.display-preferences p{margin:0 0 16px}.display-preferences strong{font-weight:600;font-size:17px}.display-preferences>div{display:flex;gap:8px}.display-preferences button{border:1px solid var(--line-2);padding:9px 11px;border-radius:999px;background:transparent;cursor:pointer;font-size:12px}.display-preferences button:first-child{background:var(--accent);color:white;border-color:var(--accent)}.display-preferences small{display:block;margin-top:12px;color:var(--ink-3);font-size:11px}
.motion-disabled *,.motion-disabled *::before,.motion-disabled *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}
.motion-disabled .ribbon-ring{animation:none!important;transform:rotateY(var(--start))}
@media(max-width:1100px) and (min-width:761px){.hero-in{grid-template-columns:minmax(0,1fr) 360px;gap:18px}.ribbon-sculpture{transform:scale(.88) rotateZ(-13deg) rotateX(-14deg)}.ribbon-viewport{height:570px}}
@media(max-width:760px){.hero-in{grid-template-columns:1fr}.creator-ribbons{max-width:100%}.ribbon-viewport{height:535px}.ribbon-sculpture{transform:scale(.8) rotateZ(-13deg) rotateX(-14deg)}.display-preferences{right:16px;left:16px;bottom:88px;max-width:none}.logo-crop{width:92px;height:48px}}
@media(max-width:370px){.ribbon-sculpture{transform:scale(.68) rotateZ(-13deg) rotateX(-14deg)}.ribbon-viewport{height:470px}}