@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0;font-size:var(--step-11)}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;color:var(--text);text-decoration:none;border-bottom:.25em solid var(--link)}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--step--2:clamp(0.79rem, 0.7002rem + 0.4489vw, 0.9875rem);--step--1:clamp(0.8888rem, 0.7876rem + 0.5057vw, 1.1113rem);--step-0:clamp(1rem, 0.8864rem + 0.5682vw, 1.25rem);--step-1:clamp(1.125rem, 0.9972rem + 0.6392vw, 1.4063rem);--step-2:clamp(1.2656rem, 1.1219rem + 0.7188vw, 1.5819rem);--step-3:clamp(1.4238rem, 1.2618rem + 0.8097vw, 1.78rem);--step-4:clamp(1.6019rem, 1.4198rem + 0.9105vw, 2.0025rem);--step-5:clamp(1.8019rem, 1.597rem + 1.0241vw, 2.2525rem);--step-6:clamp(2.0275rem, 1.7971rem + 1.152vw, 2.5344rem);--step-11:clamp(3.6534rem, 3.2383rem + 2.0759vw, 4.5668rem);--purple:#812990;--purple-light:#e2d6ea;--orange:#f58220;--orange-light:#ffe8d4;--blue:#0066b3;--blue-light:#d4dcf0;--semi-black:#333333;--semi-white:#DDDDDD;--primary:var(--purple);--primary-overlay:var(--purple-light);--primary-text:white;--text:black;--link:var(--primary);--link-overlay:black;--content:white;--print-text:black;--outline-color:black;--error:red;--menu-main:var(--text);--menu-text:var(--text);--menu-main-text:var(--primary-text);--menu-overlay:var(--semi-black);--menu-background:var(--content);--swiper-theme-color:var(--primary);--swiper-hover-color:var(--purple)}.blue,.orange,.purple{--text:white;--link:white}section{--swiper-theme-color:var(--primary);--swiper-hover-color:var(--purple)}.orange{--primary:var(--orange);--primary-overlay:var(--orange-light);--content:var(--orange);--swiper-theme-color:white}.orange-light{--primary:var(--orange-light);--primary-overlay:var(--orange);--content:var(--orange-light);--text:var(--orange)}.blue,.blue-light,.orange-light{--swiper-theme-color:white}.blue{--primary:var(--blue);--primary-overlay:var(--blue-light);--content:var(--blue)}.blue-light{--primary:var(--blue-light);--primary-overlay:var(--blue);--content:var(--blue-light);--text:var(--blue)}.purple{--primary:var(--purple);--primary-overlay:var(--purple-light);--content:var(--purple)}.black,.purple,.purple-light{--swiper-theme-color:white}.purple-light{--primary:var(--purple-light);--primary-overlay:var(--purple);--content:var(--purple-light);--text:var(--purple)}.black{--primary:black;--primary-overlay:var(--purple-light);--content:black;--text:white}[data-input=keyboard] a:focus,[data-input=keyboard] button:focus,[data-input=keyboard] input:focus{outline:4px solid var(--outline-color);outline-offset:4px;opacity:1}[data-input=keyboard] h1:focus-within,[data-input=keyboard] h2:focus-within,[data-input=keyboard] h3:focus-within,[data-input=keyboard] h4:focus-within,[data-input=keyboard] h5:focus-within,[data-input=keyboard] h6:focus-within{outline-offset:4px;outline:4px solid var(--outline-color)}[data-input=keyboard] h1:focus-within a,[data-input=keyboard] h2:focus-within a,[data-input=keyboard] h3:focus-within a,[data-input=keyboard] h4:focus-within a,[data-input=keyboard] h5:focus-within a,[data-input=keyboard] h6:focus-within a{outline:0}.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal}@font-face{font-family:fallback;src:local("arial");size-adjust:86.25%}body,div{line-height:1.5}body,div,p{font-family:futura-pt,fallback,arial,sans-serif;word-spacing:.16em}h2{font-size:var(--step-6)}h3{font-size:var(--step-2)}h1,h2,h3,p,section{overflow-wrap:break-word;word-break:break-word}h1,h2,h3{text-transform:uppercase;line-height:1.25}p,section{font-size:var(--step-3);line-height:1.5}h1,h2,h3,p b,p strong,section b,section strong{font-weight:700;font-family:futura-pt-bold,fallback,arial,sans-serif}a:hover{text-decoration:none;border-bottom-color:var(--link-overlay)}h1,h1 a,h2,h2 a,h3,h3 a,h4 a,h5 a,h6 a,p,section{color:var(--text)}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:var(--primary)}ol ol,ol ul,ul ol,ul ul{margin-bottom:1em}ol li,ul li{margin:.5em 0}.animate,.animate.zoom svg{-webkit-backface-visibility:hidden}.animate{margin:0;height:100%;width:100%;display:grid;place-items:center;position:absolute;top:0;left:0;box-sizing:border-box;z-index:-1}.animate.zoom svg{opacity:.5;transform:scale(0);fill:var(--primary-overlay);width:20em;height:20em;max-width:calc(100vw - clamp(20px,10vw,8rem));backface-visibility:hidden}.animate.zoom.active svg{transform:scale(1)}a.arrow{fill:var(--text);border:0;position:absolute;bottom:2em;left:calc(50vw - 3em);text-align:center}a.arrow svg{width:3em;height:3em;transition:all .5s ease}a.arrow.up svg{transform:rotate(180deg)}a.arrow,a.arrow:hover svg{width:4em;height:4em}.colorswitch{transition:background-color .25s ease}.colorswitch svg,body>header figure svg{transition:fill .25s ease}article.column,body>header,body>header figure{display:flex;justify-content:flex-start}article.column{flex-direction:column;align-self:flex-start;align-items:flex-start}@media (min-width:1281px){article.column{flex-direction:row;gap:2rem}article.column header{width:calc(30vw - 7rem)}article.column main{max-width:40vw}article.column aside .animate{justify-content:flex-end}}article.column aside a.arrow{display:inline-block;height:6em;width:6em;overflow:hidden;position:relative;left:-2em;bottom:auto}@media (min-width:1281px){article.wide-column main{display:flex;flex-direction:row;gap:2rem;justify-content:space-between;width:100%}article.wide-column main>div{max-width:50vw}}body>header{padding:0 clamp(10px,5vw,4rem);position:fixed;z-index:1;box-sizing:border-box;width:calc(100% - var(--scrollbar-width));max-width:calc(100% - var(--scrollbar-width));align-items:center;justify-content:space-between}@media (max-width:1281px){body>header:before{position:absolute;z-index:-1;left:0;background-color:#fff;width:100%;height:5em;content:""}}body>header figure{margin:0;height:5rem;align-items:center}body>header figure svg{height:3rem;max-width:30vw;fill:var(--text)}@media (min-width:1366px){body>header{padding-top:2rem}}@media (min-width:1281px){body[data-color-space=invert]>header{--text:white;--menu-main:white;--menu-overlay:var(--semi-white)}}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger.is-active:hover,.hamburger:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#000}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;display:block}.hamburger-inner{top:50%;margin-top:-2px}.hamburger-inner::after,.hamburger-inner::before{content:""}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--squeeze .hamburger-inner{transition-duration:.075s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition:background-color .075s ease}.hamburger--squeeze .hamburger-inner::before{transition:background-color .075s ease,top .075s .12s ease,opacity .075s ease}.hamburger--squeeze .hamburger-inner::after{transition:background-color .075s ease,bottom .075s .12s ease,transform .075s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:background-color .075s ease,top .075s ease,opacity .075s .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:background-color .075s ease,bottom .075s ease,transform .075s .12s cubic-bezier(.215,.61,.355,1)}.hamburger{display:flex;place-content:flex-start;align-items:center}.hamburger.is-active{--menu-main:var(--semi-black);--menu-overlay:var(--semi-black)}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:var(--menu-main)}.hamburger-label,header nav a{text-transform:uppercase;font-size:var(--step-1)}.hamburger-label{color:var(--menu-main);padding-right:1em;line-height:1}.hamburger-label span{display:none}@media (min-width:300px){.hamburger-label span{display:initial}}.hamburger-label span.close{display:none;font-family:futura-pt-bold,fallback,arial,sans-serif}.is-active .hamburger-label span{display:none}@media (min-width:300px){.is-active .hamburger-label span.close{display:initial}}.hamburger:hover .hamburger-inner,.hamburger:hover .hamburger-inner:after,.hamburger:hover .hamburger-inner:before{background-color:var(--menu-overlay)}.hamburger:hover .hamburger-label{color:var(--menu-overlay)}.hamburger-inner,.hamburger-label{transition:background-color .075s ease}header nav{--text:black;visibility:hidden;opacity:.75;position:absolute;top:0;left:auto;right:0;height:100vh;background-color:var(--purple-light);z-index:-1;border-left:.125em solid #000;max-width:0;letter-spacing:.085em;transition:all .25s ease-in}header nav.is-active{opacity:1;max-width:100vw;visibility:visible;width:95vw}@media (min-width:300px){header nav.is-active{width:auto}}header nav a{color:var(--text);border:0;position:relative}header nav a:hover{color:var(--primary)}header nav a:hover:after{display:flex;align-content:center;place-items:center;position:absolute;left:-1em;top:0;bottom:0;font-size:var(--step--2);content:"❯";font-family:futura-pt-bold,fallback,arial,sans-serif}header nav>ul{scrollbar-width:thin;scrollbar-color:var(--primary) var(--primary-overlay);max-height:calc(100vh - 10rem);overflow-y:scroll;overflow-x:hidden}header nav>ul::-webkit-scrollbar{width:12px}header nav>ul::-webkit-scrollbar-track{background:var(--primary-overlay)}header nav>ul::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:20px;border:3px solid var(--primary-overlay)}@media (max-width:300px){header nav>ul{overflow-x:scroll}}header nav ul{margin:8rem 0 2rem;list-style-type:none;box-sizing:border-box;padding:0 clamp(10px,5vw,4rem)}header nav ul ul{margin:0 0 0 1rem;padding:0}header nav ul ul a{text-transform:none}html{--scrollbar-width:17px}@media (min-width:320px) and (max-width:1366px){html{font-size:75%}}body,body>main section{margin:0;background-color:var(--content)}body>main{max-height:100vh;overflow-y:scroll;scroll-behavior:smooth}@media (min-width:1281px){body>main{scroll-snap-type:y mandatory}}body>main section{padding:5rem clamp(10px,5vw,4rem) 0;box-sizing:border-box;position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:0}@media (min-width:1281px){body>main section{scroll-snap-align:start}}body>main section>article{width:100%}section.quote blockquote,section.quote p{text-align:center;font-size:var(--step-5)}@media (min-width:1281px){section.quote blockquote,section.quote p{max-width:50vw}}section .swiper{--swiper-pagination-bullet-size:1rem;max-width:calc(100vw - clamp(20px,10vw,8rem))}section .swiper .parallax-bg{position:absolute;left:0;top:0;width:130%;height:100%;background-size:cover;background-position:center}.swiper-button{position:absolute;right:.5em;top:calc(50% - var(--swiper-navigation-size)*.5);z-index:1;line-height:.75em}.swiper-button.previous{left:.5em;right:auto}.swiper-button.swiper-button-disabled svg{opacity:.5}.swiper-button.swiper-button-disabled:hover{cursor:default;--swiper-theme-color:initial}.swiper-button:hover{cursor:pointer;--swiper-theme-color:var(--swiper-hover-color)}.swiper-button svg{display:inline-block;height:var(--swiper-navigation-size);width:var(--swiper-navigation-size);font-size:1.3333333333em;fill:var(--swiper-theme-color)}.swiper .swiper-pagination-bullet{border:0}.swiper .swiper-pagination-bullet:hover{opacity:1;background-color:var(--link-overlay)}.swiper .swiper-pagination-bullet.label{background-color:transparent;--swiper-pagination-bullet-size:auto;--swiper-pagination-bullet-horizontal-gap:0.5em;border-radius:0;line-height:1}.subsection h2,.subsection p{margin-top:0}.subsection h2 span,.subsection h3{font-family:"futura-pt",fallback,arial,sans-serif;font-weight:400}.subsection h2 span{display:block;font-size:var(--step-2)}.subsection h3{margin:0}section.introduction{text-align:center;padding-bottom:9em}@media (min-width:1281px){section.introduction{padding:0}}section.summary p{color:#000}section.summary p strong{font-size:var(--step-6)}section.brandattribute article{display:flex;flex-direction:column;align-self:flex-start;align-items:flex-start;justify-content:flex-start}@media (min-width:1281px){section.brandattribute article header{width:35vw}section.brandattribute article main{max-width:35vw}section.brandattribute article aside .animate{justify-content:flex-end}section.brandattribute article aside .animate svg{margin-right:calc(50vw - 20em)}}section.brandpromise.subsection h2,section.tone-achieve>article main figure,section.tone-arcada>article figure,section.tone-examples .swiper-slide figure{text-align:center}section.tone-achieve>article main,section.tone-arcada>article{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}@media (min-width:1281px){section.tone-achieve>article main,section.tone-arcada>article{flex-direction:row}}section.tone-achieve>article main h3,section.tone-arcada>article h3{font-size:var(--step-6);font-family:"futura-pt-bold",fallback,arial,sans-serif;font-weight:700;margin-bottom:1em}@media (min-width:1281px){section.tone-achieve>article main figure,section.tone-arcada>article figure{min-width:10em}}section.tone-achieve>article main figure svg,section.tone-arcada>article figure svg{width:6em;height:6em;fill:var(--text)}section.tone-achieve>article main ul,section.tone-arcada>article ul{text-transform:uppercase;font-size:var(--step-0);margin:0;padding:0;display:inline;list-style-type:none}section.tone-achieve>article main ul li,section.tone-arcada>article ul li{display:inline}section.tone-achieve>article main ul li:nth-child(even),section.tone-arcada>article ul li:nth-child(even){font-weight:700}section.tone-arcada>article{flex-wrap:wrap}section.tone-arcada>article>header{flex:0 0 100%;text-align:center;order:4}section.tone-arcada>article>header h2{text-transform:none;font-size:var(--step-3);font-family:futura-pt,fallback,arial,sans-serif;font-weight:400}section.tone-arcada>article>aside{flex:0 0 100%;order:5;height:4em}section.tone-examples{--text:black;--swiper-theme-color:black}section.tone-examples .description{font-size:var(--step-1);border-bottom:.15em solid var(--primary-overlay);background-color:var(--primary-overlay);color:var(--primary-text);padding:1rem;border-radius:1rem}section.tone-examples .swiper-slide{padding-bottom:2rem}@media (min-width:1281px){section.tone-examples .swiper-slide{display:flex;gap:10rem}section.tone-examples .swiper-slide>div{width:50%}}section.tone-examples .swiper-slide figure svg{width:3em;height:3em;fill:var(--text)}section.tone-examples .swiper-pagination{--swiper-theme-color:var(--purple);position:relative;width:auto;bottom:.25rem}section.tone-examples .swiper-button{--swiper-hover-color:var(--purple);position:relative;bottom:0;margin:0 1em}section.tone-examples .swiper-navigation{position:absolute;text-align:center;z-index:10;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center}section.slogans-examples article{background-color:#000;background-image:url(../img/slogan-background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;height:calc(100vh - 10rem);display:flex;align-items:center;justify-content:center;flex-direction:column;--text:white}@media (max-width:300px){section.slogans-examples article{height:auto}}section.slogans-examples article h3{font-size:var(--step-11);font-family:futura-pt-bold,fallback,arial,sans-serif;font-weight:700;max-width:50vw;margin-bottom:1em}section.slogans-examples article p{max-width:50vw}section.logotype-placement,section.sub-brands-examples{--text:black}section.sub-brands-examples article aside{width:100%}@media (min-width:1281px) and (max-height:600px){section.sub-brands-examples article aside figure:nth-child(3),section.sub-brands-examples article aside figure:nth-child(4){display:none}}section.sub-brands-examples article aside figure{margin:0 0 2rem;padding:0;width:100%;display:flex;flex-direction:row;align-items:center}section.sub-brands-examples article aside figure svg{width:100%;display:inline-block}section.logotype-placement aside{max-width:100vw;scrollbar-width:thin;overflow-x:auto;scrollbar-color:var(--primary-overlay) var(--primary)}section.logotype-placement aside::-webkit-scrollbar{width:12px}section.logotype-placement aside::-webkit-scrollbar-track{background:var(--primary-overlay)}section.logotype-placement aside::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:20px;border:3px solid var(--primary-overlay)}section.logotype-placement aside>div{display:flex;flex-direction:row;justify-content:center;height:10em;width:18em}@media (min-width:1281px){section.logotype-placement aside>div{width:auto}}section.logotype-placement aside figure{display:flex;flex-direction:column;margin:0;padding:0;height:6.5em}section.logotype-placement aside figure svg{place-self:center;display:inline-block;height:5em;width:13em}section.logotype-placement aside figure figcaption{white-space:nowrap;padding:0;height:1.5em;display:inline-block;text-align:center}section.logotype-placement aside figure.symbol{width:5em;flex-direction:column-reverse}section.logotype-placement aside figure.symbol svg{width:auto}section.logotype-placement aside figure.symbol figcaption:after{content:"";display:block;border:1px solid var(--text);height:.5em;border-bottom:0}section.logotype-placement aside figure.logotype{padding-top:1.5em;width:13em}section.logotype-placement aside figure.logotype figcaption:before{content:"";display:block;border:1px solid var(--text);height:.5em;border-top:0}section.photographs aside{--swiper-theme-color:black;--swiper-navigation-size:3rem;max-width:35vw}section.photographs aside .swiper-button{top:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--content)}section.photographs aside .swiper-button.previous{right:auto;left:0}section.photographs aside .swiper-button:hover{--swiper-hover-color:var(--primary)}section.photographs-examples{--primary:black}section.photographs-examples .swiper{height:calc(100vh - 10rem)}section.photographs-examples .swiper .swiper-pagination{position:relative;width:auto;bottom:.25rem}section.photographs-examples .swiper .swiper-button{position:relative;bottom:0;margin:0 1em}section.photographs-examples .swiper .swiper-slide{height:calc(100% - 5rem)}section.photographs-examples .swiper .swiper-navigation{position:absolute;text-align:center;z-index:10;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center}section.photographs-examples article img{width:100%;height:100%;object-fit:cover}section.icons aside{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}@media (min-width:1281px){section.icons aside{place-content:end}section.icons aside::after{content:"";width:100%}}section.icons aside figure{margin:0;padding:0;display:flex;flex-direction:row;align-items:center;place-content:center;background-color:var(--purple-light);border-radius:50%;width:8rem;height:8rem}section.icons aside figure:nth-child(n+4){order:1}section.icons aside figure svg{--primary-overlay:black;fill:#000;width:5rem;height:5rem;display:inline-block}section.icons aside figure figcaption{text-transform:uppercase;width:calc(100% - 10rem);font-size:var(--step-0)}section.typography main{display:flex;gap:2rem;flex-direction:column}@media (min-width:1281px){section.typography main{flex-direction:row}}section.typography main article{flex-basis:100%}section.colours main article h3,section.typography h3{font-family:futura-pt-bold,fallback,arial,sans-serif;font-weight:700}section.typography h3{color:var(--primary);font-size:var(--step-4);margin-bottom:1rem}section.typography article article{padding:clamp(10px,5vw,4rem);--text:black;background-color:var(--primary-overlay)}section.typography form{background-color:#fff;padding:clamp(10px,5vw,2rem)}section.typography form.font-size-2 textarea{font-size:var(--step-5)}section.typography form.font-size-3 textarea{font-size:var(--step-6)}section.typography form.font-size-4 textarea{font-size:var(--step-7)}section.typography form.font-size-5 textarea{font-size:var(--step-8)}section.typography form.font-size-6 textarea{font-size:var(--step-9)}section.typography form.weight-bold textarea{font-weight:700}section.typography textarea{width:100%;border:0;font-size:var(--step-4);color:var(--primary);resize:none;overflow:hidden}section.typography .arial textarea{font-family:arial,verdana,sans-serif}section.typography select{background-color:#fff;font-weight:700;font-size:var(--step-0);padding:.25em;border:1px solid var(--text);text-transform:uppercase;width:7em;margin:0 0 1em}section.colours main,section.colours-identity aside ul{display:flex;gap:2rem;flex-direction:column}@media (min-width:1281px){section.colours main{flex-direction:row}}section.colours main article{position:relative;border:1px solid var(--text);padding:clamp(10px,5vw,2rem);display:flex;gap:2rem;flex-direction:row;justify-content:space-between;width:calc(100% - clamp(20px,10vw,8rem));box-sizing:border-box}@media (min-width:1281px){section.colours main article{width:20%;flex-direction:column}}section.colours main article h3{text-align:center;position:absolute;left:50%;top:-.5em;transform:translateX(-50%);background-color:var(--content);white-space:nowrap;padding:0 .5em}@media (min-width:1281px){section.colours main article.main{width:calc(60% - 4rem)}}section.colours main article p,section.colours-identity aside ul li span.colour{text-transform:uppercase;font-family:futura-pt-bold,fallback,arial,sans-serif;font-weight:700;justify-content:center;text-align:center;background-color:var(--primary)}section.colours main article p{width:100%;display:flex;align-items:center;color:var(--primary-overlay);overflow:hidden;margin-bottom:0;font-size:var(--step-4);transition:all 500ms}section.colours main article p:hover{font-size:var(--step-3)}section.colours main article p.blue,section.colours main article p.orange,section.colours main article p.purple{--primary-overlay:white}section.colours-identity aside{display:flex;flex-direction:row;gap:2rem;width:100%;flex-wrap:wrap}section.colours-identity aside ul{margin:0;padding:0;list-style-type:none;gap:1rem}section.colours-identity aside ul li{margin:0;border:1px solid var(--text);padding:clamp(10px,5vw,1rem);display:flex;flex-wrap:wrap;gap:1rem}section.colours-identity aside ul li span{display:flex;align-content:center;align-items:center;width:30%;font-size:var(--step-1)}section.colours-identity aside ul li span.colour{width:calc(40% - 4rem);min-height:2.5em;font-size:var(--step-2);color:var(--text)}section.colours-identity aside ul li.blue-light,section.colours-identity aside ul li.orange-light,section.colours-identity aside ul li.purple-light{--text:var(--text)}section.logotype form{width:100%;text-align:center}section.logotype form button{width:5em;padding:.5em;border-radius:.25em;cursor:pointer;margin:0 .5em 1em;border:0;text-transform:uppercase}section.logotype form button:hover{background-color:var(--primary-overlay)}section.logotype form button.active{outline-offset:4px;outline:4px solid var(--text)}section.logotype form figure svg{max-height:50vh}section.contact-details aside{min-height:6em}section.contact-details .icon{padding-left:1.5em;position:relative}section.contact-details .icon svg{position:absolute;top:.125em;left:0;width:1em;height:1em;line-height:1;padding-top:.225em}
/*# sourceMappingURL=screen.css.map */