/* D/E art directions. All motion is progressive enhancement; content is visible without JS. */
.template-site[class*="mode-mx-"]{--mx-pad:clamp(22px,5vw,84px)}.motion-hero{position:relative;isolation:isolate;min-height:780px;padding:74px var(--mx-pad);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;overflow:hidden;overflow:clip;color:var(--page-ink);background:var(--t-bg)}.motion-hero *{min-width:0}.mx-copy{position:relative;z-index:3}.mx-copy h1{font-size:clamp(39px,4.5vw,72px);line-height:1.22;font-weight:610;letter-spacing:-.065em;margin:24px 0;word-break:keep-all}.mx-copy .t-kicker{font-size:10px;letter-spacing:.15em;line-height:1.8;color:var(--page-accent);margin:0}.mx-description{font-size:15px;line-height:1.95;color:var(--page-muted);max-width:43ch;word-break:keep-all;margin:24px 0 30px}.mx-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.mx-actions .t-button{font-size:12px;padding:15px 21px;gap:22px;white-space:nowrap}.mx-shot{margin:0;overflow:hidden;position:relative}.mx-shot img{display:block;width:100%;height:100%;object-fit:cover}.mx-shot figcaption{font-size:10px;letter-spacing:.12em;margin-top:12px}.mx-edition{font-size:9px;letter-spacing:.13em;position:absolute;left:var(--mx-pad);bottom:24px;color:var(--page-muted);z-index:4}.mx-edition b{font-weight:400;letter-spacing:0;margin-left:20px}.mx-scroll{position:absolute;bottom:24px;right:var(--mx-pad);font-size:10px;letter-spacing:.14em;color:var(--page-ink);z-index:4}.mx-service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;gap:24px}.mx-service-links a{display:flex;align-items:center;gap:15px;border-top:1px solid var(--page-line);padding:22px 0;font-size:14px}.mx-service-links a small{font-size:9px;color:var(--page-accent)}.mx-service-links a b{font-weight:400;margin-left:auto;font-size:21px}.motion-toggle{position:fixed;left:18px;bottom:95px;z-index:45;border:1px solid #cbd4df;background:#fffffff0;color:#263548;border-radius:30px;padding:11px 14px;font:11px/1.3 inherit;font-size:11px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 14px #0000000a}.motion-toggle:focus-visible,.motion-hero button:focus-visible,.motion-hero a:focus-visible{outline:2px solid var(--page-accent);outline-offset:5px}.motion-ready [data-motion-reveal]{opacity:0;transform:translateY(26px);transition:opacity .75s var(--motion-delay,0ms),transform .75s var(--motion-delay,0ms)}.motion-ready [data-motion-reveal].motion-visible{opacity:1;transform:none}.motion-hero h1{animation:mx-type-in .85s both}.motion-hero .mx-description{animation:mx-type-in .85s .15s both}.motion-hero .mx-actions{animation:mx-type-in .85s .25s both}[data-motion-paused="true"] *,[data-motion-paused="true"] *:before,[data-motion-paused="true"] *:after{animation-play-state:paused!important}.mx-network{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.mx-orbit-art,.mx-lattice-art{position:absolute;width:690px;height:690px;stroke:var(--t-accent);stroke-width:.7;opacity:.32;right:-55px;top:35px;animation:mx-orbit-spin 55s linear infinite;pointer-events:none}.mx-orbit{grid-template-columns:1.05fr 1fr;background:radial-gradient(ellipse at 85% 60%,#16464777,transparent 55%),var(--t-bg)}.mx-orbit .mx-copy h1{font-weight:500}.mx-orbit-window{position:relative;width:100%;max-width:510px;aspect-ratio:1;justify-self:center;border:1px solid #84f3da5c;border-radius:50%;padding:32px;transform:translate(calc(var(--mx-x,0)*10px),calc(var(--mx-y,0)*10px));transition:transform .4s}.mx-orbit-window .mx-shot{width:100%;height:100%;border-radius:50%;filter:saturate(.7)}.mx-orbit-label{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);white-space:nowrap;background:#0a242a;border:1px solid #84f3da5c;padding:12px 20px;font-size:8px;letter-spacing:.12em;color:#b5eee4}.mx-terminal{grid-template-columns:1fr 1fr;gap:35px 6%;padding-top:30px}.mx-terminal-heading{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid #c4c4b8;padding-bottom:22px;font:10px monospace;letter-spacing:.1em}.mx-terminal .mx-copy h1{font-weight:720;font-size:clamp(38px,4.1vw,68px)}.mx-terminal-work{border:1px solid #b5b6aa;padding:12px;background:#e6e5db}.mx-terminal-work .mx-shot{height:290px;filter:saturate(.35)}.mx-terminal-rows{padding:0 18px;background:#f8f7f1}.mx-terminal-rows a{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #d5d5ca;animation:mx-row-in .6s calc(var(--i)*.15s) both}.mx-terminal-rows a>span{font-size:9px;color:#706e60}.mx-terminal-rows strong{font-size:15px;font-weight:500}.mx-terminal-rows a>span:last-child{margin-left:auto;color:#d94019;font-size:18px}.mx-terminal-baseline{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #b5b6aa;padding-top:22px;font:10px monospace;letter-spacing:.08em}.mx-assembly{grid-template-columns:1fr 1fr;padding-bottom:28px;gap:45px}.mx-assembly-word{position:absolute;top:60px;right:5%;font-size:clamp(90px,13vw,190px);font-weight:800;line-height:.78;color:#e3e5dd;letter-spacing:-.09em;z-index:-1}.mx-assembly .mx-copy h1{font-weight:740}.mx-assembly-product{position:relative;padding:70px 24px 20px}.mx-assembly-product .mx-shot{height:390px;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%);animation:mx-assemble 1.1s both}.mx-assembly-product>span{display:block;font:8px monospace;letter-spacing:.1em;text-align:right;margin-top:20px}.mx-crosshair{position:absolute;inset:45px 0 0;border:1px solid #ced2c5;pointer-events:none}.mx-crosshair:before,.mx-crosshair:after{content:'+';position:absolute;color:#e24921;font-size:26px;line-height:1}.mx-crosshair:before{top:-13px;left:-9px}.mx-crosshair:after{bottom:-13px;right:-9px}.mx-assembly-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;border-top:1px solid #cfd4c9}.mx-assembly-index a{display:grid;grid-template-columns:25px 1fr 15px;gap:12px;align-items:center;padding:24px 20px;border-right:1px solid #cfd4c9}.mx-assembly-index a:first-child{padding-left:0}.mx-assembly-index a:last-child{border-right:0}.mx-assembly-index span{font-size:10px;color:#e24921}.mx-assembly-index strong{font-size:13px;font-weight:500}.mx-assembly-index b{font-size:18px;font-weight:400}.mx-slice{display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:860px;padding-top:115px;padding-bottom:110px}.mx-slats{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:-2}.mx-slats>div{position:relative;overflow:hidden;border-right:1px solid #ffffff44;animation:mx-slat-open 1.3s calc(var(--i)*.18s) both}.mx-slats img{position:absolute;width:300%;max-width:none;height:100%;object-fit:cover;transform:translateX(calc(var(--i)*-33.3333%));filter:saturate(.15)}.mx-slice:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101819eb,#10181978);z-index:-1}.mx-slice .mx-copy{max-width:800px}.mx-slice .mx-copy h1{font-size:clamp(48px,5.5vw,88px);font-weight:450}.mx-slice .mx-description{color:#d0d5cf}.mx-slice .mx-service-links{margin-top:45px}.mx-slice .mx-service-links a{border-color:#ffffff55;color:#f4f5ed}.mx-route{grid-template-columns:1fr 1fr;padding-bottom:85px}.mx-route-map{position:absolute;inset:0 0 0 15%;z-index:-1;opacity:.14}.mx-route-map svg{width:100%;height:100%;stroke:#2358e7;stroke-width:2;stroke-dasharray:5 7}.mx-route-map path{stroke-dasharray:1300;animation:mx-route-draw 4s ease-out both}.mx-route-beacon{animation:mx-beacon 3s calc(var(--i)*.7s) infinite}.mx-route-cards{max-width:520px;justify-self:end;transform:translateY(calc(var(--mx-progress,0)*-35px));transition:transform .15s}.mx-route-cards>.mx-shot{height:240px;border-radius:16px 16px 0 0}.mx-route-selector{background:#fff;border:1px solid #d4e0f3;border-radius:0 0 16px 16px;padding:25px 30px;box-shadow:0 25px 55px #1743900e}.mx-route-selector>span{font-size:8px;letter-spacing:.12em;color:#6d80a4;display:block;margin-bottom:15px}.mx-route-selector button{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;border-bottom:1px solid #e0e7f1;padding:13px 0;text-align:left;color:#536a90;font:inherit;font-size:14px;cursor:pointer}.mx-route-selector button small{font-size:9px}.mx-route-selector button b{margin-left:auto;font-weight:400}.mx-route-selector button[aria-pressed=true]{color:#2358e7;font-weight:650}.mx-route-selector p{font-size:11px;line-height:1.8;color:#5d6b80;min-height:40px;margin:20px 0 10px}.mx-route-selector>a{font-size:10px;color:#2358e7}.mx-horizon{grid-template-columns:1.05fr 1fr;gap:15px 5%;padding-bottom:65px}.mx-horizon-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:12px 8px 20px;align-self:center;max-width:100%}.mx-horizon-rail>a{flex:0 0 86%;scroll-snap-align:start;display:flex;flex-direction:column;gap:17px}.mx-horizon-rail .mx-shot{height:365px;border-radius:140px 140px 4px 4px}.mx-horizon-rail>a>span{font-size:10px;letter-spacing:.08em;color:#745b40}.mx-horizon-rail strong{font-size:16px;line-height:1.8;font-weight:450;word-break:keep-all}.mx-horizon-rail a>b{font-size:11px;font-weight:400}.mx-gallery-controls{grid-column:2;display:flex;align-items:center;gap:10px}.mx-gallery-controls>span{font-size:9px;letter-spacing:.1em;margin-right:auto;color:#7c6d5a}.mx-gallery-controls button{width:42px;height:42px;border:1px solid #c5b5a4;border-radius:50%;background:transparent;font-size:20px;cursor:pointer;color:#57432f}.mx-frame{display:block;text-align:center;padding-top:28px;padding-bottom:30px}.mx-frame-top{display:flex;justify-content:space-between;border-bottom:1px solid #c6c1b5;padding-bottom:20px;margin-bottom:38px}.mx-frame-top .t-kicker,.mx-frame-top>span{font-size:9px;letter-spacing:.12em;color:#766c5b;margin:0}.mx-frame .mx-copy>.t-kicker{display:none}.mx-frame .mx-copy h1{font-size:clamp(40px,4.7vw,74px);font-weight:430}.mx-frame .mx-description{max-width:65ch;margin:18px auto 22px;font-size:13px}.mx-frame .mx-actions{justify-content:center;margin-bottom:35px}.mx-expand-frame{position:relative;animation:mx-frame-open 1.2s both;clip-path:inset(0)}.mx-expand-frame .mx-shot{height:430px}.mx-expand-frame>span{position:absolute;left:25px;bottom:22px;font-size:9px;color:#fff;background:#151e2170;padding:9px 13px}.mx-frame-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;padding-top:23px;color:#665b48}.mx-frame-bottom a{border-bottom:1px solid #a69b87;padding-bottom:3px}.mx-film{display:block;min-height:1060px;padding-top:65px;padding-bottom:34px}.mx-film-number{position:absolute;top:45px;right:var(--mx-pad);font-size:100px;font-weight:250;line-height:1;color:#81957b55;letter-spacing:-.09em}.mx-film .mx-copy{max-width:760px}.mx-film .mx-copy h1{font-size:clamp(45px,5vw,77px);font-weight:400}.mx-film .mx-description{max-width:60ch}.mx-film-photos{display:grid;grid-template-columns:.65fr 1.6fr .65fr;gap:24px;align-items:center;margin-top:45px}.mx-film-photos .mx-shot{overflow:visible;transform:translateY(calc(var(--mx-progress,0)*-55px))}.mx-film-photos .mx-shot img{height:300px;object-fit:cover}.mx-film-photos .mx-shot:nth-child(2){transform:translateY(calc(var(--mx-progress,0)*30px))}.mx-film-photos .mx-shot:nth-child(2) img{height:430px}.mx-film-photos figcaption{color:#a6b5a4}.mx-film-progress{display:flex;align-items:center;gap:25px;font-size:10px;margin-top:35px;color:#c3cdbf}.mx-film-progress i{height:1px;background:#7f9472;flex:1;position:relative}.mx-film-progress i:after{content:'';position:absolute;left:0;top:-2px;width:20%;height:5px;background:#d4dfb1;transform:translateX(calc(var(--mx-progress,0)*350%))}.mx-liquid{grid-template-columns:1fr 1fr;gap:40px 7%;padding-bottom:65px}.mx-liquid .mx-copy h1{font-weight:430}.mx-liquid-photo{position:relative;padding:20px}.mx-liquid-photo .mx-shot{height:520px;border-radius:48% 52% 55% 45% / 45% 38% 62% 55%;animation:mx-liquid-shape 12s ease-in-out infinite alternate}.mx-liquid-seal{position:absolute;bottom:12px;left:-18px;border-radius:50%;width:142px;height:142px;background:#a43f29;color:#fff3e4;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;line-height:1.6;letter-spacing:.07em;transform:rotate(-12deg)}.mx-liquid-seal span{font-size:45px;line-height:1.1;margin-top:6px}.mx-liquid-products{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.mx-liquid-products a{border-top:1px solid #c8a68b;display:flex;align-items:center;gap:15px;padding:20px 0;font-size:12px}.mx-liquid-products a>span{font-size:9px;color:#976b4b}.mx-liquid-products a>b{font-weight:400;font-size:18px;margin-left:auto}.mx-color{grid-template-columns:1fr 1fr;gap:45px 7%;padding-bottom:25px}.mx-color .mx-copy h1{font-weight:560}.mx-color-swatch{position:absolute;left:var(--mx-pad);top:28px;display:flex}.mx-color-swatch i{width:24px;height:24px;border:1px solid #c4b2d2;border-radius:50%;margin-right:-7px;background:#a99bb7}.mx-color-swatch i:nth-child(2){background:#d4bce2}.mx-color-swatch i:nth-child(3){background:#c0d1b6}.mx-color-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative;transform:translate(calc(var(--mx-x,0)*12px),calc(var(--mx-y,0)*12px));transition:transform .5s}.mx-color-tiles>.mx-shot:first-child{grid-column:1/-1;height:280px;border-radius:8px 90px 8px 8px}.mx-color-tiles>.mx-shot:nth-child(2){height:200px;border-radius:8px}.mx-color-tiles>.mx-shot:last-child{position:absolute;right:-20px;top:-32px;width:115px;height:115px;border-radius:50%;border:8px solid #eee7f6}.mx-color-quote{background:#6944a7;color:#eee7f6;border-radius:8px;padding:25px;display:flex;justify-content:space-between;align-items:end}.mx-color-quote>span{font-size:clamp(22px,2.8vw,41px);font-weight:600;line-height:1.05;letter-spacing:-.04em}.mx-color-quote>b{font-size:24px;font-weight:400}.mx-color .mx-service-links a{font-size:12px}.mx-poster{display:block;min-height:900px;padding-top:30px;padding-bottom:70px}.mx-poster-banner{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;border-bottom:1px solid #75893d;padding-bottom:20px;margin-bottom:50px}.mx-poster .mx-copy{margin-right:34%}.mx-poster .mx-copy h1{font-size:clamp(46px,6vw,94px);line-height:1.1;font-weight:780;letter-spacing:-.075em}.mx-poster .mx-copy h1>span{background:#d4f555;box-shadow:8px 0 #d4f555,-5px 0 #d4f555}.mx-poster .mx-description{max-width:37ch;color:#40501f}.mx-poster-photo{position:absolute;right:var(--mx-pad);top:200px;width:33%;height:410px;transform:rotate(5deg);z-index:1}.mx-poster-photo .mx-shot{height:100%}.mx-poster-photo>span{position:absolute;right:15px;bottom:15px;font-size:45px;line-height:.95;font-weight:800;color:#e8ff9a;text-shadow:0 1px 8px #0008;letter-spacing:-.04em}.mx-marquee{margin:65px calc(var(--mx-pad)*-1) 0;overflow:hidden;border-block:1px solid #718435;padding:17px 0;white-space:nowrap;font-size:clamp(35px,5vw,72px);font-weight:750;letter-spacing:-.05em;line-height:1.1}.mx-marquee>div{width:max-content;animation:mx-marquee 28s linear infinite}.mx-marquee:hover>div{animation-play-state:paused}.mx-poster-link{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:12px}.mx-poster-link span{font-size:27px}.mx-magnetic{grid-template-columns:1fr 1fr;gap:5%;min-height:850px}.mx-magnetic .mx-copy h1{font-weight:450}.mx-magnetic-board{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;padding:25px 15px}.mx-magnetic-card{background:#fff7f0;padding:11px;box-shadow:0 12px 24px #60482c13;transition:transform .4s;transform:rotate(-3deg)}.mx-magnetic-card:first-child{grid-column:1/-1;transform:rotate(calc(-3deg + var(--mx-x,0)*3deg))}.mx-magnetic-card:nth-child(2){transform:rotate(5deg)}.mx-magnetic-card:nth-child(4){transform:rotate(-5deg)}.mx-magnetic-card .mx-shot{height:165px}.mx-magnetic-card:first-child .mx-shot{height:265px}.mx-magnetic-card>span{font-size:9px;display:block;margin:12px 0 2px;line-height:1.6}.mx-magnetic-card:hover{transform:translateY(-10px) rotate(0)}.mx-magnetic-symbol{position:absolute;right:-20px;top:235px;width:85px;height:85px;border-radius:50%;background:#ad3a38;color:#f6e6dc;display:grid;place-items:center;font-size:61px;z-index:2;animation:mx-orbit-spin 25s linear infinite}.mx-bento{grid-template-columns:.95fr 1.15fr;gap:6%;padding-bottom:85px}.mx-bento .mx-copy h1{font-weight:670}.mx-bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;transform:perspective(1500px) rotateY(calc(var(--mx-x,0)*-3deg));transition:transform .3s}.mx-bento-main{grid-column:1/-1;border:1px solid #d5dff4;background:#fff;border-radius:20px;padding:30px;box-shadow:0 15px 35px #1d3b7310}.mx-bento-main>small{font-size:8px;letter-spacing:.08em;color:#697b9d}.mx-bento-main h2{font-size:29px;font-weight:600;line-height:1.35;letter-spacing:-.05em;margin:22px 0}.mx-workflow{display:flex;gap:8px}.mx-workflow>span{flex:1;padding:14px 10px;background:#f2f5fb;border:1px solid #e0e7f2;border-radius:7px;font-size:10px;color:#65748d;transition:background .3s,color .3s}.mx-workflow b{font-size:8px;display:block;margin-bottom:7px}.mx-workflow>span.is-active{background:#275cdd;color:#fff;border-color:#275cdd}.mx-bento-main>p{font-size:11px;line-height:1.8;color:#63728a;min-height:40px}.mx-workflow-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:19px 0}.mx-workflow-tabs button{font:inherit;font-size:9px;border:1px solid #d5dff4;background:#fff;color:#546c96;border-radius:30px;padding:8px 10px;cursor:pointer}.mx-workflow-tabs button[aria-pressed=true]{background:#edf2ff;border-color:#275cdd;color:#275cdd}.mx-bento-photo{border-radius:18px;overflow:hidden}.mx-bento-photo .mx-shot{height:185px}.mx-bento-link{background:#275cdd;color:#fff;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;font-size:23px;font-weight:650;line-height:1.15;letter-spacing:-.025em}.mx-bento-link span{font-size:10px;font-weight:400;letter-spacing:0;margin-top:15px}.mx-aurora{display:block;text-align:center;min-height:1000px;background:#0a1027;padding-top:75px}.mx-aurora-glow{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.mx-aurora-glow i{position:absolute;border-radius:50%;width:630px;height:630px;filter:blur(85px);background:radial-gradient(circle,#885bdf77,transparent 67%);right:-100px;top:-90px;animation:mx-aurora-float 18s ease-in-out infinite alternate}.mx-aurora-glow i:nth-child(2){background:radial-gradient(circle,#328cda66,transparent 68%);left:-120px;right:auto;top:260px;animation-delay:-8s}.mx-aurora-glow i:nth-child(3){background:radial-gradient(circle,#264bb244,transparent 65%);right:20%;top:400px;animation-delay:-3s}.mx-aurora .mx-copy{max-width:950px;margin:auto}.mx-aurora .mx-copy h1{font-size:clamp(44px,5vw,78px);font-weight:500}.mx-aurora .mx-description{max-width:62ch;margin:20px auto 27px;color:#b6c0dd}.mx-aurora .mx-actions{justify-content:center}.mx-console{position:relative;text-align:left;margin-top:55px;border:1px solid #8695d155;border-radius:16px;background:linear-gradient(135deg,#ffffff10,#ffffff03);box-shadow:0 30px 80px #00000055;backdrop-filter:blur(10px);overflow:hidden;transform:perspective(1500px) rotateX(calc(var(--mx-progress,0)*-3deg))}.mx-console-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-bottom:1px solid #8695d133;font-size:9px;letter-spacing:.06em;color:#d4dcf4}.mx-console-heading small{color:#a4b3d7;font-size:8px;letter-spacing:0}.mx-console-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:23px}.mx-console-grid a{padding:26px;background:#f7faff08;border:1px solid #8695d133;border-radius:10px;transition:transform .3s,background .3s}.mx-console-grid a:hover{transform:translateY(-6px);background:#f7faff13}.mx-console-symbol{display:block;font-size:38px;font-weight:300;color:#b8a5ff;margin-bottom:22px}.mx-console-grid small{font-size:8px;letter-spacing:.12em;color:#9caace}.mx-console-grid h2{font-size:24px;letter-spacing:-.04em;line-height:1.4;font-weight:500;margin:18px 0}.mx-console-grid p{font-size:11px;line-height:1.8;color:#acb9db;margin-bottom:25px}.mx-console-grid b{font-size:10px;font-weight:400;color:#c7baff}.mx-console-foot{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.1em;color:#a3b0d4;padding:18px 25px;border-top:1px solid #8695d133}.mx-console-foot i{width:5px;height:5px;background:#94e5c2;border-radius:50%;box-shadow:0 0 15px #94e5c2}.mx-lattice{grid-template-columns:1fr 1fr;gap:25px 5%;padding-bottom:30px}.mx-lattice .mx-copy h1{font-weight:430}.mx-lattice-visual{position:relative;height:530px;display:grid;place-items:center}.mx-lattice-art{position:absolute;inset:0;width:100%;height:100%;opacity:.55;animation-duration:100s}.mx-lattice-visual .mx-shot{height:340px;width:340px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);filter:saturate(.5);transform:translate(calc(var(--mx-x,0)*8px),calc(var(--mx-y,0)*8px));transition:transform .35s}.mx-lattice-label{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:space-evenly;font:8px monospace;letter-spacing:.1em;color:#5c7056}.mx-lattice .mx-service-links a{font-size:12px}.mx-focus{grid-template-columns:1fr 1fr;gap:30px 5%;padding-bottom:70px;min-height:850px}.mx-focus-rings{position:absolute;right:-5%;top:-5%;width:760px;height:760px;z-index:-1;display:grid;place-items:center}.mx-focus-rings i{position:absolute;width:95%;height:95%;border:1px solid #87d6ec22;border-radius:50%;animation:mx-focus-pulse 9s ease-in-out infinite alternate}.mx-focus-rings i:nth-child(2){width:80%;height:80%;animation-delay:-3s}.mx-focus-rings i:nth-child(3){width:65%;height:65%;animation-delay:-6s}.mx-focus .mx-copy h1{font-weight:450}.mx-focus-lens{position:relative;width:100%;max-width:490px;aspect-ratio:1;border:1px solid #87d6ec66;border-radius:50%;padding:17px;justify-self:center;transform:translate(calc(var(--mx-x,0)*14px),calc(var(--mx-y,0)*14px));transition:transform .35s}.mx-focus-lens .mx-shot{height:100%;border-radius:50%;filter:saturate(.45)}.mx-focus-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:80px/1 monospace;color:#ffffffb0;font-weight:200}.mx-focus-lens>span:last-child{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);background:#091b2b;border:1px solid #87d6ec55;padding:10px 18px;font-size:8px;letter-spacing:.13em;white-space:nowrap;color:#b3e5f1}.mx-focus-bottom{display:flex;justify-content:space-between;gap:20px;grid-column:1/-1;border-top:1px solid #87d6ec33;padding-top:25px;font-size:10px;color:#b3d2df}.mode-mx-terminal .t-header,.mode-mx-frame .t-header{border-bottom:1px solid #b4b4a7}.mode-mx-liquid .t-logo,.mode-mx-frame .t-logo{font-weight:450;letter-spacing:.04em}.mode-mx-poster .t-header{background:#d4f555;color:#16220e}.mode-mx-poster .t-contact{background:#16220e;color:#d4f555}.mode-mx-terminal .t-header,.mode-mx-terminal .t-footer{font-family:monospace,Pretendard,sans-serif}.mode-mx-liquid .t-cta,.mode-mx-magnetic .t-cta{border-radius:100px 100px 0 0}.mode-mx-bento .business-item,.mode-mx-bento .home-product-selection article,.mode-mx-color .project-item{border-radius:18px;overflow:hidden}.mode-mx-focus .rich-inner-heading .inner-heading-visual{border-radius:50% 50% 0 0}.mode-mx-frame .rich-inner-heading h1,.mode-mx-liquid .rich-inner-heading h1,.mode-mx-lattice .rich-inner-heading h1{font-weight:420}.mode-mx-terminal .rich-inner-heading{border-bottom:1px solid #b4b4a7}.mode-mx-film .inner-heading-visual,.mode-mx-slice .inner-heading-visual{clip-path:polygon(0 0,100% 0,100% 92%,92% 100%,0 100%)}.mode-mx-aurora .rich-inner-heading{background:radial-gradient(ellipse at top right,#49348b55,transparent 65%)}
@keyframes mx-type-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes mx-row-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes mx-orbit-spin{to{transform:rotate(360deg)}}@keyframes mx-assemble{from{opacity:0;transform:translateY(40px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes mx-slat-open{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes mx-route-draw{from{stroke-dashoffset:1300}to{stroke-dashoffset:0}}@keyframes mx-beacon{0%,100%{opacity:.15;transform:scale(1);transform-box:fill-box;transform-origin:center}50%{opacity:.65;transform:scale(1.22);transform-box:fill-box;transform-origin:center}}@keyframes mx-frame-open{from{clip-path:inset(8% 18%)}to{clip-path:inset(0)}}@keyframes mx-liquid-shape{0%{border-radius:48% 52% 55% 45% / 45% 38% 62% 55%}50%{border-radius:53% 47% 44% 56% / 53% 58% 42% 47%}100%{border-radius:44% 56% 58% 42% / 40% 55% 45% 60%}}@keyframes mx-marquee{to{transform:translateX(-50%)}}@keyframes mx-aurora-float{to{transform:translate(65px,45px) scale(1.1)}}@keyframes mx-focus-pulse{to{transform:scale(.95);opacity:.5}}
@supports(animation-timeline:view()){.mx-frame .mx-expand-frame{animation:mx-frame-open linear both;animation-timeline:view();animation-range:entry 0% cover 45%}}
@media(max-width:1100px){.motion-hero{padding-block:60px;gap:30px;min-height:700px}.mx-copy h1{font-size:clamp(35px,4.7vw,58px)}.mx-description{font-size:13px}.mx-orbit-window{padding:20px}.mx-orbit-art{width:560px;height:560px;right:-100px}.mx-terminal-work .mx-shot{height:240px}.mx-terminal-rows{padding-inline:12px}.mx-terminal-rows strong{font-size:13px}.mx-route-selector{padding:20px}.mx-horizon-rail .mx-shot{height:310px}.mx-film{min-height:950px}.mx-film-photos .mx-shot img{height:230px}.mx-film-photos .mx-shot:nth-child(2) img{height:350px}.mx-liquid-photo .mx-shot{height:420px}.mx-liquid-seal{width:115px;height:115px;font-size:8px}.mx-liquid-products a{font-size:11px}.mx-color-tiles>.mx-shot:first-child{height:245px}.mx-color-tiles>.mx-shot:nth-child(2){height:170px}.mx-color-quote{padding:18px}.mx-poster .mx-copy h1{font-size:clamp(42px,6.2vw,75px)}.mx-poster-photo{height:340px;top:200px}.mx-bento-main{padding:22px}.mx-bento-main h2{font-size:25px}.mx-console-grid a{padding:20px}.mx-console-grid h2{font-size:21px}.mx-lattice-visual{height:420px}.mx-lattice-visual .mx-shot{width:280px;height:280px}.mx-focus-lens{padding:13px}.mx-service-links a{font-size:12px}}
@media(max-width:760px){.motion-hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;min-height:0;padding:45px var(--mx-pad) 65px}.mx-copy h1{font-size:clamp(33px,8.6vw,48px);line-height:1.25;margin:20px 0}.mx-copy .t-kicker{font-size:8px;letter-spacing:.1em}.mx-description{font-size:12px;line-height:1.9;max-width:100%;margin:20px 0 25px}.mx-actions{gap:8px}.mx-actions .t-button{font-size:10px;padding:13px 15px;gap:12px}.mx-shot figcaption{font-size:8px;margin-top:9px}.mx-edition{font-size:7px;bottom:20px;letter-spacing:.06em}.mx-edition b{margin-left:12px}.mx-scroll{font-size:7px;bottom:20px}.mx-service-links{gap:0;display:flex;flex-direction:column}.mx-service-links a{font-size:13px;padding:16px 0;gap:15px}.motion-toggle{left:12px;bottom:85px;padding:10px 12px;font-size:9px;min-height:38px}.mx-orbit{padding-top:48px;gap:40px}.mx-orbit-window{width:86%;padding:20px;align-self:center;aspect-ratio:1;margin-bottom:20px}.mx-orbit-label{font-size:7px;padding:10px 13px}.mx-orbit-art{width:480px;height:480px;top:auto;bottom:10px;right:calc(50% - 240px)}.mx-terminal{gap:30px;padding-top:25px;padding-bottom:25px}.mx-terminal-heading{font-size:8px;padding-bottom:17px;gap:15px}.mx-terminal .mx-copy h1{font-size:clamp(34px,8.5vw,48px)}.mx-terminal-work{padding:9px}.mx-terminal-work .mx-shot{height:230px}.mx-terminal-rows a{padding:15px 0}.mx-terminal-baseline{gap:10px;font-size:7px;flex-wrap:wrap;line-height:1.7}.mx-assembly{padding-top:45px;padding-bottom:25px;gap:25px}.mx-assembly-word{top:290px;right:25px;font-size:90px}.mx-assembly-product{padding:35px 16px 10px}.mx-assembly-product .mx-shot{height:300px}.mx-crosshair{inset:15px 0 0}.mx-assembly-product>span{font-size:7px;margin-top:15px}.mx-assembly-index{display:flex;flex-direction:column;border-top:0}.mx-assembly-index a,.mx-assembly-index a:first-child{padding:18px 0;border-right:0;border-top:1px solid #cfd4c9}.mx-assembly-index strong{font-size:12px}.mx-slice{min-height:760px;justify-content:center;padding-top:70px;gap:20px}.mx-slice .mx-copy h1{font-size:clamp(37px,9.5vw,52px)}.mx-slice .mx-service-links{margin-top:20px}.mx-slice:after{background:linear-gradient(90deg,#101819e8,#1018199c)}.mx-route{padding-bottom:65px}.mx-route-cards{width:100%;max-width:none;transform:none}.mx-route-cards>.mx-shot{height:210px}.mx-route-selector{padding:23px}.mx-route-selector button{font-size:13px}.mx-route-selector p{font-size:11px}.mx-route-map{inset:180px -250px 0 -150px}.mx-horizon{gap:23px}.mx-horizon-rail{width:calc(100% + 10px);max-width:calc(100% + 10px);margin-left:-5px;padding-top:4px;gap:18px}.mx-horizon-rail>a{flex-basis:84%}.mx-horizon-rail .mx-shot{height:300px}.mx-horizon-rail strong{font-size:13px}.mx-horizon-rail>a>span{font-size:9px}.mx-gallery-controls{grid-column:auto}.mx-gallery-controls>span{font-size:8px}.mx-frame{display:block;padding-top:24px;padding-bottom:25px}.mx-frame-top{gap:15px;margin-bottom:30px}.mx-frame-top .t-kicker,.mx-frame-top>span{font-size:7px;line-height:1.7}.mx-frame .mx-copy h1{font-size:clamp(32px,8.3vw,45px)}.mx-frame .mx-description{font-size:12px}.mx-frame .mx-actions{margin-bottom:30px}.mx-expand-frame .mx-shot{height:300px}.mx-expand-frame>span{font-size:7px;left:12px;bottom:13px;padding:7px 10px}.mx-frame-bottom{font-size:8px;gap:15px;line-height:1.7}.mx-frame-bottom>span{max-width:50%}.mx-film{display:block;padding-top:45px;padding-bottom:25px}.mx-film-number{font-size:56px;top:25px;opacity:.6}.mx-film .mx-copy h1{font-size:clamp(34px,8.7vw,48px)}.mx-film-photos{gap:10px;grid-template-columns:.38fr 1.6fr .38fr;margin:35px -8px 0}.mx-film-photos .mx-shot img{height:180px}.mx-film-photos .mx-shot:nth-child(2) img{height:300px}.mx-film-photos figcaption{font-size:6px;letter-spacing:0}.mx-film-progress{gap:12px;margin-top:25px;font-size:8px;line-height:1.8}.mx-film-progress>span{max-width:40%}.mx-liquid{padding-bottom:65px;gap:25px}.mx-liquid-photo{padding:15px}.mx-liquid-photo .mx-shot{height:380px}.mx-liquid-seal{bottom:15px;left:0;width:105px;height:105px;font-size:7px}.mx-liquid-products{display:flex;flex-direction:column;gap:0}.mx-liquid-products a{font-size:12px;padding:17px 0}.mx-color{padding-top:65px;padding-bottom:25px;gap:35px}.mx-color-swatch{top:24px}.mx-color-swatch i{width:20px;height:20px}.mx-color-tiles{gap:12px;transform:none;margin-right:8px}.mx-color-tiles>.mx-shot:first-child{height:230px;border-radius:7px 75px 7px 7px}.mx-color-tiles>.mx-shot:nth-child(2){height:170px}.mx-color-tiles>.mx-shot:last-child{width:90px;height:90px;right:-15px;top:-20px;border-width:6px}.mx-color-quote{padding:20px}.mx-color-quote>span{font-size:31px}.mx-color .mx-service-links a{font-size:12px}.mx-poster{display:block;padding-top:25px;padding-bottom:30px;min-height:0}.mx-poster-banner{font-size:8px;margin-bottom:35px;gap:18px}.mx-poster .mx-copy{margin-right:0}.mx-poster .mx-copy h1{font-size:clamp(39px,10.3vw,57px)}.mx-poster-photo{position:relative;top:auto;right:auto;width:77%;height:285px;margin:40px 0 45px auto;transform:rotate(4deg)}.mx-poster-photo>span{font-size:37px}.mx-poster .mx-description{font-size:12px;max-width:100%}.mx-marquee{margin-top:0;padding:15px 0;font-size:39px}.mx-poster-link{font-size:11px;margin-top:22px}.mx-magnetic{padding-bottom:65px;gap:25px}.mx-magnetic .mx-copy h1{font-size:clamp(34px,8.8vw,48px)}.mx-magnetic-board{padding:16px 12px;gap:14px}.mx-magnetic-card{padding:8px}.mx-magnetic-card:first-child .mx-shot{height:220px}.mx-magnetic-card .mx-shot{height:135px}.mx-magnetic-card>span{font-size:8px;line-height:1.7}.mx-magnetic-symbol{width:65px;height:65px;right:0;top:195px;font-size:46px}.mx-bento{padding-bottom:65px;gap:30px}.mx-bento-grid{gap:12px;transform:none}.mx-bento-main{padding:23px;border-radius:16px}.mx-bento-main h2{font-size:26px}.mx-workflow{gap:6px}.mx-workflow>span{padding:12px 9px;font-size:9px}.mx-bento-main>p{font-size:10px}.mx-workflow-tabs button{font-size:8px}.mx-bento-main>small{font-size:7px}.mx-bento-photo .mx-shot{height:170px}.mx-bento-link{padding:19px;font-size:22px;border-radius:15px}.mx-bento-link>span{font-size:9px}.mx-aurora{display:block;min-height:0;padding-top:55px;padding-bottom:45px}.mx-aurora .mx-copy h1{font-size:clamp(34px,8.5vw,48px)}.mx-aurora .mx-description{font-size:12px}.mx-aurora-glow i{width:480px;height:480px;filter:blur(60px)}.mx-console{margin-top:38px;border-radius:12px;transform:none}.mx-console-heading{padding:15px;gap:15px;font-size:7px;line-height:1.7;flex-wrap:wrap}.mx-console-heading small{font-size:7px}.mx-console-grid{grid-template-columns:1fr;padding:14px;gap:12px}.mx-console-grid a{padding:21px;display:grid;grid-template-columns:45px 1fr;gap:0 15px}.mx-console-symbol{grid-row:1/5;font-size:32px;margin:0}.mx-console-grid small{font-size:7px}.mx-console-grid h2{font-size:21px;margin:9px 0}.mx-console-grid p{font-size:10px;margin:0 0 13px}.mx-console-grid b{font-size:9px}.mx-console-foot{padding:15px;font-size:6px;letter-spacing:.05em}.mx-lattice{padding-bottom:25px;gap:23px}.mx-lattice-visual{height:370px}.mx-lattice-visual .mx-shot{width:250px;height:250px}.mx-lattice-label{font-size:7px;bottom:5px}.mx-lattice .mx-service-links a{font-size:12px}.mx-focus{padding-bottom:65px;gap:40px}.mx-focus-rings{width:500px;height:500px;top:auto;bottom:50px;right:calc(50% - 250px)}.mx-focus-lens{width:90%;align-self:center;padding:12px;margin-bottom:15px}.mx-focus-cross{font-size:65px}.mx-focus-lens>span:last-child{font-size:7px;padding:9px 13px}.mx-focus-bottom{font-size:9px;gap:20px;line-height:1.8}.mx-focus-bottom>span{max-width:50%}.mode-mx-liquid .t-cta,.mode-mx-magnetic .t-cta{border-radius:50px 50px 0 0}}
@media(prefers-reduced-motion:reduce){.motion-hero *,.motion-hero *:before,.motion-hero *:after{animation:none!important;transition:none!important}.motion-ready [data-motion-reveal]{opacity:1!important;transform:none!important;transition:none!important}.motion-toggle{display:none}.mx-expand-frame{clip-path:none}.mx-slats>div{clip-path:none}.mx-orbit-art,.mx-lattice-art{animation:none!important}.mx-network{display:none}}

.motion-hero.motion-offscreen *{animation-play-state:paused!important}@media(max-width:760px){.mx-color-quote>span{font-size:clamp(21px,6.2vw,29px);white-space:nowrap}}