.steinway__metronome__quote p{font-size:1.3125em;line-height:1.4285714286}@media (min-width: 30.0625em){.steinway__metronome__quote p{font-size:1.5em;line-height:1.25}}
.steinway__metronome__quote cite span{font-family:"Gotham XNarrow SSm A","Gotham XNarrow SSm B","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400}.steinway__metronome__quote cite{font-family:"Gotham XNarrow SSm A","Gotham XNarrow SSm B","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:500}.steinway__metronome__quote p{font-family:"Sentinel SSm A","Sentinel SSm B",Palatino,"Times New Roman",Times,serif;font-style:normal;font-weight:400}.js .hide-animation{opacity:0}@media (max-width: 37.4375em){.portfolio__section--style-guide{display:none}.portfolio__section--style-guide+section{padding-top:0}}.portfolio__section--style-guide:before{background-image:url(http://cdn.31three.com/img/portfolio/steinway/style-bg.jpg);-webkit-background-size:auto 100%;background-size:auto 100%;bottom:0;height:25rem;left:50%;top:auto}@media (min-width: 43.75em){.portfolio__section--style-guide:before{background-position:0 100%;-webkit-background-size:auto 75%;background-size:auto 75%;height:auto;left:52.5%;top:5.25rem}}@media (min-width: 60em){.portfolio__section--style-guide:before{background-position:0 75%;-webkit-background-size:auto 85%;background-size:auto 85%;bottom:5.25rem;left:60%}}@media (min-width: 80em){.portfolio__section--style-guide:before{-webkit-background-size:auto 100%;background-size:auto 100%;left:55%}}
.style-guide__container{padding-right:0%}@media (min-width: 60em){.style-guide__container{padding-right:33.3333%}}@media (min-width: 80em){.style-guide__container{padding-right:50%}}.style-guide__img--heading{width:100%}.style-guide__img--heading-2{width:90%}.style-guide__img--body{width:75%;max-width:512px}.style-guide__img--palette{width:33%}@media (min-width: 43.75em){.style-guide__img--body{width:57%}}@media (min-width: 60em){.style-guide__img--heading{max-width:none;width:120%}.style-guide__img--heading-2{width:100%}.style-guide__img--body{width:80%}.style-guide__img--palette{width:50%}}@media (min-width: 80em){.style-guide__img--heading{width:140%}.style-guide__img--heading-2{width:120%}.style-guide__img--body{width:100%}}
.steinway__metronome{background:url(http://cdn.31three.com/img/portfolio/steinway/metronome-bg-small.jpg) no-repeat 0 100%;-webkit-background-size:100% auto;background-size:100% auto;padding-bottom:53.17241379%}@media (min-width: 30.0625em){.steinway__metronome{background-image:url(http://cdn.31three.com/img/portfolio/steinway/metronome-bg-medium.jpg)}}@media (min-width: 48.0625em){.steinway__metronome{background-image:url(http://cdn.31three.com/img/portfolio/steinway/metronome-bg.jpg)}}.steinway__metronome__icons{margin-bottom:2rem}.steinway__metronome__icons img{max-width:none;width:auto}@media (min-width: 48.0625em){.steinway__metronome__icons{text-align:center}}@media (min-width: 60em){.steinway__metronome__icons{display:inline-block;margin-left:2rem;vertical-align:top;width:1px}}.steinway__metronome__quote{border:none;padding:0;margin:-366px 0 2rem;min-height:334px;width:234px}.steinway__metronome__quote cite:before{content:none}.steinway__metronome__quote cite span{display:block}@media (min-width: 60em){.steinway__metronome__quote{margin:-2rem 0 -7.5rem;min-height:0;width:370px}}
.steinway__devices{position:relative}.steinway__devices__1{margin:0 auto;position:relative;width:65%;z-index:10}.steinway__devices__2,.steinway__devices__3{left:-15%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:60%;z-index:5}.steinway__devices__3{left:auto;right:-15%}@media (min-width: 30.0625em){.steinway__devices{margin-left:-2rem}}@media (min-width: 60em){.steinway__devices{display:inline-block;margin-left:-2rem;width:42.25rem}}
@media (min-width: 30.0625em){.steinway__device{display:inline-block;left:auto;-webkit-transform:none;-ms-transform:none;transform:none;padding-left:2rem;position:relative;right:auto;top:auto;width:33.3333%}}
.portfolio__loupe{display:none;left:75%;top:75%}@media (max-width: 50em){.portfolio__loupe{width:75%}}@media (min-width: 30.0625em){.portfolio__loupe{display:block}}@media (min-width: 60em){.portfolio__loupe{left:117%;top:72%}}