@font-face{font-family:LLBrownWeb;src:url("fonts/lineto-brown-light-s.eot");src:url("fonts/lineto-brown-light-s.eot?#iefix") format("embedded-opentype"),url("fonts/lineto-brown-light-s.woff") format("woff"),url("fonts/lineto-brown-light-s.ttf") format("truetype"),url("fonts/lineto-brown-light-s.svg#LLBrownWeb-Light") format("svg");font-weight:300;font-style:normal}@font-face{font-family:LLBrownWeb;src:url("fonts/lineto-brown-regular-s.eot");src:url("fonts/lineto-brown-regular-s.eot?#iefix") format("embedded-opentype"),url("fonts/lineto-brown-regular-s.woff") format("woff"),url("fonts/lineto-brown-regular-s.ttf") format("truetype"),url("fonts/lineto-brown-regular-s.svg#LLBrownWeb-Regular") format("svg");font-weight:400;font-style:normal}@font-face{font-family:LLBrownWeb;src:url("fonts/lineto-brown-bold-s.eot");src:url("fonts/lineto-brown-bold-s.eot?#iefix") format("embedded-opentype"),url("fonts/lineto-brown-bold-s.woff") format("woff"),url("fonts/lineto-brown-bold-s.ttf") format("truetype"),url("fonts/lineto-brown-bold-s.svg#LLBrownWeb-Bold") format("svg");font-weight:700;font-style:normal}:root{--spacing-h-extra:100vh;--spacing-h-max:75vh;--spacing-h-mid:30vh;--spacing-h-min:15vh;--column-width:clamp(50vw, 50rem, 90vw);--transition-length:0.6s;--musta:#000000;--me-sininen:#134f99;--me-sininen-vaaleampi:#7ca8cf;--keskisininen:#4575cb;--melvio-red:#f88ba2;--melvio-red-vaaleampi:#ffb0c0;--taustavari:#faf0ee;--valkoinen-border:#ba848f;--me-sininen-border:#000000;--me-sininen-vaaleampi-border:#2D577B;--keskisininen-border:#192D52;--melvio-red-border:#B50D31;--melvio-red-vaaleampi-border:#DB002C;--musta-tone-1:#414140;--musta-tone-2:#757574;--musta-tone-3:#b5b5b4;--musta-tone-4:#d9d9d9;--harmaa:#f0f0f0;--me-sininen-tone-1:#3b69a9;--me-sininen-tone-2:#5e83b7;--me-sininen-tone-3:#a5bad7;--me-sininen-tone-4:#d2dceb;--oranssi:#ff7700;--oranssi-tone-1:#ff944b;--oranssi-tone-2:#ffae7a;--oranssi-tone-3:#ffcaa8;--oranssi-tone-4:#ffe5d4;--keskisininen-tone-1:#7698d9;--keskisininen-tone-2:#91ace0;--keskisininen-tone-3:#bfceee;--keskisininen-tone-4:#e1e8f7;--vaalea-sininen:#91bdf5;--vaalea-sininen-tone-1:#a5c9f7;--vaalea-sininen-tone-2:#bdd7f9;--vaalea-sininen-tone-3:#d4e6fb;--vaalea-sininen-tone-4:#e3eefc;--oranssi-2:#ff8f71;--oranssi-2-tone-1:#ffa58d;--oranssi-2-tone-2:#ffbcab;--oranssi-2-tone-3:#ffd2c7;--oranssi-2-tone-4:#ffe9e3}html{overflow-x:hidden;overscroll-behavior:none}body.hsm-viz{margin:0;font-family:LLBrownWeb;font-weight:300;box-sizing:border-box;background-color:var(--taustavari);overflow-x:hidden;overscroll-behavior:none}.hsm-viz :is(input,button){font-family:LLBrownWeb}.hsm-viz div#scrollytelling{position:relative;z-index:1;font-size:clamp(11pt, 1.8vw, 13pt);line-height:1.8em;pointer-events:none}.scrollytelling-text{background-color:#fff}.hsm-viz div#scrollytelling :not(.scrollytelling-step){pointer-events:auto}.hsm-viz div#scrollytelling>p{max-width:var(--column-width);margin:auto;padding:1rem;background-color:var(--taustavari);font-size:15pt;line-height:1.8em}.hsm-viz div#scrollytelling>p.spacer{margin-top:var(--spacing-h-max);margin-bottom:var(--spacing-h-mid)}.hsm-viz div#scrollytelling>p.spacer{background-color:var(--taustavari)}.hsm-viz div.scrollytelling-step{height:var(--spacing-h-extra)}.hsm-viz div.scrollytelling-step#step-map{margin-bottom:50vh}.hsm-viz div.scrollytelling-step span.visualization-headline{display:none}.hsm-viz :is(a,a:hover,a:visited){color:var(--me-sininen)}.hsm-viz div#scrollytelling>:is(h2,h3,h4,h5,h6),.hsm-viz div#scrollytelling>div#h1-wrapper>h1{line-height:1.4em;color:var(--me-sininen);background-color:var(--taustavari)}.hsm-viz div#scrollytelling>div#h1-wrapper{display:inline-block;max-width:33vw;margin:0 calc(50vw - 5rem) calc(var(--spacing-h-max) + 9rem) 16vw;padding:4rem 1rem 1rem}.hsm-viz div#scrollytelling>div#h1-wrapper>h1{font-size:clamp(40pt, 3.3vw, 64pt);background-color:transparent;line-height:1.2em;display:block}.hsm-viz div#scrollytelling>div#h1-wrapper>h1 span.subheadline{font-size:clamp(20pt, 2vw, 38pt);color:var(--melvio-red);line-height:1.4em;display:block;max-width:26.5vw;margin-top:2rem}.hsm-viz div#scrollytelling>div#h1-wrapper>p#scroll-cta{display:inline-block;opacity:1;transition:opacity var(--transition-length);font-size:14pt}body.hsm-viz.scrolled div#scrollytelling>div#h1-wrapper>p#scroll-cta{opacity:0}@keyframes bounce{from{margin-bottom:8px}to{margin-bottom:3px}}.hsm-viz div#scrollytelling>div#h1-wrapper>p#scroll-cta>img#cta-chevron{margin-left:6em;width:1.33em;animation-name:bounce;animation-direction:alternate-reverse;animation-timing-function:ease-in-out;animation-duration:.6s;animation-iteration-count:infinite}.hsm-viz div#scrollytelling>h2{font-size:clamp(38pt, 3.8vw, 50pt);font-weight:700;max-width:66vw;margin:var(--spacing-h-mid) auto var(--spacing-h-min) auto;padding:3rem 0;text-align:center}.hsm-viz div#scrollytelling>h2.unspaced{font-size:clamp(38pt, 3.8vw, 50pt);font-weight:700;max-width:var(--column-width);margin:var(--spacing-h-mid) auto auto auto;padding:1rem;text-align:center;background-color:var(--taustavari)}.hsm-viz div#cluster-viz svg :is(text.cluster-viz-headline),.hsm-viz div#scrollytelling>h3{font-size:clamp(28pt, 2.8vw, 38pt);font-weight:700;max-width:80vw;padding:3rem 0;margin:var(--spacing-h-mid) auto 0 auto;text-align:center}.hsm-viz div#scrollytelling>p.intro-text{font-size:1.25em;line-height:1.8em;font-weight:700}.hsm-viz div#scrollytelling>p.scrollytelling-quote{display:inline-block;font-style:italic;background-color:#fff;padding:2rem;box-sizing:border-box;margin:var(--spacing-h-max) auto var(--spacing-h-max) calc(50vw - var(--column-width)/ 2)}.hsm-viz div#scrollytelling>div.scrollytelling-quote{display:inline-block;font-style:italic;font-size:1.4rem;background-color:var(--vaalea-sininen-tone-4);color:var(--me-sininen);padding:2rem;width:var(--column-width);box-sizing:border-box;margin:var(--spacing-h-max) auto var(--spacing-h-max) calc(50vw - var(--column-width)/ 2)}.hsm-viz div#scrollytelling>div.scrollytelling-quote p.quoted{margin-top:0;margin-bottom:0;font-style:normal;font-size:1rem;padding:0;text-align:right}.hsm-viz div#scrollytelling>div.scrollytelling-quote p.quoted::before{content:"— "}.hsm-viz div#scrollytelling>p.scrollytelling-quote span.opening-quote{color:var(--me-sininen);float:left;font-size:2.4em;font-weight:700;font-style:normal;line-height:1px;padding-top:.56em;padding-right:1px;padding-left:0}.hsm-viz div#scrollytelling>.nobg{background-color:transparent!important}.hsm-viz section#in-app-browser{position:absolute;display:none;background-color:var(--melvio-red-vaaleampi);margin:0 1em;padding:.15em 1em 1em 1em;z-index:9}body.hsm-viz.scrolled section#in-app-browser{display:none!important}.hsm-viz section#in-app-browser button{background-color:var(--me-sininen);color:#fff;border:none;font-size:1.05em;padding:.25em .5em}.hsm-viz div#highlighted-character-intro{font-size:2.2vw;color:var(--me-sininen);background-color:var(--taustavari);margin:var(--spacing-h-min) calc(50vw - 25rem)!important;line-height:1.4em;font-weight:700;display:inline-block;padding:.25em .15em .25em 0}.hsm-viz div#scrollytelling-highlighted-character{width:100%;height:24rem;max-width:var(--column-width);margin:0 auto;padding:0 1rem;background-color:var(--taustavari)}.hsm-viz div#scrollytelling-highlighted-character #scrollytelling-intro-spacer{display:inline-block;width:1px}.hsm-viz div#scrollytelling-highlighted-character svg{width:100%;height:115%;margin-top:-2%}.hsm-viz div#cluster-viz{position:fixed;-webkit-transform:translate3d(0,0,0);overscroll-behavior:none;z-index:0;margin-top:3vh;width:100vw;height:90vh}.hsm-viz div#cluster-viz>svg{width:100vw;height:100vh}.hsm-viz div#cluster-viz svg g.basemap polygon{fill:white;stroke:var(--valkoinen-border);stroke-width:.2}.hsm-viz div#cluster-viz svg text.cluster-viz-sub-line tspan.cluster-viz-sub-line-prefix{font-weight:700}.hsm-viz div#cluster-viz svg :is(text.cluster-viz-headline){fill:var(--me-sininen)}.hsm-viz div#cluster-viz svg :is(text.cluster-viz-sub-line){font-size:1.2em}.hsm-viz div#cluster-viz svg :is(text.cluster-viz-sub-line,text.cluster-viz-sub-line > tspan:not(.cluster-viz-sub-line-prefix),g.cluster-label text,text.cluster-viz-headline,text.cluster-viz-headline > tspan){text-anchor:middle}.hsm-viz div#cluster-viz svg .asterisk{font-size:.8em}.hsm-viz div#cluster-viz.respondent-map svg g.cluster-label text{font-size:.65em;opacity:0}.hsm-viz div#cluster-viz svg rect.map-label-bg-box{fill:white;opacity:0}.hsm-viz div#cluster-viz.respondent-map svg g.cluster-label text{stroke-width:3px;stroke:white;paint-order:stroke}.hsm-viz div#cluster-viz.respondent-map svg g.cluster-label:is(.lohja,.porvoo,.naanatali,.pori) text{stroke:var(--taustavari)}.hsm-viz div#cluster-viz.respondent-map svg g.cluster-label:is(.porvoo,.hameenlinna,.nurmijarvi,.oulu,.liminka,.kruunupyy,.lahti,.kauhajoki,.seinajoki) text{text-anchor:start}.hsm-viz div#cluster-viz.respondent-map svg g.cluster-label:is(.joensuu,.somero,.akaa,.nurmijarvi,.naantali,.pori) text{text-anchor:end}.hsm-viz div#cluster-viz:not(.respondent-map) svg g.cluster-label text{stroke-width:5px;stroke:var(--taustavari);paint-order:stroke}.hsm-viz div#cluster-viz svg g.cluster-label text.cluster-label-title{font-size:1.2em;font-weight:300}.hsm-viz div#cluster-viz.respondent-map svg g.cluster-label text.cluster-label-title{font-size:1.05em}.hsm-viz div#cluster-viz svg g.cluster-label text.cluster-label-value tspan.percentage{font-size:1.2em;font-weight:700}.hsm-viz div#cluster-viz svg g.cluster-label text.cluster-label-value tspan.absolute-value{font-size:1em;font-weight:300}:root{--haasteita-0-solid:var(--vaalea-sininen);--haasteita-0-tone-1:var(--vaalea-sininen-tone-1);--haasteita-0-tone-2:var(--vaalea-sininen-tone-2);--haasteita-0-tone-3:var(--vaalea-sininen-tone-3);--haasteita-0-tone-4:var(--vaalea-sininen-tone-4);--haasteita-1-solid:var(--keskisininen);--haasteita-1-tone-1:var(--keskisininen-tone-1);--haasteita-1-tone-2:var(--keskisininen-tone-2);--haasteita-1-tone-3:var(--keskisininen-tone-3);--haasteita-1-tone-4:var(--keskisininen-tone-4);--haasteita-enemman-kuin-1-solid:var(--me-sininen);--haasteita-enemman-kuin-1-tone-1:var(--me-sininen-tone-1);--haasteita-enemman-kuin-1-tone-2:var(--me-sininen-tone-2);--haasteita-enemman-kuin-1-tone-3:var(--me-sininen-tone-3);--haasteita-enemman-kuin-1-tone-4:var(--me-sininen-tone-4);--hover-solid:var(--musta);--hover-tone-1:var(--musta-tone-1);--hover-tone-2:var(--musta-tone-2);--hover-tone-3:var(--musta-tone-3);--hover-tone-4:var(--musta-tone-4);--highlight-solid:var(--oranssi-2);--highlight-tone-1:var(--oranssi-2-tone-1);--highlight-tone-2:var(--oranssi-2-tone-2);--highlight-tone-3:var(--oranssi-2-tone-3);--highlight-tone-4:var(--oranssi-2-tone-4)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-0 :is(polygon,path,rect,polyline,.fill-100,.fill-89){fill:var(--haasteita-0-solid)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-0 :is(.fill-84,.fill-75){fill:var(--haasteita-0-tone-1)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-0 :is(.fill-61,.fill-55){fill:var(--haasteita-0-tone-2)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-0 :is(.fill-33,.fill-30){fill:var(--haasteita-0-tone-3)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-0 :is(.fill-17,.fill-15){fill:var(--haasteita-0-tone-4)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-1 :is(polygon,path,rect,polyline,.fill-100,.fill-89){fill:var(--haasteita-1-solid)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-1 :is(.fill-84,.fill-75){fill:var(--haasteita-1-tone-1)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-1 :is(.fill-61,.fill-55){fill:var(--haasteita-1-tone-2)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-1 :is(.fill-33,.fill-30){fill:var(--haasteita-1-tone-3)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-1 :is(.fill-17,.fill-15){fill:var(--haasteita-1-tone-4)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-enemman-kuin-1 :is(polygon,path,rect,polyline,.fill-100,.fill-89),.hsm-viz :is(div#cluster-viz.respondent-map) svg :is(g.haasteita-0,g.haasteita-1,g.haasteita-enemman-kuin-1) :is(polygon,path,rect,polyline,.fill-100,.fill-89),.hsm-viz :is(div#scrollytelling-highlighted-character) svg :is(g.pictogram.highlighted,g.pictogram.clicked) :is(polygon,path,rect,polyline,.fill-100,.fill-89){fill:var(--haasteita-enemman-kuin-1-solid)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-enemman-kuin-1 :is(.fill-84,.fill-75),.hsm-viz :is(div#cluster-viz.respondent-map) svg :is(g.haasteita-0,g.haasteita-1,g.haasteita-enemman-kuin-1) :is(.fill-84,.fill-75),.hsm-viz :is(div#scrollytelling-highlighted-character) svg :is(g.pictogram.highlighted,g.pictogram.clicked) :is(.fill-84,.fill-75){fill:var(--haasteita-enemman-kuin-1-tone-1)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-enemman-kuin-1 :is(.fill-61,.fill-55),.hsm-viz :is(div#cluster-viz.respondent-map) svg :is(g.haasteita-0,g.haasteita-1,g.haasteita-enemman-kuin-1) :is(.fill-61,.fill-55),.hsm-viz :is(div#scrollytelling-highlighted-character) svg :is(g.pictogram.highlighted,g.pictogram.clicked) :is(.fill-61,.fill-55){fill:var(--haasteita-enemman-kuin-1-tone-2)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-enemman-kuin-1 :is(.fill-33,.fill-30),.hsm-viz :is(div#cluster-viz.respondent-map) svg :is(g.haasteita-0,g.haasteita-1,g.haasteita-enemman-kuin-1) :is(.fill-33,.fill-30),.hsm-viz :is(div#scrollytelling-highlighted-character) svg :is(g.pictogram.highlighted,g.pictogram.clicked) :is(.fill-33,.fill-30){fill:var(--haasteita-enemman-kuin-1-tone-3)}.hsm-viz :is(div#cluster-viz) svg g.haasteita-enemman-kuin-1 :is(.fill-17,.fill-15),.hsm-viz :is(div#cluster-viz.respondent-map) svg :is(g.haasteita-0,g.haasteita-1,g.haasteita-enemman-kuin-1) :is(.fill-17,.fill-15),.hsm-viz :is(div#scrollytelling-highlighted-character) svg :is(g.pictogram.highlighted,g.pictogram.clicked) :is(.fill-17,.fill-15){fill:var(--haasteita-enemman-kuin-1-tone-4)}.hsm-viz :is(div#cluster-viz) svg :is(g.pictogram.hover,g.pictogram.clicked) :is(polygon,path,rect,polyline,.fill-100,.fill-89){fill:var(--hover-solid)}.hsm-viz :is(div#cluster-viz) svg :is(g.pictogram.hover,g.pictogram.clicked) :is(.fill-84,.fill-75){fill:var(--hover-tone-1)}.hsm-viz :is(div#cluster-viz) svg :is(g.pictogram.hover,g.pictogram.clicked) :is(.fill-61,.fill-55){fill:var(--hover-tone-2)}.hsm-viz :is(div#cluster-viz) svg :is(g.pictogram.hover,g.pictogram.clicked) :is(.fill-33,.fill-30){fill:var(--hover-tone-3)}.hsm-viz :is(div#cluster-viz) svg :is(g.pictogram.hover,g.pictogram.clicked) :is(.fill-17,.fill-15){fill:var(--hover-tone-4)}.hsm-viz :is(div#scrollytelling-highlighted-character,div#cluster-viz) svg :is(.fill-0){fill:white!important}.hsm-viz :is(div#cluster-viz) svg g.shadow :is(polygon,path,rect,polyline){fill:var(--taustavari)!important}.hsm-viz :is(div#scrollytelling-highlighted-character) svg g.shadow :is(polygon,path,rect,polyline){fill:rgba(0,0,0,0)!important}.hsm-viz span:is(.visualization-sub-line,.visualization-headline){display:none}.hsm-viz .viz-popup{position:absolute;background-color:#fff;max-width:250px;padding:.75em .75em .25em .75em;box-shadow:.25em .25em .5em rgba(0,0,0,.2)}.hsm-viz .viz-popup h3{color:var(--me-sininen);margin:0 0 .4em 0}.hsm-viz .viz-popup h3 span.child-age{font-weight:300}.hsm-viz .viz-popup p{margin:0 0 .5em 0;font-size:.85em;line-height:1.25em}.hsm-viz .viz-popup p:last-of-type{margin-bottom:-14px}.hsm-viz .viz-popup :is(h3,p.profile){font-size:1.15em}.hsm-viz .viz-popup span.value{font-weight:400}.hsm-viz .viz-popup p.popup-asterisk-info{font-size:.7em}.hsm-viz .viz-popup .popup-pointer{margin:0 0 -23px -.75em}.hsm-viz .viz-popup .popup-pointer path{fill:white}.hsm-viz div#scrollytelling>p.scrollytelling-chart-wrapper{background-color:transparent}.hsm-viz svg.hsm-chart{margin-top:-1rem}.hsm-viz svg.hsm-chart *{font-family:LLBrownWeb!important}@media only screen and (max-width:1240px){.hsm-viz div#scrollytelling>div#h1-wrapper{max-width:clamp(33vw,400px,90vw);margin-left:10vw}.hsm-viz div#scrollytelling>div#h1-wrapper>h1 span.subheadline{max-width:clamp(33vw,400px,90vw)}}@media only screen and (max-width:1000px) and (min-width:641px) and (min-height:500px){.hsm-viz div#cluster-viz.respondent-map:not(.initial-map)>svg{transition:margin-left var(--transition-length),width var(--transition-length)}.hsm-viz div#cluster-viz.respondent-map.initial-map>svg{margin-left:330px}.hsm-viz div#cluster-viz.respondent-map:not(.initial-map)>svg{margin-left:20vw}}@media only screen and (max-width:1000px) and (min-height:500px){.hsm-viz div#cluster-viz svg :is(text.cluster-viz-headline),.hsm-viz div#scrollytelling>h3{max-width:90vw;padding:3em 5vw}.hsm-viz div#scrollytelling>p.scrollytelling-chart-wrapper{margin:0 auto;padding:0;max-width:clamp(550px,70vw,750px)}.hsm-viz div#highlighted-character-intro{font-size:4.8vw;max-width:90vw;margin-left:5vw}}@media only screen and (max-width:880px){.hsm-viz div#highlighted-character-intro{margin:var(--spacing-h-min) 2vw var(--spacing-h-min) 5vw!important;max-width:93vw}}@media only screen and (max-width:750px) and (orientation:portrait){.hsm-viz :is(div#cluster-viz),.hsm-viz :is(div#cluster-viz) svg{width:750px}.hsm-viz div.scrollytelling-step.scrollable-cluster{height:calc(var(--spacing-h-extra) - 100vh + 750px / (.875 - .4))}.hsm-viz div.scrollytelling-step.scrollable-cluster.demography{height:calc(var(--spacing-h-extra) - 50vh + 750px / (.875 - .4))}}@media only screen and (max-width:785px) and (min-width:641px) and (orientation:portrait){.hsm-viz div#cluster-viz.respondent-map.initial-map>svg{width:80vw;margin-left:50vw}}@media only screen and (max-width:640px) and (orientation:portrait){body{-webkit-text-size-adjust:100%}.hsm-viz div#scrollytelling>div#h1-wrapper{max-width:90vw;width:90vw;margin-left:5vw;height:100vh}.hsm-viz div#scrollytelling>div#h1-wrapper>h1 span.subheadline{max-width:90vw}.hsm-viz div#cluster-viz.respondent-map>svg{margin-left:10vw}.scrollytelling-step{margin-bottom:var(--spacing-h-mid)}.hsm-viz div#cluster-viz svg :is(text.cluster-viz-sub-line){stroke-width:5px;stroke:var(--taustavari);paint-order:stroke}}@media only screen and (max-width:525px) and (orientation:portrait){:root{--spacing-h-extra:75vh;--spacing-h-max:50vh;--spacing-h-mid:30vh;--spacing-h-min:8vh}.hsm-viz div#scrollytelling>div#h1-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:80vh;margin-bottom:100vh}@keyframes bounce{from{margin-bottom:0}to{margin-bottom:-10px}}.hsm-viz div#scrollytelling>div#h1-wrapper>p#scroll-cta{display:inline-block;font-size:clamp(13pt, 13pt, 5vw)}.hsm-viz div#scrollytelling>h2{font-size:10vw;max-width:100vw;width:100vw;padding:var(--spacing-h-min) 0}.hsm-viz div#scrollytelling>h3{font-size:clamp(1.2em, 5.5vw, 24pt)}.hsm-viz div#cluster-viz svg :is(text.cluster-viz-headline){font-size:18pt}.hsm-viz div#cluster-viz svg :is(text.cluster-viz-sub-line),.hsm-viz div#cluster-viz svg g.cluster-label text.cluster-label-title,.hsm-viz div#cluster-viz svg g.cluster-label text.cluster-label-value tspan.percentage{font-size:calc(var(--body-font-size) * .9)}.hsm-viz div#scrollytelling>p.scrollytelling-chart-wrapper{max-width:100vw}.hsm-viz div#scrollytelling>p.spacer{margin-bottom:var(--spacing-h-mid)}}@media only screen and (max-width:440px) and (orientation:portrait){.hsm-viz div#scrollytelling>div#h1-wrapper>h1{font-size:12vw;padding-top:2.5vh}.hsm-viz div#scrollytelling>div#h1-wrapper>h1 span.subheadline{font-size:7vw;padding:.5em 0 1em 0;margin-top:0}.hsm-viz div#scrollytelling{font-size:3.5vw}.hsm-viz div#scrollytelling p{font-size:1.25em;padding:.8em 5vw}.hsm-viz div#scrollytelling>h3{font-size:6vw}.hsm-viz div#scrollytelling>:is(p,div).scrollytelling-quote{font-size:6vw;line-height:1.3em;padding:5vw;width:100vw;margin:var(--spacing-h-max) 0}.hsm-viz div#scrollytelling>div.scrollytelling-quote p.quoted{margin-top:2.2vw;font-size:4.4vw}}@media only screen and (max-height:500px) and (orientation:landscape){:root{--column-width:90vw;--body-font-size:13pt}body{-webkit-text-size-adjust:100%}.hsm-viz div#scrollytelling>div#h1-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:76vh;padding:0;margin:0 auto var(--spacing-h-mid) 5vw;max-width:calc(35vw + 50vh)}.hsm-viz div#scrollytelling>div#h1-wrapper>h1{font-size:10vh;line-height:1.08em}.hsm-viz div#scrollytelling>div#h1-wrapper>h1 span.subheadline{font-size:calc(var(--body-font-size) * 1.333);max-width:calc(32vw + 50vh);margin-top:11.5pt}@keyframes bounce{from{margin-bottom:1.5px}to{margin-bottom:-3px}}.hsm-viz div#scrollytelling>div#h1-wrapper>p#scroll-cta{display:inline-block;font-size:var(--body-font-size);margin-top:-20px}.hsm-viz div#scrollytelling>div#h1-wrapper>p#scroll-cta br{display:none}.hsm-viz div#scrollytelling>div#h1-wrapper>p#scroll-cta>img#cta-chevron{margin-left:.5em;width:1.33em}.hsm-viz div#highlighted-character-intro,.hsm-viz div#scrollytelling,.hsm-viz div#scrollytelling>p,.hsm-viz div#scrollytelling>p.intro-text{font-size:none;font-size:var(--body-font-size)}.hsm-viz div#scrollytelling>h2{font-size:4.5vw}.hsm-viz div#cluster-viz{height:97vh}.hsm-viz div#cluster-viz.respondent-map:not(.initial-map)>svg{transition:margin-left var(--transition-length),width var(--transition-length)}.hsm-viz div#cluster-viz.respondent-map.initial-map>svg{margin-left:calc(35vw + 50vh)}.hsm-viz div#cluster-viz.respondent-map:not(.initial-map)>svg{margin-left:30vw}.hsm-viz svg.hsm-chart{max-height:clamp(400px,140vh,820px)}.hsm-viz p:has(svg.hsm-chart){text-align:center}.hsm-viz div#scrollytelling>h3{font-size:calc(var(--body-font-size) * 1.6)}.hsm-viz div#cluster-viz svg :is(text.cluster-viz-headline){font-size:calc(var(--body-font-size) * 1.18)}.hsm-viz div#cluster-viz svg :is(text.cluster-viz-sub-line),.hsm-viz div#cluster-viz svg g.cluster-label text.cluster-label-title,.hsm-viz div#cluster-viz svg g.cluster-label text.cluster-label-value tspan.percentage{font-size:calc(var(--body-font-size) * .9)}.hsm-viz div#highlighted-character-intro{margin-left:5vw}.hsm-viz div#scrollytelling-highlighted-character svg{width:67%;height:120%;margin-top:-5%;margin-left:14%}.hsm-viz div#scrollytelling-highlighted-character+p{margin-top:-4em}}#side-scroll-prompt{position:fixed;width:100%;opacity:1;bottom:0;left:50%;transform:translateX(-50%);color:#000;text-align:center;font-family:Brown,LLBrownWeb,sans-serif;z-index:-1}#side-scroll-chevron{scale:75%;margin-left:.5em;animation-name:bounce;animation-direction:alternate-reverse;animation-timing-function:ease-in-out;animation-duration:.6s;animation-iteration-count:infinite}