/* The landing Mission's proportions, used for a normal-flow chapter ribbon. */


.science-ribbon[hidden]{display:none}
.science-ribbon{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;height:320px;padding:48px clamp(24px,7vw,112px);background:#061c45;color:#fff}
.science-ribbon::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:clamp(300px,36vw,480px);aspect-ratio:1;left:clamp(12px,3vw,48px);top:50%;transform:translateY(-50%) rotate(-12deg);background:url('/audience/assembled-partnership.svg') center/contain no-repeat;opacity:.48}
.science-ribbon-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.science-ribbon .eyebrow{color:#fff;margin:0;font-size:12px}
.science-ribbon .eyebrow span{margin-right:9px}
.science-ribbon h2{font:600 clamp(42px,5vw,70px)/1.04 Manrope,sans-serif;letter-spacing:-.05em;color:#f2f3f7;margin:0;max-width:1100px}
.science-ribbon h2>span{color:#d69aa8}
.replay-animation{flex-shrink:0;border:0;border-bottom:1px solid #ffffff60;padding:8px 0;background:none;color:#f2f3f7;font:500 12px/1.4 Manrope,sans-serif;cursor:pointer}
.replay-animation span{margin-left:7px}.replay-animation:hover{border-color:#fff}.replay-animation:focus-visible{outline:2px solid #d69aa8;outline-offset:5px}
@media(max-width:680px){.science-ribbon{height:248px;padding:28px 20px}.science-ribbon-top{align-items:flex-start;gap:12px;margin-bottom:26px}.science-ribbon .eyebrow{font-size:10px;max-width:160px}.replay-animation{font-size:10px;padding-top:0;min-height:32px}.science-ribbon h2{font-size:clamp(32px,8vw,48px)}.science-ribbon::before{width:300px;left:-25px}}
@media(max-height:600px){.science-ribbon{height:190px;padding-block:20px}.science-ribbon h2{font-size:36px}.science-ribbon-top{margin-bottom:16px}}

/* After playback, the ribbon is the first reachable content. */
.biotech-route .liquid-story[hidden]{display:none}
.biotech-route.science-story-finished main{padding-top:var(--site-header-height)}

.partners-ribbon{background:#87374e}
.partners-ribbon h2>span{color:#b4cfe9}

.story-skip{position:fixed;top:calc(var(--site-header-height,80px) + 12px);right:20px;z-index:1000;padding:10px 14px;min-height:44px;border:1px solid #bccbdc;border-radius:4px;background:#fff;color:#152035;font:500 12px Manrope,sans-serif;cursor:pointer}