/* Real client work, curated from APOLO's existing portfolio. */
.brand-parade{background:#000;color:#f2f0e8;padding:40px 0 46px;overflow:hidden}.brand-parade-heading{padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-parade h2{font:500 12px var(--sans);letter-spacing:.1em}.brand-parade-heading>span{font-size:9px;letter-spacing:.1em;color:#797979}.logo-marquee{display:flex;width:max-content;margin-top:30px}.logo-track{display:flex;flex-shrink:0;align-items:center;animation:client-orbit 95s linear infinite}.client-logo{width:210px;height:108px;display:flex;justify-content:center;align-items:center;padding:10px 35px}.client-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:80px;object-fit:contain}.client-logo .logo-light{filter:brightness(0) invert(1)}@keyframes client-orbit{to{transform:translateX(-100%)}}
.orbi-brand-case{display:grid;grid-template-columns:1.3fr 1fr;gap:5vw;align-items:center;margin-top:90px;padding-top:70px;border-top:1px solid var(--line)}.orbi-brand-art{background:#e9e0f8;padding:18px;overflow:hidden}.orbi-brand-art img{display:block;width:100%;height:auto}.orbi-brand-copy h4,.mishimix-copy h4,.digital-intro h4,.legacy-web-intro h4{font:600 clamp(46px,5vw,84px)/.95 var(--display);letter-spacing:-.025em;margin:22px 0}.orbi-brand-copy em{color:#7650d2}.orbi-brand-copy>p:not(.eyebrow),.mishimix-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#5e5c54;max-width:470px}.case-features{list-style:none;padding:0;margin:25px 0 30px}.case-features li{font-size:13px;line-height:1.65;position:relative;padding:10px 0 10px 18px;border-bottom:1px solid #1010101c}.case-features li:before{content:'';position:absolute;left:0;top:18px;background:currentColor;width:4px;height:4px;border-radius:50%}.orbi-brand-copy .case-features li:before{color:#7650d2}.mishimix-case{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center}.mishimix-art{overflow:hidden;background:#f8eedf}.mishimix-art img{display:block;width:100%;height:auto;transition:scale .8s}.mishimix-art:hover img{scale:1.025}.mishimix-copy h4 em{color:#8e5b92}.mishimix-copy .eyebrow{color:#6f4677}.pack-details{margin-top:28px;border-top:1px solid #bfbab4;border-bottom:1px solid #bfbab4}.pack-details summary{font-size:13px;padding:16px 0;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.pack-details summary::-webkit-details-marker{display:none}.pack-details summary span{font-size:20px}.pack-details[open] summary span{transform:rotate(45deg)}.pack-details img{width:100%;height:auto;display:block;margin-bottom:15px}.packaging-next{font-size:10px;letter-spacing:.12em;margin:80px 0 34px;padding-top:30px;border-top:1px solid #bebbb1}.packaging-case{gap:5vw}.packaging-copy h4{font-size:clamp(44px,4.4vw,70px)}
.web-section{padding-top:75px}.digital-intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:5vw;margin:65px 0 80px}.digital-intro h4{margin:0;font-size:clamp(52px,5.8vw,100px)}.digital-intro em{color:#8b887e}.digital-intro>p{font-size:15px;line-height:1.8;color:#6a685f;max-width:350px;margin-bottom:5px}.digital-case{display:grid;grid-template-columns:1.25fr 1fr;gap:5vw;align-items:center;padding:55px 0;border-top:1px solid #c8c6be;scroll-margin-top:100px}.digital-case:nth-child(even){grid-template-columns:1fr 1.25fr}.digital-case:nth-child(even) .digital-visual{order:2}.digital-visual{min-width:0;position:relative;background:#d2cfc7;padding:50px 30px 65px;overflow:hidden}.digital-visual a{display:block}.digital-window{background:white;box-shadow:0 20px 40px #10101025;transform:translateY(var(--web-y,0px)) rotate(-2deg);transition:rotate .6s}.digital-visual:hover .digital-window{rotate:2deg}.window-bar{background:#f4f3f0;display:flex;align-items:center;gap:4px;padding:9px 10px;color:#8a8985}.window-bar i{width:5px;height:5px;border-radius:50%;background:#c2c1ba}.window-bar span{font-size:8px;letter-spacing:.025em;margin:auto}.digital-window>img{display:block;width:100%;height:auto}.digital-visual-caption{position:absolute;left:30px;bottom:22px;font-size:8px;letter-spacing:.12em;color:#5f5b54}.case-topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.case-topline .eyebrow{font-size:9px;letter-spacing:.1em;color:#7b786f;max-width:250px}.case-number{font:500 45px var(--display);color:#aaa69a}.digital-copy h4{font:500 clamp(30px,3.2vw,52px)/1.05 var(--sans);letter-spacing:-.055em;margin:22px 0}.digital-copy>p{font-size:14px;line-height:1.8;color:#66645c;max-width:440px}.digital-copy .case-features{margin:20px 0 25px}.digital-copy .text-link{font-size:13px}.digital-prado .digital-visual{background:#282b2d;padding-top:35px;padding-bottom:48px}.digital-prado .digital-window{max-width:270px;margin:auto;border:7px solid #090909;border-radius:26px;overflow:hidden;transform:translateY(var(--web-y,0px)) rotate(5deg)}.digital-prado .window-bar{display:none}.digital-prado .digital-visual-caption{color:#aaa}.digital-prado .eyebrow{color:#817124}.digital-talleres .digital-visual{background:#beb1a6}.digital-orbi .digital-visual{background:#d5c5f2}.digital-orbi .digital-copy h4{color:#7043cf}.legacy-web-intro{border-top:1px solid var(--line);margin:45px 0 45px;padding-top:50px}.legacy-web-intro h4{font-size:clamp(40px,4.3vw,70px)}.web-extra>div{flex:1}.web-extra .case-features{margin:14px 0 0}.web-extra .case-features li{border:0;padding-top:2px;padding-bottom:2px;font-size:12px}.web-extra .case-features li:before{top:10px}.web-extra>span{align-self:flex-start;margin-top:8px}
@media(min-width:1500px){.digital-visual{padding:70px 45px 85px}}
@media(max-width:1000px){.orbi-brand-case,.mishimix-case{gap:35px}.orbi-brand-copy h4,.mishimix-copy h4{font-size:50px}.digital-case,.digital-case:nth-child(even){gap:30px}.digital-visual{padding:30px 18px 48px}.digital-copy h4{font-size:34px}.digital-prado .digital-window{max-width:235px}.case-features li{font-size:12px}}
@media(max-width:700px){.brand-parade{padding:28px 0}.brand-parade-heading{padding:0 22px}.brand-parade h2{font-size:10px;max-width:250px;line-height:1.6}.brand-parade-heading>span{display:none}.logo-marquee{margin-top:18px}.client-logo{width:158px;height:90px;padding:10px 25px}.client-logo img{max-height:62px}.logo-track{animation-duration:85s}.orbi-brand-case,.mishimix-case{grid-template-columns:1fr;gap:30px}.orbi-brand-case{margin-top:45px;padding-top:40px}.orbi-brand-art{padding:10px}.orbi-brand-copy h4,.mishimix-copy h4{font-size:15vw}.orbi-brand-copy>p:not(.eyebrow),.mishimix-copy>p:not(.eyebrow){font-size:14px}.case-features li{font-size:13px}.packaging-next{margin-top:50px;font-size:9px}.digital-intro{grid-template-columns:1fr;gap:25px;margin:40px 0}.digital-intro h4{font-size:14vw}.digital-intro>p{font-size:14px}.digital-case,.digital-case:nth-child(even){grid-template-columns:1fr;gap:24px;padding:35px 0 45px}.digital-case:nth-child(even) .digital-visual{order:0}.digital-copy h4{font-size:34px;margin:15px 0}.case-number{font-size:34px}.digital-visual{padding:30px 17px 44px}.digital-visual-caption{left:17px;bottom:16px;font-size:7px}.digital-prado .digital-window{max-width:230px}.digital-prado .digital-visual{max-height:400px}.digital-prado .digital-visual:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(transparent,#282b2d);pointer-events:none}.digital-prado .digital-visual-caption{z-index:1}.digital-copy .case-features{margin-top:17px}.window-bar span{font-size:6px}.window-bar{padding:7px}.legacy-web-intro{margin-top:10px}.web-extra>div{flex-basis:100%}.web-extra a{margin-left:0}.web-section{padding-top:50px}}
@media(prefers-reduced-motion:reduce){.logo-marquee{width:auto;overflow:auto}.logo-track{animation:none}.logo-track[aria-hidden]{display:none}.digital-window{transform:none!important}.brand-parade{overflow:visible}}
.motion-paused .digital-window{transform:none}.motion-paused .logo-track{animation-play-state:paused}
html:has(body.motion-paused){scroll-behavior:auto}
