.styleguide{background:#99aa9b}.styleguide #main{padding:6em 0 2em}.styleguide #main h1{width:80%;max-width:90em;margin-left:auto;margin-right:auto;font-size:4em;margin-bottom:1em;color:#fff;line-height:1}@media(max-width: 1080px){.styleguide #main h1{width:85%}}@media(max-width: 600px){.styleguide #main h1{width:90%}}.styleguide #main h2{font-weight:bold;color:#fff;font-size:2em;line-height:1;text-transform:lowercase}.styleguide #main .typo-container,.styleguide #main .colors-container{width:80%;max-width:90em;margin-left:auto;margin-right:auto;position:relative;margin-bottom:4em}@media(max-width: 1080px){.styleguide #main .typo-container,.styleguide #main .colors-container{width:85%}}@media(max-width: 600px){.styleguide #main .typo-container,.styleguide #main .colors-container{width:90%}}.styleguide #main .typo-container>div,.styleguide #main .colors-container>div{margin-left:2.5em;padding-left:1.5em;border-left:1px solid #fff}.styleguide #main .typo-container h2,.styleguide #main .colors-container h2{transform:rotate(-90deg);position:absolute;left:-3em;top:2.5em;height:1em;width:6em;text-align:right}.styleguide #main .typo{max-width:46em}.styleguide #main .typo>div{margin-bottom:1em}.styleguide #main .typo .h1{font-size:2.5rem;font-size:clamp(2.5rem,1.7788rem + 2.8846vw,4.375rem);line-height:1.3;font-weight:700;margin-bottom:.5em}.styleguide #main .typo .h2{font-size:1.875em;font-size:clamp(1.875em,3vw,2.3em);line-height:1.2;font-weight:700;margin-bottom:1em}.styleguide #main .typo .h3{font-size:1.375rem;font-size:clamp(1.375rem,1.3029rem + 0.2885vw,1.5625rem);line-height:1.2;font-weight:700;margin-bottom:1em}.styleguide #main .typo .h4{font-size:1.375rem;font-size:clamp(1.375rem,1.3029rem + 0.2885vw,1.5625rem);line-height:1.2;font-weight:500;margin-bottom:1em}.styleguide #main .typo .h5{font-size:1.125rem;font-size:clamp(1.125rem,1.0769rem + 0.1923vw,1.25rem);line-height:1.2;font-weight:600;margin-bottom:1em}.styleguide #main .typo .overline{font-size:.77em;line-height:1.4;font-weight:500;margin-bottom:1em}.styleguide #main .typo .quote{font-size:.89em;line-height:1.4;font-weight:500;font-style:italic;margin-bottom:1em}.styleguide #main .typo .body{font-size:1em;line-height:1.4;font-weight:400}.styleguide #main .typo .body2{font-size:.89em;text-transform:uppercase;line-height:1.2;font-weight:500}.styleguide #main .typo .body3{font-size:.89em;line-height:1.4;font-weight:400}.styleguide #main .colors{display:flex}.styleguide #main .colors .color{width:12em;margin:0 2em 0 0;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.styleguide #main .colors .color em{display:block;font-style:normal}.styleguide #main .colors .sage-green{background:#99aa9b}.styleguide #main .colors .apple-green{background:#b8ff47}.styleguide #main .colors .vitality-magenta{background:#ff2177}.styleguide #main .colors .energy-blue{background:#ff8300}@media(max-width: 750px){.styleguide #main .colors{flex-direction:column}.styleguide #main .colors .color{width:100%;max-width:15em;margin:0 0 1em 0;aspect-ratio:4/1;border-radius:0}}.styleguide #main .wrappers{position:relative;margin-bottom:4em}.styleguide #main .wrappers h2{width:80%;max-width:90em;margin-left:auto;margin-right:auto;position:relative;padding-bottom:1em;margin-bottom:1em;text-align:right}@media(max-width: 1080px){.styleguide #main .wrappers h2{width:85%}}@media(max-width: 600px){.styleguide #main .wrappers h2{width:90%}}.styleguide #main .wrappers h2:after{content:"";position:absolute;bottom:0;right:0;height:1px;background:#fff;width:5em}.styleguide #main .wrappers>div{border:1px solid #4d4d4d;height:10em;margin-bottom:2em;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}.styleguide #main .wrappers>div em{display:block;font-style:normal}.styleguide #main .wrappers .wrapper-normal{width:80%;max-width:90em;margin-left:auto;margin-right:auto}@media(max-width: 1080px){.styleguide #main .wrappers .wrapper-normal{width:85%}}@media(max-width: 600px){.styleguide #main .wrappers .wrapper-normal{width:90%}}.styleguide #main .wrappers .wrapper-slim{width:80%;max-width:90em;margin-left:auto;margin-right:auto;width:80%;max-width:53.875em;margin-left:auto;margin-right:auto}@media(max-width: 1080px){.styleguide #main .wrappers .wrapper-slim{width:85%}}@media(max-width: 1080px){.styleguide #main .wrappers .wrapper-slim{width:85%}}@media(max-width: 600px){.styleguide #main .wrappers .wrapper-slim{width:90%}}.styleguide #main .mod_navigation{width:80%;max-width:90em;margin-left:auto;margin-right:auto}@media(max-width: 1080px){.styleguide #main .mod_navigation{width:85%}}@media(max-width: 600px){.styleguide #main .mod_navigation{width:90%}}.styleguide #main .mod_navigation h2{position:relative;padding-bottom:1em;margin-bottom:1em}.styleguide #main .mod_navigation h2:after{content:"";position:absolute;bottom:0;left:0;height:1px;background:#fff;width:5em}.styleguide #main .mod_navigation li{margin-bottom:.8em}.styleguide #main .mod_navigation li a{display:block;width:fit-content;color:#fff;text-decoration:none;padding:.2em 0}.styleguide #main .mod_navigation li a.active{cursor:default}.styleguide #main .mod_navigation li a:not(.active):hover{opacity:.5;animation:shake .5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden}@media screen and (min-width: 800px){.styleguide #main .mod_navigation ul{column-count:2;column-gap:2em}}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}