@font-face{font-family:'Glyphicons Halflings';src:url('/fonts/glyphicons-halflings-regular.eot');src:url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');font-display:swap}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}@font-face{font-family:MSM Primary;src:local("MSMPrimary-Book"), local("MSM Primary Book"), url("/fonts/MSMPrimary-Book.woff2") format("woff2"), url(/css/font/MSMPrimary-Book.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:MSM Primary;src:local("MSMPrimary-Bold"), local("MSM Primary Bold"), url("/fonts/MSMPrimary-Bold.woff2") format("woff2"), url(/css/font/MSMPrimary-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{margin:0;background-color:#f7f5f9;font-size:16px;line-height:1.5;font-variant-ligatures:no-common-ligatures}.pagewrapper{min-height:100vh;display:flex;flex-direction:column;transition:transform 0.5s, filter 0.5s}body,input,select,textarea,button{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#646664;background-color:#f7f5f9}h1, h2, h3, h4, h5, h6, .alfa, .bravo, .charlie, .delta, .echo, .foxtrot, .golf, .hotel, .oscar, .india, .prim, .iconlink, .blocklink, .arrowlink, .arrowlink-long, .emotional-functional strong, nav ul ul li a,.btn{font-family:"MSM Primary","Arial Black",sans-serif;-webkit-font-smoothing:antialiased}p, .block-title ul{max-width:36em}a, #fileupload label span{color:#bf4a8e}dd{margin-left:0}img{display:block;max-width:100%;image-rendering:-webkit-optimize-contrast}input[type=number]{width:4.5em}hr{border:1px solid #d8d9d8;border-width:1px 0 0}pre{white-space:break-spaces}.innerwrapper{clear:both}.innerwrapper.nopadding{padding-top:0;padding-bottom:0}.content{margin:0 auto;width:100%}.content>picture>img{width:100%}.centre{text-align:center}.centre p, .centre img{margin:auto}.nomatch{margin:4em auto 0;text-align:center;color:#c4c5c4}header h1,.spaced{font-weight:normal;letter-spacing:0.2em;text-transform:uppercase}header h1{text-align:center;margin:0;color:#674186;font-size:24px}h1,h2,h3,h4,h5{color:#3d403d}h1,.alfa{font-size:3.5rem;line-height:4rem}h2,.bravo{font-size:2.5rem;line-height:3rem}h3,.charlie{font-size:2rem;line-height:2.5rem;color:#674186}h4,.delta{font-size:1.375rem;line-height:1.875rem}h5,.echo{font-size:1.125rem;line-height:1.5rem}h6,.foxtrot{font-size:1rem;line-height:1.5rem;font-weight:700}.golf{font-size:1rem;line-height:1.25rem}.hotel{font-size:0.875rem;line-height:1.25rem}.oscar{font-size:0.75rem;line-height:1.125rem}.india{font-size:1rem;line-height:1rem;text-transform:uppercase;letter-spacing:0.1875rem;font-weight:400}.juliett{font-size:1.25rem;line-height:1.875rem}.kilo{font-size:1.125rem;line-height:1.75rem}.lima{font-size:1rem;line-height:1.5rem}.mike{font-size:0.875rem;line-height:1.375rem}.november{font-size:0.75rem;line-height:1.25rem}.grad, .gradheading h2, .gradheading h3, .emotional-functional .functional strong{background-color:#674186;background:-webkit-linear-gradient(#674186 0%,#bf4a8e);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.iconlink,.blocklink,.arrowlink-long,.arrowlink{font-weight:600;position:relative;text-decoration:none}a.comingsoon{pointer-events:none;opacity:0.5;background:none}.blocklink{font-size:1.125rem}.arrowlink{display:inline-flex}.arrowlink:not(.left)::after,.arrowlink.left::before{content:"";width:16px;transform:translateX(0.5em);background:url('/img/msmds/arrow-link-long.svg') no-repeat right center;transition:all 0.125s}.arrowlink.left::before{background:url('/img/msmds/arrow-link-long-left.svg') no-repeat left center;transform:translateX(-0.5em)}.arrowlink:hover::after{width:26px;margin-right:-10px}.arrowlink.left:hover::before{width:26px;margin-left:-10px}.arrowlink-long{display:inline-block;overflow:hidden;border:0}.arrowlink-long span:first-of-type{margin-left:-7.5em;display:inline-block;white-space:pre;overflow:hidden;transition:all 0.25s}.arrowlink-long:hover span:first-of-type{margin:0}.arrowlink-long span:last-of-type{padding-right:52px;background:url('/img/msmds/arrow-link-long.svg') no-repeat right top;text-indent:-10000px;height:16px;display:inline-block}.emotional .arrowlink::after{background-image:url('/img/msmds/arrow-link-long-white.svg')}.sections article .arrowlink-long::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0}.sections article.content-placeholder a, .editing .sections article .arrowlink-long::after{pointer-events:none}.linkwrapper{margin-bottom:0;display:inline-block}.testsite .statusbar::before{content:"Test site";position:fixed;top:0;left:0;width:100%;height:30px;z-index:10;background:#e3596d;color:#fff;text-align:center;text-transform:uppercase;margin:auto;font-weight:bold}.livetestsite .statusbar::before{content:"Live test site"}.edit-tags{margin:-1em 0 1em;position:relative}.colourblock p{margin-bottom:0}.colourblock ul{margin-bottom:2em}ul,ol{margin:1em 0 3em;padding-left:1em}li{margin-bottom:1em;padding-left:0.25em;max-width:38em}ul ul{margin-bottom:1em}ul li::marker{content:"● ";color:#bf4a8e}.emotional ul li::marker, .nightscene ul li::marker, .purplewaves ul li::marker{content:"● ";color:#fff}ul.icon{list-style-type:none;padding-left:0;position:relative}ul.icon li{padding-left:36px}ul.icon li::marker{content:""}ul.icon li::before{content:"";display:inline-block;background:url('/img/msmds/icons/utility/colour/outlined/32/tick_utility_colour_outlined_32.svg') no-repeat;background-size:contain;width:24px;height:24px;position:absolute;left:0}footer{text-align:center;margin-top:auto}footer h2{color:#674186}footer .white{border-top:2px solid #f0eded}footer .white p{margin:1em auto 2em}footer .white a{font-weight:bold}.home footer .anyquestions, .toc footer .anyquestions{display:none}footer .contact{background-image:linear-gradient(to right, #87054d 0%, #4a3c85 100%);color:#fff;font-size:14px}footer .contact a{color:#fff}footer .contact strong{opacity:0.9}nav{background-image:linear-gradient(#674186, #bf4a8e);height:100%;transform:translateX(-100%);transition:transform 0.5s;position:fixed;z-index:2;overflow:auto}.nav-active nav{transform:none}nav ul, nav li{list-style-type:none;padding:0;margin:0}nav ul{margin-top:5em}nav li::marker{content:none}nav h2{margin:0;display:flex;align-items:center;justify-content:space-between}nav h2 a{border-radius:30px;transition:all 0.1s}nav h2 a[href]{padding:0.7em 1em;margin-right:4em}nav .expandlink{content:"";width:32px;height:32px;background:transparent url('data:image/svg+xml;utf8,') no-repeat center;background-size:16px;display:block;cursor:pointer;margin:-10px 0;transition:background-color 0.1s, transform 0.25s}nav .collapsed .expandlink{transform:rotate(-180deg)}nav h2 a:hover{background-color:rgba(57, 28, 86, 0.5)}nav a{color:#fff;white-space:nowrap;text-decoration:none}nav ul ul{margin:0 0 0 3em;overflow:hidden;transition:height 0.25s}nav .collapsed ul{height:0}nav ul ul li:first-of-type{margin-top:1em}nav ul ul li a{display:block;color:#fff;padding:0.5em 0;transition:all 0.25s;font-weight:700}nav ul ul li a:hover{opacity:0.75}.nav-toggle{cursor:pointer}.nav-toggle-inpage{color:#bf4A8e;font-size:137.5%;font-weight:600;display:flex}.nav-toggle-inpage p{margin:0;line-height:0.7}.nav-toggle-inpage svg{margin-right:0.5em}.nav-toggle-inpage svg path{fill:#bf4A8e}.nav-page-overlay{opacity:0;display:block;position:fixed;z-index:-1;width:100%;height:100%;transition:opacity .5s, background .5s;top:0;left:0;background:rgba(0,0,0,0);pointer-events:none;}.nav-active .nav-page-overlay, .storybook-fullscreen .nav-page-overlay{background:rgba(0,0,0,0.5);opacity:1;z-index:1;pointer-events:all;cursor:default}.nav-active .pagewrapper{filter:blur(10px)}.storybook-fullscreen .nav-page-overlay{cursor:default}nav .nav-toggle{position:absolute;right:2em;top:2em;width:32px;height:32px;border-radius:16px;padding:8px;display:flex}nav .nav-toggle:hover{background-color:rgba(57, 28, 86, 0.5)}nav .nav-toggle svg{width:16px;height:16px}nav .nav-toggle svg path{fill:#fff}.sidebar-container{padding-top:32px}.sidebar-content .innerwrapper, .sidebar-content .cols>div{padding-left:0;padding-right:0}.sidebar-content h2{margin:0}.sidebar-content h3, .sidebar-content h4{margin-bottom:0.5em}.sidebar{margin-right:64px;width:220px;align-self:flex-start;position:sticky;top:1em}.testsite .sidebar{top:calc(1em + 30px)}.sidebar ul{list-style-type:none;margin:0;padding:0}.sidebar h2{color:#8b8c8b;margin-top:0}.sidebar li{padding-left:0;margin-bottom:0}.sidebar li::marker{content:none}.sidebar li li a, .sidebar li li p{text-decoration:none;color:#646664;display:flex;flex-direction:column;padding:0.5em 2em;margin:0 -2em;font-size:125%}.sidebar li li a::after{content:attr(data-text);height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:600}.sidebar li.sub a, .sidebar li.sub p{font-size:100%}.sidebar li li a:hover{font-weight:600}.sidebar li li .current{font-weight:600}fieldset{border:0;margin:0;padding:0}input,select,textarea,.textarea-grower::after{background:#fff;border:1px solid #ccc;border-radius:10px;padding:0.8em;font-size:112.5%}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:right .7em top 50%;background-size: .65em auto;padding-right:2em}select::-ms-expand{display:none}textarea{width:90%}label{display:block;font-weight:bold;margin-bottom:0.5em}.helptext{font-size:12px;color:#666;margin-top:0;max-width:none}.helptext a{text-decoration:underline}.subtext{font-size:12px;color:#666}.nowrap{white-space:nowrap}.question{padding-bottom:15px;position:relative}button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}.inset{position:relative;display:inline-block}.inset input[type="submit"]{position:absolute;right:0.2em;top:0.2em;background:linear-gradient(#674186 0%, #bf4a8e);color:#fff;border:none;border-radius:8px;padding:0.72em 1.5em}.btn{display:inline-block;color:#674186;border:3px solid #674186;padding:8px 28px;margin-bottom:0;font-weight:600;font-size:100%;line-height:1.6;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;border-radius:25px}.btn:hover{border-color:#bd479a}.btn-ghost{border:3px solid rgba(255,255,255,0.5);color:#fff;background:none;transition:background-color 0.25s;-webkit-tap-highlight-color:rgba(255,255,255,0.2)}.btn-ghost:hover{color:#fff;background:rgba(255,255,255,0.1)}.btn-ghost:focus{color:#fff}.btn-ghost-dark{color:#666;border:3px solid rgba(0,0,0,0.2);background:rgba(0,0,0,0.01)}.btn-ghost-dark:hover,.btn-ghost-dark:active,.btn-ghost-dark:focus{color:#666;background:rgba(0,0,0,0.05)}.btn:disabled{opacity:0.5;pointer-events:none}.buttonwrapper{margin:0}#submitwrapper .innerwrapper{padding:0}.textarea-grower{display:grid;width:90%}.textarea-grower::after{content:attr(data-replicated-value) " ";white-space:pre-wrap;visibility:hidden}.textarea-grower>textarea{resize:none;overflow:hidden;width:100%}.textarea-grower>textarea,.textarea-grower::after{font:inherit;grid-area:1 / 1 / 2 / 2}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:-9999px}[type="checkbox"]:not(:checked)+label,[type="checkbox"]:checked+label{position:relative;padding-left:34px;cursor:pointer;text-align:left}[type="checkbox"]:not(:checked)+label:before,[type="checkbox"]:checked+label:before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;background:#fff;border:1px solid #ccc;border-radius:5px}[type="checkbox"]:not(:checked)+label:after,[type="checkbox"]:checked+label:after{font-family:"Glyphicons Halflings";content:'';position:absolute;top:3px;left:5px;font-size:14px;font-weight:300;color:#646664;transition:all .05s}[type="checkbox"]:not(:checked)+label:after{opacity:0;transform:scale(0)}[type="checkbox"]:checked+label:after{opacity:1;transform:scale(1)}[type="checkbox"]:disabled:not(:checked)+label:before,[type="checkbox"]:disabled:checked+label:before{box-shadow:none;border-color:#bbb;background-color:#ddd}[type="checkbox"]:disabled:checked+label:after{color:#999}[type="checkbox"]:disabled+label{color:#aaa}.cqcheckbox input+label, .cqcheckboxgroup input+label{font-weight:normal;display:inline-block;margin-right:30px}[type="checkbox"]:checked:focus+label:before,[type="checkbox"]:not(:checked):focus+label:before{border:1px dotted blue}.cqradio label:not(:first-of-type){display:inline-flex;margin-right:1em}[type="radio"]:not(:checked),[type="radio"]:checked{position:absolute;left:-9999px}[type="radio"]:not(:checked)+label,[type="radio"]:checked+label{position:relative;padding-left:34px;cursor:pointer;text-align:left}[type="radio"]:not(:checked)+label:before,[type="radio"]:checked+label:before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;background:#fff;border:1px solid #ccc;border-radius:14px}[type="radio"]:not(:checked)+label:after,[type="radio"]:checked+label:after{content:"";position:absolute;width:14px;height:14px;top:6px;left:6px;border-radius:7px;background-color:#646664;transition:all .05s}[type="radio"]:not(:checked)+label:after{opacity:0;transform:scale(0)}[type="radio"]:checked+label:after{opacity:1;transform:scale(1)}[type="radio"]:disabled:not(:checked)+label:before,[type="radio"]:disabled:checked+label:before{box-shadow:none;border-color:#bbb;background-color:#ddd}[type="radio"]:disabled:checked+label:after{color:#999}[type="radio"]:disabled+label{color:#aaa}[type="radio"]:checked:focus+label:before,[type="radio"]:not(:checked):focus+label:before{border:1px dotted blue}p.statusblock, p.jobstatusblock, .jobstatusblock label[for], p.jobtypeblock, .jobtypeblock label+label, .brandblock label+label, .jobtypereportblock input+label{display:inline-flex;white-space:pre;font-weight:normal}span.jobtypeblock, .jobtypeblock label, .jobtypereportblock input+label{background:#562873}div.jobstatusblock label, div.jobtypeblock label, div.brandblock label{margin-right:10px}div.jobstatusblock label input{margin-right:0.5em;position:relative}.jobstatusblock label[for="indesign"]:after,p.indesign,p.statusdot.indesign::before{background-color:orange}.jobstatusblock label[for="ready"]:after,p.ready,p.statusdot.ready::before{background-color:#e17555}.jobstatusblock label[for="demo"]:after,p.demo,p.statusdot.demo::before{background-color:#666}.jobstatusblock label[for="live"]:after,p.live,p.statusdot.live::before{background-color:#359791}.jobstatusblock label[for="placeholder"]:after,p.placeholder,p.statusdot.placeholder::before{background-color:#ccc}.jobstatusblock label[for="draft"]:after,p.draft,p.statusdot.draft::before{background-color:orange}.jobstatusblock label[for="inprogress"]:after, .jobstatusblock label[for="inprogress"]:after,p.inprogress,p.statusdot.inprogress::before{background-color:#e3596d}.jobstatusblock label[for="complete"]:after,p.complete,p.statusdot.complete::before{background-color:#359791}p.statusdot{background:none;font-size:0.875rem;display:flex;align-items:center}article p.statusdot{justify-content:center;margin:0 0 -2em}p.statusdot::before{content:"";display:block;width:1em;height:1em;border-radius:0.5em;margin-right:0.5em}#addtag fieldset,.edittag{display:flex;align-items:flex-end;flex-wrap:wrap}#addtag .formheading{width:100%}#addtag fieldset .question, .edittag .question{margin-right:1em}table:not([class]){border-spacing:5px}table:not([class]) th{text-align:left}table:not([class]) th, table:not([class]) td{padding:1em 1.5em;background:#f7f5f9}table:not([class]) tbody:first-child tr:first-child th:first-child, table:not([class]) tbody:first-child tr:first-child td:first-child{border-radius:10px 0 0 0}table:not([class]) tbody:first-child tr:first-child th:last-child, table:not([class]) tbody:first-child tr:first-child td:last-child{border-radius:0 10px 0 0}table:not([class]) tbody:last-child tr:last-child th:first-child, table:not([class]) tbody:last-child tr:last-child td:first-child{border-radius:0 0 0 10px}table:not([class]) tbody:first-child tr:last-child th:last-child, table:not([class]) tbody:first-child tr:last-child td:last-child{border-radius:0 0 10px 0}.statusbar{background:#001438;color:#fff;position:relative;z-index:1}.loginstatus{list-style-type:none;margin:0;padding:0;text-transform:uppercase;line-height:2.5;font-weight:400;letter-spacing:0.1em}.loginstatus li{padding-left:0;margin-bottom:0}.loginstatus li::marker{content:none}.loginstatus a, .loginstatus li>span{text-decoration:none;padding:0.5em 1em}.loginstatus a{font-weight:100;color:rgba(255, 255, 255, 0.7);transition:color 0.25s;cursor:pointer}.loginstatus a:hover{color:rgba(255,255,255,1)}h1+.statusblock{position:relative;top:-3em}.searchbar{background:#fff;position:absolute;width:100%;text-align:center;transform:translateY(-101%);transition:all 0.25s;pointer-events:none;z-index:1}.search-active .searchbar{transform:none;pointer-events:all;box-shadow:0 2px 15px rgba(0, 0, 0, 0.3)}.search-active .search-icon{color:#fdffb1}.searchbar .search-toggle{display:block;cursor:pointer;width:16px;height:16px;position:absolute;right:32px;top:0;bottom:0;margin:auto}.searchbar .search-toggle svg path{fill:#674186}.searchbar input[name=searchterm]{width:20em;-webkit-appearance:none}.searchresults{list-style-type:none;padding:0;margin:0}.searchresults .basic-cols > div:first-of-type p{margin-top:0}.searchresults .delta{margin:0}.searchresults .hotel{margin-top:0.5em}.searchresults .content li{margin-bottom:4em;max-width:44em}.nocomments{text-align:center;opacity:0.7;margin:12em auto}.comments,div.notifications{margin:30px 0}.comments dt, div.notifications dt{font-weight:normal;float:left;clear:both;width:25%;margin:0 5% 30px 0;display:flex}.comments dt div{align-self:center}.comments .avatar, div.notifications .avatar{margin-right:10%}.comments dd, div.notifications dd{margin-bottom:40px;float:left;width:70%}.comments .time-elapsed, div.notifications .time-elapsed{display:block}.comments date, div.notifications date{color:#666;display:block;font-size:12px}#addcomment{clear:both}.notifications-icon strong{font-size:10px;color:#fff;background:#e21219;border:2px solid #fff;position:absolute;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;border-radius:1.5em;transform:translate(-8px, 4px);box-sizing:content-box}div.notifications dl>div{display:flex;padding:2em;margin-bottom:2em;border-radius:7px;position:relative}div.notifications h4{margin-top:0}div.notifications .sitename{display:block;font-weight:bold;margin-top:0.5em;font-size:90%}div.notifications .status-1{background:#e8ebee}div.notifications .status-1::after{content:"New";display:block;position:absolute;background:#e21219;color:#fff;top:-10px;left:-10px;font-weight:bold;padding:0.5em 1em;text-transform:uppercase;font-size:70%;border-radius:2em}div.notifications dt, div.notifications dd{margin-bottom:0}.expander-toggle{cursor:pointer;display:flex;align-items:baseline}.expander-toggle::after{content:"";display:block;background:transparent url('data:image/svg+xml;utf8,') no-repeat center;transform:rotate(180deg);width:16px;height:16px;margin-left:0.25em;transition:transform 0.25s}.foxtrot.expander-toggle::after{width:12px;height:12px}.expander-toggle.active::after{transform:rotate(360deg)}.expander{transition:height 0.25s;overflow:hidden}.modal{position:fixed;z-index:1;top:5%;width:80vw;min-width:320px;max-width:90vw;height:80vh;background:#fff;box-shadow:0 2px 15px rgba(0, 0, 0, 0.3);left:0;right:0;margin:auto;border-radius:10px;transition:all 0.25s;opacity:0;transform:translateY(10%);pointer-events:none;resize:both}.modal.active{opacity:1;transform:none;pointer-events:all}.modal .mainwrapper{min-height:0}.modal .togglemodal{cursor:pointer;position:absolute;background:#fff;width:34px;height:34px;border-radius:18px;display:block;top:-15px;right:-10px;border:2px solid #ccc;text-align:center;line-height:24px;font-size:30px;text-transform:capitalize}.modalcontent{height:100%;overflow:auto}.modalcontent .content{padding:2em}.modalcontent h1{margin-top:0}.home .pagewrapper{background:url('/img/msmds/intro-shape.svg') no-repeat center top}.content-shapeheader{background:#fff url('/img/msmds/intro-shape-shallow.svg') no-repeat center -4.5em}.home .statusbar-icon, .content-shapeheader .statusbar-icon, .home .nav-toggle-inpage, .content-shapeheader .nav-toggle-inpage{color:#fff}.home .nav-toggle-inpage svg path, .content-shapeheader .nav-toggle-inpage svg path{fill:#fff}.home h1, .home .intro, .content-shapeheader h1{color:#fff}.intro{margin:3em auto}.intro p{text-align:center;margin:0.5em auto}.home .intro{margin:1em auto;padding-top:0}.home .intro #searchform{margin-top:2em}.home .intro #searchform input[type="search"]{width:18em}.sections article,.gallery-image,.loginorregister,#forgotpassword,#createaccount,#updateaccount,#changepassword,.shadow-example{background:#fff;border-radius:20px;text-align:center;box-shadow:20px 41px 55px rgba(0, 0, 0, 0.06);display:flex;flex-direction:column;transition:all 0.25s;overflow:hidden;position:relative;text-align:center}.sections article:hover,.gallery-image:hover{box-shadow:20px 40px 56px rgba(0, 0, 0, 0.12)}.sections article img, .gallery-image img{transition:all 0.25s}.sections article:hover img, .gallery-image:hover img{transform:scale(1.05)}.sections article.content-placeholder:hover img{transform:none}.sections article>a{color:#646664;text-decoration:none}.sections .content-placeholder{opacity:0.5}.home .sections .content-desc{min-height:7em;display:flex;align-items:center}.home .sections .content-desc p{margin-top:0}.home .sections .catlinks{border-top:2px solid #f0eded;list-style-type:none;padding:1.5em 0 0;text-align:left;display:flex;flex-wrap:wrap;flex-grow:1;justify-content:space-between;align-content:flex-start;margin:0 0 -0.5em}.home .sections .catlinks li{margin:0.5em 0;width:100%}.home .sections .catlinks.cols li{width:50%}.home .sections .catlinks.moreinfo{justify-content:center;align-items:center}.home .sections .catlinks.moreinfo li{text-align:center}.sections .content-placeholder .linkwrapper{visibility:hidden}.sections h2{color:#674186;margin:0.5em 0}.sections h2 a{text-decoration:none}.sections .btn{margin-top:1em}.login .formheading, .account .formheading, .contact .formheading{display:none}#forgotpassword,#updateaccount,#changepassword{text-align:left}form#forgotpassword,form#createaccount,#updateaccount{display:block}#createaccount .innerwrapper, #updateaccount .innerwrapper{padding:1em 0 3em}.contactintro{margin-bottom:3em}.content-info{text-align:center;background:#fff;font-size:75%;max-width:none}footer .content-info p{margin:0 auto 0.5em}.content-info .innerwrapper p:last-of-type{margin:0 auto;font-size:85%}.content-info .glyphicon{opacity:0.25}.content-info date, .content-info strong{font-weight:500}.content-prevnext{display:flex;border:2px solid #f0eded;border-width:2px 0;background:#fff}.content-prevnext a{width:50%;text-align:right;padding-right:10%;text-decoration:none}.content-prevnext a:hover{background:#f7f5f9}.content-prevnext a:first-of-type{text-align:left;padding:0 0 0 10%}.content-prevnext.next a:first-of-type{text-align:right;margin-left:50%;padding-right:10%}.contenthero{margin:auto}.purpose-statement{color:#747474;line-height:1.4;text-align:center}.clarity-control{background:#fff}.clarity-control>div:first-of-type{background:#674186;color:#fff}.voice-and-tone .clarity-control > div:first-of-type h3{color:#fff}.clarity-control > div:last-of-type h2, .clarity-control > div:last-of-type h3, .clarity-control > div:last-of-type h4{color:#674186}.clarity-control>div>div:first-of-type{text-align:center}.clarity-control>div:first-of-type>div:first-of-type{background:url('/img/msmds/logo-waves.svg') no-repeat;background-size:cover}.clarity-control h3{text-transform:uppercase;margin-bottom:0.25em;color:#fff}.clarity-control h4{margin-top:0}.clarity-control h3::before{content:"↓";display:block;font-family:arial;margin-bottom:1em}.clarity-control h2, .clarity-control h4{color:#fff;font-weight:500;margin-top:2em}.clarity-control p{opacity:0.7;padding:0 2em}.content-visual-language .content h2{text-align:center}.colour-proportions div:last-of-type{background:#fff}.fonts h3{margin:0}.fonts>div>p:last-of-type{color:#bf4A8e}.fonts>div>p:last-of-type::before{content:"";display:block;width:1px;height:3em;background:#bf4A8e;margin-bottom:1em}.fonts .cols>div:last-of-type{display:flex;flex-direction:column;justify-content:center}.visual-language section .innerwrapper>p{max-width:640px;margin:2em auto 4em;text-align:center;opacity:0.7}.visual-language .innerwrapper>h2{text-align:center}.logoshapes{padding:3em 0}.logoshapes p, .layersofcalm p{margin-left:auto;margin-right:auto}.logoshapes img{width:90%;margin:6em auto 4em}.layersofcalm .cols div{padding:0;font-size:87.5%;text-align:center}.layersofcalm .cols div p{opacity:0.7}.content-visual-language .sideimage{background:none}.content-visual-language .colours .sideimage>div:last-of-type{flex-direction:column;padding-top:3em}.content-visual-language .colours .swatchdiscs{margin:0 auto}.block-basic{text-align:center}.block-basic p{max-width:24em;margin:1em auto}.block-title p{text-align:center;margin-left:auto;margin-right:auto}.tonecanvas ul{margin-bottom:1em}.block-title .cols-3 p{text-align:left}.block-title.white{background-color:#fff}.block-title>.innerwrapper>img{margin:auto}.block-background-heading{position:relative;overflow:hidden;background-color:#18224e}.block-background-heading::after{content:"";width:100%;height:2px;background:#fff;position:absolute;bottom:0}.adapting-our-tone .block-background-heading::after, .how-we-speak .block-background-heading::after{background:#f7f5f9}.block-background-heading>img,.block-background-heading>picture>img{position:absolute;bottom:0}.block-background-heading>.innerwrapper{position:relative;color:#fff}.block-background-heading h2{color:#fff}.blocks-icontitle>div>div{margin-bottom:5em}.iconlink, .icontitle, .icontitles .heading, .block-iconsubtitle .twocol>div>div,.blocks-icontitle>div>div>div{display:flex;align-items:center}.iconlink img, .icontitle img{width:1.3em;margin-right:0.75em}.block-iconsubtitle .twocol>div>div{margin-top:1em}.block-iconsubtitle .twocol > div h2{text-align:left}.block-iconsubtitle .twocol > div > div h3{text-align:left;margin:0}.block-iconsubtitle .twocol > div > div img, .blocks-icontitle > div > div > div img{margin:0 1em 0 0}.icontitles div div.heading img{margin:0 1em 0 0}.branded.icontitles .twocol div.heading h3{text-align:left;margin:0}.nopadding,.threecs.nopadding{padding:0}.nopadding-top{padding-top:0}.nopadding-bottom{padding-bottom:0}.block-list .twocol p{text-align:left;margin-bottom:2em;margin-left:0}.block-list .twocol h3{text-align:left;margin-left:0}.block-list>div>div:first-of-type{display:block;margin-bottom:2em}.block-list.nosecondblock .twocol:first-of-type>div:last-of-type{display:none}.missionstatment .innerwrapper{max-width:50em;margin:auto}.voice-and-tone .bravo, .purpletitle h2{color:#674186;text-align:center}.voice-and-tone section p, .voice-and-tone section li{font-size:125%;line-height:1.6}.block-title h2, .block-title h3, .block-title h4{text-align:center;max-width:25em;margin-left:auto;margin-right:auto;line-height:1.2}.brand-voice-always{text-align:center;background:#fff;color:#674186;padding:4em 0}.brand-voice-always img{width:80%;margin:2em auto 4em}.block-title dl{font-family:"MSM Primary","Arial Black",sans-serif;-webkit-font-smoothing:antialiased;font-size:125%}.block-title dt{color:#674186;margin-bottom:1em}.block-title dd{background:#FFF;box-shadow:0px 4px 20px rgba(61, 64, 61, 0.1);border-radius:8px;padding:2em}.block-stacked-image-blocks.inline h3, .block-stacked-image-blocks.inline h4, .block-stacked-image-blocks.inline p{text-align:center}.block-stacked-image-blocks.inline h4{font-size:112.5%;margin:0 auto -0.5em}.block-stacked-image-blocks.inline img{margin:auto}.block-stacked-image-blocks > div > div h3, .block-stacked-image-blocks p{text-align:left;max-width:none}.block-stacked-image-blocks>div>div{background:#fff;box-shadow:0px 4px 20px rgba(61,64,61,0.1);border-radius:10px;overflow:hidden;margin-bottom:3em}.block-stacked-image-blocks.nightscene>div>div,.block-stacked-image-blocks.purplewaves>div>div{background:none;box-shadow:none}.block-stacked-image-blocks picture{width:25%}.block-stacked-image-blocks > div > div > div h3{color:#674186}.block-stacked-image-blocks.nightscene > div > div > div h3, .block-stacked-image-blocks.purplewaves > div > div > div h3{color:#fff}.our-tone h2, .our-tone h3{text-align:center}.our-tone h3 span{display:block;font-size:70%}.our-tone .maxwidth p, .our-tone .maxwidth ol{max-width:31em;margin-left:auto;margin-right:auto;text-align:left}.tonecanvas>.cols{justify-content:center;margin-bottom:1em}.tonecanvas>.cols>.prim{color:#fff;background:url("/img/msmds/gradshape.svg") no-repeat center;background-size:contain;-webkit-text-fill-color:#fff;-moz-text-fill-color:#fff;text-align:center;margin:0 0.4em 0;font-size:2.5em;font-weight:bold;line-height:0.8;padding:0.5em}.tonecanvas table{border-spacing:5px;margin-bottom:2em}.tonecanvas td{padding:2em;vertical-align:top;background:#fff}.tonecanvas h4{margin:0;color:#674186}.tonecanvas .prim{color:#646664;text-align:center}.tonecanvas .prim img{margin:2em auto 0;width:65%}.dusk{background-image:linear-gradient(#674186,#bf4a8e);color:#fff}.functional{background-color:#f7f5f9}.emotional{background-image:linear-gradient(#003366, #674186, #674186, #bf4a8e);color:#fff}.emotional a:not(.btn), .emotional h1, .emotional h2, .emotional h3, .emotional h4, .emotional h5, .nightscene h1, .nightscene h2, .nightscene h3, .nightscene h4, .nightscene h5, .purplewaves h1, .purplewaves h2, .purplewaves h3, .purplewaves h4 .purplewaves h5{color:#fff}.nightscene{background:url("/img/msmds/nightscene.svg") no-repeat;background-size:cover;color:#fff;position:relative;padding-top:12vw}.purplewaves{background:url("/img/msmds/purplewaves.svg") no-repeat;background-size:cover;color:#fff;position:relative;padding-top:12vw}.nightscene::before,.purplewaves::before,.purplewaves::after{position:absolute;background-image:url('data:image/svg+xml;utf8, ');background-size:100%;background-repeat:no-repeat;display:block;content:"";width:100%;height:100%;top:0}.how-we-act .purplewaves::before{background-image:url('data:image/svg+xml;utf8, ')}.purplewaves::after{position:absolute;background-image:url('data:image/svg+xml;utf8,');background-position:bottom;top:auto;bottom:-1px;pointer-events:none}.nightscene::before{background-image:url("/img/msmds/nightscene-ground.svg");background-position:bottom;top:auto;bottom:-1px;pointer-events:none}.purplewaves .innerwrapper{position:relative}.white{background:#fff}.light{background:#f7f5f9}.branded{position:relative}.multiwavebottom:not(.nopadding){padding-bottom:24vw}.wavetop{background-repeat:no-repeat;background-image:url('data:image/svg+xml;utf8, ');margin-bottom:0}.white.wavetop{background-image:url('data:image/svg+xml;utf8,')}.multiwavebottom{margin-bottom:-17vw;background-color:transparent;background-image:url("/img/msmds/wave-white-purple-5.svg"),url("/img/msmds/wave-bottom.svg");background-position:top,bottom;background-repeat:no-repeat}.branded.white{margin-bottom:0}.branded h2, .usehim h2, .block-stacked-image-blocks:not(.inline) h2{margin-bottom:0}.branded h3, .usehim h3,.block-stacked-image-blocks>.innerwrapper>h3{margin-bottom:3em}.branded .twocol > div, .branded .cols > div, .emotional .twocol>div{background:#fff;border-radius:10px;box-shadow:0px 4px 20px rgba(61, 64, 61, 0.1);padding:2em 2.5em 1em;color:#646664}.branded .twocol > div strong, .emotional .twocol > div strong{color:#674186}.white.branded .twocol>div{background:#faf9fb;border:1px solid #eeecf1}.branded .cols > div img, .branded .twocol > div img{margin:auto}.branded .cols > div h3, .branded .twocol > div h3{text-align:center;margin-bottom:1em}.multiwavebottom:not(.nopadding)+section{padding-top:20vw}.branded>.innerwrapper>img{margin:auto}picture.threecurves,picture.curvewave,picture.curvetopwhite,picture.curvetoplight,picture.curvetop{display:block;position:relative}.curvewavebottom::after,picture.threecurves::after,picture.curvewave::after,picture.curvetopwhite::after,picture.curvetoplight::after,picture.curvetop::after{position:absolute;background:url("/img/msmds/curvewave-image-mask.svg") no-repeat;background-size:100%;display:block;content:"";width:100%;height:100%;top:0}picture.threecurves::after{background-image:url("/img/msmds/three-curves-image-mask.svg");background-position:bottom;top:auto;bottom:-1px}picture.curvetop::after{background-image:url('data:image/svg+xml;utf8,')}picture.curvetopwhite::after{background-image:url('data:image/svg+xml;utf8,')}picture.curvetoplight::after{background-image:url('data:image/svg+xml;utf8,')}picture.curvewave + .block-title .innerwrapper, picture.curvetopwhite + .block-title .innerwrapper, picture.curvetop + .block-title .innerwrapper{margin-top:-30%;position:relative}.curvewavebottom{position:relative;padding-bottom:30vw}.curvewavebottom::after{pointer-events:none;background-image:url("/img/msmds/curvewave-bottom.svg");background-position:bottom;top:auto;left:0;bottom:-1px}.leftalign h2, .leftalign h3, .leftalign p, .leftalign ul{text-align:left;max-width:none}.emotional .sideimage div{padding:0}.emotional .sideimage div:first-of-type{padding-right:32px}.emotional .sideimage.reverse div:first-of-type, .emotional .sideimage.wideleft div:first-of-type{padding-left:32px;padding-right:0}.emotional .sideimage h3{line-height:1.2;margin-top:0}.leftalign .block-title h2, .leftalign .block-title h3{text-align:left;margin-left:0;margin-right:0}.our-humour .maxwidth .innerwrapper{max-width:46em;margin:auto}.our-humour .maxwidth .innerwrapper p{max-width:none}.our-humour .maxwidth h2, .our-humour .maxwidth h3, .our-humour .maxwidth p{text-align:left}.less-more-humour img{margin:8em auto;max-width:1000px}.two-col-list li{margin-bottom:1em}.textexamples p{text-align:center;font-size:200%;font-weight:700;font-family:"MSM Primary","Arial Black",sans-serif;-webkit-font-smoothing:antialiased;max-width:23em;margin-left:auto;margin-right:auto;color:#674186}.textexamples p:nth-child(even){color:#BF4A8E}.persona{margin-top:4em}.personacols h2{text-align:center}.personacols strong{font-weight:600}.voice-and-tone .persona h2, .persona h3, .persona-tonetip h3, .persona-tonetip h4{color:#674186;text-align:center}.voice-and-tone .persona-tonetip li{font-size:100%;margin-bottom:0.5em}img[alt="Persona Range"]{margin-top:4em}.voice-and-tone .introblock h2{max-width:16em;margin-left:auto;margin-right:auto}.tonetimes p{max-width:none}.voice-and-tone .emofunc-tone h2, .voice-and-tone .emofunc-tone h3, .voice-and-tone .emofunc-tone p, .voice-and-tone .emofunc-lists h2, .voice-and-tone .emofunc-lists h3, .voice-and-tone .emofunc-lists p{text-align:left}.voice-and-tone .emofunc-tone h2:last-of-type{margin-top:2em}.emofunc-lists, .emofunc-lists .innerwrapper{padding-top:0}.our-product .phoneexamples{padding-bottom:0}.emofunc-lists h2{margin-top:0}.emofunc-lists h4{margin:0}.emofunc-lists p{margin-top:0.5em}.emofunc-lists strong{display:block}section p.pretitle{letter-spacing:0.195em;text-transform:uppercase;font-size:150%}.leftalign{text-align:left}.notopgap{padding-top:0;margin-top:-9em}.fullwidth-image-block>div:first-of-type{padding:4em}.fullwidth-image-block h2{margin-top:0}.fullwidth-image-block+picture{display:block;padding-top:8em;background:#fff}.grid-system img{margin-bottom:4em}.colourpalette{background:#fff}.colourpalette .explainsignoff{text-align:center;margin:auto;line-height:28px}.colourpalette-intro{margin-bottom:2em}.colourpalette dl{margin:0;padding:2em}.colourpalette .tallswatches dl{height:32em}.colourpalette-mastercolour.charcoal dl{margin:0 0 1em}.colourpalette dl.alias{flex-grow:1}.colourpalette dl + h2, .colourpalette dl+h3{padding-top:3em;clear:both}.colourpalette dl a{text-decoration:underline;margin-top:1em;display:block}.colourpalette dt{font-weight:bold;margin-bottom:1em}.colourpalette dd p{margin:0}.colourpalette dl p{clear:left;padding-top:1em;margin:0 0 0.5em 0}.colourpalette dl dd p{padding:0}.colourpalette .gradient dd p{text-align:left}.colourpalette .horizontal dd strong{display:block}.colourpalette .horizontal dd p:last-of-type{text-align:right;margin-bottom:1em}.colourpalette dl p.golf{padding-top:0;margin:0}.swatchdiscs .border, .colourpalette .border{border:1px solid #e8e8e8}.colourpalette .border{margin-top:-1px}.colourpalette .gradient dt{margin-bottom:3em}.colourpalette .gradient dd{display:flex;flex-wrap:wrap;justify-content:space-between}.colourpalette .gradient dd span{display:block;width:100%;border:1px solid rgba(255, 255, 255, 0.5);border-width:1px 0 0 0;margin:0.8em 1em -0.8em;text-indent:-10000px;text-align:left;position:relative}.colourpalette .gradient dd span::before, .colourpalette .gradient dd span::after, .colourpalette .vertical dd p::before, .colourpalette .vertical dd p::after{content:"";display:block;width:9px;height:9px;border-radius:9px;position:absolute;top:-5px;left:-9px;background:rgba(255, 255, 255, 0.5)}.colourpalette .gradient dd span::after{left:auto;right:-9px}.colourpalette .vertical{display:flex;justify-content:space-between}.colourpalette .vertical dd{width:50%}.colourpalette .vertical dd p{margin:0;text-align:right;position:relative}.colourpalette .vertical dd p.percentage{margin:0;text-align:right;position:absolute;right:0;transform:translateY(-50%)}.colourpalette .vertical dd p::before{left:auto;right:-23px;top:50%;width:4px;border-top-right-radius:0;border-bottom-right-radius:0}.colourpalette .vertical dd p::after{left:auto;right:-28px;top:50%;width:4px;border-top-left-radius:0;border-bottom-left-radius:0}.colourpalette .vertical dd p:first-of-type::before, .colourpalette .vertical dd p:first-of-type::after, .colourpalette .vertical dd p:last-of-type::before, .colourpalette .vertical dd p:last-of-type::after{content:none}.colourpalette .vertical dd strong{display:block}.colourpalette .vertical dd div{width:calc(100% - 24px);min-height:10em;display:flex;flex-direction:column;justify-content:space-between;position:relative}.colourpalette .vertical dd span{border-width:0 1px 0 0;margin:1em 0;width:10px}.colourpalette .vertical dd span::before, .colourpalette .vertical dd span::after{left:auto;right:-5px;top:-9px}.colourpalette .vertical dd span::after{top:auto;bottom:-9px}.colourpalette .halfwidth dt{margin-bottom:3em}.colourpalette .horizontal dt, .colourpalette .horizontal dd{float:none}.colourpalette .accessibility-example{margin-bottom:2em}.colourpalette .accessibility-example dl{background:#eac5db}.colourpalette .accessibility-example p{font-size:1.125rem}.colourpalette .accessibility-example p:last-of-type{font-size:0.875rem;font-weight:bold}.aaa,.aa{display:inline-block;background:#3d403d;border-radius:20px;padding:0.25em 0.5em;color:#fff;font-weight:bold;font-size:85%;margin-right:0.5em}.aa{background-color:#fff;color:#646664}.signedoff{display:inline-block;width:26px;height:26px;background:#359791 url("/img/msmds/icon-tick.svg") no-repeat center;font-size:0;border-radius:13px;border:1px solid #fff;margin:1px 0 0 12px;position:absolute}.colourcodepicker p{cursor:pointer}.colourcodepicker p:last-of-type{display:none}.colourcodepicker div:hover p:first-of-type{display:none}.colourcodepicker div:hover p:last-of-type{display:block}.colourcodepicker div p{padding-top:0.5em}.colourcodepicker p em{font-style:normal;margin-top:15px;display:block;position:absolute;pointer-events:none;opacity:0;transition:opacity 0.25s;cursor:pointer}.colourcodepicker p.msg{font-weight:bold}.colourcodepicker p em::before{content:"";background:#fdffb1;position:absolute;top:-10px;left:calc(50% - 10px);display:block;width:20px;height:20px;transform:rotate(45deg)}.colourcodepicker p:hover em{opacity:1}.alias .colourcodepicker{visibility:hidden}.swatchdiscs{display:flex;flex-wrap:wrap}.swatchdiscs a{display:block;width:40px;height:40px;border-radius:20px;margin:0.75em 0.75em 0 0}.swatchdiscs.largenamed,.swatchdisc-colourratio{margin:3em 0;justify-content:center}.swatchdiscs.largenamed div{margin-right:2em;text-align:center;font-size:0.875rem;font-weight:bold}.swatchdiscs.largenamed div:last-of-type{margin-right:0}.swatchdiscs.largenamed a, .swatchdiscs.largenamed img{margin:1em auto}.swatchdiscs.largenamed a{width:70px;height:70px;border-radius:35px}.swatchdisc-colourratio{margin-left:3em}.swatchdisc-colourratio p{text-align:left;font-size:0.875rem;font-weight:bold}.swatchdisc-colourratio img{margin-top:1em;height:70px}.typography table{border-spacing:0;width:100%}.typography table h3{margin:0}.typography table tbody th, .typography table td{vertical-align:top;background:none}.typography table th{text-align:left;font-weight:normal;padding:1em 1em 1em 0;background:none}.typography table tbody th{font-size:125%}.typography table td p{margin:0}.typography table td p:nth-of-type(2){margin-top:0.5em}.typography table .prim{font-weight:700}.typography table .swatchdiscs a{margin-top:0;margin-bottom:0.5em}.typography-examples{margin-bottom:2em}.typography-examples p{max-width:510px}.typography-examples h2, .typography-examples h3{margin:0}.typography-examples .delta{margin-top:0.5em}.typography-examples article{margin-bottom:4rem}.typography-examples>div:last-of-type{border-top:1px solid rgba(0, 0, 0, 0.12)}.typography-examples a{text-decoration:underline;font-weight:bold}.typography-examples.lists .cols ul{margin-left:0}.typography-accessibility{background:#f7f5f9;padding:2em;margin-bottom:2em}.typography-accessibility div h3{text-align:center}.typography-accessibility div::before{content:"728px maximum width";display:block;position:absolute;background:#fff;padding:0.5em 1em;font-size:85%;font-weight:bold;box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.1);border-radius:8px;margin:auto;top:50px;left:0;right:0;width:12em;text-align:center}.typography-accessibility.lima div::before{content:"576px maximum width";}.typography-accessibility div{max-width:728px;margin:auto;position:relative}.typography-accessibility.lima div{max-width:576px}.typography-accessibility div img{margin:32px 0 24px}.typography-accessibility:last-of-type div{max-width:576px}.typography-accessibility:last-of-type div::before{content:"576px maximum width"}.typography-accessibility div p{max-width:none}.echo.introtext p{max-width:44em}.illustration .colours img{margin:auto}.illustration .hero-moodboard-layering{margin-bottom:6rem}.illustration .hero-moodboard-layering img{margin-top:4rem}.illustration .contentintro{padding-bottom:0}.visualisation-examples img{margin:0 -4%;width:108%;max-width:108%}.filter-example{margin-top:4rem}.filter-example .swatchdiscs{justify-content:center}.filter-example .arrow{text-align:center}.filter-example .arrow span{display:block;width:37px;height:37px;font-size:0;margin:1rem auto;background:url("/img/msmds/arrow-short.svg") no-repeat center}.dont-example{margin-bottom:6rem}h3+.dont-example{margin-top:4em}.dont-example h4{margin:0.5em 0 1em}.template-annotation>div>img{margin-top:1em}.annotation-container{position:relative}.annotation-container>div{position:absolute;overflow:auto;padding-right:1rem}.annotation-container > div[style^="top"] h3{margin-top:0}.annotation-container .basic-cols{margin-bottom:1em}.annotation-container h4{margin:2em 0 -0.5em}.annotation-container h4:first-of-type{margin-top:0}.annotation-container .basic-cols div:first-of-type{width:30%;height:0;padding-bottom:30%;margin-right:7%}.annotation-container .mandatory{background:#EFDBE6}.annotation-container .optional{background:#D9DBDC}.annotation-container .container{background:#fff;border:2px solid #BF4A8E}.annotation-container .basic-cols div:last-of-type{width:63%}.shadow-example{width:340px;height:340px;margin-top:2rem}.sidebar-content .content-statusmessage{margin-bottom:3em}.content-statusmessage.inprogress{background:#fcf3ea}.content-inlinemessage.warning{background:#FEFFD6 url("/img/msmds/icon-notification-warning.svg") no-repeat 32px center}.content-inlinemessage{border-radius:12px;padding:2em 4em 2em 126px;margin:3em 0}.content-inlinemessage h3{color:#3d403d;margin-bottom:-0.5em;max-width:600px}div.content-inlinemessage p{max-width:600px}.content-statusmessage>div{display:flex;justify-content:center;align-items:flex-start}.content-statusmessage h2{margin-top:0;line-height:32px}.content-statusmessage p{margin:0}.content-statusmessage img{margin-right:1em}.our-customers .persona.basic{margin:4em auto;text-align:center}.our-customers .persona.basic img{margin:auto}.page-content.logo img[alt="MSM logo"]{width:70%}.page-content.logo img[alt="Logo Min Size"]{margin-top:2em}.page-content.logo .favicon>div{display:block}.page-content.logo .favicon > div img[alt="Favicon"]{width:20%;margin-top:2em}.content-visual-language .arrowlink, .page-content.illustration .arrowlink{display:inline-block;margin-top:1em}.page-content.illustration .content-illustration-example div{position:relative;display:block}.page-content.illustration .content-illustration-example img{position:relative;width:35%;margin:0}.page-content.illustration .content-illustration-example div a>img{position:absolute;top:15%;left:21%;width:68%}.page-content.hero-illustration .hero-illustration-colours, .page-content.content-illustration .content-illustration-colours{display:flex;justify-content:center}.page-content.hero-illustration .swatchdiscs.largenamed > div:first-of-type, .page-content.content-illustration .swatchdiscs.largenamed:first-of-type{margin-right:4em}.page-content.content-illustration .swatchdiscs.largenamed{margin-bottom:0}.page-content.brand-icon .usehim p:nth-of-type(1){max-width:none;margin:3em auto}.page-content.brand-icon .block-stacked-image-blocks:not(.inline)>div>div>div{width:auto}.dodont strong{display:block;margin-bottom:-1em}.dodont strong:first-of-type::before{content:"✔";color:#359791;margin-right:0.5em}.dodont p:nth-last-child(2) strong::before{content:"✗";color:#e3596d;margin-right:0.5em}.threecs{text-align:center;padding:6em 0}.threecs h3{margin:0}.threecs strong p{margin-top:0}.threecs .innerwrapper .cols>div{background:#fff;box-shadow:0px 4px 20px rgba(61, 64, 61, 0.1);border-radius:8px;padding:105px 2em 2em;display:flex;flex-direction:column;justify-content:space-between;color:#646664;position:relative}.threecs p{text-align:center}.threecs strong{font-size:85%}.threecs img{position:absolute;top:32px;left:0;right:0;margin:auto}.contentsidebarview .introduction{padding-bottom:2em;border-bottom:1px solid #d8d9d8}.our-customers .branded.offset strong{display:block}.emotional-functional{text-align:center}.emotional-functional h2{text-transform:uppercase;position:relative;margin-top:0}.emotional-functional.explained h2{text-transform:none;margin-top:3em}.emotional-functional p{max-width:18em;margin-left:auto;margin-right:auto;position:relative}.emotional-functional.explained p{max-width:22em}.emotional-functional .btn{margin:1em auto 2em}.emotional-functional .cols div{position:relative;padding:5em}.emotional-functional.explained .cols div{padding:2em 5em 4em}.emotional-functional .emotional::before, .emotional-functional .functional::before{content:"";width:100%;height:100%;background:url("/img/msmds/trees-bg-dark.svg") no-repeat left bottom;background-size:70%;position:absolute;top:0;left:0}.emotional-functional .functional::before{background:url("/img/msmds/trees-bg-light.svg") no-repeat right bottom;background-size:70%}.adapting-title{margin-bottom:-3em}.margintop{margin:4em 0 0}.margintop2{margin:2em 0 0}.marginbottom{margin:0 0 3em}.margintopbottom{margin:2em 0 3em}picture.marginbottom,picture.margintopbottom{margin:0}.marginbottom3{margin-bottom:3em}.hasshadow{margin-left:-2%;margin-right:-2%;max-width:104%}.cols .hasshadow{margin-left:-4%;margin-right:-4%;max-width:108%}.photographykeywords{list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;max-width:38em}.photographykeywords li{margin:0.5em;padding:0.5em 1em;color:#674186;background-color:#f7f5f9;border-radius:4px;white-space:pre}.photographykeywords li::marker{content:none}.page-content.photography img[alt="Photography Filter"]{width:100%}.editing [contenteditable]:hover{outline:1px solid #ccc;position:relative}.editing [contenteditable]:hover::after{content:"EDIT";position:absolute;bottom:-1.9em;right:0;background:#fdffb1;color:#333;font-size:12px;letter-spacing:normal;font-weight:600;padding:0.25em 0.5em}.edit-icon{transition:color 0.5s}.editing .edit-icon{color:#fdffb1}.tip{padding:1em;font-weight:600;color:#333;background:#fdffb1;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,0.3)}.editmessage{position:fixed;top:3em;right:3em;width:10em;text-align:center;opacity:0;transition:all 0.5s;transform:translateY(-1em);cursor:pointer;pointer-events:none}.editmessage span{margin-left:1em}.editing .editmessage{opacity:1;transform:none;pointer-events:all}.editbar{background:rgba(0, 0, 0, 0.65);position:fixed;bottom:0;width:100%;padding:1em;text-align:center;transform:translateY(100%);transition:transform 0.5s}.editbar .btn:first-of-type{margin-right:1em}.editbar.active{transform:none}.alert,.alert-warning{border:0;margin:0;line-height:2;padding:1em;border-radius:8px;margin:2em 0;background:#e17555;color:#fff}.alert h2, .alert li::marker{color:#fff}.alert a, .alert-warning a{text-decoration:underline;color:#fff}.alert-error{background:#e3596d}.alert-success{background:#359791}.innerwrapper .alert .innerwrapper{padding:1em}.alert-subtle p{text-align:center;font-weight:600;font-size:24px;margin:10px 0;max-width:none}.alert-subtle p:before{position:relative;top:2px;font-family:"Glyphicons Halflings";font-size:24px;content:'';margin-right:10px}.alert h2{margin:0}.tpl-error, .tpl-error a, .tpl-error li::marker{color:red}.avatar{border-radius:100%}dl.preferences dd{margin-bottom:2em}.components .intro{text-align:center}.components .sections article{padding-bottom:1em}.separator{border-top:1px solid #d8d9d8;padding-top:1em;margin:2.5em 0 0.5em}.separator-bottom{border-bottom:1px solid #d8d9d8;padding-bottom:2em}.separator.nomargin-top{margin-top:0}.component-view p{max-width:33em}.component-view h4{font-size:1.375rem;margin:2em 0 0.5em}.component-view .expander h4{margin-top:0.5em}.component-view .basic-cols{justify-content:space-between;margin-bottom:2em}.component-view .grad{margin:0}.component-view small{opacity:0.7}.component-view .colourblock, .sidebar-content .colourblock{background:#f7f5f9;border:6px solid #f7f5f9;border-radius:12px}.component-view .colourblock.optional, .sidebar-content .colourblock.optional{background:none;border:6px dashed #eeecf1}.component-view .colourblock h4, .sidebar-content .colourblock h4{margin-top:0}.component-view .colourblock ol li::marker{font-weight:bold}.tipblock{padding:2em;text-align:center}.tipblock h4{margin:0}.tipblock p:last-of-type{margin-bottom:0}.component-intro{margin-top:10em;margin-bottom:5em;width:45%}.notcurrentwarning{background:#ffe5d4;border:2px solid #e17555;padding:1em 7em;border-radius:8px;text-align:center;margin:2em 0}.revisionhistory{border-spacing:0;border-collapse:collapse;font-size:90%;width:100%}.revisionhistory thead tr{background:#381A51;color:#fff}.revisionhistory tr:nth-of-type(even){background:#f7f5f9}.revisionhistory tr.viewing{background:#ebe8ee}.revisionhistory th, .revisionhistory td{padding:0.5em 2em;text-align:left}.revisionhistory a{color:#646664;font-weight:600;text-decoration:underline}.colourblock.revisions .basic-cols{flex-wrap:wrap;margin-bottom:0}.colourblock.revisions .basic-cols>p{margin:0}.colourblock.revisions .basic-cols .expander{width:100%}p.no-component-yet{font-size:0.875rem;font-weight:700;color:#8b8c8b;max-width:none;text-align:center;margin-bottom:2em}.storybook-variant-switcher{font-weight:700;text-align:right}.storybook-variant-switcher a{color:#646664;padding:0.875rem;display:inline-block;text-decoration:none;border-bottom:2px solid transparent;transition:border-color 0.25s}.storybook-variant-switcher a.active{color:#bf4a8e;border-bottom-color:#036}.storybook-variant-switcher a.fullscreen{background:url("/img/msmds/fullscreen.svg") no-repeat;background-size:1.125rem;cursor:pointer;font-size:0;display:inline-block}.storybook-iframe-wrapper{transition:all 0.25s;position:relative;margin-bottom:4em}.storybook-iframe-wrapper.loaded .loadspin.active{opacity:0}.storybook-fullscreen .tabscontainer{transform:none !important;transition:none}.storybook-fullscreen .storybook-iframe-wrapper{position:fixed;overflow:hidden}.storybook-iframe-wrapper .loadspin.active{opacity:0.75;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.storybook-iframe-wrapper.modal{transition:none}.storybook-iframe-wrapper.modal::after{content:"Responsive - drag corner to resize ↘";font-family:"MSM Primary","Arial Black",sans-serif;-webkit-font-smoothing:antialiased;font-weight:700;font-size:85%;display:block;background:red;color:#fff;position:absolute;bottom:1em;right:1.5em;padding:0.5em 1em;border-radius:10px;pointer-events:none;transition:opacity 0.25s}.storybook-iframe-wrapper.resized::after{opacity:0}.storybook-iframe-wrapper.modal iframe{height:100% !important}.storybook-iframe-wrapper iframe{width:100%;border:0;position:relative}.storybook-mobile iframe{width:100%;max-width:375px;margin:auto;display:block}.dragsizelabel{position:absolute;top:0;left:1em;display:none;font-weight:700}.storybook-fullscreen .dragsizelabel{display:block}.resources-cards{display:flex;flex-wrap:wrap}.resources-cards p{box-shadow:0 4px 20px 0 rgba(61, 64, 61, 0.1);margin-right:1rem;border-radius:10px;flex:1 1 0;text-align:center}.resources h3{margin-top:0}.resources-stacked p{margin:0 0 0 -0.5rem}.resources a{display:block;background:url("/img/msmds/sketch.svg") no-repeat 0.5rem;background-size:1.5rem;text-decoration:none;color:#bf4a8e;font-weight:600}.resources a.nolink{opacity:0.25;pointer-events:none}.resources-stacked a, .resources-inline a{padding:0.5rem 1.5rem 0.5rem 3rem;transition:background-color 0.2s;margin-right:1em;border-radius:8px}.resources-stacked a:hover, .resources-inline a:hover{background-color:#f4f5f7}.resources-inline p{display:inline-block}.resources .zeplin-web{background-image:url("/img/msmds/zeplin-web.svg")}.resources .zeplin{background-image:url("/img/msmds/zeplin.svg")}.resources .storybook{background-image:url("/img/msmds/storybook-vue.svg");background-position:0.6rem}.resources-cards a, .resources-cards .storybook{padding:6rem 1rem 2rem;background-position:50% 2rem;background-size:3rem}.components-template .statusblock{display:none}.modal-overlay{background:rgba(0,0,0,0.5);position:absolute;z-index:3;top:0;left:0;width:100%;height:100%}.modal-msg{position:fixed;z-index:4;top:40%;margin:auto;width:100%}.modal-msg .innerwrapper{width:40%;margin:auto;padding:25px;border-radius:5px;position:relative}.modal-close{background:url('/img/close-icon.svg') no-repeat left top;background-size:contain;display:block;width:30px;height:30px;position:absolute;right:-10px;top:-10px;text-indent:-10000px}.pager{margin:0 0 20px 0;text-align:center;font-size:85%;text-transform:uppercase}.pageritem{display:inline-block;margin-right:5px;font-weight:bold}.pageritem a{background:#fff}.pageritem span, .pageritem a{display:block;min-width:32px;height:32px;line-height:28px;font-size:16px;text-decoration:none;border:1px solid #ccc;border-radius:16px}.pageritem span{color:#999;border:1px solid transparent}.pageritem a:hover{background:#f0f0f0}.pageritem .pagerword{padding:0 15px}.jobcount{font-size:85%;color:#999;text-align:center;margin-bottom:2em}#pageroptions{text-align:center;clear:both}#pageroptions .question, #pageroptions label{display:inline;padding:0}#pageroptions label{margin-right:0.5em;color:#999;font-weight:normal;font-size:85%}#pageroptions .cqtext{margin-left:2em}.galleryitems .innerwrapper{padding:0}.galleryitems{margin:2em 0;display:flex;flex-wrap:wrap}.gallery-image img{display:block;margin:auto}.gallery-image .modalselect{position:relative}.gallery-image .modalselect:hover{border-radius:7px}.gallery-image .modalselect::after{content:attr(data-content);display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,0.65);border-radius:7px;opacity:0;transition:all 0.25s}.gallery-image .modalselect:hover::after{opacity:1}.gallery-image-details>p:last-of-type{color:#ccc}.gallery-image-details a{font-size:85%}.gallery-image-details .date, .galleryimagepage .date{font-size:85%;color:#999}.gallery .recycled{opacity:0.5}.gallery-bg-switcher .active{font-weight:500}.gallery-viewimage-container{background-color:#fff;position:relative;transition:all 0.25s}.gallery-viewimage-container::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-size:16px 16px;background-position:0 0, 8px 8px;background-image:linear-gradient(45deg, #d2d2d2 25%, transparent 25%, transparent 75%, #d2d2d2 75%, #d2d2d2), linear-gradient(45deg, #d2d2d2 25%, transparent 25%, transparent 75%, #d2d2d2 75%, #d2d2d2);transition:all 0.25s}.gallery-viewimage-container.black{background-color:#000}.gallery-viewimage-container.black::before,.gallery-viewimage-container.white::before{opacity:0}.gallery-viewimage-container img{margin:auto;position:relative}.formheading .innerwrapper{padding:0}.innerwrapper.formsubheading{padding:0}.formheading h1, .formsubheading h1{font-size:2.5rem;color:#674186}.gallery-copyid{cursor:pointer}.gallery-copyid p:last-of-type{display:none}.gallery-copyid:hover p:first-of-type{display:none}.gallery-copyid:hover p:last-of-type{display:block}#imageactions .formheading{display:none}.bulkimageactions{text-align:center}.bulkimageactions .question{display:inline-block;text-align:left}.bulkimageactions select{min-width:10em}.bulkimageactions .btn{padding:0.4em 1em}.exif dt{font-weight:bold}.dd-supported label{cursor:pointer;font-weight:normal;font-size:140%}#fileupload label span{font-weight:bold}.dd-supported #files{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}#fileupload .cqfile img{width:30%}#fileupload table{margin-bottom:1em;width:100%}#fileupload td{padding-bottom:0.5em}#fileupload table a{cursor:pointer}#fileupload #progress{width:50%;height:2em;position:relative;border:1px solid #ccc;border-radius:5px;background:#efecf2;overflow:hidden;display:none}#fileupload.is-uploading #progress{display:block}#fileupload #progress div{background:#0070c9;width:0;height:100%;transition:width 0.25s}#fileupload #progress span{display:block;width:4em;position:absolute;top:0;left:0;right:0;margin:auto;line-height:2em;text-align:center;text-shadow:2px 2px #fff}.is-uploading .cqfile{pointer-events:none;opacity:0.5}.dd-supported .cqfile{background-color:white;outline:2px dashed #ccc;padding:8em 2em;text-align:center;margin-bottom:2em}.dd-supported .helptext{margin:auto}.is-dragover .cqfile{background:#efecf2}.cqfile .loadspin{opacity:0;transition:opacity 0.5s;position:absolute;left:0;right:0;margin:auto}.is-uploading .loadspin{opacity:1}.loadspin{display:inline-block;position:relative;width:80px;height:80px}.loadspin.central{position:fixed;box-sizing:content-box;top:0;right:0;bottom:0;left:0;margin:auto;background:rgba(1, 1, 1, 0.8);border-radius:10px;padding:10px;pointer-events:none;opacity:0;transition:all 0.25s}.loadspin.active{opacity:1}.loadspin div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #bf4a8e;border-radius:50%;animation:loadspin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#bf4a8e transparent transparent transparent}.loadspin.central div{border-color:#027bdf transparent transparent transparent}.loadspin div:nth-child(1){animation-delay:-0.45s}.loadspin div:nth-child(2){animation-delay:-0.3s}.loadspin div:nth-child(3){animation-delay:-0.15s}@keyframes loadspin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.videolink{font-family:"MSM Primary";font-size:14px;line-height:2.6;font-weight:500;color:#0070c9;margin:40px 0;display:block;background:url("/img/icon-play.svg") no-repeat;background-size:36px;padding-left:48px}.video-overlay{position:fixed;left:0;top:0;z-index:2000;width:100%;height:100%;background:rgba(0, 0, 0, 1);opacity:0;transition:opacity 0.5s;pointer-events:none}.video-overlay-active{opacity:1;pointer-events:all}.youtube-wrapper{position:relative;top:50%;transform:translateY(-50%);padding-bottom:56.25%;height:0;transition:opacity 3s}.youtube-wrapper iframe, .youtube-inline iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.youtube-inline{position:relative;padding-bottom:56.25%;height:0}.player-close{width:70px;height:70px;position:absolute;top:0;right:1vw;padding:2vw;z-index:2006;box-sizing:content-box}.player-close svg{width:100%;height:100%}.player-close-fill{fill:#fff}.tabwrapper{overflow:hidden;padding:1em 0 3em}.tabscontainer{display:flex;align-items:flex-start;transition:transform 0.25s, height 0.25s}.tab-active{display:block}table.tab-active{display:table}ul.tabs, ul.tabs li{list-style-type:none;margin:0;padding:0}ul.tabs{display:flex;justify-content:center;padding-bottom:1.5em;border-bottom:2px solid #d8d9d8}ul.tabs li::marker{content:none}.sidebar li{padding-left:0;margin-bottom:0}.sidebar li.sub{margin-left:1em}ul.tabs a{cursor:pointer;display:block;padding:1em 2em;color:#646664;text-decoration:none}ul.tabs a::after{content:"";display:block;width:100%;height:2px;margin-top:0.8em;background-image:linear-gradient(90deg, #776fb1 -3%, #b0117d 86%);opacity:0;transform:scaleX(0.75);transition:all 0.25s}ul.tabs a.active::after, ul.tabs a:hover::after{opacity:1;transform:none}ul.tabs a.active, ul.tabs a.active:hover{color:#bf4a8e;pointer-events:none}.tabs.tagfilter{border:none}.icon:not(ul){background:#fff url('/img/msmds/icon-star.svg') no-repeat left center;padding-left:38px}.icon.icon24{padding-left:28px}.icon.icon-password-or-show{background-image:url('/img/msmds/icons/utility/colour/outlined/32/password-or-show_tick_utility_colour_outlined_32.svg')}.icon24.icon-password-or-show{background-image:url('/img/msmds/icons/utility/colour/outlined/24/password-or-show_tick_utility_colour_outlined_24.svg')}.adapting-our-tone .block-background-heading{text-align:center}.adapting-our-tone .block-background-heading h2, .adapting-our-tone .block-background-heading p{margin-left:auto;margin-right:auto}.persona-tonetip{padding:2em}.persona-tonetip:nth-of-type(odd){background:#f4f1f6}.persona-tonetip:nth-of-type(even){background:#faf9fb}.iconlist{display:flex;flex-wrap:wrap;margin:auto}.iconlist.spaced{justify-content:space-between}.iconlist.spaced+h3.separator{margin-top:1em}.iconlist div,.iconlist-item{display:flex;align-items:center;margin:0 2em 2em 0}.iconlist div p, .iconlist-item p{margin:0}.iconlist div img, .iconlist-item img{margin-right:2em}.iconlist32 div img{width:32px;height:32px}.iconlist-download-header{align-items:center;margin-bottom:2em}.emotional .iconlist-download-header .btn{color:#fff;border-color:#fff}.emotional .iconlist-download-header .btn:hover{border-width:4px;margin:-1px}.iconlist-download-header h4{margin:0}.iconlist-download-header p{margin-left:auto}.iconstrokes{margin:2em 0}.iconstrokes > div p{max-width:16em;margin-left:auto;margin-right:auto}.iconstrokes img{margin:auto}.sidebar-content .icon-dodont .cols{margin:2.5em 0 0;padding:0}.sidebar-content .icon-dodont{margin-top:0}.sidebar-content p+.icon-dodont{margin-top:4em}.block-dodont h4, .icon-dodont h4{color:#3d403d;margin:0 0 1.5em;text-align:left;display:flex;align-items:center}.icon-dodont h4{justify-content:center}.block-dodont h4::before, .icon-dodont h4::before{content:"";display:block;width:32px;height:32px;margin-right:0.5em;background-image:url('/img/msmds/icon-tick-circle-mint.svg')}.block-dodont h4.dont::before, .icon-dodont h4.dont::before{background-image:url('/img/msmds/icon-cross-circle-coral.svg')}.sidebar-content .icon-dodont .cols>div{background:#fff;padding:2.5em;border-radius:10px;box-shadow:0 2px 10px 4px rgba(41, 16, 70, 0.03);text-align:center}.sidebar-content .icon-dodont .cols>div:last-of-type{padding-left:2.5em}.sidebar-content .icon-dodont .cols>div:first-of-type{padding-right:2.5em}.sidebar-content .icon-dodont .cols>div>div{display:flex;justify-content:center}.sidebar-content .icon-dodont .cols>div>div>div{margin:0 1em}.icon-dodont .cols > div img{margin:auto}.icon-dodont .cols > div p{font-weight:bold;color:#674186}.iconsizes{margin-top:4em}.iconsizes img{margin:auto}.iconsizes h4{text-align:center}.iconsizes p{text-align:center;margin:-1em 0 4em}.utility-icons .colourblock>img{margin-left:-24px;margin-right:-24px;max-width:calc(100%+48px)}.iconblock-indented{display:flex}.iconblock-indented div:first-of-type{margin-right:1em;width:50px;flex-shrink:0}.iconblock-indented h3{margin:0;color:#3d403d;line-height:40px}.block-dodont{background-color:#eaf8f5;padding:1.5em;margin:2em 0 0;border-radius:10px}.block-dodont.dont{background-color:#ffedee}.block-dodont+h4,.block-dodont+p{clear:both;padding-top:2em}.tag-assets dl{overflow:auto}.tag-assets dt, .tag-assets dd{width:50%;float:left;line-height:30px}.tag-assets dd{margin:0;text-align:right;font-style:italic;font-size:14px}.tag-assets dt a{text-decoration:none;font-weight:bold}.logo-container{background:#f7f5f9;padding:8% 27%}.logo-container.whitelogo{background:#036}.download-logo-white .logo-container{background:#54366E}.inpagelinks{border-left:16px solid #faf9fb;padding:1em}.inpagelinks p{margin:0}.inpagelinks a{text-decoration:none}.inpagelinks ul{padding:0;margin:1em 0 0;list-style-type:none}.inpagelinks ul li{padding:0;margin:0}.inpagelinks ul li a{display:inline-block;padding:0.25em 0}.inpagelinks ul li::marker{content:none}@media (max-width: 767px){body{overflow-x:hidden}input,select,textarea,.textarea-grower::after{width:100%}.inset input{width:auto}.alfa{font-size:2.5rem;line-height:3rem}.bravo{font-size:2rem;line-height:2.5rem}.charlie{font-size:1.375rem;line-height:1.875rem}.delta{font-size:1.125rem;line-height:1.625rem}.sidebar{display:none}.innerwrapper,.cols>div{padding:24px}.sitelogo{width:23vw;height:10vw;max-width:85px;max-height:40px;position:absolute;top:14px;left:0;right:0;margin:auto}header h1{margin-top:1em;font-size:2em}.statusbar-icon{position:absolute;top:22px;right:24px;cursor:pointer;font-size:18px;line-height:18px}.statusbar{position:fixed;width:75vw;height:100%;right:0;transform:translateX(100%);transition:transform 0.25s;box-shadow:inset 10px -20px 30px rgba(0, 0, 0, 0.5)}body.statusbar-active .pagewrapper{transform:translateX(-75vw)}.notifications-icon strong{transform:translate(-16px, 4px)}.loginstatus li > span, .loginstatus a{display:block;padding:0.5em 2em}.loginstatus a{border-top:2px solid rgba(255, 255, 255 , 0.2)}.loginstatus .glyphicon{margin-right:0.5em}.testsite .content{margin-top:30px}.testsite .sitelogo{top:44px}.testsite .statusbar-icon{top:52px}.testsite .statusbar::before{left:-100vw;width:100vw}nav{padding:2em 4em}nav>ul>li{margin-bottom:1em}nav h2 a{display:block}nav ul ul{margin-top:0.5em}.nav-toggle-inpage{width:2em}.nav-toggle-inpage p{display:none}.innerwrapper .loginorregister,form#forgotpassword,form#createaccount,#updateaccount,#changepassword{margin-top:3em;padding:24px}.loginorregister>div:last-of-type{margin-top:3em}#user_email{width:100%}.home{background-size:600%}.sections article,.gallery-image{padding:2em;margin-bottom:2em}.sections article.placeholder{display:none}.sections article img{margin:auto;width:30%}.toc.our-behaviours article img, .toc.wallet article img, .sections.edge article img, .galleryitems .innerwrapper img{max-width:none;width:calc(100% + 4em);margin:-2em -2em 1em}.toc.our-behaviours .sections article img, .toc.wallet .sections article img, .components .sections.edge article img{margin-top:0}.block-basic:not(.nopadding),.block-title:not(.nopadding){padding:2em 0}.block-basic.nopadding-top,.block-title.nopadding-top{padding-top:0}.block-basic.nopadding-bottom,.block-title.nopadding-bottom{padding-bottom:0}.block-background-heading{padding-bottom:80vw}.our-customers .block-background-heading{padding-bottom:65vw;background:#0b193f}.how-we-speak .block-background-heading{padding-bottom:70vw;background:#162859}.adapting-our-tone .block-background-heading{padding-bottom:60vw;background:#162859}.block-background-heading>img,.block-background-heading>picture>img{max-width:none;margin:0 -15vw}.how-we-speak .block-background-heading img{margin-left:-60vw}.purpose-statement{margin:4em 2em}.clarity-control>div>div:first-of-type{padding:24px}.clarity-control p{margin:3em 0}.layersofcalm .cols div{padding:24px}.two-col-list ul:first-of-type, .two-col-list ol:first-of-type{border-bottom:3px solid #674186;margin-bottom:4em}.persona-tonetips>img{display:none}.persona img, .persona-tonetip img{margin:auto;width:50%}.colourpalette .gradient{margin-bottom:1em}.typography table tr{display:flex;flex-direction:column;border-bottom:1px solid #d8d9d8;padding:1em 0 2em}.typography table thead{display:none}.typography table tbody th{margin-top:2em}.typography table tr:first-of-type th{margin-top:0;padding-top:0}.typography table tbody td{padding-bottom:1em}.typography table tbody td::before{font-size:85%;opacity:0.5;display:block}.typography table tbody td:nth-of-type(2)::before{content:"Font size / line height"}.typography table tbody td:nth-of-type(3)::before{content:"Colour"}.typography table tbody td:nth-of-type(4)::before{content:"Use for"}.typography-examples > div:first-of-type h3{margin-bottom:0.5em}.typography-examples>div:last-of-type{padding-top:1em}.swatchdiscs{margin-top:0.5em}.swatchdiscs a{width:16px;height:16px}.category-imagery picture img{margin-top:2rem}.filter-example div{margin:2rem 0}.filter-example .arrow span{transform:rotate(90deg)}.dont-example > div:first-of-type img{margin:auto}.dont-example > div:last-of-type img{margin-bottom:2em}.branded .twocol > div, .branded .cols>div{margin-bottom:2em}.branded .twocol:last-of-type>div:last-of-type{margin-bottom:4em}.block-stacked-image-blocks{padding-top:3em}.block-stacked-image-blocks>div>div>div{padding:1em 2em}.block-stacked-image-blocks>div>div:last-of-type{margin-bottom:0}.block-background-heading + section .innerwrapper{position:relative;margin-top:-26vw}.how-we-speak .block-background-heading + section .innerwrapper{margin-top:0}.our-brand .emotional .sideimage{display:flex;flex-direction:row-reverse}.our-brand .emotional .sideimage>div:first-of-type{width:75%}.our-brand .emotional .sideimage>div:last-of-type{width:25%}.sideimage div img[alt="Illustration Superhero Phone"]{margin-left:-20%;max-width:120%}.threecs .innerwrapper .cols>div{margin-bottom:32px}.block-title.branded:not(.nopadding){padding-bottom:20vw}.imageoverlap .innerwrapper>img{margin-top:-4em;width:30%}.how-we-speak .icontitles .innerwrapper > img, .how-we-act .nightscene .innerwrapper > div> img, .how-we-act .purplewaves .innerwrapper>div>img{width:50%;margin-top:2em}.how-we-speak .block-basic + .icontitles .innerwrapper>img{margin-top:-2em}.how-we-act .nightscene .innerwrapper, .how-we-act .purplewaves .innerwrapper{margin-top:-30vw}.tonecanvas h3{text-align:center}.tonecanvas table, .tonecanvas table thead, .tonecanvas table tbody, .tonecanvas table tr, .tonecanvas table td{display:block}.tonecanvas table td{margin-bottom:5px}.tonecanvas table tr:first-of-type td:first-of-type{border-radius:10px 10px 0 0}.tonecanvas table tr:last-of-type td:last-of-type{border-radius:0 0 10px 10px}.tonecanvas .prim img{width:25%}.tonecanvas h3::before{width:30px;height:30px;line-height:30px;font-size:17px}.how-we-act .nightscene{padding-bottom:6em}.iconlist div{width:calc(50% - 2em)}.iconlist.paired div{width:100%;margin-right:0;justify-content:center}.iconlist.spaced img{margin:1.5em}.iconsizes>div{max-width:70%;margin:0 auto 6em}.iconstrokes>div{margin-bottom:4em}.sidebar-content .icon-dodont .cols>div:first-of-type{margin-bottom:2.5em}.component-view .colourblock, .sidebar-content .colourblock{padding:1.5em;margin:1em 0}.bustout{margin:0 -24px;padding:24px}.bustout.curvewavebottom{padding-bottom:30vw}.bustright img{width:50%;margin:2em auto}}@media (min-width: 768px){.innerwrapper,.cols>div{padding:32px}.sitelogo{width:80px;height:80px;float:right}header{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:-16px;margin-bottom:-16px}.content-shapeheader header{margin-bottom:3em}.cols,.basic-cols{display:flex}.cols>div{width:50%}.threecols .cols>div{width:auto;flex:1 1 0}.sidebar-container{display:flex}.sidebar-content{width:calc(100% - 284px)}.sidebar-content .cols>div:first-of-type{padding-right:32px}.sidebar-content .cols>div:last-of-type{padding-left:32px}.sidebar-content .cols.left>div:first-of-type{padding:0 0 0 32px}.sidebar-content .cols.left>div:last-of-type{padding:0 32px 0}.sidebar-content .cols{padding-left:64px;margin-left:-64px;padding-right:64px;margin-right:-64px}.cols.nopadding div{padding-top:0;padding-bottom:0}.cols-twothirds>div,.cols-twothirds.reverse>div:last-of-type,.cols-twothirds.wideleft>div:last-of-type{width:30%}.cols-twothirds>div:last-of-type,.cols-twothirds.reverse>div,.cols-twothirds.wideleft>div{width:70%}.innerwrapper .cols-3>div{width:calc(33.3% - 43px);padding:0;margin-right:64px}.innerwrapper .cols-3 > div h4{margin:0.5em 0 0}.innerwrapper .cols-3>div:last-of-type{margin-right:0}.cols.reverse{flex-direction:row-reverse}.testsite .statusbar{margin-top:30px}.statusbar-icon{display:none}.statusbar{text-align:right}.loginstatus{font-size:85%}.loginstatus li{display:inline}.loginstatus li:first-of-type{margin-right:1em}.loginstatus a{border-left:2px solid rgba(255, 255, 255 , 0.2)}.loginstatus a[title="Login"] span:first-of-type, .loginstatus a[title="Logout"] span:first-of-type, .loginstatus a[title="My Account"] span:first-of-type, .loginstatus a[title="Gallery"] span:first-of-type, .loginstatus a[title="Management"] span:first-of-type, .loginstatus a[title="Edit mode"] span:last-of-type, .loginstatus a[title="Search"] span:last-of-type, .loginstatus a[title="Notifications"] span:last-of-type{display:none}footer .contact{display:flex;justify-content:space-between}nav{padding:0 2em 3em 3em}nav>ul>li{margin:2.5em 0}.loginorregister > div, #changepassword fieldset{padding-right:3em;width:50%}.loginorregister>div:last-child,#changepassword>fieldset:last-child{border-left:1px solid #ccc;padding:0 0 0 3em}.innerwrapper .loginorregister,form#forgotpassword,form#createaccount,#updateaccount,#changepassword{flex-direction:row;padding:3em;text-align:left;margin-top:6em}.home{background-size:200%}.home h1, .toc h1{max-width:75%}.home .sections article img{max-height:120px}.halftabs-container>div{width:calc(50% - 2em)}.halftabs-container>div:first-of-type{margin-right:4em}.sections, .galleryitems .innerwrapper{display:flex;justify-content:space-between}.galleryitems .innerwrapper{flex-wrap:wrap}.sections article,.gallery-image{padding:3.2em 2em;margin:0 2em 4em 0}.gallery-image{padding-bottom:0}.sections article{flex:1 1 0}.sections article.placeholder{visibility:hidden}.gallery-image{width:23%;margin-right:0}.sections article:last-of-type,.gallery-image:last-of-type{margin-right:0}.sections article img{margin:0 auto 3em}.toc.our-behaviours article > a:first-of-type, .toc.wallet article > a:first-of-type, .sections.edge article>a:first-of-type,.gallery-image>a{display:block;max-width:none;width:calc(100% + 4em);height:0;overflow:hidden;padding-bottom:77.7%;margin:-4em -2em 1em}.toc.our-behaviours article.nocover > a:first-of-type, .toc.wallet article.nocover > a:first-of-type, .sections.edge article.nocover>a:first-of-type{padding-bottom:1em}.searchresults .basic-cols>div:first-of-type{width:14em;margin-right:94px}.content-info p{display:inline-block;margin:0}.content-info p:nth-of-type(2){margin:0 2em}.purpose-statement{margin:4em 2em;font-size:125%}.purpose-statement p{margin:auto}.clarity-control{display:flex}.clarity-control>div{width:50%}.clarity-control>div>div:first-of-type{padding:24px}.clarity-control p{margin:3em 2em 5em}.clarity-control > div:last-of-type p{margin-bottom:0}.fonts .prim, .fonts .opensans{font-size:24px}.layersofcalm .cols div{padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.layersofcalm .cols div p{display:flex;height:100%;align-items:center;justify-content:center;margin-bottom:2em}.block-basic:not(.multiwavebottom),.block-title:not(.multiwavebottom){padding:6em 0}.block-basic.nopadding,.block-title.nopadding{padding:0}.block-title.multiwavebottom{padding-top:6em}.block-basic.nopadding-top,.block-title.nopadding-top{padding-top:0}.block-basic.nopadding-bottom,.block-title.nopadding-bottom{padding-bottom:0}.block-title.multiwavebottom+section.usehim{padding-top:20vw}.how-we-speak .block-title.branded+section{padding-top:6em}.block-title>div>div{display:flex;flex-wrap:wrap}.block-title dl{font-family:"MSM Primary","Arial Black",sans-serif;-webkit-font-smoothing:antialiased;width:35%;margin:2em 7.5%}.block-stacked-image-blocks:not(.inline)>div>div{flex-wrap:unset;max-width:800px;margin-left:auto;margin-right:auto}.block-background-heading{padding-bottom:32vw}.block-background-heading h2{max-width:9em;margin:1.5em 0 1em}.adapting-our-tone .block-background-heading h2{max-width:13em;margin-top:6vw}.block-background-heading > .innerwrapper p{max-width:24em}.our-customers .block-background-heading{padding-bottom:26vw;background-color:#0f1c44}.how-we-speak .block-background-heading{padding-bottom:20vw;background-color:#162859}.block-background-heading + section .innerwrapper{position:relative;margin-top:-13em}.how-we-speak .block-background-heading + section .innerwrapper{position:relative;margin-top:-6em}.block-background-heading + section h2{max-width:19em}.two-col-list ul, .two-col-list ol{flex:1 1 0;margin:2em 4em}.two-col-list ul:first-of-type, .two-col-list ol:first-of-type{border-right:3px solid #674186;margin-right:0;padding-right:4em}.phoneexamples div div{flex-wrap:nowrap}.phoneexamples img{margin:2em auto 0}.phoneexamples img[alt="Arrow"]{width:80%;margin-top:2em}.personas,.persona-tonetips{display:flex;flex-wrap:wrap}.persona{width:80%;margin-right:20%;margin-bottom:4em}.persona:nth-child(even){margin-right:0}.persona-tonetip{width:25%;display:flex;flex-flow:wrap}.persona-tonetips>img{margin-top:-1%;margin-bottom:5em}.persona-tonetip img{width:75%;margin:auto}.persona h3{margin:2em 0 1em}.persona img{margin-bottom:4em}.twocol div{flex:1 1 0;text-align:left;margin-right:15%}.twocol div:last-of-type{margin-right:0}.fullwidth-image-block{display:flex;padding:4em 0}.fullwidth-image-block:nth-of-type(odd){flex-direction:row-reverse}.fullwidth-image-block>div{width:50%}.colourpalette-category{display:flex;margin-bottom:6em}.colourpalette-category.cols-2>div{width:calc(50% - 8px);margin-right:16px}.colourpalette-category.cols-2>div:nth-child(2n){margin-right:0}.colourpalette-mastercolour{display:flex;flex-direction:column}.colourpalette-category.cols-3>div{width:calc(33.3% - 10.66px);margin-right:16px}.colourpalette-category.cols-3>div:nth-child(3n){margin-right:0}.colourpalette-mastercolour.primary,.colourpalette-mastercolour.charcoal{flex-direction:row;width:100%;flex-wrap:wrap}.sidebar-container .cols-4 > div, .colourpalette-category.cols-4 > div, .colourpalette-mastercolour.primary dl, .colourpalette-mastercolour.charcoal dl{width:calc(25% - 12px);margin-right:16px}.sidebar-container .cols-4 > div:nth-child(4n), .colourpalette-category.cols-4 > div:nth-child(4n), .colourpalette-mastercolour.primary dl:nth-child(4n), .colourpalette-mastercolour.charcoal dl:nth-child(4n){margin-right:0}.typography .echo{max-width:32em}.typography .innerwrapper>.separator:first-of-type{margin-top:2.5em}.typography table{margin-top:4em}.typography table h3{border-top:1px solid #d8d9d8;padding-top:1.5em}.typography table tbody th{padding-bottom:0}.typography table td{padding:3rem 3rem 3rem 0}.typography-examples{display:flex}.typography-examples>div{width:25%;padding-top:1.5rem}.typography-examples>div:last-of-type{width:75%}.typography-examples.lists .cols ul:last-of-type{width:33%;margin-left:2.5em}.logo .logos{display:flex}.logo .logos img{margin-right:1.5rem;width:calc(33.3% - 1rem)}.logo .logos img:last-child{margin-right:0}.animated-illustration-examples{display:flex;align-items:center}.animated-illustration-examples img{max-width:340px;margin-right:2rem}.visualisation-examples{display:flex;flex-wrap:wrap;margin:0 -1.4%}.visualisation-examples img{width:33.3%;margin:0}.category-imagery picture img{margin-top:6rem}.filter-example{display:flex;align-items:center;max-width:1000px;margin-left:auto;margin-right:auto}.filter-example>div:nth-of-type(1),.filter-example>div:nth-of-type(3){width:40%}.filter-example>div:nth-of-type(2){width:20%}.filter-example .swatchdiscs{display:block;width:32px;margin:auto}.dont-example>div:first-of-type{width:25%}.dont-example>div:last-of-type{display:flex;width:100%}.dont-example > div:last-of-type picture{margin-right:2rem;width:calc(33.3% - 2rem)}.dont-example > div:last-of-type picture:last-of-type{margin-right:0}.image-explain,.template-annotation{display:flex}.image-explain>div:first-of-type{width:65%;margin:0 5% 0 0;border-top:1px solid #d8d9d8;padding-top:1em}.image-explain>div:last-of-type{width:30%}.image-explain.left{flex-direction:row-reverse}.image-explain.left>div:first-of-type{margin:0 0 0 5%}.template-annotation{flex-direction:row-reverse}.template-annotation>div:first-of-type{width:30%;margin:0 0 0 5%}.template-annotation>div:last-of-type{width:65%}.sideimage h2, .sideimage h3, .sideimage h4{margin-top:0}.sideimage div:last-of-type{display:flex;align-items:center}.sideimage div:last-of-type img{margin:auto}.sideimage.left{flex-direction:row-reverse}.content-illustration-examples-situ{display:flex}.content-illustration-examples-scaling,.content-illustration-examples-notification{display:flex;margin-top:3em;align-items:flex-end}.content-illustration-examples-scaling div:not(:last-of-type){margin-right:10%}.content-illustration-examples-scaling div p{font-weight:bold;font-size:0.875rem;text-align:center}.content-illustration-examples-notification{width:650px;justify-content:center;margin-left:auto;margin-right:auto;flex-wrap:wrap}.our-brand .block-title.branded{padding-bottom:26vw}.branded .twocol > div, .branded .cols>div{margin-right:32px;margin-bottom:32px}.branded .twocol > div:last-of-type, .branded .cols>div:last-of-type{margin-right:0}.block-stacked-image-blocks:not(.inline)>div>div>div{padding:1em 6em 1em 2em;width:75%}.block-stacked-image-blocks:not(.inline)>div>div:last-of-type{margin-bottom:-3em}.block-title.offset .twocol{width:calc(50% - 16px);float:left;display:block;margin-right:16px;margin-top:2em}.block-title.offset .twocol:last-of-type{margin:2em 0 3em 16px;padding-top:32px}.block-title.white.offset .twocol:last-of-type{padding-top:0}.block-title.white.offset .twocol:first-of-type{padding-top:32px}.block-title.offset .twocol>div{width:100%;margin-right:0}.offset+.curvetopwhite{border-top:4em solid #fff}.offset+section{clear:both}.sideimage div img[alt="Illustration Superhero Phone"]{margin-left:-20%;max-width:120%}.sideimage div img[alt="Illustration Superhero Phone Flipped"]{max-width:120%}.brand-icon section .innerwrapper, .our-brand section .innerwrapper, .our-customers section .innerwrapper, .our-brand section .innerwrapper, .our-brand section.threecs .innerwrapper, .how-we-speak section .innerwrapper, .how-we-act section .innerwrapper, .adapting-our-tone section .innerwrapper{max-width:1024px;margin-left:auto;margin-right:auto;padding:32px 64px}.narrow .innerwrapper, .our-brand .emotional .innerwrapper, .how-we-speak .narrow .innerwrapper, .how-we-act .narrow .innerwrapper{max-width:704px;margin:auto}.our-brand .emotional .block-title:first-of-type .innerwrapper{padding-bottom:16px}.our-brand .emotional .sideimage:first-of-type{padding-top:1em}.adapting-our-tone .block-background-heading{padding-bottom:28vw}.threecs .innerwrapper .cols>div{margin-right:32px;width:calc(33.3% - 22px)}.threecs .innerwrapper .cols>div:last-of-type{margin-right:0}.imageoverlap .innerwrapper>img{margin-top:-8em}.imageoverlap>.innerwrapper>h2+img{margin-top:2em}.how-we-act section:last-of-type{padding-bottom:5em}.how-we-act .nightscene .innerwrapper, .how-we-act .purplewaves .innerwrapper{margin-top:-10em}.tonecanvas tbody:first-child tr:first-child td:first-child{border-radius:10px 0 0 0}.tonecanvas tbody:first-child tr:first-child td:last-child{border-radius:0 10px 0 0;width:33.3%}.tonecanvas td[rowspan="2"][colspan="2"]{border-radius:0 0 10px 0}.tonecanvas tbody:last-child tr:last-child td:first-child{border-radius:0 0 0 10px;width:33.3%}.tonecanvas h3::before{width:67px;height:72px;line-height:72px;font-size:36px}.adapting-our-tone .block-background-heading > .innerwrapper p{max-width:37em}.adapting-our-tone .emofunc-lists .innerwrapper{padding-top:0}.how-we-act .nightscene{padding-bottom:12em}.iconlist div{width:calc(33.33% - 2em)}.iconlist.paired{padding:0 12%}.iconlist.paired div{width:auto;margin:0}.iconlist.paired div img:last-of-type{margin-right:0}.innerwrapper>.iconlist.spaced:not(.paired){padding:0 1em}.colourblock .iconlist.spaced{margin:2em}.icon-specs h4.icon{margin-left:-38px}.icon-specs h4.icon24{margin-left:-28px}.sidebar-content .icon-dodont .cols>div:first-of-type{margin-right:2.5em}.iconsizes>div{margin:0 32px;width:33.3%}.iconsizes > div > div:first-of-type picture{display:flex;min-height:168px}.iconsizes > div > div:last-of-type picture{display:flex;min-height:56px}.utility-icons .iconsizes > div > div:first-of-type picture{min-height:96px}.iconcolours{display:flex;margin-left:2.5em}.iconcolours>div:first-of-type{margin-right:8em}.iconcolours .swatchdiscs div{max-width:110px}.utility-icon-colour{display:flex}.utility-icon-colour .swatchdiscs{margin:0;width:30%}.utility-icon-colour .basic-cols{width:70%;justify-content:space-around}.utility-icon-colour .basic-cols div div:last-of-type{margin-bottom:0}.utility-icons .swatchdiscs{justify-content:space-around}.brand-icons .bustout img{margin:4em 2.5em 3em}.bustout{margin:5em -64px 0 -412px;padding:3em 64px 6em 412px}.bustout.curvewavebottom{padding-bottom:30vw}.bustright img{position:absolute;right:-12px;bottom:-20px;max-width:16vw;max-height:340px}.component-view .colourblock, .sidebar-content .colourblock{padding:2em;margin:3em 0}.colourblock.revisions{margin-top:1em}.component-view .colourblock.bustright, .sidebar-content .colourblock.bustright{position:relative;margin-bottom:8em}.component-view .colourblock.bustright:first-of-type, .sidebar-content .colourblock.bustright:first-of-type{margin-top:3em;background:red}.component-view .colourblock.bustright p, .sidebar-content .colourblock.bustright p, .component-view .colourblock.bustright ul, .sidebar-content .colourblock.bustright ul{max-width:75%}.resources-stacked{white-space:nowrap;margin-left:96px}.block-dodont{float:left;width:calc(50% - 2em)}.block-dodont:nth-of-type(even){margin-right:4em}.margintop{margin:4em 0 0}.margintop2{margin:2em 0 0}.marginbottom{margin:0 0 6em}.margintopbottom{margin:2em 0 6em}.marginbottom3{margin-bottom:3em}}@media (min-width: 768px) and (max-width: 1200px){.block-background-heading + section .innerwrapper{margin-top:-19vw}.block-background-heading h2{margin:0.5em 0}.our-customers .block-background-heading{padding-bottom:20vw}.block-background-heading > .innerwrapper p{max-width:20em}.loginstatus a[title="Management"] span:first-of-type{display:inline}.loginstatus a[title="Management"] span:last-of-type{display:none}}@media (min-width: 1000px){.content{max-width:1676px;margin:0 auto}.innerwrapper{padding:32px 64px}.modalcontent .innerwrapper{padding:8px}.home{background-size:150%}.gallery-image{width:23%}}@media (min-width: 1400px){.innerwrapper{padding:32px 128px}.home{background-size:100%}.content-shapeheader{background-size:100% 22em}.purpose-statement{margin:4em 2em;font-size:200%}.block-background-heading{padding-bottom:38em}.our-brand .block-title.branded{padding-bottom:17em}.adapting-our-tone .block-background-heading{padding-bottom:32em}.bustout{margin-right:-128px;padding-right:128px}}