:root{--ink: #0d0c0a;--ink-soft: #141310;--paper: #f3ede2;--paper-dim: #a49d90;--rule: #2a2822;--film: #8b7cff;--film-soft: #a99bff;--arc: #8b7cff;--arc-soft: #a99bff;--teal: #5eead4;--gold: #f5b34b;--grad: linear-gradient(120deg, #8b7cff 0%, #5eead4 55%, #f5b34b 100%);--display: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", "Consolas", "Courier New", monospace;--maxw: 1100px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--display);line-height:1.7;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");mix-blend-mode:overlay}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(closest-side,rgba(139,124,255,.16),transparent 70%),radial-gradient(closest-side,rgba(94,234,212,.12),transparent 70%);background-size:55% 55%,45% 45%;background-position:12% 18%,92% 82%;background-repeat:no-repeat;animation:drift 26s ease-in-out infinite alternate}@keyframes drift{0%{transform:translateZ(0);opacity:.85}50%{transform:translate3d(-4%,3%,0);opacity:1}to{transform:translate3d(4%,-3%,0);opacity:.85}}@media(prefers-reduced-motion:reduce){body:after{animation:none}}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--arc)}.section{padding:4.5rem 0;border-top:1px solid var(--rule)}.section:first-of-type{border-top:0}.section-heading{margin-bottom:2.6rem}.section-heading__index{font-family:var(--mono);font-size:.8rem;color:var(--arc);letter-spacing:.18em;margin:0 0 .5rem}.section-heading h2{font-family:var(--display);font-weight:900;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.01em;margin:0 0 .4rem}.section-heading p{color:var(--paper-dim);margin:0}.hero{padding:6rem 0 4.5rem;border-bottom:1px solid var(--rule);position:relative;overflow:hidden}.hero .container{position:relative;z-index:1}.hero__bg-num{position:absolute;right:-.04em;top:-.12em;font-family:var(--mono);font-weight:700;font-size:clamp(8rem,26vw,22rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(139,124,255,.22);pointer-events:none;user-select:none;z-index:0}.hero__meta{display:flex;align-items:center;gap:.9rem;margin-bottom:2rem}.hero__meta .line{flex:0 0 46px;height:1px;background:var(--grad)}.hero__title{font-weight:900;font-size:clamp(2.6rem,8vw,5rem);letter-spacing:-.03em;line-height:.98;margin:0 0 1.4rem;max-width:13em}.hero__title .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{color:var(--paper-dim);font-size:1.1rem;max-width:40rem;margin:0 0 2.4rem}.hero__stats{display:flex;flex-wrap:wrap;gap:2.6rem;padding-top:2rem;border-top:1px solid var(--rule)}.hero__stat b{display:block;font-family:var(--mono);font-size:1.7rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}.hero__stat span{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--paper-dim)}.site-header{position:sticky;top:0;z-index:10;background:#0d0c0ae6;backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-family:var(--mono);font-size:.95rem;font-weight:700;letter-spacing:.08em}.brand span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.site-nav{display:flex;gap:0}.site-nav a{color:var(--paper-dim);font-size:.92rem;margin-left:1.6rem;transition:color .2s ease}.site-nav a:hover{color:var(--arc)}.tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--paper-dim);border:1px solid var(--rule);padding:.28rem .7rem}:focus-visible{outline:2px solid var(--arc);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.reveal{opacity:0;transform:translateY(44px);transition:opacity .6s cubic-bezier(.22,.61,.36,1) var(--stagger, 0ms),transform .6s cubic-bezier(.22,.61,.36,1) var(--stagger, 0ms);will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.showreel{padding:3rem 0 1rem}.showreel__frame{position:relative;overflow:hidden;border:1px solid var(--rule);background:var(--ink-soft)}.showreel__iframe{width:100%;aspect-ratio:16 / 9;border:0;display:block}.showreel__poster{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:0;padding:0;margin:0;background:var(--ink-soft);cursor:pointer}.showreel__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.showreel__poster:hover img{transform:scale(1.03);filter:brightness(1.06)}.showreel__placeholder{position:relative;aspect-ratio:16 / 9;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--paper-dim);text-align:center}.showreel__placeholder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.showreel__play{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:2;font-size:2.4rem;color:#fff;background:#0d0c0a73;border:1px solid rgba(255,255,255,.35);border-radius:50%;width:68px;height:68px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);transition:background .2s ease}.showreel__poster:hover .showreel__play{background:#0d0c0a99}.showreel__hint{position:absolute;bottom:1rem;left:0;right:0;z-index:1;font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}.works{padding:3rem 0}.shots{border-top:1px solid var(--rule)}.shot{position:relative;display:grid;grid-template-columns:1fr;gap:1.5rem;padding:3rem 0;border-bottom:1px solid var(--rule);transition:background .25s ease}.shot:hover{background:var(--ink-soft)}.shot__index{font-family:var(--mono);letter-spacing:.04em;color:var(--film);display:flex;align-items:baseline;gap:.5rem}.shot__index b{font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:.8;color:transparent;-webkit-text-stroke:1.2px rgba(198,71,44,.55)}.shot__index span{font-size:.75rem;letter-spacing:.16em;align-self:flex-start;margin-top:.4rem}.shot__main{min-width:0}.shot__title{font-weight:900;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.01em;margin:0 0 .6rem}.shot__tagline{color:var(--paper-dim);margin:0 0 1.2rem}.shot__meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.3rem}.shot__summary{color:var(--paper-dim);margin:0 0 1.4rem;max-width:52rem}.shot__cta{font-family:var(--mono);font-size:.82rem;letter-spacing:.06em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;border-bottom:1px solid transparent;border-image:var(--grad) 1;padding-bottom:.15rem}.shot .shot__cta{transition:filter .2s ease}.shot:hover .shot__cta{filter:brightness(1.2)}.shot__thumb{position:relative;background:var(--ink-soft);border:1px solid var(--rule);aspect-ratio:16 / 9;overflow:hidden}.shot__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92);transition:transform .5s ease,filter .5s ease}.shot:hover .shot__thumb img{transform:scale(1.04);filter:saturate(1.05)}.shot--portrait .shot__thumb{aspect-ratio:9 / 16}@media(min-width:760px){.shot{grid-template-columns:130px 300px 1fr;align-items:start;gap:2.4rem}.shot--portrait{grid-template-columns:130px 220px 1fr}}.about{padding:4.5rem 0;border-top:1px solid var(--rule)}.about__grid{display:grid;gap:2.5rem}.about__text p{color:var(--paper-dim);margin:0 0 1rem;max-width:40rem}.about__stack h4{font-family:var(--mono);font-size:.8rem;letter-spacing:.16em;color:var(--film);margin:0 0 1rem}.about__stack ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.55rem}.about__stack li{font-family:var(--mono);font-size:.82rem;color:var(--paper-dim);border:1px solid var(--rule);padding:.4rem .9rem}@media(min-width:760px){.about__grid{grid-template-columns:1fr 1fr}}.contact{padding:4.5rem 0 3rem;border-top:1px solid var(--rule)}.contact__links{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.6rem 0}.contact__link{font-family:var(--mono);font-size:.9rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;border-bottom:1px solid transparent;border-image:var(--grad) 1;padding-bottom:.15rem;transition:filter .2s ease}.contact__link:hover{filter:brightness(1.25)}.contact__copyright{font-family:var(--mono);font-size:.78rem;color:var(--paper-dim);margin-top:2.4rem}.capabilities{padding:4.5rem 0}.cap-grid{display:grid;gap:1.3rem}.cap-card{position:relative;border:1px solid var(--rule);border-left:3px solid transparent;border-image:linear-gradient(180deg,var(--arc),var(--teal)) 1;background:linear-gradient(180deg,#8b7cff0f,#141310d9);padding:1.8rem 1.6rem;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.cap-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0006,0 0 0 1px #8b7cff40}.cap-card__icon{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.1rem}.cap-card__title{font-size:1.25rem;font-weight:900;margin:0 0 .7rem;letter-spacing:-.01em}.cap-card__desc{color:var(--paper-dim);margin:0;font-size:.95rem}@media(min-width:760px){.cap-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.cap-grid{grid-template-columns:repeat(4,1fr)}}.workflow{padding:4.5rem 0}.workflow__grid{display:grid;gap:2.4rem}.workflow__steps{width:100%}.workflow__step{display:flex;align-items:baseline;gap:1.2rem;padding:1.1rem 0;border-bottom:1px solid var(--rule)}.workflow__num{font-family:var(--mono);font-size:1rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.04em;min-width:2.2em}.workflow__text{color:var(--paper-dim);font-size:1.02rem}@media(min-width:760px){.workflow__grid{grid-template-columns:.8fr 1.2fr;gap:3.5rem}}.detail__back{padding:1.6rem 0 0;font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;color:var(--paper-dim)}.detail__back a{transition:color .2s ease}.detail__back a:hover{color:var(--film)}.detail__header{padding:2.2rem 0 2rem}.detail__index{font-family:var(--mono);font-size:.8rem;letter-spacing:.18em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 .8rem}.detail__title{font-weight:900;font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.01em;line-height:1.05;margin:0 0 1.2rem}.detail__meta{display:flex;flex-wrap:wrap;gap:.55rem}.detail__media{overflow:hidden;border:1px solid var(--rule);background:var(--ink-soft);margin-bottom:2.8rem}.detail__iframe{width:100%;aspect-ratio:16 / 9;border:0;display:block}.detail__media--portrait .detail__iframe,.detail__media--portrait .detail__placeholder{aspect-ratio:9 / 16}.detail__placeholder{position:relative;aspect-ratio:16 / 9;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--paper-dim);text-align:center}.detail__placeholder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail__play{position:relative;z-index:1;font-size:1.8rem;color:#fff;background:#0d0c0a73;border:1px solid rgba(255,255,255,.35);border-radius:50%;width:58px;height:58px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.detail__hint{position:absolute;bottom:1rem;left:0;right:0;z-index:1;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}@media(min-width:760px){.detail__media--portrait{max-width:480px;margin:0 auto 2.8rem}}.detail__grid{display:grid;gap:1.6rem;margin-bottom:2.8rem}.detail__col h2{font-family:var(--mono);font-size:.82rem;letter-spacing:.16em;color:var(--film);margin:0 0 .8rem}.detail__col p{color:var(--paper-dim);margin:0}.detail__tools{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.55rem}.detail__tools li{font-family:var(--mono);font-size:.82rem;color:var(--paper-dim);border:1px solid var(--rule);padding:.4rem .9rem}@media(min-width:760px){.detail__grid{grid-template-columns:1fr 1fr;gap:3rem}}.detail__process{padding:2.4rem 0;border-top:1px solid var(--rule)}.detail__process h2{font-family:var(--mono);font-size:.82rem;letter-spacing:.16em;color:var(--film);margin:0 0 1.6rem}.detail__process ol{list-style:none;margin:0;padding:0;counter-reset:step}.detail__process li{counter-increment:step;position:relative;padding:0 0 1.4rem 2.6rem;color:var(--paper-dim);border-bottom:1px solid var(--rule)}.detail__process li:before{content:counter(step,decimal-leading-zero);font-family:var(--mono);position:absolute;left:0;top:0;color:var(--film);letter-spacing:.05em}.detail__process li:last-child{border-bottom:0}