#hero h1 {color: #c265f6;} .video-element {width: 110%;} #section-1 .dna {width: 24%; height: clamp(7px,40vw,800px); position: absolute; top: clamp(-380px,-19vw, 900px);} #section-1 .dna img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: 200%;} #section-1 .dna .dna-inner {width: 100%; height: 100%;} #section-1 .dna .dna-1 {left: 0; top: -17%; left: -13%; width: 137%; height: 137%; } #section-1 .dna .dna-2 {left: 0; top: -21%; left: -27%; width: 135%; height: 135%; object-fit: contain;} #section-1 .dna .dna-3{left: 0; top: -5%; left: -4.9%; width: 110%; height: 110%; object-fit: contain; animation-name: spin; animation-duration: 200000ms; animation-iteration-count: infinite; animation-timing-function: linear; } #section-1 .dna img {width: 100%;} #section-1 {padding-top: 4vw;} #section-1 .slashes {width: 100%;} #section-1 h2 {font-size: clamp(10px,10vw,210px); line-height: 1.1em; max-width: 90%; color: #9940dd; margin: clamp(10px,20vw,400px) 0 0; padding-bottom: clamp(10px,17vw,340px); position: relative; z-index: 4;} #section-1 .mammoth {position: absolute; right: 0; bottom: 0; width: clamp(10px,80vw,1600px); pointer-events: none;} #section-2 .section-header .line {background: #FFF; height: clamp(7px,1vw,20px); border-bottom: none; border-top: 1px solid #000;} #section-2 .section-header .arkitect {margin-bottom: clamp(7px,1vw,20px);} #section-2 {position: relative; z-index: 2;} #section-2 h3 {font-size: clamp(10px,7.6vw,140px); line-height: 0.85em; font-family: 'NB Architekt Std'; position: relative; z-index: 1;} #section-2 .mammoth-bones {position: absolute; bottom: 0; right: 0; width: clamp(10px, 65vw, 70%); bottom: clamp(-200px,-10vw,1px);} #section-2 .disc {bottom: clamp(10px,30vw,600px); right: clamp(10px,40vw,800px); z-index: 5; position: absolute;} #section-3 {background: #ff7124; padding-top: clamp(10px,30vw,600px); margin-top: clamp(-320px,-16.5vw,1px);} #section-3 .mountain-container {width: 100%; margin-top: -4vw; margin-bottom: -1vw; position: relative; overflow: hidden;} #section-3 .mountain-container .range {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} #section-3 .mountain-container .mountains-front {z-index: 5;} #section-3 .mountain-container .mountains-back {width: 150vw; margin-left: -35vw; max-width: 200vw; object-fit: cover; object-position: center top; height: 50vw; top: -7vw;} #section-3 .mountain-container .adjuster {opacity: 0;} #section-3 ul {padding: 0; margin: 0;} #section-3 ul li {font-size: clamp(10px,1.2vw,24px); padding:clamp(10px,1.5vw,20px) 0; list-style: none; margin: 0; clear: both; border-bottom: 1px solid #000;} #section-3 ul li span {width: clamp(10px,3.5vw,70px); height: clamp(10px,3vw,60px); float: left; } #section-3 ul li span .inner {display: flex; align-items: left; align-content:center; flex-direction: column; justify-content: center; height: 100%; font-family: 'NB Architekt Std'; font-size: clamp(10px,2vw,40px);} #section-3 ul li .text {display: flex; align-items: left; align-content:center; flex-direction: column; justify-content: center; height: 100%; height: clamp(10px,3vw,60px);} #section-4 {background: #000; color: #FFF; padding-bottom: clamp(10px,3vw,60px); position: relative; z-index: 5;} #section-4 .container-fluid {position: relative; z-index: 4;} #section-4 h2 {font-size: clamp(10px,16vw,320px); font-family: 'NB Architekt Std'; padding: 0; margin: 0; line-height: 1em; margin-top:clamp(-200px, -9.7vw,1px);} #section-4 h3 {font-size: clamp(10px,8vw,160px); line-height: 1.1em; font-family: 'NB Architekt Light'; padding: 0; margin: 0; margin-top: clamp(10px,3vw,60px); margin-bottom: clamp(10px,7vw,140px);} #section-4 p {font-size: clamp(10px,0.8vw,16px); line-height: 1.8em; margin-bottom: clamp(10px,2vw,40px);} #section-4 .two-large-tusks {width: 12vw; margin-bottom: 2vw; margin-top: -2vw;} #section-4 .stats {width: clamp(10px,27vw,500px); margin: clamp(10px,5vw,20px) 0;} #section-4 .stats-1 {margin-bottom: clamp(10px,10vw,200px); width: clamp(10px,18vw,360px);} #section-4 .stats-2 {position: relative; left: clamp(-60px,-3vw,1px); top: clamp(-20px,-1vw,1px); width: clamp(10px,14vw,280px);} #section-4 #profile {position: absolute; top: clamp(10px,35vw,700px); right: 0; width: clamp(10px,80vw,1900px); display: block; pointer-events: none;} /*#section-4 .section-title.b {top: 10vw; left: clamp(10px,10vw,200px);}*/ #section-4 .section-title.b .line {border-color: #555;} #section-4 .section-title.a {margin-top: clamp(10px,40vw,800px); left: clamp(10px,10vw,200px);} #section-4 .section-title.a .line {left: clamp(10px,11vw,220px);} #section-4 .spacer {margin-top: clamp(10px, 24vw, 480px);} #section-4 .disc {margin-bottom: clamp(10px,2vw,40px);} #section-4 .rotate {transform: rotate(90deg); white-space: nowrap; text-align: left; font-size: clamp(10px,2vw,40px); font-family: 'NB Architekt Std';} #section-4 .parents .title {font-size: clamp(10px,1.1vw,22px); margin-bottom: clamp(10px,1.5vw,30px);} #section-4 .parents ul {padding: 0 0 0 clamp(10px,1vw,20px); margin: 0; height: clamp(10px,16vw,320px);} #section-4 .parents ul li {margin-bottom: clamp(10px,1vw,20px); font-size: clamp(10px,0.8vw,16px); color: #838383; max-width: clamp(10px,26vw,520px);} #section-4 .parents .right {} #section-4 .parents img {margin-top: clamp(10px,3vw,60px);} #section-elephant {} #section-elephant .upper {background: #9940dd; padding: clamp(7px,4vw,80px) 0 0; position: relative;} #section-elephant .upper .square {left: -1vw; top: clamp(0px,0.5vw,6px);} #section-elephant .upper .img-1 {position: absolute; width: clamp(7px,90vw,1800px); margin-left: clamp(-160px,-8vw,160px); top: clamp(7px,7.5vw,150px);} #section-elephant .upper .corner {position: absolute; right: 0; top: 0; z-index: 5; right: clamp(7px,7.4vw,148px); top: clamp(7px,5.2vw,104px); width: clamp(7px,6vw,120px);} #section-elephant .upper .circles {position: absolute; right: 6.4vw; bottom: 7vw;} #section-elephant .upper .tag {position: absolute;} #section-elephant .upper h2 {position: relative; font-size: clamp(7px,7vw,140px); font-family: 'NB Architekt Std'; color: #FFF; z-index: 5; line-height: 1; padding-top: clamp(7px,30vw,600px);} #section-elephant .mid {padding: clamp(7px,9vw,180px) 0 clamp(7px,3vw,60px);} #section-elephant .mid .img-2 {max-width: 500vw; width: clamp(7px,40vw,800px); margin-top: clamp(-130px,-6.3vw,530px);} #section-elephant .lower {padding-bottom: clamp(7px,5vw,100px);} #section-elephant .lower .ele {padding: clamp(7px,3vw,60px) clamp(7px,3vw,60px) 0; border-left: 1px solid #dbdbdb;} #section-elephant .lower .ele img {height: clamp(7px,18vw,360px); width: auto; display: block; margin:0 auto clamp(7px,2vw,40px);} #section-elephant .lower .ele .line {border-color: #dbdbdb; margin-left: clamp(-60px,-3vw,60px); margin-bottom: clamp(7px,2vw,40px);} #section-elephant .lower h4 {font-family: 'NB Architekt Std'; margin-bottom:clamp(7px, 0.3vw,6px); padding-bottom: 0;} #section-elephant .lower p {font-size: clamp(7px,1vw,20px);} #section-elephant .orange {color: #ff7b31;} #section-elephant .bottom {padding-bottom: clamp(7px,5vw,100px);} #section-elephant .bottom h2 {font-family: 'Telegraf'; font-size: clamp(7px,2.5vw,50px); text-transform: uppercase;} #section-elephant .bottom .big-button {border-color: #9941dd;} #section-elephant .bottom .big-button .plus {color: #9941dd;} #section-elephant .bottom .big-button:hover {background-color: #9941dd; color: #fFF;} #section-elephant .bottom .big-button:hover .plus {color: #FFF;} #quote {padding: clamp(10px,4vw,80px) 0; margin-top: clamp(-100px,-5vw,100px)} #quote .square {background: #000; left: -1vw; top: clamp(5px,0.5vw,8px);} #quote p {width: 120%; background: #FFF; z-index: 5; position: relative; padding: 5% 5% 5% 0; font-size: clamp(10px,1.7vw,34px);} #quote p .dot {width: 1.5vw; height: 1.5vw; right: -0.7vw; bottom: -0.7vw;} #quote h4 {font-family: 'NB Architekt Std'; } #quote .subtitle {font-size: clamp(10px,1vw,20px); color: #777; margin-bottom: clamp(10px,3vw,60px);} #process {padding-top: clamp( 7px,5vw,100px); position: relative;} #process h1 {font-size: clamp( 7px,15.5vw,310px); position: absolute; top: clamp(-16px,-0.8vw,16px); text-align: center; width: 100%; white-space: nowrap;} #process h2.subhead {position: absolute; top:clamp( 7px, 9.5vw,190px); color: #FFF; left: 0; font-family: telegraf; font-size: clamp( 7px,4vw,80px);} #process .item {width: clamp( 7px,38vw,760px); position: absolute; } #process .item .num {width: clamp( 7px,4.5vw,90px); height: clamp( 7px,4.5vw,90px); line-height: clamp( 7px,4.5vw,90px); left: clamp( -110px,-6vw,120px); text-align: center; background: #FFF; border-radius: 1000px; position: absolute; font-family: "NB Architekt Std"; font-size: clamp( 7px,2vw,40px);} #process .item.right .num {left: clamp(-134px,-6.7vw,137px);} #process .item .title {line-height: clamp( 7px,4.5vw,90px); font-size:clamp( 7px, 1.5vw,30px); font-weight: 700;} #process .item li {margin-bottom: clamp( 7px,1vw,20px); font-weight: 700} #process .item img {width: 100%;} #process .item img.sep-2 {float: right; width: 62%;} #process .item.right img.sep-3 {transform: none} #process .item.left {left: clamp( 7px,6vw,120px);} #process .item.right {left: clamp( 7px,42.2vw,844px);} #process .item.right img {transform: rotate(180deg)} #process .item.item-1 {top: clamp( 7px,22vw,440px);} #process .item.item-2 {top: clamp( 7px,37vw,740px);} #process .item.item-3 {top: clamp( 7px,55vw,1100px);} #process .plus-a {left:clamp(-180px, -9vw,180px); bottom: 0;} #process .item.item-4 {top: clamp(-1700px,85vw,1700px)} #process .item.item-5 {top: clamp(-2040px,102vw,2040px)} #process .item.item-6 {top: clamp(-2400px,120vw,2400px)} #process .item.item-7 {top: clamp(-2860px,143vw,2860px); width: clamp(-880px,36vw,820px);} #process .item.item-8 {top: clamp(-3200px,160vw,3200px); width: clamp(-880px,44vw,880px);} #process .item.item-9 {top: clamp( 7px,175vw,3500px); width: clamp(-880px,36vw,820px);} #process .item.item-10 {top: clamp(-4540px,227vw,4540px); width: clamp( 7px,36vw,640px); left: clamp(-960px,48vw,960px); font-weight: 700} #process p.large {position: absolute; top: clamp( 7px,190vw,3800px); left:clamp( 7px,8vw,160px); font-size: clamp( 7px,1.5vw,30px); font-weight: 700; color: #FFF} #process h2 {position: absolute; top: clamp( 7px,207.5vw,4150px); left: clamp( 7px,32vw,640px); font-size: clamp( 7px,8vw,160px); font-family: "telegraf"; line-height: 1} #process h2 span {margin-left: clamp( 7px,15vw,300px); color: #FFF; font-size: clamp( 7px,9vw,180px); white-space: nowrap; text-transform: uppercase; display: block; line-height: 0.8; background: rgb(255,97,0); background: linear-gradient(93deg, rgba(255,97,0,1) 0%, rgba(255,144,0,1) 100%);} #section-6 .title {margin-top: clamp(-300px,-15vw,1px); } #section-6 h3 {font-family: 'NB Architekt Std'; font-size: clamp(10px,3vw,60px); line-height: 1.8;} #section-6 h2 {font-family: 'NB Architekt Std'; font-size: clamp(10px,6vw,120px); line-height: 1.1;} #section-6 p {font-size: clamp(10px,1vw,20px);} #section-6 .globe {width:clamp(10px,48vw,990px); margin: 2vw 0;} #section-6 .square.a {left: clamp(10px,8vw,130px); top: clamp(10px,30vw,600px); background: #000;} #section-6 .square.b {left: clamp(10px,8vw,130px); top: clamp(10px,40vw,800px); background: #000;} #section-7 .icon {position: absolute; right: clamp(10px,8vw,160px); top: clamp(10px,3vw,60px);} #section-7 .title {font-size: clamp(10px,2.5vw,50px); margin: clamp(10px,2vw,40px) 0 clamp(10px,1vw,20px);} #section-7 h2 {font-family: 'NB Architekt Light'; font-size: clamp(10px, 7vw, 140px); line-height: 1; padding-left: clamp(10px,16vw,380px); text-indent: clamp(-380px,-16vw,1px); position:relative; z-index: 5;} #section-7 .green-tab {position: absolute; left: 0; width: clamp(10px,5vw,10px); top: clamp(10px,5vw,10px);} #section-7 #arctic {position: relative; margin-top: clamp(-100px,-4vw,100px);} #section-7 #arctic .bg {width: 100%; } #section-7 #arctic .arctic {position: absolute; top: 3%; width: 90%; left: 5%; mix-blend-mode: difference; animation-name: spin; animation-duration: 600000ms; animation-iteration-count: infinite; animation-timing-function: linear; } #section-7 #arctic .caption .disc {margin-bottom: 4%;} #section-7 #arctic .caption {position: absolute; left: 10%; top: 35%; color: #FFF; font-size: 1.5vw; width: 20%; text-transform: uppercase; line-height: 1.1;} #section-7 #arctic .caption-2 {left: 55%; top: 50%;} #section-7 .lower {background: #b06ae5; padding: clamp(10px,6vw,120px) 0; position: relative;} #section-7 .lower .container-fluid {position: relative; z-index: 4;} #section-7 .lower .line-1 {color: #7dea13; font-size: clamp(10px,2.5vw,50px); max-width: clamp(10px,45vw,900px); line-height: 1;} #section-7 .lower .line-2 {font-family: 'NB Architekt Std'; font-size: clamp(10px,14vw,280px); color: #7dea13; line-height: 1;} #section-7 .lower .line-3 {font-family: 'NB Architekt Std'; font-size: clamp(10px,4vw,80px); color: #7dea13; line-height: 1;} #section-7 .img-container {position: absolute; right: 0; width: clamp(10px,43vw,860px); top: clamp(-200px,-10vw,1px);} #section-7 .img-container .caption-1 {position: absolute; font-family: 'NB Architekt Std'; width: 13vw; color: #FFF; font-size: clamp(10px,0.6vw,12px); right: 5vw; bottom: clamp(10px,5vw,100px); text-align: right; z-index: 5;} #section-7 .img-container .caption-2 {position: absolute; font-family: 'NB Architekt Std'; width: 13vw; color: #FFF; font-size:clamp(10px, 0.6vw,12px); left: 75%; top: clamp(10px,2vw,40px); text-align: right; transform: rotate(90deg); z-index: 5;} #section-7 .img-container .outline {width: 100%; height: 100%; position: absolute; border: 1px solid #7dea13; top: -2vw; left: -2vw;} #section-8 .intro {margin: clamp(10px,3vw,60px); padding: clamp(10px,3vw,60px) 0 clamp(10px,2vw,40px); border-top: 1px solid #000; border-bottom: 1px solid #000;} #section-8 .intro p { font-size: clamp(10px,2.4vw,48px); line-height: 1.1; padding: 0 clamp(10px,3vw,60px);} #section-8 .intro .text-right img {margin-left: 1vw;} #section-8 .steppe {display: block; width: 100%;} #section-8 h2 {font-size: clamp(10px,8vw,160px); margin-top: clamp(-440px,-22vw,4px); line-height: 0.9; font-family: 'NB Architekt Std'; margin-bottom: clamp(10px,5vw,100px); position: relative;} #section-8 h3.subhead {margin-bottom: clamp(7px,3vw,60px);} #section-8 .content p {padding: 0 1vw;} #section-8 p {font-size: clamp(10px,1vw,20px); margin-bottom: clamp(10px,2vw,40px);} #section-8 h3 {font-size: clamp(10px,2.2vw,44px); font-family: 'NB Architekt Std';} #section-8 .square {left: -4vw; top: -1vw;} #section-8 .plus {left: -4vw; top: 8vw;} #section-8 .skull {position: absolute; left: 0; bottom:clamp(-160px, -8vw,1px); width: clamp(10px,50vw,1000px); z-index: 5;} #section-quote {padding-top: clamp(-100px,15vw,300px)} .quote-1 {position: relative; padding-bottom: 5%;} .quote-1 .container-fluid {position: relative; z-index: 10;} .quote-1 .head .square {left: -3%; top: clamp(-8px,0.4vw,8px)} .quote-1 .head .plus {right: -2%; top: clamp(-12px,-0.6vw,12px)} .quote-1 .bg {position: absolute; background: 0; bottom: 0; left: 0; width: 98%;} .quote-1 .inside {max-width: 95%; position: relative; background: #FFF; padding: 0 10% 5% 0;} .quote-1 .inside .mask {position: absolute; left: -50%; width: 100%; height: 100%; top: 0; background: #FFF;} .quote-1 .inside .adjuster {position: relative; z-index: 5;} .quote-1 .author {font-size: clamp(10px,1.8vw,36px); font-family: 'NB Architekt Std'; color: #FFF; margin: 3% 0 0; position: relative;} .quote-1 .plus.a {bottom: -12%; right: -1%;} .quote-1 .auth-title {color: #FFF; max-width: 100%;} .quote-1 .auth-title a {color: #FFF; border-bottom: 1px solid rgba(255,255,255,0.5)} .quote-1 .dot {position: absolute; right: clamp(-10px,-0.5vw,10px); bottom: clamp(-10px,-0.5vw,10px)} .quote-1 p.medium {font-size: clamp(-40px,2vw,40px); margin-bottom: clamp(-40px,2vw,40px)} .quote-1 .slashes {width: clamp(-200px,10vw,200px);} .quote-1 p {font-size: clamp(-22px,1.1vw,22px)} .quote-1 .lower .big-button {padding: clamp(-20px,1vw,20px) clamp(-40px,2vw,40px); width: clamp(-500px,25vw,500px); margin-bottom: clamp(-20px,1vw,20px)} .quote-1 .lower .big-button .plus {top: clamp(-14px,0.7vw,14px);} .quote-1 .lower .square {left: clamp(-20px,-1vw,20px); top: clamp(-8px,0.4vw,8px)} #section-9 {padding: clamp(10px,10vw,200px) 0 clamp(10px,6vw,120px); background: #6a5f40; } #section-9 h2 {color: #FFF; font-size: clamp(10px,17.2vw,340px); text-align: center; font-family: 'NB Architekt Std'; margin-bottom: clamp(10px,5vw,100px);} #section-9 .purple-tab {position: absolute; right: 0; top: clamp(10px,50vw,1000px);} #section-9 h3 {color: #FFF; font-size: clamp(10px,7vw,140px); line-height: 0.9; position: relative; margin-left: clamp(10px,3vw,60px); margin-top: clamp(10px,9vw,180px); margin-bottom: clamp(10px,6vw,120px);} #section-9 h3 img {position: absolute; top: 0; left: clamp(10px,20vw,400px); top: clamp(10px,1vw,20px);} #section-9 .img-1 {width: clamp(10px,60vw,1200px); max-width: clamp(10px,100vw,2000px); margin-left: clamp(-160px,-8vw,1px);} #section-9 .img-2 {margin-top: clamp(-300px,-15vw,1px); width: clamp(10px,35vw,700px); margin-left: clamp(-20px,-1vw,1px);} #section-9 .line-1 {font-size: clamp(10px,2.4vw,48px); color: #FFF; text-transform: uppercase; line-height: 1;} #section-9 p {font-size: clamp(10px,1vw,20px); color: #FFF; margin-bottom: clamp(10px,2vw,40px);} #section-9 .cave-skull {position: absolute; left: clamp(-180px,-9vw,1px); width: clamp(10px,40vw,800px); top: clamp(10px,15vw,300px);} #section-9 .arkitect {color: #A7A7A7; font-size: clamp(10px,0.7vw,14px);} #section-9 .square {top:-3.5vw} #section-9 .plus {top:-1.5vw;} #section-9 .cave-painting-2 {width: clamp(10px,50vw,1000px); margin-top: clamp(10px,4vw,80px); max-width: 90vw;} #section-9 .french {margin-top: clamp(-380px,-19vw,1px); margin-left: clamp(-300px,-15vw,1px); width: clamp(10px,60vw,1200px); max-width: 100vw;} #section-9 .line-2 {font-family: 'NB Architekt Std'; color: #ff8400; font-size: clamp(10px,7vw,140px); line-height: 1; position: relative; z-index: 5; margin-left: clamp(10px,8vw,160px); margin-top: clamp(10px,9vw,180px);} #section-9 .line-2 span {font-size: clamp(10px,3vw,60px); position: absolute; left: clamp(-240px,-12vw,1px); top: clamp(10px,9vw,180px);} #section-9 .lower p {padding: 0 clamp(10px,1vw,20px); margin-bottom: clamp(10px,3vw,60px);} #section-10 {background: #000; padding: 2vw 0;} #section-10 .lost {text-align: center; color: #FFF; text-align: center; font-family: 'NB Architekt Std'; font-size: clamp(10px,2vw,40px); position: relative;} #section-10 .lost .line-1 {position: absolute; top: 25%; left: 0; width: 100%;} #section-10 .lost .line-2 {position: absolute; top: 70%; left: 0; width: 100%;} #section-10 .lost .lost-1 {position: absolute; top: -14%; left: 20%; width: 60%;} #section-10 .lost .lost-2 {position: absolute; top: 34%; left: 20%; width: 60%;} #section-10 .lost .lost-3 {position: absolute; top: 74%; left: 20%; width: 60%;} #section-10 h2 {font-size: clamp(10px,12vw,240px); color: #FFF; text-align: right; white-space: nowrap; margin-top: 5%;} #section-10 h2 div {font-size: clamp(10px,3vw,60px); text-align: right;} #section-10 h2 span {display: block; text-align: right; font-size: 6vw;} #section-10 p {color: #7A7A7A; font-size: clamp(10px,1vw,20px);} #section-10 p.intro {width: 53%; margin-left: clamp(10px,2vw,40px); margin-top: -11%;} #section-10 .plus {bottom: -2vw; color: #FFF; left: 0;} #section-10 .cells {width: 130%; max-width: 140%; height: clamp(10px,25vw,530px);} #section-10 .plasma {width: 100%; display: block;} #section-10 .disc {position: absolute; right: -0.7vw; top: -1.5vw;} #section-10 .plasma-label {position: absolute; right: -2vw; top: 60%; transform: rotate(90deg); color: #777; transform-origin: top right;} #section-10 h3 {color: #FFF; font-size: clamp(10px,2vw,40px); font-family: 'Telegraf'; text-transform: uppercase;} #section-10 .bones {width: 90%; display: block; margin: 0 auto; margin-top: 0;} #section-10 .slashes {opacity: 0.3;} #section-10 .theory {color: #FFF; font-family: 'Telegraf'; font-size: clamp(10px,2.5vw,50px); line-height: 1; padding: 0 clamp(10px,3vw,60px);} #section-10 #church {padding-left: clamp(10px,11vw,220px);} #section-10 #church h2 {text-align: left; line-height: 1; font-size: clamp(10px,8vw,160px); margin-bottom: 5%; position: relative; z-index: 5;} #section-10 #church p {max-width: 70%; font-size: clamp(10px,1.1vw,22px);} #section-10 #church .purple-mark {width: 150%; max-width: 300%; margin-left: -50%;} #timeline {background: url(img/timeline-bg.jpg) center center; background-size: 100% 100%; padding: 4vw 0 9vw;} #timeline h2 {font-family: 'NB Architekt Std';} #timeline .arkitect {white-space: nowrap;} #timeline .item {position: relative; display: block; color: #000;} #timeline .item .plus {position: absolute; right: 0; top: clamp(2px,0.3vw,6px);} #timeline .item h3 {font-family: 'NB Architekt Std'; font-size: clamp(7px,2vw,40px);} #timeline .item p {font-size: clamp(7px,0.8vw,20px); line-height: 1.1; padding: clamp(7px,1.5vw,30px) 0; margin: 0; height: clamp(7px,8vw,140px); text-transform: uppercase;} #timeline .item p a {text-decoration: underline;} #timeline .item img {display: block; width: 100%; border: 2px solid #000; margin-bottom: clamp(7px,0.8vw,16px); mix-blend-mode: luminosity; opacity: 0.7; height: 11vw; width: 100%; object-fit: cover; transition: all .3s ease;} #timeline .item img.times {object-fit: contain;} #timeline .item .caption {font-size: clamp(7px,0.8vw,16px); text-transform: uppercase;} #timeline .item a {color: #000;} #timeline .item:hover img {opacity: 1;} #section10-5 { padding: clamp(7px,1vw,20px) 0; background: url(img/ted-dextinction-bg.jpg) center center; background-size: 100% 100%; position: relative;} #section10-5 .box {padding: 0 0 0 clamp(7px,0.5vw,10px); width: auto; max-width: 1000px;} #section10-5 .box .inner {display: inline-block; background: #000; color: #FFF;} #section10-5 .box .inner span {padding: 0 clamp(7px,1vw,20px);} #section10-5 .mask {width: clamp(7px,30vw,600px); height: clamp(7px,10vw,200px); background: #FFF; position: absolute; top: clamp(-60px,-3vw,-200px); left: 0;} #section10-5 .container-fluid {position: relative; z-index: 10;} #section10-5 h2 {font-size: clamp(7px,5vw,100px); font-family: 'NB Architekt Std'; line-height: 1; position: relative;} #section10-5 h2 .arkitect {position: absolute; right: 0; top: 0; transform-origin: bottom right; transform: rotate(-90deg);} #section10-5 .underline {text-decoration: underline;} #section10-5 img.ted {width: 65%;} #section10-5 img.vid-thumb {width: 102%; max-width: 200%; display: block;} #section10-5 .square.a {right: 0; top: clamp(7px,1vw,20px);} #section10-5 .lower {margin-bottom: -10vw;} #section10-5 .lower p.large {font-size: clamp(7px,2.2vw,44px);} #section10-5 .lower p {font-size: clamp(7px,1vw,20px);} #section10-5 .lower .inner {background: #FFF; padding: clamp(7px,3vw,60px);} #section-11 {padding-top: clamp(7px,12vw,240px); padding-bottom: 4%;} #section-11 h2 {padding: 5%; font-size: clamp(10px,3.5vw,70px); line-height: 1.1; font-family: 'NB Architekt Std';} #section-11 .research-2 {max-width: 130%; width: 120%;} #section-11 .subheader {font-family: 'Telegraf'; font-size: clamp(10px,2.5vw,50px); line-height: 1; padding: 7% 5%; letter-spacing: -0.03vw;} #section-11 .big-button {width: 95%;} #section-11 .circles {position: absolute; bottom: 0; left: -25%; width: 20%;} #section-11 h3 {font-size: clamp(10px,3vw,60px); border-bottom: 1px solid #000; padding-bottom: 1.5%; font-family: 'NB Architekt Std'; margin-top: -3%;} #section-11 .dot.orange {right: -1.5%; top: -1.5%; width: clamp(10px,1.5vw,30px); height: clamp(10px,1.5vw,30px);} #section-11 .arkitect {line-height: 0.5em;} #section-11 .plus.a {right: 2%; top: 0;} #section-11 .plus.b {position: relative; margin-bottom: 4%;} #section-11 h4 {font-family: 'NB Architekt Std'; font-size: clamp(10px,2vw,40px);} #section-11 .sponsors img {margin: 0 auto 20%; display: block;} #news .news-item .publication-logo {-webkit-filter: invert(100%); filter: invert(100%);} #news #video h3 {font-size: clamp(-30px,1.5vw,30px); margin-bottom: 0; font-family: 'Telegraf'; text-transform: uppercase;} #news #video a {position: relative;} #news #video img.play {position: absolute; left: 50%; width: clamp(-160px,8vw,160px); margin-left: clamp(-80px,-4vw,80px); top: calc(50% - clamp(-80px,4vw,80px))} #video-module {position: relative; margin: 5vw 0; } #video-module a {cursor: pointer;} #video-module img.video-thumb {display: block;} #video-module .big-button img {} #video-module .arkitect.a {} #video-module .arkitect.b {font-weight: 700; text-align: right;} #video-module .corner {display: block; margin: 0.3vw; width: 1.5vw;} #video-module p.medium {font-size: 1.7vw;} #video-module p {font-size: 1.2vw; line-height: 1.3;} .arctic p {text-align: justify;} .arctic h1, .arctic h2, .arctic h3, .arctic h4 {margin: 0; padding: 0; line-height: 1; font-family: 'NB Architekt Std';} .arctic .light {font-family: 'NB Architekt Light';} #arctic-section-1 {background: #000 url(img/arctic-bg-1.jpg) no-repeat center top; background-size: 100% auto; color: #FFF; position: relative;} #arctic-section-1 h1 {font-size: clamp(-300px,15vw,300px); text-align: center;} #arctic-section-1 .mask {width: clamp(-1000px,50vw,1000px); background: #000; left: 0; height: clamp(-1000px,50vw,1000px); position: absolute; left: 0; top: clamp(-900px,45vw,900px);} #arctic-section-1 h2 {font-size: clamp(-110px,5.5vw,110px);} #arctic-section-1 .img-1 {max-width: none; width: clamp(-1000px,50vw,1000px); float: right;} #arctic-section-1 .img-2 {margin-top:clamp(-160px, -8vw,160px);} #arctic-section-1 .tag {position: absolute; right: clamp(-160px,-8vw,160px); width: clamp(-30px,1.5vw,30px);} #arctic-section-1 h3 {font-size: clamp(-50px,2.5vw,50px);} #arctic-section-1 p {font-size: clamp(-20px,1vw,20px);} #arctic-section-1 .square.d {right: -4vw; top: 0; position: absolute; display: block;} #arctic-section-1 .square.e {right: -4vw; bottom: 0; position: absolute; display: block;} #arctic-section-1 .plus.d {right: -4vw; top: -3vw; position: absolute; display: block;} #arctic-section-1 .purple-bg {background: #c265f6; margin-top: clamp(-600px,30vw,600px); padding-bottom: clamp(-100px,50vw,1000px);} #arctic-section-1 .img-3 {position: absolute; right: 0; width: clamp(-1740px,90vw,1800px); top: clamp(-340px,-17vw,340px);} #arctic-section-1 .highlight-1 {margin-top: clamp(-500px,-25vw,500px);} #arctic-section-1 .highlight {padding-left: clamp(-200px,10vw,200px); position: relative;} #arctic-section-1 .highlight h2 {font-size: clamp(-60px,3vw,60px);} #arctic-section-1 .highlight h1 {font-size: clamp(-140px,7vw,140px); text-align: left;} #arctic-section-1 .highlight h3 {font-size: clamp(-140px,7vw,140px);} #arctic-section-1 .highlight h4 {font-size: clamp(-280px,14vw,280px); line-height:0.8;} #arctic-section-1 .highlight h4 small {font-size: clamp(-160px,8vw,160px);} #arctic-section-1 .highlight img {position: absolute; left: 0; top: 0; height: 95%;} #arctic-section-2 {background: transparent url(img/arctic-bg-2.jpg) no-repeat center top; background-size: 100% auto; position: relative; padding-bottom: clamp(-260px,13vw,260px);} #arctic-section-2 .bg {position: absolute; right: clamp(-284px,14.2vw,284px); top: clamp(-180px,9vw,180px);} #arctic-section-2 .square.a {left: clamp(-40px,-2vw,40px); top: clamp(-5px,-0.25vw,5px);} #arctic-section-2 .container-fluid {margin-top: clamp(-540px,-27vw,540px);} #arctic-section-2 h1 {font-size: clamp(-240px,12vw,240px);} #arctic-section-2 h1 .disc {position: absolute; left: clamp(-80px,-4vw,80px); top: clamp(-40px,2vw,40px);} #arctic-section-2 h1 .plus {left: clamp(-60px,-3vw,60px); bottom:clamp(-20px,1vw,20px);} #arctic-section-2 p.medium {font-size: clamp(-40px,2vw,40px);} #arctic-section-2 p {font-size: clamp(-24px,1.2vw,24px);} #arctic-section-2 p.large {font-size: clamp(-68px,3.4vw,68px);} #arctic-section-2 .mask.a {width: clamp(-1000px,50vw,1000px); height: clamp(-300px,15vw,300px); position: relative; background: #FFF; } #arctic-section-2 .sep {width: 10vw; margin: 1.5vw auto 1.8vw; border-bottom: 1px solid #000;} #arctic-section-2 h1.b {font-size: clamp(-220px,11vw,220px); line-height:0.9;} #arctic-section-2 .constrain {padding-right: clamp(-40px,2vw,40px);} #arctic-section-2 h4 {letter-spacing: clamp(-2px,0.1vw,2px);} #arctic-section-2 .square.b {left: clamp(-40px,-2vw,40px); position: absolute; bottom: clamp(-10px,0.5vw,10px);} #arctic-section-2 .plus.b {left: clamp(-40px,-2vw,40px); position: absolute; top: clamp(-60px,3vw,60px);} #arctic-section-2 .plus.d {right: 0;} #arctic-section-2 .bar {background: #c265f6; width: clamp(-15px,0.75vw,15px); height: clamp(-140px,7vw,140px); position: absolute; left: 0; bottom: 0vw} #arctic-section-3 p {font-size: clamp(-22px,1.1vw,22px);} #arctic-section-3 p.medium {font-size: clamp(-40px,2vw,40px);} #arctic-section-3 p.large {font-size: clamp(-58px,2.9vw,58px);} #arctic-section-3 {background:#000 url(img/arctic-bg-3.jpg) no-repeat center top; background-size: 100% auto; color: #FFF;} #arctic-section-3 h1 {color: #7dea13; font-size: clamp(-440px,22vw,440px); white-space: nowrap;} #arctic-section-3 h1 small {font-size: clamp(-200px,10vw,200px);} #arctic-section-3 .container-fluid {margin-top: clamp(-250px,-12.5vw,250px);} #arctic-section-3 .img-1 {max-width: none; width: clamp(-1000px,50vw,1000px);} #arctic-section-3 .pl-2 {padding-left: clamp(-100px,5vw,100px) !important;} #arctic-section-3 .pr-2 {padding-right: clamp(-100px,5vw,100px) !important;} #arctic-section-3 h2 {font-size: clamp(-180px,9vw,180px); font-family: telegraf; text-transform: uppercase; text-align: center; line-height: 0.9;} #arctic-section-3 .img-3 {position: absolute; left: 0; top: clamp(-200px,10vw,200px);} #arctic-section-3 .mid h4 {background: #000; padding: clamp(-40px,2vw,40px) clamp(-60px,3vw,60px); letter-spacing: clamp(-2px,0.1vw,2px); line-height: 1.4;} #arctic-section-3 h1.b {color: #FFF; font-size: clamp(-200px,10vw,200px);} #arctic-section-3 .box.white {position: absolute; right: 0; top: 0; font-size: clamp(-30px,1.5vw,30px);} #arctic-section-3 .img-5 {margin-top: clamp(-40px,-2vw,40px);} #arctic-section-3 .constrain {padding: 0 clamp(-80px,4vw,80px);} #arctic-section-3 .plus.c {left: clamp(-80px,-4vw,80px); position: absolute; top: clamp(-100px,5vw,100px);} #arctic-section-4 p {font-size: clamp(-22px,1.1vw,22px);} #arctic-section-4 p.medium {font-size: clamp(-40px,2vw,40px);} #arctic-section-4 p.large {font-size: clamp(-58px,2.9vw,58px);} #arctic-section-4 .plus.a {left: clamp(-60px,-3vw,60px); top: clamp(-4px,0.2vw,4px);} #arctic-section-4 .plus.b {left: clamp(-60px,-3vw,60px); top: clamp(-10px,-0.5vw,10px);} #arctic-section-4 .img-2 {margin-left: clamp(-90px,-4.5vw,90px); max-width: 110%;} #arctic-section-4 .img-1 {max-width: none; width: clamp(-600px,30vw,600px); margin-top: clamp(-100px,-5vw,100px);} #arctic-section-4 .big-button {width: clamp(-600px,30vw,600px);} #arctic-section-4 .img-3 {width: clamp(-1600px,80vw,1600px); max-width: none; margin-left: clamp(-200px,-10vw,200px);} #arctic-section-4 p.b {background: #7dea13; padding: clamp(-40px,2vw,40px) clamp(-60px,3vw,60px); line-height: 1.1;} #arctic-section-4 .plus.c {left: clamp(-60px,-3vw,60px); top:clamp(-5px, 0.25vw,5px);} #arctic-section-4 h2 {font-family: telegraf; text-transform: uppercase; font-size: clamp(-100px,5vw,100px);} #arctic-section-4 .black-bg {background: #000; color: #FFF; padding: clamp(-100px,5vw,100px) 0;} #arctic-section-4 .black-bg .img-4 {position: absolute; top: clamp(-220px,-11vw,220px); max-width: none; width: clamp(-1000px,50vw,1000px); left: clamp(-200px,-10vw,200px);} #arctic-section-4 h3 {font-size: clamp(-40px,2vw,40px);} #arctic-section-4 h3.b {font-size: clamp(-160px,8vw,160px);} #arctic-section-4 .slashes {width: 100%;} #arctic-section-5 .pl-2 {padding-left: clamp(-40px,2vw,40px) !important;} #arctic-section-5 {background: url(img/arctic-bg-4.jpg) no-repeat center center; background-size: cover;} #arctic-section-5 h1 {font-size: clamp(-229px,11.4vw,229px); font-family: Telegraf; text-transform: uppercase; line-height: 1.5; mix-blend-mode: difference; color: #FFF;} #arctic-section-6 {position: relative;} #arctic-section-6 .constrain {padding-left: clamp(-60px,3vw,60px);} #arctic-section-6 .plus.a {left: 0;} #arctic-section-6 h1 {font-size: clamp(-160px,8.22vw,164.4px); white-space: nowrap;} #arctic-section-6 h1 .indicator {width: clamp(-310px,15.5vw,310px);} #arctic-section-6 h5 {font-size: clamp(-16px,0.8vw,16px); color: #c265f6; font-family: 'NB Architekt Std'; letter-spacing: clamp(-3px,0.13vw,3px);} #arctic-section-6 .img-1 {position: absolute; right: 0; top: 0; width: clamp(-800px,40vw,800px);} #arctic-section-6 table {font-family: 'NB Architekt Std'; font-size:clamp(-16px, 0.8vw,16px); font-weight:700; width: 100%;} #arctic-section-6 table td {width: 50%;} #arctic-section-6 p {font-size: clamp(-20px,1vw,20px);} #arctic-section-6 p.medium {font-size: clamp(-30px,1.5vw,30px); } #arctic-section-6 p.medium-large {font-size: clamp(-50px,2.5vw,50px); line-height: 1;} #arctic-section-6 p.large {font-size: clamp(-80px,4vw,80px);} #arctic-section-6 .box.a {font-size: clamp(-30px,1.5vw,30px); font-family: telegraf;} #arctic-section-6 .plus.b {right: clamp(-40px,2vw,40px); top: clamp(-10px,0.5vw,10px);} #arctic-section-6 .square.b {left: clamp(-60px,-3vw,60px);} #arctic-section-6 .img-3 {width: calc(100% - clamp(-40px,2vw,40px));} #arctic-section-6 .pl-2 {padding-left: clamp(-40px,2vw,40px) !important;} #arctic-section-6 .pr-2 {padding-right: clamp(-40px,2vw,40px) !important;} #arctic-section-6 .square.c {left:0vw; top: clamp(-6px,0.3vw,6px);} #arctic-section-7 {position: relative; background: #000; color: #FFF;} #arctic-section-7 .img-1 {position: absolute; right: clamp(-160px,8vw,160px); width: clamp(-1000px,50vw,1000px); top: clamp(-160px,-8vw,160px);} #arctic-section-7 .plus.a {left:0; top: clamp(-10px,0.5vw,10px);} #arctic-section-7 .pl-2 {padding-left: clamp(-60px,3vw,60px) !important;} #arctic-section-7 p.large {font-size: clamp(-80px,4vw,80px);} #arctic-section-7 p.medium {font-size: clamp(-48px,2.4vw,48px);} #arctic-section-7 p {font-size: clamp(-20px,1vw,20px);} #arctic-section-7 .icons {font-size: clamp(-28px,1.6vw,28px);} #arctic-section-7 .icons img {margin-bottom:clamp(-10px, 0.5vw,10px); margin-right: clamp(-20px,1vw,20px); width: clamp(-70px,3.5vw,70px); object-fit: contain; height: clamp(-70px,3.5vw,70px);} #arctic-section-7 .img-4 {max-width: none; width: clamp(-1000px,50vw,1000px); position: relative;} #arctic-section-7 .img-2 {max-width: none; width: clamp(-580px,29vw,580px);} #arctic-section-7 .img-3 {max-width: none; float: right; width: clamp(-760px,38vw,760px);} #arctic-section-7 .square.a {left: 0;} #arctic-section-7 .plus.b {left: clamp(-40px,-2vw,40px); top: clamp(-10px,0.5vw,10px);} #arctic-section-7 .article {margin-bottom: clamp(-60px,3vw,60px);} #arctic-section-7 .article .col-md-5, #arctic-section-7 .article .col-md-6 {border-bottom: 0.5px solid #FFF; padding-bottom: clamp(-40px,2vw,40px);} #arctic-section-7 .article a {color: #FFF; font-size: clamp(-30px,1.5vw,30px);} #arctic-section-7 .article a:hover {color: #91ed0e;} #arctic-section-7 .article .green {color: #91ed0e;} #arctic-section-7 .article p.medium {font-size: clamp(-36px,1.8vw,36px); text-align: left;} #arctic-section-8 {background: #c265f6; color: #FFF;} #arctic-section-8 p.reg {font-size: clamp(-20px,1vw,20px); margin-bottom: 0;} #arctic-section-8 h1 {font-size: clamp(-170px,8.5vw,170px);} #arctic-section-9 {background: url(img/arctic-bg-9.png) no-repeat center center; background-size: 100% 100%;} #arctic-section-9 .timeline-item {padding:0 0 4% 0; position: relative; width: clamp(10px,25vw,400px); margin-right: clamp(10px,4vw,140px); margin-top: 3%; display: inline-block; overflow-x: hidden; vertical-align: top;} #arctic-section-9 #timeline-b .inside {white-space: nowrap;} #arctic-section-9 #timeline-b {overflow: scroll; width: 110%;} #arctic-section-9 .timeline-item .plus {right: 0; position: absolute; top: 5%;} #arctic-section-9 .timeline-item .year {font-size: clamp(50px,2.5vw,50px); font-family: 'NB Architekt Std'; line-height: 1.1; letter-spacing: clamp(-2px,-0.1vw,2px); border-bottom: 1px solid #000; margin-bottom: 5%; margin-top: 5%; padding-bottom: 4%;} #arctic-section-9 .timeline-item p {font-size: clamp(7px,0.9vw,18px); line-height: 1.3em; max-width: 100% !important; margin-bottom: 15%; white-space: normal; height: clamp(10px,17vw,340px); text-align: left;} #arctic-section-9 .timeline-item img {mix-blend-mode: multiply; width: 100%; filter: saturate(0%); height: clamp(10px,12vw,240px); object-fit: cover; border: 1px solid #000;} #arctic-section-9 .timeline-item .small {font-size: clamp(10px,0.6vw,12px); margin-top: clamp(10px,0.5vw,10px);} #arctic-section-10 {background: #000; color: #FFF;} #arctic-section-10 .img-1 {position: absolute; top: clamp(-200px,-10vw,200px); width: clamp(-1850px,92.5vw,1850px);} #arctic-section-10 h1 {font-family: telegraf; font-size: clamp(-1600px,8vw,1600px); text-transform: uppercase;} #arctic-section-10 .adjust {margin-top: clamp(-50px,-2.5vw,50px);} #arctic-section-10 .pl-2 {padding-left: clamp(-800px,4vw,800px) !important;} #arctic-section-10 .pr-2 {padding-right: clamp(-800px,4vw,800px) !important;} #arctic-section-10 .square.a {left: 0; top: clamp(-10px,0.5vw,10px);} #arctic-section-10 .box.grey {border-color: #888; margin-bottom: clamp(-20px,1vw,20px);} #arctic-section-10 h3 {font-size: clamp(-50px,2.5vw,50px); border-bottom: 1px solid #CCC; padding-bottom: 5%; margin-bottom: 6%;} #arctic-section-10 img.hub {margin: clamp(-40px,2vw,40px) auto; display: block; height: clamp(-160px,8vw,160px); width: 100%; object-fit: contain;} #arctic-section-10 img.indicator {width: 100%;} #arctic-section-10 img.indicator.c {width: 137.5%; max-width: none;} #arctic-section-10 img.indicator.b {width: 100.5%; max-width: none;} #arctic-section-10 .lower {margin-top: clamp(-52px,-2.6vw,52px);} #arctic-section-10 .img-2 {margin-top: clamp(-620px,-31vw,620px);} #arctic-section-10 .indicator-b {width: 100%;} #arctic-section-10 .arkitect.b {font-size: clamp(-24px,1.2vw,24px);} #arctic-section-10 .plus.c {left: clamp(-60px,-3vw,60px); top: clamp(-60px,-0.3vw,60px);} .science-images .img-1 {max-width: calc(100% + clamp(-140px,7vw,140px)); float: right; margin-right: clamp(-40px,2vw,40px);} .science-images .img-4 {margin-top: clamp(-300px,-15vw,300px); margin-left: clamp(-20px,-1vw,20px); max-width: clamp(-400px,20vw,400px);} @media only screen and (max-width:1700px) { #process .item .num {left: -6.3vw;} #process .item.right .num {left: -7.6vw;} } @media only screen and (max-width:1400px) { #process .item .num {left: -6.7vw;} #process .item.right .num {left: -8.4vw;} } @media only screen and (min-width:2000px) { #hero .dna {} } @media only screen and (min-width:768px) { .hidden-lg {display: none !important;} } @media only screen and (max-width:767px) { .section-header .arkitect {font-size: 2vw;} p {margin-bottom: 1.5rem;} p.large {font-size: 7vw;} h4 {font-size: 4vw;} #hero .dna .dna-3 {animation-name: none} #hero .intro {top: 55vh;} #hero .bg {object-position: right top;} #hero h1 {line-height: 1; font-size: 21vw;} #hero .line {margin-top: 10vw;} #hero .slashes {display: none;} #hero h3 {font-size: 4vw; max-width: 70vw;} #hero p {max-width: 80%; font-size: 4vw;} #hero .text.a {top: 45%; font-size: 3vw;} #hero .text.b {font-size: 3vw;} #hero .line {top: 45%; width: 84%; left: 8vw;} #hero .lower { left: 8vw; top: 60vh; } #section-1 .dna {width: 40vw; height: 40vw; left: -7vw; top: -18vw;} /*#section-1 .dna .dna-1 {display: none;}*/ #section-1 h2 {font-size: 12vw;} #section-1 .mammoth {width: 100vw; bottom:-0.3vw;} #section-3 ul li {font-size: 3.4vw; padding: 2vw 0;} #section-3 ul li .text {height: auto;} #section-3 ul li span {width: 9vw; margin-top: 0.4vw;} #section-3 ul li span .inner {font-size: 5vw;} #section-3 .mountains {margin-top: 4vw;} #section-4 h2 {font-size: 20vw; margin-top: -15vw;} #section-4 p {font-size: 4vw; line-height: 1.2;} #section-4 .stats {width: 100%;} #section-4 #profile {bottom: 0; top: 150vw;} #section-4 .stats-1 {width: 60%; margin: 15vw 0 0;} #section-4 .stats-2 {width: 40%; top: -3vw; } #section-4 h4 {color: #777; font-size: 3vw;} #section-4 h4 br {display: none;} .hair-features {margin-left: -2.5vw; display: block;} #section-4 .rotate {transform: none; color: #FFF; font-size: 7vw; white-space: normal; margin-bottom: 7vw;} #section-4 .parents .title {font-size: 4vw; line-height: 1; text-transform: uppercase; border-bottom: 1px solid #FFF; padding-bottom: 3vw; margin-bottom: 5vw;} #section-4 .parents ul {height: 105vw;} #section-4 .parents ul li {font-size: 3vw; max-width: 90vw; line-height: 1.2; margin-bottom: 3vw;} #section-4 .parents img {height: 70vw; width: 100%; object-fit: cover;} #section-elephant {} #section-elephant .upper .img-1 {top: 10vw;} #section-elephant .upper .square {left: 0; top: 0.8vw;} #section-elephant .upper .corner {width: 10vw; display: none;} #section-elephant .upper .circles {width: 3.5vw; bottom: 4vw; right: 5vw;} #section-elephant .upper h2 {padding-top: 23vw;} #section-elephant .upper .tag {display: none;} #section-elephant .mid .img-2 {width: 60vw;} #section-elephant .mid .box {position: absolute; right: 4vw; top: -19vw; font-size: 2vw;} #section-elephant .lower .ele img {height: auto; width: 50vw; margin-bottom: 5vw;} #section-elephant .lower .ele {margin-bottom: 8vw;} #section-elephant .lower h4 {font-size: 5.5vw; margin-top: 5vw;} #section-elephant .lower p {font-size: 4vw; margin-bottom: 1vw;} #section-elephant .orange {font-size: 3vw;} #section-elephant .bottom h2 {font-size: 7vw; line-height: 1;} #quote {padding: 6vw 0;} #quote .square {left: 1vw;} #quote p {font-size: 3.4vw; width: 85%; margin-left: 15%; margin-top: -10%; padding-left: 5%; margin-bottom: 0;} #quote p .dot {right: auto; left: auto; top: -0.7vw; left: -0.7vw;} #quote .author-info {padding-left: 20%;} #quote .subtitle {font-size: 3.4vw;} #process .item {width: 42vw;} #process .item.item-2 {top: 39vw} #process .item.item-3 {top: 57vw} #process .item.item-6 {top: 123vw} #process .item.item-9, #process .item.item-7 {width: 38vw;} #process .item.right {width: 50vw;} #process .item .title {font-size: 2.5vw; white-space: normal; line-height: 1.2;} #process .item li {font-size: 1.4vw; margin: 0;} #process .item img {display: none;} #process .item.left {left: 8.3vw;} #process .item.right .num {left: -5.6vw;} #process p.large {font-size: 3vw; left: 8vw;} #process .plus {display: none;} #process ul {padding: 0;} #section-6 .square.a, #section-6 .square.b {display: none;} #section-6 .title {margin-top: -28vw;} #section-6 h3 {font-size: 6vw; line-height: 1; margin-bottom: 10vw;} #section-6 h2 {font-size: 12vw;} #section-6 p {font-size: 3.4vw;} #section-7 .green-tab {display: none;} #section-7 .title {font-size: 3.5vw;} #section-7 .icon {width: 8vw; right: 5vw; top: 8vw;} #section-7 h2 {font-size: 14vw; padding-left: 30vw; text-indent: -32vw;} #section-7 #arctic .caption {font-size: 3.5vw; width: 35%;} #section-7 .lower {padding: 7vw 0;} #section-7 .lower .line-1 {font-size: 3.4vw;} #section-7 .lower .line-2 {font-size: 20vw;} #section-7 #arctic {margin-top: -12vw} #section-8 {padding: 7vw 0;} #section-8 .intro {font-size: 5vw; padding: 8vw 0;} #section-8 .intro p {font-size: 5vw; padding-left: 0; margin: 0;} #section-8 h2 {font-size: 14vw;} .migration-patterns {font-size: 3vw; margin: 2vw 8vw 8vw 0;} #section-8 p {font-size: 3.4vw; margin-bottom: 7vw;} #section-8 h3 {font-size: 5vw;} #section-8 .skull {bottom: 35vw; width: 50vw;} #section-9 {padding: 3vw 0;} #section-9 .purple-tab {display: none;} #section-9 h3 {font-size: 12vw;} #section-9 .img-1 {width: 70vw;} #section-9 .img-2 {width: 45vw; max-width: 200vw;} #section-9 h3 img {display: none;} #section-9 .line-2 {font-size: 10vw;} #section-9 .line-1 {font-size: 4.5vw;} #section-9 p {font-size: 3.4vw;} #section-9 .cave-skull {display: none;} #section-9 .cave-painting-2 {width: 80vw; margin: -15vw 0 0 20vw;} #section-9 .arkitect {font-size: 2.4vw;} #section-9 .french {width: 80vw;} #section-10 .lost {} #section-10 .lost .line-1, #section-10 .lost .line-2 {font-size: 3vw;} #section-10 h2 {text-align: center; font-size: 14.1vw; white-space: nowrap; padding-top: 10vw; text-align: center;} #section-10 h2 div {text-align: center;} #section-10 h2 span {text-align: center; font-size: 10vw; margin-bottom: 8vw;} #section-10 h2 br {display: none;} #section-10 p.intro {font-size: 3.5vw; width: 100%; margin-top: 0;} #section-10 .plasma-label {transform: none; position: static; margin-top: 2vw;} #section-10 .slashes {width: 60vw; height: 2vw; object-fit: cover; float: right; margin-top: 2vw;} #section-10 h3 {font-size: 5.1vw; } #section-10 .tusk-bones {width: 150%; max-width: 160%; margin-left:-20%; margin-top: 25%;} #section-10 h3 br {} #section-10 p {font-size: 3.4vw;} #section-10 .theory {padding: 0; font-size: 5vw; line-height: 1.2;} #section-10 .cells {height: 30vw;} #section-10 #church {padding: 0 5vw;} #section-10 #church h2 {font-size: 22vw; white-space: normal; margin-top: 0;} #section-10 #church .purple-mark {position: absolute; top: -90vw; left: 30vw; width: 60vw; margin: 0;} #section-10 #church p {font-size: 3.7vw; max-width: 100%;} #timeline .item {margin-bottom: 14vw;} #timeline .item h3 {font-size: 4vw;} #timeline .item p {font-size: 2.7vw; height:28vw;} #timeline .item p.shorter {height: 15vw;} #timeline .item img {height: 23vw;} #timeline .item .caption {font-size: 2vw;} #section10-5 .mask {top: -10vw; width: 70vw;} #section10-5 .container-fluid {margin-top: -5vw;} #section10-5 h2 {font-size: 7vw;} #section10-5 h2 .arkitect {display: none;} #section10-5 .underline {font-size: 6vw;} #section10-5 .vid .left {font-size: 2.3vw; padding-top: 0.5vw;} #section10-5 .vid .text-right {font-size: 2vw;} #section10-5 .lower .inner{margin-top: 3vw;} #section10-5 .lower p.large {font-size: 5vw;} #section10-5 .lower p {font-size: 3vw;} #section10-5 .lower .inner {padding: 5vw;} #section10-5 .square.a {right: 4vw;} #section-11 h2 {font-size: 8vw; padding: 0 0 2vw} #section-11 h2 br {display: none;} #section-11 .subheader {font-size: 5vw; line-height: 1.2; padding-left: 0;} #section-11 .big-button {width: auto;} #section-11 h3 {margin: 10vw 0 0;} #section-11 .eriona {font-size: 2.4vw;} #section-11 .eriona img {margin-bottom: 3vw;} #section-11 p.grey {max-width: 60%;} #section-11 h3 {font-size: 5vw;} #section-11 .tim-draper {width: 80vw; margin-left: -10%;} #section-11 .inner {padding: 5%; width: 90%; margin-left: 10%; margin-top: -20%; background: #FFF; position: relative; margin-bottom: 0;} #section-11 .inner .dot.orange {top: -1vw; right: auto; left: -0.75vw; width: 2vw; height: 2vw;} #section-11 .plus.a {display: none;} #section-11 h4 {font-size: 5vw; width: 100%;} #section-11 h4 br {display: none;} #section-11 .author-info {margin-left: 15%;} #section-11 .plus.b {margin-bottom: 3vw; margin-left: 15%;} #section-11 p.grey {max-width: 80%;} #section-11 .sponsors {text-align: center;} #section-11 .sponsors img {width: 70%; max-height: 10vw;} #news {padding: 10vw 0 0;} #news #video .arkitect{font-size: 2vw; height: auto; padding-top: 1vw} #news #video .text-right {text-align: left !important;} #news #video img.play {width: 16vw; margin-left: -8vw; top: calc(50% - 8vw)} #video-module .arkitect.a {display: none;} #video-module .arkitect.b {display: none;} #video-module img.video-thumb {width: 100vw; margin-bottom: 3vw;} #video-module p.medium {font-size: 4.5vw; margin-bottom: 2vw;} #video-module p {font-size: 3.5vw;} .video-element {height: 40vw; object-fit: cover;} #arctic-section-1 h2 {font-size: 10vw;} #arctic-section-1 h3 {font-size: 5vw;} #arctic-section-1 p {font-size: 3vw; text-align: left;} #arctic-section-1 .img-1 {margin-top: 8vw;} #arctic-section-1 .highlight img {display: none;} #arctic-section-1 .highlight {padding-left: 0;} #arctic-section-1 .img-3 {width: 98vw;} #arctic-section-1 .highlight h3 {font-size: 10vw;} #arctic-section-1 .highlight h1 {font-size: 10vw;} #arctic-section-1 .highlight h2 {font-size: 5vw;} #arctic-section-1 .purple-bg {padding-bottom: 30vw;} #arctic-section-2 {background-size: auto 153vw; padding-bottom: 30vw;} #arctic-section-2 .container-fluid {margin-top: -24vw;} #arctic-section-2 .bg {top: 10vw; width: 95vw; right: 13vw;} #arctic-section-2 h1 {padding-left: 10vw; font-size: 15vw;} #arctic-section-2 .mask.a {display: none;} #arctic-section-2 p {font-size: 3.3vw;} #arctic-section-2 p.medium {font-size: 5vw;} #arctic-section-2 h1.b {margin-top: 15vw; padding-left: 0;} #arctic-section-2 .plus.b {display: none;} #arctic-section-2 h4 {font-size: 7vw;} #arctic-section-2 p.large {font-size: 5vw;} #arctic-section-2 .square.b {left: 0vw;} #arctic-section-2 .bar {width: 2vw; height: 15vw;} #arctic-section-3 h1 {font-size: 28vw; margin-top: -8vw;} #arctic-section-3 p.large {font-size: 5vw;} #arctic-section-3 p {font-size: 3.3vw; text-align: left;} #arctic-section-3 p.medium {font-size: 5vw;} #arctic-section-3 .img-2 {width: 70%;} #arctic-section-3 .mid h4 {padding: 0; margin-bottom: 4vw;} #arctic-section-3 .pr-2 {margin-bottom: 0;} #arctic-section-3 h1.b {margin: 0;} #arctic-section-3 .box.white {font-size: 2.5vw;} #arctic-section-3 .img-4 {max-width: calc(100% + 5vw);} #arctic-section-3 .img-5 {max-width: calc(100% + 15vw); margin-bottom: 5vw;} #arctic-section-3 .plus.c {left: -2vw;} #arctic-section-3 .img-6 {margin-bottom: 15vw;} #arctic-section-4 .plus.a {left: -3.8vw; top: 1.4vw;} #arctic-section-4 p.large {font-size: 4vw;} #arctic-section-4 .img-2 {width: 100%; margin-left: 0;} #arctic-section-4 .img-1 {width: 100%; height: 50vw; object-fit: cover; margin-left: -2vw;} #arctic-section-4 p {font-size: 3.3vw;} #arctic-section-4 .head {margin-bottom: 4vw;} #arctic-section-4 p.large {font-size: 6vw;} #arctic-section-4 .big-button {margin: 5vw auto; width: 60vw;} #arctic-section-4 .plus.b {top: -1.8vw;} #arctic-section-4 .img-3 {width: 100vw;} #arctic-section-4 p.b {font-size: 4vw; margin-top: -6vw; margin-right: -5vw; padding: 6vw;} #arctic-section-4 .plus.c {top: 2vw;} .arc-heatmap-1 {width: 40%; margin-bottom: 10vw;} #arctic-section-4 .black-bg .img-4 {width: 95vw;} #arctic-section-4 h3.b {font-size: 12vw;} #arctic-section-4 p.large {margin-top: 17vw;} #arctic-section-5 h1 {font-size: 12vw;} #arctic-section-5 .square {display: none;} #arctic-section-6 h1 {font-size: 12vw;} #arctic-section-6 .indicator {display: none;} #arctic-section-6 .img-1 {width: 30vw;} #arctic-section-6 table {font-size: 3vw; width: 85%; margin-top: 7vw;} #arctic-section-6 h5 {font-size: 3.1vw; margin-top: 3vw;} #arctic-section-6 .img-2 {width: 70vw; margin-top: 10vw;} #arctic-section-6 p.large {font-size: 7vw;} #arctic-section-6 p {font-size: 3.5vw;} #arctic-section-6 p.medium {font-size: 5vw;} #arctic-section-6 p.medium br {display: none;} #arctic-section-6 p.medium-large {font-size: 6vw;} #arctic-section-6 .box.a {font-size: 3vw; padding-top: 1vw;} #arctic-section-6 .img-3 {margin-bottom: 2vw;} #arctic-section-6 .img-4 {margin-bottom: 10vw;} #arctic-section-6 .img-5 {height: 50vw; object-fit: cover;} #arctic-section-6 .square.c {left: 1vw; top: 1.5vw;} #arctic-section-7 .img-1 {width: 95vw; right: -40vw;} #arctic-section-7 p.large {font-size: 6vw;} #arctic-section-7 p.medium {font-size: 3.3vw;} #arctic-section-7 .icons img {width: 6vw; height: 6vw;} #arctic-section-7 .icons {font-size: 3.5vw; margin-bottom: 5vw;} #arctic-section-7 .img-4 {width: 100%;} #arctic-section-7 .plus, #arctic-section-7 .square {display: none;} #arctic-section-7 .arkitect {font-size: 3vw;} #arctic-section-7 p {font-size: 3.3vw;} #arctic-section-7 .pl-2 {padding-left: 0 !important;} #arctic-section-7 .img-2 {width: 80vw;} #arctic-section-7 .img-3 {width: 80vw;} #arctic-section-7 .article p.medium {font-size: 4vw; margin-bottom: 2vw;} #arctic-section-7 .article a {font-size: 3vw;} #arctic-section-7 .article a span {display: none;} #arctic-section-7 .article .col-md-5, #arctic-section-7 .article .col-md-6 {padding-bottom: 4vw;} #arctic-section-7 .article {margin-bottom: 5vw;} #arctic-section-8 p.large {text-align: left;} #arctic-section-8 .box {font-size: 3vw; padding: 1vw 2vw; float: right;} #arctic-section-8 h1 {font-size: 14vw;} #arctic-section-8 .img-1 {height: 50vw; object-fit: cover; border-radius: 200vw;} #arctic-section-8 h2 {margin-bottom: 5vw; } #arctic-section-8 p.reg {font-size: 3.3vw;} #arctic-section-10 .pl-2 {padding-left: 0 !important;} #arctic-section-10 .pr-2 {padding-right: 0 !important;} #arctic-section-10 h1 {font-size: 12vw;} #arctic-section-10 .adjust {margin-top: 3vw; text-align: left !important;} #arctic-section-10 .box.grey {margin-bottom: 3vw; font-size: 3vw;} #arctic-section-10 .square.a {display: none;} #arctic-section-10 h3 {font-size: 8vw;} #arctic-section-10 .arkitect {font-size: 4vw;} #arctic-section-10 img.hub {width: 100%; height: auto;} #arctic-section-10 img.indicator {display: none; } #arctic-section-10 .slick-prev {display: none !important;} #arctic-section-10 .slick-next {position: absolute; top: 12vw; width: 35vw; text-align: center; border-radius: 1000px; border: 1px solid #cacaca; height: 9.5vw !important; font-size: 5vw !important; line-height: 3vw !important; right: 0vw; background: #000;} #arctic-section-10 .slick-next:before {content: "NEXT HUB >"; font-family: 'NB Architekt Std'; font-size: 3vw !important; text-align: center !important; width: 100%; display: block; padding: 3vw 0vw; } #arctic-section-10 .plus.c {left: 3vw;} #arctic-section-10 .img-2 {display: none;} #arctic-section-10 p.medium {font-size: 3.3vw;} #arctic-section-9 h4 {font-size: 7vw;} #arctic-section-9 .timeline-item {width: 54vw;} #arctic-section-9 .timeline-item .year {font-size: 9vw;} #arctic-section-9 .timeline-item p {font-size: 2.3vw; height: auto;} #arctic-section-9 .timeline-item img {height: 30vw;} .science-images .img-1 {margin: 10vw 0;} .science-images .img-2 {width: 50vw; margin-bottom: 10vw;} .science-images .img-3 {display: none;} .science-images .img-4 {float: right; width: 50vw; max-width: none; margin-top: -100vw;} .quote-1 .bg {height: 70%; object-fit: cover;} .quote-1 .author {font-size: 6vw;} .quote-1 {padding-bottom: 15vw;} .quote-1 .auth-title {font-size: 4vw} .quote-1 p.medium {font-size: 6vw} .quote-1 .inside {width: 100%} .quote-1 p {font-size: 4vw} .quote-1 .lower .big-button {display: block; width: 100%; padding: 3vw; margin-bottom: 2vw} }