.hero.hero-text-only{grid-template-columns:1.05fr 1fr;gap:6%;padding-top:65px;padding-bottom:65px}.hero.hero-text-only h1{font-size:clamp(42px,4.8vw,65px)}.action-gallery{height:460px;perspective:1200px;overflow:visible;animation:scene-enter 1.1s .2s both}.action-frame{position:absolute;inset:8% 0 16%;border-radius:26px;overflow:hidden;background:#103763;border:5px solid white;box-shadow:0 25px 70px #16498729;transform:rotate(-3deg);animation:showcase-sway 10s ease-in-out infinite;isolation:isolate}.action-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.045) translateX(20px);transition:opacity .9s ease,transform 1.4s cubic-bezier(.2,.8,.2,1),visibility .9s;will-change:opacity,transform}.action-slide.is-current{opacity:1;visibility:visible;transform:scale(1) translateX(0);z-index:1}.action-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:action-zoom 9s ease-in-out infinite alternate}.action-slide::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061d42d9);pointer-events:none}.action-caption{position:absolute;bottom:24px;left:24px;right:24px;z-index:2;color:#fff}.action-caption>span{display:block;font-size:8px;letter-spacing:2px;color:#d1e7ff;margin-bottom:8px}.action-caption strong{font:700 clamp(19px,2.1vw,28px) Manrope,Arial,sans-serif;line-height:1.35;display:block;transform:translateY(10px);opacity:0;transition:transform .7s .35s,opacity .7s .35s}.is-current .action-caption strong{transform:none;opacity:1}.action-ring{position:absolute;border:1px dashed #075ad670;width:95%;aspect-ratio:1;border-radius:50%;top:0;left:0;z-index:-1;animation:accent-turn 40s linear infinite}.ring-a::before{content:"";position:absolute;width:20px;height:20px;background:#ffc04a;border-radius:50%;top:10%;left:10%;box-shadow:0 8px 20px #e5a22033}.ring-b{width:80%;left:15%;top:8%;border:1px solid #075ad62e;animation-direction:reverse;animation-duration:30s}.ring-b::before{content:"";position:absolute;width:13px;height:13px;background:#ff805c;border-radius:4px;top:5%;left:20%;rotate:25deg}.action-diamond{width:40px;height:40px;position:absolute;right:-15px;top:20px;background:linear-gradient(135deg,#ffcb60,#ff9461);border-radius:11px;rotate:25deg;animation:shape-drift 7s ease-in-out infinite}.action-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px}.action-controls>button{width:35px;height:35px;border:1px solid #b7cce6;border-radius:50%;background:#fff;color:#075ad6;cursor:pointer;font-size:17px;transition:background .25s,transform .25s}.action-controls>button:hover{background:#075ad6;color:#fff;transform:scale(1.07)}.action-dots{display:flex;align-items:center;gap:7px}.action-dots button{width:24px;height:32px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.action-dots button::before{content:"";display:block;width:6px;height:6px;background:#94b0d1;border-radius:9px;transition:width .3s,background .3s}.action-dots button[aria-pressed=true]::before{background:#075ad6;width:20px}.action-watch{margin-left:auto;color:#075ad6;font-size:12px;font-weight:700;display:flex;gap:8px;align-items:center}.action-watch span{font-size:22px}.cinematic-video-frame{box-shadow:12px 16px 0 #ff805c,0 18px 60px #252c4830}.creative-ribbon>div{animation-duration:24s}.creative-ribbon b{animation-duration:8s}.scene-grid figure{position:relative}.scene-grid figure::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff2 50%,transparent 65%);transform:translateX(-120%);pointer-events:none;transition:transform 1s}.scene-grid figure:hover::after{transform:translateX(120%)}.service-grid article.in-view{animation:card-arrive .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--reveal-delay)}.work-card .work-image img{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.work-card:hover .work-image img{transform:scale(1.1) rotate(.7deg)}.ceo-portrait img{transition:transform .8s}.ceo-portrait:hover img{transform:scale(1.04)}@keyframes showcase-sway{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-9px)}}@keyframes action-zoom{from{transform:scale(1)}to{transform:scale(1.08)}}@keyframes card-arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}html[data-motion="paused"] .action-slide,html[data-motion="paused"] .action-caption strong{transition:none}.action-controls:focus-within~*{animation-play-state:paused}@media(min-width:761px) and (max-width:1050px){.hero.hero-text-only{gap:4%;grid-template-columns:1.1fr 1fr}.action-gallery{height:380px}.action-caption{left:18px;bottom:18px}.action-caption strong{font-size:20px}.action-watch{font-size:10px}.action-controls{gap:4px}.action-dots{gap:2px}}@media(max-width:760px){.hero.hero-text-only{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.hero.hero-text-only h1{font-size:clamp(38px,10.5vw,52px)}.action-gallery{height:350px;width:100%;max-width:440px;margin-top:0}.action-frame{inset:6% 1% 18%;border-width:4px;border-radius:20px;animation:showcase-sway 12s ease-in-out infinite}.action-ring{width:90%;top:0;left:4%}.action-caption{left:18px;right:18px;bottom:18px}.action-caption strong{font-size:22px}.action-caption>span{font-size:7px}.action-diamond{right:0;width:29px;height:29px}.action-controls{left:2%;right:2%;gap:5px}.action-watch{font-size:11px}.action-dots{gap:2px}.action-controls>button{width:30px;height:30px}.service-grid article.in-view{animation:none}}@media(prefers-reduced-motion:reduce){.action-slide,.action-caption strong,.action-controls button,.work-card .work-image img,.ceo-portrait img{transition:none}.action-frame,.action-ring,.action-diamond,.action-slide img,.service-grid article.in-view{animation:none!important}.action-frame{transform:none}.action-slide{transform:none}.work-card:hover .work-image img{transform:none}}
/* Slow 3D rotation for the two logos and the CEO portrait. */
header .logo-link,footer .logo-link,.ceo-portrait{perspective:900px}
header .logo-link img,footer .logo-link img{animation:opelo-logo-turn 16s ease-in-out infinite!important;transform-origin:center;backface-visibility:visible;will-change:transform}
footer .logo-link img{animation-delay:-4s!important}
.ceo-portrait{overflow:visible;background:transparent;box-shadow:none}
.ceo-portrait img{border-radius:6px;box-shadow:4px 5px 0 #fbc85c;animation:opelo-portrait-turn 22s ease-in-out infinite;transform-origin:center;backface-visibility:visible;will-change:transform}
.ceo-portrait:hover img{animation-play-state:paused;transform:none}
@keyframes opelo-logo-turn{0%,25%{transform:rotateY(0deg)}75%,100%{transform:rotateY(360deg)}}
@keyframes opelo-portrait-turn{0%,40%{transform:rotateY(0deg)}80%,100%{transform:rotateY(360deg)}}
html[data-motion="paused"] header .logo-link img,html[data-motion="paused"] footer .logo-link img,html[data-motion="paused"] .ceo-portrait img{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){header .logo-link img,footer .logo-link img,.ceo-portrait img{animation:none!important;transform:none!important}}