/* Client work, not a software product: physical notes, type and original campaign assets. */
.campaign-assets{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.turn-word.webgl-ready{cursor:grab;touch-action:pan-y;user-select:none}
.turn-word.is-grabbing{cursor:grabbing}
.turn-cue{position:absolute;left:50%;bottom:.015em;transform:translateX(-50%);font:400 14px/1 'DM Sans',sans-serif;letter-spacing:1px;color:#c7b4d1;white-space:nowrap;pointer-events:none}
.turn-word:not(.webgl-ready) .turn-cue{display:none}
.turn-word:hover .turn-cue{color:#fff}
.hero-turn-controls{display:flex;gap:8px;align-items:center;margin-right:170px}
.turn-motion{border:1px solid #a17ab33b;border-radius:50%;width:33px;height:33px;background:transparent;color:#b9a8c5;font-size:14px}
.turn-motion[hidden]{display:none}
.campaign-journey.flight-system{height:610svh;background:radial-gradient(ellipse at 50% 50%,#36203c33,transparent 65%),#0f0c14}
.campaign-client{display:block;font-size:14px;letter-spacing:1.3px;color:#d4a577;margin-bottom:15px}
.campaign-journey .system-heading h2{font-size:29px;line-height:1.2}
.campaign-journey .system-heading .serif{font-size:25px}
.campaign-journey .system-state{right:190px;max-width:360px}
.campaign-journey .flight-stage{inset:185px 0 115px}
.campaign-journey .flight-scene{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
.campaign-journey .flight-scene-content{width:900px;height:500px;transform-style:preserve-3d}
.journey-piece{position:absolute;transform-style:preserve-3d;transform:translate3d(calc(var(--jx,0px)*var(--scatter,0)),calc(var(--jy,0px)*var(--scatter,0)),calc(var(--depth,0px) + var(--jz,0px)*var(--scatter,0))) rotateY(calc(var(--ry,0deg)*var(--scatter,0))) rotateZ(var(--rz,0deg))}
.journey-paper{left:95px;top:30px;width:400px;height:430px;background:#e7decf;color:#251c21;padding:32px;box-shadow:0 24px 65px #0007;--rz:-5deg;--jx:-90px;--jy:-40px;--jz:80px;--ry:-25deg;--depth:35px}
.journey-kicker{font-size:14px;letter-spacing:1.4px;display:block;color:#a28aad}
.journey-paper .journey-kicker{color:#826342}
.journey-paper h3{font-size:40px;letter-spacing:-2px;line-height:1.02;margin:25px 0 18px}
.journey-paper p{font-size:15px;line-height:1.6;margin:0 0 18px}
.brief-task{font:400 27px/1.1 'Instrument Serif',Georgia,serif;border-top:1px solid #49382d44;padding-top:16px}
.brief-signature{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14px;color:#614e50}
.brief-signature img{width:42px;height:42px;border-radius:50%}
.brief-signature b{font-weight:500;display:block;color:#2c2029;margin-bottom:3px}
.brief-reference{left:520px;top:85px;width:290px;--rz:8deg;--depth:-50px;--jx:100px;--jy:60px;--ry:30deg}
.brief-reference p{font-size:14px;line-height:1.5;color:#b7a3be;margin-top:20px}
.original-ad{width:100%;height:auto;aspect-ratio:1;display:block;background:#fff;box-shadow:0 15px 45px #0006;border-radius:6px;overflow:hidden}
.brief-stamp{left:535px;top:402px;padding:14px 18px;border:1px solid #a483b644;color:#d8c1e4;font-size:14px;--rz:-4deg;--depth:60px}
.research-thread{position:absolute;inset:0;width:900px;height:500px;overflow:visible;transform:translateZ(-35px)}
.research-thread path{stroke:#b495c160;stroke-width:1.5;fill:none}.research-thread circle{fill:#f2d037}
.research-centre{left:300px;top:185px;width:300px;padding:20px 25px;text-align:center;background:#f0ce36;color:#231c1e;box-shadow:0 15px 50px #0006;--depth:70px;--jz:90px}
.research-centre small{font-size:14px;letter-spacing:1.1px}
.research-centre h3{font-size:30px;line-height:1.1;letter-spacing:-1px;margin:10px 0 0}
.journey-note{width:240px;min-height:132px;border-top:1px solid #b997ca70;padding:17px 20px;background:#251c2be8;box-shadow:0 15px 40px #0004}
.journey-note small{font-size:14px;letter-spacing:1.2px;color:#c7a7db}
.journey-note h4{font-size:22px;font-weight:400;line-height:1.15;letter-spacing:-.5px;margin:13px 0 10px}
.journey-note p{font-size:14px;line-height:1.5;color:#bca8c5;margin:0}
.note-a{left:50px;top:35px;--rz:-5deg;--depth:0px;--jx:-130px;--jy:-80px;--jz:80px;--ry:-30deg}
.note-b{left:605px;top:25px;--rz:5deg;--depth:35px;--jx:120px;--jy:-70px;--ry:25deg}
.note-c{left:50px;top:320px;--rz:-3deg;--depth:30px;--jx:-100px;--jy:100px;--ry:-20deg}
.note-d{left:615px;top:310px;--rz:4deg;--depth:0px;--jx:130px;--jy:80px;--jz:90px}
.research-footnote{position:absolute;left:335px;bottom:25px;font-size:14px;color:#a18aaa;letter-spacing:.4px}
.message-route{position:absolute;left:60px;top:25px;font-size:14px;letter-spacing:1px;color:#b18ec2}
.rejected-message{left:58px;top:85px;--rz:-5deg;--depth:-90px;--jx:-110px;--jy:-70px;--ry:-30deg;color:#8d758f}
.rejected-message small{display:block;font-size:14px;letter-spacing:1px;margin-bottom:12px}
.rejected-message s{font:400 32px/1.1 'Instrument Serif',Georgia,serif;text-decoration-color:#dd8a80}
.message-word{font-size:96px;font-weight:700;line-height:1;letter-spacing:-5px;white-space:nowrap;color:#e8dfed;text-shadow:1px 1px #8b7593,2px 2px #8b7593,3px 3px #6e5778,4px 4px #6e5778,5px 5px #4d395a,6px 6px #4d395a,8px 10px 15px #0008}
.message-word.word-a{left:215px;top:145px;--depth:70px;--jx:-180px;--jy:-60px;--jz:200px;--ry:-45deg}
.message-word.word-b{left:215px;top:235px;color:#f0ce36;--depth:25px;--jx:180px;--jy:30px;--jz:100px;--ry:40deg;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400}
.message-word.word-c{left:215px;top:325px;font-size:68px;letter-spacing:-3px;--depth:-10px;--jx:-120px;--jy:100px;--jz:80px;--ry:-25deg}
.message-palette{left:60px;top:300px;display:flex;gap:10px;flex-direction:column;--rz:-8deg;--depth:90px;--jx:-100px;--jz:180px}
.message-palette i{width:48px;height:48px;background:#ef7c17}.message-palette i:nth-child(2){background:#3b5595}.message-palette i:nth-child(3){background:#f4f1e9}
.message-proof{position:absolute;left:215px;bottom:15px;font-size:14px;color:#bea7ca}
.creative-main{left:280px;top:37px;width:365px;--rz:-4deg;--depth:50px;--jx:40px;--jy:-25px;--jz:180px;--ry:-26deg}
.creative-label{position:absolute;left:45px;top:40px;max-width:180px;font-size:15px;line-height:1.6;color:#bba4c7}
.creative-label small{display:block;font-size:14px;letter-spacing:1.3px;margin-bottom:14px;color:#d2b6e4}
.creative-callout{position:absolute;font-size:14px;color:#d5c2df;border-top:1px solid #b18ec244;padding-top:12px;width:145px}
.callout-a{left:70px;top:220px}.callout-b{right:50px;top:160px}.callout-c{right:50px;top:325px}
.creative-annotations{position:absolute;inset:0;width:900px;height:500px;fill:none;stroke:#bea0ce66;stroke-width:1}
.creative-annotations circle{fill:#f0ce36;stroke:none}
.journey-creative-caption{position:absolute;left:280px;bottom:20px;font-size:14px;color:#bca3c9}
.placement{position:absolute;--jz:120px}
.placement svg{border-radius:3px}
.placement small{font-size:14px;color:#c3a8d2;letter-spacing:1px;display:block;margin-bottom:12px}
.placement-a{left:45px;top:60px;width:245px;--rz:-9deg;--depth:10px;--jx:-170px;--jy:20px;--ry:35deg}
.placement-b{left:330px;top:25px;width:235px;--rz:2deg;--depth:75px;--jx:0px;--jy:-70px}
.placement-c{left:615px;top:70px;width:240px;--rz:9deg;--depth:10px;--jx:170px;--jy:20px;--ry:-35deg}
.campaign-search{position:absolute;left:290px;top:350px;width:340px;padding:17px 22px;background:#e9e2ed;color:#271d2c;box-shadow:0 15px 45px #0006;--rz:-3deg;--depth:85px;--jy:70px;--jz:150px}
.campaign-search small{font-size:14px;letter-spacing:1px;color:#786280}
.campaign-search b{display:block;font-size:20px;font-weight:500;letter-spacing:-.5px;margin:10px 0 5px}
.campaign-search p{font-size:14px;line-height:1.5;margin:0;color:#705d77}
.campaign-result{position:absolute;left:40px;bottom:18px;font-size:14px;color:#b69ac6}
.campaign-result b{font-size:30px;font-weight:400;color:#f0ce36;display:block;margin-bottom:5px;letter-spacing:-1px}
.journey-method{position:absolute;right:40px;bottom:22px;max-width:180px;font-size:14px;line-height:1.7;color:#b69ac6}
.campaign-journey .finale-scrap{background:#e77b20;color:#fff;border-color:#f0b97b88}
.campaign-journey .scrap-1{background:#f0ce36;color:#171219}
.campaign-journey .scrap-2,.campaign-journey .scrap-5{display:block;background:#21182a}
.finale-scrap .scrap-ad{display:block;width:100%;height:100%;padding:0;stroke:none;box-shadow:none;border-radius:0;overflow:hidden}
.campaign-journey .scrap-2 b,.campaign-journey .scrap-5 b{font-size:15px;line-height:1.2}
@media(max-width:700px){
 .campaign-journey.flight-system{height:540svh}
 .campaign-journey .system-heading h2{font-size:23px}.campaign-journey .system-heading .serif{font-size:21px}
 .campaign-client{font-size:14px;letter-spacing:.7px;margin-bottom:12px}
 .campaign-journey .flight-stage{inset:175px 0 140px;perspective:850px}
 .campaign-journey .flight-scene-content{width:600px;height:660px}
 .campaign-journey .system-heading button{font-size:14px;padding:8px}
 .campaign-journey .system-bottom{bottom:95px}
 .campaign-journey .system-chapters button{flex:1;min-height:40px;font-size:14px!important}
 .campaign-journey .system-state{right:auto;max-width:none;font-size:14px;line-height:1.6}
 .journey-paper{left:25px;top:45px;width:350px;height:465px;padding:30px}
 .journey-paper h3{font-size:38px}.journey-paper p{font-size:18px}.brief-task{font-size:30px}
 .brief-reference{left:340px;top:220px;width:230px}.brief-reference p{font-size:14px}
 .brief-stamp{left:85px;top:565px;font-size:15px}
 .research-thread{width:600px;height:660px;transform:translateZ(-35px) scaleY(1.3);transform-origin:0 0}
 .research-centre{left:155px;top:250px;width:290px}.research-centre h3{font-size:32px}
 .journey-note{width:250px;padding:20px;min-height:165px}.journey-note small{font-size:14px}.journey-note h4{font-size:25px}.journey-note p{font-size:16px}
 .note-a{left:12px;top:15px}.note-b{left:335px;top:35px}.note-c{left:10px;top:440px}.note-d{left:335px;top:445px}
 .research-footnote{left:175px;bottom:10px;font-size:14px}
 .message-route{left:35px;top:35px;font-size:14px}.rejected-message{left:35px;top:100px}
 .message-word{font-size:83px;letter-spacing:-4px}.message-word.word-a{left:45px;top:230px}.message-word.word-b{left:45px;top:320px}.message-word.word-c{left:45px;top:410px;font-size:64px}
 .message-palette{left:365px;top:110px;flex-direction:row}.message-palette i{width:35px;height:35px}
 .message-proof{left:45px;bottom:65px;font-size:15px}
 .creative-main{left:105px;top:140px;width:390px}
 .creative-label{left:35px;top:30px;max-width:none;font-size:18px}.creative-label small{font-size:14px;margin-bottom:7px}
 .creative-callout{font-size:16px;width:220px}.callout-a{left:30px;top:570px}.callout-b{left:335px;right:auto;top:570px}.callout-c{display:none}
 .creative-annotations{display:none}.journey-creative-caption{left:35px;bottom:0;font-size:14px}
 .placement small{font-size:14px}.placement-a{left:20px;top:95px;width:190px}.placement-b{left:215px;top:45px;width:190px}.placement-c{left:410px;top:110px;width:180px}
 .campaign-search{left:125px;top:360px;width:360px;padding:22px}.campaign-search small{font-size:14px}.campaign-search b{font-size:24px}.campaign-search p{font-size:14px}
 .campaign-result{left:30px;bottom:35px;font-size:14px}.campaign-result b{font-size:40px}.journey-method{right:30px;bottom:35px;font-size:14px;max-width:220px}
 .turn-cue{font-size:14px;letter-spacing:.7px;bottom:.01em}
 .hero-turn-controls{position:absolute;left:0;bottom:25px;margin-right:0}
}
@media(prefers-reduced-motion:reduce){.campaign-journey.flight-system{height:100svh;min-height:700px}.journey-piece{transform:none}.turn-cue{display:none}.turn-word.webgl-ready{cursor:default}}