/* Crafticollab — chromatic studio edition */
:root{--bg:#0c0c14;--panel:#171720;--ink:#f4f2fc;--muted:#a8a6b9;--lime:#b4a0ff;--line:#30303e;--purple:#8062ee;--blue:#58b4ee;--green:#89c54d;--orange:#f28a36}
body{background:radial-gradient(ellipse at 78% 6%,#32225455,transparent 26%),var(--bg)}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 12% 35%,#17658b12,transparent 50%)}.nav{border-color:#a89bd51c;position:relative}.nav:after{content:'';height:1px;position:absolute;bottom:-1px;left:5%;width:90%;background:linear-gradient(90deg,transparent,#8062ee,#58b4ee,#89c54d,#f28a36,transparent);opacity:.6}.brand{letter-spacing:-.8px}.logo-window{display:inline-block;position:relative;width:43px;height:43px;border-radius:12px;overflow:hidden;background:#d4d3e1;flex-shrink:0;box-shadow:0 0 20px #8062ee20}.logo-window img{position:absolute;width:140px;height:140px;max-width:none;left:-48px;top:-25px}.nav-cta{border-color:#8062ee60;background:#8062ee0b;transition:background .3s,box-shadow .3s}.nav-cta:hover{background:#8062ee25;box-shadow:0 0 25px #8062ee20}.hero{position:relative;isolation:isolate}.hero:before{content:'';width:48%;aspect-ratio:1;position:absolute;right:0;top:0;z-index:-1;background:radial-gradient(ellipse,#8062ee1d,transparent 65%);pointer-events:none}h1>span:not(.asterisk):not(.brand-orbit){background:linear-gradient(110deg,#b29aff 10%,#69beef 90%);-webkit-background-clip:text;background-clip:text;color:transparent}h1 em{text-shadow:0 4px 50px #a98eff18}.brand-orbit{position:absolute;right:2%;top:0;width:1.03em;height:1.03em;perspective:500px;display:grid;place-items:center;font-family:Arial;transform:rotate(-16deg);filter:drop-shadow(0 12px 18px #0009)}.brand-orbit i{position:absolute;inset:0;border: .075em solid #9070f0;border-bottom-color:#452780;border-left-color:#bba8f7;border-radius:28%;transform:rotateX(25deg) rotateY(-30deg) rotate(35deg);box-shadow:inset 2px 3px 5px #ffffff60,6px 8px 0 #39245b,12px 16px 20px #0004}.brand-orbit i:nth-child(2){inset:20%;border-color:#57b3ec #28528b #6fbb52 #95d363;border-radius:24%;transform:rotateX(25deg) rotateY(-30deg) rotate(35deg) translateZ(18px);box-shadow:3px 5px 0 #193b57}.brand-orbit i:nth-child(3){width:16%;height:16%;inset:auto -13% 6% auto;background:linear-gradient(135deg,#ffd455,#e65b2e);border:0;border-radius:50%;box-shadow:3px 5px 0 #843816}.brand-orbit b{font-size:.25em;color:#dfd7f5;transform:rotate(16deg);text-shadow:3px 4px 0 #452780}.solid{color:#fff;background:linear-gradient(115deg,#7654dc,#594ac3);box-shadow:0 8px 28px #6550c72a, inset 0 1px 0 #fff3;border:1px solid #ad94ff50;transition:transform .3s,box-shadow .3s}.solid:hover{background:linear-gradient(115deg,#8b69ec,#685ad7);box-shadow:0 12px 38px #8062ee40;transform:translateY(-3px)}.status{background:#93d36a;box-shadow:0 0 12px #89c54d65}.reel-stage{background:linear-gradient(135deg,#252232,#11111b);border-color:#84749c55;border-radius:14px;box-shadow:0 35px 80px #0008,0 2px 0 #66568155,inset 0 1px 0 #ffffff15;transform:perspective(1200px) rotateX(3deg) rotateZ(-1deg);transition:transform .45s ease-out;transform-style:preserve-3d}.film-frame{border-radius:5px;outline-offset:-3px}.frame-play{backdrop-filter:blur(8px);background:#32224a50;box-shadow:0 6px 20px #0003;transition:background .25s,transform .25s}.film-frame:hover .frame-play{background:#7654dcd9;transform:translate(-50%,-50%) scale(1.12)}.stage-head i{background:var(--blue)}.stage-foot{color:#b9b4ca}.filmstrip{scrollbar-width:thin;scrollbar-color:#7d61c6 #191620}.ticker{background:linear-gradient(90deg,#271c412c,#11253433,#271c412c);border-color:#50426955}.ticker b:nth-of-type(2){color:var(--blue)}.ticker b:nth-of-type(3){color:var(--green)}h2 em{color:#b6a5dd}.filters button{border-color:#413a54;color:#bfb9d1;transition:background .25s,transform .25s,border-color .25s}.filters button:hover{border-color:#a58be8;transform:translateY(-2px)}.filters button[aria-pressed=true]{background:#8062ee;color:white;border-color:#ab8cff;box-shadow:0 4px 20px #8062ee24}.project{perspective:900px}.project button{border:1px solid #81729430;border-radius:10px;box-shadow:0 14px 30px #0003;transition:transform .3s ease-out,box-shadow .3s;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:auto}.project button:hover{box-shadow:0 22px 45px #0007,0 0 0 1px #aa8be86b}.project button:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff22,transparent 55%);z-index:2;pointer-events:none;opacity:0;transition:opacity .3s}.project button:hover:before{opacity:1}.project .play{background:#f0eaff;color:#6044ad;box-shadow:0 6px 20px #0004;transition:transform .3s}.project button:hover .play{transform:scale(1.12)}.project .tag{backdrop-filter:blur(12px);background:#15102190;border-color:#e4d4ff35}.project h3 span{color:#a28ce1}.project small{color:#9992ab}.outline{border-color:#675484;transition:background .3s}.outline:hover{background:#8062ee20}.editor-art{background:linear-gradient(145deg,#dddbe9,#bcb9d1);color:#211a35;border:1px solid #c2b9e4;border-radius:18px;box-shadow:0 30px 70px #0007,inset 0 1px 0 #fff;transform:perspective(1200px) rotateY(7deg) rotateZ(-2deg);transition:transform .45s}.logo-sculpture{margin:15px -10px;overflow:hidden;border-radius:12px}.logo-sculpture img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.art-top{color:#514565}.art-bottom{color:#292038}.timeline{border-color:#8062ee45}.timeline span{background:#7053c4}.timeline span:nth-child(2){background:#58b4ee}.timeline span:nth-child(3){background:#80b74e}.timeline span:nth-child(4){background:#ed8a3d}.timeline i{background:#fff;box-shadow:0 0 12px #fff8}.text-link{border-color:#8062ee80}.steps article:nth-child(2) span{color:var(--blue)}.steps article:nth-child(3) span{color:var(--green)}.steps article{transition:border-color .3s,transform .3s}.steps article:hover{border-color:#9f80ef;transform:translateY(-4px)}.contact{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 100%,#a4d6e7 0,transparent 40%),linear-gradient(125deg,#c7b3f6,#ded5ed 62%,#ceddd8);color:#211533}.contact:before{content:'';position:absolute;width:45vw;height:45vw;right:-15vw;top:-25vw;border:1px solid #60418d30;border-radius:50%;box-shadow:0 0 0 50px #68449209,0 0 0 100px #68449207;z-index:-1}.contact h2 em{color:#5b418a}.contact h2>span{color:#241838}.contact .eyebrow{color:#4d3e61}.contact .status{background:#7553bc;box-shadow:0 0 14px #8062ee50}.contact-bottom p{color:#574768}.contact-bottom>a:last-child{border-color:#6b517d;color:#3e2955}.dark-button{color:#f2eafa;background:#292035;box-shadow:0 8px 20px #31244323;transition:transform .3s}.dark-button:hover{transform:translateY(-3px)}footer .brand{background:linear-gradient(90deg,#b19aef,#74bde9,#9dca73,#f29c64);background-clip:text;-webkit-background-clip:text;color:transparent}dialog{background:#17131e;border-color:#79628e70;box-shadow:0 30px 100px #0009}dialog[open]{animation:dialog-in .25s ease-out}.dialog-top button{background:#352942}.dialog-foot a{color:#c1a7f3}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#8062ee,#58b4ee,#89c54d,#f28a36);z-index:100;pointer-events:none}.motion-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.motion-reveal.reveal-wait{opacity:0;transform:translateY(24px)}.hero .eyebrow{animation:enter .7s both}.hero h1{animation:enter .9s .08s both}.hero-bottom{animation:enter .9s .16s both}.project{animation:enter .45s both}.project:nth-child(2){animation-delay:.05s}.project:nth-child(3){animation-delay:.1s}@keyframes enter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media(min-width:901px){.hero h1{font-size:clamp(65px,10.5vw,160px)}.brand-orbit{right:0}}@media(max-width:900px){.brand-orbit{font-size:.8em;right:0;top:-.15em}}@media(max-width:600px){.logo-window{width:34px;height:34px;border-radius:9px}.logo-window img{width:114px;height:114px;left:-39px;top:-21px}.brand{font-size:18px;gap:8px}.brand-orbit{display:none}.reel-stage{border-radius:9px;transform:rotate(-1deg)}.editor-art{transform:rotate(-1deg);padding:20px}.project button{border-radius:7px}.filmstrip{scrollbar-width:none}.filmstrip::-webkit-scrollbar{display:none}.contact{background:linear-gradient(135deg,#c7b3f6,#ded5ed 68%,#c4dae8)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-reveal.reveal-wait{opacity:1;transform:none}.project button,.reel-stage,.editor-art{transform:none!important}}
/* Supplied wordmark, transparent hero icon and editor portrait. */
.wordmark-window{display:block;position:relative;width:205px;height:38px;overflow:hidden;filter:drop-shadow(0 0 1px #e7deffb0)}.wordmark-window img{position:absolute;width:260px;height:260px;max-width:none;left:-27px;top:-108px}.brand-orbit.actual-icon{transform:none;overflow:hidden;width:1.45em;height:1.5em;top:-.1em;right:-.02em;filter:drop-shadow(0 10px 18px #8062ee35)}.actual-icon img{position:absolute;width:230%;height:230%;max-width:none;left:-65%;top:-63%;object-fit:contain}.logo-sculpture.portrait{margin:22px 0;border-radius:12px}.logo-sculpture.portrait img{mix-blend-mode:normal;width:100%;height:auto;object-fit:contain}@media(max-width:600px){.wordmark-window{width:160px;height:30px}.wordmark-window img{width:203px;height:203px;left:-21px;top:-84px}.brand-orbit.actual-icon{display:none}}
/* Clear brand contrast on the dark canvas; retain the supplied artwork. */
.wordmark-window{width:218px;height:44px;filter:none;overflow:visible}.wordmark-window img{width:272px;height:272px;left:-28px;top:-112px;clip-path:inset(41% 8% 43% 8%);filter:drop-shadow(0 0 1px #f1eaff) drop-shadow(0 0 2px #d1c0ff) brightness(1.35)}
.brand-orbit.actual-icon{width:1.5em;height:1.55em;top:-.1em;right:0;overflow:visible;transform:perspective(700px) rotateY(-14deg) rotateZ(-12deg);filter:drop-shadow(0 12px 14px #0008);isolation:isolate}.brand-orbit.actual-icon:before{content:'';position:absolute;inset:2%;border-radius:30%;background:radial-gradient(ellipse,#cec2f43d,#8267c419 65%,transparent 75%);filter:blur(10px);z-index:-1}.actual-icon img{width:230%;height:230%;left:-65%;top:-63%;clip-path:inset(25% 26% 25% 26%);filter:brightness(1.65) drop-shadow(0 0 1px #c6b3ed) drop-shadow(0 4px 3px #171025)}
@media(max-width:900px) and (min-width:601px){.brand-orbit.actual-icon{font-size:.72em}}
@media(max-width:600px){.wordmark-window{width:172px;height:34px}.wordmark-window img{width:215px;height:215px;left:-22px;top:-89px}.brand-orbit.actual-icon{display:block;font-size:36px;width:60px;height:64px;top:-88px;right:0}.hero>.eyebrow{max-width:calc(100% - 66px);min-height:35px;line-height:1.7}.hero h1{margin-top:30px}}
.wordmark-window,.brand-orbit.actual-icon{overflow:hidden}
@media(min-width:601px) and (max-width:760px){.nav nav{gap:14px}.nav .wordmark-window{width:175px;height:36px}.nav .wordmark-window img{width:220px;height:220px;left:-23px;top:-91px}.nav-cta{padding:10px 12px}.nav-cta span{margin-left:12px}}

.wordmark-window img{filter:none}
/* Selected-frame slideshow replaces the decorative hero icon. */
h1>span.hero-slides{position:absolute;right:1%;top:-.04em;width:1.3em;height:1.7em;display:block;overflow:hidden;border-radius:12px;background:#242032!important;border:1px solid #a690cb66;transform:rotate(7deg);box-shadow:8px 10px 0 #30253d,0 20px 45px #0007;isolation:isolate}.hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:frame-cycle 4.8s linear 1 both}.hero-slides img:first-child{opacity:1;animation-name:first-frame}.hero-slides img:nth-child(2){animation-delay:1.6s}.hero-slides img:nth-child(3){animation-delay:3.2s;animation-name:last-frame}.hero-slides:after{content:'';position:absolute;inset:0;border:5px solid #ffffff08;border-radius:inherit;pointer-events:none}@keyframes first-frame{0%,28%{opacity:1}34%,100%{opacity:0}}@keyframes frame-cycle{0%{opacity:0}6%,28%{opacity:1}34%,100%{opacity:0}}@keyframes last-frame{0%{opacity:0}6%,100%{opacity:1}}.logo-sculpture.portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center 35%}@media(max-width:900px){h1>span.hero-slides{font-size:.8em}}@media(max-width:600px){h1>span.hero-slides{font-size:30px;width:48px;height:62px;top:-88px;right:5px}}@media(prefers-reduced-motion:reduce){.hero-slides img{animation:none!important;opacity:0}.hero-slides img:first-child{opacity:1}}
/* Hero tagline graphic. */
h1>span.hero-claim{position:absolute;display:block;right:0;top:0;width:1.65em;height:1.35em;background:none;color:inherit;transform:rotate(-7deg)}.hero-claim img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px #0005)}@media(max-width:900px){h1>span.hero-claim{font-size:.8em}}@media(max-width:600px){h1>span.hero-claim{font-size:40px;width:74px;height:64px;top:-88px;right:0}}