.guide-sequence-wrap{padding:0 6vw;margin-bottom:45px}.use-guide .guide-sequence-wrap{max-width:none}.updating-page{max-width:1000px;margin:auto;padding:100px 6vw 90px;min-height:55vh}.update-label{display:inline-block;background:#be1818;color:white;padding:8px 20px;transform:rotate(-2deg)}.updating-page .pop-cta,.colours-page .pop-cta,.colour-discovery{display:inline-block;padding:15px 24px;background:#be1818;color:#fff;text-decoration:none;border:1px solid #be1818;box-shadow:4px 4px 0 white,5px 5px 0 #be1818}.colour-discovery{margin-top:24px;font-size:16px}.colour-discovery:hover,.colours-page a:hover,.updating-page a:hover{text-decoration:underline;text-underline-offset:4px}.colours-page a:focus-visible,.updating-page a:focus-visible{outline:3px solid #be1818;outline-offset:6px}.colours-page{background:#fff;overflow:clip}.colours-page>section{max-width:1400px;padding:65px 6vw;margin:auto;box-sizing:border-box}.colours-intro>p:not(.update-label){max-width:780px}.colour-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.colour-red{--bond-colour:#be1818}.colour-blue{--bond-colour:#4386a1}.colour-green{--bond-colour:#537c48}.colour-black{--bond-colour:#333}.colour-picker a{display:grid;grid-template-columns:20px 1fr;gap:8px 12px;padding:22px 18px;border:2px solid var(--bond-colour);color:#222;text-decoration:none}.colour-picker i{width:18px;height:18px;background:var(--bond-colour);align-self:center}.colour-picker strong{grid-column:2;font-weight:500}.colour-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;scroll-margin-top:105px}.colour-story figure{margin:0;position:relative;transform:rotate(-2deg);border:2px solid var(--bond-colour);box-shadow:9px 9px 0 #fbfaf6}.colour-story img{display:block;width:100%;height:auto}.colour-story figcaption{position:absolute;bottom:20px;left:-14px;background:var(--bond-colour);color:white;padding:10px 24px}.colour-story:nth-of-type(odd) figure{order:2;transform:rotate(2deg)}.colour-story h2{color:#be1818}.colour-bond{display:inline-block;border-bottom:3px solid var(--bond-colour);padding-bottom:7px}.colour-story blockquote{margin:28px 0 0;padding:14px 20px;border-left:3px solid var(--bond-colour);font-family:'Zen Maru Gothic',sans-serif}.colours-page .colour-closing{text-align:center;background:#fbfaf6;max-width:none}.colour-closing p{max-width:760px;margin:20px auto 30px}.colours-page :is(h1,h2,h3),.updating-page :is(h1,h2,h3),.use-guide :is(h1,h2,h3){font-family:'Zen Maru Gothic',sans-serif!important;font-weight:500!important;-webkit-text-stroke:.012em currentColor}
@media(max-width:760px){.guide-sequence-wrap{padding:0 24px}.colours-page>section{padding:42px 24px}.colour-picker{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.colour-picker a{padding:16px 12px}.colour-story{grid-template-columns:1fr;gap:30px}.colour-story:nth-of-type(odd) figure{order:0}.colour-story figure{margin:8px 4px}.updating-page{padding:85px 24px 55px}.colour-discovery{font-size:14px}}
.colours-page.generic-page{padding:30px 0 0;max-width:none;margin:0}.colours-page h1,.updating-page h1{color:#be1818}.updating-page.generic-page{padding:100px 6vw 90px;max-width:1000px;margin:auto}
@media(max-width:760px){.colours-page.generic-page{padding:30px 0 0}.updating-page.generic-page{padding:85px 24px 55px}}