.design-story.solution-story{--solution-line: #292c37}.solution-story .solution-hero{min-height:720px;gap:64px}.solution-story .solution-art{margin:0;min-width:0;position:relative}.solution-story .solution-art>figcaption{text-align:center;color:#8991a7;font-size:10px;margin:26px 0 0}.design-story.solution-story h2{font-size:clamp(30px,3.3vw,46px);line-height:1.12;letter-spacing:-.045em;font-weight:600}.solution-story .solution-art h3{font-size:28px;line-height:1.12;letter-spacing:-.04em}.design-story.solution-story .solution-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;border-bottom:1px solid #ffffff12;color:#a0a7b9;font-size:10px}.solution-story .solution-window-bar>span:first-child{letter-spacing:3px;font-size:7px}.solution-story .solution-chapter-band{display:flex;justify-content:space-between;gap:20px;padding:24px max(32px,calc((100% - 1180px)/2));border-block:1px solid var(--solution-line);font-size:10px;letter-spacing:.13em;color:#b9bfce}.solution-story .solution-workflow,.solution-story .solution-next{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-block:110px}.solution-story .solution-section-intro h2{margin:0 0 28px}.solution-story .solution-section-intro>a{display:inline-flex;gap:12px;font-size:13px;align-items:center;color:#d2d8eb}.solution-story .solution-editorial-steps article{display:flex;align-items:baseline;gap:28px;margin-bottom:42px}.solution-story .solution-editorial-steps article:last-child{margin-bottom:0}.solution-story .solution-step-number{color:#8d99bd;font-size:13px}.solution-story .solution-editorial-steps h3{font-size:21px;letter-spacing:-.025em;margin:18px 0 10px}.solution-story .solution-editorial-steps p{font-size:14px;margin:0;max-width:440px}.solution-story .solution-step-line{height:2px;background:#20242e;width:100%}.solution-story .solution-step-line i{display:block;background:linear-gradient(90deg,#0584a9,#b721ff);height:100%}.solution-story .solution-availability{display:flex;align-items:baseline;gap:32px;border-block:1px solid var(--solution-line);padding-block:24px}.solution-story .solution-availability>span{font-size:10px;color:#c0c8e0;white-space:nowrap;letter-spacing:.12em}.solution-story .solution-availability p{font-size:13px;margin:0}.solution-story .solution-next{border-bottom:1px solid var(--solution-line)}.solution-story .solution-next-links a{display:flex;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid var(--solution-line)}.solution-story .solution-next-links a:first-child{padding-top:0}.solution-story .solution-next-links a>span{font-size:10px;color:#919ab1}.solution-story .solution-next-links a>div{flex:1}.solution-story .solution-next-links strong{font-size:20px;font-weight:500}.solution-story .solution-next-links p{margin:5px 0 0;font-size:13px}.solution-story .solution-next-links a:hover strong{color:#a6c7fc}.solution-story .solution-closing{text-align:center;padding-block:100px 120px}.solution-story .solution-closing img{margin:auto}.solution-story .solution-closing h2{margin:26px 0 30px;font-size:clamp(40px,4.5vw,60px)}.solution-story .solution-calculator-link{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:50px;background:#141824;border:1px solid #2c344d;border-radius:20px}.solution-story .solution-calculator-link h2{margin:0 0 15px}.solution-story .solution-calculator-link p{font-size:14px}.solution-story .solution-launch-art{height:440px;position:relative}.solution-story .solution-launch-paper{position:absolute;left:0;top:12px;width:62%;background:#e8e6de;color:#303b35;border-radius:5px;padding:29px;transform:rotate(-7deg);box-shadow:0 24px 70px #0005}.solution-story .solution-launch-paper>span{font-size:8px;letter-spacing:.14em}.solution-story .solution-launch-paper h3{margin:23px 0;font-family:Georgia,serif;font-size:32px;font-weight:400}.solution-story .solution-brief-line{display:flex;gap:8px;align-items:center;font-size:11px;padding:10px 0;border-bottom:1px solid #303b3520}.solution-story .solution-colours{display:flex;margin-top:25px}.solution-story .solution-colours i{width:28px;height:28px;border-radius:50%;background:#536054;border:2px solid #e8e6de;margin-left:-3px}.solution-story .solution-colours i:nth-child(2){background:#b5bcad}.solution-story .solution-colours i:nth-child(3){background:#cfb997}.solution-story .solution-colours i:nth-child(4){background:#27342c}.solution-story .solution-launch-site{position:absolute;width:62%;right:0;top:95px;background:#d9dcec;color:#262f4b;border:1px solid #626981;border-radius:10px;overflow:hidden;transform:rotate(5deg);box-shadow:0 30px 60px #0007}.solution-story .solution-launch-site .solution-window-bar{color:#434c65;border-color:#303b3520;font-size:8px}.solution-story .solution-launch-site>div:last-child{padding:24px}.solution-story .solution-launch-site span{font-size:8px;letter-spacing:.03em}.solution-story .solution-launch-site h3{font-size:35px;margin:22px 0;font-weight:500}.solution-story .solution-arch{height:80px;background:linear-gradient(120deg,#7e8bb0,#bcc7e5);border-radius:80px 80px 4px 4px;margin-top:-58px;width:90px;margin-left:auto}.solution-story .solution-faux-button{display:flex;align-items:center;gap:10px;padding:16px 0 4px}.solution-story .solution-floating{position:absolute;bottom:0;left:25px;display:flex;gap:10px;align-items:center;padding:12px 16px;border:1px solid #45495a;background:#20232e;color:#ccd2e3;border-radius:8px;font-size:10px}.solution-story .solution-film-art{position:relative;height:460px}.solution-story .solution-script{position:absolute;width:60%;left:0;top:24px;padding:28px;background:#e5dfd7;color:#413b39;transform:rotate(-6deg);border-radius:4px}.solution-story .solution-script>span{font-size:9px;letter-spacing:.13em}.solution-story .solution-script h3{white-space:pre-line;font-weight:500;margin:20px 0 25px}.design-story.solution-story .solution-script p{color:#5f5754;font-size:10px;margin:15px 0 8px}.solution-story .solution-script>div{height:3px;background:#b4aaa0;width:75%}.solution-story .solution-film{position:absolute;width:53%;right:2%;top:0;height:420px;background:#716baa;border-radius:16px;padding:25px;transform:rotate(6deg);overflow:hidden;box-shadow:0 25px 60px #0006}.solution-story .solution-film-label{font-size:8px;letter-spacing:.12em;position:relative;z-index:1}.solution-story .solution-film h3{position:absolute;bottom:82px;left:25px;font-size:35px;font-weight:500;z-index:1;color:#fff}.solution-story .solution-sculpture{position:absolute;inset:50px -40px 0 20px;transform:rotate(-30deg)}.solution-story .solution-sculpture i{position:absolute;border:30px solid #c5bdea;border-radius:50%;width:180px;height:230px;box-shadow:inset -10px 8px 16px #332d6577,8px 10px 25px #24204033}.solution-story .solution-sculpture i:nth-child(2){top:65px;left:50px;border-color:#e3d3bb}.solution-story .solution-sculpture i:nth-child(3){top:130px;left:100px;border-color:#acaed7}.solution-story .solution-play{position:absolute;left:25px;bottom:44px;font-size:10px;display:flex;align-items:center;gap:8px}.solution-story .solution-film-timeline{display:flex;gap:4px;position:absolute;bottom:25px;left:25px;right:25px}.solution-story .solution-film-timeline b{height:3px;flex:1;background:#ffffff60}.solution-story .solution-film-timeline b:first-child{background:#fff}.solution-story .solution-film-tag{position:absolute;bottom:0;left:0;font-size:11px;display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #383e52;border-radius:8px;background:#171b25}.design-story.solution-story-promote .solution-film{background:#456d72}.design-story.solution-story-promote .solution-sculpture i{border-color:#c1dcd3}.design-story.solution-story-promote .solution-sculpture i:nth-child(2){border-color:#ecd6ab}.solution-story .solution-board,.solution-story .solution-conversation,.solution-story .solution-workspace{background:#161922;border:1px solid #34394b;border-radius:14px;overflow:hidden;box-shadow:0 35px 65px #0004}.solution-story .solution-board-title{display:flex;align-items:center;justify-content:space-between;padding:28px 24px}.solution-story .solution-board-title small,.solution-story .solution-workspace small{color:#9eaaca;font-size:9px;letter-spacing:.13em}.solution-story .solution-board-title h3{margin:8px 0 0}.solution-story .solution-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px 28px}.solution-story .solution-status{display:inline-block;color:#d2d7e8;font-size:9px;letter-spacing:.06em;margin-bottom:14px}.solution-story .solution-status:before{content:"";display:inline-block;width:5px;height:5px;background:#99b8c8;border-radius:50%;margin-right:7px}.solution-story .solution-kanban article{background:#222632;border:1px solid #383d4e;border-radius:8px;padding:10px}.solution-story .solution-kanban strong{display:block;font-size:11px;line-height:1.4;margin:13px 0 6px}.solution-story .solution-kanban p{font-size:9px;margin:0 0 18px}.solution-story .solution-swatch{height:120px;border-radius:4px;background:linear-gradient(145deg,#aeb8d1,#4f5973);display:flex;justify-content:center;align-items:center}.solution-story .solution-swatch-1{background:linear-gradient(35deg,#594a6e,#c4b4d3)}.solution-story .solution-swatch-2{background:linear-gradient(140deg,#61746d,#c6cbbd)}.solution-story .solution-swatch span{font-size:40px;font-family:Georgia,serif;color:#fff9}.solution-story .solution-mini-tag{font-size:8px;color:#aab6d4;border:1px solid #4a526c;border-radius:4px;padding:4px 6px}.solution-story .solution-people-art{position:relative;height:430px}.solution-story .solution-people-orbit{position:absolute;inset:10% 5%;border:1px solid #50597870;border-radius:50%;transform:rotate(-25deg);background:radial-gradient(ellipse,#2a355a77,transparent 65%)}.solution-story .solution-person{position:absolute;width:36%;border-radius:15px;background:#252a39;padding:7px;border:1px solid #4b5267;box-shadow:0 20px 50px #0005}.solution-story .solution-person img{width:100%;height:195px;object-fit:cover;border-radius:10px}.solution-story .solution-person>div{padding:12px 7px}.solution-story .solution-person strong{display:block;font-size:16px}.solution-story .solution-person span{color:#c4cbe0;font-size:9px}.solution-story .solution-person-0{top:85px;left:0;transform:rotate(-9deg)}.solution-story .solution-person-1{top:0;left:32%;z-index:1}.solution-story .solution-person-2{top:85px;right:0;transform:rotate(9deg)}.solution-story .solution-people-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10px;align-items:center;color:#c4cbe0;font-size:11px}.solution-story .solution-chat-person{display:flex;align-items:center;gap:12px;padding:25px}.solution-story .solution-chat-person img{height:45px;width:45px;border-radius:50%;object-fit:cover}.solution-story .solution-chat-person strong{display:block;font-size:13px}.solution-story .solution-chat-person span{display:block;font-size:9px;color:#a8b0c5;margin-top:3px}.solution-story .solution-chat-bubble{padding:20px;background:#e1e4f0;color:#333c55;border-radius:14px 14px 14px 2px;margin:10px 55px 20px 25px;font-size:13px}.solution-story .solution-chat-customer{background:#353d59;color:#e5e8f5;border-radius:14px 14px 2px;margin-left:80px;margin-right:25px}.solution-story .solution-handoff{display:flex;gap:15px;align-items:center;margin:25px;padding-top:20px;border-top:1px solid #34394b}.solution-story .solution-handoff>span{border-radius:50%;padding:10px;background:#30394f}.solution-story .solution-handoff strong{font-size:12px}.solution-story .solution-handoff p{margin:3px 0 0;font-size:10px}.solution-story .solution-workspace-body{display:grid;grid-template-columns:50px 1fr}.solution-story .solution-workspace-body aside{border-right:1px solid #ffffff12;padding:20px 12px}.solution-story .solution-workspace-body aside img{width:25px;height:25px;object-fit:contain;margin-bottom:25px}.solution-story .solution-workspace-body aside i{display:block;width:17px;height:17px;border-radius:4px;background:#454d65;margin:18px auto}.solution-story .solution-workspace-body>div{padding:26px;min-width:0}.solution-story .solution-workspace h3{margin:10px 0 26px}.solution-story .solution-focus{display:flex;gap:13px;align-items:center;padding:18px 14px;border:1px solid #647298;background:#2c3755;border-radius:8px}.solution-story .solution-focus>div{flex:1}.solution-story .solution-focus strong{font-size:11px}.solution-story .solution-focus p{margin:4px 0 0;font-size:9px;color:#c2cbe0}.solution-story .solution-workspace-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.solution-story .solution-workspace-tiles>div{padding:17px 12px;background:#232837;border-radius:8px}.solution-story .solution-workspace-tiles svg{color:#9caed4;margin-bottom:18px}.solution-story .solution-workspace-tiles strong{display:block;font-size:11px}.solution-story .solution-workspace-tiles span{font-size:9px;color:#aab3c9}.solution-story .solution-source{font-size:9px;margin:22px 0 0}.solution-story .solution-agency-art{background:linear-gradient(145deg,#242b40,#141720);border-radius:16px;padding:27px;border:1px solid #353f57}.solution-story .solution-agency-heading{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.1em;margin-bottom:25px;color:#b4c2e3}.solution-story .solution-client{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid #39415a}.solution-story .solution-client>span{font-size:9px;color:#8e9dbc}.solution-story .solution-client img{width:75px;height:75px;border-radius:6px;object-fit:cover;object-position:top}.solution-story .solution-client>div{flex:1}.solution-story .solution-client strong{font-size:16px}.solution-story .solution-client small{display:block;font-size:10px;color:#adb8d3;margin-top:4px}.solution-story .solution-agency-art>p{margin:20px 0 0;font-size:9px}.solution-story .solution-ad-prep{padding:28px;border:1px solid #596687;background:#232d46;border-radius:13px;text-align:center}.solution-story .solution-ad-prep .solution-status{display:block}.solution-story .solution-ad-prep>svg{margin:5px auto 20px;color:#bdccec}.solution-story .solution-ad-prep h3{margin:0}.solution-story .solution-ad-prep p{font-size:12px;margin:12px 0 0}.solution-story .solution-connector{height:38px;width:1px;background:#5f6c8b;margin:auto}.solution-story .solution-ad-channels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.solution-story .solution-ad-channels>div{border:1px dashed #5f677e;border-radius:10px;padding:22px}.solution-story .solution-ad-channels strong{font-size:20px;display:block}.solution-story .solution-ad-channels span{font-size:8px;color:#d4cba7;letter-spacing:.12em}.solution-story .solution-ad-channels p{font-size:10px;margin:12px 0 0}.solution-story .solution-platform-art{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center}.solution-story .solution-platform-node{padding:30px 24px;background:linear-gradient(140deg,#29324b,#181c29);border:1px solid #465474;border-radius:12px;min-height:270px}.solution-story .solution-platform-node svg{color:#a3badb;margin-bottom:35px}.solution-story .solution-platform-node small{display:block;font-size:9px;color:#b1bdd5}.solution-story .solution-platform-node h3{font-size:25px;margin:15px 0}.solution-story .solution-platform-node>span{font-size:10px;color:#a2aec7}.solution-story .solution-platform-join{display:flex;justify-content:center;color:#8a9aba}.solution-story .solution-platform-base{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:35px;font-size:11px;color:#aab5cd}.solution-story .solution-platform-base img{width:120px}.solution-story .solution-overview-intro{padding-block:95px 60px;text-align:center}.solution-story .solution-overview-intro p:last-child{font-size:17px}.solution-story .solution-overview-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-bottom:90px}.solution-story .solution-overview-goals>a{min-width:0}.solution-story .solution-overview-art{height:340px;background:#181c27;border:1px solid #30394c;border-radius:15px;overflow:hidden;position:relative}.solution-story .solution-overview-art>div{width:500px;position:absolute;left:50%;top:30px;transform:translate(-50%) scale(.57);transform-origin:top center}.solution-story .solution-overview-art .solution-conversation{top:42px}.solution-story .solution-overview-goals h2{font-size:23px;display:flex;justify-content:space-between;align-items:center;margin:25px 0 10px}.solution-story .solution-overview-goals p{font-size:13px}.solution-story .solution-directory{padding-bottom:110px}.solution-story .solution-directory h2{margin:0 0 45px}.solution-story .solution-directory>div{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.solution-story .solution-directory a{display:grid;grid-template-columns:1fr auto;gap:8px 15px;padding:25px 0;border-top:1px solid #303747}.solution-story .solution-directory strong{font-size:18px;font-weight:500}.solution-story .solution-directory span{grid-column:1;font-size:13px;color:#a8b1c6}.solution-story .solution-directory svg{grid-column:2;grid-row:1/3;align-self:center}@media (max-width: 1000px){.solution-story .solution-hero{gap:30px}.solution-story .solution-workflow,.solution-story .solution-next{gap:40px}.solution-story .solution-art h3{font-size:24px}.solution-story .solution-person img{height:165px}.solution-story .solution-person-0,.solution-story .solution-person-2{top:65px}.solution-story .solution-people-art{height:370px}.solution-story .solution-kanban{gap:7px;padding-inline:12px}.solution-story .solution-swatch{height:85px}.solution-story .solution-overview-art{height:290px}.solution-story .solution-overview-art>div{transform:translate(-50%) scale(.49)}.solution-story .solution-ad-channels>div{padding:16px}}@media (max-width: 760px){.solution-story .solution-hero{grid-template-columns:1fr;min-height:0;padding:60px 0;gap:55px}.solution-story .solution-art{width:min(100%,520px);margin:auto}.solution-story .solution-art h3{font-size:28px}.solution-story .solution-workflow,.solution-story .solution-next{grid-template-columns:1fr;gap:40px;padding-block:65px}.solution-story .solution-chapter-band{padding:20px 24px;font-size:8px}.solution-story .solution-chapter-band>span:last-child{display:none}.solution-story .solution-availability{display:block}.solution-story .solution-availability p{margin-top:12px}.solution-story .solution-calculator-link{flex-direction:column;align-items:flex-start;padding:28px}.solution-story .solution-person img{height:190px}.solution-story .solution-people-art{height:420px}.solution-story .solution-overview-goals{grid-template-columns:1fr;max-width:480px;gap:40px}.solution-story .solution-overview-art{height:340px}.solution-story .solution-overview-art>div{transform:translate(-50%) scale(.65);top:20px}.solution-story .solution-directory>div{grid-template-columns:1fr}.solution-story .solution-overview-intro{padding-top:60px}.solution-story .solution-closing{padding-block:65px 80px}}@media (max-width: 430px){.solution-story .solution-art h3{font-size:24px}.solution-story .solution-launch-art{height:375px}.solution-story .solution-launch-paper{padding:20px;width:66%}.solution-story .solution-launch-site{width:64%}.solution-story .solution-launch-site>div:last-child{padding:19px}.solution-story .solution-launch-site h3{font-size:28px}.solution-story .solution-launch-site .solution-window-bar{font-size:6px;padding-inline:10px}.solution-story .solution-arch{width:70px;height:65px;margin-top:-40px}.solution-story .solution-brief-line{font-size:9px}.solution-story .solution-floating{left:0}.solution-story .solution-film-art{height:395px}.solution-story .solution-film{height:350px;padding:18px}.solution-story .solution-film h3{font-size:29px;left:18px}.solution-story .solution-script{padding:22px 18px}.solution-story .solution-script h3{font-size:24px}.solution-story .solution-sculpture{transform:rotate(-30deg) scale(.8);transform-origin:top left}.solution-story .solution-film-tag{font-size:9px}.solution-story .solution-person img{height:150px}.solution-story .solution-person{width:37%}.solution-story .solution-person-1{left:31.5%}.solution-story .solution-person strong{font-size:14px}.solution-story .solution-person span{font-size:8px}.solution-story .solution-people-art{height:340px}.solution-story .solution-workspace-body>div{padding:20px 14px}.solution-story .solution-workspace-body{grid-template-columns:36px 1fr}.solution-story .solution-workspace-body aside{padding-inline:5px}.solution-story .solution-focus{gap:8px;padding:13px 10px}.solution-story .solution-focus>svg:last-child{display:none}.solution-story .solution-workspace-tiles>div{padding:13px 9px}.solution-story .solution-ad-channels{gap:10px}.solution-story .solution-ad-channels strong{font-size:18px}.solution-story .solution-agency-art{padding:20px}.solution-story .solution-client{gap:10px}.solution-story .solution-client img{width:55px;height:65px}.solution-story .solution-platform-node{padding:22px 15px;min-height:255px}.solution-story .solution-platform-node h3{font-size:22px}.solution-story .solution-platform-art{grid-template-columns:1fr 22px 1fr}.solution-story .solution-overview-art>div{transform:translate(-50%) scale(.56)}.solution-story .solution-overview-art{height:310px}.solution-story .solution-board-title{padding:24px 18px}.solution-story .solution-kanban article{padding:7px}.solution-story .solution-kanban strong{font-size:10px}.solution-story .solution-kanban p{font-size:8px}}.solution-story .solution-overview-goals{padding-top:0}@media (max-width: 430px){.solution-story .solution-script h3{max-width:125px;font-size:20px}}
