.magix-home .mh-menu-btn{gap:0;padding:4px;background:none;border:0;border-radius:50%;backdrop-filter:none;-webkit-backdrop-filter:none}.magix-home .mh-menu-btn:hover{background:none}.magix-home .mh-menu-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.magix-home .mh-menu-icon{width:34px;height:34px;transition:transform .25s}.magix-home .mh-menu-btn:hover .mh-menu-icon{transform:scale(1.06)}.magix-home .mh-menu-icon i{left:9px;right:9px;height:2px}.magix-home .mh-menu-icon i:first-child{top:13px}.magix-home .mh-menu-icon i:last-child{top:19px}.magix-home .mh-menu-btn[aria-expanded=true] .mh-menu-icon i:first-child,.magix-home .mh-menu-btn[aria-expanded=true] .mh-menu-icon i:last-child{top:16px}.magix-home .mh-menu-list{border:0}.magix-home .mh-chapters{position:relative;isolation:isolate}.magix-home .mh-chapters:before,.magix-home .mh-chapters:after{content:"";position:absolute;top:-18%;right:0;bottom:-14%;left:0;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 50%,transparent 100%)}.magix-home .mh-chapters:before{background:radial-gradient(ellipse 55% 65% at 18% 45%,rgba(0,1,75,.42),transparent 72%),radial-gradient(ellipse 50% 60% at 82% 62%,rgba(0,1,95,.32),transparent 72%),linear-gradient(180deg,transparent,rgba(0,1,70,.18) 50%,transparent)}.magix-home .mh-chapters:after{opacity:.065;background:var(--mh-mark) no-repeat -8% 6% / 40% auto,var(--mh-mark) no-repeat 58% 112% / 48% auto,var(--mh-mark) no-repeat 106% -4% / 30% auto,var(--mh-mark) no-repeat 34% -14% / 17% auto,var(--mh-mark) no-repeat 92% 70% / 19% auto}@media(max-width:820px){.magix-home .mh-chapters:after{background:var(--mh-mark) no-repeat -18% 4% / 82% auto,var(--mh-mark) no-repeat 120% 48% / 78% auto,var(--mh-mark) no-repeat -10% 96% / 70% auto}}.magix-home .mh-work-grid{width:100%;margin-inline:auto;display:grid;gap:clamp(10px,1.1vw,18px);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:15vw 15vw 17vw;grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a b b b b" "c c c c c d d d d e e e"}.magix-home .mh-work-frame{position:relative;margin:0;overflow:hidden;border-radius:18px;background:#00013a;border:1px solid var(--line);isolation:isolate;box-shadow:0 30px 60px -30px #000128b3}.magix-home .mh-w-a{grid-area:a}.magix-home .mh-w-b{grid-area:b}.magix-home .mh-w-c{grid-area:c}.magix-home .mh-w-d{grid-area:d}.magix-home .mh-w-e{grid-area:e}.magix-home .mh-work-frame video,.magix-home .mh-work-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.015);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.magix-home .mh-w-b video,.magix-home .mh-w-b img{object-position:50% 35%}.magix-home .mh-work-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#000128b8,#00012800 42%);border-radius:inherit}.magix-home .mh-work-frame .mh-photo-tag{z-index:2}.magix-home .mh-work-cap{position:absolute;z-index:2;left:clamp(14px,1.4vw,22px);right:14px;bottom:clamp(12px,1.3vw,20px);display:flex;align-items:baseline;gap:11.2px;color:var(--ink);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.magix-home .mh-work-num{font-family:var(--serif);font-size:clamp(20.8px,14.4px + 1vw,30.4px);line-height:1}.magix-home .mh-work-tag{font-size:11.84px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}@media(hover:hover){.magix-home .mh-work-frame:hover video{transform:scale(1.06)}.magix-home .mh-work-frame:hover .mh-work-cap{transform:translateY(-3px)}}.magix-home .mh-work-grid.is-reveal .mh-work-frame{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * 90ms)}.magix-home .mh-work-grid.is-reveal .mh-work-frame.is-in{opacity:1;transform:none}@media(max-width:900px){.magix-home .mh-work-grid{width:auto;margin-inline:0;grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:none}.magix-home .mh-w-a,.magix-home .mh-w-b,.magix-home .mh-w-c,.magix-home .mh-w-d,.magix-home .mh-w-e{grid-area:auto;aspect-ratio:16 / 9}.magix-home .mh-w-b,.magix-home .mh-w-e{aspect-ratio:4 / 5}}@media(prefers-reduced-motion:reduce){.magix-home .mh-work-grid.is-reveal .mh-work-frame{opacity:1;transform:none;transition:none}}.magix-home .mh-service>.mh-service-title{position:relative;z-index:2;display:grid;gap:7.2px}.magix-home .mh-service .mh-visit{font-size:11.84px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);line-height:1}.magix-home .mh-work-grid.is-flow{display:block;position:relative;height:clamp(460px,48vw,620px)}.magix-home .mh-work-grid.is-flow .mh-work-frame{position:absolute}.magix-home #mission{position:relative;isolation:isolate}.magix-home #mission:before,.magix-home #mission:after{content:"";position:absolute;top:0;right:0;bottom:-8%;left:0;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 55%,transparent 100%)}.magix-home #mission:before{background:radial-gradient(ellipse 60% 70% at 24% 62%,rgba(0,1,90,.4),transparent 72%),radial-gradient(ellipse 50% 60% at 80% 40%,rgba(40,60,255,.2),transparent 70%),linear-gradient(180deg,transparent,rgba(0,1,70,.16) 55%,transparent)}.magix-home #mission:after{opacity:.1;background:var(--mh-mark) no-repeat 6% 30% / min(56%,620px) auto}@media(max-width:860px){.magix-home #mission:after{background-position:50% 38%;background-size:88% auto}}.magix-home #work,.magix-home #mission{padding-top:calc(clamp(80px,11vw,136px)*.6)}.magix-home .mh-work-dots{display:none;justify-content:center;gap:8px;margin-top:-6px}.magix-home .mh-work-dots button{width:7px;height:7px;padding:0;border:0;border-radius:4px;background:var(--line-strong);cursor:pointer;transition:width .3s,background .3s}.magix-home .mh-work-dots button[aria-current=true]{width:22px;background:var(--ink)}@media(max-width:900px){.magix-home .mh-work-grid{display:flex;min-width:0;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter) 8px;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.magix-home .mh-work-grid::-webkit-scrollbar{display:none}.magix-home .mh-work-frame,.magix-home .mh-w-a,.magix-home .mh-w-b,.magix-home .mh-w-c,.magix-home .mh-w-d,.magix-home .mh-w-e{flex:0 0 84%;aspect-ratio:4 / 5;scroll-snap-align:start}.magix-home .mh-work-dots{display:flex}.magix-home .mh-work-grid.is-reveal .mh-work-frame{opacity:1;transform:none}}.magix-home .mh-service .mh-arrow{display:inline-flex;align-self:center}.magix-home .mh-service .mh-arrow svg{width:1.1em;height:1.1em;display:block}@media(max-width:700px){.magix-home .mh-hero{gap:17.6px}.magix-home .mh-hero .mh-eyebrow{font-size:clamp(13px,3.5vw,16px);letter-spacing:.18em;text-wrap:balance}.magix-home .mh-hero h1{font-size:18.5vw;line-height:.88;max-width:none}}.magix-home #solutions{position:relative;isolation:isolate}.magix-home .mh-sol-reel{position:absolute;z-index:-1;left:50%;top:-96px;width:100vw;height:calc(100% + 160px);transform:translate(-50%);overflow:hidden;pointer-events:none;opacity:.3;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 68%,transparent 100%),radial-gradient(ellipse 75% 85% at 50% 50%,#000 55%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 68%,transparent 100%),radial-gradient(ellipse 75% 85% at 50% 50%,#000 55%,transparent 100%);mask-composite:intersect}.magix-home .mh-sol-reel video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.1);transition:opacity .35s ease;filter:saturate(.85) contrast(1.08)}.magix-home .mh-sol-reel video.is-on{opacity:1;animation:mh-sol-reel-zoom 2.6s cubic-bezier(.2,.7,.2,1) forwards}@keyframes mh-sol-reel-zoom{0%{transform:scale(1.14)}to{transform:scale(1.02)}}.magix-home .mh-sol-reel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 55% at 50% 40%,#00015a40,#00013c8c)}.magix-home #solutions .mh-sol-text .mh-h2,.magix-home #solutions .mh-sol-text .mh-sub{text-shadow:0 2px 26px rgba(0,1,70,.7),0 1px 3px rgba(0,1,70,.4)}@media(max-width:700px){.magix-home .mh-sol-reel{opacity:.34;top:-48px;height:calc(100% + 96px)}}@media(prefers-reduced-motion:reduce){.magix-home .mh-sol-reel video.is-on{animation:none;transform:scale(1.02)}}.magix-home .mh-mission-cta{display:flex}.magix-home .mh-mission-cta .mh-go{text-decoration:none;box-shadow:0 14px 34px -14px #000132b3}.magix-home #story{padding-top:calc(clamp(80px,11vw,136px)*.7)}.magix-home #story .mh-story-head{--mw: clamp(264px, 36vw, 456px);position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr);min-height:calc(var(--mw) * .62)}.magix-home #story .mh-story-head .mh-h2{position:relative;z-index:1;max-width:none;text-shadow:0 2px 30px rgba(0,1,70,.75),0 1px 4px rgba(0,1,70,.5)}.magix-home #story .mh-story-head .mh-h2 em{display:block}.magix-home #story .mh-mark{position:absolute;z-index:0;right:clamp(-48px,-2vw,0px);top:50%;margin-top:calc(var(--mw) / -2);width:var(--mw)}@media(max-width:700px){.magix-home #story .mh-story-head{min-height:0;gap:8px}.magix-home #story .mh-mark{position:relative;right:auto;top:auto;margin-top:0;justify-self:center;width:min(86vw,360px)}}.magix-home .mh-hero>.mh-hero-reel{position:absolute;z-index:0;left:50%;top:-112px;width:100vw;height:calc(100% + 192px);transform:translate(-50%);opacity:.26;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%),radial-gradient(ellipse 85% 95% at 50% 45%,#000 55%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%),radial-gradient(ellipse 85% 95% at 50% 45%,#000 55%,transparent 100%);mask-composite:intersect}@media(max-width:700px){.magix-home .mh-hero>.mh-hero-reel{opacity:.3}}.magix-home{position:relative}.magix-home:after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:clamp(900px,125vh,1400px);pointer-events:none;background:linear-gradient(to bottom,#00018c00,#00018c8c 34%,#00018c 62%,#00015e)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/magix-extras.css.map */