@media only screen and (max-width: 760px){:root{--font-size-headline: 10vmin;--padding: 20px}article.state-of-mind .som-two-columns,article.state-of-mind:nth-of-type(2n) .som-two-columns{flex-direction:column!important}article.state-of-mind .som-two-columns .som-body-number{align-self:flex-end}}#intro{font-size:calc(1.15 * var(--font-size-big));line-height:1.4em;padding:var(--padding);padding-top:calc(2* var(--padding) + var(--font-size-big));font-family:var(--font-serif);counter-reset:section;position:relative}.intro-sticker{--sticker-size: 2.75em;width:var(--sticker-size);height:var(--sticker-size);float:right;position:relative;display:flex}.intro-sticker.left{float:left;margin-right:.5em}dotlottie-player{height:100%!important;display:flex;align-items:center}.som-overlay-wrapper{position:fixed;padding:var(--padding);padding-bottom:0;display:flex;justify-content:center;background:#0000;width:100dvw;height:100dvh;z-index:999;top:0;left:0;align-items:flex-end;opacity:1;pointer-events:none!important;transition:all .6s cubic-bezier(0,.55,.45,1)}.som-overlay-wrapper.visible{opacity:1;background:#000000b3}.som-overlay-wrapper .som-overlay{pointer-events:all;overflow-y:auto;max-width:var(--content-width);background:var(--color-white);max-height:90vh;height:100%;bottom:0;width:100%;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);box-shadow:#0000 0 54px 55px,#0000 0 -12px 30px,#0000 0 4px 6px,#0000 0 12px 13px,#0000 0 -3px 5px;translate:0 100%;transition:all .5s cubic-bezier(0,.55,.45,1);visibility:hidden;padding-bottom:var(--padding);z-index:99}.som-overlay-wrapper.visible .som-overlay{translate:0 0;opacity:1;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;visibility:visible;scale:1;transition:all .3s cubic-bezier(0,.55,.45,1)}.som-overlay-wrapper button.overlay-close{color:var(--color-white);position:fixed;left:50%;translate:-50% 0;bottom:var(--padding);display:block;z-index:999}.som-overlay{display:flex;flex-direction:column;gap:calc(3 * var(--padding))}.som-overlay .som-meta{color:#7f59ac;padding:var(--padding);padding-bottom:0;display:flex;flex-direction:column;gap:.75em;flex-wrap:wrap}.som-overlay .som-meta>div{font-weight:700;display:block;line-height:1.25em;border-radius:4em}.som-overlay .som-meta>div span{font-weight:400;margin-right:.5em;font-family:var(--font-serif)}.som-overlay h4{font-size:3em;line-height:.9em;margin-top:.1em;font-weight:700;font-size:var(--font-size-big);text-transform:uppercase;text-wrap:balance}.som-overlay .som-text{max-width:700px;padding:0 var(--padding);margin:0 auto}.som-overlay .som-overlay-sticker{padding:0 var(--padding);padding-left:10%}.som-overlay .som-overlay-sticker img{height:150px;rotate:10deg}.som-overlay .take-a-look{text-decoration:none;color:var(--color-black);padding:0 .5em;border-radius:5em;display:inline-block;border:1px solid currentColor;transition:all .3s cubic-bezier(0,.55,.45,1)}.som-overlay .take-a-look:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}main{padding:var(--padding);counter-reset:som}#studio-image{width:100vw;height:100vh;margin-left:calc(-1 * var(--padding));margin-bottom:calc(4 * var(--padding))}@media only screen and (max-width: 760px){#studio-image{height:50vh}}#studio-image~h2{margin-bottom:calc(4 * var(--padding))}#studio-image .swiper{width:100%;height:100%}.swiper-button-prev,.swiper-button-next{color:var(--color-black)!important}#studio-image .swiper-slide img{width:100%;height:100%;object-fit:cover}#gs-button{z-index:99;top:100px;margin-left:var(--padding);position:sticky;margin-bottom:var(--padding)}#gs-button a{aspect-ratio:1 / 1;border-radius:100%;background:var(--color-black);padding:var(--padding);display:inline-flex;width:auto;justify-content:center;align-items:center;text-decoration:none;rotate:-20deg;text-align:center;color:var(--color-background);font-weight:700;font-size:var(--font-size-copy);line-height:1.25em;translate:calc(-1 * var(--padding)) 0;transition:rotate .6s cubic-bezier(.68,-.6,.32,1.6)}#gs-button a:hover{rotate:0deg}article.state-of-mind{display:flex;flex-direction:column;width:100%;align-items:center;gap:var(--padding)}article.state-of-mind .som-illustration{min-height:250px;height:20vh;display:block;position:relative}article.state-of-mind .som-illustration img{height:100%;display:block}article.state-of-mind h3{font-size:var(--font-size-headline);text-transform:uppercase;width:100%;text-align:center;line-height:1em;font-weight:700;padding:var(--padding) 0;text-wrap:balance;margin-top:-.25em;margin-bottom:-.25em}article.state-of-mind .som-two-columns{padding:0 var(--padding);max-width:var(--content-width);display:flex;gap:calc(3*var(--padding));align-items:center}article.state-of-mind:nth-of-type(2n) .som-two-columns{flex-direction:row-reverse}article.state-of-mind .som-two-columns>*{flex-basis:100%}article.state-of-mind .som-two-columns .som-body{display:flex;flex-direction:column;gap:var(--padding);align-items:flex-start}article.state-of-mind .som-body-number{font-family:var(--font-sans);font-weight:700;display:flex;aspect-ratio:1 / 1;background:var(--color-black);border-radius:var(--border-radius);padding:var(--border-radius);align-items:center;justify-content:center;font-size:var(--font-size-h4);color:var(--color-background)}article.state-of-mind .som-body-number:before{counter-increment:som;content:counter(som)}article.state-of-mind .som-two-columns .som-body-text{border:1px solid currentColor;border-radius:var(--border-radius);padding:var(--border-radius)}article.state-of-mind .som-two-columns .som-image{border-radius:var(--border-radius);height:auto;display:flex;overflow:hidden}article.state-of-mind .som-two-columns .som-image figure{object-fit:cover;height:100%;width:100%}@media only screen and (max-width: 760px){article.state-of-mind .som-two-columns .som-image{width:100%}}.separator{display:block;position:relative;height:var(--separator-length);max-height:350px;width:100%;margin:calc(2*var(--padding)) 0}.separator:before{content:"";width:1px;background:var(--color-black);height:100%;position:absolute;left:50%;translate:-50% 0}.separator:after{content:"";width:10px;height:10px;border-left:1px var(--color-black) solid;border-bottom:1px var(--color-black) solid;position:absolute;top:100%;left:50%;translate:-50% calc(-100% - 2px);rotate:-45deg}#intro .separator{max-height:250px}
