/* Idea 6: service tiles surround the existing live television. */
.home-motion-page .hero-service-pattern.motion-hero-film{background:radial-gradient(ellipse at 82% 48%,#edf3ff80,transparent 52%),#fff;overflow:hidden}
.home-motion-page .hero-service-pattern.motion-hero-film .motion-hero-inner{padding-block:48px 90px;gap:40px}
.home-motion-page .hero-service-pattern .motion-hero-copy{position:relative;z-index:2}
.home-motion-page .hero-service-pattern .motion-tv-stage{aspect-ratio:1.3;display:grid;place-items:center}
.home-motion-page .hero-service-pattern .motion-tv-stage::before{left:23%;right:20%;bottom:10%;z-index:1}
.home-motion-page .hero-service-pattern .motion-tv{width:78%;z-index:2}
.hero-services{position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none}
.hero-service-tile{position:absolute;display:grid;place-items:center;aspect-ratio:1;border-radius:12%;background:linear-gradient(145deg,#fff 65%,#f3f5f8);border:2px solid #fff;box-shadow:5px 6px 0 #e5eaf2,8px 14px 20px #16356a14,inset -4px -4px 6px #e5eaf24d;transform:perspective(700px) rotateY(-12deg) rotateZ(-5deg)}
.hero-service-tile img{display:block;width:90%;height:90%;object-fit:contain;filter:drop-shadow(2px 5px 3px #13346b1a)}
.hero-service-tile>svg{width:72%;height:72%;color:#0066ff;filter:drop-shadow(1px 3px 0 #0052cc25)}
.hero-tile-blue{background:linear-gradient(135deg,#3286ff,#0066ff 50%,#0052cc);border-color:#5d9dff;box-shadow:5px 6px 0 #0750c6,8px 14px 22px #0052cc24,inset 3px 3px 5px #ffffff55}
.hero-tile-shirt{width:20%;left:-1%;top:8%;z-index:2}.hero-tile-shirt img{width:88%;height:88%}
.hero-tile-photo{width:13%;left:-10%;top:37%;z-index:3}
.hero-tile-paper{width:17%;left:2%;top:62%;z-index:2}
.hero-tile-mug{width:13%;left:-12%;top:76%;z-index:4;transform:perspective(700px) rotateY(-12deg) rotateZ(3deg)}
.hero-tile-pen{width:15%;left:75%;top:3%;transform:perspective(700px) rotateY(-12deg) rotateZ(4deg)}
.hero-tile-puzzle{width:17%;left:79%;top:33%;z-index:2}.hero-tile-puzzle>svg{color:#c8f02d;width:64%;height:64%;filter:drop-shadow(2px 4px 0 #8fbf00)}
.hero-tile-bag{width:13%;left:77%;top:70%;z-index:3;transform:perspective(700px) rotateY(-12deg) rotateZ(3deg)}
.hero-tile-bag .icon{stroke-width:1.4}
.hero-tile-print{width:16%;left:96%;top:74%;z-index:3}
.hero-tile-type{width:20%;left:95%;top:21%;aspect-ratio:.77;justify-items:start;padding:3%;font:700 clamp(12px,1.15vw,17px)/1.4 'Noto Sans',sans-serif;transform:perspective(700px) rotateY(-12deg) rotateZ(-4deg)}
.hero-tile-type b{color:#0066ff}.hero-tile-type>.icon{width:24px;height:24px;justify-self:end;filter:none;stroke-width:1.5}
.hero-service-square{position:absolute;width:4%;aspect-ratio:1;border-radius:12%;background:linear-gradient(135deg,#ddff50,#c8f02d);box-shadow:2px 3px 0 #abd41f;transform:rotate(-5deg)}
.hero-square-one{left:-9%;top:15%}.hero-square-two{left:-2%;top:91%;width:6%}.hero-square-three{left:100%;top:6%;width:5%}
.hero-service-dots{position:absolute;width:11%;height:14%;background:radial-gradient(circle,#0066ff 1.1px,transparent 1.5px) 0 0/12px 12px;opacity:.7}
.hero-dots-left{left:-12%;top:23%}.hero-dots-right{left:104%;top:94%}
.hero-service-plus{position:absolute;font:500 32px/1 'Noto Sans',sans-serif;color:#0066ff;font-style:normal}.hero-plus-left{left:-15%;top:59%}.hero-plus-right{left:91%;top:8%}
@media(min-width:1001px) and (max-width:1200px){.hero-tile-type{left:90%}.hero-tile-print{left:91%}.hero-square-three{left:99%}.hero-dots-right{left:99%}.hero-tile-photo{left:-6%}.hero-tile-mug{left:-7%}.hero-plus-left{display:none}}
@media(max-width:1000px){.home-motion-page .hero-service-pattern.motion-hero-film .motion-hero-inner{padding-block:42px 70px;gap:24px}.home-motion-page .hero-service-pattern .motion-tv-stage{width:min(82%,620px)}.hero-tile-type{font-size:clamp(12px,2vw,17px)}}
@media(max-width:600px){.home-motion-page .hero-service-pattern.motion-hero-film .motion-hero-inner{padding-block:30px 48px;gap:28px}.home-motion-page .hero-service-pattern .motion-tv-stage{width:90%;aspect-ratio:1.2}.home-motion-page .hero-service-pattern .motion-tv{width:87%}.hero-tile-type,.hero-tile-bag,.hero-service-plus{display:none}.hero-tile-shirt{width:22%;left:-3%;top:2%}.hero-tile-photo{width:16%;left:-9%;top:36%}.hero-tile-paper{width:19%;left:0;top:68%}.hero-tile-mug{width:17%;left:-6%;top:81%}.hero-tile-puzzle{width:21%;left:80%;top:31%}.hero-tile-pen{width:18%;left:80%;top:2%}.hero-tile-print{width:20%;left:83%;top:77%}.hero-service-tile{border-width:1px;box-shadow:3px 4px 0 #e5eaf2,5px 8px 14px #16356a14}.hero-tile-blue{box-shadow:3px 4px 0 #0750c6,5px 8px 14px #0052cc1c}.hero-square-three{left:99%;top:5%}.hero-dots-left{left:-5%;top:25%}.hero-dots-right{left:96%;top:61%;background-size:8px 8px}.hero-square-two{left:94%;top:94%}}