:root{--jkb-navy:#1d2945;--jkb-green:#4cb387;--jkb-cyan:#50c0e0;--jkb-ease:cubic-bezier(.22,1,.36,1);--scroll-thumb:#91aca9;--scroll-track:#edf2ef}
html{scrollbar-gutter:stable;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:auto}
*{scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:3px solid var(--scroll-track);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#557f79}::-webkit-scrollbar-thumb:active{background:#2b6877}
@media(forced-colors:active){*{scrollbar-color:auto}}
button:focus-visible,a:focus-visible{outline:3px solid #2b6877;outline-offset:6px}
.button{transition:transform .4s var(--jkb-ease),background .3s,color .3s;cursor:pointer}.button:active{transform:translateY(0) scale(.98)}
.dock{scrollbar-width:thin}.dock::-webkit-scrollbar{height:5px}.dock a{transition:background .25s,color .25s}
.motion-stack .project-card,.creator-motion-card{backface-visibility:hidden}
.motion-stack .project-meta{background:#fffdfaf5}.motion-stack .project-card:focus-visible{outline-offset:4px}
.rhythm-scene.is-pinned::after{height:1px;opacity:.65}
.rhythm-scene.is-pinned .rhythm-accent{translate:0 calc(var(--rhythm-progress,0)*-8px)}
/* Gentle tonal bridges sit within the reserved scene padding. */
.motion-pathways .ecosystem-stage{background:linear-gradient(#fff9f2 0,#f2f6f3 95px)}
.creators-motion-page .creators-deliveries{background:linear-gradient(#fffdfa,#fff9f2 150px,#fff9f2 calc(100% - 140px),#f0f4f5)}
.creators-motion-page .creators-process{background:linear-gradient(#f0f4f5,#f0f4f5 calc(100% - 100px),#fffdfa)}
.motion-home .method{background:linear-gradient(#fff9f2,#eaf2f2 100px,#eaf2f2 calc(100% - 90px),#ecf6f2)}
.motion-home .trust{padding-top:120px}
/* One expressive brand scene: blue-green diagonal light, inspired by the wallpaper. */
.motion-home .brand-scene{position:relative;isolation:isolate;background:#123e50;color:#fff9f2;padding-top:100px;padding-bottom:130px;gap:7%;min-height:78svh;overflow:clip}
.motion-home .brand-scene::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,#1d2945c9 5%,transparent 60%),repeating-linear-gradient(128deg,#1d2945 0%,#1d2945 7%,#246d79 16%,#50c0e0 21%,#4cb387 27%,#163f52 35%);background-size:100% 100%,180% 180%;opacity:.7}
.motion-home .brand-scene::after{content:'';display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10344580,#103445b0 60%,#1d2945cc)}
.motion-home .brand-scene .brand-statement{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5.2vw,76px);letter-spacing:-.055em;line-height:1.12;color:#fff9f2}
.motion-home .brand-scene .brand-statement em{color:#9ae3bf;font-style:italic}
.motion-home .brand-scene h2{font-size:clamp(30px,3.2vw,46px);line-height:1.17}
.motion-home .brand-scene [data-scroll-words] .scroll-word{--word-color:#fff;color:color-mix(in srgb,#fff calc(var(--word-progress,1)*100%),#c4dfdf)}
.motion-home .brand-scene .button{background:#e4f3ec;color:#1d2945;border-color:#e4f3ec}
.motion-home .brand-scene a:focus-visible{outline-color:#9ae3bf}
.motion-home .cta,.creators-motion-page .cta{background:linear-gradient(128deg,#1d2945 55%,#1c4356 78%,#286f71 98%)}
/* A character peeks from a quiet corner; the same action works by touch and keyboard. */
.crew-peek{position:absolute;bottom:2%;left:6%;width:110px;height:136px;padding:0;border:0;background:transparent;cursor:pointer;z-index:3;display:block;isolation:isolate}
.crew-peek img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 8px #1d294517);transform:translateY(0) rotate(-5deg);transition:transform .65s var(--jkb-ease)}
.crew-peek::before{content:none;position:absolute;right:-1px;top:8px;color:#2b6877;font-size:23px;transition:rotate .6s var(--jkb-ease)}
.crew-peek::after{content:none;position:absolute;left:50%;top:100%;translate:-50% 3px;white-space:nowrap;font-size:11px;color:#2b6877;letter-spacing:.02em;border-bottom:1px solid #9dbfb2;padding-bottom:3px}
.crew-peek:hover img,.crew-peek:focus-visible img{transform:translateY(-8px) rotate(2deg)}.crew-peek:hover::before{rotate:90deg}.crew-peek:active img{transform:translateY(5px) scale(.97)}
.orbit-label[data-crew]{cursor:pointer;color:#1d2945;font-family:inherit;transition:box-shadow .3s}.orbit-label[data-crew]:hover{box-shadow:0 0 0 8px #4cb38722}
.ribbon-seal[data-crew]{padding:0;color:#1d2945;cursor:pointer;font-family:inherit;transition:background .3s}.ribbon-seal[data-crew]:hover{background:#d9eee3}
.creators-hero{position:relative}.creators-hero>.crew-peek{left:auto;right:5%;bottom:22px;width:130px;height:165px}.creators-hero>.crew-peek::after{display:none}
.crew-invitation{display:inline-flex;align-items:center;gap:9px;margin:0 0 28px;padding:8px 0;border:0;background:transparent;color:inherit;font-size:13px;cursor:pointer;border-bottom:1px solid #9acfc480;transition:color .25s}
.crew-invitation:hover{color:#9ae3bf}.crew-invitation b{font-size:22px;font-weight:400;transition:rotate .5s}.crew-invitation:hover b{rotate:100deg}
.team-grid article>img{width:130px;height:165px;object-fit:contain;object-position:bottom;display:block;filter:drop-shadow(0 8px 6px #1d294512)}
.team-grid h3{margin-top:20px}
html.crew-open{overflow:hidden}
.crew-dialog{width:min(980px,calc(100% - 40px));max-height:calc(100svh - 40px);padding:40px;border:1px solid #b5d3c7;border-radius:24px;color:#1d2945;background:#fff9f2;overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0e253b55}
.crew-dialog::backdrop{background:#112437a8;backdrop-filter:blur(9px)}
.crew-dialog[open]{animation:crew-open .5s var(--jkb-ease)}
@keyframes crew-open{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.crew-close{position:sticky;float:right;top:0;z-index:2;border:1px solid #b3c9bf;background:#fff9f2;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;cursor:pointer;transition:background .2s}.crew-close:hover{background:#d9eee3}.crew-close:active{scale:.96}
.crew-dialog-heading{padding-right:55px}.crew-dialog-heading .section-label{font-size:10px;line-height:1.5}.crew-dialog h2{font-size:clamp(32px,4vw,50px);margin:18px 0 24px;line-height:1.1}
.crew-room{display:grid;grid-template-columns:270px 1fr;gap:35px;align-items:center;clear:both}.crew-feature{margin:0;padding:10px 10px 0;background:linear-gradient(145deg,#e5f0e8,#e1eff1);border-radius:130px 130px 16px 16px;text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:end}
.crew-feature>img{display:block;max-width:100%;width:100%;height:310px;object-fit:contain;object-position:center bottom}.crew-feature figcaption{font-size:17px;font-weight:600;padding:18px 8px;background:#1d2945;color:white;border-radius:0 0 14px 14px;margin:0 -10px}
.crew-options>p{font-size:14px;margin:0 0 18px}.crew-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 10px}.crew-roster button{min-width:0;padding:0 0 8px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .25s,transform .3s var(--jkb-ease)}
.crew-roster button:hover{transform:translateY(-4px);background:#e7f1eb}.crew-roster button:active{transform:translateY(-1px)}.crew-roster button[aria-pressed=true]{background:#d9eee3;border-color:#8fbaa6}.crew-roster img{width:100%;height:90px;object-fit:contain;object-position:bottom;display:block}.crew-roster span{font-size:11px;line-height:1.25;display:block;padding:8px 4px 0}.crew-options .text-link{margin:24px 0 0}
@media(max-width:720px){.crew-peek{width:76px;height:96px;left:2%;bottom:7%}.crew-peek::after{font-size:9px}.crew-peek::before{font-size:18px;right:-5px;top:6px}.crew-peek img{transform:translateY(0) rotate(-5deg)}.creators-hero>.crew-peek{width:82px;height:105px;right:5%;bottom:5px}.creators-word{padding-right:60px}.motion-home .brand-scene{padding:75px 5% 90px;gap:35px;min-height:0}.motion-home .brand-scene .brand-statement{font-size:12.5vw;line-height:1.13}.motion-home .brand-scene h2{font-size:31px}.crew-dialog{width:calc(100% - 20px);max-height:calc(100svh - 24px);padding:22px 18px;border-radius:18px}.crew-dialog h2{font-size:34px}.crew-dialog-heading{padding-right:25px}.crew-dialog-heading .section-label{display:block;max-width:230px;font-size:9px}.crew-room{grid-template-columns:1fr;gap:22px}.crew-feature{max-width:230px;justify-self:center;width:100%;border-radius:110px 110px 16px 16px}.crew-feature>img{height:210px}.crew-feature figcaption{font-size:15px;padding:12px}.crew-roster{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 4px}.crew-roster img{height:75px}.crew-roster span{font-size:10px}.crew-options>p{font-size:13px}.crew-close{width:42px;height:42px}.team-grid article>img{width:105px;height:135px}}
@media(max-height:650px){.crew-peek{bottom:15%;width:80px;height:100px}.crew-dialog{max-height:calc(100svh - 20px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.crew-peek img{transform:none}.crew-roster button:hover{transform:none}.rhythm-accent{translate:none!important}}

.motion-home .brand-scene h2 .scroll-word{font:inherit;letter-spacing:inherit}

/* Keep the Creators discovery in its own row, clear of text and floating navigation. */
.creators-signoff{display:flex;align-items:flex-end;gap:26px;margin-top:65px}
.creators-signoff>.creators-word{min-width:0;flex:1;margin:0;padding:0;font-size:clamp(52px,12.4vw,180px)}
.creators-signoff>.crew-peek{position:relative;inset:auto;flex:0 0 110px;width:110px;height:145px;margin-bottom:8px}
.creators-signoff>.crew-peek::after{display:none}
@media(max-width:720px){.creators-signoff{margin-top:45px;gap:12px}.creators-signoff>.creators-word{font-size:9.8vw}.creators-signoff>.crew-peek{flex-basis:76px;width:76px;height:100px;margin-bottom:0}}

@media(max-height:650px) and (max-width:720px){.motion-home .logo-space>.crew-peek{bottom:0;width:66px;height:82px}}