.service-experience{--ease:cubic-bezier(.2,.8,.2,1);padding:30px 0 60px}.service-experience h1{font-size:clamp(40px,5.4vw,78px);line-height:1.2;letter-spacing:-.035em;margin:20px 0}.service-experience h2{font-size:clamp(30px,3.5vw,52px);line-height:1.3;margin:16px 0}.service-experience em{font-style:normal;color:var(--accent)}.service-experience p{color:var(--muted);line-height:1.9}.service-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:30px 0 70px}.service-hero>div:first-child>p:not(.eyebrow){font-size:19px;max-width:590px}.service-art{position:relative;isolation:isolate;aspect-ratio:1.1;overflow:hidden;border-radius:32px;background:#201733;border:1px solid #ffffff18;color:#b6c83f;contain:paint}.art-grid{position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000,transparent)}.art-caption{position:absolute;bottom:24px;left:28px;font:11px/1.2 monospace;letter-spacing:.16em;color:#e8e2ef;z-index:5}.identity-tile{position:absolute;inset:12% 28% 25% 12%;background:#6244bb;border-radius:25px;display:grid;place-items:center;transform:rotate(-9deg);animation:service-float 8s ease-in-out infinite}.identity-tile .art-brand-mark{width:75%;height:75%}.type-tile{position:absolute;right:10%;top:20%;background:#f1e9db;color:#27173c;border-radius:20px;padding:25px;font:700 50px/1 sans-serif;transform:rotate(8deg);box-shadow:0 18px 70px #0004;animation:service-float 8s -3s ease-in-out infinite}.type-tile span{display:block;font-family:inherit;font-size:34px;margin-top:15px}.palette-tile{position:absolute;bottom:18%;right:12%;display:flex;gap:7px;transform:rotate(-6deg)}.palette-tile i{width:55px;height:55px;border-radius:50%;background:#b6c83f;border:3px solid #201733}.palette-tile i:nth-child(2){background:#6244bb}.palette-tile i:nth-child(3){background:#f1e9db}.art-product{background:#fff6e9}.art-product img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.art-product:hover img{transform:scale(1.05)}.art-product .art-caption{background:#201733dc;padding:10px;border-radius:6px}.campaign-poster{position:absolute;top:12%;left:12%;width:52%;height:65%;border-radius:8px;background:#b6c83f;color:#201733;padding:23px;transform:rotate(-8deg);animation:service-float 9s infinite}.campaign-poster small{font:700 16px sans-serif}.campaign-poster strong{display:block;font:900 clamp(30px,4vw,64px) sans-serif;letter-spacing:-.06em}.campaign-poster .art-brand-mark{width:85px;height:85px}.campaign-phone{position:absolute;right:10%;top:22%;width:28%;height:58%;border:5px solid #e8e2ef;border-radius:26px;background:#6244bb;padding:12px;transform:rotate(9deg);animation:service-float 9s -4s infinite;color:#fff}.campaign-phone>span{display:block;width:40%;height:6px;background:#e8e2ef;margin:0 auto 30px;border-radius:9px}.campaign-phone b{font:900 clamp(20px,2.8vw,38px)/1 sans-serif}.campaign-strip{position:absolute;bottom:15%;left:7%;padding:14px;background:#f1e9db;color:#201733;font:700 11px monospace;transform:rotate(-4deg)}.motion-orbit{position:absolute;width:60%;aspect-ratio:1;top:12%;left:20%;border:1px solid #b6c83f55;border-radius:50%;display:grid;place-items:center}.motion-orbit .art-brand-mark{width:65%;height:65%;animation:service-pulse 6s ease-in-out infinite}.motion-orbit i{position:absolute;width:18px;height:18px;border-radius:50%;background:#b6c83f;top:calc(50% - 9px);left:calc(50% - 9px);animation:service-orbit 14s linear infinite;transform-origin:9px 9px}.motion-orbit i:nth-of-type(2){animation-delay:-5s;background:#8e6dec}.motion-orbit i:nth-of-type(3){animation-delay:-9s;background:#f1e9db}.motion-timeline{display:flex;align-items:center;justify-content:center;gap:7px;position:absolute;bottom:18%;left:15%;right:15%;height:40px}.motion-timeline i{width:8px;height:20px;background:#8e6dec;border-radius:5px;animation:service-wave 2s calc(var(--n)*-.12s) ease-in-out infinite}.service-jump{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--border);margin-bottom:70px}.service-jump a{text-decoration:none;color:var(--ink);padding:22px 18px;border-inline-end:1px solid var(--border);font-size:15px}.service-jump span{display:block;color:var(--accent);font:12px monospace;margin-bottom:10px}.service-editorial{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:50px 0 70px;border-bottom:1px solid var(--border);scroll-margin-top:100px}.service-editorial:nth-child(even) .service-art{order:2}.service-editorial-copy>p{font-size:18px}.deliverable-tags{display:grid;gap:10px;margin:25px 0}.deliverable-tags span{border-inline-start:2px solid var(--accent);padding-inline-start:14px;color:var(--muted);font-size:14px;line-height:1.7}.service-explore{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--border);padding:18px 0;font-weight:700}.service-explore span{display:grid;place-items:center;width:44px;height:44px;background:var(--accent);color:var(--page);border-radius:50%;transition:transform .3s}.service-explore:hover span{transform:rotate(45deg)}.service-back{display:inline-block;color:var(--muted);margin:10px 0}.service-end{text-align:center;padding:65px 24px;margin-top:65px;border-radius:32px;background:var(--surface);border:1px solid var(--border)}.service-end p{max-width:650px;margin:20px auto 30px}.service-end .service-back{margin-inline:20px}.service-process{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:50px 0;scroll-margin-top:110px}.process-accordion details{border-bottom:1px solid var(--border);padding:22px 0}.process-accordion summary{list-style:none;display:flex;align-items:center;gap:22px;cursor:pointer}.process-accordion summary::-webkit-details-marker{display:none}.process-accordion summary>span{color:var(--accent);font:16px monospace}.process-accordion h3{font-size:24px;margin:0;flex:1}.process-accordion summary b{font-size:28px;font-weight:400;transition:transform .3s}.process-accordion details[open] summary b{transform:rotate(45deg)}.process-accordion details>p{margin:22px 0;font-size:18px}.process-meter{height:3px;background:var(--border);margin:20px 0}.process-meter i{display:block;height:100%;background:var(--accent)}.service-inputs{padding:40px 0}.service-inputs>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.service-inputs article{padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface)}.service-inputs article>span{color:var(--accent);font:32px monospace}.service-inputs p{font-size:18px}.service-experience .eyebrow{font-size:12px;letter-spacing:.12em;color:var(--accent)}
@keyframes service-float{50%{translate:0 -12px;rotate:3deg}}@keyframes service-pulse{50%{transform:scale(.88) rotate(-12deg)}}@keyframes service-orbit{from{transform:rotate(0deg) translateX(120px)}to{transform:rotate(360deg) translateX(120px)}}@keyframes service-wave{50%{height:40px;background:#b6c83f}}
@media(max-width:760px){.service-experience{padding:10px 0 35px}.service-hero,.service-editorial,.service-process{grid-template-columns:1fr;gap:28px;padding:25px 0 45px}.service-hero h1{font-size:44px}.service-art{border-radius:24px;max-width:540px;width:100%;margin:auto}.service-jump{grid-template-columns:1fr 1fr;margin-bottom:25px}.service-jump a{padding:16px 12px}.service-editorial:nth-child(even) .service-art{order:0}.service-editorial-copy h2{font-size:32px}.service-inputs>div{grid-template-columns:1fr}.service-end{margin-top:25px;padding:40px 20px}.type-tile{font-size:36px;padding:20px}.palette-tile i{width:42px;height:42px}.campaign-phone b{font-size:30px}.campaign-poster strong{font-size:48px}.service-process{scroll-margin-top:80px}.service-hero>div:first-child>p:not(.eyebrow){font-size:17px}}
@media(prefers-reduced-motion:reduce){.service-art *{animation:none!important;transition:none!important}.service-explore span{transition:none}}

.service-art:not(.art-is-visible) *{animation-play-state:paused}

.campaign-poster .art-brand-mark-purple{display:block;background:#6244bb;-webkit-mask:url("/favicon-green.svg") center/contain no-repeat;mask:url("/favicon-green.svg") center/contain no-repeat}