.motion-gallery,.motion-experiment{--study-color:#739ee8;max-width:1320px;margin:0 auto;padding-bottom:32px}.motion-eyebrow{font:11px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.15em;color:var(--muted-foreground)}.motion-gallery-heading{max-width:950px;padding:76px 0 64px}.motion-gallery-heading h1{letter-spacing:-.065em;font-size:clamp(42px,6vw,88px);font-weight:500;line-height:1.04}.motion-gallery-heading h1 em{font-family:var(--serif);font-weight:400}.motion-gallery-heading>p:not(.motion-eyebrow){max-width:570px;color:var(--muted-foreground);margin:28px 0 20px;font-size:16px}.motion-text-link{text-underline-offset:6px;font-size:13px}.motion-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 26px;display:grid}.motion-study{min-width:0;text-decoration:none}.study-cover{background:var(--muted);border:1px solid var(--border);height:290px;color:var(--study-color);place-items:center;display:grid;position:relative;overflow:hidden}.study-number{color:var(--foreground);font:12px monospace;position:absolute;top:18px;left:20px}.study-motif{font-size:150px;line-height:1;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.motion-study:hover .study-motif{transform:rotate(-8deg)scale(1.12)}.study-line{opacity:.35;background:currentColor;height:1px;position:absolute;bottom:30px;left:30px;right:30px}.study-caption{text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;margin:20px 0 10px;font-size:11px;display:flex}.motion-study h2{margin-bottom:8px;font-size:26px}.motion-study p{color:var(--muted-foreground);max-width:460px;margin:0;font-size:14px}.study-cover[data-study=gsap]{color:#b1492e;background:#f2e8e1}.study-cover[data-study=three]{color:#98baff;background:#101725}.study-cover[data-study=three] .study-number,.study-cover[data-study=barba] .study-number{color:#ddd}.study-cover[data-study=anime]{background:repeating-linear-gradient(0deg, transparent, transparent 29px, #8c782821 30px), var(--muted)}.study-cover[data-study=framer] .study-motif{transform:rotate(-12deg)}.study-cover[data-study=mojs] .study-motif{font-size:220px}.study-cover[data-study=theatre]{border:20px solid var(--muted);background:var(--background)}.study-cover[data-study=barba]{color:#e4cafa;background:linear-gradient(90deg,#292330 50%,#514060 50%)}.motion-gallery-note{color:var(--muted-foreground);margin-top:48px;font-size:13px}.motion-toolbar{border-block:1px solid var(--border);align-items:center;gap:24px;padding:14px 0;font-size:12px;display:flex}.motion-toolbar>a{text-decoration:none}.motion-library{margin:auto;font-weight:600}.motion-toolbar>div{gap:8px;display:flex}.motion-toolbar button,.stage-buttons button,.threshold-nav a,.motion-project button{border:1px solid var(--border);background:var(--background);color:var(--foreground);font:12px var(--sans);border-radius:30px;padding:8px 14px;text-decoration:none}.motion-toolbar button:hover,.stage-buttons button:hover,.threshold-nav a:hover{border-color:var(--muted-foreground);background:var(--muted)}.motion-toolbar button[aria-pressed=true]{background:var(--muted)}.motion-intro{padding:54px 0 30px}.motion-intro .motion-eyebrow span{margin-left:16px}.motion-intro h1{font:500 clamp(48px, 8.8vw, 132px)/1.04 var(--sans);letter-spacing:-.07em}.motion-word{white-space:pre;display:inline-block}.motion-intro-bottom{justify-content:space-between;align-items:center;gap:24px;margin-top:26px;font-size:14px;display:flex}.motion-intro-bottom p{margin:0}.motion-intro-bottom a{color:var(--muted-foreground);text-decoration:none}.motion-stage{background:var(--muted);border:1px solid var(--border);min-height:420px;position:relative;overflow:hidden}.motion-gesture{font:12px var(--sans);color:var(--muted-foreground);padding:15px 0 36px}.motion-profile{grid-template-columns:1fr 2fr;gap:36px;padding:40px 0 85px;display:grid}.motion-profile h2{font:400 clamp(24px, 3vw, 40px)/1.3 var(--serif);margin-bottom:20px}.motion-profile>div>p{max-width:65ch;color:var(--muted-foreground);font-size:16px}.motion-section-heading{border-top:1px solid var(--border);margin-bottom:16px;padding:25px 0}.motion-section-heading h2{font-size:clamp(27px,4vw,48px)}.motion-project{border-bottom:1px solid var(--border);background:var(--background);align-items:center;gap:30px;padding:32px 6px;display:flex;position:relative}.project-order{color:var(--muted-foreground);font:13px monospace}.motion-project>div{flex:1;min-width:0}.motion-project h3{font-size:clamp(19px,2.5vw,32px)}.motion-project p{color:var(--muted-foreground);margin:8px 0 0;font-size:12px}.motion-project>a{padding:10px;font-size:25px;text-decoration:none}.motion-skills{grid-template-columns:1fr 2fr;gap:36px;padding:85px 0;display:grid}.motion-skills>div{grid-template-columns:1fr 1fr;gap:28px;display:grid}.motion-skills h3{font-size:15px}.motion-skills p{color:var(--muted-foreground);margin:8px 0 0;font-size:13px}.motion-outro{border-block:1px solid var(--border);padding:72px 0}.motion-outro>p{color:var(--muted-foreground);font-size:13px}.motion-outro h2{font:400 clamp(30px, 4vw, 56px)/1.2 var(--serif);max-width:750px;margin-bottom:28px}.motion-contact{background:var(--foreground);color:var(--background);border-radius:99px;margin-right:24px;padding:13px 24px;font-size:14px;text-decoration:none;display:inline-block}.motion-colophon{color:var(--muted-foreground);justify-content:space-between;gap:24px;padding:24px 0;font-size:11px;display:flex}.motion-runtime-note{color:var(--muted-foreground);font-size:12px}.motion-runtime-note:empty{display:none}.stage-buttons{z-index:2;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.stage-buttons button[aria-pressed=true]{background:var(--foreground);color:var(--background)}[data-variant=gsap] .motion-intro h1{font-family:var(--serif);letter-spacing:-.065em}.type-stage{flex-direction:column;align-items:flex-start;min-height:460px;padding:36px 50px;display:flex;position:relative}.type-stage>span{letter-spacing:-.065em;font-size:clamp(45px,8vw,105px);font-weight:600;line-height:1.03}.type-stage>span:nth-child(2){font-family:var(--serif);align-self:center;font-style:italic;font-weight:400}.type-stage>span:nth-child(3){align-self:flex-end}.type-disc{color:#fff;width:74px;height:74px;font:italic 22px var(--serif);background:#b1492e;border-radius:50%;place-items:center;display:grid;position:absolute;top:40px;right:42px}[data-variant=three] .motion-stage{color:#bdd0f4;background:#101725;border-color:#243044}.orbit-stage{height:480px;position:relative}.three-canvas{position:absolute;inset:0}.three-canvas canvas{width:100%;height:100%;display:block}.orbit-fallback{place-items:center;display:grid;position:absolute;inset:40px}.orbit-fallback span{border:1px solid #7896c8;border-radius:50%;width:280px;height:280px;position:absolute;transform:rotateX(55deg)rotate(30deg)}.orbit-fallback span:nth-child(2){transform:rotateY(55deg)}.orbit-fallback span:nth-child(3){transform:rotateY(-55deg)}.orbit-fallback b{font:italic 40px var(--serif)}.stage-caption{pointer-events:none;font:12px monospace;position:absolute;bottom:26px;left:28px}.orbit-stage>.stage-buttons{position:absolute;bottom:20px;right:24px}.orbit-stage button{color:#dce5f5;background:#1e2b43;border-color:#546786}.signal-stage{color:var(--foreground);padding:25px 48px}.signal-stage svg{width:100%;height:330px}.signal-matrix{grid-template-columns:repeat(16,1fr);gap:7px;max-width:640px;margin:0 auto 20px;display:grid}.signal-matrix i{background:var(--study-color);opacity:.45;border-radius:2px;height:12px}.framer-fallback{gap:22px;padding:60px;display:grid}.framer-fallback strong{font:400 36px var(--serif)}.framer-board{min-height:420px;padding:38px}.framer-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.framer-tabs button{color:var(--foreground);font:12px var(--sans);isolation:isolate;background:0 0;border:0;padding:10px 14px;position:relative}.framer-tab-active{z-index:-1;background:var(--card);border:1px solid var(--input);border-radius:30px;position:absolute;inset:0}.framer-project{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:14px;min-height:235px;padding:34px;display:grid}.framer-project h2{font:400 clamp(24px, 3vw, 40px)/1.25 var(--serif);max-width:620px}.framer-project p{color:var(--muted-foreground);margin:0;font-size:13px}.framer-project a{justify-self:start;font-size:13px}.framer-index{color:var(--muted-foreground);font:13px monospace}.chapter-stage{grid-template-columns:1fr 1.5fr;align-items:center;gap:40px;min-height:440px;padding:40px;display:grid;position:relative}.chapter-count{font:300 clamp(110px, 19vw, 250px)/1 var(--sans);letter-spacing:-.08em;color:var(--muted-foreground)}.chapter-stage h2{font:400 clamp(30px, 4vw, 54px)/1.15 var(--serif)}.chapter-stage p:last-child{color:var(--muted-foreground);margin-top:24px;font-size:13px}.chapter-progress{background:var(--border);height:4px;position:absolute;bottom:0;left:0;right:0}.chapter-progress i{background:var(--foreground);width:0;height:100%;display:block}[data-variant=scrollmagic] .motion-work{border-left:1px solid var(--border);padding-left:40px;position:relative}[data-variant=scrollmagic] .motion-project{min-height:250px;transition:color .3s}[data-variant=scrollmagic] .motion-project:before{content:"";background:var(--muted-foreground);border:3px solid var(--background);border-radius:50%;width:12px;height:12px;position:absolute;left:-47px}[data-variant=scrollmagic] .motion-project.is-current:before{background:var(--foreground);box-shadow:0 0 0 5px var(--border)}.spark-stage{flex-direction:column;justify-content:center;align-items:center;height:450px;display:flex;position:relative}.burst-canvas{pointer-events:none;position:absolute;inset:0}.spark-orbit{border:1px dashed var(--input);border-radius:50%;width:300px;height:300px;position:absolute}.spark-button{border:1px solid var(--input);background:var(--card);color:var(--foreground);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:165px;height:165px;font-size:12px;display:flex;position:relative}.spark-button span{color:#b64672;font-size:54px;line-height:1}.spark-stage>p{color:var(--muted-foreground);margin:0;font-size:12px;position:absolute;bottom:22px}.project-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.theatre-stage{padding:26px 50px}.theatre-frame{background:var(--background);place-items:center;height:320px;display:grid;position:relative;overflow:hidden}.frame-corner{border-color:var(--muted-foreground);border-style:solid;width:35px;height:35px;position:absolute}.top-left{border-width:1px 0 0 1px;top:18px;left:18px}.bottom-right{border-width:0 1px 1px 0;bottom:18px;right:18px}.theatre-object{background:var(--foreground);width:150px;height:180px;color:var(--background);flex-direction:column;justify-content:space-between;padding:18px;display:flex;transform:rotate(-12deg)}.theatre-object>span{font:italic 30px var(--serif)}.theatre-object i{border-block:1px solid;height:40px;transform:skewY(-12deg)}.theatre-object b{font:11px monospace}.theatre-caption{margin:0;font:12px monospace;position:absolute;bottom:16px;left:24px}.timeline-label{justify-content:space-between;margin:16px 0 8px;font-size:12px;display:flex}.theatre-stage input{width:100%;accent-color:var(--foreground)}.timeline-ticks{color:var(--muted-foreground);justify-content:space-between;font:10px monospace;display:flex}.physics-stage{text-align:center;padding:24px 38px 30px}.physics-track{align-items:center;height:280px;display:grid;position:relative}.physics-guide{background:var(--input);height:1px;position:absolute;left:60px;right:60px}.physics-guide:before,.physics-guide:after{content:"";background:var(--foreground);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px}.physics-guide:after{right:0}.physics-tile{border:1px solid var(--input);background:var(--card);width:130px;height:170px;color:var(--foreground);touch-action:pan-y;cursor:grab;user-select:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;left:0}.physics-tile:active{cursor:grabbing}.physics-tile>span{font-size:30px}.physics-tile strong{font-size:25px;font-weight:500}.physics-tile small{color:var(--muted-foreground);font-size:10px}.physics-targets{margin-bottom:20px}.physics-stage>label{margin-right:12px;font-size:12px}.physics-stage select{border:1px solid var(--input);background:var(--background);border-radius:5px;padding:7px 12px;font-size:12px}.lottie-stage{padding:20px 40px 32px}.lottie-art{max-width:700px;height:350px;color:var(--foreground);margin:0 auto}.lottie-art>svg{width:100%;height:100%}.threshold-stage{background:var(--foreground);min-height:460px;color:var(--background);grid-template-columns:1fr 2fr;align-items:center;gap:25px;padding:50px;display:grid}.threshold-stage .motion-eyebrow{color:inherit;opacity:.7}.threshold-number{font:300 clamp(100px, 17vw, 210px)/1 var(--sans);opacity:.65;letter-spacing:-.1em}.threshold-stage h2{font:400 clamp(30px, 4.5vw, 56px)/1.1 var(--serif)}.threshold-stage>div>p:not(.motion-eyebrow){margin:18px 0;font-size:13px}.threshold-stage>div>a{font-size:13px}.threshold-nav{grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;font:11px monospace;display:flex}.threshold-nav a{color:inherit;background:0 0;border-color:currentColor}.threshold-nav a:hover{background:var(--background);color:var(--foreground)}[data-variant=anime] .motion-intro h1{font-family:monospace;font-size:clamp(38px,7.4vw,104px);font-weight:400}[data-variant=theatre] .motion-intro{text-align:center}[data-variant=theatre] .motion-intro h1{font-family:var(--serif);font-style:italic;font-weight:400}[data-variant=mojs] .motion-intro h1{font-weight:650}[data-variant=scrollmagic] .motion-intro h1{font-weight:300}[data-variant=barba] .motion-intro h1{font-family:var(--serif)}@media (width<=760px){.motion-gallery-heading{padding:38px 0}.motion-gallery-grid{gap:30px 16px}.study-cover{height:200px}.study-motif{font-size:100px}.motion-study h2{font-size:22px}.motion-toolbar{flex-wrap:wrap;gap:10px}.motion-toolbar>div{margin-left:auto}.motion-library{margin:0}.motion-intro{padding:38px 0 25px}.motion-intro .motion-eyebrow span{margin:4px 0;display:block}.motion-stage{min-height:340px}.motion-profile,.motion-skills{grid-template-columns:1fr;gap:15px;padding:32px 0 50px}.type-stage{min-height:340px;padding:65px 22px 30px}.type-disc{width:46px;height:46px;font-size:15px;top:18px;right:18px}.motion-project{gap:16px;padding:25px 0}.motion-project h3{font-size:21px}.motion-colophon{flex-wrap:wrap}.orbit-stage{height:360px}.stage-caption{font-size:10px;bottom:22px;left:15px;right:95px}.signal-stage{padding:12px}.signal-stage svg{height:240px}.signal-matrix{grid-template-columns:repeat(16,1fr);gap:4px;padding:0 12px}.framer-board{min-height:360px;padding:20px}.framer-project{padding:22px}.chapter-stage{grid-template-columns:1fr;gap:20px;min-height:350px;padding:25px}.chapter-count{font-size:110px}.chapter-stage h2{font-size:30px}.spark-stage{height:350px}.spark-orbit{width:250px;height:250px}.spark-stage>p{font-size:10px}.theatre-stage{padding:18px}.theatre-frame{height:270px}.physics-stage{padding:15px}.physics-track{height:230px}.physics-tile{width:100px;height:145px}.lottie-stage{padding:5px 12px 25px}.lottie-art{height:280px}.threshold-stage{grid-template-columns:1fr;gap:20px;padding:28px}.threshold-number{font-size:95px}.threshold-stage h2{font-size:32px}.threshold-nav a{padding:8px 10px}.motion-intro-bottom{font-size:12px}.motion-outro{padding:42px 0}.motion-outro .motion-text-link{margin-top:20px;display:inline-block}}@media (width<=480px){.motion-gallery-grid{grid-template-columns:1fr}.study-cover{height:240px}.motion-gallery-heading h1{font-size:42px}.motion-toolbar>div{gap:4px}.motion-toolbar button{padding:7px 9px;font-size:11px}.motion-toolbar>a,.motion-library{font-size:11px}.motion-skills>div{grid-template-columns:1fr}.motion-intro h1{font-size:45px}.motion-intro-bottom{align-items:flex-start}.motion-intro-bottom>a{white-space:nowrap}.signal-stage svg{height:220px}.framer-tabs button{padding:8px 10px;font-size:11px}.motion-gesture{padding-bottom:18px}.motion-project h3{font-size:18px}.motion-project>a{padding:5px}[data-variant=scrollmagic] .motion-work{padding-left:22px}[data-variant=scrollmagic] .motion-project:before{left:-29px}.motion-colophon{gap:16px}.physics-tile{width:84px;height:130px}.physics-tile strong{font-size:21px}.physics-tile small{font-size:9px}.stage-buttons button{font-size:11px}}@media (prefers-reduced-motion:reduce){.study-motif,.motion-project{transition:none!important}.motion-study:hover .study-motif{transform:none}.motion-experiment *{scroll-behavior:auto}}.study-cover[data-study=gsap] .study-number{color:#4a3028}.study-cover>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.motion-study:hover .study-cover>img{transform:scale(1.045)}@media (prefers-reduced-motion:reduce){.study-cover>img{transition:none}.motion-study:hover .study-cover>img{transform:none}}