.magix-home .mh-hero .mh-lede{font-size:clamp(17.6px,15.2px + .55vw,22.4px);line-height:1.5;max-width:44ch;color:var(--ink-soft)}.magix-home .mh-hero h1{max-width:11ch}.magix-home .mh-cr-cue{display:inline-flex;align-items:center;gap:9.6px;margin-top:6.4px;font-size:11.84px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.magix-home .mh-cr-cue:hover{color:var(--ink)}.magix-home .mh-cr-cue svg{animation:mh-cr-bob 2.4s ease-in-out infinite}@keyframes mh-cr-bob{50%{transform:translateY(4px)}}.magix-home #concepts{padding-top:calc(clamp(80px,11vw,136px)*.6)}.magix-home .mh-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,36px);padding-block:8px 16px}.magix-home .mh-concept{position:relative;margin:0;display:grid;gap:16px;align-content:start;min-width:0;transform:rotate(var(--tilt, 0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1)}.magix-home .mh-concept:nth-child(1){--tilt: -2.2deg}.magix-home .mh-concept:nth-child(2){--tilt: 1.8deg;margin-top:clamp(24px,4vw,56px)}.magix-home .mh-concept:nth-child(3){--tilt: -1.2deg}.magix-home .mh-concept-frame{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:18px;border:1px solid var(--line-strong);isolation:isolate;box-shadow:0 34px 70px -32px #000128cc;background:radial-gradient(110% 80% at 20% 15%,var(--bg-lift),transparent 62%),radial-gradient(90% 70% at 85% 95%,var(--bg-deep),transparent 66%),var(--panel)}.magix-home .mh-concept-frame:before{content:"";position:absolute;top:22%;right:26%;bottom:22%;left:26%;z-index:0;opacity:.14;background:var(--mh-mark) no-repeat center / contain}.magix-home .mh-concept-frame img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.magix-home .mh-concept-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(to top,#000128b3,#00012800 46%),linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16) 50%,transparent 62%) no-repeat;background-size:100% 100%,260% 100%;background-position:0 0,130% 0;transition:background-position 1.1s ease}.magix-home .mh-concept-cap{position:absolute;z-index:3;left:clamp(14px,1.4vw,20px);right:14px;bottom:clamp(12px,1.3vw,18px);display:flex;align-items:baseline;gap:11.2px}.magix-home .mh-concept-num{font-family:var(--serif);font-size:clamp(20.8px,14.4px + 1vw,30.4px);line-height:1}.magix-home .mh-concept-tag{font-size:11.52px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.magix-home .mh-concept h3{margin:0;padding-inline:3.2px;font-family:var(--serif);font-weight:400;font-size:clamp(27.2px,17.6px + 1.4vw,40px);line-height:1}@media(hover:hover){.magix-home .mh-concept:hover{transform:rotate(0) translateY(-6px)}.magix-home .mh-concept:hover img{transform:scale(1.07)}.magix-home .mh-concept:hover .mh-concept-frame:after{background-position:0 0,-30% 0}.magix-home .mh-concept:hover h3{font-style:italic}}@media(max-width:860px){.magix-home .mh-concepts{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(var(--gutter) * -1);padding:16px var(--gutter) 20px;scroll-padding-inline:var(--gutter);scrollbar-width:none}.magix-home .mh-concepts::-webkit-scrollbar{display:none}.magix-home .mh-concept{flex:0 0 82%;scroll-snap-align:start}.magix-home .mh-concept:nth-child(2){margin-top:0}}.magix-home .mh-chapters.mh-four{grid-template-columns:repeat(4,minmax(0,1fr))}.magix-home .mh-chapters.mh-four .mh-chapter h3{font-size:clamp(25.6px,19.2px + .9vw,33.6px)}@media(max-width:1000px){.magix-home .mh-chapters.mh-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.magix-home .mh-chapters.mh-four{grid-template-columns:1fr}}.magix-home .mh-cr-where-text{display:grid;gap:clamp(17.6px,2.4vw,25.6px);min-width:0}.magix-home .mh-cr-where-big{margin:0;font-family:var(--serif);font-size:clamp(23.2px,16px + 1.25vw,35.2px);line-height:1.25;letter-spacing:-.01em;color:var(--ink-soft);max-width:34ch;text-wrap:pretty;text-shadow:0 2px 24px rgba(0,1,80,.55)}.magix-home .mh-cr-where-text .mh-cta-row{padding-top:4.8px}.magix-home .mh-cr-where-media{position:relative;margin:0;aspect-ratio:2 / 1;overflow:hidden;border-radius:22px;border:1px solid var(--line-strong);box-shadow:0 34px 70px -32px #000128cc;background:radial-gradient(120% 80% at 80% 15%,var(--bg-lift),transparent 60%),radial-gradient(90% 70% at 15% 90%,var(--bg-deep),transparent 65%),var(--panel)}.magix-home .mh-cr-where-media:before{content:"";position:absolute;top:26%;right:38%;bottom:26%;left:38%;opacity:.14;background:var(--mh-mark) no-repeat center / contain}.magix-home .mh-cr-where-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.magix-home .mh-cr-where-media:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:mh-sheen 7s ease-in-out infinite;pointer-events:none}@media(max-width:700px){.magix-home .mh-cr-where-media{aspect-ratio:4 / 3}.magix-home .mh-cr-where-head .mh-mark{order:-1;width:min(60vw,240px)}}.magix-home .mh-cr-reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * .11s)}.magix-home .mh-cr-reveal.is-in{opacity:1;transform:none}.magix-home .mh-concept.mh-cr-reveal.is-in{transform:rotate(var(--tilt, 0deg))}@media(hover:hover){.magix-home .mh-concept.mh-cr-reveal.is-in:hover{transform:rotate(0) translateY(-6px)}}@media(max-width:860px){.magix-home .mh-concept.mh-cr-reveal{opacity:1;transform:none}.magix-home .mh-concept.mh-cr-reveal.is-in{transform:none}}@media(prefers-reduced-motion:reduce){.magix-home .mh-cr-reveal{opacity:1;transform:none;transition:none}.magix-home .mh-cr-cue svg,.magix-home .mh-cr-where-media:after{animation:none}}@media(max-width:700px){.magix-home .mh-hero h1{font-size:15.6vw}.magix-home .mh-hero .mh-lede{font-size:17.28px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/magix-creative.css.map */