@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.mx-home[data-home-motion=on] [data-home-reveal=pending]{opacity:0;transform:translateY(24px)}.mx-home[data-home-motion=on] .mx-hero-art{perspective:1100px}.mx-home[data-home-motion=on] .mx-hero-pointer{transform-origin:50% 55%}.mx-home[data-home-motion=on] .mx-availability i{animation:4s ease-in-out infinite paused home-signal-breathe}.mx-home[data-home-motion=on][data-home-tab-active=true][data-home-hero-active=true] .mx-availability i{animation-play-state:running}.mx-home[data-home-motion=on] .mx-orbit span{animation:18s linear infinite paused home-orbit-forward}.mx-home[data-home-motion=on] .mx-orbit span:nth-child(2){animation-name:home-orbit-backward;animation-duration:22s}.mx-home[data-home-motion=on] .mx-orbit i{animation:6s ease-in-out infinite paused home-orbit-core}.mx-home[data-home-motion=on][data-home-tab-active=true] .mx-orbit[data-home-in-view=true]>*{animation-play-state:running}.mx-home[data-home-motion=on][data-home-tab-active=false] .mx-availability i{animation-play-state:paused}.mx-home[data-home-motion=on] .mx-intro-strip .mx-strip-arrow{transition:transform .6s cubic-bezier(.16,1,.3,1)}.mx-home[data-home-motion=on] .mx-intro-strip:hover .mx-strip-arrow{transform:translate(4px,4px)}.mx-home[data-home-motion=on] .mx-project-caption,.mx-home[data-home-motion=on] .mx-capability-row h3,.mx-home[data-home-motion=on] .mx-row-arrow,.mx-home[data-home-motion=on] .mx-process-grid h3,.mx-home[data-home-motion=on] .mx-process-number>span{transition:transform .48s cubic-bezier(.16,1,.3,1),color .25s}.mx-home[data-home-motion=on] .mx-capability-row{position:relative}.mx-home[data-home-motion=on] .mx-capability-row:after{content:"";background:var(--color-acid);transform-origin:0;pointer-events:none;width:100%;height:1px;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.mx-home[data-home-motion=on] .mx-capability-row:focus-visible:after{transform:scaleX(1)}.mx-home[data-home-motion=on] .mx-studio-image{transition:transform .9s cubic-bezier(.16,1,.3,1)}.mx-home[data-home-motion=on] .mx-studio>figure{overflow:clip}.mx-home[data-home-motion=on] .mx-process-grid>li{position:relative}.mx-home[data-home-motion=on] .mx-process-grid>li:before{content:"";background:var(--color-signal);transform-origin:0;pointer-events:none;width:100%;height:2px;transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;top:-1px;left:0;transform:scaleX(0)}.mx-home[data-home-motion=on] .mx-process-grid>li[data-home-reveal=done]:before{transform:scaleX(1)}.mx-home[data-home-motion=on] .btn{isolation:isolate;transition:transform .36s cubic-bezier(.16,1,.3,1),background-color .25s,border-color .25s}.mx-home[data-home-motion=on] .btn:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(110deg,#0000 15%,#ffffff29 50%,#0000 85%);transition:transform .65s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-120%)skew(-16deg)}.mx-home[data-home-motion=on] .btn:focus-visible:before{transform:translate(120%)skew(-16deg)}.mx-home[data-home-motion=on] .btn>span[aria-hidden=true]{transition:transform .45s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (pointer:fine){.mx-home[data-home-motion=on] .btn:hover{transform:translateY(-4px)}.mx-home[data-home-motion=on] .btn:hover:before{transform:translate(120%)skew(-16deg)}.mx-home[data-home-motion=on] .btn:hover>span[aria-hidden=true]{transform:translate(3px,-3px)rotate(-8deg)}.mx-home[data-home-motion=on] .btn:active{transform:translateY(-1px)scale(.985)}.mx-home[data-home-motion=on] .mx-project:hover .mx-project-caption{transform:translate(4px)}.mx-home[data-home-motion=on] .mx-project-image-link:hover .mx-project-image{transform:scale(1.055)}.mx-home[data-home-motion=on] .mx-capability-row:hover:after{transform:scaleX(1)}.mx-home[data-home-motion=on] .mx-capability-row:hover h3{transform:translate(4px)}.mx-home[data-home-motion=on] .mx-capability-row:hover .mx-row-arrow{transform:translate(3px,-3px)rotate(8deg)}.mx-home[data-home-motion=on] .mx-studio>figure:hover .mx-studio-image{transform:scale(1.025)}.mx-home[data-home-motion=on] .mx-process-grid>li:hover h3{transform:translateY(-3px)}.mx-home[data-home-motion=on] .mx-process-grid>li:hover .mx-process-number>span{transform:translate(3px,-3px)}}}@keyframes home-signal-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@keyframes home-orbit-forward{0%{transform:rotate(40deg)}to{transform:rotate(220deg)}}@keyframes home-orbit-backward{0%{transform:rotate(-40deg)}to{transform:rotate(-220deg)}}@keyframes home-orbit-core{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(.96)}}
.mx-home .mx-hero-visual{border-radius:3px;overflow:clip}.mx-home .mx-project-index,.mx-home .mx-project-summary{display:none}.mx-home #work,.mx-home #process,.mx-home #services{scroll-margin-top:calc(var(--header-height) + 24px)}.mx-scroll-story{color:#f3f0e8;background:#171916;margin-top:72px;position:relative}.mx-story-stage{isolation:isolate;position:relative;overflow:clip}.mx-story-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.mx-story-glow{position:absolute;inset:-15%}.mx-story-glow--warm{background:radial-gradient(at 85% 65%,#8c3b224f,#0000 58%),radial-gradient(at 10% 10%,#686b343d,#0000 60%)}.mx-story-glow--green{background:radial-gradient(at 75% 25%,#d7f36a35,#0000 55%),radial-gradient(at 0 90%,#5b746039,#0000 60%)}.mx-story-content{padding-block:36px}.mx-story-topline,.mx-story-bottomline{justify-content:space-between;align-items:center;gap:32px;display:flex}.mx-story-topline{color:#b7b8ad}.mx-story-skip{white-space:nowrap;align-items:center;gap:18px;padding:8px 0;font-size:12px;display:inline-flex}.mx-story-skip:focus-visible{outline-color:#d7f36a}.mx-story-center{grid-template-columns:1fr .45fr;align-items:center;gap:48px;padding-block:clamp(60px,9vw,140px);display:grid}.mx-story-statement{max-width:13ch;color:inherit;letter-spacing:-.045em;text-wrap:initial;font-size:clamp(46px,6.7vw,100px);font-weight:500;line-height:1.06}.mx-story-word{margin-inline-end:.18em;display:inline-block}.mx-story-word:nth-last-child(-n+2){color:#d7f36a}.mx-story-object{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative}.mx-story-object-ring{border:1px solid #d7f36a57;border-radius:50%;position:absolute;inset:0;transform:rotateX(55deg)rotate(-30deg)}.mx-story-object-mark{aspect-ratio:1;color:#171916;background:#d7f36a;border-radius:8px;place-items:center;width:64%;display:grid;transform:rotate(-14deg);box-shadow:12px 16px #788743,24px 32px #313b25}.mx-story-object-mark svg{width:62%;height:auto}.mx-story-object>span{letter-spacing:.12em;text-transform:uppercase;color:#b7b8ad;font-size:10px;position:absolute;bottom:-32px}.mx-story-bottomline{border-top:1px solid #f3f0e82b;padding-top:28px}.mx-story-bottomline>p{color:#c5c8ba;font-size:13px;line-height:1.7}.mx-story-journey{grid-template-columns:repeat(3,1fr);gap:16px 30px;width:40%;font-size:15px;display:grid}.mx-story-track{background:#f3f0e82b;grid-column:1/-1;height:2px;display:block}.mx-story-track>i{transform-origin:0;background:#d7f36a;height:100%;display:block}@media (max-width:767px){.mx-scroll-story{margin-top:48px}.mx-story-content{padding-block:28px}.mx-story-topline{align-items:start;gap:16px}.mx-story-topline .mx-kicker{max-width:18ch;font-size:9px}.mx-story-skip{gap:8px;padding:0;font-size:11px}.mx-story-center{grid-template-columns:1fr;gap:44px;padding-block:60px}.mx-story-statement{max-width:14ch;font-size:clamp(38px,9.6vw,64px)}.mx-story-object{justify-self:end;width:150px;margin:-5px 20px 24px 0}.mx-story-bottomline{flex-direction:column;align-items:start;gap:28px}.mx-story-journey{width:100%;max-width:380px}}@media (min-width:1024px) and (min-height:650px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:cover 20% cover 70%){.mx-home .mx-hero{view-timeline:--eskeil-hero block}.mx-home .mx-hero-visual{transform-origin:50% 80%;animation:linear both eskeil-hero-depth;animation-timeline:--eskeil-hero;animation-range:exit}.mx-scroll-story{view-timeline:--eskeil-story block;height:230svh}.mx-story-stage{top:var(--header-height);height:calc(100svh - var(--header-height));min-height:562px;position:sticky}.mx-story-content{flex-direction:column;justify-content:space-between;height:100%;padding-block:30px;display:flex}.mx-story-center{padding-block:24px}.mx-story-statement{font-size:clamp(64px,6.7vw,104px)}.mx-story-word{animation:linear both eskeil-word-light;animation-timeline:--eskeil-story}.mx-story-glow--warm{animation:linear both eskeil-warm-drift;animation-timeline:--eskeil-story;animation-range:cover 15% cover 85%}.mx-story-glow--green{animation:linear both eskeil-green-drift;animation-timeline:--eskeil-story;animation-range:cover 15% cover 85%}.mx-story-object-mark{animation:linear both eskeil-mark-turn;animation-timeline:--eskeil-story;animation-range:cover 20% cover 80%}.mx-story-object-ring{animation:linear both eskeil-ring-turn;animation-timeline:--eskeil-story;animation-range:cover 20% cover 80%}.mx-story-track>i{animation:linear both eskeil-line-fill;animation-timeline:--eskeil-story;animation-range:cover 26% cover 65%}.mx-story-journey>span{animation:linear both eskeil-word-light;animation-timeline:--eskeil-story;animation-range:cover 26% cover 36%}.mx-story-journey>span:nth-child(2){animation-range:cover 41% cover 51%}.mx-story-journey>span:nth-child(3){animation-range:cover 56% cover 66%}.mx-home .mx-work{padding-bottom:80px}.mx-home .mx-project-grid{display:block}.mx-home .mx-project{top:calc(var(--header-height) + 20px);height:calc(100svh - var(--header-height) - 44px);max-height:860px;scroll-margin-top:calc(var(--header-height) + 20px);margin:0 0 12svh;padding:0;position:sticky}.mx-home .mx-project:last-child{margin-bottom:0}.mx-home .mx-project-grid:focus-within .mx-project{position:relative;top:auto}.mx-home .mx-project-surface{background:#e8ebdf;border:1px solid #17191624;border-radius:10px;grid-template-columns:1.35fr 1fr;height:100%;display:grid;overflow:clip;box-shadow:0 -12px 38px #1719160a}.mx-home .mx-project--2 .mx-project-surface{background:#e0e7e4}.mx-home .mx-project--3 .mx-project-surface{background:#ede7db}.mx-home .mx-project--4 .mx-project-surface{background:#e7e1da}.mx-home .mx-project-image-link{border-radius:0;height:100%}.mx-home .mx-project-image{aspect-ratio:auto;width:100%;height:100%}.mx-home .mx-project-caption{flex-direction:column;justify-content:space-between;align-items:start;gap:28px;padding:clamp(26px,3.6vw,60px)}.mx-home .mx-project-caption h3{font-size:clamp(36px,4vw,62px);line-height:1.06}.mx-home .mx-project-caption h3 a{display:inline-block}.mx-home .mx-project-caption p{margin-top:18px;font-size:12px}.mx-home .mx-project-caption .mx-project-summary{color:#4f554c;margin-top:28px;font-size:14px;line-height:1.75;display:block}.mx-home .mx-project-index{letter-spacing:.08em;font-size:11px;display:block}.mx-home .mx-project:hover .mx-project-caption{transform:none}.mx-home .mx-project-image-link:focus-visible{outline-offset:-6px;outline:3px solid #171916}.mx-home .mx-project-caption a:focus-visible{outline-color:#171916}.mx-home .mx-capability-intro{top:calc(var(--header-height) + 48px);align-self:start;position:sticky}.mx-home .mx-capability-row{align-content:center;min-height:36svh}.mx-home .mx-capability-row h3{font-size:clamp(27px,2.7vw,40px)}.mx-home .mx-capability-row p{font-size:15px}.mx-home .mx-capability-row{view-timeline:--eskeil-capability block}.mx-home .mx-capability-row>div{animation:linear both eskeil-capability-arrive;animation-timeline:--eskeil-capability;animation-range:entry}.mx-home .mx-studio>figure{view-timeline:--eskeil-studio block}.mx-home .mx-studio-image{animation:linear both eskeil-studio-depth;animation-timeline:--eskeil-studio;animation-range:entry exit}.mx-home .mx-process{grid-template-columns:1fr 1fr;align-items:start;gap:80px;padding-top:48px;display:grid}.mx-home .mx-process>.mx-section-head{top:calc(var(--header-height) + 40px);margin:0;padding-top:32px;display:block;position:sticky}.mx-home .mx-process .mx-section-aside{margin-top:30px}.mx-home .mx-process-grid{flex-direction:column;gap:28px;display:flex}.mx-home .mx-process-grid>li{view-timeline:--eskeil-step block;background:#eeeee4;border:1px solid #d1d2c7;border-radius:6px;min-height:43svh;padding:32px}.mx-home .mx-process-grid>li:nth-child(2){background:#e9ecde}.mx-home .mx-process-grid>li:nth-child(3){background:#e4e9df}.mx-home .mx-process-grid>li:nth-child(4){background:#e4eccd}.mx-home .mx-process-number{font-family:var(--font-display);margin-bottom:36px;font-size:64px;line-height:1}.mx-home .mx-process-grid h3{font-size:34px}.mx-home .mx-process-grid p{font-size:15px}.mx-home .mx-process-grid>li:before{transition:none;animation:linear both eskeil-line-fill;animation-timeline:--eskeil-step;animation-range:entry 20% cover 55%}}}@keyframes eskeil-word-light{0%{opacity:.22;transform:translateY(8px)}to{opacity:1;transform:translate(0,0)}}@keyframes eskeil-line-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes eskeil-hero-depth{to{transform:translateY(36px)scale(.96)}}@keyframes eskeil-studio-depth{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes eskeil-capability-arrive{0%{opacity:.35;transform:translateY(32px)}to{opacity:1;transform:translate(0,0)}}@keyframes eskeil-warm-drift{0%{opacity:1;transform:translate(4%,3%)}to{opacity:.25;transform:translate(-6%,-3%)}}@keyframes eskeil-green-drift{0%{opacity:.2;transform:translate(-5%,5%)}to{opacity:1;transform:translate(6%,-5%)}}@keyframes eskeil-mark-turn{0%{transform:perspective(900px)rotateY(-25deg)rotate(-18deg)translateY(20px)}to{transform:perspective(900px)rotateY(20deg)rotate(10deg)translateY(-20px)}}@keyframes eskeil-ring-turn{0%{transform:rotateX(55deg)rotate(-40deg)}to{transform:rotateX(65deg)rotate(40deg)}}
