.dita-hero-a{position:relative;width:100%;min-height:min(760px,88vh);overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(ellipse 1400px 900px at 60% 55%,#1a5c72,#10405a 32%,#0c2733 65%,#08202b);font-family:Manrope,system-ui,sans-serif}.dita-hero-a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.8 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.dita-hero-a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9;background:radial-gradient(ellipse 1500px 900px at 50% 55%,transparent 45%,rgba(6,20,30,.5) 100%)}.da-halo-w{position:absolute;top:-160px;right:-260px;width:min(900px,80vw);height:min(900px,80vw);border-radius:50%;background:radial-gradient(circle,rgba(230,126,34,.3) 0%,rgba(230,126,34,.08) 40%,transparent 65%);filter:blur(30px);z-index:1;pointer-events:none}.da-halo-c{position:absolute;bottom:-260px;left:-140px;width:min(800px,70vw);height:min(800px,70vw);border-radius:50%;background:radial-gradient(circle,rgba(80,191,214,.18) 0%,transparent 60%);filter:blur(20px);z-index:1;pointer-events:none}.da-wrap{position:relative;z-index:5;max-width:1560px;margin:0 auto;padding:clamp(28px,4vw,60px);display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:clamp(20px,3vw,40px);align-items:center;min-height:min(760px,88vh);box-sizing:border-box}.da-left{display:flex;flex-direction:column;gap:clamp(14px,2vw,22px)}.da-brand{color:#fff;font-weight:800;font-size:clamp(15px,1.2vw,18px);letter-spacing:.06em;margin-bottom:4px}.da-brand span{color:#f3a15a}.da-headline{color:#edeef0;font-weight:200;font-size:clamp(22px,2.6vw,36px);line-height:1.18;letter-spacing:-.012em}.da-headline b{font-weight:600;color:#fff}.da-accent{font-weight:800;font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.03em;background:linear-gradient(180deg,#f7b36f,#e67e22 55%,#cf6e17);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 22px rgba(230,126,34,.22))}.da-subline{color:#fff9;font-size:clamp(13px,1vw,14.5px);line-height:1.65;max-width:440px}.da-cta{display:inline-flex;align-items:center;gap:12px;padding:clamp(13px,1vw,16px) clamp(24px,2vw,30px);border-radius:999px;width:fit-content;background:linear-gradient(180deg,#e67e22,#cf6e17);color:#fff;text-decoration:none;font-weight:700;font-size:clamp(13px,1vw,15px);letter-spacing:.01em;box-shadow:0 10px 30px #e67e2259,inset 0 1px #ffffff47;transition:transform .2s ease}.da-cta:hover{transform:translateY(-2px)}.da-cta svg{width:16px;height:16px}.da-stage{position:relative;height:100%;min-height:min(680px,82vh);display:flex;justify-content:center;align-items:center}.da-product{position:absolute;display:flex;justify-content:center;align-items:center}.da-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 40px 32px rgba(0,0,0,.55)) drop-shadow(0 14px 20px rgba(0,0,0,.35)) drop-shadow(0 4px 8px rgba(0,0,0,.25))}.da-p-far1{width:clamp(150px,17vw,260px);height:clamp(240px,26vw,410px);left:2%;top:48%;transform:translateY(-50%) rotate(-8deg);z-index:1;opacity:.4}.da-p-far2{width:clamp(150px,17vw,260px);height:clamp(240px,26vw,410px);right:4%;top:48%;transform:translateY(-50%) rotate(9deg);z-index:1;opacity:.4}.da-p-mid1{width:clamp(200px,22vw,340px);height:clamp(310px,32vw,510px);left:12%;top:48%;transform:translateY(-50%) rotate(-4deg);z-index:2;opacity:.88}.da-p-mid2{width:clamp(200px,22vw,340px);height:clamp(310px,32vw,510px);right:14%;top:48%;transform:translateY(-50%) rotate(5deg);z-index:2;opacity:.9}.da-p-hero{width:clamp(320px,34vw,540px);height:clamp(460px,48vw,740px);left:50%;top:44%;transform:translate(-50%,-50%);z-index:5;filter:drop-shadow(0 70px 46px rgba(0,0,0,.65)) drop-shadow(0 26px 34px rgba(0,0,0,.4)) drop-shadow(0 8px 14px rgba(0,0,0,.3));animation:da-float 6s ease-in-out infinite}@keyframes da-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-54%)}}.da-mirror{position:absolute;top:100%;left:0;width:100%;height:60%;overflow:hidden;transform:scaleY(-1);opacity:.15;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 70%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 70%);filter:blur(1px);pointer-events:none}.da-mirror img{width:100%;height:100%;object-fit:contain}.da-floor-glow{position:absolute;bottom:14%;left:50%;transform:translate(-50%);width:clamp(260px,30vw,480px);height:60px;background:radial-gradient(ellipse,rgba(230,126,34,.45) 0%,rgba(80,191,214,.18) 45%,transparent 75%);filter:blur(20px);z-index:2}.da-floor-line{position:absolute;bottom:10%;left:5%;right:5%;height:1px;z-index:3;background:linear-gradient(90deg,transparent 0%,rgba(80,191,214,.35) 20%,rgba(80,191,214,.65) 50%,rgba(80,191,214,.35) 80%,transparent 100%)}@media(max-width:1180px){.da-wrap{grid-template-columns:minmax(280px,360px) 1fr}.da-p-far1,.da-p-far2{opacity:.3}}@media(max-width:900px){.dita-hero-a{min-height:auto}.da-wrap{grid-template-columns:1fr;padding:36px 28px;gap:28px;min-height:auto;text-align:center;justify-items:center}.da-subline,.da-cta{margin:0 auto}.da-stage{min-height:440px;width:100%}.da-p-far1{width:110px;height:180px;left:5%}.da-p-far2{width:110px;height:180px;right:5%}.da-p-mid1{width:150px;height:240px;left:16%}.da-p-mid2{width:150px;height:240px;right:16%}.da-p-hero{width:260px;height:360px}.da-floor-glow{width:240px;bottom:20%}.da-floor-line{bottom:18%}}@media(max-width:600px){.da-wrap{padding:26px 18px 36px;gap:24px}.da-stage{min-height:360px}.da-p-far1{width:80px;height:130px;left:1%}.da-p-far2{width:80px;height:130px;right:1%}.da-p-mid1{width:110px;height:180px;left:10%}.da-p-mid2{width:110px;height:180px;right:10%}.da-p-hero{width:200px;height:290px}.da-floor-glow{width:180px;bottom:22%}.da-floor-line{bottom:20%}}.dita-hero-b{position:relative;width:100%;min-height:min(760px,88vh);overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(ellipse 1400px 900px at 55% 55%,#1a5c72,#10405a 32%,#0c2733 65%,#08202b);font-family:Manrope,system-ui,sans-serif}.dita-hero-b:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.8 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.db-halo-w{position:absolute;top:-180px;right:-260px;width:min(900px,80vw);height:min(900px,80vw);border-radius:50%;background:radial-gradient(circle,rgba(230,126,34,.26) 0%,rgba(230,126,34,.08) 40%,transparent 65%);filter:blur(30px);z-index:1;pointer-events:none}.db-halo-c{position:absolute;bottom:-260px;left:-140px;width:min(800px,70vw);height:min(800px,70vw);border-radius:50%;background:radial-gradient(circle,rgba(80,191,214,.16) 0%,transparent 60%);filter:blur(20px);z-index:1;pointer-events:none}.db-wrap{position:relative;z-index:5;max-width:1560px;margin:0 auto;padding:clamp(28px,4vw,60px);display:grid;grid-template-columns:minmax(300px,460px) 1fr;gap:clamp(20px,3vw,40px);align-items:center;min-height:min(760px,88vh);box-sizing:border-box}.db-left{display:flex;flex-direction:column;gap:clamp(14px,2vw,22px)}.db-brand{color:#fff;font-weight:800;font-size:clamp(15px,1.2vw,18px);letter-spacing:.06em;margin-bottom:4px}.db-brand span{color:#f3a15a}.db-headline{color:#edeef0;font-weight:200;font-size:clamp(22px,2.6vw,36px);line-height:1.18;letter-spacing:-.012em}.db-headline b{font-weight:600;color:#fff}.db-accent{font-weight:800;font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.03em;background:linear-gradient(180deg,#f7b36f,#e67e22 55%,#cf6e17);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 22px rgba(230,126,34,.22))}.db-subline{color:#fff9;font-size:clamp(13px,1vw,14.5px);line-height:1.65;max-width:440px}.db-cta{display:inline-flex;align-items:center;gap:12px;padding:clamp(13px,1vw,16px) clamp(24px,2vw,30px);border-radius:999px;width:fit-content;background:linear-gradient(180deg,#e67e22,#cf6e17);color:#fff;text-decoration:none;font-weight:700;font-size:clamp(13px,1vw,15px);letter-spacing:.01em;box-shadow:0 10px 30px #e67e2259,inset 0 1px #ffffff47;transition:transform .2s ease}.db-cta:hover{transform:translateY(-2px)}.db-cta svg{width:16px;height:16px}.db-stage{position:relative;height:100%;min-height:min(640px,80vh);overflow:hidden;display:flex;align-items:center;perspective:1600px;perspective-origin:50% 40%;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)}.db-floor-glow{position:absolute;top:50%;left:0;right:0;height:80px;transform:translateY(clamp(80px,12vw,140px));background:radial-gradient(ellipse 40% 100% at 50% 50%,rgba(230,126,34,.28) 0%,rgba(80,191,214,.12) 40%,transparent 75%);filter:blur(16px);z-index:1;pointer-events:none}.db-floor-line{position:absolute;top:50%;left:0;right:0;height:1px;z-index:2;pointer-events:none;transform:translateY(clamp(100px,14vw,170px));background:linear-gradient(90deg,transparent 0%,rgba(80,191,214,.25) 20%,rgba(80,191,214,.5) 50%,rgba(80,191,214,.25) 80%,transparent 100%)}.db-track{display:flex;align-items:center;gap:clamp(30px,3.5vw,60px);padding:0 clamp(20px,2vw,40px);width:max-content;will-change:transform;animation:dbscroll 32s cubic-bezier(.44,.05,.55,.95) infinite;z-index:3;position:relative;transform-style:preserve-3d;transform:rotateY(2deg);-webkit-user-select:none;user-select:none}.db-item{display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:opacity .5s ease,filter .5s ease;pointer-events:auto}.db-item{width:clamp(200px,20vw,320px);height:clamp(340px,32vw,500px);flex-basis:clamp(200px,20vw,320px);opacity:.42}.db-item--big{width:clamp(260px,26vw,400px);height:clamp(420px,38vw,600px);flex-basis:clamp(260px,26vw,400px)}.db-item--small{width:clamp(160px,16vw,250px);height:clamp(280px,26vw,400px);flex-basis:clamp(160px,16vw,250px)}.db-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 34px 26px rgba(0,0,0,.55)) drop-shadow(0 10px 16px rgba(0,0,0,.3));transition:transform .5s cubic-bezier(.2,.7,.3,1);pointer-events:none;-webkit-user-drag:none}.db-item.is-center{opacity:1;z-index:5}.db-item.is-center img{transform:scale(1.08);filter:drop-shadow(0 44px 30px rgba(0,0,0,.65)) drop-shadow(0 16px 20px rgba(230,126,34,.2)) drop-shadow(0 6px 12px rgba(0,0,0,.35))}@keyframes dbscroll{0%{transform:rotateY(2deg) translateZ(0)}to{transform:rotateY(2deg) translate3d(-50%,0,0)}}@media(max-width:1180px){.db-wrap{grid-template-columns:minmax(280px,400px) 1fr}}@media(max-width:900px){.dita-hero-b{min-height:auto}.db-wrap{grid-template-columns:1fr;padding:36px 28px;gap:28px;min-height:auto;text-align:center;justify-items:center}.db-subline,.db-cta{margin:0 auto}.db-stage{min-height:380px;width:100%;perspective:none}.db-track{transform:none}.db-item{width:200px;height:340px;flex-basis:200px}.db-item--big{width:250px;height:410px;flex-basis:250px}.db-item--small{width:160px;height:270px;flex-basis:160px}.db-track{gap:28px}.db-floor-line{transform:translateY(105px)}.db-floor-glow{transform:translateY(85px)}}@media(max-width:600px){.db-wrap{padding:26px 18px 36px;gap:24px}.db-stage{min-height:320px}.db-item{width:170px;height:280px;flex-basis:170px}.db-item--big{width:200px;height:330px;flex-basis:200px}.db-item--small{width:140px;height:230px;flex-basis:140px}.db-track{gap:22px}.db-floor-line{transform:translateY(85px)}.db-floor-glow{transform:translateY(65px)}}.dita-hero-c{position:relative;width:100%;min-height:min(760px,88vh);overflow:hidden;isolation:isolate;color:#1b3a50;background:linear-gradient(135deg,#ddeff1,#b8d9e6 40%,#8fcadd 75%,#5cbedb);font-family:Manrope,system-ui,sans-serif}.dc-halo-orange{position:absolute;top:-160px;right:-180px;width:min(760px,72vw);height:min(760px,72vw);border-radius:50%;background:radial-gradient(circle,rgba(243,125,17,.22) 0%,rgba(243,125,17,.08) 40%,transparent 65%);filter:blur(40px);z-index:1;pointer-events:none}.dc-wrap{position:relative;z-index:5;max-width:1560px;margin:0 auto;padding:clamp(28px,4vw,60px);display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:clamp(20px,3vw,40px);align-items:center;min-height:min(760px,88vh);box-sizing:border-box}.dc-left{display:flex;flex-direction:column;gap:clamp(14px,2vw,22px)}.dc-logo{max-width:clamp(140px,14vw,190px);height:auto;margin-bottom:8px;filter:drop-shadow(0 4px 10px rgba(20,60,90,.12))}.dc-headline{color:#1b3a50;font-weight:700;font-size:clamp(22px,2.6vw,36px);line-height:1.22;letter-spacing:-.012em}.dc-headline-sub{display:block;color:#5f7482;font-weight:400;font-size:.92em;margin-top:2px}.dc-accent{font-weight:800;font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.03em;color:#f37d11;filter:drop-shadow(0 3px 14px rgba(243,125,17,.24))}.dc-subline{color:#5f7482;font-size:clamp(13px,1vw,14.5px);line-height:1.65;max-width:440px}.dc-cta{display:inline-flex;align-items:center;gap:12px;padding:clamp(13px,1vw,16px) clamp(24px,2vw,30px);border-radius:999px;width:fit-content;background:linear-gradient(180deg,#f79430,#f37d11);color:#fff;text-decoration:none;font-weight:700;font-size:clamp(13px,1vw,15px);letter-spacing:.01em;box-shadow:0 10px 26px #f37d116b,inset 0 1px #ffffff52;transition:transform .2s ease}.dc-cta:hover{transform:translateY(-2px)}.dc-cta svg{width:16px;height:16px}.dc-stage{position:relative;height:100%;min-height:min(640px,80vh);overflow:hidden;display:flex;align-items:center;perspective:1600px;perspective-origin:50% 40%;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)}.dc-floor-glow{position:absolute;top:50%;left:0;right:0;height:80px;transform:translateY(clamp(80px,12vw,140px));background:radial-gradient(ellipse 40% 100% at 50% 50%,rgba(243,125,17,.18) 0%,rgba(80,140,180,.1) 40%,transparent 75%);filter:blur(20px);z-index:1;pointer-events:none}.dc-floor-line{position:absolute;top:50%;left:0;right:0;height:1px;z-index:2;pointer-events:none;transform:translateY(clamp(100px,14vw,170px));background:linear-gradient(90deg,transparent 0%,rgba(20,60,90,.18) 20%,rgba(20,60,90,.35) 50%,rgba(20,60,90,.18) 80%,transparent 100%)}.dc-track{display:flex;align-items:center;gap:clamp(30px,3.5vw,60px);padding:0 clamp(20px,2vw,40px);width:max-content;will-change:transform;animation:dcscroll 32s cubic-bezier(.44,.05,.55,.95) infinite;z-index:3;position:relative;transform-style:preserve-3d;transform:rotateY(2deg);-webkit-user-select:none;user-select:none}.dc-item{display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:opacity .5s ease,filter .5s ease;pointer-events:auto}.dc-item{width:clamp(200px,20vw,320px);height:clamp(340px,32vw,500px);flex-basis:clamp(200px,20vw,320px);opacity:.5}.dc-item--big{width:clamp(260px,26vw,400px);height:clamp(420px,38vw,600px);flex-basis:clamp(260px,26vw,400px)}.dc-item--small{width:clamp(160px,16vw,250px);height:clamp(280px,26vw,400px);flex-basis:clamp(160px,16vw,250px)}.dc-item img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 20px 22px rgba(20,60,90,.18)) drop-shadow(0 8px 14px rgba(20,60,90,.15));transition:transform .5s cubic-bezier(.2,.7,.3,1);pointer-events:none;-webkit-user-drag:none}.dc-item.is-center{opacity:1;z-index:5}.dc-item.is-center img{transform:scale(1.08);filter:drop-shadow(0 30px 26px rgba(20,60,90,.28)) drop-shadow(0 12px 18px rgba(243,125,17,.15)) drop-shadow(0 6px 10px rgba(20,60,90,.2))}@keyframes dcscroll{0%{transform:rotateY(2deg) translateZ(0)}to{transform:rotateY(2deg) translate3d(-50%,0,0)}}@media(max-width:1180px){.dc-wrap{grid-template-columns:minmax(280px,420px) 1fr}}@media(max-width:900px){.dita-hero-c{min-height:auto}.dc-wrap{grid-template-columns:1fr;padding:36px 28px;gap:28px;min-height:auto;text-align:center;justify-items:center}.dc-subline,.dc-cta{margin:0 auto}.dc-logo{margin:0 auto 8px}.dc-stage{min-height:380px;width:100%;perspective:none}.dc-track{transform:none}.dc-item{width:200px;height:340px;flex-basis:200px}.dc-item--big{width:250px;height:410px;flex-basis:250px}.dc-item--small{width:160px;height:270px;flex-basis:160px}.dc-track{gap:28px}.dc-floor-line{transform:translateY(105px)}.dc-floor-glow{transform:translateY(85px)}}@media(max-width:600px){.dc-wrap{padding:26px 18px 36px;gap:24px}.dc-stage{min-height:320px}.dc-item{width:170px;height:280px;flex-basis:170px}.dc-item--big{width:200px;height:330px;flex-basis:200px}.dc-item--small{width:140px;height:230px;flex-basis:140px}.dc-track{gap:22px}.dc-floor-line{transform:translateY(85px)}.dc-floor-glow{transform:translateY(65px)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/dita-hero-multi.css.map */