:root{color-scheme:dark;--bg:#0b0b0b;--fg:#eeefeb;--muted:#8b8c87;--line:#ffffff23;--edge:5vw;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.25;cursor:default}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f5e4bd;outline-offset:5px}img,video{display:block;width:100%}img{max-width:100%}h1,h2,h3,p{margin:0}p{line-height:1.8}::selection{color:#101010;background:#ddd8c9}.muted{color:var(--muted)}.tiny,.chapter-label{font-family:'Helvetica Neue',sans-serif;font-size:12px;letter-spacing:1.7px;line-height:1.4}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:white;color:black;padding:14px}.skip:focus{top:10px}.brand{font-size:25px;letter-spacing:-1.1px;font-weight:650}.brand span{font-size:12px;vertical-align:top;margin-left:3px}.text-link{font-size:14px;display:inline-block;padding-bottom:8px;border-bottom:1px solid #ffffff55}
#header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:27px var(--edge);z-index:30;transition:background .4s,padding .4s;color:#fff}#header.scrolled{padding-top:17px;padding-bottom:17px;background:#0b0b0be8;backdrop-filter:blur(18px)}#header nav{display:flex;gap:30px;font-size:14px}#header nav a{position:relative;padding:6px 0}#header nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}#header nav a:hover:after{transform:scaleX(1)}.nav-contact{font-size:14px}
.hero{height:100svh;min-height:680px;position:relative;isolation:isolate;overflow:hidden}.hero-visual,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-visual{transform:scale(1.04);will-change:transform}.hero-visual video{height:100%;object-fit:cover}.hero-shade{z-index:-1;background:linear-gradient(#0006,transparent 30%,#0001 45%,#0009 95%),linear-gradient(90deg,#0003,transparent)}.hero-topline{position:absolute;top:132px;left:var(--edge);right:var(--edge);display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px}.hero-watch{position:absolute;top:39%;left:var(--edge);display:flex;gap:17px;align-items:center;text-align:left;font-size:15px;padding:0}.hero-watch small{display:block;font-size:12px;color:#d7d6d0;margin-top:7px}.round-play{width:62px;height:62px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;font-size:13px;padding-left:3px;backdrop-filter:blur(4px);transition:background .4s,transform .6s var(--ease)}.hero-watch:hover .round-play{background:#fff;color:#111;transform:scale(1.12)}.hero-type{position:absolute;left:var(--edge);right:var(--edge);bottom:84px}.hero-type p{font-family:'Songti SC','STSong',Georgia,serif;font-size:clamp(22px,2.4vw,38px);letter-spacing:2px;margin-bottom:15px}.hero-type h1{font-size:clamp(80px,17.2vw,300px);line-height:.79;letter-spacing:-.085em;font-weight:500;margin-left:-.025em}.hero-type h1 span{font-size:1.6rem;vertical-align:top;display:inline-block;margin:9px 0 0 17px;letter-spacing:0}.hero-bottom{position:absolute;bottom:25px;left:var(--edge);right:var(--edge);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;letter-spacing:1px}.hero-bottom a{margin-left:auto;font-size:14px;letter-spacing:0}#motion-toggle{border:1px solid #ffffff5a;width:30px;height:30px;border-radius:50%;font-size:12px}.chapter-intro{padding:115px var(--edge) 80px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.chapter-intro>p{font-family:'Songti SC','STSong',Georgia,serif;font-size:clamp(28px,3.7vw,60px);line-height:1.55;letter-spacing:-1px}.chapter-intro>div{max-width:340px}.chapter-intro>div>span{font-size:12px;letter-spacing:2px;color:#9e9e97}.chapter-intro>div>p{font-size:15px;color:#92938d;margin-top:20px}
.film-section{padding:70px 0 95px;overflow:hidden}.reel-heading{padding:0 var(--edge);margin-bottom:38px}.chapter-label{color:#90918a;margin-bottom:24px}.reel-title{display:flex;align-items:end;justify-content:space-between;gap:30px}.reel-title h2{font-family:'Songti SC','STSong',Georgia,serif;font-size:clamp(30px,3vw,47px);line-height:1.25;font-weight:400;letter-spacing:-1px}.reel-title h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.04em;margin-left:27px;color:#85867f;letter-spacing:-2px}.reel-title>p{font-size:14px;color:#a7a8a1}.reel-track{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 var(--edge) 20px;cursor:grab;touch-action:pan-x pan-y}.reel-track::-webkit-scrollbar{display:none}.reel-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.reel-card{flex:0 0 72vw;scroll-snap-align:center;min-width:0}.reel-cover{display:block;padding:0;position:relative;aspect-ratio:2.1;width:100%;overflow:hidden;background:#141414;border-radius:2px;text-align:left}.reel-cover .cover-photo{height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .5s;transform:scale(1.025);filter:brightness(.88)}.reel-cover:hover .cover-photo{transform:scale(1.065);filter:brightness(1)}.reel-cover:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0b;pointer-events:none;background:linear-gradient(transparent 65%,#0005)}.preview-video{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.reel-cover.previewing .preview-video{opacity:1}.cover-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:65px;height:65px;border:1px solid #ffffff8a;border-radius:50%;display:grid;place-items:center;font-size:13px;background:#0001;backdrop-filter:blur(5px);padding-left:2px;transition:background .4s,transform .6s var(--ease)}.reel-cover:hover .cover-play{background:#fff;color:#101010;transform:translate(-50%,-50%) scale(1.09)}.cover-duration{position:absolute;bottom:20px;right:23px;font-size:12px;font-variant-numeric:tabular-nums;z-index:2;color:#fff}.cover-kicker{position:absolute;bottom:20px;left:23px;font-size:12px;letter-spacing:1.5px;z-index:2;color:#fff}.reel-info{display:grid;grid-template-columns:40px 1fr auto;align-items:start;padding-top:23px;gap:15px}.reel-number{font-size:12px;color:#7a7b74;line-height:2.2}.reel-info h3{font-size:24px;line-height:1.45;letter-spacing:-.6px;font-weight:400}.reel-info p{font-size:13px;line-height:1.6;color:#82837d;margin-top:6px}.reel-info>span:last-child{font-size:13px;color:#91928b;line-height:2.2}.reel-footer{padding:15px var(--edge) 0;display:flex;align-items:center;gap:30px}.reel-counter{font-size:13px;font-variant-numeric:tabular-nums;min-width:73px;color:#a7a8a1}.reel-progress{height:1px;background:#ffffff22;flex:1;position:relative}.reel-progress i{height:1px;width:0;display:block;background:#d4d6cc;transition:width .4s var(--ease)}.reel-controls{display:flex;gap:10px}.reel-controls button{border:1px solid #ffffff35;border-radius:50%;width:45px;height:45px;font-size:18px;transition:background .3s}.reel-controls button:hover:not(:disabled){background:#eeefeb;color:#121212}.tutorial-section{background:#141514;padding-top:80px;padding-bottom:80px}.tutorial-section .reel-card{flex-basis:53vw}.tutorial-section .reel-cover{aspect-ratio:16/9}.tutorial-section .reel-info h3{font-size:21px}.workflow-section{padding-top:100px}.workflow-section .reel-card{flex-basis:43vw}.workflow-section .reel-cover{aspect-ratio:16/10;background:#161715}.workflow-section .cover-photo{object-fit:contain;position:relative;z-index:1;transform:none}.cover-backdrop{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(25px) brightness(.22);pointer-events:none}.workflow-section .reel-info h3{font-size:20px}.workflow-section .preview-video{object-fit:contain;z-index:1}.workflow-section .cover-play{left:auto;right:20px;top:auto;bottom:20px;transform:none;width:44px;height:44px;font-size:11px}.workflow-section .reel-cover:hover .cover-play{transform:scale(1.1)}.workflow-section .cover-duration{top:20px;bottom:auto}.workflow-section .cover-kicker{display:none}
.about{padding:120px var(--edge);border-top:1px solid #ffffff16;display:grid;grid-template-columns:1.15fr 1fr;gap:9vw;align-items:center}.about-photo{position:relative;aspect-ratio:4/5;overflow:hidden}.about-photo img{height:100%;object-fit:cover;filter:brightness(.78);transform:scale(1.02)}.about-photo>span{position:absolute;bottom:25px;left:25px;right:20px;color:#d6d9d0;font-size:11px;letter-spacing:1.5px}.about-copy h2{font-family:'Songti SC','STSong',Georgia,serif;font-size:clamp(30px,3vw,48px);line-height:1.5;font-weight:400;letter-spacing:-1px;margin-bottom:30px}.about-copy h2 span{color:#9b9c94}.about-copy>p{font-size:16px;line-height:1.9;color:#93958c;max-width:460px;margin-top:20px}.affiliations{display:flex;gap:40px;margin:40px 0 35px}.affiliations>span{font-size:19px}.affiliations small{display:block;font-size:12px;color:#92948a;margin-top:8px}.contact{padding:110px var(--edge) 90px;background:#dddcd4;color:#1a1c19}.contact>.chapter-label{color:#66695f}.contact-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:35px 0 70px}.contact-heading h2{font-size:clamp(45px,6.7vw,110px);font-family:'Songti SC','STSong',Georgia,serif;line-height:1.22;letter-spacing:-4px;font-weight:400}.contact-heading h2 em{font-style:normal;color:#74796c}.contact-heading>div{text-align:right}.contact-heading p{font-size:14px;margin-bottom:30px}.contact-orb{display:inline-grid;place-items:center;width:95px;height:95px;border:1px solid #252a2580;border-radius:50%;font-size:42px;transition:background .4s,color .4s,transform .6s var(--ease)}.contact-orb:hover{background:#1a1c19;color:#e5e7de;transform:rotate(45deg)}.service-list{border-top:1px solid #30372e40}.service-list>button{display:grid;grid-template-columns:50px 1fr 1.2fr auto;gap:25px;width:100%;align-items:center;text-align:left;border-bottom:1px solid #30372e40;padding:27px 0;transition:padding .5s var(--ease)}.service-list>button:hover{padding-left:12px;padding-right:12px}.service-list h3{font-size:21px;font-weight:400}.service-list p{font-size:14px;color:#676d61}.service-list span{font-size:13px}.pricing-note{font-size:13px;color:#73776b;margin-top:22px;max-width:800px}footer{padding:35px var(--edge);display:flex;align-items:center;justify-content:space-between;gap:25px}footer>.brand{font-size:22px}footer>span,footer>div{font-size:12px;color:#a3a69b}footer>div{display:flex;gap:30px}footer button{font-size:12px;padding:0}.button{padding:15px 24px;border:1px solid #ffffff45;border-radius:5px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:15px}.button.light{color:#161916;background:#e8eae1}.reveal{opacity:1}.motion-ready .reel-heading,.motion-ready .chapter-intro>*,.motion-ready .about-copy,.motion-ready .contact-heading{opacity:0;transform:translateY(35px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}.motion-ready .in-view{opacity:1!important;transform:none!important}.opening-word{font-family:-apple-system,BlinkMacSystemFont,sans-serif}
/* The opening uses real typography; no blocking fake loading state. */
.opening[hidden]{display:none}.opening{position:fixed;inset:0;z-index:100;background:#030507;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;transition:opacity .75s ease,visibility .75s}.opening.exit{opacity:0;visibility:hidden;pointer-events:none}.opening-aura{position:absolute;inset:-10%;background:url('assets/prism.webp') center/cover;animation:aura-in 2.8s ease both;opacity:.65}.opening-word{font-size:clamp(52px,10vw,150px);font-weight:600;letter-spacing:-.065em;position:relative;display:flex;perspective:600px}.opening-word span{display:inline-block;background:linear-gradient(130deg,#fff 10%,#8d9cab 29%,#e9f5ff 44%,#bcbaff 58%,#ffe5f5 72%,#fff 90%);background-clip:text;color:transparent;animation:letter-in 1.65s var(--ease) both;animation-delay:calc(var(--i)*.065s);filter:drop-shadow(0 0 28px #b6d9ff15)}.opening-caption{position:relative;font-size:9px;letter-spacing:5px;margin-top:30px;color:#a5b3c8;animation:caption-in 1s .85s both}.opening button{position:absolute;bottom:40px;right:45px;font-size:11px;color:#a6b0c0}.opening-word:after{content:'';position:absolute;top:0;bottom:0;left:-80%;width:45%;background:linear-gradient(90deg,transparent,#cdeeff20,#e7cfff35,transparent);transform:skewX(-20deg);filter:blur(10px);animation:spectral-sweep 1.7s .55s both;pointer-events:none}.intro-complete .hero-copy{animation:hero-in 1s var(--ease)}@keyframes letter-in{from{opacity:0;filter:blur(22px);transform:translateY(65px) rotateX(-65deg) rotateY(25deg);letter-spacing:.14em}to{opacity:1;filter:blur(0);transform:none;letter-spacing:inherit}}@keyframes spectral-sweep{to{left:140%;opacity:0}}@keyframes aura-in{from{transform:scale(1.18);filter:blur(15px);opacity:0}to{transform:scale(1);filter:blur(0);opacity:.65}}@keyframes caption-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes hero-in{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
dialog{color:var(--text);background:linear-gradient(140deg,#202630ed,#0b1019f5);border:1px solid #cadfff33;box-shadow:inset 0 1px 0 #ffffff55,0 25px 100px #0009;backdrop-filter:blur(30px);border-radius:24px;padding:25px;width:min(940px,calc(100% - 36px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#020408c2;backdrop-filter:blur(14px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.dialog-top h3{font-size:18px;margin-top:6px;font-weight:500}.dialog-top .tiny{font-size:8px;color:#8292a9}.close-dialog{width:35px;height:35px;border-radius:50%;background:#ffffff0f;border:1px solid #ffffff1c;flex-shrink:0}.close-dialog:hover{background:#ffffff26}#player-body video{max-height:70dvh;width:100%;background:#000;border-radius:12px}#player-body p,#player-body a{font-size:12px;padding-top:10px}#contact-dialog{width:min(570px,calc(100% - 32px));padding:29px}#contact-dialog>p{font-size:12px}#inquiry-form{margin-top:24px;display:grid;gap:15px}label{display:grid;gap:9px;font-size:11px;color:#aab7ca}input,select,textarea{width:100%;border:1px solid #ffffff24;border-radius:10px;background:#0003;color:#e1e8f5;padding:12px;font-size:12px}select option{background:#171e29}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#616f85}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}#copy-status{font-size:11px;color:#b0dbef;min-height:18px}.contact-options{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff14;padding:19px 0;font-size:11px;gap:18px}.contact-options button{font-size:11px;text-align:left;padding:0}.contact-options button span{display:block;color:#8491a5;font-size:10px;margin-top:5px}
@media(max-width:900px){:root{--edge:5vw}#header nav{gap:20px}.hero{min-height:630px}.hero-type{bottom:95px}.hero-type h1{font-size:17vw}.hero-topline{top:110px}.chapter-intro{padding-top:80px;align-items:start}.chapter-intro>div{max-width:260px}.reel-title h2 em{margin-left:15px}.reel-card{flex-basis:84vw}.tutorial-section .reel-card{flex-basis:72vw}.workflow-section .reel-card{flex-basis:65vw}.reel-info h3{font-size:21px}.about{gap:6vw;padding-top:80px;padding-bottom:80px}.about-copy>p{font-size:15px}.about-copy h2{font-size:32px}.affiliations{gap:24px}.service-list>button{grid-template-columns:35px 1fr auto}.service-list p{display:none}}
@media(max-width:600px){#header{padding-top:24px;padding-bottom:24px}.brand{font-size:22px}#header nav{gap:17px;font-size:13px}#header nav a:last-child{display:none}.nav-contact{font-size:13px}#header.scrolled{padding-top:18px;padding-bottom:18px}.hero{height:92svh;min-height:620px}.hero-topline{top:107px;font-size:10px;letter-spacing:.7px}.hero-watch{top:41%;font-size:14px}.hero-watch small{font-size:12px;max-width:215px;line-height:1.5}.round-play{width:52px;height:52px}.hero-type{bottom:92px}.hero-type p{font-size:25px;letter-spacing:1px;margin-bottom:25px}.hero-type h1{font-size:17.5vw;letter-spacing:-.075em}.hero-type h1 span{font-size:12px;margin:2px 0 0 7px}.hero-bottom{bottom:24px;gap:20px}.hero-bottom>span{font-size:9px;max-width:120px;line-height:1.5}.hero-bottom a{font-size:13px}.hero-visual video{object-position:48% center}.chapter-intro{padding:70px var(--edge) 35px;flex-direction:column;gap:30px}.chapter-intro>p{font-size:32px;line-height:1.6}.chapter-intro>div{max-width:none}.chapter-intro>div>p{font-size:14px;margin-top:12px}.chapter-intro>div>span{font-size:11px}.film-section{padding:55px 0 65px}.reel-heading{margin-bottom:24px}.chapter-label{font-size:11px;letter-spacing:1.4px;margin-bottom:20px}.reel-title{display:block}.reel-title h2{font-size:29px;letter-spacing:-.6px}.reel-title h2 em{font-size:31px;letter-spacing:-1.5px;margin-left:13px}.reel-title>p{font-size:13px;margin-top:16px}.reel-track{gap:14px;padding-bottom:14px}.reel-card{flex-basis:88vw}.reel-cover{aspect-ratio:1.65}.cover-play{width:47px;height:47px;font-size:11px}.cover-kicker{left:15px;bottom:15px;font-size:10px;letter-spacing:1px}.cover-duration{right:15px;bottom:15px;font-size:11px}.reel-info{grid-template-columns:25px 1fr;gap:10px;padding-top:17px}.reel-info h3{font-size:19px;letter-spacing:-.4px}.reel-info p{font-size:12px}.reel-info>span:last-child{display:none}.reel-number{font-size:11px}.reel-footer{padding-top:12px;gap:20px}.reel-counter{font-size:12px;min-width:57px}.reel-controls{gap:7px}.reel-controls button{width:39px;height:39px;font-size:17px}.tutorial-section .reel-card{flex-basis:88vw}.tutorial-section .reel-info h3{font-size:18px}.workflow-section .reel-card{flex-basis:82vw}.workflow-section .reel-cover{aspect-ratio:1.3}.workflow-section .reel-info h3{font-size:18px}.workflow-section .cover-play{width:35px;height:35px;right:13px;bottom:13px}.workflow-section .cover-duration{top:13px;right:13px}.about{grid-template-columns:1fr;padding:65px var(--edge);gap:45px}.about-photo{aspect-ratio:4/3}.about-photo>span{left:20px;bottom:20px;font-size:10px}.about-copy h2{font-size:34px;margin-bottom:23px}.about-copy>p{font-size:16px}.affiliations{margin:30px 0}.contact{padding:65px var(--edge) 55px}.contact-heading{margin:30px 0 40px;align-items:center;gap:15px}.contact-heading h2{font-size:45px;letter-spacing:-2px;white-space:nowrap}.contact-heading p{display:none}.contact-orb{width:65px;height:65px;font-size:32px}.service-list>button{grid-template-columns:25px 1fr auto;padding:24px 0;gap:12px}.service-list h3{font-size:17px}.service-list span{font-size:11px}.pricing-note{font-size:12px;line-height:1.8}footer{flex-wrap:wrap;padding-top:30px;padding-bottom:30px;gap:23px}footer>div{width:100%;justify-content:space-between}footer>.brand{font-size:21px}.opening-word{font-size:63px;letter-spacing:-.06em}.opening-caption{font-size:9px;letter-spacing:3px}.opening button{bottom:32px;right:25px}.opening-aura{background-size:auto 100%}.form-row{grid-template-columns:1fr}dialog{padding:20px;border-radius:10px}.dialog-top h3{font-size:17px}#contact-dialog{padding:24px}.contact-options{font-size:13px}.contact-options button{font-size:13px}.contact-options button span{font-size:12px}#contact-dialog>p,label,input,select,textarea{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.opening{display:none!important}.motion-ready .reel-heading,.motion-ready .chapter-intro>*,.motion-ready .about-copy,.motion-ready .contact-heading{opacity:1;transform:none}}
.reel-track{position:relative}

[hidden]{display:none!important}.reel-empty{min-width:75vw;padding:60px 8vw 85px;color:#777;border-top:1px solid #ffffff17}.reel-empty>span{font-size:10px;letter-spacing:3px}.reel-empty>p{font-family:"Songti SC",serif;font-size:26px;color:#aaa;margin-top:25px}
.reel-cover .cover-frame{position:absolute;inset:0;opacity:0;transition:opacity .45s,transform 1.2s var(--ease),filter .5s}.reel-cover .cover-frame.ready{opacity:1}
.cover-name{position:absolute;z-index:2;left:50%;top:50%;width:min(68%,700px);transform:translate(-50%,-50%);font-family:'Songti SC','STSong',Georgia,serif;font-size:clamp(18px,2vw,34px);line-height:1.45;text-align:center;color:#f2eee5;opacity:0;filter:drop-shadow(0 2px 18px #000);transition:opacity .45s}.cover-dark:before{content:'';position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 30% 20%,#6d3b3538,transparent 38%),linear-gradient(130deg,#111318,#050607 60%,#17100d)}.cover-dark .cover-name{opacity:1}.cover-dark .cover-play{transform:translate(-50%,70%)}