:root{--paper:#111214;--white:#161719;--ink:#efeee8;--muted:#a0a09c;--blue:#d8ff85;--orange:#ab90ff;--line:#37383a;--section:120px;--violet:#ab90ff;--acid:#d8ff85}body{background:var(--paper)}::selection{background:var(--acid);color:#111214}.header{background:rgba(17,18,20,.94);border-color:#333437;backdrop-filter:blur(15px)}.brand img{width:168px}.header-contact:hover{color:#111214;background:var(--acid);border-color:var(--acid)}.reading-progress{background:linear-gradient(90deg,var(--acid),var(--violet))}.blue{color:var(--acid)}.hero{position:relative;overflow:clip;border-bottom:1px solid var(--line)}.hero-top{position:relative;z-index:4}.hero-main{display:block;min-height:815px;padding-top:45px;padding-bottom:50px;position:relative}.hero-copy{position:relative;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy h1{font-size:clamp(110px,11.75vw,215px);line-height:.92;letter-spacing:-.065em;width:max-content;max-width:100%;transform:translate3d(calc(var(--hero-p,0) * -55px),calc(var(--hero-p,0) * -40px),0);will-change:transform}.hero-copy h1 .title-line:last-child>span{color:var(--acid)}.hero-description{margin-top:34px;max-width:420px}.hero-description p{font-size:18px;line-height:1.55;color:#c2c3bf;max-width:400px}.primary{color:#111214;background:var(--acid);font-weight:600}.primary:hover{background:#bfe965;box-shadow:0 8px 45px #d8ff8518}.button-arrow{background:#11121412}.button:hover .button-arrow{background:#111214; color:var(--acid);transform:rotate(45deg)}.hero-art{position:absolute;right:-6%;top:0;width:65%;height:95%;min-height:0;padding:0;background:none;overflow:visible;isolation:isolate;color:var(--acid)}.hero-art:before{content:'';position:absolute;inset:3% 4%;background:radial-gradient(ellipse at 52% 42%,#44375955,transparent 64%);z-index:-1}.art-top{position:absolute;top:30px;left:33%;right:12%;color:#a8a8a5;font-size:14px}.art-dash{background:#66666b}.art-bottom{position:absolute;bottom:24px;left:40%;right:11%;color:#a8a8a5;font-size:14px;line-height:1.45}.art-mark{color:var(--violet)}.form-orbit{inset:40px -10px 30px;perspective:950px;transform:translate3d(0,calc(var(--hero-p,0) * 65px),0) rotate(calc(var(--hero-p,0) * 30deg))!important}.hero-wire{width:100%;height:100%;overflow:visible;transform:rotate(-12deg) rotateX(12deg);animation:wire-float 14s ease-in-out infinite alternate;filter:drop-shadow(0 0 24px #a88aff16)}.wire-layer{fill:none;stroke:url(#wire-color);stroke-width:.8;transform:rotate(calc(var(--a) + var(--hero-p,0) * var(--i) * -.7deg)) scale(var(--s));transform-origin:0 0;opacity:calc(.35 + var(--i) * .012)}.wire-center{transform:rotate(calc(var(--hero-p,0) * -180deg));transform-origin:0 0;filter:drop-shadow(0 0 18px #d8ff8525)}.orbital{position:absolute;inset:5%;transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(calc(var(--hero-p,0) * -90deg));pointer-events:none}.orbit-ring{position:absolute;border:1px solid #8d79ba40;inset:0;border-radius:50%;transform:rotateY(20deg)}.ring-b{inset:10%;border-color:#d8ff8520;transform:rotateY(55deg)}.ring-c{inset:22%;border-style:dashed;transform:rotateY(-30deg)}.kinetic-form{position:absolute;inset:0;opacity:.45;transform:rotate(calc(var(--hero-p,0) * 80deg));pointer-events:none}.kinetic-form span{position:absolute;width:6px;height:6px;background:var(--acid);border-radius:50%;box-shadow:0 0 20px #d8ff8570;left:74%;top:12%}.kinetic-form span:nth-child(2){width:4px;height:4px;left:14%;top:54%;background:var(--violet)}.kinetic-form span:nth-child(3){left:83%;top:75%;width:8px;height:8px}.hero-bottom{position:relative;z-index:4;border-top:1px solid #38393c}.hero-directions a:hover{color:var(--acid)}.hero-bottom>a span{color:var(--acid)}
.intro{min-height:670px;align-content:center}.intro .small-spark{color:var(--violet);transform:rotate(calc(var(--intro-p,0) * 180deg)) scale(calc(.9 + var(--intro-p,0) * .4))}.statement{font-size:clamp(40px,4.55vw,80px);line-height:1.13;letter-spacing:-.052em}.read-line{display:block!important;color:transparent!important;background-image:linear-gradient(90deg,#efeee8 0%,#efeee8 50%,#45464a 50%,#45464a 100%);background-size:200% 100%;background-position:calc((1 - var(--read,1)) * 100%) 0;background-clip:text;-webkit-background-clip:text;width:max-content;max-width:100%;position:relative}.read-line:nth-child(3),.read-line:nth-child(4){background-image:linear-gradient(90deg,#d8ff85 0%,#d8ff85 50%,#45464a 50%,#45464a 100%)}.intro-bottom p{color:#bfc0bc}.intro-bottom p+p{color:#92938e}.work{position:relative;background:#161719;border-top:1px solid var(--line)}.work .section-heading{position:relative;overflow:hidden;min-height:210px}.work-count{position:absolute;right:0;top:-20px;font-size:150px;line-height:1;color:#242528;letter-spacing:-.08em;z-index:0}.work .section-heading>p,.work .section-heading>div{position:relative;z-index:1}.work .section-heading h2{transform:translateX(calc((var(--work-p,0) - .5) * 25px))}.featured-work{gap:110px}.featured{position:relative;perspective:1400px}.work-title{position:sticky;top:125px;align-self:start}.work-title h3{color:#efeee8}.work-title>.caption{color:var(--violet)}.tags span{color:#bdbeb9;border-color:#444548;background:#1c1d20}.work-art{height:670px;clip-path:polygon(calc(var(--cut,0) * 1%) 0,100% 0,100% calc((100 - var(--cut,0)) * 1%),calc((100 - var(--cut,0)) * 1%) 100%,0 100%,0 calc(var(--cut,0) * 1%));transform:translateY(calc((var(--project-p,.5) - .5) * -30px));will-change:clip-path,transform;isolation:isolate}.work-art:after{content:'';position:absolute;inset:0;border:1px solid #ffffff17;pointer-events:none;z-index:8;transition:border-color .4s}.featured:hover .work-art:after{border-color:#d8ff8580}.aura-back{transform:scale(1.1) translateY(calc((var(--project-p,.5) - .5) * 35px))!important;filter:brightness(.65)}.aura-window{width:44%;top:15%;left:11%;color:#202126;background:#f1eeea;transform:translateY(calc((var(--project-p,.5) - .5) * -80px)) rotate(calc(-9deg + var(--project-p,.5) * 12deg));transition:transform .2s linear,box-shadow .5s}.aura-window img{height:330px}.featured:hover .aura-window{box-shadow:0 20px 100px #9e86ff4d}.giant-aura{font-size:clamp(150px,19vw,310px);bottom:-35px;transform:translateX(calc((var(--project-p,.5) - .5) * -35px));color:#f0eee5}.fashion-inset{transform:translateY(calc((var(--project-p,.5) - .5) * -80px)) rotate(calc(12deg - var(--project-p,.5) * 14deg));transition:transform .2s linear}.featured:hover .fashion-inset{transform:translateY(-8px) rotate(-2deg)}.fashion-art>img{width:64%;transform:scale(1.08) translateY(calc((var(--project-p,.5) - .5) * 35px))}.fashion-word{font-size:clamp(40px,6.4vw,100px);transform:translateX(calc((var(--project-p,.5) - .5) * 40px))}.event-art>img{transform:scale(1.14) translateY(calc((var(--project-p,.5) - .5) * 65px))!important}.event-note{background:#161719e8;color:#efeee8;backdrop-filter:blur(10px)}.event-note>span+span{color:var(--acid)}.case-details{border-color:#444549}.case-details summary:hover{color:var(--acid)}.case-body .line-link{color:var(--acid)}.more-heading h3{color:#d2d2cc}.index-case>summary{transition:color .3s,background .3s,padding .4s var(--ease)}.index-case>summary:hover{color:var(--acid);padding-left:16px;padding-right:16px;background:#22251c}.index-content .flow{background:#22251d;color:#d8ff85}.flow b{color:var(--violet)}
.services{background:#101113;position:relative}.service-jump a{color:#c7c7c2;border-color:#404144}.service-jump a:hover{background:var(--acid);color:#111214}.price-group{border-top-color:#66686a}.group-intro{position:sticky;top:124px;align-self:start}.group-intro>.caption{color:#999a94}.rate-name{transition:transform .4s var(--ease),color .3s}.rate summary:hover .rate-name{transform:translateX(10px);color:var(--acid)}.rate-price{color:#e0e0d8}.rate-price small{color:#b4b5ae}.rate .plus{color:var(--acid)}.rate[open]{background:#1b1e18}.rate[open] summary{padding-left:16px;padding-right:16px}.rate[open] .rate-description{padding-left:16px}.rate-description{color:#b9bbb3}.rate .line-link{color:var(--acid)}.support .rate{background:#191b17;border-color:#4b5140;transition:background .4s,border-color .4s,transform .5s var(--ease)}.support .rate:hover{border-color:var(--acid);transform:translateY(-6px);background:#22291b}.support .rate:nth-child(2){background:#d8ff85;color:#111214;border-color:#d8ff85}.support .rate:nth-child(2) .rate-name,.support .rate:nth-child(2) .rate-price,.support .rate:nth-child(2) .rate-price small,.support .rate:nth-child(2) .plus{color:#111214}.support .rate:nth-child(2) .per,.support .rate:nth-child(2) .rate-description{color:#414936}.support .rate:nth-child(2) .line-link{color:#111214}.support .rate[open] summary{padding:0}.support .rate[open] .rate-description{padding-left:0}.support .rate summary:hover .rate-name{transform:none}.price-note .line-link{color:var(--acid)}
.approach{background:#211d2d;color:#efeee8;border-top:1px solid #494056;border-bottom:1px solid #494056;--stage-p:0}.approach:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 16% 30%,#5c467729,transparent 55%);pointer-events:none}.approach-pin{min-height:730px}.approach-heading h2>span{color:var(--violet)}.approach-label .caption{color:#c4bdcf}.stage-count{color:var(--violet);opacity:1}.stage-art{min-height:300px;overflow:visible}.stage-shape{position:absolute;width:175px;height:175px;color:var(--acid);transform:rotate(calc(var(--stage-p) * 180deg)) scale(calc(.6 + var(--stage-p) * .55));transition:color .8s}.stage-grid{width:260px;height:260px;border-color:#ae91d44d;background-image:linear-gradient(#ae91d414 1px,transparent 1px),linear-gradient(90deg,#ae91d414 1px,transparent 1px);background-size:52px 52px;transform:rotate(calc(-30deg + var(--stage-p) * 120deg));opacity:calc(.45 + var(--stage-p) * .55);transition:border-radius .7s}.stage-trace{position:absolute;width:330px;height:330px;overflow:visible;transform:rotate(-90deg)}.stage-trace circle{fill:none;stroke:var(--acid);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stage-p));opacity:.6}.stage-paths{position:absolute;width:240px;height:240px;transform:rotate(calc(var(--stage-p) * -90deg))}.stage-paths span{position:absolute;width:65px;height:65px;border:1px solid #ab90ff;left:0;top:0;transform:translate(calc(var(--stage-p) * 87px),calc(var(--stage-p) * 87px)) rotate(calc(var(--stage-p) * 45deg));opacity:calc(1 - var(--stage-p) * .85)}.stage-paths span:nth-child(2){left:auto;right:0;transform:translate(calc(var(--stage-p) * -87px),calc(var(--stage-p) * 87px)) rotate(calc(var(--stage-p) * -45deg))}.stage-paths span:nth-child(3){top:auto;bottom:0;transform:translate(calc(var(--stage-p) * 87px),calc(var(--stage-p) * -87px)) rotate(calc(var(--stage-p) * -45deg))}.stage-paths span:nth-child(4){left:auto;right:0;top:auto;bottom:0;transform:translate(calc(var(--stage-p) * -87px),calc(var(--stage-p) * -87px)) rotate(calc(var(--stage-p) * 45deg))}.stage-word{bottom:-6%;font-size:18px;color:var(--violet)}.approach[data-stage="1"] .stage-shape{transform:rotate(calc(var(--stage-p) * 180deg)) scale(calc(.6 + var(--stage-p) * .55));color:var(--violet)}.approach[data-stage="2"] .stage-shape{transform:rotate(calc(var(--stage-p) * 180deg)) scale(calc(.6 + var(--stage-p) * .55));color:var(--acid)}.approach[data-stage="1"] .stage-grid,.approach[data-stage="2"] .stage-grid{transform:rotate(calc(-30deg + var(--stage-p) * 120deg));border-radius:calc(var(--stage-p) * 50%)}.approach-step{min-height:720px}.approach-step p{color:#bbb5c8}.step-no{color:var(--violet)}.step-outcome{color:var(--acid);border-color:#75688555}.approach-step+.approach-step{border-color:#75688555}.stage-bottom{color:#b8b0c5}.stage-bottom .line-link{color:var(--acid)}.handover{background:#181a17;position:relative;overflow:hidden}.handover:after{content:'↗';position:absolute;right:-20px;top:0;font-size:500px;line-height:1;color:#d8ff8505;transform:translateY(calc((var(--handover-p,.5) - .5) * -150px));pointer-events:none}.handover-content h2>span{color:var(--acid)}.commitments{position:relative;z-index:1}.commitments>div{border-color:#45493f}.commitments p{color:#bbbeb2}.questions{background:#111214}.faq-item>summary:hover{color:var(--acid)}.faq-item>div{color:#bdbeb8}.contact{background:#d8ff85;color:#111214;border-top-left-radius:calc(var(--contact-p,0) * 50px);border-top-right-radius:calc(var(--contact-p,0) * 50px);position:relative;isolation:isolate}.contact-top{color:#535e40}.contact-main h2>span{color:#687c48}.contact-main h2{transform:translateX(calc((1 - var(--contact-p,1)) * -60px));will-change:transform}.contact-arrow{background:#111214;color:#d8ff85;transform:rotate(calc((1 - var(--contact-p,1)) * -90deg))}.contact-arrow:hover{background:#ab90ff;color:#111214;transform:rotate(45deg)}.contact-bottom>p{color:#4a5539}.contact-links a:hover{color:#586f2f}.footer-line{border-color:#11121438;color:#414c31}.footer-word{color:#111214;transform:translateY(calc((1 - var(--footer-p,1)) * 100px));will-change:transform}.footer-spark{color:#111214}.js .reveal{transform:translateY(45px);transition-duration:1s}.js .reveal.is-visible{transform:none}.scroll-dial{position:fixed;right:15px;top:50%;z-index:25;width:3px;height:110px;background:#7774;pointer-events:none;mix-blend-mode:difference}.scroll-dial:after{content:'';position:absolute;left:0;top:calc(var(--page-p,0) * 100% - var(--page-p,0) * 18px);width:3px;height:18px;background:var(--acid)}
@keyframes wire-float{0%{transform:rotate(-12deg) rotateX(12deg) rotateY(-9deg)}100%{transform:rotate(12deg) rotateX(-10deg) rotateY(10deg)}}
@media(min-width:1800px){.hero-main{min-height:1000px}.hero-art{width:63%}.work-art{height:800px}.aura-window img{height:430px}.approach-step{min-height:800px}}
@media(max-width:1100px){.hero-main{min-height:770px}.hero-copy h1{font-size:12vw}.hero-art{right:-10%;width:71%}.hero-description{max-width:350px}.hero-description p{max-width:330px}.work-art{height:580px}.aura-window img{height:290px}.intro{min-height:590px}.approach-pin{min-height:690px}.stage-trace{width:280px;height:280px}.stage-grid{width:220px;height:220px;background-size:44px 44px}.stage-paths{width:200px;height:200px}.stage-paths span{width:45px;height:45px}.stage-shape{width:145px;height:145px}.stage-word{bottom:-3%}.stage-art{min-height:270px}}
@media(max-width:800px){:root{--section:88px}.hero-main{min-height:740px}.hero-copy h1{font-size:13vw}.hero-art{width:75%;right:-14%;top:35px;height:85%}.art-top{left:35%;right:16%;font-size:12px}.art-bottom{left:45%;right:16%}.hero-description{max-width:340px}.hero-description p{font-size:16px}.intro{min-height:0}.statement{font-size:48px}.work-title,.group-intro{position:relative;top:0}.work .section-heading{min-height:0}.work-count{font-size:120px;top:0;right:0}.featured-work{gap:80px}.work-art{height:540px}.aura-window{width:38%}.aura-window img{height:300px}.approach-pin{min-height:650px}.stage-art{min-height:250px}.stage-trace{width:235px;height:235px}.stage-grid{width:190px;height:190px;background-size:38px 38px}.stage-shape{width:120px;height:120px}.stage-paths{width:170px;height:170px}.stage-paths span{width:40px;height:40px}.approach-step{min-height:660px}.stage-word{bottom:0}.contact{border-radius:0}.scroll-dial{display:none}}
@media(max-width:600px){:root{--section:68px}.header{backdrop-filter:blur(10px)}.brand img{width:140px}.hero{overflow:hidden}.hero-main{min-height:0;padding:30px 0 20px;display:flex;flex-direction:column}.hero-copy{display:contents;pointer-events:auto}.hero-copy h1{font-size:22.2vw;line-height:.94;max-width:100%;width:auto;position:relative;z-index:3;transform:translateY(calc(var(--hero-p,0) * -15px))}.hero-description{order:3;margin-top:0;position:relative;z-index:3;max-width:none}.hero-description p{font-size:18px;max-width:350px}.hero-art{position:relative;inset:auto;width:calc(100% + 36px);height:390px;margin:-10px -18px 16px;min-height:0;order:2;padding:0}.hero-art:before{inset:-10%}.form-orbit{inset:-30px -22px -18px}.hero-wire{filter:none}.art-top{left:18px;right:18px;top:10px;font-size:12px}.art-bottom{left:18px;right:18px;bottom:12px;font-size:12px}.art-bottom>span:first-child{display:none}.art-mark{margin-left:auto;font-size:30px}.orbit-ring{border-color:#8d79ba35}.hero-top{z-index:5}.hero-top .caption{font-size:13px}.hero-description .primary{margin-top:22px}.hero-bottom{padding:20px 0}.intro{padding-top:64px;padding-bottom:68px}.statement{font-size:34px;line-height:1.16}.read-line{width:max-content;max-width:100%}.intro-bottom p{font-size:16px}.work .section-heading h2{transform:none}.work-count{font-size:100px;top:-10px;right:0;color:#242528}.work-art{height:400px;clip-path:polygon(calc(var(--cut,0) * .4%) 0,100% 0,100% calc((100 - var(--cut,0) * .4) * 1%),calc((100 - var(--cut,0) * .4) * 1%) 100%,0 100%,0 calc(var(--cut,0) * .4%));transform:translateY(calc((var(--project-p,.5) - .5) * -12px))}.aura-window{width:48%;left:8%;top:15%}.aura-window img{height:220px}.giant-aura{font-size:140px;bottom:-20px}.fashion-word{font-size:45px}.event-note{background:#161719ed}.featured-work{gap:64px}.index-case>summary:hover{padding-left:0;padding-right:0;background:none}.rate summary:hover .rate-name{transform:none}.rate[open] summary{padding-left:8px;padding-right:8px;gap:8px}.rate[open] .rate-description{padding-left:8px;padding-right:8px}.support .rate:hover{transform:none}.support .rate[open] summary{gap:12px}.approach{padding-top:34px;background:#211d2d}.approach-pin{height:auto;min-height:0}.approach-heading h2{font-size:40px}.stage-art{min-height:285px;margin-top:26px}.stage-trace{width:260px;height:260px}.stage-grid{width:210px;height:210px;background-size:42px 42px}.stage-shape{width:140px;height:140px}.stage-paths{width:190px;height:190px}.stage-paths span{width:40px;height:40px}.stage-word{bottom:0;font-size:16px}.approach-step{min-height:0}.approach-step p{font-size:14px}.step-outcome{font-size:14px}.handover:after{font-size:300px;top:100px}.contact-main h2{transform:translateX(calc((1 - var(--contact-p,1)) * -18px))}.contact-arrow{transform:none}.footer-word{transform:translateY(calc((1 - var(--footer-p,1)) * 35px))}.js .reveal{transform:translateY(25px)}}
@media(prefers-reduced-motion:reduce){.hero-copy h1,.form-orbit,.hero-wire,.wire-layer,.wire-center,.orbital,.kinetic-form,.work .section-heading h2,.work-art,.aura-back,.aura-window,.fashion-inset,.fashion-art>img,.fashion-word,.event-art>img,.stage-shape,.stage-grid,.stage-paths,.stage-paths span,.contact-main h2,.contact-arrow,.footer-word,.intro .small-spark,.handover:after{transform:none!important}.work-art{clip-path:none!important}.read-line{background:none!important;color:#efeee8!important}.read-line:nth-child(3),.read-line:nth-child(4){color:var(--acid)!important}.contact{border-radius:0}.stage-trace circle{stroke-dashoffset:0}.js .reveal{opacity:1;transform:none!important}}
@media(hover:hover) and (pointer:fine){.form-orbit{transform:translate3d(0,calc(var(--hero-p,0) * 65px),0) rotate(calc(var(--hero-p,0) * 30deg)) rotateX(calc(var(--pointer-y,0) * -10deg)) rotateY(calc(var(--pointer-x,0) * 15deg))!important}}
@media(prefers-reduced-motion:reduce){.form-orbit{transform:none!important}}

@media(max-width:600px){.hero-description{order:2;margin-top:24px}.hero-art{order:3;margin:28px -18px 0}.hero-main{gap:0}}
