/* October motion system: one calm palette, compositor-friendly word masks. */
:root{--cream:#f0f0fa;--ink:#141522;--muted:#737583;--line:#d8d9e8;--accent:#6872f6;--ease-out:cubic-bezier(.23,1,.32,1)}
body{background:var(--cream);transition:none}::selection{background:#aab0ff;color:#111322}
.site-header.scrolled{background:#f0f0faeb}.site-header.on-dark{background:#0b0d18cc;color:#f1f2fa}.header-right button,.round-button{background:#e2e3ef}.contact-pill{background:#171925;color:#f4f4fc}.page-progress>span{background:#6570ef}
.motion-word-mask{display:inline-block;overflow:clip;vertical-align:baseline;padding:.12em .015em .19em;margin:-.12em -.015em -.19em;line-height:inherit}
.motion-word{display:inline-block;white-space:pre;transform-origin:0 80%;will-change:auto}
html[dir=rtl] .motion-word{transform-origin:100% 80%}
.wordmark .motion-word-mask,.wordmark .motion-word{font-size:inherit;letter-spacing:inherit;margin:0;padding:0;line-height:inherit}
.hero h1 .motion-word-mask{display:inline-block}.hero h1 .motion-word{display:inline-block}
.reveal-word,.kinetic-char,.distort-type{will-change:auto}.hero-intro .eyebrow,.hero h1>span,.hero-statement{transform:none}
.hero-statement{line-height:1.6;max-width:32%;font-size:clamp(18px,1.6vw,25px)}.hero-playground{border-radius:24px;background:#0b0d18;box-shadow:0 20px 50px #191c2e08;transform-origin:center}
.hero-playground canvas{transform:none!important;will-change:auto}.hero-baseline:after{display:none}.hero-baseline{border-bottom:1px solid var(--line);padding-bottom:26px}.hero-baseline span:nth-child(3){animation:none}
.manifesto{position:relative;isolation:isolate;overflow:clip;padding-bottom:225px}.manifesto>*:not(.world-guide){position:relative;z-index:2}.manifesto-bottom{grid-template-columns:1fr 1fr;gap:10vw;padding-inline-start:23%}.manifesto-bottom .text-link{align-self:end}.manifesto-bottom p{font-size:19px;max-width:440px}
.world-guide{position:absolute;inset:24% -3% 0;z-index:-1;pointer-events:none;opacity:.7}.world-guide svg{width:100%;height:100%;overflow:visible}.world-guide path{stroke:url(#guide-gradient);stroke-width:9;stroke-linecap:round;fill:none;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
.word-reveal{max-width:1100px;line-height:1.12}.manifesto .section-topline{margin-bottom:14px}
.chapter-stage,.piano-chapter .chapter-stage{background:#f0f0fa}.football-chapter .chapter-stage,.football-narrative{background:#0b0d18;color:#f1f2fa}.football-chapter .chapter-heading h2{color:#e4e7ff}.morph-stage{background:#101322;color:#e4e7ff}.contact{background:#dfe2fa}.contact-bottom{border-color:#b7bddc}.contact .section-topline>span:last-child:before{background:#5961b7}.contact-headline{line-height:1.12}.contact-bottom p{line-height:1.6}
.chapter-narrative{height:350svh;min-height:1900px;background:#0b0d18!important}.piano-narrative{height:380svh}.chapter-narrative .flow-film{background:#0b0d18;pointer-events:auto;will-change:transform,clip-path;isolation:isolate}.chapter-narrative .flow-film video{position:absolute;inset:0;object-position:50% center;filter:saturate(.78) contrast(1.02);transition:opacity 140ms linear;will-change:opacity;transform:scale(1.035)!important;z-index:0}.chapter-narrative .flow-film .reverse-film{z-index:1}.chapter-narrative .flow-film:after,html[dir=rtl] .chapter-narrative .flow-film:after{background:linear-gradient(0deg,#050711b8,transparent 45%,#05071150),linear-gradient(90deg,#06091288,transparent 80%)!important}.chapter-narrative .video-type{top:30%;width:80%;max-width:1000px;inset-inline-start:6vw}.chapter-narrative .video-type h3,html[dir=rtl] .chapter-narrative .video-type h3{font-size:clamp(68px,8.1vw,142px);line-height:1.15;letter-spacing:-.055em;text-shadow:0 5px 35px #0007;color:#f3f4ff!important}
.chapter-narrative .chapter-story,.football-narrative .chapter-story{top:26%!important;width:min(830px,68vw)}.flow-chapter .chapter-story .story-lead{font-size:clamp(52px,6vw,102px);line-height:1.15;color:#f3f4ff!important;text-shadow:0 5px 35px #0007}.flow-chapter .chapter-story .story-body{font-size:clamp(17px,1.4vw,22px);line-height:1.65;max-width:520px;color:#edeefa}.chapter-narrative .narrative-tail{bottom:38px;inset-inline-end:200px}.cinema-progress span{background:#b4baff!important}.film-entry-chrome:before{box-shadow:none;transform:none;will-change:auto}.film-entry-chrome>i:before{display:none}.film-entry-chrome small{background:transparent;backdrop-filter:none}.film-entry-chrome>span{width:55px;height:4px}
.film-controls{position:absolute;bottom:26px;inset-inline-end:5vw;z-index:10;display:flex;gap:9px;align-items:center;color:#f4f5ff;direction:ltr}.film-controls button{width:38px;height:38px;border-radius:50%;background:#13172370;border:1px solid #f0f2ff38;color:inherit;display:grid;place-items:center;backdrop-filter:blur(8px);transition:background 180ms,transform 180ms}.film-controls svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.transport-time{font-size:10px;font-variant-numeric:tabular-nums;min-width:34px;margin-inline-start:5px}
.football-celebration{color:#f0f2ff;background:#0b0d18;text-shadow:none;overflow:hidden}.football-celebration:before{background:radial-gradient(ellipse at 50% 55%,#31395688,transparent 65%)}.closing-player-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.closing-player-scene canvas{width:100%;height:100%;display:block}.celebration-copy{position:relative;z-index:2;width:100%;padding:0 6vw;text-align:start;pointer-events:none}.celebration-kicker{display:block;color:#b7bdfa;letter-spacing:.15em}.celebration-link{display:block;width:fit-content;pointer-events:auto}.football-celebration strong{font-size:clamp(68px,9vw,150px);font-weight:500;letter-spacing:-.065em;line-height:1.08;display:block}.wave-mark{display:none}
.custom-cursor{width:6px!important;height:6px!important;background:#fff!important;box-shadow:none!important;border:0!important;filter:none!important;backdrop-filter:none!important;mix-blend-mode:difference;z-index:701;transition:opacity 160ms;opacity:0!important}.custom-cursor:after{display:none}.cursor-halo{position:fixed;top:0;left:0;z-index:700;width:56px;height:56px;border-radius:50%;pointer-events:none;background:#dfe5ff24;backdrop-filter:blur(5px);box-shadow:inset 0 0 18px #e1e7ff50;opacity:0;transition:opacity 200ms;will-change:transform}.cursor-ready .custom-cursor,.cursor-ready .cursor-halo{opacity:1!important}#cursor-trail{display:none!important}body:has(dialog[open]) .cursor-halo{opacity:0!important}
.ui-arrow{display:inline-flex;width:1em;height:1em;vertical-align:middle;flex:0 0 auto;margin-inline-start:.2em;line-height:1}.ui-arrow svg{width:100%;height:100%;display:block}.ui-arrow[data-direction=down]{rotate:135deg}.ui-arrow[data-direction=up]{rotate:-45deg}.ui-arrow[data-direction=right]{rotate:45deg}.ui-arrow[data-direction=southeast]{rotate:90deg}.contact-arrow .ui-arrow{width:.8em;height:.8em}.between-arrow .ui-arrow{width:.85em;height:.85em}
.service-list details{position:relative}.service-list summary{padding-block:34px;color:var(--ink)}.service-list details[open]{background:#ffffff30}.service-list details>p{color:#656878}.social-links a{display:inline-flex;gap:6px;align-items:center}.social-links a:after{background:#444c89}
@media(hover:hover) and (pointer:fine){.film-controls button:hover{background:#6872af70;transform:scale(1.06)}.scene-action:hover{background:#818ce32b}.service-list summary:hover{color:#606bc8;transform:translateX(5px)}html[dir=rtl] .service-list summary:hover{transform:translateX(-5px)}body.cursor-ready summary{cursor:none}.contact-headline:hover .contact-arrow{transform:translate(10px,-10px)}}
@media(max-width:900px){.hero-statement{max-width:37%}.manifesto-bottom{padding-inline-start:0;gap:7vw}.chapter-narrative .chapter-story{width:80vw}.football-celebration strong{font-size:10.5vw}.world-guide{opacity:.4}}
@media(max-width:700px){.hero-statement{max-width:100%;width:100%;font-size:18px;line-height:1.6}.hero-playground{border-radius:18px}.manifesto{padding-bottom:130px}.manifesto-bottom{display:block}.manifesto-bottom p{font-size:17px;max-width:100%}.manifesto-bottom .text-link{margin-top:25px}.world-guide{inset:30% -15% -5%;opacity:.35}.world-guide path{stroke-width:5}.chapter-narrative{height:320svh;min-height:0}.piano-narrative{height:350svh}.chapter-narrative .video-type{width:88%;top:30%}.chapter-narrative .video-type h3,html[dir=rtl] .chapter-narrative .video-type h3{font-size:14vw;line-height:1.14}.chapter-narrative .chapter-story,.football-narrative .chapter-story{width:86vw;top:27%!important}.flow-chapter .chapter-story .story-lead{font-size:12vw;line-height:1.12;margin-bottom:22px}.flow-chapter .chapter-story .story-body{font-size:16px;line-height:1.6;max-width:100%}.chapter-narrative .narrative-tail{inset-inline-end:6vw;bottom:84px;font-size:9px}.chapter-narrative .narrative-top{top:93px}.film-controls{bottom:25px;inset-inline-end:6vw}.film-controls button{width:42px;height:42px}.football-celebration strong{font-size:15vw;line-height:1.08}.celebration-copy{align-self:flex-end;margin-top:36vh}.closing-player-scene{inset:-13% -25% 14%}.cursor-halo,.custom-cursor{display:none}.celebration-kicker{font-size:10px;margin-bottom:14px}.contact-headline{line-height:1.14}.scene-action{letter-spacing:0}.score-info .motion-word-mask{display:inline-block!important}.score-info .motion-word{display:inline-block!important}.chapter-stage .chapter-heading{top:22%}}
@media(prefers-reduced-motion:reduce){.motion-word{transform:none!important;opacity:1!important}.custom-cursor,.cursor-halo{display:none!important}.chapter-narrative,.piano-narrative{height:150svh;min-height:1050px}.chapter-narrative .flow-film{display:block;position:sticky!important;height:100svh;min-height:900px}.chapter-narrative .video-type{top:19%}.chapter-narrative .chapter-story{top:43%!important}.chapter-narrative .video-type h3{font-size:clamp(42px,6vw,90px)}.chapter-narrative .story-lead{font-size:clamp(32px,4vw,60px)}.football-celebration{display:none}.hero-intro .eyebrow,.hero h1>span,.hero-statement{opacity:1!important;transform:none!important}.world-guide path{stroke-dashoffset:0!important}.film-entry-chrome{display:none}}

.hero-baseline>*{background:var(--cream)}.hero-baseline .motion-word-mask,.hero-baseline .motion-word{background:transparent}
html[dir=rtl] .chapter-narrative .flow-film:after{background:linear-gradient(0deg,#050711b8,transparent 45%,#05071150),linear-gradient(270deg,#060912bb,transparent 80%)!important}
.chapter-narrative .narrative-tail>span:first-child{max-width:calc(100% - 160px)}

/* A single oversized scroll-drawn artline, revealed over the full journey. */
.world-guide{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.64;overflow:visible;mix-blend-mode:normal}
.world-guide svg{display:block;width:100%;height:100%;overflow:visible}
.world-guide path{fill:none;stroke:url(#guide-gradient);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
.world-guide .guide-glow{stroke-width:76;stroke-opacity:.1;filter:blur(13px)}
.world-guide .guide-line{stroke-width:40;stroke-opacity:.86}
body:has(.site-header.on-dark) .world-guide{opacity:.31}
.film-controls{inset-inline:5vw;bottom:24px;justify-content:space-between;direction:ltr;pointer-events:none}
.watch-cue,.transport-time{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid #dce2ff32;border-radius:99px;background:#080b18a6;backdrop-filter:blur(12px);color:#f3f4ff}
.watch-cue{font-size:9px;letter-spacing:.17em;font-weight:600}
.transport-time{font-size:10px;font-variant-numeric:tabular-nums}
@media(max-width:700px){.world-guide{opacity:.46}.world-guide .guide-glow{stroke-width:34;stroke-opacity:.12;filter:blur(8px)}.world-guide .guide-line{stroke-width:19;stroke-opacity:.82}.film-controls{inset-inline:6vw;bottom:25px}.watch-cue{font-size:8px;letter-spacing:.12em;min-height:32px;padding:0 10px}body:has(.site-header.on-dark) .world-guide{opacity:.25}}
@media(prefers-reduced-motion:reduce){.world-guide{opacity:.24}.world-guide path{stroke-dashoffset:0!important}.world-guide .guide-glow{filter:none}}

/* Keep Hebrew labels legible: letter spacing across RTL glyphs made the piano cue look corrupted. */
html[dir=rtl] .film-entry-chrome small,html[dir=rtl] .watch-cue{direction:rtl;letter-spacing:0;unicode-bidi:plaintext;text-align:center}
.watch-cue{letter-spacing:.055em;white-space:nowrap}
.motion-word-mask{backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.motion-word-mask{backface-visibility:visible}}

/* The manifesto artline starts inside its heading and leaves before the films. */
.manifesto{z-index:0}
.world-guide{position:absolute;inset:0;z-index:0;opacity:1;overflow:hidden;mix-blend-mode:normal}
.world-guide .guide-line{stroke-width:48;stroke-opacity:.96;filter:drop-shadow(0 0 8px #b48aff) drop-shadow(0 0 24px #9c6dffb8)}
body:has(.site-header.on-dark) .world-guide{opacity:1}
.watch-cue{display:block;line-height:34px;text-align:center;letter-spacing:.055em;white-space:nowrap}
.watch-cue .motion-word-mask{display:inline-block}
.film-entry-chrome small{animation:entry-copy-breathe 2.4s cubic-bezier(.77,0,.175,1) infinite alternate}
@keyframes entry-copy-breathe{from{opacity:.52;transform:translate3d(0,3px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:700px){.world-guide{opacity:.96}.world-guide .guide-line{stroke-width:25;stroke-opacity:1;filter:drop-shadow(0 0 6px #b48aff) drop-shadow(0 0 16px #9c6dffb8)}.watch-cue{line-height:30px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.film-entry-chrome small{animation:none;opacity:1;transform:none}.world-guide{opacity:.32}}
#kick-ball{display:inline-flex!important}

/* The piano film lives inside the same pale lavender world as the rest of the site. */
.piano-narrative,.piano-narrative .flow-film{background:#f0f0fa!important}
.piano-narrative .flow-film video{opacity:.76;filter:saturate(.62) contrast(.86) brightness(1.24)!important}
.piano-narrative .flow-film:after,html[dir=rtl] .piano-narrative .flow-film:after{background:linear-gradient(0deg,#f0f0fad6 0%,#f0f0fa22 32%,#f0f0fa18 70%,#f0f0fab8 100%),linear-gradient(90deg,#f0f0fa88,transparent 70%)!important}
.piano-narrative .video-type h3,.piano-narrative .chapter-story .story-lead,.piano-narrative .chapter-story .story-body,.piano-narrative .narrative-top,.piano-narrative .narrative-tail,.piano-narrative .film-controls{color:#171923!important;text-shadow:0 2px 22px #f0f0fa,0 0 5px #f0f0fa}
.piano-narrative .film-entry-chrome{color:#171923}
.piano-narrative .film-entry-chrome:before{border-color:#17192355}