p {font-size: clamp(-20px,1vw,20px);} p.medium {font-size: clamp(-27px,1.35vw,27px);} h1, h2, h3, h4, h5 {font-family: 'NB Architekt Std'; line-height: 1;} .head {position: relative;} .head .arkitect {font-size: 0.7vw;} .head .line {margin-left: -3%;} .head .square {left: -5%; top: 30%;} #hero .inside {position: absolute; top: 20vh; width: 100%; text-align: center; font} #hero .inside .line {position: static; width: 100%;} #hero h1 {color: #FFF; position: static; font-size: clamp(10px,13vw,310px); line-height: 1;} #hero h3 {color: #FFF; font-family: 'Telegraf'; text-transform: uppercase; padding-bottom: 3%; font-size: 2vw} #hero .arkitect {margin-right: 10%;} #hero p {text-transform: none; font-size: 0.8vw;} #hero .lower {top:58vh;} #hero .slashes {width: 90%;} #section-1 {padding: 5vw 0;} #section-1 .title {font-size: 7.2vw; line-height: 0.9;} #section-1 .globe {width: 155%; max-width: 200%; margin: -8% 0 0 0; right: -18%; position: relative;} #section-1 .plus.a {top: 12%;} #section-1 .plus.b {margin-left: -12%; margin-top: -1%;} .quote-4 {padding: 3vw 0 20vw; position: relative; background: #000; color: #FFF;} .quote-4 .bg {width: 100%; position: absolute; top: 0; left: 0;} .quote-4 .large {max-width: 94%;} .quote-4 .laetitia {width: 50%; margin: 10% 0 0 -5%;} .quote-4 .begin-excerption {width: 70%; margin-left: 20%;} .quote-4 .plus.b {top: 54%;} .quote-4 .plus.c {top: 94%;} .quote-4 .author {font-size: 1.8vw; font-family: 'NB Architekt Std'; color: #FFF; margin: 3% 0 0; position: relative;} .quote-4 .mark {right: 0; background: transparent; position: absolute; top: 36%;} #section-2 {background: url(img/company-section-2-bg.webp) no-repeat center center; background-size: cover; color: #FFF; padding-bottom: 20vw; position: relative;} #section-2 .wooly-herd {margin-top: -25%;} #section-2 .scientist-tusk {position: absolute; right: 15px; width: 35%; bottom: -15%;} #section-2 h2 {font-size: 7vw;} #section-2 .title {font-size: 3vw; position: relative;} #section-2 .disc {position: absolute; left: -1.7vw; top: -1.5vw;} #section-2 p.medium { padding: 0 20% 0 5%; } #section-2 .rotate {width: 7%; margin: -80% auto 0; display: block;} #section-2 .square.a {left: 48%; top: 23%;} #section-2 .plus.a {left: 48%; top: 35%;} #section-2 .plus.b {left: 48%; top: 65%;} #section-2 .plus.c {right: 5%; top: 35%;} #section-2 .plus.d {right: 5%; top: 75%;} #section-2 .text.a {transform: rotate(90deg); position: absolute; text-transform: uppercase; left: 36%; top: 100%;} #section-2 .text.b {font-size: 0.8vw; position: absolute; right: 5%; top: 59%;} .quote-5 {margin-top: -12vw; padding-bottom: 6vw;} .quote-5 .square.a {margin-top: 3%;} .quote-5 .plus.a {right: 30%;} .quote-5 .author {font-size: 1.8vw; font-family: 'NB Architekt Std'; margin: 3% 0 0; position: relative;} .quote-5 .square.b {left: -20%;} .quote-5 .inside {position: relative; padding: 5%; background: #FFF; margin-top: -15%;} .quote-5 .dot {width: 1.5vw; height: 1.5vw; position: absolute; left: -0.75vw; top: -0.75vw} .quote-5 p.medium {font-size: 1.6vw;} #section-3 {background: #dc68fd url(img/iris-2.webp) no-repeat center top; background-size:100% auto; padding: 5vw 0 17vw;} #section-3 h2 {color: #FFF; font-size: 10vw; line-height: 1.8;} #section-3 .text.a {color: #FFF; position: absolute; top: 19vw; } #section-3 .text.b {position: absolute; left: 0; transform: rotate(90deg); bottom: 10%; font-size: 0.8vw;} #section-3 .item {padding: 0 5% 10% 15%;} #section-3 .item .title {border-bottom: 2px solid #000; margin-bottom: 5%; padding-bottom: 5%; font-size: 1.5vw; text-transform: uppercase; position: relative; line-height: 1.2; padding-right: 3%;} #section-3 .item .title .plus {right: 0; top: 2%;} #section-3 .item .disc {position: absolute; left: 7%; top: -4%;} #section-3 .constrained {padding: 0 4%;} #section-3 .square.a {left: 5vw; top: 0; position: absolute;} #section-3 .square.b {left: 50%; top: 20%; position: absolute;} #section-3 .plus.a {left: 5vw; top: 45%;} #section-3 .plus.b {right: 9vw; top: 19%;} #section-4 {padding: 0 0 clamp(7px,3vw,60px);} #section-4 .circles {position: absolute; transform: rotate(90deg); width: 1.5vw; display: block; right: 11.5vw;} #section-4 .container-fluid {margin-top: -13%;} #section-4 h3 {font-size: clamp(7px,4.5vw,90px); margin-bottom: clamp(7px,3vw,60px);} #section-4 h3 span {font-size: clamp(7px,2vw,40px);} #section-4 .square.a {left: -15%; position: absolute; top: 0;} #section-4 .square.b {right: 0%; position: absolute; bottom: 0;} #section-4 .plus.a {left: -15%;; bottom: 10%;} #section-4 .plus.b {left: -15%; bottom: 10%;} #section-4 .item {border-top: 1px solid #000; padding: 4% 0;} #section-4 .sherpa-mammoth {max-width: 200%; margin-left: -30%; margin-top: -5%; width: 105%;} #section-4 .item .title {font-size: 2.3vw; line-height: 1; padding: 0 15%;} #section-4 .item .num {position: absolute; font-family: 'NB Architekt Std'; font-size: 1.3vw; line-height: 1;} #section-4 .item .plus {right: 3%; top: 5%;} #section-4 .item ul {padding: 0; margin: 0;} #section-4 .item ul li {padding: 0; margin: 0; list-style: none; font-size: 1.2vw; border-bottom: 1px solid #000; padding: 1% 0;} #section-4 .company-mark {width: 120%; margin: -30% 0 0 -35%; mix-blend-mode: difference;} .quote-1 {position: relative; padding-bottom: 18%;} .quote-1 .container-fluid {position: relative; z-index: 10;} .quote-1 .bg {position: absolute; background: 0; bottom: 0; left: 0; width: 100%; background: #000; height: 70%;} .quote-1 .inside {max-width: 90%; position: relative; background: #FFF; padding: 0 10% 8% 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: 1.8vw; font-family: 'NB Architekt Std'; color: #FFF; margin: 3% 0 0; position: relative;} .quote-1 .author .plus {right: 0; top: 35%;} .quote-1 .auth-title {color: #FFF; max-width: 90%;} .quote-1 .dot {right: -14%; bottom:-13%;} .quote-1 .plus {right: 34%;} .quote-1 p.large {font-size: 2.3vw;} #section-5 {background: url(img/leadership-bg.webp) no-repeat center top; background-size:100% auto;} #section-5 .container-fluid {margin-top: -13%;} #section-5 h2 {font-size: 12vw; color: #FFF;} #section-5 .lower {width: 110%; background: #000; color: #FFF;} #section-5 .lower .adjuster {padding: 0 10% 5% 5%; margin-top: -2.4%;} #section-5 .lower .plus {top:0.1vw; margin-right: 2%;} #section-5 h3 {font-size: 2.8vw;} #section-5 .lower p {font-size: 0.9vw; line-height: 1.7;} #section-5 .lower p.medium {font-size: 1.5vw;} #section-5 .vline {width: 1px; background: #CCC; height: 50%; position: absolute; left: -20%; top: 20%;} #section-6 {padding: 5vw 0 10vw; background: linear-gradient(180deg, rgba(255,255,255,1) 40%, #b770ef 100%);} #section-6 .globe {width: 80%;} #section-6 h2 {font-size: 4vw; line-height: 1.4;} #section-6 .text.a {position: absolute; right: 20%; bottom: 30%; font-size: 1.1vw;} #section-6 .item {position: relative; margin-bottom: 4%;} #section-6 .item .disc {position: absolute; left: 0; top: -6.5%;} #section-6 .item img {max-width: 80%; margin-left: 15%; mix-blend-mode: multiply;} #section-6 .item .line {margin-left: 4.8%;} #section-6 .item .title {font-size: 2vw; text-transform: uppercase;} #section-6 .item .subtitle {text-transform: uppercase; margin-bottom: 3%;} #section-6 .item .two-column {column-count: 2; column-gap: 8%;} #section-6 .item p {font-size: 0.8vw;} #section-6 .item .plus {right: 15px; top: 4%;} #section-exec {padding: clamp(-1000px,50vw,1000px) 0 clamp(-300px,15vw,300px); margin-top: clamp(-980px,-49vw,980px); background: url(img/exec-bg.jpg) no-repeat; background-size: 100% auto; background-position: center bottom; overflow: hidden;} #section-exec .bg {position: absolute; left: 0; top: clamp(-420px,-21vw,420px); width: 100%; max-width: none;} #section-exec .box {background: #FFF; padding: 0; border: none; white-space: nowrap;} #section-exec .box .left {display: inline-block; background: #000; color: #FFF; padding: clamp(-4px,0.2vw,4px) clamp(-20px,1vw,20px);} #section-exec .box .right {display: inline-block; padding: clamp(-4px,0.2vw,4px) clamp(-20px,1vw,20px);} #section-exec .plus.a {right: clamp(-20px,-1vw,20px); top: clamp(-10px,-0.5vw,10px);} #section-exec h2 {font-family: telegraf; text-transform: uppercase;} #section-exec h3 {color: #FFF; font-size: clamp(-140px,7vw,140px);} #section-exec .short {max-width: clamp(-400px,20vw,400px); } #section-exec .plus.b {left: clamp(-40px,-2vw,40px); top: clamp(-10px,-0.5vw,10px);} #section-exec .globe {width: 90%; float: right;} #section-exec .item-list {padding: 0 clamp(-60px,3vw,60px); position: relative;} #section-exec .item {padding: clamp(-40px,2vw,40px); display: block; color: #222;} #section-exec .item img {height: clamp(-400px,20vw,400px); width: 100%; object-fit: cover;} #section-exec .item .title {text-transform: capitalize; font-size: clamp(-26px,1.3vw,26px);} #section-exec .item .subtitle {text-transform: capitalize; font-size: clamp(-20px,1vw,20px);} #section-exec .tag {position: absolute; transform: rotate(-90deg); left:clamp(-50px, -2.5vw,50px); top: clamp(-1000px,50vw,1000px); transform-origin: top left; font-size: clamp(-14px,0.7vw,14px); font-family: 'NB Architekt Light';} #section-exec .square.a {right: clamp(-40px,2vw,40px);} #section-exec .square.b {left: clamp(-40px,-2vw,40px); top: 60vw;} #section-exec .plus.c {left:clamp(-40px, -2vw,40px); top: clamp(-400px,20vw,400px);} #section-exec .modal.exec {background: rgba(0,0,0,0.7);} #section-exec .modal.exec .modal-dialog {max-width: 1000px; margin: 0 auto; max-height: none; height: auto;} #section-exec .modal.exec .modal-content {padding: 0;} #section-exec .modal.exec button {position: absolute; right: 0; width: 50px; height: 50px; border: none;} #section-exec .modal.exec .lower {padding: 0 clamp(-80px,4vw,80px) clamp(-60px,3vw,60px); margin-top:clamp(-160px, -8vw,160px);} #section-exec .modal-content .bio-image {width: 100%; margin: 0; max-height: none; padding: clamp(-20px,1vw,20px); border: 1px solid #FFF; height: clamp(-280px,14vw,280px)} #section-exec .modal-content .bio-subtitle {color: #79ca40;} #in-our-dna {background: url(img/our-dna-bg.jpg) no-repeat center center; background-size: cover; padding: clamp(7px,5vw,100px) 0 clamp(7px,8vw,160px);} #in-our-dna .inside {margin-top: -13vw; position: relative; padding: 0.5vw;} #in-our-dna .inside h2 {margin: clamp(7px,10vw,200px) 0 0; position: relative; z-index: 5;} #in-our-dna .inside h3 {font-size: clamp(7px,9vw,180px); white-space: nowrap; position: relative; z-index: 5} #in-our-dna .inside .frame {position: absolute; width: 140%; height: 105%; top: -1vw; right: -1.1vw; max-width: 200%; border: 1px solid #000;} #in-our-dna .inside .bg {position: absolute; width: 200%; height: 100%; background: #FFF; top: 0; right: 0;} #in-our-dna .inside .head {margin-top: clamp(7px,14vw,280px); margin-bottom: clamp(7px,1vw,20px);} #in-our-dna .dot {right: -1.6vw; bottom: -1.3vw; z-index: 10; } #in-our-dna .inside .square {position: absolute; top: clamp(7px,8vw,160px)} #in-our-dna .image-2 {max-width: clamp(7px,24vw,480px); margin: clamp(7px,15vw,300px) 0 0 clamp(7px,10vw,100px);} #in-our-dna .img-container {margin-top: -15vw; position: relative;} #in-our-dna .img-container img {width: 124%; margin-left: -1.5vw; max-width: 150%; display: block;} #in-our-dna .img-container .caption {position: absolute; bottom: 5%; left: 10%; width: 50%; color: #FFF;} #in-our-dna .img-container .plus {position: relative; margin-bottom: 5px;} #in-our-dna .img-container p {font-size: 0.9vw; color: #7f7f80;} #in-our-dna .img-3 {margin-left: -10vw;} #in-our-dna .big-button {background: #db65ff; color: #FFF; border: none;} #in-our-dna .big-button:hover {background: #000;} #section-7 {background: #000 no-repeat center top; background-size: 100% auto; color: #FFF; padding: 5vw 0 10vw; position: relative; overflow: hidden;} #section-7 h2 {font-size: 3.3vw;} #section-7 .item {padding: 0 5%; display: block; margin-bottom: 15%; color: #FFF;} #section-7 .item .title {position: relative; font-size: 1.5vw; border-top: 1px solid #FFF; padding: 5% 5% 5% 0;} #section-7 .item .plus {right: 0; top: 34%;} #section-7 .item img {width: 100%; height: 17vw; object-fit: cover;} #section-7 .item:hover {color: #b770ee;} #section-7 .bg {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;} #section-8 {padding: 5vw 0;} #section-8 h2 {font-size: 3.3vw;} #section-8 .circles {transform: rotate(90deg); width: 3%; position: absolute; left: 8%; top: -10%;} #section-8 .item {padding: 0 5%; display: block; margin-bottom: 15%; color: #000;} #section-8 .item .title {position: relative; font-size: 1.5vw; border-top: 1px solid #000; padding: 5% 5% 5% 0;} #section-8 .item .plus {right: 0; top: 34%;} #section-8 .item img {width: 100%; height: 17vw; object-fit: cover;} #section-8 .item:hover {color: #b770ee;} #section-8.conservation-board {padding-top: 0 !important; background: rgb(153,148,133); background: linear-gradient(180deg, rgba(153,148,133,0) 0%, rgba(177,242,83,1) 100%);} #section-8.conservation-board img {filter: saturate(0%); mix-blend-mode: multiply;} #section-8.conservation-board .modal-content .bio-image {filter: none; mix-blend-mode: initial;} #shapiro {padding: 5vw 0;} #shapiro .img-1 {max-width: 200%; width: 140%; margin-left: -40%; margin-top: -12vw;} #shapiro .inside {background: #FFF; position: relative; z-index: 10; padding: 3vw 5vw 3vw 0;} #shapiro .inside h2 {font-size: clamp(7px,2.5vw,50px); margin-bottom: clamp(7px,3vw,60px); line-height: clamp(7px,4vw,80px);} #shapiro .inside .dot {left: 0; top: 0;} #shapiro .inside p {font-size: clamp(7px,1.5vw,30px); color: #86878a; margin-bottom: clamp(7px,4vw,80px);} #shapiro .inside p.small {font-size: clamp(7px,1vw,20px);} #shapiro #books {background: url(img/books-bg.jpg) center center; background-size: cover; color: #FFF; padding: clamp(7px,5vw,100px) 0;} #shapiro #books p.auth, #shapiro #books h3 {padding-left: clamp(7px,9vw,190px); height: auto;} #shapiro #books p img {float: left; width: clamp(7px,8vw,160px); margin: -5vw 1.2vw 1vw 0;} #shapiro #books p {height: clamp(7px,17vw,340px); font-size: clamp(7px,1vw,20px);} #shapiro #books .big-button {padding-top: clamp(7px,1vw,20px); padding-bottom: clamp(7px,1vw,20px); padding-right: clamp(7px,3vw,60px);} #shapiro #books .left p {max-width: clamp(7px,40vw,800px);} #section-9 {background:#222 no-repeat center center; background-size: cover; padding: 5vw 0; position: relative; overflow: hidden;} #section-9 h3 {color: #FFF; font-size: 7.4vw; line-height: 2; margin-bottom: 10%;} #section-9 .square.a {position: absolute; top: 15%;} #section-9 .square.b {position: absolute; bottom: 10%;} #section-9 .plus {position: absolute; bottom: 10%; left:25%;} #section-9 .text {position: absolute; color: #FFF; text-transform: uppercase; right: 15%; top: 30%} #section-9 .bg {position: absolute; width: 100%; height: 110%; object-fit: cover; top: 0; left: 0;} .quote-6 {background: #6a5f41; padding: 3vw 0 0;} .quote-6 .square.a {top: 35%;} .quote-6 .plus.a {right: -5%; top: 50%; position: absolute; line-height:0.5;} .quote-6 .plus.c {top: -50%; left: 16%;} .quote-6 .author {font-size: 1.8vw; font-family: 'NB Architekt Std'; color: #FFF; margin: 3% 0 0; position: relative;} .quote-6 .author-title {color: #FFF; max-width: 80%;} .quote-6 .inside {position: relative; padding: 8% ; background: #FFF; margin-top: -15%;} .quote-6 .dot {width: 1.5vw; height: 1.5vw; position: absolute; left: -0.75vw; top: -0.75vw} .quote-6 .adjuster {padding-left: 10%;} .quote-6 .inside {width: 110%; margin-left: -10%;} .quote-6 .slashes {transform: rotate(90deg); transform-origin: bottom left; position: absolute; left: 0; width:21%;} .quote-6 p.lower {position: relative; padding-left: 10%;} .quote-6 p.large {font-size: 2.4vw;} .quote-6 .text.b {position: absolute; right:15px; top: -50%; text-transform: uppercase;} #section-10 {background: #dc68fd; overflow: hidden;} #section-10 .inner {overflow: hidden;} #section-10 h2 {font-size: clamp(-80px,4vw,80px); padding: 4% 0;} #section-10 .item {padding: 0 10% 18%; display: block; color: #000;} #section-10 .item p {border-top: 1px solid #000; margin-top: 10%; padding-top: 10%;} #section-10 .item img {width: 60%; height: clamp(-100px,5vw,100px); display: block; object-fit: contain; object-position: left bottom; mix-blend-mode: multiply; filter:grayscale(1) contrast(100) brightness(1);} #section-10 .item img.inverse {filter: invert(100%);} #section-10 .item.larger img {height: clamp(-240px,12vw,240px); margin-top: clamp(-60px,-3vw,60px)} #section-10 .quote-section .arkitect {font-size: clamp(-16px,0.8vw,16px); white-space: nowrap;} #section-10 .quote-section .square.c {left: clamp(-30px,-1.5vw,30px); top: clamp(-6px,0.3vw,6px)} #section-10 .quote-section .plus.c {left: clamp(-64px,-3.2vw,64px); top: clamp(-360px,18vw,360px)} #section-10 .quote-section .inside {padding: clamp(-60px,3vw,60px); width: 100%; position: relative; z-index: 5;} #section-10 .quote-section .mask {position: absolute; width: 100%; height: 100%; background: #ff7b31; left: -10%} #section-10 .quote-section .dot {left: clamp(-10px,-0.5vw,10px); top: clamp(-10px,-0.5vw,10px)} #section-10 .quote-section .inner {background: #ff7b31;} #section-10 .quote-section .nelson {width: 110%; max-width: none} #section-10 .quote-section p.medium {font-size: clamp(-40px,2vw,40px)} #section-10 .quote-section .img-container {position: absolute; right: 0%; width:33%; top: clamp(-140px,8vw,140px); z-index: 10} #section-10 .quote-section h3 {font-size: clamp(-40px,2vw,40px)} #section-10 .quote-section {} #section-11 #university-partners {background: #dc68fd; position: relative; z-index: 10} #section-11 #university-partners .brick {height: clamp(-100px,5vw,100px); width: 40%; position: absolute; bottom: clamp(-30px,-1.5vw,30px); left: 0; background: #dc68fd} #section-11 #conservation-partners .bg {position: absolute; left: 7%; width: calc(100% - 7%); height: 100%; object-fit: cover;} #section-11 #conservation-partners {padding-left: 10%; color: #FFF; position: relative; padding-bottom: clamp(-60px,3vw,60px)} #section-11 #conservation-partners .head {width: 30%; text-transform: uppercase; right:8%; position: absolute; top: clamp(-80px,4vw,80px)} #section-11 #conservation-partners h2 {font-size: clamp(-90px,4.5vw,90px); margin: 0; padding: clamp(-100px,5vw,100px) 0; position: relative;} #section-11 #conservation-partners h2 .square {top: clamp(-50px,2.5vw,50px)} #section-11 #conservation-partners h2 .plus {bottom: clamp(-40px,2vw,40px)} #section-11 #conservation-partners p.medium {font-size: clamp(-36px,1.8vw,36px); margin: 0} #section-11 #conservation-partners .affiliates {padding-left: 13%; text-align: center;} #section-11 #conservation-partners .affiliates img {filter: brightness(0) invert(1); max-height: clamp(-70px,3.5vw,70px); margin-bottom: clamp(-40px,2vw,40px)} #section-11 .accoldades {width:100%} #section-11 .accoldades img {display: block; margin: 0 auto clamp(-60px,3vw,60px); max-height: clamp(-140px,7vw,140px); max-width: 80%; filter: saturate(0%);} #section-11 {padding-bottom: clamp(-200px,5vw,200px);} #section-11 .logos img {max-width: clamp(-200px,10vw,200px); display: block; margin: 0 0 clamp(-60px,3vw,60px)} #section-11 h2 {font-size: clamp(-68px,3.4vw,68px); padding: 4% 0;} #section-11 .img-3 {display: block; width: 100%;} #section-11 .img-4 {position: absolute; bottom: 0; left: clamp(-13px,0.5vw,13px); z-index: 5; width: 18%; margin-bottom: -4%;} #section-11 .img-5 {position: absolute; right: 0; width: 25%; bottom: -20%;} #section-11 .img-6 {width: 86%;} #section-11 .video-container-c {width: 200%; max-width: 135%; margin-top: 15%; margin-left: -35%; margin-bottom: 10%;} #section-11 .video-container-c video {width: 100%;} #section-11 .img-8 {width: 80%;} #section-11 .img-9 {width: 100%;} #section-11 .img-10 {position: absolute; width: 25%; left: 0; z-index: 5;} #section-11 .img-12 {padding: clamp(-20px,1vw,20px); z-index: 5; position: relative;} #section-11 .img-13 {max-width: 120%; position: absolute; right: 0; bottom: -5%; z-index: 5} #section-11 .img-15 {max-width: 120%; margin-left: -20%;} #section-11 .video-container-b {position: absolute; width: 33%; left: -8%; bottom: clamp(-160px,-8vw,160px); z-index: 5;} #section-11 .video-container-b video {width: 100%;} #section-11 .img-16 {padding: clamp(-20px,1vw,20px); border: 1px solid #bbf36f; z-index: 5; position: relative; max-width: 120%; margin-left: -20%;} #section-11 .img-17 {position: relative; z-index: 6; margin-bottom: -5vw;} #section-11 .img-18 {position: relative; z-index: 7;} #section-11 .img-19 {position: relative; z-index: 8; margin-left: -20%;} #section-11 .img-b-1 {max-width: 115%} #section-11 .img-b-4 {max-width: 125%; width: 115%; margin-left: -17%} #section-11 .video-container-a {width: 112%; margin-left: -12%; margin-top: clamp(-120px,8vw,160px); position: relative;} #section-11 .video-container-a video {width: 100%;} #section-11 .video-container-a .square {bottom: -3vw; right: 0;} #section-11 .img-b-6 {margin-top: -9vw} #section-11 .dna {position: absolute; bottom: 10%; max-width: 200%; width: 180%; left: -30%;} #section-11 .text {position: absolute; transform: rotate(90deg); white-space: nowrap; transform-origin: bottom left; left: 5%;} #section-11 .text.a {top: 0;} #section-11 .text.b {top: 90%;} #section-11 .square.b {position: absolute; top: 130%;} #section-11 .square-c {position: absolute; left: -4vw; top: 80%;} #section-11 .square-d {position: absolute; left: -4vw; top: 0%;} #accolades {padding: 0 0 clamp(-300px,15vw,300px)} #accolades h3 {font-size: clamp(-60px,3vw,60px); position: relative; margin: 0} #accolades .plus.a {top: clamp(-30px,-1.5vw,30px); } #accolades .square {bottom:clamp(-40px,2vw,40px); } #accolades .accolades {padding-left: 7%; width: 94%} #accolades .accolades p {margin: clamp(-6vw,0.3vw,6vw) 0; max-width: 70%} #accolades .accolades small {text-transform: uppercase; letter-spacing: clamp(-14px,0.07vw,14px)} #accolades .accolades .ack {margin-bottom: clamp(-90px,4.5vw,90px)} #accolades .accolades a {color: inherit; text-decoration: underline;} #accolades .accolades img {max-height: clamp(-80px,4vw,80px); margin: 0 auto; display: block; filter: saturate(0%);} #section-12 {background: #fe7e3d; padding: 0 0 5vw;} #section-12 .title {font-size: 3vw;} #section-12 .circles {position: absolute; right: 8vw; top: 62%;} #section-12 .locations-map {margin-left: -2vw;} #section-12 h2 {font-size: 4.5vw; margin: 10% 0;} #section-12 .location {border-top: 1px solid #000; padding: 5% 0; text-transform: uppercase;} #section-12 .location .location-name {font-size: 2vw; line-height: 3vw; padding-left: 8%;} #section-12 .location .location-state {line-height: 3vw; font-size: 1.3vw; text-align: right;} .video-element {border-radius: 1000px; margin-top: clamp(-200px,-10vw,200px); margin-bottom: clamp(-80px,4vw,80px); width: 100%; object-fit: cover;} @media (min-width: 1400px) and (max-height: 640px) { #hero h1 {font-size: 9vw} } @media only screen and (max-width:767px) { p {font-size: 3.5vw;} p.medium {font-size: 4vw;} p.large {font-size: 6vw;} .head .arkitect {font-size: 2vw;} .head .square {left: 2%;} #hero .plus.a {top: 20vh; left: 6.5vw; display: none; } #hero h1 {font-size: clamp(-90px,22vw,90px);} #hero .arkitect {text-align: left !important; font-size: 2.5vw;} #hero .lower {left: 6vw; top: 45vh; width: 90%;} #hero p {font-size: clamp(-16px,3.3vw,15px); line-height: 1.2;} #hero h3 {font-size: clamp(-0px,5vw,24px);} #hero h3 br {display: none;} #hero .circles {display: none;} #section-1 .head {width: 300%; margin-left: -150%;} #section-1 .globe {margin: 10vw 0 0 -10vw; width: 80vw; max-width: 200vw;} .quote-4 .large {position: absolute; width: 50%; right: 0; top: 37%; font-size: 4.3vw;} .quote-4 .bg {height: 15%;} .quote-4 .author {font-size: 4.4vw;} .quote-4 .author-info {padding-left: 15%;} .quote-4 .mark {display: none;} #section-2 {padding-bottom: 40vw;} #section-2 .rotate {position: absolute; width: 1.5vw; top: -10vw; right: 2vw; margin: auto;} #section-2 .wooly-herd {margin-top: -15%; margin-left: -15%;} #section-2 .scientist-tusk {right: 15%;} #section-2 .head {margin-top: 5vw;} #section-2 h2 {font-size: 15vw;} #section-2 .plus.c {top: 43.5%;} #section-2 p.medium {padding: 0; font-size: 3.3vw; line-height: 1.2;} #section-2 .title {font-size: 7vw; border-bottom: 1px solid #FFF; margin-bottom: 2vw;} #section-2 .disc {left: -6vw; top: -3vw;} .quote-5 {margin-top: -25vw;} .quote-5 .square.a {margin-top: 4%;} .quote-5 .inside {margin-top: -15%; width: 80%; margin-left: 20%; padding-right: 0; padding-bottom: 0;} .quote-5 p.medium {font-size: 3.7vw;} .quote-5 .tony-robbins {margin-left: -10%;} .quote-5 .author {font-size: 5vw;} #section-3 h2 {font-size: 24vw; line-height:1.4;} #section-3 .text.a {top: 35vw;} #section-3 .constrained {padding: 0;} #section-3 .item {padding: 0 0 30%;} #section-3 .item .disc {display: none;} #section-3 .item .title {font-size: 3.5vw; height: 25vw; display: flex; align-items: flex-end; border-bottom: 1px solid #000;} #section-3 .item .title .inner {} #section-3 .item .title .plus {top:0; left: 0;} #section-3 .item p {font-size: 3vw; line-height: 1.2;} #section-4 {padding-bottom: 8vw;} #section-4 .circles {width: 3vw;} #section-4 h3 span {font-size: 8vw;} #section-4 h3 {font-size: 14vw; margin-top: -7vw; white-space: nowrap;} #section-4 .container-fluid {margin-top: -20%;} #section-4 .sherpa-mammoth {width: 160%; margin-left: -50%;} #section-4 .item {padding: 8% 0; border-top: none;} #section-4 .item .num {font-size: 5vw;} #section-4 .item .title {font-size: 7vw; max-width: 65vw; margin-bottom: 4vw;} #section-4 .item ul li {font-size: 4vw;} .quote-1 {padding-bottom: 40vw;} .quote-1 p.large {font-size: 5.4vw; max-width: 55vw; margin-bottom: 7vw; margin-top: 5vw;} .quote-1 .zach-lynch {position: absolute; top: 3%; width: 50%; right: -5%;} .quote-1 .inside {padding: 0 8% 5% 0;} .quote-1 .bg {height: 80%;} .quote-1 .dot {bottom: -9%; right: -12%; width: 3vw; height: 3vw;} .quote-1 .author {font-size: 5vw;} #section-5 {background-size: auto 70%;} #section-5 .container-fluid {margin-top: -30%;} #section-5 h2 {font-size: 15vw; padding-top: 3vw;} #section-5 h3 {font-size: 5vw;} #section-5 .lower p {font-size: 3vw; line-height: 1.2;} #section-5 .lower p.medium {display: none;} #section-5 .lower .adjuster {margin-top: 0;} #section-5 p.intro {font-size: 4vw; margin: 5vw 0 0; padding: 3vw 0 0; border-top: 1px solid #FFF; } #section-5 .slashes-2 {width: 20vw; display: none;} #section-6 h2 {font-size: 8vw; white-space: nowrap; padding-top: 2vw;} #section-6 .globe {width: 110%; max-width: 200%;} #section-6 .item .disc {left: -2vw; top: -4.2vw;} #section-6 .item .line {width: 120%; margin-left: 10vw;} #section-6 .item img {max-width: 120%; margin-left: -20%; margin-top: 4vw;} #section-6 .item .title {font-size: 7vw; line-height: 1; margin-top: 4vw; margin-bottom: 13vw; } #section-6 .item .subtitle {max-width: 40vw; margin-bottom: 7vw;} #section-6 .item p {font-size: 3.4vw; line-height: 1.2;} #section-6 .item img {margin-bottom: 3vw;} #section-exec {margin-top: -140vw; padding-top: 145vw;} #section-exec .box {margin-bottom: 5vw;} #section-exec .bg {width: 300%; left: 0; top: -100vw;} #section-exec h2 {font-size: 14vw; position: relative; z-index: 10;} #section-exec h3 {position: relative; z-index: 10;} #section-exec .globe {position: absolute; top: -5vw; right:-5vw; width: 40vw;} #section-exec .item-list {padding-top: 15vw;} #section-exec .item {padding: 0;} #section-exec .line.short {max-width:50vw;} #section-exec .plus.b {display: none;} #section-exec .plus.c {top:3vw;} #section-exec .tag {display: none;} #section-exec .item .title {font-size: 4vw; line-height: 1.2;} #section-exec .item .subtitle {font-size: 3vw; line-height: 1.2; margin-bottom: 8vw;} #section-exec .square.b {display: none;} #section-exec .modal-content p {} #section-exec .modal.exec {padding-top: 20vw;} #section-exec .modal-content .bio-image {width: 50vw;} #section-7 h2 {font-size: 8vw; padding-top: 2vw;} #section-7 .head {margin-top: 5vw;} #section-7 .item {padding: 0; margin-bottom: 10vw;} #section-7 .item img {height: 29vw;} #section-7 .item .title {font-size: 3.5vw;} #section-8 h2 {font-size: 8vw; padding-top: 2vw;} #section-8 .circles {right: 0; left: auto; top: 0; display: none;} #section-8 .item {padding: 0; margin-bottom: 10vw;} #section-8 .item img {height: 29vw;} #section-8 .item .title {font-size: 3.5vw;} #section-9 {padding-bottom: 20vw;} #section-9 h3 {font-size: 8.5vw;} #section-9 .text {text-align: right; right: 5vw; font-size: 2vw;} #section-9 .plus {left: 68%; bottom: 20%;} #section-9 .square.b {bottom: 20%;} .quote-6 .tull {max-width: 200%; width: 110%; margin-left: -10%; margin-top: -23%; margin-bottom: 30vw;} .quote-6 .inside {width: 70vw; margin-left: -45vw; margin-top: 20vw; padding: 5vw 5vw 3vw;} .quote-6 .inside p {font-size: 2.8vw;} .quote-6 p.large {font-size: 3.5vw;} .quote-6 p.lower {font-size: 3.5vw;} .quote-6 .align-items-end {align-items: flex-start !important;} .quote-6 .author {font-size: 6vw;} .quote-6 .adjuster {padding-left: 0;} .quote-6 .author-title {max-width: 130%; width: 120%; padding-left: 0;} #section-10 {padding: 2vw 0;} #section-10 h2 {font-size: 8vw; padding-top: 2vw; margin: 0;} #section-10 .item {padding: 0 0 10%;} #section-10 .item p {line-height: 1.2;} #section-10 .item img {width: 70%; height: 9vw;} #section-10 .item.larger img {height: 30vw} /* #section-10 .quote-section {overflow: visible;}*/ #section-10 .quote-section .plus.c {display: none} #section-10 .quote-section .arkitect {font-size: 3vw} #section-10 .quote-section .square.c {left: -0.7vw; top: 1.4vw} #section-10 .quote-section .inside {padding-left: 0; width: 95%; margin-top: -11vw; background: #ff7b31} #section-10 .quote-section p.medium {font-size: 5vw} #section-10 .quote-section h3 {font-size: 6vw} #section-11 {padding-bottom: 20vw;} #section-11 h2 {font-size: 8vw; padding-top: 2vw; margin-bottom: 0;} #section-11 .img-1 {max-width: 150%; margin-left: -15%; width: 140%;} #section-11 .dna {max-width: 300%; width: 300%; bottom: 7%;} #section-11 .img-13 {max-width: 40%; z-index: 5;} #section-11 .img-12 {max-width: 80%; padding: 2vw;} #section-11 .img-15 {max-width: 80%; margin-top: -30%;} #section-11 .img-17 {width: 60%; float: right; margin-top: -10vw; margin-bottom: 3vw;} #section-11 .img-16 {max-width: 100%; padding: 2vw;} #section-11 .img-19 {width: 50%; margin: -20vw 0 0;} #section-11 .logos img {max-width: 90%; margin-bottom: 10vw} #section-12 .title {font-size: 10vw; text-align: center; line-height:0.8; margin-top: 0vw; margin-bottom: 10vw;} #section-12 .circles {top: -25%; left: 5vw; right: auto; width: 24vw; display: none;} #section-12 .locations-map {width: 170%; max-width: 300%; margin-left: -62vw; margin-top: -10vw;} #section-12 h2 {font-size: 8vw; margin: 5vw 0 2vw;} #section-12 .location .location-name {font-size: 5vw; line-height: 9vw;} #section-12 .location .location-state {font-size: 3vw; line-height: 9vw;} .video-element {height: 30vw; margin-top: -14vw;} #in-our-dna .dot {right: -3vw; bottom: -3vw;} #in-our-dna .inside .frame {top: -2vw; right: -2vw; height: 109%;} #in-our-dna .image-2 {max-width: 49vw; margin: 10vw 0 0;} #in-our-dna .img-container {margin: -20vw 0 0 15%; width: 80%; } #in-our-dna .img-container img { margin: 0;} #in-our-dna .img-container .caption {width: 60%; bottom: 10%;} #in-our-dna .img-container p {font-size: 2.6vw;} #in-our-dna .img-3 {margin: 8vw 0 5vw -10vw; max-width: 80%;} #in-our-dna .big-button {margin: 0 auto; display: block; width: 50vw; font-size: 4.5vw;} #shapiro .inside h2 {font-size: 7vw; margin: 3vw 0 ; line-height: 7.5vw;} #shapiro .inside .dot {left: auto; right: -1.5vw; top: -1.5vw;} #shapiro .inside p {font-size: 3.2vw;} #shapiro .inside p.small {font-size: 2.8vw;} #shapiro #books {padding-top: 15vw; padding-bottom: 15vw;} #shapiro #books .left p {max-width: 100vw; font-size: 3vw;} #shapiro #books .left .big-button {margin-bottom: 15vw;} #shapiro #books p { height: auto; font-size: 3vw;} #shapiro #books p img {width: 25vw; margin: -24vw 4vw 2vw 0;} #shapiro #books p.auth, #shapiro #books h3 {padding-left: 29vw;} #shapiro #books .big-button {margin: 0;} #section-11 #university-partners .brick {height: 8vw; bottom: -8vw} #section-11 #conservation-partners .head {display: none} #section-11 #conservation-partners h2 {font-size: 8vw; margin: 5vw 0} #section-11 #conservation-partners h2 .plus {bottom: 0} #section-11 #conservation-partners h2 .square {top: 0} #section-11 #conservation-partners .bg {top: 0;} #section-11 #conservation-partners {padding-top: 10vw} #section-11 #conservation-partners p.medium {font-size: 5vw} #section-11 #conservation-partners .affiliates {padding-left: 0; } #section-11 #conservation-partners .affiliates img {max-height: 15vw; margin-bottom: 8vw; max-width: 80%} #section-11 .accoldades {padding-left: 0; padding-top: 10vw; width: 100%} #section-11 .accoldades img {max-height: 22vw; max-width: 30vw; margin: 5vw auto} #accolades h3 {font-size: 12vw; margin-bottom: 10vw} #accolades .plus.a {top: -3vw} #accolades .square {bottom: 5vw} #accolades .accolades {padding: 0; width: 100%; padding-bottom: 10vw; padding-top: 10vw} #accolades .accolades img {max-height: none; max-width: 110%} #accolades .accolades .ack {margin-bottom: 10vw} #accolades .accolades p {max-width: 100%} #section-11 .img-b-2 {display: none} #section-11 .video-container-a {width: 170%; max-width: none; margin-left: -50%} #section-11 .img-b-6 {margin-top: 0; width: 140%; max-width: none; margin-left: -40%} #section-11 .video-container-b {width: 70%; top: 80%} #section-11 .img-b-1 {margin-top: 24vw} }