*{box-sizing:border-box}body{margin:0;background:#101e31;color:#f6f8fc;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}header,main,footer{width:min(1200px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:32px 0}.wordmark{font-size:20px;font-weight:700;letter-spacing:-.5px;text-decoration:none}.wordmark span{display:block;color:#99adc8;font-size:11px;font-weight:400;letter-spacing:.4px}.contact{font-size:13px;text-decoration:none;border-bottom:1px solid #7387a2;padding:4px 0}main{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;min-height:calc(100svh - 190px);padding:50px 0 70px}.eyebrow{color:#a5c2e8;font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 26px}h1{font-size:clamp(44px,5.2vw,72px);line-height:1.06;letter-spacing:-3px;font-weight:500;margin:0 0 30px}h1 em{font-style:normal;color:#aecaef}.intro{color:#b1c0d6;max-width:450px;font-size:18px;line-height:1.8}.signature{color:#8097b7;font-size:12px;margin-top:28px}.entry-card{background:#f3f6fb;color:#142237;border-radius:22px;padding:38px;box-shadow:0 30px 70px #0002}.card-kicker{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#567091}.card-kicker i{display:block;width:7px;height:7px;background:#3d785d;border-radius:50%}h2{font-weight:500;font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin:25px 0 12px}.card-intro{font-size:16px;color:#627087;margin-bottom:28px}label{font-size:13px;display:block;margin:18px 0 8px}input,button{font:inherit}input{background:white;border:1px solid #cbd6e5;width:100%;padding:14px;border-radius:8px;color:#142237;font-size:16px;min-height:52px}input:focus{outline:2px solid #285afa;outline-offset:2px}.code-field{position:relative}.code-field input{padding-right:70px}.code-field button{position:absolute;right:8px;top:8px;min-height:36px;border:0;background:none;color:#536b8c;font-size:12px;cursor:pointer;padding:0 10px}.enter{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;border-radius:8px;background:#183767;color:white;padding:17px 19px;font-size:14px;font-weight:600;cursor:pointer;margin-top:25px}.enter:hover{background:#244b84}.enter:disabled{opacity:.7;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #779ef5;outline-offset:4px}.privacy{font-size:11px;color:#78879b;line-height:1.8;margin:20px 0 0}.privacy a{text-underline-offset:3px}#entry-status{font-size:13px;color:#98363e;line-height:1.7}#entry-status:empty{display:none}.card-footer{border-top:1px solid #d5deea;padding-top:22px;margin-top:27px;font-size:12px;color:#61738d}.card-footer span{display:block;color:#263f61}footer{display:flex;justify-content:space-between;gap:20px;color:#8198b7;border-top:1px solid #2c405a;padding:25px 0;font-size:11px}[hidden]{display:none!important}#welcome-transition{position:fixed;inset:0;z-index:10;background:#101e31;display:grid;place-items:center;padding:25px;text-align:center}.transition-inner{width:min(440px,100%)}.transition-inner img{width:min(300px,70vw);height:auto;margin:10px auto;display:block}.transition-inner h2{color:#f6f8fc;margin-top:10px}.transition-inner p{color:#a7bddb}.transition-inner a{font-size:12px;color:#a7bddb}.progress{height:3px;background:#29415f;overflow:hidden;border-radius:4px;margin:25px auto;width:160px}.progress span{display:block;width:100%;height:100%;background:#baf77b;transform-origin:left;animation:load 1.7s ease-out both}@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:850px){header,main,footer{width:calc(100% - 40px)}main{grid-template-columns:1fr;gap:32px;padding:25px 0 45px;min-height:0}.welcome-copy{max-width:650px}h1{font-size:clamp(42px,8vw,64px);letter-spacing:-2px}.intro{font-size:16px;max-width:550px}.signature{margin-top:18px}.entry-card{max-width:550px;width:100%;padding:28px}.eyebrow{margin-bottom:18px}header{padding:25px 0}footer{flex-direction:column;gap:5px}.wordmark{font-size:18px}h2{font-size:31px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}


body{background:#060811;color:#fff;font-family:'DM Sans',Arial,sans-serif;background-image:radial-gradient(ellipse at 12% 35%,#9c7aff15,transparent 48%),radial-gradient(ellipse at 85% 75%,#60b6970c,transparent 45%)}
h1,h2{font-family:Manrope,'DM Sans',Arial,sans-serif}h1{font-size:clamp(48px,5.7vw,82px);letter-spacing:-.055em;line-height:1.06}h1 em{color:#e2d9ff}.intro{color:#e6e8f2;line-height:1.65}.signature,.eyebrow,.wordmark span{color:#c6b9ed}.entry-card{background:#101420;color:#fff;border:1px solid #b6adff38;box-shadow:0 30px 90px #0005}.card-kicker{color:#d5caff}.card-kicker i{background:#b3f6bd;box-shadow:0 0 14px #b3f6bd66}.card-intro,.privacy{color:#aeb5ca}input{background:#090c15;border-color:#444658;color:#fff}input:focus{outline-color:#c9b8ff}.code-field button{color:#d5caff}.enter{background:#c8b8ff;color:#151124}.enter:hover{background:#dfd4ff}.card-footer{border-color:#ffffff20;color:#adb4c9}.card-footer span{color:#e2d9ff}footer{border-color:#ffffff20;color:#b5b2c6}#welcome-transition{background:#060811}#entry-status{color:#ffb7bf}main{gap:65px}.transition-inner p,.transition-inner a{color:#d5caff}@media(max-width:850px){main{gap:22px}h1{font-size:clamp(42px,8vw,64px)}.signature{font-size:12px}.entry-card{max-width:none}.intro{margin-bottom:12px}header,main,footer{width:calc(100% - 40px)}}

.progress span{animation-duration:4s}.progress{margin:14px auto 24px;background:#ffffff20}.progress span{background:linear-gradient(90deg,#c8b8ff,#b3f6bd)}

/* Checkpoint 5: the original professional palette, with the 4.5 experience intact. */
:root{color-scheme:light;--ink:#142237;--blue:#285afa;--muted:#536174;--paper:#f7f9fc;--line:#d5deea}
html,body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;background-image:none}
h1,h2,h3,h4,.brand-face.word-tile{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
h1,.hero h1{font-weight:500;letter-spacing:-.055em;line-height:1.04;color:var(--ink)}
h1 em,.hero h1 em,h2 em{color:var(--blue);-webkit-text-fill-color:var(--blue);background:none}
.hero{max-width:1500px;margin:auto}.hero h1{font-size:clamp(50px,5.6vw,84px)}
.hero p,p,.intro,.card-intro{color:#435168}.hero p{font-size:18px;line-height:1.65}
.eyebrow,.hero .eyebrow,.case-kicker,.case-label,.experience>span{color:var(--muted);font-weight:700;letter-spacing:1.8px}
.eyebrow i{background:var(--blue);box-shadow:none}.grain{background:none}.page-content{background:var(--paper)}
header,header a,header a span,.cta{color:var(--ink)}.cta{border-color:var(--ink)}
#scene{opacity:.16;mix-blend-mode:multiply}
.experience{color:#435168;border-color:var(--line)}.section{border-color:var(--line)}
button{background:#fff;border-color:var(--line);color:var(--ink)}button:hover{background:#eaf0ff;border-color:#9ab2fa}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--blue)}
.vertical{background:#fff;border-color:var(--line);border-radius:14px}.vertical-top,.vertical-outcome{color:#435168}
summary{color:var(--ink)}details{border-color:var(--line)}details[open] summary{color:var(--blue)}
.case-tabs button[aria-selected=true]{background:var(--blue);color:#fff;border-color:var(--blue)}
.metric strong{color:var(--blue)}.metric span,.brands-list,.caption{color:var(--muted)}
.media-stage,#case-panel[data-case="teddie"] .media-stage{background:#eef2f8;border-color:var(--line)}
.thumbs button,#case-panel[data-case="teddie"] .thumbs button{background:#eef2f8;border-color:var(--line)}
.thumbs button[aria-pressed=true]{background:#e4ecff;border-color:var(--blue)}
.media-stage.portrait-artwork{background:#eef2f8}.teddie-personality figcaption{color:#435168}
.prices button{background:#fff;border-color:var(--line);color:var(--ink)}.prices button:hover{background:#eef3ff}.prices strong,.prices b{color:var(--blue)}
.prices small,.prices p,.prices button>span,.operating p{color:#536174}
input,select,textarea{background:#fff;color:var(--ink);border-color:#b9c6d8}
#enquiry-form button[type=submit]{background:var(--blue);color:#fff;border-color:var(--blue)}
#form-result{background:#eef3ff;color:var(--ink);border-color:#9ab2fa}.page-footer{color:var(--muted);border-color:var(--line)}
dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}dialog::backdrop{background:#14223799}.dialog-bar{background:#fff;color:var(--ink);border-color:var(--line)}
#story-body li,#story-body figcaption,#story-body .case-label{color:#435168}.download-link,.forbes-article-link{color:var(--blue)}.forbes-coverage{border-color:var(--line)}
.brand-face{box-shadow:0 3px 12px #14223715,inset 0 1px 0 #fff;border-color:#e0e5ef}.brand-orbit:hover .brand-face,.brand-orbit:focus-visible .brand-face{box-shadow:0 0 0 1px #285afa55,0 8px 28px #285afa25}
.brand-caption{background:#fff;color:var(--ink);border-color:var(--line)}
/* Invitation uses the same simple paper, navy and blue treatment. */
.wordmark,.contact{color:var(--ink)}.entry-card{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 20px 60px #14223708;border-radius:16px}
.card-kicker{color:var(--muted)}.card-kicker i{background:var(--blue);box-shadow:none}.code-field button{color:#435168}.enter{background:var(--blue);color:#fff}.enter:hover{background:#1749dd}
.privacy,.card-footer{color:var(--muted)}.card-footer{border-color:var(--line)}.card-footer span{color:var(--ink)}
#welcome-transition{background:var(--paper)}.transition-inner h2{color:var(--ink)}.transition-inner p,.transition-inner a{color:#435168}.progress{background:#dbe4f3}.progress span{background:var(--blue)}#entry-status{color:#a12a39}
@media(max-width:760px){.hero h1{font-size:clamp(44px,10vw,68px)}.hero p{font-size:16px}.hero{padding-top:115px}.section{padding-top:44px;padding-bottom:44px}}

/* A light blue highlight for the combined engagement. */
.prices button.featured{background:#edf3fc;border-color:#c5d5ee;color:var(--ink)}
.prices button.featured:hover{background:#e4edfb;border-color:#91b0eb}

/* Keep the desktop role line together within its text column. */
.hero-content{container-type:inline-size}
.hero .hero-roles{max-width:none;white-space:nowrap;font-size:min(18px,2.95cqw)}
@media(max-width:760px){.hero .hero-roles{white-space:normal;font-size:16px;text-wrap:balance}}

.case-tabs-bottom{border-top:1px solid var(--line);padding-top:24px;margin-bottom:0}.case-tabs-bottom button[aria-pressed="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}

#story-body .ton-story-photo{margin:28px 0 18px}#story-body .ton-story-photo img{display:block;width:100%;height:340px;object-fit:cover;border-radius:14px}#story-body .ton-story-photo figcaption{margin-top:10px}.ton-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 34px}.ton-journey>div{padding:20px;background:#edf3fc;border:1px solid #d5e2f5;border-radius:12px}.ton-journey span{font-size:12px;font-weight:700;color:#285afa;letter-spacing:.06em}.ton-journey strong{display:block;font-size:20px;margin-top:12px}.ton-journey p{font-size:14px;margin-bottom:0}.ton-story-gallery{margin:28px 0}.ton-story-gallery .thumbs{grid-template-columns:repeat(3,1fr)}#story-body .ton-story-gallery .thumbs img{height:100%;width:100%}.ton-story-gallery .media-stage{height:380px}@media(max-width:600px){.ton-journey{grid-template-columns:1fr;gap:8px}.ton-journey>div{padding:16px}.ton-journey strong{margin-top:6px}#story-body .ton-story-photo img{height:230px}.ton-story-gallery .media-stage{height:270px}}

/* Four strategy stages, with room to read each one. */
.ton-journey{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.ton-journey{grid-template-columns:1fr}}

.case-tabs button{display:flex;align-items:center;gap:10px}.case-category-icon{width:30px;height:30px;object-fit:contain;flex-shrink:0}.case-tabs button span{min-width:0}.case-tabs button[aria-selected="true"] .case-category-icon,.case-tabs button[aria-pressed="true"] .case-category-icon{background:#edf3fc;border-radius:7px;padding:2px}

#story-body .pudgy-dreamworks-sticker{margin:24px auto 32px;text-align:center}#story-body .pudgy-dreamworks-sticker img{display:block;width:min(100%,360px);height:auto;max-height:none;object-fit:contain;margin:auto}

/* Prominent story action with restrained motion. */
.case-copy #read-story{display:inline-flex;align-items:center;gap:12px;background:var(--blue);border:1px solid var(--blue);color:#fff;border-radius:10px;padding:14px 20px;font-weight:600;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.case-copy #read-story span{display:inline-block;transition:transform .2s ease}
.case-copy #read-story:hover,.case-copy #read-story:focus-visible{background:#1749dd;box-shadow:0 7px 18px #285afa26;transform:translateY(-2px)}
.case-copy #read-story:hover span,.case-copy #read-story:focus-visible span{transform:translate(3px,-3px)}
.case-copy #read-story:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.case-copy #read-story,.case-copy #read-story span{transition:none;transform:none}}