/*! 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:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.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}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{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}template{display:none}[hidden]{display:none}.page-content{padding:0 0.8rem;margin:50px 0 0.8rem}#sticky{width:100% !important}.grid{display:flex;flex-direction:column}.grid.narrow{max-width:680px;margin:0 auto}.grid.center{justify-content:center}@media (min-width: 480px){.grid.center{align-items:center}}.grid .col{padding:0.5rem}@media (min-width: 480px){.grid .col{padding:1.5rem}}.grid.no-gutters .col{padding:0 1rem 0 0}@media (min-width: 480px){.grid{flex-direction:row}}.one-col{max-width:680px;margin:0 auto;padding:1rem 0.7rem}@media (min-width: 480px){.one-col{padding:1.5rem}}.padded{padding:3rem 0}.top-padded{padding-top:3rem}article#intro{margin:0 -0.8rem}article#intro header{height:calc(100vh - 50px);overflow:hidden;display:flex}article#intro header img#fish-plate{object-fit:cover;transform:scale(2)}article#intro section#tons-per-year{height:500px;background:url("img/intro/intro-fish-bin.jpg");position:relative;margin-bottom:60px;background-size:cover}article#intro section#tons-per-year #the-fishmeal{position:absolute;width:25%;height:520px;top:-20px;left:0;right:0;margin:0 auto;background:url("img/intro/intro-fishmeal.jpg");background-size:cover;border-left:10px solid #fff;border-right:10px solid #fff}article#intro section#tons-per-year #the-fishmeal:after{content:'';height:1px;width:100%;background:#1e1e1e;display:block;position:absolute;bottom:-20px;z-index:3}@media (min-width: 768px){article#intro section#tons-per-year #the-fishmeal{left:42%;right:auto}}article#intro section#tons-per-year #measurement-line{height:1px;width:100%;background:#c2c2c2;display:block;position:absolute;bottom:-20px;z-index:2}article#intro section#tons-per-year #measurement-line:before,article#intro section#tons-per-year #measurement-line:after{content:'';height:22px;width:5px;background:#c2c2c2;display:block;position:absolute;bottom:-11px}article#intro section#tons-per-year #measurement-line:before{left:5px}article#intro section#tons-per-year #measurement-line:after{right:5px}article#intro section#tons-per-year #measurement-line span{display:inline-block;padding:0.5rem 0}@media (min-width: 768px){article#intro section#tons-per-year #measurement-line span{padding:0.5rem 1rem}}article#intro section#tons-per-year #measurement-line span+span{text-align:center}@media (min-width: 768px){article#intro section#tons-per-year #measurement-line span+span{position:absolute;left:42%;width:24%;padding:0.5rem}}article#intro section#complex-process{padding-bottom:3rem}article#intro section#complex-process #awards{padding:0.5rem 1.5rem}article#intro section#complex-process #awards img{height:auto;margin-right:0.5rem;margin-top:0.5rem}@media (min-width: 480px){article#intro section#complex-process #awards img{margin-right:2rem;margin-top:0}}article#intro section#complex-process #awards img#dpa{max-width:70px}article#intro section#complex-process #awards img#ema{max-width:85px}article#intro section#complex-process #awards img#owm{max-width:116px}article#intro section#complex-process #awards img#oja{max-width:82px}article.story{padding-top:100px;padding-bottom:3rem;margin-top:-70px}article.story header{height:calc(100vh - 50px);background:#a8a8a8;position:relative;background-size:cover;margin:0 -0.8rem}article.story#china header{background-image:url("img/china/china-main.jpg");background-position:center right}article.story#peru header{background-image:url("img/peru/peru-main.jpg");background-position:center center}article.story#west-africa header{background-image:url("img/west-africa/west-africa-main.jpg")}article.story#alternatives{padding-top:120px}article.story#alternatives header{background-image:url("img/alternatives/alternatives-main.jpg");background-position:center center}article.story#alternatives h1.section-title{left:0.8rem;right:0.8rem}footer#credits{background:#1e1e1e}footer#credits header{position:relative;padding-bottom:2rem}footer#credits header #project-credits{position:absolute;visibility:hidden;height:0;width:0;top:-120px}footer#credits .logos{display:flex;flex-flow:row wrap;max-width:680px;margin:0 auto;align-items:center;padding:1rem 0.8rem}footer#credits .logos img{border-radius:0}footer#credits .logos#funders{border-bottom:1px solid #8f8f8f;padding:1rem 0.8rem 3rem}footer#credits #names{max-width:680px;margin:0 auto;padding:0 0.8rem}body{font-family:"Georgia",serif;font-weight:400;font-size:17px;color:#1e1e1e;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",serif;font-weight:700}h1.section-title{font-size:2.5em;max-width:720px;position:absolute;margin:0 auto;top:-50px;left:0;right:0}h1.section-title span.highlight{background:#fff;padding:0.5rem 1rem}h1.section-title span.story-region{font-size:0.6em;display:none}@media screen and (min-width: 580px){h1.section-title span.story-region{display:inline}}@media screen and (min-width: 580px){h1.section-title{font-size:3.2em}}p.large{font-size:1.3em;padding:1rem 1.5rem}.label,figcaption{font-family:"Lato",sans-serif;font-size:0.85em;color:#828282}figcaption span{font-style:italic}table{font-family:"Lato",sans-serif;color:dark(#a8a8a8, 20%);max-width:680px;margin:0 auto;margin:1rem auto 2rem;border-collapse:collapse;font-size:0.9em}table tr td:first-child{border-right:1px solid #a8a8a8;padding-right:0.5rem;font-weight:bold}table tr:hover{background:#c9e0f9}table tr:last-child td{border-bottom:0}table tr:nth-child(even){background:#e9e9e9}table tr:nth-child(even):hover{background:#c9e0f9}table td{vertical-align:top;padding:0.5rem;border-bottom:1px solid #a8a8a8}article#intro header h1{width:100%;margin:0;font-size:24px;position:absolute;text-align:center;top:10%;left:0;right:0;z-index:1;line-height:1.5}@media (min-width: 768px){article#intro header h1 br{display:none}}@media (min-width: 480px){article#intro header h1{font-size:32px;top:7%}}article#intro header h1 .fade{opacity:0;position:absolute;padding-bottom:0.2rem}article#intro header h1 span#full-title{padding:0 0.3rem 0.3rem;background:rgba(255,255,255,0.75)}article#intro section#percent-fishmeal h2{font-size:9em;margin:-3rem 0 0;line-height:1.3;text-align:center}article#intro section#percent-fishmeal h2 span{font-size:3rem}article#intro section#percent-fishmeal p{max-width:440px;margin-top:0;padding:0.5rem 1.5rem}@media (min-width: 480px){article#intro section#percent-fishmeal p{margin-top:1.5rem}}article#intro section#tons-per-year #measurement-line{text-align:center}@media (min-width: 768px){article#intro section#tons-per-year #measurement-line{text-align:left}}article#intro section#tons-per-year #measurement-line span{color:#a8a8a8}article#intro section#tons-per-year #measurement-line span+span{color:#1e1e1e}article#intro section#tons-per-year #measurement-line span.eighty{display:none}@media (min-width: 768px){article#intro section#tons-per-year #measurement-line span.eighty{display:inline}}article#intro section#tons-per-year #measurement-line span.out-of-eighty{color:#1e1e1e}@media (min-width: 768px){article#intro section#tons-per-year #measurement-line span.out-of-eighty{display:none}}article#intro section#fish-farms .label{padding:0.5rem}article.story h2.section{max-width:680px;margin:0 auto;padding:1.5rem 0.8rem 0}article.story h2.section+.inline{margin-top:1rem}article.story h2.section+p{margin:1rem auto 1.5rem}article.story .story-description{max-width:724px;background:#fff;font-style:italic;margin:-5rem auto 1rem;padding-bottom:1.5rem;position:relative}article.story .story-description p{padding:1rem 0.8rem 0;margin:0;line-height:1.8}article.story .story-description p.byline{font-size:1em;color:#757575;padding:1rem 0.8rem 0}article.story .story-description p.byline span{text-transform:uppercase}article.story .story-description p.byline span a{text-decoration:none;color:#757575}article.story .story-description p.byline span a:hover{color:#1e1e1e}@media (min-width: 768px){article.story .story-description p.byline{padding:0 1.5rem}}@media (min-width: 768px){article.story .story-description p{padding:1rem 1.5rem}}article.story .story-description:after{content:'';display:block;position:absolute;bottom:0;left:0.8rem;width:33%;height:1px;background:#1e1e1e;opacity:0.5}@media (min-width: 768px){article.story .story-description:after{left:1.5rem}}article.story .story-body p{max-width:680px;margin:1.5rem auto;line-height:1.8;padding:0 0.8rem}article.story .story-body .collapser p{margin:0.8rem auto}#sidebar-content h1,#sidebar-content h2,#sidebar-content h3,#sidebar-content p{font-family:"Lato",sans-serif;width:100%}#sidebar-content p{margin:0 0 1.25rem;width:100%}#sidebar-content a{color:#fff}footer#credits{color:#fff}footer#credits h1.section-title .highlight{background:#1e1e1e}footer#credits p{max-width:680px;margin:1.25rem auto;line-height:1.8;padding:0 0.8rem}footer#credits p a{color:#fff}footer#credits p a:hover{color:#b2d4f6}footer#credits #names p{padding:0;margin:1rem 0}footer#credits #names p span{font-family:"Lato",sans-serif;color:#bfbfbf;margin-right:0.5rem;font-size:0.9em}footer#credits #names h2.section{margin:2.5rem 0 0}footer#credits .logos a{flex:1;margin-right:1.5rem}@media (min-width: 480px){footer#credits .logos a{flex:0 auto}}.site-header{background:#ffffff;position:fixed;top:0;left:0;height:50px;width:100%;z-index:5}.site-header>*{-webkit-transform:translateZ(0);transform:translateZ(0)}.site-header nav{height:50px}.site-header ul{list-style-type:none;font-size:0.75em;display:flex;justify-content:center;align-items:center;padding-left:0;margin:0;height:100%;font-family:"Lato",sans-serif;border-bottom:2px solid #e9e9e9}.site-header ul li a{padding:10px 16px;text-decoration:none;color:#1e1e1e}.site-header ul li a span.number{display:inline-block}@media (min-width: 480px){.site-header ul li a span.number{color:#a8a8a8;margin-right:0.5rem}}.site-header ul li a span.title{display:none}@media screen and (min-width: 620px){.site-header ul li a span.title{display:inline}}.site-header ul li a span.region{display:none}@media screen and (min-width: 870px){.site-header ul li a span.region{display:inline}}.site-header ul li#alts{border-left:1px solid #a8a8a8}progress{position:fixed;left:0;top:50px;width:100%;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;color:#56a0ec;z-index:6;opacity:0;transition:opacity 0.7s}progress.show{opacity:1}progress[value]::-webkit-progress-bar{background-color:transparent}progress[value]::-webkit-progress-value{background-color:#56a0ec}.site-footer{margin-top:3rem;padding:0 0.8rem 3rem;background:#1e1e1e}img{width:100%;max-width:100%;border-radius:2px}figure.inline{max-width:680px;margin:0 auto}figure.full{margin:2rem 0}.video-container{max-width:680px;margin:2rem auto;width:100%}.video-container .video{padding-bottom:56.25%;margin-bottom:0;overflow:hidden;position:relative}.video-container .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px}.video-container#fish-farm-video{max-width:none;margin:4rem 0 0}.video-container#fish-farm-video .video{padding-bottom:32.29166666666667%}#sidebar-content .video-container{margin:2rem auto 1.25rem}.collapser{overflow:auto}.collapser .content{padding:0 0.8rem;display:none}.collapser.block{max-width:680px;margin:0 auto;background:#e9e9e9}.collapser.block .title{display:flex;border-bottom:3px solid #fff;cursor:pointer;transition:background 0.15s;font-size:0.9em}.collapser.block .title:hover{background:#d0d0d0}.collapser.block span{padding:0.8rem}.collapser.block span.text{flex-grow:1;font-family:"Lato",sans-serif}.collapser.block span.info,.collapser.block span.plus-minus{flex-shrink:1}.collapser.block span.info{font-style:italic}.collapser.block span.plus-minus{border-left:3px solid #fff}.collapser.inline .content{max-width:680px;margin:0 auto}.collapser.inline .content p{background:#e9e9e9;padding:0.4rem 0.8rem}.collapser.inline .inline-collapser-paragraph{margin:1.6rem auto 0.8rem !important}.collapser.inline .inline-collapser-paragraph .title{border-bottom:1px solid;cursor:pointer;transition:color 0.3s}.collapser.inline .inline-collapser-paragraph .title:hover{color:#2886e7}.graph{width:100%}#scroll-down{font-size:14px;position:absolute;bottom:-20px;left:0;display:inline-block;width:100%;opacity:1}#scroll-down.waggle{animation:waggle 0.9s 1.5s 2, fade 2.7s 1.5s forwards}@keyframes waggle{0%, 20%, 50%, 80%, 100%{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes fade{80%{opacity:1}99%{display:inline-block}100%{opacity:0;display:none}}.sr-only{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.sidebar-callout{max-width:680px;margin:0 auto;background:#e9e9e9;position:relative;padding:0.4rem;font-size:0.9em}.sidebar-callout span{font-family:"Lato",sans-serif}.sidebar-callout button .far{margin-left:0.5rem}@media (min-width: 480px){.sidebar-callout{padding:0}}#sidebar{right:-100%;-webkit-transition:right 0.8s cubic-bezier(0.19, 1, 0.22, 1);transition:right 0.8s cubic-bezier(0.19, 1, 0.22, 1);position:fixed;z-index:8;top:0;width:90%;max-width:740px;height:100%;color:#fff;background-color:#383838;font-size:0.9em}#sidebar #sidebar-content-wrapper{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}#sidebar #sidebar-content-wrapper #sidebar-content{padding:24px 32px 12px}#sidebar .sidebar-toggle{position:absolute;top:25px;left:-25px;border-radius:50%;height:50px;width:50px;background:#383838;text-align:center;cursor:pointer;transition:color 0.2s;color:#a8a8a8}#sidebar .sidebar-toggle .far{font-size:25px;line-height:50px}#sidebar .sidebar-toggle:hover{color:#fff}body.sidebar-open{overflow:hidden}body.sidebar-open #sidebar{right:0}body.sidebar-open #overlay{display:block;opacity:1}#overlay{display:none;opacity:0;background:rgba(30,30,30,0.7);height:100%;width:100%;top:0;z-index:7;position:fixed}a{transition:color 0.3s}a,a:visited{color:#1e1e1e}a:hover{color:#2886e7}.story-body p a{text-decoration:underline}button,a.button{font-family:"Lato",sans-serif;padding:0.75rem 1rem;background:#fff;transition:all 0.15s;border:2px solid #a8a8a8}button:hover,a.button:hover{cursor:pointer;border:2px solid #1e1e1e}button.inline{padding:0rem;text-decoration:underline;color:#828282;border:0}a#down{font-size:0.7em;margin-left:0.25rem}.story-body p a.navigation{margin-top:1rem;font-size:0.9em;display:inline-block;text-decoration:none;color:#1e1e1e}body.loading{overflow:hidden}.loader#main-loader{position:fixed;z-index:10;top:0;left:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#1e1e1e;font-family:"Playfair Display",serif;font-size:74px}.loader#main-loader .loading-animation{font-size:24px;height:70px;line-height:60px;background-image:url("img/liquid.png");-moz-background-clip:text;-o-background-clip:text;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0px 0px rgba(255,255,255,0.15);animation:wave-animation 1s infinite linear;background-size:200px 70px;background-repeat:repeat-x;opacity:1;padding:0 1rem}@media (min-width: 480px){.loader#main-loader .loading-animation{font-size:32px}}@keyframes wave-animation{0%{background-position:0 bottom}100%{background-position:200px bottom}}