Themeisle: Our carbon removal commitment

<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8" />  <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Themeisle: Our carbon removal commitment</title>   <meta property="og:type" content="website" /> <meta property="og:title" content="Themeisle: Our carbon removal commitment" /> <meta property="og:description" content="Themeisle has joined Stripe Climate to help new carbon removal technologies scale. Learn more about what we’re doing and why it matters." /> <meta property="og:image" content="https://d37ugbyn3rpeym.cloudfront.net/docs/climate/autogen/0067570580398ddcb2cc_social_card.jpeg" /> <meta property="og:url" content="https://climate.stripe.com/iLhMUy" />   <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Themeisle: Our carbon removal commitment" /> <meta name="twitter:description" content="Themeisle has joined Stripe Climate to help new carbon removal technologies scale. Learn more about what we’re doing and why it matters." /> <meta name="twitter:image" content="https://d37ugbyn3rpeym.cloudfront.net/docs/climate/autogen/0067570580398ddcb2cc_social_card.jpeg" /> <meta name="twitter:url" content="https://climate.stripe.com/iLhMUy" /> <script src="https://a300.stripecdn.com/climate-statics-srv/assets/js/autogen_animation-b886b036a7f03bcb88dc.js" type="text/javascript"></script> <link rel="shortcut icon" href="https://a300.stripecdn.com/climate-statics-srv/assets/img/climate_favicon-656385cb5f14de92a939.ico"> <link rel="stylesheet" type="text/css" href="https://a300.stripecdn.com/climate-statics-srv/assets/stylesheets/autogen-b73451294543b9c0e34e.css"> <style nonce="/cQ5GXvFbjop3WkACGirMQ==" type="text/css"> @font-face { font-family: 'sohne-var'; src: url("https://a300.stripecdn.com/climate-statics-srv/assets/fonts/Sohne-latin-basic-ed9992f2a95dc81a4e30.woff2") format("woff2-variations"); font-weight: 1 1000; font-display: block; unicode-range: U+0000-007E; } @font-face { font-family: 'sohne-var'; src: url("https://a300.stripecdn.com/climate-statics-srv/assets/fonts/Sohne-minus-latin-basic-79d1d64f2bca336d2330.woff2") format("woff2-variations"); font-weight: 1 1000; font-display: block; unicode-range: U+007F-FFFF; } /* This fallback font exists only to support IE11. It does not use font variations because IE11 doesn't support those. */ @font-face { font-family: 'sohne-woff'; font-weight: normal; src: url("https://a300.stripecdn.com/climate-statics-srv/assets/fonts/Sohne-Regular-d73ae18a8271477cea64.woff") format("woff"); } .stats { background-color: #F0F0F0; } /* TODO(mzhou) - move other dynamic things into this inline stylesheet */ :root { /* Brand color override * Note that dynamic css values can be an XSS exploit, so this is sanitized in the presenter */ --brand-color: #4267cf; /* * we want the video to take over the entire screen at some point * 100vh = full screen takeover * 100vw * 0.212 = height of the 12 deg part * 10px = some extra buffer so we surely cover the the entire vh */ --video-height: calc(100vh + 0.212 * 100vw + 10px); } .media-backgroundMask { background-image: url("https://a300.stripecdn.com/climate-statics-srv/assets/img/autogen/fullscreen_image-409b4dfc00309c8e6544.jpeg"); background-color: #F0F0F0; background-size: cover; background-position: top center; transition: transform 100ms; } @media (max-width: 450px) { .media-backgroundMask { background-image: url("https://a300.stripecdn.com/climate-statics-srv/assets/img/autogen/fullscreen_image_mobile-389b3c50226f535e6e25.jpeg"); } } /* inline the CSS for elements that are needed to calculate the 12 deg stripe */ .header__title { color: var(--brand-color); font-size: 11px; font-weight: 400; letter-spacing: 2px; line-height: 18px; margin-bottom: 16px; text-transform: uppercase; } .header__details { color: #222222; font-size: 28px; font-weight: 400; line-height: 40px; margin-bottom: 16px; } .media { align-items: center; clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% calc(100vw * 0.212)); display: flex; height: var(--video-height); justify-content: center; left: 0; overflow: hidden; position: sticky; top: calc(-0.212 * 100vw); margin-bottom: 1px; /* hack to fix overflow: hidden not handling sub-pixel heights in chrome */ } .message { background-color: #F0F0F0; position: relative; z-index: 3; } .message-container { background-color: var(--brand-color); color: #FFFFFF; padding: 88px 64px; position: relative; width: auto; } @media (min-width: 769px) { :root { --video-height: calc(100vh + 0.212 * 100vw + 0.5 * var(--message-container-height)); } .message-container { column-gap: 40px; display: grid; display: ms-grid; /* internet explorer doesn't support column-gap, so add the gaps as explicit grid elements */ -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .message { padding: 0 64px; } /* on larger resolutions the message contain floats over the video */ .message-container { border-radius: 16px; padding: 72px 64px; position: relative; transform: translate(0, -50%); width: 100%; } .message-header .header__details { font-size: 20px; font-weight: 300; letter-spacing: 0.3px; line-height: 30px; } } @media (max-width: 450px) { :root { --video-height: calc(100vh + 0.212 * 100vw); } .message-container { padding: 104px 32px; } } </style> </head> <body> <div class="scroll-to-destination" id="brand_settings"></div> <div class="fullScreenOverlay"> <div class="fullScreenOverlay--player"> <video class="project-video--fullScreen" id="climeworks--fullScreen" poster="https://a300.stripecdn.com/climate-statics-srv/assets/img/autogen/fullscreen_video_poster-c03ea021a97f8c4f8c9e.png" controls> <source class="project-video--source" src="" type="video/mp4"> </video> <button type="button" class="video--closeButton"> <img height='12' width='12' src="https://a300.stripecdn.com/climate-statics-srv/assets/img/autogen/close_icon-e4649f0cddb027f6b2b1.svg"> Close </div> </div> </div> <div class="scrollaway"> <section class="logo-header"> <div class="section-content"> <div class="header-header"> <div class="hero-img" data-propName="logo"> <a href="https://themeisle.com"> <img src="https://d1wqzb5bdbcre6.cloudfront.net/b29d5a169d34c2d7a0231a2d7208a99f37d0df050bb892a2a87f64d351a9823d/68747470733a2f2f66696c65732e7374726970652e636f6d2f6c696e6b732f4d44423859574e6a6446387853315179556e5a4d55316c43636a55354f57707466475a7358327870646d566652315279526e706d4f47637a636b684856316433566b4a756232343254585933303031374b4c744f7351" /> </a> </div> <a class="logo-lockup" href="https://stripe.com/climate" target="_blank"> <img class="header-lockupLogo" src="https://a300.stripecdn.com/climate-statics-srv/assets/img/climate_logo-7e2de8ca7243c666c6b0.svg" height="22" width="22"> <p> Stripe Climate member </p> </a> </header> </div> </section> <section class="hero"> <canvas data-enabled="true"></canvas> <div class="section-content"> <header class="hero-header"> <div class="hero-text"> At <span class='text--highlight' data-propName='businessName' data-defaultBusinessName='Business name'>Themeisle</span>, we contribute 1% of our revenue to carbon removal </div> </header> </div> </section> </div> <section class="media" id="media"> <div class="media-backgroundMask"> </div> </section> <div class="media-header-scrollover"> <section class="section-content"> <header class="media-header"> <div class="header__details"> Removing CO₂ from the atmosphere is critical to counteract climate change, but the technology is currently lagging behind. A fraction of every purchase from <span data-propName='businessName' data-defaultBusinessName='Business name'>Themeisle</span> helps new carbon removal technologies scale. </div> </header> </section> </div> <section class="message"> <div class="scroll-to-destination" id="custom_message"></div> <div class="message-container section-content"> <header class="message-header"> <div class="header__title"> Why we contribute </div> <div class="header__details"> <div data-propName="customMessage" data-defaultCustomMessage="Your message here..."> At Themeisle, we believe businesses can play a critically important role in helping fight climate change. We’re proud to fund next-generation carbon removal. </div> </div> </header> </div> </section> <div class="scrollover"> <section class="stats " id="stats"> <div class="section-content"> <header> <div class="header__title"> Our partners </div> <div class="header__details"> <span data-propName='businessName' data-defaultBusinessName='Business name'>Themeisle</span> is part of Stripe Climate, a coalition of businesses accelerating carbon removal </div> <p class="details"> No company can stop climate change by itself. <a href="https://stripe.com/climate" target="_blank">Stripe Climate</a> aggregates funds from forward-thinking businesses around the world to increase demand for carbon removal. Stripe Climate works with <a href="https://frontierclimate.com/" target="_blank">Frontier</a>, Stripe's in-house team of science and commercial experts, to purchase permanent carbon removal. </p> </header> <div class="stats-section"> <div class="stat"> <div class='stat__value'>25,000+</div> <div class='stat__label'>businesses</div> </div> <div class="stat"> <div class="stat__value">39</div> <div class="stat__label"> countries </div> </div> <div class="scroll-to-destination" id="total_contributions"></div> <div class="stat" data-propName="showTotalContributions"> <div class="stat__value"> €23,000 </div> <div class="stat__label"> <span data-propName='businessName' data-defaultBusinessName='Business name'>Themeisle</span> contributions to date </div> </div> </div> </div> </section> <section class="projects" id="projects"> <div class="section-content"> <header> <div class="header__title"> Select projects </div> <div class="header__details"> We support a portfolio of emerging technologies that remove CO₂ from the atmosphere </div> <p class="details"> Stripe Climate works with a multidisciplinary group of scientific experts to find and evaluate the most promising carbon removal technologies. Below are two examples from our broader portfolio. </p> </header> <article class="project"> <div class="project-video-container"> <video class="project-video" autoplay muted loop playsinline> <source src="https://d37ugbyn3rpeym.cloudfront.net/videos/climate/climeworks-v4-060421-trimmed.mp4" type="video/mp4"> </video> </div> <header> <hr> <img class="project-logo" src="https://a300.stripecdn.com/climate-statics-srv/assets/img/autogen/climeworks-84eb4a7402270abbba50.svg"> <p> Climeworks uses renewable geothermal energy and waste heat to capture CO₂ directly from the air, concentrate it, and permanently sequester it underground in basaltic rock formations with Carbfix. Climeworks will remove 322 tons of CO₂ on behalf of Stripe Climate businesses. </p> <button type="button" class="button" id="climeworks-play-button"> <img src="https://a300.stripecdn.com/climate-statics-srv/assets/img/autogen/play-00e44dbfb1facdb0642f.svg" class="button-icon" height="21" width="21"> Play </button> </header> </article> <article class="project"> <div class="project-video-container"> <video class="project-video" autoplay muted loop playsinline> <source src="https://d37ugbyn3rpeym.cloudfront.net/videos/climate/charm-v3-061821-trimmed.mp4" type="video/mp4"> </video> </div> <header> <hr> <img class="project-logo" src="https://a300.stripecdn.com/climate-statics-srv/assets/img/autogen/charm-6e6bd91ffb42daab0af5.svg"> <p> Charm Industrial has created a novel carbon removal pathway that converts biomass into bio-oil and then injects it deep underground for permanent geologic storage. Stripe Climate was Charm’s first customer. In 2021, Charm removed 416 tons of CO₂ on behalf of Stripe Climate businesses. </p> <button type="button" class="button" id="charm-play-button"> <img src="https://a300.stripecdn.com/climate-statics-srv/assets/img/autogen/play-00e44dbfb1facdb0642f.svg" class="button-icon" height="21" width="21"> Play </button> </header> </article> </div> </section> <section class="chart" id="chart"> <div class="section-content"> <header> <div class="header__title"> Why it works </div> <div class="header__details"> Early customers can help new technologies get down the cost curve and scale up </div> <p class="details"> Most new technology is expensive at first. Early adopters such as <span data-propName='businessName' data-defaultBusinessName='Business name'>Themeisle</span> help promising new carbon removal technologies lower their costs and scale up quickly. </p> </header> <figure class="chart__figure"> <div class="chart__overlay"> <div class="chart__axisLabel chart__axisLabel--y"> Unit Price </div> <div class="chart__axisLabel chart__axisLabel--x"> Time </div> <div class="chart__lineLabel chart__lineLabel--solarPanels"> Solar panels </div> <div class="chart__lineLabel chart__lineLabel--hardDrives"> Hard drives </div> <div class="chart__lineLabel chart__lineLabel--dnaSequencing"> DNA sequencing </div> <div class="chart__lineLabel chart__lineLabel--carbonRemoval"> <span class='text--highlight'>Carbon removal</span> has the potential to follow a similar trajectory with the help of early adopters </div> </div> <svg class="chart-svg-xlarge" width="1177" height="399" viewBox="0 0 1177 399" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1175 368L30.0001 368L30 0" stroke="#BFCEE0"/> <path d="M200.593 45C200.593 45 301.795 71.1369 351.162 90.4326C400.529 109.728 509.728 225.864 641.194 270.321C741.05 304.089 1175.59 309 1175.59 309" stroke="#C4CCD8" stroke-width="2" stroke-linecap="round"/> <path opacity="0.15" d="M348.958 90.2473C299.591 71.0303 198.388 45 198.388 45V362.218H1173.39V307.924C1173.39 307.924 738.846 303.032 638.989 269.402C507.523 225.127 398.325 109.464 348.958 90.2473Z" fill="url(#paint0_linear)"/> <path d="M100 46.9565C172.641 134.17 466.888 326.609 1175 326.609" stroke="url(#paint1_linear)" stroke-width="2" stroke-linecap="round"/> <path opacity="0.15" d="M1175 325.35C466.888 325.35 172.641 133.059 100 45.9126V368.348H1175V325.35Z" fill="url(#paint2_linear)"/> <path d="M169 45C291.633 211.36 356.381 275.276 524.809 305.367C663.694 330.181 820.045 333 1175 333" stroke="url(#paint3_linear)" stroke-width="2" stroke-linecap="round"/> <path opacity="0.15" d="M524.809 305.086C356.381 275.028 291.633 211.181 169 45V366.391H1175V332.689C820.045 332.689 663.694 329.873 524.809 305.086Z" fill="url(#paint4_linear)"/> <path d="M121 159L121 69" stroke="#929DB1"/> <circle cx="121" cy="69" r="4" fill="#919CB0"/> <path d="M315 280.594L315 216.909" stroke="#515C77"/> <circle cx="315.052" cy="213.783" r="4" fill="#505B76"/> <path d="M337 82L337 35" stroke="#C4CCD8"/> <circle cx="336.484" cy="84.9673" r="4" fill="#C4CCD8"/> <path d="M435 37C435 37 441.286 50.8462 446 61" class="chart-brand-color-stroke" stroke-width="2" stroke-miterlimit="16" stroke-linecap="round"/> <path d="M1173 260C1173 260 791.061 256.512 639.101 201.342C545.542 169.852 470.056 94.4482 447 61" class="chart-brand-color-stroke" stroke-width="2" stroke-miterlimit="16" stroke-linecap="round" stroke-dasharray="3 5"/> <path opacity="0.15" d="M1173 259.748C1173 259.748 787.051 260.09 632.579 198.336C537.474 163.088 459.489 92.1667 435 37C435 131.698 435 368 435 368C443.905 368 1173 366.959 1173 366.959V259.748Z" fill="url(#paint5_linear)"/> <g filter="url(#filter0_d)"> <circle cx="449.464" cy="64.8916" r="7.5" class="chart-brand-color-fill"/> <circle cx="449.464" cy="64.8916" r="6.5" stroke="white" stroke-width="2"/> </g> <path d="M741 227L741 126" class="chart-brand-color-stroke"/> <circle cx="741" cy="227" r="4" class="chart-brand-color-fill"/> <defs> <filter id="filter0_d" x="437.964" y="53.3916" width="23" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.25098 0 0 0 0 0.482353 0 0 0 0.25 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <linearGradient id="paint0_linear" x1="685.888" y1="45" x2="685.888" y2="361.697" gradientUnits="userSpaceOnUse"> <stop stop-color="#C4CBD8"/> <stop offset="1" stop-color="#C4CCD8" stop-opacity="0"/> </linearGradient> <linearGradient id="paint1_linear" x1="1138.12" y1="321.558" x2="1174.56" y2="325.815" gradientUnits="userSpaceOnUse"> <stop stop-color="#919CB0"/> <stop offset="1" stop-color="#919CB0"/> </linearGradient> <linearGradient id="paint2_linear" x1="782.764" y1="295.943" x2="782.764" y2="372.515" gradientUnits="userSpaceOnUse"> <stop stop-color="#919CB0"/> <stop offset="1" stop-color="#919CB0" stop-opacity="0"/> </linearGradient> <linearGradient id="paint3_linear" x1="1126.21" y1="303.996" x2="1173.43" y2="303.996" gradientUnits="userSpaceOnUse"> <stop stop-color="#505B76"/> <stop offset="1" stop-color="#505B76"/> </linearGradient> <linearGradient id="paint4_linear" x1="677.637" y1="165.847" x2="677.637" y2="365.871" gradientUnits="userSpaceOnUse"> <stop stop-color="#505B76"/> <stop offset="1" stop-color="#505B76" stop-opacity="0"/> </linearGradient> <linearGradient id="paint5_linear" x1="803.341" y1="37" x2="803.341" y2="331.633" gradientUnits="userSpaceOnUse"> <stop class="chart-brand-color-stop-color"/> <stop offset="0.972176" class="chart-brand-color-stop-color" stop-opacity="0"/> </linearGradient> </defs> </svg> <svg class="chart-svg-large" width="1176" height="391" viewBox="0 0 1176 391" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1122 353L83 353L83 0" stroke="#BFCEE0"/> <path d="M146 45C211.951 128.579 479.1 313 1122 313" stroke="url(#paint0_linear_large)" stroke-width="2" stroke-linecap="round"/> <path opacity="0.15" d="M1122 311.794C479.1 311.794 211.951 127.515 146 44V353H1122V311.794Z" fill="url(#paint1_linear_large)"/> <path d="M165.5 153.371L165.5 66.519" stroke="#929DB1"/> <ellipse cx="165.413" cy="66.842" rx="3.76593" ry="3.84196" fill="#919CB0"/> <path d="M209 44C320.296 203.429 379.059 264.681 531.916 293.519C657.962 317.298 799.859 320 1122 320" stroke="url(#paint2_linear_large)" stroke-width="2" stroke-linecap="round"/> <path opacity="0.15" d="M531.916 293.249C379.059 264.443 320.296 203.256 209 44V352H1122V319.702C799.859 319.702 657.962 317.003 531.916 293.249Z" fill="url(#paint3_linear_large)"/> <path d="M340 268.902L340 207.871" stroke="#515C77"/> <ellipse cx="340.08" cy="205.842" rx="3.76593" ry="3.84196" fill="#505B76"/> <path d="M237 44C237 44 328.861 69.0478 373.671 87.5395C418.481 106.031 517.599 217.328 636.93 259.933C727.569 292.293 1122 297 1122 297" stroke="#C4CCD8" stroke-width="2" stroke-linecap="round"/> <path opacity="0.15" d="M371.671 87.362C326.861 68.9457 235 44 235 44V348H1120V295.968C1120 295.968 725.569 291.28 634.93 259.052C515.599 216.621 416.481 105.778 371.671 87.362Z" fill="url(#paint4_linear_large)"/> <path d="M360.5 78.7693L360.5 32.9958" stroke="#C4CCD8"/> <ellipse cx="360.433" cy="81.4362" rx="3.76593" ry="3.84196" fill="#C4CCD8"/> <path d="M450 36C450 36 455.714 49.2692 460 59" class="chart-brand-color-stroke" stroke-width="2" stroke-miterlimit="16" stroke-linecap="round"/> <path d="M1120 250C1120 250 773.309 246.652 635.373 193.7C550.448 163.476 481.928 91.1036 461 59" class="chart-brand-color-stroke" stroke-width="2" stroke-miterlimit="16" stroke-linecap="round" stroke-dasharray="3 5"/> <path opacity="0.15" d="M1120 250C1120 250 769.716 250.329 629.519 191C543.202 157.136 472.423 89 450.197 36C447.503 130.333 450.197 354 450.197 354C458.279 354 1120 353 1120 353V250Z" fill="url(#paint5_linear_large)"/> <g filter="url(#filter0_d_large)"> <circle cx="463.5" cy="62.5" r="7.5" class="chart-brand-color-fill"/> <circle cx="463.5" cy="62.5" r="6.5" stroke="white" stroke-width="2"/> </g> <g filter="url(#filter1_d_large)"> <path d="M948 242L948 170" class="chart-brand-color-stroke"/> <circle cx="948" cy="243" r="3" class="chart-brand-color-fill"/> </g> <defs> <filter id="filter0_d_large" x="452" y="51" width="23" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.25098 0 0 0 0 0.482353 0 0 0 0.25 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <filter id="filter1_d_large" x="804" y="68" width="281" height="188" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feGaussianBlur stdDeviation="5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <linearGradient id="paint0_linear_large" x1="1088.52" y1="308.16" x2="1121.65" y2="311.827" gradientUnits="userSpaceOnUse"> <stop stop-color="#919CB0"/> <stop offset="1" stop-color="#919CB0"/> </linearGradient> <linearGradient id="paint1_linear_large" x1="765.887" y1="283.612" x2="765.887" y2="356.994" gradientUnits="userSpaceOnUse"> <stop stop-color="#919CB0"/> <stop offset="1" stop-color="#919CB0" stop-opacity="0"/> </linearGradient> <linearGradient id="paint2_linear_large" x1="1077.72" y1="292.205" x2="1120.58" y2="292.205" gradientUnits="userSpaceOnUse"> <stop stop-color="#505B76"/> <stop offset="1" stop-color="#505B76"/> </linearGradient> <linearGradient id="paint3_linear_large" x1="670.616" y1="159.812" x2="670.616" y2="351.501" gradientUnits="userSpaceOnUse"> <stop stop-color="#505B76"/> <stop offset="1" stop-color="#505B76" stop-opacity="0"/> </linearGradient> <linearGradient id="paint4_linear_large" x1="677.5" y1="44" x2="677.5" y2="347.501" gradientUnits="userSpaceOnUse"> <stop stop-color="#C4CBD8"/> <stop offset="1" stop-color="#C4CCD8" stop-opacity="0"/> </linearGradient> <linearGradient id="paint5_linear_large" x1="784.5" y1="36" x2="784.5" y2="319.062" gradientUnits="userSpaceOnUse"> <stop class="chart-brand-color-stop-color"/> <stop offset="0.972176" class="chart-brand-color-stop-color" stop-opacity="0"/> </linearGradient> </defs> </svg> <svg class="chart-svg-medium" width="650" height="372" viewBox="0 0 650 372" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M640 336L26 336L26 5" stroke="#BFCEE0"/> <path d="M64 48C102.922 125.966 260.584 298 640 298" stroke="url(#paint0_linear_medium)" stroke-width="2" stroke-linecap="round"/> <path opacity="0.15" d="M640 297.461C260.584 297.461 102.922 125.11 64 47V336H640V297.461Z" fill="url(#paint1_linear_medium)"/> <path d="M90.2808 170.558L90.2808 89.2927" stroke="#929DB1"/> <ellipse cx="90.4919" cy="89.5948" rx="3.52367" ry="3.59482" fill="#919CB0"/> <path d="M101 47C166.705 196.031 201.396 253.289 291.637 280.246C366.05 302.474 449.82 305 640 305" stroke="url(#paint2_linear_medium)" stroke-width="2" stroke-linecap="round"/> <path opacity="0.15" d="M291.637 280.064C201.396 253.129 166.705 195.915 101 47V335H640V304.799C449.82 304.799 366.05 302.275 291.637 280.064Z" fill="url(#paint3_linear_medium)"/> <path d="M192.114 273.599L192.114 216.493" stroke="#515C77"/> <ellipse cx="192.138" cy="214.595" rx="3.52367" ry="3.59482" fill="#505B76"/> <path d="M117 47C117 47 171.286 70.3648 197.767 87.614C224.248 104.863 282.823 208.682 353.343 248.423C406.907 278.609 640 283 640 283" stroke="#C4CCD8" stroke-width="2" stroke-linecap="round"/> <path opacity="0.15" d="M196.767 87.5092C170.286 70.3045 116 47 116 47V331H639V282.391C639 282.391 405.907 278.012 352.343 247.904C281.823 208.265 223.248 104.714 196.767 87.5092Z" fill="url(#paint4_linear_medium)"/> <path d="M167.912 68.0882L167.912 25.2593" stroke="#C4CCD8"/> <ellipse cx="167.868" cy="70.5836" rx="3.52367" ry="3.59482" fill="#C4CCD8"/> <path d="M638 239C638 239 421.252 235.915 335.016 187.122C281.922 159.271 239.084 92.5823 226 63" class="chart-brand-color-stroke" stroke-width="2" stroke-miterlimit="16" stroke-linecap="round" stroke-dasharray="3 5"/> <path opacity="0.15" d="M640 238.868C640 238.868 419.18 239.175 330.799 183.764C276.385 152.137 231.766 88.5 217.755 39C216.056 127.104 217.755 336 217.755 336C222.85 336 640 335.066 640 335.066V238.868Z" fill="url(#paint5_linear_medium)"/> <g filter="url(#filter0_d_medium)"> <circle cx="226.018" cy="63.9267" r="7.01754" class="chart-brand-color-fill"/> <circle cx="226.018" cy="63.9267" r="6.01754" stroke="white" stroke-width="2"/> </g> <path d="M217 39C217 39 222.347 53.5749 226.357 64.2632" class="chart-brand-color-stroke" stroke-width="2" stroke-miterlimit="16" stroke-linecap="round"/> <g filter="url(#filter1_d_medium)"> <path d="M518 233L518 167" class="chart-brand-color-stroke"/> <circle cx="518" cy="233" r="3" class="chart-brand-color-fill"/> </g> <defs> <filter id="filter0_d_medium" x="215" y="52.9092" width="22.0351" height="22.0351" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.25098 0 0 0 0 0.482353 0 0 0 0.25 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <filter id="filter1_d_medium" x="385.79" y="71" width="264.211" height="175" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feGaussianBlur stdDeviation="5"/> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <linearGradient id="paint0_linear_medium" x1="620.239" y1="293.485" x2="639.935" y2="294.864" gradientUnits="userSpaceOnUse"> <stop stop-color="#919CB0"/> <stop offset="1" stop-color="#919CB0"/> </linearGradient> <linearGradient id="paint1_linear_medium" x1="429.835" y1="271.103" x2="429.835" y2="339.735" gradientUnits="userSpaceOnUse"> <stop stop-color="#919CB0"/> <stop offset="1" stop-color="#919CB0" stop-opacity="0"/> </linearGradient> <linearGradient id="paint2_linear_medium" x1="613.857" y1="279.017" x2="639.159" y2="279.017" gradientUnits="userSpaceOnUse"> <stop stop-color="#505B76"/> <stop offset="1" stop-color="#505B76"/> </linearGradient> <linearGradient id="paint3_linear_medium" x1="373.52" y1="155.292" x2="373.521" y2="334.533" gradientUnits="userSpaceOnUse"> <stop stop-color="#505B76"/> <stop offset="1" stop-color="#505B76" stop-opacity="0"/> </linearGradient> <linearGradient id="paint4_linear_medium" x1="377.5" y1="47" x2="377.5" y2="330.534" gradientUnits="userSpaceOnUse"> <stop stop-color="#C4CBD8"/> <stop offset="1" stop-color="#C4CCD8" stop-opacity="0"/> </linearGradient> <linearGradient id="paint5_linear_medium" x1="428.5" y1="39" x2="428.5" y2="303.369" gradientUnits="userSpaceOnUse"> <stop class="chart-brand-color-stop-color"/> <stop offset="0.972176" class="chart-brand-color-stop-color" stop-opacity="0"/> </linearGradient> </defs> </svg> <svg class="chart-svg-small" width="374" height="422" viewBox="0 0 374 422" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M352 304L44 304L44 3" stroke="#BFCEE0"/> <path d="M57.0586 46C76.9887 117.105 157.719 274 352 274" stroke="url(#paint0_linear_small)" stroke-width="2" stroke-linecap="round"/> <path d="M260.029 187L260.029 261" stroke="#929DB1"/> <circle r="3" transform="matrix(1 0 0 -1 260 261)" fill="#919CB0"/> <path opacity="0.15" d="M352 273.928C157.681 273.928 76.9341 117.083 57 46V304H352V273.928Z" fill="url(#paint1_linear_small)"/> <path d="M76 45C109.645 180.745 127.409 232.899 173.618 257.452C211.721 277.699 254.617 280 352 280" stroke="url(#paint2_linear_small)" stroke-width="2" stroke-linecap="round"/> <path d="M116 258L116 184" stroke="#515C77"/> <circle cx="116.029" cy="182" r="3" fill="#505B76"/> <path opacity="0.15" d="M173.618 258.024C127.409 233.52 109.645 181.471 76 46V304H352V280.526C254.617 280.526 211.721 278.23 173.618 258.024Z" fill="url(#paint3_linear_small)"/> <path d="M142.294 45C142.294 45 143.647 52.5 144.662 58" class="chart-brand-color-stroke" stroke-width="2" stroke-miterlimit="16" stroke-linecap="round"/> <path d="M352 244C352 244 242.922 240.74 199.524 189.174C172.804 159.741 151.246 89.2632 144.662 58" class="chart-brand-color-stroke" stroke-width="2" stroke-miterlimit="16" stroke-linecap="round" stroke-dasharray="3 5"/> <g filter="url(#filter0_d_small)"> <circle cx="145.265" cy="58" r="6" class="chart-brand-color-fill"/> <circle cx="145.265" cy="58" r="5" stroke="white" stroke-width="2"/> </g> <path opacity="0.15" d="M351 243C351 243 245.895 241.063 202.227 192.742C175.341 165.161 149.296 88.1667 142.373 45C141.534 121.831 142.373 304 142.373 304C144.89 304 351 303.186 351 303.186V243Z" fill="url(#paint4_linear_small)"/> <path d="M84.7939 45C84.7939 45 112.529 66.2857 126.059 82C139.588 97.7143 169.515 192.295 205.544 228.5C232.91 256 352 260 352 260" stroke="#C4CCD8" stroke-width="2" stroke-linecap="round"/> <path d="M111.176 65L111.176 26" stroke="#C4CCD8"/> <circle cx="111.147" cy="67" r="3" fill="#C4CCD8"/> <path opacity="0.15" d="M125.233 82.9433C111.714 67.2531 84 46 84 46V304H351V260.67C351 260.67 232.002 256.676 204.657 229.219C168.655 193.069 138.752 98.6335 125.233 82.9433Z" fill="url(#paint5_linear_small)"/> <circle cx="44.5" cy="375.5" r="2.5" class="chart-brand-color-fill"/> <defs> <filter id="filter0_d_small" x="135.265" y="48" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> <feOffset/> <feGaussianBlur stdDeviation="2"/> <feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.25098 0 0 0 0 0.482353 0 0 0 0.25 0"/> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> </filter> <linearGradient id="paint0_linear_small" x1="341.881" y1="269.882" x2="352" y2="270.28" gradientUnits="userSpaceOnUse"> <stop stop-color="#919CB0"/> <stop offset="1" stop-color="#919CB0"/> </linearGradient> <linearGradient id="paint1_linear_small" x1="244.363" y1="249.942" x2="244.363" y2="312.399" gradientUnits="userSpaceOnUse"> <stop stop-color="#919CB0"/> <stop offset="1" stop-color="#919CB0" stop-opacity="0"/> </linearGradient> <linearGradient id="paint2_linear_small" x1="338.613" y1="256.334" x2="351.569" y2="256.334" gradientUnits="userSpaceOnUse"> <stop stop-color="#505B76"/> <stop offset="1" stop-color="#505B76"/> </linearGradient> <linearGradient id="paint3_linear_small" x1="215.547" y1="144.515" x2="215.547" y2="307.575" gradientUnits="userSpaceOnUse"> <stop stop-color="#505B76"/> <stop offset="1" stop-color="#505B76" stop-opacity="0"/> </linearGradient> <linearGradient id="paint4_linear_small" x1="246.5" y1="45" x2="246.5" y2="275.544" gradientUnits="userSpaceOnUse"> <stop class="chart-brand-color-stop-color"/> <stop offset="1" class="chart-brand-color-stop-color" stop-opacity="0"/> </linearGradient> <linearGradient id="paint5_linear_small" x1="217.5" y1="46" x2="217.5" y2="304.575" gradientUnits="userSpaceOnUse"> <stop stop-color="#C4CBD8"/> <stop offset="1" stop-color="#C4CCD8" stop-opacity="0"/> </linearGradient> </defs> </svg> </figure> </div> </section> <div class="scroll-to-destination" id="footer"></div> </div> <section class="footer"> <canvas data-enabled="true"></canvas> <header class="footer-header"> <div data-propName="footerText" class=""> Join us in scaling carbon removal </div> </header> <a href="https://themeisle.com" class="button button--jumbo"> <p data-propName="footerButtonText" data-defaultFooterButtonText="Back to Themeisle" > Back to Themeisle </p> </a> <div class="colorbar"> </section> </body> </html>

CINXE.COM

Themeisle: Our carbon removal commitment