#ShapingYourDigitalAssetforGrowth{ padding-top: 0; padding-bottom: 0; } section[data-cattype="321"].cu-measuring .cu-gallery .cu-card{ margin: 0 !important; } section[data-cattype="321"] { position: relative; } section[data-cattype="321"] .cu-wrap { height: 650px; } section[data-cattype="321"] .cu-hero{ max-width: 835px; margin: 0 auto; text-align: center; position: relative; z-index: 2; } section[data-cattype="321"] .cu-ico img { width: 30px; height: 20px; object-fit: contain; display: inline-block; } section[data-cattype="321"] .cu-title{ font-size: clamp(28px, 4vw, 46px); line-height: 1.2; margin: 0 0 14px; font-weight: 700; } section[data-cattype="321"] .cu-lead{ font-size: clamp(18px, 2.2vw, 19px); color: #4a4a4a; margin: 0 auto 28px; max-width: 900px; } section[data-cattype="321"] .cu-brand{ margin: 2px 0 10px; } section[data-cattype="321"] .cu-name{ font-size: 18px; font-weight: 700; } section[data-cattype="321"] .cu-reg{ font-size: 12px; color: #777; margin-top: 2px; } section[data-cattype="321"] .cu-meta{ list-style: none; padding: 0; margin: 14px auto 0; display: grid; gap: 10px; max-width: 600px; text-align: center; } section[data-cattype="321"] .cu-row{ font-size: 15px; color: #232323; display: flex; align-items: flex-start; justify-content: center; flex-wrap: nowrap; gap: 2px; text-align: center; padding-bottom: 10px; } section[data-cattype="321"] .cu-row { display: flex; align-items: center; gap: 10px; } section[data-cattype="321"] .cu-row a { font-size: 25px; color: #FF8C00 !important; text-decoration: none; } section[data-cattype="321"] .cu-row:last-child { align-items: flex-start; } section[data-cattype="321"] .cu-sep { margin-left: 20px; } section[data-cattype="321"] .cu-ico{ width: 30px; height: 24px; flex: 0 0 24px; display: inline-flex; align-items: center; justify-content: center; } section[data-cattype="321"] .title{ font-size: 28px; font-weight: 700; margin-bottom: 10px; color: #333; } section[data-cattype="321"] .cu-ico img{ width: 110%; height: 92%; object-fit: contain; display: block; } section[data-cattype="321"] .cu-row a{ color: inherit; text-decoration: none; border-bottom: 1px solid transparent; margin-right: 20px; } section[data-cattype="321"] .cu-row a:hover, section[data-cattype="321"] .cu-row a:focus, section[data-cattype="321"] .cu-row a:active { color: #dc661d; } section[data-cattype="321"].cu-anim-armed .cu-gallery .cu-card{ transition: transform 700ms cubic-bezier(.22,.61,.36,1), opacity 700ms cubic-bezier(.22,.61,.36,1); } section.cu-prerender .cu-gallery{ visibility: hidden; } section.cu-prerender .cu-gallery .cu-card{ opacity: 0 !important; transition: none !important; will-change: auto !important; } section:not(.cu-anim-armed) .cu-gallery .cu-card{ transition: none !important; } section.cu-prerender .lazyload, section.cu-prerender .lazyloading, section.cu-prerender .lazyloaded{ opacity: 0 !important; transition: none !important; } section[data-cattype="321"] .cu-gap{ width: 24px; height: 1px; display: inline-block; } section[data-cattype="321"] .cu-gallery { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1; } section[data-cattype="321"] .cu-gallery .card1 { position: absolute; top: -68px; left: 58px; width: 400px; } section[data-cattype="321"] .cu-gallery .card2 { position: absolute; top: -80px; right: 74px; width: 311px; } section[data-cattype="321"] .cu-gallery .card3 { position: absolute; bottom: 40px; left: 22%; width: 265px; } section[data-cattype="321"] .cu-gallery .card4 { position: absolute; bottom: -14px; left: 42%; width: 300px; } section[data-cattype="321"] .cu-gallery .card5 { position: absolute; bottom: 80px; right: 21%; width: 320px; } section[data-cattype="321"] .cu-card.card5 { z-index: 5; } section[data-cattype="321"] .cu-card img { width: 100%; height: auto; display: block; } @media (min-width: 769px){ section[data-cattype="321"] .cu-gallery .cu-card{ will-change: transform; backface-visibility: hidden; transform: translateZ(0); transition: transform 1100ms cubic-bezier(.22,.82,.16,1); } section[data-cattype="321"].cu-anim-init .cu-gallery .cu-card{ opacity: 1; } section[data-cattype="321"].cu-no-trans .cu-gallery .cu-card{ transition: none !important; } section[data-cattype="321"].cu-anim-play .cu-gallery .cu-card{ transform: translate3d(0,0,0) !important; } section[data-cattype="321"].cu-anim-init .cu-gallery .card2, section[data-cattype="321"].cu-anim-init .cu-gallery .card4{ transition-delay: 0s; } section[data-cattype="321"].cu-anim-init .cu-gallery .card1, section[data-cattype="321"].cu-anim-init .cu-gallery .card5{ transition-delay: .10s; } section[data-cattype="321"].cu-anim-init .cu-gallery .card3{ transition-delay: .15s; } } @media (prefers-reduced-motion: reduce){ section[data-cattype="321"] .cu-gallery .cu-card{ transition: none !important; } } @media (max-width: 1450px) { section[data-cattype="321"] .cu-gallery .card1 { top: -30px; left: 30px; width: 280px; } section[data-cattype="321"] .cu-gallery .card2 { top: -50px; right: 40px; width: 230px; } section[data-cattype="321"] .cu-gallery .card3 { bottom: 160px; left: 19%; width: 200px; } section[data-cattype="321"] .cu-gallery .card4 { bottom: 93px; left: 42%; width: 230px; } section[data-cattype="321"] .cu-gallery .card5 { bottom: 140px; right: 13%; width: 280px; } section[data-cattype="321"] .cu-hero { max-width: 735px; } } @media (max-width: 768px) { section[data-cattype="321"] { overflow-x: hidden !important; } section[data-cattype="321"] .cu-wrap { height: auto; position: relative; } section[data-cattype="321"] .cu-hero{ padding: 0 30px; } section[data-cattype="321"] .cu-meta{ justify-items: center; text-align: center; } section[data-cattype="321"] .cu-row{ flex-wrap: wrap; } section[data-cattype="321"] .cu-meta .cu-row:first-child .cu-ico{ display: none; } section[data-cattype="321"] .cu-meta .cu-row:nth-child(2){ display: grid !important; grid-template-columns: 22px 1fr; grid-auto-rows: min-content; row-gap: 10px; column-gap: 8px; align-items: center; } section[data-cattype="321"] .cu-meta .cu-row:nth-child(2) .cu-sep{ display: none; } section[data-cattype="321"] .cu-meta .cu-row:nth-child(2) .cu-ico:nth-of-type(1){ grid-column: 1; grid-row: 1; margin-right: 0; } section[data-cattype="321"] .cu-meta .cu-row:nth-child(2) a:nth-of-type(1){ grid-column: 2; grid-row: 1; display: inline-flex; align-items: center; line-height: 1.6; } section[data-cattype="321"] .cu-meta .cu-row:nth-child(2) .cu-ico:nth-of-type(2){ grid-column: 1; grid-row: 2; margin-right: 0; } section[data-cattype="321"] .cu-meta .cu-row:nth-child(2) a:nth-of-type(2){ grid-column: 2; grid-row: 2; display: inline-flex; align-items: center; line-height: 1.6; } @keyframes cuSoftLine { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } section[data-cattype="321"] .cu-gallery{ position: relative; z-index: 1; pointer-events: none; margin: 16px 50px; height: 80vw; max-height: 420px; overflow: hidden; border-radius: 20px; margin-bottom: 0; } section[data-cattype="321"] .cu-gallery .cu-card{ position: absolute !important; inset: 0 !important; margin: 0 !important; transform: translateZ(0); width: 100% !important; opacity: 0; animation: cuFade 5s infinite; } section[data-cattype="321"] .cu-gallery .cu-card:nth-child(1){ animation-delay: 0s; } section[data-cattype="321"] .cu-gallery .cu-card:nth-child(2){ animation-delay: 1s; } section[data-cattype="321"] .cu-gallery .cu-card:nth-child(3){ animation-delay: 2s; } section[data-cattype="321"] .cu-gallery .cu-card:nth-child(4){ animation-delay: 3s; } section[data-cattype="321"] .cu-gallery .cu-card:nth-child(5){ animation-delay: 4s; } @keyframes cuFade { 0% { opacity: 0; } 4% { opacity: 1; } 20% { opacity: 1; } 24% { opacity: 0; } 100% { opacity: 0; } } section[data-cattype="321"] .cu-gallery .cu-card img{ width: 100%; height: 100%; object-fit: cover; display: block; } section[data-cattype="321"] .cu-gallery .card1, section[data-cattype="321"] .cu-gallery .card2, section[data-cattype="321"] .cu-gallery .card3, section[data-cattype="321"] .cu-gallery .card4, section[data-cattype="321"] .cu-gallery .card5{ top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; } section[data-cattype="321"]{ position: relative; overflow: visible; z-index: 0; --stroke: 10px; --arcW: 160vw; --arcH: 160vw; } section[data-cattype="321"] .cu-wrap, section[data-cattype="321"] .cu-gallery{ position: relative; z-index: 1; } section[data-cattype="321"]::after{ content: ""; position: absolute; left: 50%; top: 20vw; transform: translateX(-50%) scaleY(-1); width: var(--arcW); height: var(--arcH); border-radius: 50%; background: linear-gradient(90deg,#FAF3E0,#FFD97D,#FFA6A6,#FAF3E0); background-size: 300% 100%; animation: cuHueShift 8s ease-in-out infinite; -webkit-mask: radial-gradient(circle at 50% 50%, transparent calc(50% - var(--stroke)), #000 calc(50% - var(--stroke)), #000 calc(50% + var(--stroke)), transparent calc(50% + var(--stroke))); mask: radial-gradient(circle at 50% 50%, transparent calc(50% - var(--stroke)), #000 calc(50% - var(--stroke)), #000 calc(50% + var(--stroke)), transparent calc(50% + var(--stroke))); opacity: .9; pointer-events: none; z-index: 0; clip-path: inset(0 0 50% 0); } @keyframes cuHueShift{ 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } } @media (max-width: 768px) { section[data-cattype="321"] .cu-gallery{ perspective: 1200px; } section[data-cattype="321"] .cu-gallery .cu-card{ backface-visibility: hidden; transform-style: preserve-3d; transform-origin: center center; } section[data-cattype="321"] .cu-gallery .cu-card.flip-x{ animation-name: cuFadeFlipX !important; } section[data-cattype="321"] .cu-gallery .cu-card.flip-y{ animation-name: cuFadeFlipY !important; } @keyframes cuFadeFlipX { 0% { opacity: 0; transform: rotateX(180deg); } 4% { opacity: 1; transform: rotateX(0deg); } 20% { opacity: 1; transform: rotateX(0deg); } 24% { opacity: 0; transform: rotateX(-180deg);} 100% { opacity: 0; transform: rotateX(-180deg);} } @keyframes cuFadeFlipY { 0% { opacity: 0; transform: rotateY(180deg); } 4% { opacity: 1; transform: rotateY(0deg); } 20% { opacity: 1; transform: rotateY(0deg); } 24% { opacity: 0; transform: rotateY(-180deg);} 100% { opacity: 0; transform: rotateY(-180deg);} } } @media (prefers-reduced-motion: reduce){ section[data-cattype="321"] .cu-gallery .cu-card{ animation: none !important; transform: none !important; } section[data-cattype="321"] .cu-gallery .cu-card{ position: absolute !important; inset: 0 !important; margin: 0 !important; transform: translateZ(0); width: 100% !important; opacity: 0; visibility: hidden; animation: cuFade 5s infinite; animation-fill-mode: both; will-change: opacity, transform; } }