@charset "UTF-8";
@layer components {
.motion-landing .showcase{padding-block:100px 50px}
.motion-landing .showcase-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:40px;margin-bottom:48px}
.motion-landing .showcase-heading>div>p:not(.eyebrow){max-width:330px;line-height:1.7;color:var(--wf-muted)}
.motion-landing .showcase-motion{display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:1px solid var(--wf-rule);background:transparent;color:var(--wf-muted);font:12px/1.5 var(--sans);padding:8px 0;margin-top:8px;min-height:40px;cursor:pointer}
.motion-landing .showcase-motion:hover{color:var(--wf-accent-ink)}
.motion-landing .showcase-note{display:block;font:12px/1.6 var(--wf-mono);color:var(--wf-muted);margin-top:16px}
.motion-landing .showcase-reel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
.motion-landing .showcase-film{min-width:0;margin:0}
.motion-landing .showcase-film:nth-child(even){padding-top:52px}
.motion-landing .showcase-screen{position:relative;overflow:hidden;aspect-ratio:9/14;background:var(--wf-soft);border-radius:100px 100px 8px 8px;isolation:isolate}
.motion-landing .showcase-film:nth-child(even) .showcase-screen{border-radius:8px 8px 100px 100px}
.motion-landing .showcase-screen video{width:100%;height:100%;object-fit:cover;display:block}
.motion-landing .showcase-number{position:absolute;top:18px;left:50%;transform:translateX(-50%);font:italic 20px Georgia,serif;color:#fff;mix-blend-mode:difference}
.motion-landing .showcase-film:nth-child(even) .showcase-number{top:auto;bottom:20px}
.motion-landing .showcase-caption{padding-top:24px}
.motion-landing .showcase-caption .eyebrow{font-size:10px;letter-spacing:.12em}
.motion-landing .showcase-caption h3{font:400 clamp(22px,2vw,30px)/1.15 var(--serif);letter-spacing:-.7px;margin:12px 0}
.motion-landing .showcase-caption p{font-size:13px;line-height:1.7;color:var(--wf-muted);max-width:250px;margin:0}
.motion-landing .showcase-endnote{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--wf-rule);padding:36px 0;font-size:13px;color:var(--wf-muted)}
.motion-landing .showcase-endnote a{color:var(--wf-accent-ink)}
@media(max-width:820px){.motion-landing .showcase-reel{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.motion-landing .showcase-heading{grid-template-columns:1fr;gap:20px}.motion-landing .showcase-film:nth-child(even){padding-top:32px}.motion-landing .showcase{padding-block:64px 24px}}
@media(max-width:500px){.motion-landing .showcase-reel{gap:28px 14px}.motion-landing .showcase-screen{border-radius:65px 65px 6px 6px}.motion-landing .showcase-film:nth-child(even) .showcase-screen{border-radius:6px 6px 65px 65px}.motion-landing .showcase-caption h3{font-size:23px}.motion-landing .step-list{gap:16px}.motion-landing .step strong{font-size:clamp(19px,5.4vw,26px);line-height:1.2}.motion-landing .step-label{font-size:10px;letter-spacing:0}}
}
@layer base {
:root{--paper:var(--wf-paper);--ink:var(--wf-ink);--muted:var(--wf-muted);--rule:var(--wf-rule);--orange:var(--wf-accent-ink);--green:var(--wf-soft);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--wf-text-md);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--wf-rule);outline-offset:6px}::selection{background:var(--wf-soft);color:var(--ink)}[hidden]{display:none!important}.shell{width:min(1344px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:10px;left:10px;transform:translateY(-160%);background:var(--ink);color:var(--paper);padding:var(--wf-space-4);z-index:10}.skip:focus{transform:none}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:25px}.wordmark{font-size:27px;font-weight:750;letter-spacing:-1.6px;display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.wordmark svg{width:32px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:square}.wordmark-dot{font-family:var(--sans);font-size:10px;align-self:flex-start;letter-spacing:0;margin:3px 0 0 -8px}.site-header nav{display:flex;gap:30px;font-size:var(--wf-text-control)}.site-header nav a,.site-footer nav a{padding-block:var(--wf-space-3)}.site-header nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:6px}.nav-entry{font-size:var(--wf-text-control);border-bottom:1px solid var(--ink);padding:10px 0;display:flex;gap:26px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:770px;padding-top:45px;padding-bottom:56px;gap:var(--wf-space-4)}.eyebrow{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:1.4px;text-transform:uppercase;line-height:1.7;margin:0 0 28px;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block;flex:none}.hero h1{font-size:clamp(72px,6.6vw,104px);letter-spacing:-6px;font-weight:500;line-height:.99;margin:0 0 28px;position:relative;z-index:1}.hero h1 em{font-family:var(--serif);font-size:1.15em;font-weight:400;color:var(--orange);letter-spacing:-6px;line-height:.96}.hero-description{font-size:var(--wf-text-reading);color:var(--muted);line-height:1.75;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:18px 22px;font-size:var(--wf-text-sm);border:1px solid var(--ink);transition:background var(--wf-motion-normal),transform var(--wf-motion-normal)}.button.dark{background:var(--ink);color:var(--paper)}.button:hover{background:var(--wf-inverse);transform:translateY(-2px)}.button span{font-size:var(--wf-text-lg);line-height:1}.studio-note{font-family:var(--mono);font-size:9px;line-height:1.6;color:var(--muted)}.hero-world{overflow:clip;margin:0;position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.art-topline{position:absolute;top:6px;left:25px;right:0;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.6px;color:var(--muted)}.hero-art{display:block;width:118%;height:auto;max-height:640px;margin-left:-9%;object-fit:contain}.art-cross{position:absolute;font-family:var(--mono);font-size:var(--wf-text-lg);font-weight:400;color:var(--wf-muted)}.art-cross.left{left:2%;top:39%}.art-cross.right{right:-2%;top:75%}.hero-world figcaption{display:flex;gap:18px;align-items:flex-start;font-size:17px;line-height:1.4;margin:0 15px 0 25px}.concept-number{font-family:var(--mono);font-size:var(--wf-text-xs);margin-top:3px;padding:6px;border:1px solid var(--rule)}.hero-world figcaption small{display:block;font-size:10px;color:var(--muted);margin-top:var(--wf-space-2)}.hero-world figcaption a{margin-left:auto;font-size:var(--wf-text-title);line-height:1}.principle-strip{background:var(--green);border-block:1px solid var(--wf-rule)}.principle-strip .shell{display:flex;align-items:center;justify-content:space-between;padding-block:var(--wf-space-5);gap:var(--wf-space-5);font-family:var(--serif);font-size:var(--wf-text-lg);letter-spacing:-.3px}.strip-star{font-family:var(--sans);font-size:27px;font-weight:400}.section{padding-block:104px}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:55px;margin-bottom:54px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:20px}h2{font-size:clamp(38px,3.9vw,58px);font-weight:500;letter-spacing:-2.7px;line-height:1.08;margin:0}h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-2.3px}.section-heading>p:last-child{font-size:var(--wf-text-base);color:var(--muted);line-height:1.8;align-self:end;margin:0 0 5px}.workflow-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:76px;align-items:stretch}.step-list{display:flex;flex-direction:column}.step{display:flex;align-items:flex-start;text-align:left;padding:25px 5px 23px 0;gap:25px;border:0;border-top:1px solid var(--rule);background:transparent;cursor:pointer;position:relative}.step:before{position:absolute;content:'';top:-1px;left:0;width:0;height:2px;background:var(--orange);transition:width var(--wf-motion-normal)}.step.active:before{width:100%}.step-number{font-family:var(--mono);font-size:var(--wf-text-xs);padding-top:7px;color:var(--muted)}.step strong{display:block;font-weight:500;font-size:22px;letter-spacing:-.7px;line-height:1.2}.step-copy{display:block;font-size:var(--wf-text-control);line-height:1.75;color:var(--muted);max-width:310px;margin-top:var(--wf-space-3)}.step-label{display:flex;justify-content:space-between;margin-top:17px;font-family:var(--mono);font-size:9px;letter-spacing:1.2px;color:var(--muted)}.step.active .step-label{color:var(--orange)}.step-label>span{font-size:18px;line-height:.65}.concept-demo{background:var(--wf-soft);border:1px solid var(--wf-rule);display:flex;flex-direction:column;min-width:0}.demo-bar{display:flex;align-items:center;gap:var(--wf-space-3);height:49px;border-bottom:1px solid var(--wf-rule);padding-inline:20px;font-family:var(--mono);font-size:9px;letter-spacing:.6px}.mini-mark{font-family:var(--serif);font-size:var(--wf-text-xl);font-style:italic;letter-spacing:-2px;line-height:1}.demo-kind{margin-left:auto;color:var(--muted);font-size:8px;letter-spacing:0}.demo-panel{min-height:440px;flex:1;padding:26px}.paper-brief{background:var(--wf-surface);padding:27px var(--wf-space-6) 20px;box-shadow:0 8px 24px color-mix(in srgb,var(--wf-shadow) 3.53%,transparent);border:1px solid var(--wf-rule);transform:rotate(-1.3deg);max-width:390px;margin:var(--wf-space-2) auto}.paper-brief .eyebrow{font-size:8px;margin-bottom:21px}.paper-brief h3{font-family:var(--serif);font-weight:400;font-size:29px;letter-spacing:-1px;line-height:1.14;margin:0 0 20px}.brief-rule{width:40px;border-top:2px solid var(--orange)}dl{margin-block:20px}dt{font-family:var(--mono);font-size:8px;letter-spacing:1px;margin-top:18px;color:var(--muted)}dd{font-size:var(--wf-text-xs);line-height:1.7;margin:6px 0 0}.pencil-note{display:block;color:var(--orange);font-family:var(--serif);font-size:var(--wf-text-base);font-style:italic;margin-top:21px}.demo-status{display:flex;align-items:center;gap:var(--wf-space-2);padding:15px 19px;border-top:1px solid var(--wf-rule);font-family:var(--mono);font-size:9px;line-height:1.5}.demo-status .status-dot{width:4px;height:4px}.demo-count{margin-left:auto;white-space:nowrap;font-size:8px;color:var(--muted)}.board-heading h3{font-size:28px;font-family:var(--serif);font-weight:400;letter-spacing:-.6px;margin:0 0 var(--wf-space-4)}.board-heading .eyebrow{font-size:8px;margin-bottom:30px}.sample-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sample-board figure{margin:0;min-width:0}.sketch{height:175px;background:var(--paper);overflow:hidden;position:relative;border:1px solid var(--wf-rule)}.sketch img{width:160%;max-width:none;height:100%;object-fit:cover;margin-left:-30%}.orange-sketch{display:grid;place-items:center}.orange-sketch span{width:70%;aspect-ratio:1;border:1px solid var(--wf-rule);border-radius:50%;position:relative;transform:rotate(-15deg)}.orange-sketch span:before{content:'';position:absolute;top:-9px;left:50%;height:10px;border-left:2px solid var(--wf-rule)}.orange-sketch:after{content:'';height:1px;width:85%;background:var(--wf-soft);position:absolute;bottom:28px;transform:rotate(-7deg)}.detail-sketch img{transform:scale(1.8);transform-origin:55% 57%}.sample-board figcaption{font-size:10px;line-height:1.5;margin-top:13px}.sample-board figcaption span{display:block;font-family:var(--mono);font-size:7px;letter-spacing:.3px;margin-bottom:9px;color:var(--muted)}.demo-footnote{font-family:var(--serif);font-size:var(--wf-text-sm);font-style:italic;color:var(--muted);margin:27px 0 0}.demo-panel[data-panel=film]{padding:0;position:relative;display:flex;flex-direction:column}.film-concept{height:290px;background:var(--wf-soft);position:relative;overflow:hidden}.film-concept img{display:block;width:100%;height:128%;object-fit:contain;margin-top:-8%}.film-slug{position:absolute;bottom:12px;left:20px;font-family:var(--mono);font-size:8px;letter-spacing:1px}.film-caption{padding:20px 25px;display:flex;gap:20px;align-items:flex-start}.film-caption h3{font-size:21px;font-family:var(--serif);font-weight:400;line-height:1.2;margin:0;flex:1}.film-caption p{font-size:10px;line-height:1.7;color:var(--muted);max-width:170px;margin:3px 0 0;flex:1}.no-script-note{font-size:var(--wf-text-control);color:var(--muted)}.perspective{background:var(--wf-inverse);color:var(--paper)}.perspective-inner{padding-block:94px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.perspective .eyebrow{color:var(--wf-inverse-muted)}.perspective h2{font-size:clamp(36px,3.6vw,53px)}.perspective h2 em{color:var(--wf-inverse-muted)}.perspective-intro{font-size:var(--wf-text-base);line-height:1.8;color:var(--wf-inverse-muted);margin-block:25px}.frame-motif{border:1px solid var(--wf-rule);width:242px;height:145px;display:grid;grid-template-columns:1fr 1fr;position:relative;padding:15px;margin-top:40px;font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:1px;transform:rotate(-5deg)}.frame-motif>span:last-child{align-self:end;grid-column:2;text-align:right}.frame-motif i{font-family:var(--serif);font-size:130px;line-height:.8;font-weight:400;font-style:italic;color:var(--wf-muted);position:absolute;left:35%;top:20px}.perspective-notes{padding-top:28px}.perspective-notes article{display:flex;gap:var(--wf-space-5);border-top:1px solid var(--wf-inverse-rule);padding-block:26px}.note-index{font-family:var(--serif);font-size:19px;color:var(--wf-muted);min-width:24px}.perspective-notes h3{font-size:19px;letter-spacing:-.4px;font-weight:400;margin:0 0 var(--wf-space-3)}.perspective-notes p{font-size:var(--wf-text-sm);line-height:1.85;color:var(--wf-inverse-muted);margin:0;max-width:380px}.studio-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-bottom:1px solid var(--rule)}.studio-heading .eyebrow{margin-bottom:23px}.studio-details{padding-top:38px}.studio-details p{font-size:var(--wf-text-base);color:var(--muted);line-height:1.85;max-width:420px;margin:0 0 19px}.text-link{display:flex;gap:25px;width:fit-content;font-size:var(--wf-text-sm);border-bottom:1px solid var(--ink);padding:var(--wf-space-2) 0;margin-top:25px}.text-link:hover{color:var(--orange)}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq .eyebrow{margin-bottom:var(--wf-space-5)}.faq h2{font-size:45px}.faq-list{border-top:1px solid var(--rule)}details{border-bottom:1px solid var(--rule)}summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:var(--wf-space-5) 0;list-style:none;font-size:var(--wf-text-base);cursor:pointer;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span{font-family:var(--mono);font-size:var(--wf-text-lg);font-weight:400}details[open] summary>span{transform:rotate(45deg)}details p{font-size:var(--wf-text-control);line-height:1.85;color:var(--muted);margin:0 35px 25px 0}.closing{border-top:1px solid var(--rule);padding-block:72px 82px;position:relative;overflow:hidden}.closing .eyebrow{margin-bottom:26px}.closing h2{font-size:clamp(55px,6.2vw,88px);letter-spacing:-4px}.closing h2 em{color:var(--orange);letter-spacing:-4px}.closing .button{margin-top:31px}.closing-scribble{position:absolute;right:2%;top:5%;font-family:var(--serif);font-size:330px;font-weight:400;font-style:italic;line-height:1;color:var(--wf-muted);letter-spacing:-60px;transform:rotate(-16deg);pointer-events:none;z-index:-1}.site-footer{padding-block:var(--wf-space-6);display:flex;gap:28px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--rule)}.site-footer .wordmark{font-size:23px}.site-footer>span{font-family:var(--serif);font-size:var(--wf-text-control);color:var(--muted)}.site-footer nav{display:flex;gap:25px;margin-left:auto;font-size:10px}.site-footer small{font-family:var(--mono);font-size:8px;color:var(--muted);width:100%;margin-top:5px}
@media(min-width:1101px) and (max-height:800px){.hero{min-height:650px;padding-top:var(--wf-space-6);padding-bottom:40px}.hero-art{max-height:490px}.hero h1{font-size:78px}.hero-copy .eyebrow{margin-bottom:22px}}
@media(min-width:1550px){.hero{min-height:850px}.hero-art{max-height:690px}.hero-world figcaption{margin-top:-15px}.hero h1{font-size:112px}}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.site-header nav{gap:20px;font-size:var(--wf-text-xs)}.hero{min-height:710px;gap:0}.hero h1{font-size:80px;letter-spacing:-4px}.hero h1 em{letter-spacing:-4px}.hero-description{font-size:var(--wf-text-control)}.hero-art{width:125%;margin-left:-13%}.art-topline{font-size:8px;left:12px}.art-topline span:first-child{display:none}.art-topline span:last-child{margin-left:auto}.hero-world figcaption{font-size:var(--wf-text-reading);margin-left:var(--wf-space-3);gap:var(--wf-space-3)}.workflow-layout{gap:40px}.section{padding-block:80px}.step{gap:18px}.step strong{font-size:19px}.step-copy{font-size:var(--wf-text-sm)}.demo-panel{padding:20px}.paper-brief{padding:25px}.sample-board{gap:7px}.sketch{height:145px}.perspective-inner,.studio-section{gap:60px}.faq{gap:50px}.faq h2{font-size:40px}.site-footer{gap:20px}.site-footer>span{display:none}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.site-header{height:83px}.wordmark{font-size:var(--wf-text-xl);gap:9px}.wordmark svg{width:27px}.site-header nav{display:none}.nav-entry{font-size:var(--wf-text-xs);gap:var(--wf-space-4)}.hero{grid-template-columns:1fr 1fr;min-height:650px;padding-block:45px}.hero h1{font-size:65px;letter-spacing:-3.5px}.hero h1 em{letter-spacing:-4px}.hero .eyebrow{font-size:8px;letter-spacing:.8px}.hero-description{font-size:var(--wf-text-sm)}.hero-actions{gap:var(--wf-space-3);flex-wrap:wrap}.button{font-size:var(--wf-text-xs);padding:15px 17px;gap:25px}.studio-note{font-size:8px}.hero-art{width:145%;margin-left:-22%}.hero-world figcaption{font-size:var(--wf-text-control);gap:var(--wf-space-2)}.hero-world figcaption small{font-size:8px}.concept-number{font-size:8px}.hero-world figcaption a{font-size:23px}.principle-strip .shell{font-size:var(--wf-text-md);gap:var(--wf-space-4);padding-block:21px}.strip-star{font-size:var(--wf-text-lg)}.section-heading{gap:28px}.section-heading>p:last-child{font-size:var(--wf-text-sm)}h2{font-size:43px}.workflow-layout{gap:30px;grid-template-columns:.8fr 1.2fr}.step strong{font-size:18px}.step-copy{font-size:var(--wf-text-xs)}.step{gap:var(--wf-space-3);padding-block:22px}.step-number{font-size:9px}.demo-bar{padding-inline:13px;font-size:8px;gap:var(--wf-space-2)}.demo-kind{font-size:7px}.demo-panel{padding:18px var(--wf-space-3);min-height:440px}.paper-brief{padding:var(--wf-space-5) 20px;margin-top:15px}.paper-brief h3{font-size:25px}.sample-board{grid-template-columns:1fr}.sample-board figure{display:flex;align-items:center;gap:14px}.sketch{height:83px;width:75px;flex:none}.sample-board figcaption{margin:0}.board-heading h3{font-size:25px}.board-heading .eyebrow{margin-bottom:18px}.demo-footnote{font-size:var(--wf-text-xs);margin-top:18px}.film-caption{flex-direction:column;gap:5px;padding:20px}.film-caption p{max-width:none;font-size:10px}.film-concept{height:290px}.film-concept img{width:130%;margin-left:-15%}.demo-status{padding:13px var(--wf-space-3);font-size:8px}.demo-count{display:none}.perspective-inner{gap:35px;padding-block:70px}.perspective h2{font-size:37px}.perspective-notes article{gap:15px;padding-block:23px}.perspective-notes h3{font-size:17px}.perspective-notes p{font-size:var(--wf-text-xs)}.perspective-intro{font-size:var(--wf-text-sm)}.studio-section{gap:40px}.studio-section h2{font-size:39px}.studio-details p{font-size:var(--wf-text-sm)}.faq{gap:40px;grid-template-columns:.85fr 1.15fr}.faq h2{font-size:36px}summary{font-size:var(--wf-text-sm);padding-block:21px}details p{font-size:var(--wf-text-sm);margin-right:15px}.closing-scribble{font-size:280px;right:9%;top:14%}}
@media(max-width:700px){html{scroll-padding-top:20px}.site-header{height:77px}.wordmark{font-size:23px}.wordmark svg{width:25px}.hero{display:flex;flex-direction:column;gap:35px;align-items:stretch;padding-top:40px;padding-bottom:40px}.hero .eyebrow{font-size:9px;margin-bottom:25px}.hero h1{font-size:clamp(66px,15vw,88px);letter-spacing:-4px;margin-bottom:25px}.hero-description{font-size:var(--wf-text-base);line-height:1.75}.hero-actions{gap:23px}.button{padding:17px 20px;gap:var(--wf-space-6);font-size:var(--wf-text-sm)}.studio-note{font-size:9px}.hero-world{min-height:425px;justify-content:flex-start}.art-topline{position:relative;inset:auto;margin-bottom:-20px;font-size:8px}.art-topline span:first-child{display:inline}.art-topline span:last-child{margin-left:0}.hero-art{width:110%;margin-left:-5%;height:auto;max-height:430px}.hero-world figcaption{font-size:var(--wf-text-reading);margin:-14px 0 0;gap:13px}.hero-world figcaption small{font-size:9px}.concept-number{font-size:10px}.art-cross.left{left:0;top:45%}.art-cross.right{right:0;top:72%}.principle-strip .shell{justify-content:center;gap:var(--wf-space-4);font-size:var(--wf-text-md);flex-wrap:wrap;padding-block:20px}.principle-strip .shell>span:nth-child(n+4){display:none}.section{padding-block:65px}.section-heading{display:block;margin-bottom:33px}.eyebrow{font-size:9px;letter-spacing:1px}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:41px;letter-spacing:-2px}h2 em{letter-spacing:-1.9px}.section-heading>p:last-child{margin-top:22px;font-size:var(--wf-text-control)}.workflow-layout{display:flex;flex-direction:column;gap:26px}.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wf-space-3)}.step{flex-direction:column;gap:11px;padding-top:18px;padding-bottom:var(--wf-space-3)}.step-number{padding:0;font-size:10px}.step strong{font-size:var(--wf-text-reading);letter-spacing:-.4px;line-height:1.25;min-height:40px}.step-copy{display:none}.step-label{font-size:7px;letter-spacing:.1px;margin-top:14px;gap:3px}.step-label>span{font-size:var(--wf-text-reading)}.demo-bar{height:44px;padding-inline:18px;font-size:8px}.demo-kind{font-size:7px}.demo-panel{min-height:420px;padding:var(--wf-space-5) 17px}.paper-brief{max-width:330px;margin:5px auto;padding:26px}.paper-brief h3{font-size:29px}.paper-brief dd{font-size:var(--wf-text-xs)}.paper-brief dt{font-size:8px}.demo-status{padding:var(--wf-space-4) 15px;font-size:8px}.demo-count{display:inline;font-size:7px}.sample-board{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wf-space-2);margin-top:35px}.sample-board figure{display:block}.sketch{width:100%;height:145px}.sample-board figcaption{margin-top:var(--wf-space-3);font-size:10px}.sample-board figcaption span{font-size:6px}.demo-footnote{margin-top:25px;font-size:var(--wf-text-sm)}.film-concept{height:285px}.film-concept img{width:115%;margin-left:-7.5%}.film-caption{flex-direction:row;gap:15px;padding:23px 20px}.film-caption h3{font-size:21px}.film-caption p{font-size:10px}.perspective-inner{display:block;padding-block:65px}.perspective h2{font-size:40px}.perspective-intro{font-size:var(--wf-text-base);margin-top:23px}.frame-motif{width:200px;height:120px;margin-top:35px}.frame-motif i{font-size:108px;top:14px}.perspective-notes{padding-top:50px}.perspective-notes article{gap:20px}.perspective-notes h3{font-size:var(--wf-text-lg)}.perspective-notes p{font-size:var(--wf-text-control);line-height:1.85;max-width:none}.studio-section{display:block}.studio-section h2{font-size:41px}.studio-details{padding-top:28px}.studio-details p{font-size:var(--wf-text-base);line-height:1.8}.text-link{font-size:var(--wf-text-sm);margin-top:23px}.faq{display:block}.faq h2{font-size:41px;margin-bottom:35px}summary{font-size:var(--wf-text-control);padding-block:23px}details p{font-size:var(--wf-text-control)}.closing{padding-block:55px 65px}.closing h2{font-size:59px;letter-spacing:-3px}.closing h2 em{letter-spacing:-3px}.closing .eyebrow{font-size:9px;margin-bottom:23px}.closing-scribble{font-size:210px;right:14%;top:37%;opacity:.65;z-index:0}.closing h2,.closing .button{position:relative;z-index:1}.site-footer{padding-block:25px;gap:var(--wf-space-5)}.site-footer .wordmark{font-size:25px;width:100%}.site-footer nav{margin:0;gap:var(--wf-space-5);font-size:var(--wf-text-xs);flex-wrap:wrap}.site-footer small{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* One identity, from the first look to the working canvas. */
.motion-landing .hero{grid-template-columns:1fr 1fr;gap:42px;min-height:740px;padding-block:65px 70px}
.motion-landing .hero h1{font-size:clamp(64px,6.5vw,101px);letter-spacing:-5px;line-height:1.02;margin-bottom:28px}
.motion-landing .hero h1 em{display:inline-block;font-size:.87em;letter-spacing:-3.6px;line-height:1.12;color:var(--wf-accent-ink)}
.motion-landing .hero-description{font-size:17px;line-height:1.75;max-width:390px;color:var(--wf-muted)}
.motion-landing .eyebrow{font-size:var(--wf-text-xs);letter-spacing:1.15px}
.motion-landing .hero-world{overflow:visible;align-self:center;gap:23px;transform:rotate(1.8deg)}
.motion-landing .art-topline{position:static;font-size:10px;letter-spacing:.6px;gap:var(--wf-space-4);line-height:1.6;color:var(--wf-muted)}
.motion-landing .motion-frame{position:relative;border-radius:5px;background:var(--wf-media);box-shadow:16px 20px 0 var(--wf-glow);padding:var(--wf-space-2);isolation:isolate}
.motion-landing .hero-art{display:block;width:100%;height:auto;max-height:none;margin:0;aspect-ratio:3/2;object-fit:contain;object-position:center;border-radius:2px}
.motion-landing .motion-frame:after{pointer-events:none;content:'';position:absolute;inset:8px;background:linear-gradient(transparent 65%,color-mix(in srgb,var(--wf-media) 70.20%,transparent));z-index:1}
.motion-landing .motion-tag{position:absolute;right:-23px;top:30px;background:var(--wf-highlight);color:var(--wf-ink);border-radius:50%;display:grid;align-content:center;text-align:center;width:102px;height:102px;font-size:var(--wf-text-base);font-weight:700;line-height:1.35;transform:rotate(9deg);z-index:3;box-shadow:0 4px 20px color-mix(in srgb,var(--wf-shadow) 18.82%,transparent)}
.motion-landing .motion-frame-label{position:absolute;bottom:24px;left:25px;color:var(--wf-media-ink);font-family:var(--mono);font-size:10px;letter-spacing:1px;z-index:2}
.motion-landing .hero-world figcaption{margin:var(--wf-space-3) 0 0;gap:17px;font-size:21px;line-height:1.35}
.motion-landing .hero-world figcaption strong{font-weight:500;color:var(--wf-accent-ink)}
.motion-landing .hero-world figcaption small{font-size:var(--wf-text-sm);color:var(--wf-muted);margin-top:var(--wf-space-2)}
.motion-landing .concept-number{font-size:var(--wf-text-sm);border-color:var(--wf-rule)}
.motion-landing .button,.motion-landing .nav-entry{font-size:var(--wf-text-base)}
.motion-landing .site-header nav{font-size:var(--wf-text-base)}
.motion-landing .studio-note{font-family:var(--sans);font-size:var(--wf-text-sm);line-height:1.6}
.motion-landing .principle-strip{background:var(--wf-highlight);border-color:var(--wf-rule)}
.motion-landing .principle-strip .shell{font-size:23px;padding-block:26px}
.motion-landing .section-heading>p:last-child{font-size:var(--wf-text-md);max-width:400px}
.motion-landing .step-copy{font-size:var(--wf-text-reading);line-height:1.75}
.motion-landing .step-label,.motion-landing .step-number{font-size:var(--wf-text-xs)}
.motion-landing .step strong{font-size:25px}
.motion-landing .demo-bar{font-size:var(--wf-text-xs);min-height:58px;gap:11px}
.motion-landing .demo-kind{font-size:10px}
.motion-landing .demo-panel{min-height:470px}
.motion-landing .paper-brief{padding:30px;max-width:410px}
.motion-landing .paper-brief h3{font-size:34px}
.motion-landing .paper-brief .eyebrow,.motion-landing dt{font-size:10px}
.motion-landing dd{font-size:var(--wf-text-base);line-height:1.65}
.motion-landing .pencil-note{font-size:17px}
.motion-landing .board-heading .eyebrow{font-size:10px;letter-spacing:.4px}
.motion-landing .sketch{height:190px;background:var(--wf-inverse);border:0;border-radius:3px}
.motion-landing .sketch img{display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:cover;transform:none}
.motion-landing .shuttle-study img{object-position:82% center}
.motion-landing .planet-study img{object-position:42% 25%}
.motion-landing .horizon-study img{object-position:8% center}
.motion-landing .sample-board figcaption{font-size:var(--wf-text-control);line-height:1.6}
.motion-landing .sample-board figcaption span{font-size:9px;letter-spacing:0;line-height:1.5;margin-bottom:var(--wf-space-2)}
.motion-landing .demo-footnote{font-size:var(--wf-text-reading);line-height:1.6}
.motion-landing .film-concept{height:325px;background:var(--wf-inverse)}
.motion-landing .film-concept img{width:100%;height:100%;margin:0;object-fit:cover}
.motion-landing .film-slug{color:var(--wf-muted);background:var(--wf-inverse);padding:var(--wf-space-2) 10px;font-size:10px;bottom:15px;left:15px}
.motion-landing .film-caption{padding:25px}
.motion-landing .film-caption h3{font-size:27px}
.motion-landing .film-caption p{font-size:var(--wf-text-control);max-width:210px}
.motion-landing .demo-status{font-size:var(--wf-text-xs);padding:var(--wf-space-4) 18px}
.motion-landing .demo-count{font-size:10px}
.motion-landing .perspective-intro{font-size:var(--wf-text-md);color:var(--wf-inverse-muted)}
.motion-landing .perspective-notes p{font-size:var(--wf-text-reading);color:var(--wf-inverse-muted);line-height:1.8}
.motion-landing .perspective-notes h3{font-size:22px}
.motion-landing .perspective h2 em{color:var(--wf-highlight)}
.motion-landing .frame-motif{font-size:10px}
.motion-landing .studio-details p{font-size:var(--wf-text-md);max-width:470px}
.motion-landing .text-link{font-size:var(--wf-text-base)}
.motion-landing .faq summary{font-size:var(--wf-text-md)}
.motion-landing .faq details p{font-size:var(--wf-text-reading);line-height:1.8}
.motion-landing .site-footer nav{font-size:var(--wf-text-control)}
.motion-landing .site-footer small{font-size:var(--wf-text-xs)}
@media(min-width:1550px){.motion-landing .hero{min-height:800px}}
@media(max-width:1100px){.motion-landing .hero{gap:30px;min-height:680px}.motion-landing .hero h1{font-size:67px;letter-spacing:-3px}.motion-landing .hero h1 em{letter-spacing:-2.5px}.motion-landing .hero-description{font-size:var(--wf-text-md)}.motion-landing .hero-actions{align-items:flex-start;flex-direction:column;gap:var(--wf-space-4)}.motion-landing .motion-tag{width:85px;height:85px;font-size:var(--wf-text-sm)}.motion-landing .workflow-layout{gap:30px}.motion-landing .demo-kind{display:none}}
@media(max-width:760px){.motion-landing .hero{grid-template-columns:1fr;gap:45px;min-height:0;padding-block:42px 55px}.motion-landing .hero h1{font-size:clamp(59px,11vw,86px)}.motion-landing .hero h1 em{font-size:.9em}.motion-landing .hero-description{max-width:470px}.motion-landing .hero-actions{flex-direction:row;align-items:center}.motion-landing .hero-world{margin-right:10px;transform:rotate(1deg)}.motion-landing .hero-world figcaption{font-size:22px}.motion-landing .motion-tag{right:-15px}.motion-landing .principle-strip .shell{justify-content:center;flex-wrap:wrap;gap:var(--wf-space-3) 20px;font-size:21px}.motion-landing .principle-strip .strip-star:last-of-type{display:none}.motion-landing .principle-strip .shell>span:last-child{width:100%;text-align:center}.motion-landing .workflow-layout{grid-template-columns:1fr;gap:30px}.motion-landing .step-copy{max-width:none}.motion-landing .demo-panel{min-height:435px}.motion-landing .sketch{height:180px}.motion-landing .demo-kind{display:block}}
@media(max-width:440px){.motion-landing .hero h1{font-size:59px}.motion-landing .art-topline{font-size:9px}.motion-landing .motion-tag{width:76px;height:76px;font-size:var(--wf-text-xs)}.motion-landing .hero-actions{align-items:flex-start;flex-direction:column}.motion-landing .hero-world figcaption{font-size:var(--wf-text-lg)}.motion-landing .hero-world figcaption small{font-size:var(--wf-text-xs)}.motion-landing .concept-number{font-size:10px}.motion-landing .demo-panel{padding:20px 15px}.motion-landing .paper-brief{padding:23px}.motion-landing .paper-brief h3{font-size:31px}.motion-landing .demo-bar{padding-inline:14px;gap:var(--wf-space-2);font-size:10px}.motion-landing .demo-kind{font-size:9px}.motion-landing .sketch{height:150px}.motion-landing .sample-board{gap:var(--wf-space-2)}.motion-landing .sample-board figcaption{font-size:var(--wf-text-sm)}.motion-landing .sample-board figcaption span{font-size:8px}.motion-landing .film-caption{gap:var(--wf-space-3);padding:22px 18px}.motion-landing .film-caption h3{font-size:25px}.motion-landing .film-caption p{font-size:var(--wf-text-sm)}.motion-landing .demo-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.motion-landing *{scroll-behavior:auto!important;transition:none!important}}
/* Larger editorial labels and a real, accessible studio entry. */
.motion-landing .eyebrow{font-family:var(--sans);font-size:var(--wf-text-control);line-height:1.65;letter-spacing:.065em;font-weight:600;color:var(--wf-muted)}
.motion-landing .art-topline{font-family:var(--sans);font-size:var(--wf-text-sm);letter-spacing:.05em;font-weight:600;color:var(--wf-muted)}
.motion-landing .perspective .eyebrow{color:var(--wf-inverse-muted)}
.motion-landing .paper-brief .eyebrow,.motion-landing .board-heading .eyebrow{font-size:var(--wf-text-sm);letter-spacing:.04em}
.motion-landing .motion-tag{cursor:pointer;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s}
.motion-landing .motion-tag:hover{transform:rotate(0deg) scale(1.08);background:var(--wf-highlight-hover);box-shadow:0 7px 25px color-mix(in srgb,var(--wf-shadow) 33.33%,transparent)}
.motion-landing .motion-tag:focus-visible{outline:3px solid var(--wf-rule);outline-offset:5px;transform:rotate(0deg) scale(1.08)}
.motion-landing .motion-tag>span{display:inline-block;transition:transform .22s}
.motion-landing .motion-tag:hover>span{transform:translate(3px,-3px)}
.motion-landing .motion-frame{transition:transform .38s,box-shadow .38s}
.motion-landing .hero-copy{transition:opacity var(--wf-motion-slow),transform .38s}
.motion-landing.opening-studio .motion-frame{transform:scale(1.055) rotate(-1.8deg);box-shadow:0 0 0 22px var(--wf-highlight)}
.motion-landing.opening-studio .motion-tag{transform:scale(.92) rotate(0deg)}
.motion-landing.opening-studio .hero-copy{opacity:.45;transform:translateX(-8px)}
.motion-landing .public-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.motion-landing .public-packs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
.motion-landing .public-plan{padding:var(--wf-space-6) 28px;border:1px solid var(--wf-rule);border-radius:7px;min-width:0;display:flex;flex-direction:column;background:var(--wf-surface)}
.motion-landing .public-plan.featured{background:var(--wf-inverse);color:var(--wf-inverse-muted);box-shadow:0 -6px 0 var(--wf-highlight);border-color:var(--wf-inverse-rule)}
.motion-landing .public-plan .eyebrow{font-size:var(--wf-text-xs);letter-spacing:.07em;margin-bottom:var(--wf-space-5)}
.motion-landing .public-plan.featured .eyebrow{color:var(--wf-highlight)}
.motion-landing .public-plan h3{font-size:31px;font-weight:500;letter-spacing:-1px;margin:0 0 10px}
.motion-landing .public-plan>p{font-size:var(--wf-text-reading);line-height:1.7;color:var(--wf-muted);min-height:52px;margin:0 0 var(--wf-space-5)}
.motion-landing .public-plan.featured>p{color:var(--wf-inverse-muted)}
.motion-landing .public-price{font-size:52px;line-height:1.1;letter-spacing:-2px;margin-bottom:20px}
.motion-landing .public-price>span{font-size:var(--wf-text-base);letter-spacing:0;margin-left:var(--wf-space-2)}
.motion-landing .public-plan .public-capacity{font-size:var(--wf-text-reading);min-height:0;margin-bottom:0;border-block:1px solid var(--wf-rule);padding:18px 0}
.motion-landing .public-plan.featured .public-capacity{border-color:var(--wf-inverse-rule)}
.motion-landing .public-capacity b{font-size:23px;font-weight:500;margin-right:var(--wf-space-1)}
.motion-landing .public-plan ul{list-style:none;padding:0;margin:var(--wf-space-5) 0 30px;font-size:var(--wf-text-base);line-height:1.65;flex:1}
.motion-landing .public-plan li{padding:7px 0 7px var(--wf-space-5);position:relative}
.motion-landing .public-plan li:before{content:'✓';position:absolute;left:0}
.motion-landing .public-plan .button{width:100%;font-size:var(--wf-text-base);min-height:52px}
.motion-landing .public-plan.featured .button{background:var(--wf-highlight);color:var(--wf-inverse-ink);border-color:var(--wf-highlight)}
.motion-landing .public-plan .button:not(.dark):hover{color:var(--wf-muted)}
.motion-landing .pricing-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 0 0}
.motion-landing .pricing-details h3{font-size:21px;letter-spacing:-.4px;font-weight:500;margin:0 0 13px}
.motion-landing .pricing-details p{font-size:var(--wf-text-reading);line-height:1.8;color:var(--wf-muted);margin:0;max-width:500px}
.motion-landing .pricing-test-note{font-size:var(--wf-text-base);line-height:1.7;padding:20px 23px;background:var(--wf-soft);border-radius:5px;margin:30px 0 0;color:var(--wf-ink)}
@media(max-width:1100px){.motion-landing .public-plan{padding:28px 22px}.motion-landing .public-plan .eyebrow{font-size:var(--wf-text-xs)}.motion-landing .site-header nav{gap:17px;font-size:var(--wf-text-control)}}
@media(max-width:820px){.motion-landing .public-plans{grid-template-columns:1fr}.motion-landing .public-plan{padding:30px}.motion-landing .public-plan>p{min-height:0}.motion-landing .public-plan ul{display:grid;grid-template-columns:1fr 1fr;gap:var(--wf-space-1) 20px}.motion-landing .public-plan .button{max-width:320px}.motion-landing .pricing-details{gap:25px}.motion-landing .site-header nav{display:none}}
@media(max-width:500px){.motion-landing .public-plan ul,.motion-landing .pricing-details{grid-template-columns:1fr}.motion-landing .art-topline{font-size:var(--wf-text-xs)}.motion-landing .eyebrow{font-size:var(--wf-text-sm)}.motion-landing .motion-tag{min-height:76px;min-width:76px}.motion-landing .public-plan{padding:28px var(--wf-space-5)}}
@media(prefers-reduced-motion:reduce){.motion-landing.opening-studio .motion-frame,.motion-landing.opening-studio .hero-copy{transform:none;opacity:1}}
.motion-landing .step-label,.motion-landing .step-number,.motion-landing .demo-kind,.motion-landing .sample-board figcaption span{font-size:var(--wf-text-sm);line-height:1.6;letter-spacing:.02em}
.motion-landing .demo-status,.motion-landing .demo-count{font-size:var(--wf-text-sm);line-height:1.6}
@media(max-width:500px){.motion-landing .art-topline{font-size:var(--wf-text-sm);letter-spacing:0}.motion-landing .demo-bar{flex-wrap:wrap;height:auto;padding-block:14px}.motion-landing .demo-kind{margin-left:0}.motion-landing .sample-board figcaption span{font-size:10px;letter-spacing:0}.motion-landing .demo-status{flex-wrap:wrap}.motion-landing .demo-count{font-size:var(--wf-text-xs)}}
}

@layer components {
.motion-landing .hero-flight-toggle{position:absolute;right:20px;bottom:20px;z-index:3;min-height:44px;padding:10px 14px;border:1px solid var(--wf-media-rule);border-radius:8px;background:var(--wf-media);color:var(--wf-media-ink);font:500 12px/1.4 var(--sans);cursor:pointer}
.motion-landing .hero-flight-toggle:hover{border-color:var(--wf-accent-ink)}
.motion-landing .hero-flight-toggle:focus-visible{outline:2px solid var(--wf-focus);outline-offset:3px}
.motion-landing .motion-frame-label{max-width:calc(100% - 185px);line-height:1.5}
}