*,*::before,*::after{box-sizing:border-box}body,button,input,optgroup,select,textarea,figure,blockquote{margin:0}html{-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:inline-block;vertical-align:middle;max-width:100%;height:auto}input,button,textarea,select{font:inherit}textarea{resize:vertical;min-height:100px}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{margin:1em 0;padding:0 0 0 1em}nav ul{margin:0;padding:0;list-style:none}.alignwide{position:relative;left:calc(-0.5 * var(--central-padding));width:calc(100% + var(--central-padding))}.alignfull{position:relative;left:calc(-1 * var(--central-padding));width:calc(100% + 2 * var(--central-padding));padding-left:var(--central-padding);padding-right:var(--central-padding)}.wp-block-image.alignfull{padding-left:0;padding-right:0}.wp-caption{text-align:center;font-size:.8em}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;--central-padding:max(7vw, calc(50vw - var(--wp--style--global--content-size) / 2));--section-padding:clamp(40px, 10vh, 60px);overflow:hidden;--bronze:#C49E80;--grey:#e6e6e6;--navy:#2B2C39}#skipToMainContent{position:fixed;top:10px;left:-300px;z-index:1000;transition:left 0.2s ease-in-out 2s}#skipToMainContent:focus,#skipToMainContent:active{left:10px;transition:left 0.2s ease-in-out 0s}.central{padding-left:20px;padding-left:var(--central-padding);padding-right:20px;padding-right:var(--central-padding)}img{max-width:100%;height:auto;vertical-align:top}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#ddd}::-webkit-scrollbar-thumb{background:#AAA}a[href^=tel]{color:inherit;text-decoration:none}.videoWrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.videoWrap iframe,.videoWrap object,.videoWrap embed,.videoWrap video{position:absolute;top:0;left:0;width:100%;height:100%}@media (min-width:350px){.noWidow{display:inline-block}}@media (min-width:500px){.alignwide{position:relative;left:-60px;width:calc(100% + 120px)}}html,body{height:100dvh}body{display:grid;grid-template-areas:"content" "menu";grid-template-columns:1fr;grid-template-rows:1fr auto;align-items:stretch;font-family:'Work Sans',sans-serif;font-size:16px;--titleHeight:0px}body.titleVisible{--titleHeight:90px}.backdrop{content:"";position:absolute;top:0;left:0;min-width:100%;max-width:none;width:auto;min-height:100%;fill:var(--overlay-colour,#252633);transition:fill 0.3s linear}#stageWrap{position:relative;grid-area:content}#stage{display:grid;grid-template-areas:"title" "content";grid-template-rows:var(--titleHeight,0) 1fr;justify-items:center;align-items:center;width:1968px;height:1107px;background:var(--background-colour,#2B2C39);transition:background-color 0.3s linear,grid-template-rows 0.3s ease-in-out;position:absolute;top:50%;left:50%;transform-origin:center center;transform:translate(-50%,-50%) scale(var(--scale,1));overflow:hidden;contain:layout}#content{aspect-ratio:16/9;background:#fff;max-width:1920px;border-radius:30px;margin:50px;width:100%}#titleBar{background:#212230;color:#989898;z-index:1;grid-area:title;justify-self:stretch;align-self:stretch;display:grid;align-items:center;grid-template-columns:1fr auto;padding:0 20px;overflow:hidden;font-size:46px;text-transform:uppercase}@media (min-aspect-ratio:2/1){body{grid-template-areas:"menu content";grid-template-columns:auto 1fr;grid-template-rows:1fr}}.formWrap{background:#2b2c39bd;padding:70px;border-radius:35px;width:95%;max-width:460px;grid-row:1/-1;grid-column:1/-1;z-index:1}.loginForm{display:grid;grid-template-areas:"logo logo" "user user" "pass pass" "remember forgot" "submit submit";grid-template-columns:1fr auto;gap:40px 20px}#loginform{display:contents}.loginForm .logo{grid-area:logo;width:100%}.login-username,.login-password,.fieldWrap{display:grid;align-items:center;background-repeat:no-repeat;background-position:center left}.login-username{grid-area:user;margin:0;background-image:url(/wp-content/themes/whiteboard/images/email.svg)}.login-password{margin:0;grid-area:pass;background-image:url(/wp-content/themes/whiteboard/images/password.svg)}.input,.loginForm label,.fieldWrap label,.fieldWrap input{grid-column:1;grid-row:1;padding:10px 0 10px 20px;border-radius:0}.loginForm label,.fieldWrap label{color:var(--grey);transition:transform 0.3s ease-in-out;transform-origin:top left}.hasContent label{transform:translate(-17px,-28%) scale(.8)}.input,.fieldWrap input{background:none;border:none;color:inherit;border-bottom:1px solid var(--grey)}.input:focus,.fieldWrap input:focus{outline:none;border-color:var(--bronze)}.login-remember{margin:0;grid-area:remember;font-size:.8em}.login-remember label{padding:0}.login-submit{margin:0;grid-area:submit;display:grid}.forgotPassword{grid-area:forgot;font-size:.8em;text-decoration:none}button,.button,[type=submit],[type=reset]{background:var(--bronze);color:#fff;text-decoration:none;text-transform:uppercase;border:none;border-radius:10px;padding:10px 20px;cursor:pointer}.menu{--gap:1px;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,var(--linkWidth));justify-content:center;--linkWidth:80px;--linkHeight:50px;--textHeight:0;padding:var(--gap);min-height:calc(var(--linkHeight) + var(--textHeight) + 2 * var(--gap));grid-area:menu;position:relative;z-index:3}@media(min-height:820px) and (min-aspect-ratio:1/2) and (min-width:920px){.menu{--gap:5px}}.menuLink{display:grid;grid-template-columns:var(--linkWidth);grid-template-rows:var(--linkHeight) var(--textHeight);box-shadow:2px 2px 5px #0006;padding:0;border-radius:0;align-items:stretch}.menuLink .image{grid-column:1;grid-row:1;background:lime;display:grid;justify-content:center;align-items:center;position:relative;z-index:1;box-shadow:0 0 5px #0006;clip-path:polygon(0 0,100% 0,100% 200%,0 200%)}.menuLink .text{background:#fff;color:#000;grid-column:1;grid-row:2;width:var(--linkWidth);height:var(--textHeight);justify-self:end;align-self:end;display:flex;justify-content:center;align-items:center;text-align:center;font-size:10px;text-transform:uppercase;padding:2px}@media (min-aspect-ratio:2/1){.menu{grid-template-columns:1fr;align-content:center;justify-items:center;min-width:calc(var(--linkWidth) + 2 * var(--gap))}.menuLink{grid-template-columns:var(--linkWidth) 0;height:var(--linkHeight)}.menuLink .image{clip-path:polygon(0 0,200% 0,200% 100%,0 100%)}.menuLink .text{grid-column:2;grid-row:1;height:var(--linkHeight)}}@media (hover:hover){.menuLink{will-change:contents;transition:grid-template-rows 0.4s ease-in-out,height 0.4s ease-in-out}.menuLink:not(:hover):not(.active){grid-template-rows:var(--linkHeight) 0;height:var(--linkHeight)}.menuLink .image{transition:clip-path 0.4s ease-in-out}.menuLink:not(:hover):not(.active) .image{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@media (min-aspect-ratio:2/1) and (hover:hover){.menuLink{transition:grid-template-columns 0.4s ease-in-out;justify-self:start}.menuLink:not(:hover):not(.active){grid-template-columns:var(--linkWidth) 0}}.whiteboard-page{grid-area:content;z-index:2;position:relative;opacity:0;visibility:hidden;transition:opacity 0.3s linear,visibility 0s ease 0.3s;padding:0 30px;justify-self:stretch;display:grid;align-items:center;justify-items:center}.whiteboard-page.shown{opacity:1;visibility:visible;transition:opacity 0.3s linear,visibility 0s ease}.pageContent{background:#fff;box-shadow:5px 5px 10px #0005;border-radius:30px;padding:60px;color:#000}.desktopOverlay{opacity:.03;z-index:1;position:absolute;top:0;left:0;height:100%;width:100%}.tagline{font-family:'Allison',cursive;font-size:74px;text-align:center;margin:50px 0 0;border-top:1px solid #fff}.videoPage.pageContent{padding:0;background:none}.video{position:relative;overflow:hidden;border-radius:30px;transform-origin:top left}.video::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#0004 var(--play-icon) center no-repeat;pointer-events:none}@keyframes spinnerRotate{from{rotate:0deg}to{rotate:360deg}}@keyframes spinnerClip{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,50% 50%)}25%{clip-path:polygon(100% 0,100% 0,100% 100%,0 100%,0 100%,50% 50%)}50%{clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,50% 50%)}75%{clip-path:polygon(100% 0,100% 0,100% 100%,0 100%,0 100%,50% 50%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,50% 50%)}}.video.loading::before{background-image:none}.video.loading::after{content:"";position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);animation:spinnerClip 2s infinite linear,spinnerRotate 1s infinite linear;width:50px;height:50px;border:7px solid #fff;border-radius:50%;transform-origin:center center}.video.playing::before,.video.playing::after{display:none}.video.error::before{content:"Cannot Play Video";color:red;pointer-events:all;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.5em;padding:30px;background-image:none}.video video{max-width:1700px;max-height:960px}.video.full{position:fixed;top:0;left:0;width:100%;height:100%;border-radius:0;background:#000;z-index:10;display:grid;justify-items:stretch;align-items:stretch}.video.full video{object-fit:contain;height:auto;width:auto;max-width:none;max-height:none}.video.transition{transition:transform 0.3s ease-in-out}.video .closeVideo{display:flex;position:absolute;top:10px;right:10px;width:44px;height:44px;align-items:center;justify-content:center;text-decoration:none;background:#FFF;color:#000;font-size:2em;border-radius:5px;opacity:0;visibility:hidden;transition:opacity 0.3s linear,visibility 0s linear 0.3s}.video:not(.full) .closeVideo{transition:none}.video.full.showClose .closeVideo{opacity:1;visibility:visible;transition:opacity .8s linear,visibility 0s linear 0s}.mapWrap{overflow:hidden}.mapWrap #mapTransformWrap{transition:transform 1s ease-in-out;will-change:transform}[id$=Totals],[id$=Stats]{transition:opacity 1s linear 0.8s;pointer-events:none}[id$=Totals].hidden,[id$=Stats].hidden{transition:opacity 0.75s linear;opacity:0}.memberships{display:grid;grid-template-columns:auto repeat(var(--columns),auto);grid-template-rows:175px;gap:0 15px;color:#000;font-size:2em}.rewardsLogo{margin-top:-60px;align-self:start}.memberships .title{font-weight:500;text-transform:uppercase;background:var(--colour);align-self:end;padding:20px 20px;position:relative}.memberships .title::after{content:"";position:absolute;left:0;bottom:6px;height:7px;border:1px solid #fff;border-width:1px 0;width:100%}.featureLabel{border-bottom:1px solid;margin-right:-15px;padding-right:22px;font-weight:300}.feature{border-bottom:1px solid;background:var(--colour);font-weight:500;padding:0 20px}.feature:empty::before{content:"Not included";color:#69838C}.price{background:var(--colour);font-size:1.8em;font-weight:500;padding:20px 20px}.feature+.price{grid-column:2}.price small{font-size:.5em}#content-library .pageContent{display:grid;height:960px;grid-template-rows:auto 1fr;overflow:hidden}.intro{font-size:1.5em}.intro p:first-child{margin-top:0}.intro p:last-child{margin-bottom:0}.files{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px 60px;margin:20px -60px -60px 0;padding:0 60px 60px 0;overflow:auto}.files h2{grid-column:1/-1;margin:10px 0 0}.file{display:grid;grid-template-columns:auto 1fr;gap:25px;font-size:1.25em;cursor:pointer;min-height:63px}.files .video:not(.full){height:63px;width:112px;border-radius:10px}.files .video::before{background-size:15px}.files .video:not(.full) video{height:63px;width:112px;object-fit:cover}.files .pdfIcon{justify-self:end}.file .name{padding-top:5px;grid-column:2}.testimonials{display:grid;grid-template-columns:1fr 1fr;gap:3vw;justify-self:stretch}.testimonials h2{grid-column:1/-1;margin:0;text-transform:uppercase;font-size:1.1em;color:inherit}.testimonials video{width:100%}.testimonials .video{margin-bottom:10px}.pageContent.blankWhiteboard{height:988px;width:100%}.keyCriteria{position:relative;height:944px;display:grid;align-content:center}.keyWrap{display:grid;grid-template-rows:125px auto 125px;grid-auto-columns:150px;gap:60px 0;transform-origin:30% center;transform:scale(.8)}.criterion{display:contents}.criterion::before,.criterion::after{content:"";position:relative;background:var(--colour);pointer-events:none}.criterion::before{width:20px;height:20px;grid-row:1;grid-column:var(--index);justify-self:center;align-self:end;bottom:calc(-1 * var(--drop));border-radius:50%;transform:scale(0);transition:transform 0.2s ease-in-out 0.2s}.criterion.bottom::before{align-self:start;bottom:auto;top:-40px;grid-row:3}.criterion::after{width:4px;grid-row:2;grid-column:var(--index);bottom:50%;justify-self:center;align-self:end;height:calc(50% + (60px - var(--drop)));transition:clip-path 0.2s ease-in-out 0.4s;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.criterion.bottom::after{bottom:-40px;height:50%;clip-path:polygon(0 0,100% 0,100% 0,0 0)}.criterion.active::before{transform:scale(1);transition:transform 0.2s ease-in-out 0.2s}.criterion.active::after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path 0.2s ease-in-out}.criterionImage{align-self:center;grid-row:2;grid-column:var(--index);opacity:.5;z-index:1;position:relative;width:150px;transition:opacity 0.05s linear 0.6s}.criterion.active .criterionImage{transition:opacity 0.05s linear 0s}.criterion:nth-child(2) .criterionImage{margin-top:1px}.criterion:nth-last-child(-n+4) .criterionImage{margin-top:-8px}.criterion:last-child .criterionImage{margin-top:-10px}.criterion.active .criterionImage{opacity:1}.criterion .text{position:relative;color:#231F20;opacity:0;grid-row:1;grid-column:var(--index);width:var(--width);font-size:16px;justify-self:var(--justify,center);align-self:start;transition:opacity 0.2s linear}.criterion.bottom .text{grid-row:3}.criterion.active .text{opacity:1;transition:opacity 0.4s linear 0.4s}.criterion .title{font-size:1.9em;text-transform:uppercase;font-weight:700;line-height:1.2}.criterion ul{list-style-type:"- ";margin:0}.toolbar{grid-area:menu;display:flex;gap:20px;padding:0 20px;justify-self:start;align-self:end;overflow:hidden;z-index:4}.toolbar button{border-radius:0;background:#21222F;transform:translateY(100%);transition:transform 0.3s ease-in-out}.toolbarVisible .toolbar button{transform:translateY(0)}#toggleDrawing.drawing{position:relative}#toggleDrawing.drawing::before{content:"\2715"}#toggleDrawing.drawing img{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}#whiteboard{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;justify-items:stretch;gap:40px}#timelineForm{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:end;gap:36px 10px;transition:transform 0.8s ease-in-out;z-index:2}#timelineForm>*{transition:opacity 0.3s linear}.timeline{width:814px;height:3px;background:linear-gradient(90deg,#FF4600,#FF4600 33px,#FF9100 814px);grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.timeline::before{content:"";display:block;background:linear-gradient(90deg,#FF4600,#FF4600 33px,#FF9100 814px);height:20px;width:20px;border-radius:50%}#timelineForm .timeline .circular{background:#fff;border:2px solid currentColor;color:#000;padding:0;width:60px;height:60px;border-radius:50%;text-align:center;padding:0 2px 2px 0;-webkit-appearance:none;appearance:textfield;font-size:1.5em}#timelineForm .timeline .circular:last-child{background:linear-gradient(90deg,#FF4600 -699px,#FF4600 -669px,#FF9100 45px);background-position-x:right;border-color:transparent;color:#fff}#timelineForm button,#timelineForm [type="reset"],#startAnimation,#hlSubmit{background:linear-gradient(90deg,#FF4600,#FF4600 4%,#FF9100);border-radius:1em;padding:5px 20px;color:#fff;border:0}#timelineForm h2{grid-column:1/-1;margin:0;font-weight:400;text-transform:uppercase}#timelineForm hr{grid-column:1/-1;width:100%;border:0;height:1px;background:#999;margin:0}.symbol{font-size:3em;text-align:center;align-self:end;line-height:.8}.solo{grid-column:1}.dual{grid-column:3}#timelineForm input[type="reset"]{grid-column:span 2;justify-self:start;font-size:1em}#timelineForm button[type="submit"]{grid-column:-2;justify-self:end}.fieldWrap input{padding-left:0;min-width:20px}.fieldWrap label{padding-left:0}.fieldWrap.hasContent label{transform:translate(0,-28%) scale(.8)}#timelineForm input,.hlInput{border:1px solid #999;color:#000;font-size:1.5em;padding:4px 20px}#timelineForm .fieldWrap.red input{border-color:#EC1C24;color:#EC1C24}#timelineForm label{background:#fff;padding:0 4px 0;margin-left:6px;justify-self:start;line-height:1;font-size:1.1em}#timelineForm .fieldWrap.hasContent label{transform:translate(-10px,-37px) scale(1)}.negativeGearing{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;justify-items:center;gap:20px;visibility:hidden;opacity:0;transition:opacity 1s linear,transform 0.8s ease-in-out;grid-column:2;grid-row:1;z-index:1}.stacked .negativeGearing{transform:scale(.9)}.negativeGearing.show{opacity:1;visibility:visible}.negativeGearing *{transition:opacity 0.3s linear 0.3s}.negativeGearing h2{grid-column:1/-1;margin:0}#startAnimation{position:absolute;top:60px;right:120px}.gearImage{grid-column:1/-1;justify-self:center;width:50px}.column{display:inline-grid;gap:35px 0;justify-items:center;align-content:start;grid-row:3;grid-column:1}.column.right{grid-column:2}.divider{grid-column:1/-1;grid-row:3;background:#999;width:1px}.item{font-size:12px;display:grid;text-transform:uppercase;width:150px;grid-column:2}.item>span{font-size:2em}.arrow{grid-column:3;align-self:center;width:20px}.arrow.left{grid-column:1;transform:scale(-1,1);margin-right:30px}#pdf-dialog{position:absolute;top:0;left:0;right:0;bottom:0;background:#FFF8;backdrop-filter:blur(5px);z-index:5;display:none;grid-template-rows:1fr auto;align-items:center;padding-top:20px;gap:20px}#pdf-dialog.show{display:grid}#pdf-dialog .close{position:absolute;top:20px;right:20px;z-index:1;font-size:2em;background:#212230;border-radius:50%;padding:0;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center}#pdf-dialog canvas{justify-self:center;height:1000px;object-fit:contain;background:#FFF;box-shadow:3px 3px 10px -5px #000}#pdf-canvas-copy{display:none}#pdf-dialog .controls{background:#212230;display:flex;justify-content:space-between;padding:20px;align-items:center;grid-row:2}#mapInner{overflow:hidden;padding:0;position:relative}#mapInner text{fill:#fff;font-size:4px;text-transform:uppercase}#mapInner text,#mapInner circle{pointer-events:all;cursor:pointer}#mapInner circle{fill:none;stroke:#fff;stroke-width:1px}#mapInner circle:hover{fill:#fff}#mapInner .hidden circle,#mapInner .hidden text{pointer-events:none;cursor:default}.graphDialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;border:8px solid #fff;border-radius:40px;background:#f7f5eb;box-shadow:5px 5px 10px #0005;padding:30px}.graphDialog form{position:absolute;top:20px;right:20px}.testimonial figcaption{text-align:center}.hl,.in,.in-arrow{stroke:none;stroke-dasharray:var(--length);stroke-dashoffset:0}.draw .hl{stroke:#00BFF3;animation:hlDraw 1.5s ease-in-out}.draw .in{stroke:#45B649;animation:hlDraw 1s ease-in-out 1.5s both}.draw .in-arrow{stroke:#45B649;animation:hlDraw 0.2s ease-in-out 2.5s both;--length:21}@keyframes hlDraw{from{stroke-dashoffset:var(--length)}to{stroke-dashoffset:0}}.investmentGraph{grid-column:2;grid-row:1;z-index:2;transform:translate(110%);transition:transform 0.8s ease-in-out 0.1s}.stacked .investmentGraph{transform:translate(0)}.investmentGraph h2{margin-top:0}.hlForm{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:20px}.graphLabel{grid-template-columns:subgrid;display:grid;grid-column:span 2;align-items:center;gap:20px}.addStacked{margin-top:auto;visibility:hidden;grid-column:2;justify-self:end}#whiteboard .animationComplete .addStacked{visibility:visible}.removeStacked{margin-right:auto;position:absolute;top:30px;right:30px}#caseStudiesInner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:calc(30px + 0.75em) 60px;width:1470px}.studyWrap{width:100%;max-width:100%;overflow:hidden;aspect-ratio:1470 / 1040;display:grid;align-content:center;cursor:pointer}#caseStudiesInner>.legend{margin-top:-30px;counter-increment:study;font-size:1.23em}#caseStudiesInner>.legend::before{content:"Case Study " counter(study) ": "}.studyWrap.active.active .caseStudy{position:absolute;margin:auto;transform:translate(var(--deltaX,0),var(--deltaY,0)) scale(var(--visibleScale,var(--scale,1)));top:calc(50% - 520px);left:calc(50% - 735px);z-index:1;pointer-events:all;transform-origin:top left;--shadowColour:#0007;box-shadow:5px 5px 10px var(--shadowColour);cursor:default}.caseStudy.transition{transition:grid ease-in-out var(--title-reveal-time),transform var(--title-reveal-time) ease-in-out,box-shadow var(--title-reveal-time) ease-in-out}.caseStudy .bronze{--colour:#BB987D;--text:#fff;--rgbColour:187, 152, 125}.caseStudy .blue{--colour:#161C2D;--text:#fff;--rgbColour:22, 28, 45}.caseStudy .white{--colour:#fff;--text:#161C2D;--rgbColour:255,255,255}.caseStudy .green{--colour:#0C9344;--text:#FFF;--rgbColour:12, 147, 68}.caseStudy .grey{--colour:#717678;--text:#FFF;--rgbColour:113, 118, 120}.caseStudy strong{font-weight:600}.caseStudy{width:1470px;height:1040px;background:#fff;color:#161C2D;display:grid;grid-template-columns:320px 1fr;grid-template-rows:196px auto 1fr;align-content:start;padding-left:35px;gap:12px 45px;position:relative;overflow:hidden;transition:grid ease-in-out var(--title-reveal-time);pointer-events:none;transform:scale(var(--scale,1));box-shadow:5px 5px 10px #000}.caseStudy::before{content:"";position:absolute;inset:0;background:var(--overlay)}.studyWrap:nth-child(3n){justify-content:end}.studyWrap:nth-child(3n) .caseStudy{transform-origin:center right}.studyWrap:nth-child(3n+1) .caseStudy{transform-origin:center left}.studyWrap:nth-child(3n+2){justify-content:center}.studyWrap:nth-child(3n+2) .caseStudy{transform-origin:center center}.caseStudyHeading{background:#161C2D;color:#fff;font-weight:600;border-bottom-left-radius:100px;padding:40px 60px 40px 82px;display:flex;gap:30px;align-items:center;grid-column:span 2;position:relative;z-index:2;background-image:var(--overlay);background-position:600px -800px;background-repeat:no-repeat}.caseStudyHeading::before,.caseStudyHeading::after{content:"";height:60px;background:#fff;width:2px;order:2}.caseStudyHeading::after{order:4}.caseStudyHeading .title{flex:1;font-size:50px;color:#BB987D}.caseStudyHeading .index{font-weight:100;font-size:4em;line-height:1;order:1}.caseStudyHeading .series{order:2;font-size:25px;text-transform:uppercase}.caseStudyImage{order:5}.sectionTitle{height:320px;width:320px;background:var(--colour);border-radius:50%;color:#fff;font-size:1.75em;line-height:1.2;padding:0 120px 0 40px;font-weight:300;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase;position:relative;clip-path:polygon(0 0,-30% 0,0 100%,0 100%);--show-path:polygon(0 0, 130% 0, 100% 100%, 0 100%);transition:clip-path ease-in-out var(--section-title-reveal-time)}.position{position:relative;display:grid;gap:5px}.position .item{display:grid;grid-template-columns:32px 1fr;justify-items:start;gap:0 16px;align-items:center;font-size:inherit;text-transform:inherit;width:unset;grid-column:unset}.position .itemImg{grid-row:2;opacity:0;transition:opacity var(--item-img-show-time) linear}.caseStudy .line{width:calc(var(--percent) * 1%);--endCol:rgba(var(--rgbColour), 55%);background:linear-gradient(90deg,var(--colour) calc(var(--end, 100) * 1%),var(--endCol) calc(var(--end, 100) * 1%));color:var(--text);line-height:1.1;padding:5px 10px;font-weight:600;grid-column:2;grid-row:2;clip-path:polygon(0 0,0 0,0 100%,0 100%);--show-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);transition:clip-path var(--line-show-time) ease-in-out}.position .circle{grid-column:2;grid-row:2;margin-left:calc(var(--percent) * 1% - 25px);background:#fff;border:2px solid var(--colour);width:70px;height:37px;display:flex;justify-content:center;align-items:center;font-weight:600;transform:scale(0);transition:transform var(--circle-show-time) ease-in}.position .note{padding:0;border:0;clip-path:none;border-radius:0;text-align:center;font-size:.75em;margin-left:calc(var(--end) * var(--percent) / 100 * 1%);grid-row:1;grid-column:2;transform:translateX(-50%);position:relative;overflow:visible;margin-bottom:10px;opacity:0;transition:opacity 0.3s linear}.position .note::after{content:"";border-color:currentColor transparent;border-width:8px 8px 0;position:absolute;top:100%;left:calc(50% - 8px);border-style:solid;box-sizing:border-box}.position .note div{font-size:1.5em}.caseStudy .box{background:var(--colour);color:var(--text);position:relative;text-align:center;padding:.5em;font-size:.8em;line-height:1.2;clip-path:polygon(-20% 0,0 0,-20% 100%,0 100%);--show-path:polygon(-20% 0, 120% 0, 100% 100%, 0 100%);transition:clip-path var(--box-show-time) ease-in-out}.caseStudy .box.larger{font-size:1.2em}.caseStudy .box.larger .upper{font-size:.8em}.caseStudy .box .lower{font-size:2em;font-weight:600}.caseStudy .box.up::before{content:"";border-style:solid;border-width:0 8px 8px;border-color:#0000 #0000 #D1D3D4;position:absolute;top:20px;right:20px}.caseStudy .box small{display:block}.note{grid-row:span 2;border:4px solid var(--colour);border-radius:20px;padding:26px;overflow:hidden;position:relative;clip-path:polygon(-50% 50%,50% -50%,50% -50%,-50% 50%);--show-path:polygon(-50% 50%, 50% -50%, 150% 50%, 50% 150%);transition:clip-path var(--note-show-time) ease-in-out}.note .title{background:var(--colour);color:var(--text);text-transform:uppercase;margin:-26px 0 26px -26px;padding:15px;font-weight:600;border-bottom-right-radius:15px;clip-path:polygon(0 0,0 0,-20% 100%,0 100%);--show-path:polygon(0 0, 120% 0, 100% 100%, 0 100%);transition:clip-path var(--note-title-show-time) ease-in-out}.note .content{opacity:0;transition:opacity var(--note-text-show-time) linear}.assets{position:relative;margin-bottom:10px;display:grid;opacity:0;transition:opacity var(--asset-show-time) linear}.assets .row{grid-column:span 5;display:grid;grid-template-columns:subgrid;align-items:center;border-bottom:1px solid #808285}.assets .row:not(:first-child){clip-path:polygon(0 0,100% 0,100% 0,0 0);--show-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);transition:clip-path var(--asset-row-time) ease-in-out}.assets .row:first-child{text-transform:uppercase}.assets .row>div{border-right:1px dashed #808285;padding:3px 20px}.assets .row>div:first-child{padding-left:0}.assets .row>div:nth-last-child(2){border-right:0}.assets .row>div:last-child{font-weight:700;border-right:0;width:90px}.assets .row:not(:first-child)>div:last-child{opacity:0;transition:opacity var(--show-current-price-time) linear}.assets .line{--colour:#066738;--text:#fff;--endCol:#0C9344;font-weight:400}.boxWrap{display:grid;grid-template-columns:1fr 1fr 1fr}.boxWrap .box{background:none;border-style:dashed;border-color:#808285;border-width:1px 0 0 1px;position:relative;display:grid}.boxWrap .box .upper,.boxWrap .box .lower{background:var(--colour)}.boxWrap .box .upper{padding-top:10px}.boxWrap .box .lower{padding-bottom:10px}.boxWrap .box:nth-child(3n+1){border-left-width:0}.boxWrap .box:nth-last-child(n+4 of .box){border-top-width:0}.boxNote{background:#161C2D;color:#fff;font-weight:500;font-size:16px;height:96px;border-radius:48px;display:flex;align-items:center;padding:30px;position:absolute;top:-28px;left:100%;width:258px;clip-path:polygon(-4% 0,-4% 0,-4% 100%,-4% 100%);--show-path:polygon(-4% 0, 100% 0, 100% 100%, -4% 100%);transition:clip-path var(--box-note-show-time) ease-in-out}.boxNote::before{content:"";position:absolute;width:15px;height:20px;top:calc(50% - 10px);left:-14px;background:inherit;clip-path:path("M15.186,1.412c-2.222,4.692 -6.931,7.974 -12.434,8.12l0,0.02c5.728,0.15 10.599,3.698 12.696,8.698");border-radius:0}.disclaimer{grid-column:3;display:grid;grid-template-columns:1fr 1px 50px;align-items:end;border-top:1px solid #939598;grid-auto-flow:dense;gap:0 20px;margin-bottom:12px;position:relative;opacity:0;transition:opacity 0.3s linear}.disclaimer::before{content:"";background:#939598;grid-column:2;align-self:stretch}.disclaimer .text{padding-top:9px;font-size:.8em}.previousStep,.nextStep{position:absolute;bottom:15px;right:15px;background:no-repeat;border:none}.previousStep{right:auto;left:15px;rotate:180deg}.studyWrap.active .previousStep,.studyWrap.active .nextStep{z-index:2}.firstSection{display:grid;grid-template-columns:auto 1fr 270px;gap:10px 60px;justify-items:center;background:rgba(var(--rgbColour),24%);position:relative;margin-left:-100px;padding:3px 60px 3px 100px;border-radius:160px 0 0 160px;height:320px;transition:opacity var(--section-fade-in) linear;opacity:0}.firstSection .box{width:170px}.firstSection .box.blue{align-self:end}.firstSection .box.bronze{grid-row:2;align-self:start}.firstSection .position.blue{grid-row:span 2;width:100%;align-self:center}.firstSection .note{align-self:center}.sectionTitle:has(+.secondSection){padding-left:75px;border-radius:0 50% 50% 0;margin-left:-35px;width:355px}.secondSection{display:grid;grid-template-columns:1fr 270px;grid-template-rows:auto auto 1fr;align-items:end}.secondSection .assets{grid-column:1}.secondSection .boxWrap{grid-column:1}.secondSection .disclaimer{grid-column:1}.cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom;background:#7FA9DA;transition:transform ease-in-out var(--title-reveal-time);transform:translateY(-100%)}.caseStudy{--title-reveal-time:1s;--section-title-reveal-time:1s;--section-fade-in:0.2s;--box-show-time:0.3s;--item-img-show-time:0.2s;--line-show-time:1s;--circle-show-time:0.4s;--note-show-time:1s;--note-title-show-time:0.5s;--note-text-show-time:0.5s;--asset-show-time:0.3s;--asset-row-time:0.3s;--show-current-price-time:0.3s;--box-note-show-time:0.75s}.caseStudy.step4{--box-show-time:1s}#caseStudy2 .cover{background:#0B91CA}#caseStudy3 .cover{background:#99BDF1}.caseStudy:where([data-step="0"]){grid-template-rows:45% auto 1fr;overflow:hidden}.caseStudy:where([data-step="0"]) .cover{transform:translateY(0)}.caseStudy:where([data-step="0"]) .nextStep,.caseStudy:where([data-step="0"]) .previousStep{filter:brightness(1000%)}.caseStudy:where(.step1) .sectionTitle:nth-child(2){transition-delay:var(--title-reveal-time);clip-path:var(--show-path)}.caseStudy:where(.step1) .firstSection{opacity:1;--sectionStart:calc(var(--section-title-reveal-time) + var(--title-reveal-time));transition-delay:var(--sectionStart)}.caseStudy:where(.step1) .firstSection>:first-child{transition-delay:calc(var(--sectionStart) + var(--section-fade-in));clip-path:var(--show-path)}.caseStudy:where(.step1) .firstSection .position{--startTime:calc(var(--sectionStart) + var(--section-fade-in) + var(--box-show-time))}.caseStudy:where(.step1) .firstSection .position .note{--labelDelay:calc(var(--line-show-time) * var(--end) / 100);transition-delay:calc(var(--itemStart) + var(--item-img-show-time) + var(--labelDelay));opacity:1}.caseStudy:where(.step1) .firstSection .position .item:nth-child(1){--itemStart:var(--startTime)}.caseStudy:where(.step1) .firstSection .position .item:nth-child(2){--itemStart:calc(var(--startTime) + var(--line-show-time) + var(--item-img-show-time) + var(--circle-show-time))}.caseStudy:where(.step1) .firstSection .position .item:nth-child(3){--itemStart:calc(var(--startTime) + 2 * (var(--line-show-time) + var(--item-img-show-time) + var(--circle-show-time)))}.caseStudy:where(.step1) .firstSection .position .item:nth-child(4){--itemStart:calc(var(--startTime) + 3 * (var(--line-show-time) + var(--item-img-show-time) + var(--circle-show-time)))}.caseStudy:where(.step1) .firstSection .position .item:nth-child(5){--itemStart:calc(var(--startTime) + 4 * (var(--line-show-time) + var(--item-img-show-time) + var(--circle-show-time)))}.caseStudy:where(.step1) .firstSection .position .item:nth-child(6){--itemStart:calc(var(--startTime) + 5 * (var(--line-show-time) + var(--item-img-show-time) + var(--circle-show-time)))}.caseStudy:where(.step1) .firstSection .position .item:nth-child(7){--itemStart:calc(var(--startTime) + 6 * (var(--line-show-time) + var(--item-img-show-time) + var(--circle-show-time)))}.caseStudy:where(.step1) .firstSection .position .itemImg{opacity:1;transition-delay:var(--itemStart)}.caseStudy:where(.step1) .firstSection .position .line{clip-path:var(--show-path);transition-delay:calc(var(--itemStart) + var(--item-img-show-time))}.caseStudy:where(.step1) .firstSection .position .circle{transform:scale(1);transition-delay:calc(var(--itemStart) + var(--item-img-show-time) + var(--line-show-time) - var(--circle-show-time))}.caseStudy:where(.step1) .firstSection .position .insert{clip-path:var(--show-path);transition-delay:calc(var(--itemStart))}.caseStudy:where(.step1) .firstSection>:nth-child(2){transition-delay:calc(var(--sectionStart) + var(--section-fade-in) + var(--box-show-time) + 6 * (var(--line-show-time) + var(--item-img-show-time) + var(--circle-show-time)));clip-path:var(--show-path)}#caseStudy2:where(.step1) .firstSection>:nth-child(2){transition-delay:calc(var(--sectionStart) + var(--section-fade-in) + var(--box-show-time) + 7 * (var(--line-show-time) + var(--item-img-show-time) + var(--circle-show-time)));clip-path:var(--show-path)}#caseStudy3:where(.step1) .firstSection>:nth-child(2){transition-delay:calc(var(--sectionStart) + var(--section-fade-in) + var(--box-show-time) + 4 * (var(--line-show-time) + var(--item-img-show-time) + var(--circle-show-time)));clip-path:var(--show-path)}.caseStudy:where(.step2) .firstSection>.note{clip-path:var(--show-path)}.caseStudy:where(.step2) .firstSection>.note .title{transition-delay:0.5s;clip-path:var(--show-path)}.caseStudy:where(.step2) .firstSection>.note .content{transition-delay:calc(var(--note-show-time) + 0.2s);opacity:1}.caseStudy:where(.step3) .sectionTitle:nth-child(4){clip-path:var(--show-path)}.caseStudy:where(.step3) .assets{opacity:1;--assetStart:calc(var(--section-title-reveal-time) + var(--asset-show-time));transition-delay:var(--section-title-reveal-time)}.caseStudy:where(.step3) .assets .row:nth-of-type(2){--startTime:var(--assetStart);transition-delay:var(--startTime);clip-path:var(--show-path)}.caseStudy:where(.step3) .assets .row:nth-of-type(3){--startTime:calc(var(--assetStart) + var(--asset-row-time) + var(--line-show-time) + var(--show-current-price-time));transition-delay:var(--startTime);clip-path:var(--show-path)}.caseStudy:where(.step3) .assets .row:nth-of-type(4){--startTime:calc(var(--assetStart) + 2 * (var(--asset-row-time) + var(--line-show-time) + var(--show-current-price-time)));transition-delay:var(--startTime);clip-path:var(--show-path)}.caseStudy:where(.step3) .assets .row:nth-of-type(5){--startTime:calc(var(--assetStart) + 3 * (var(--asset-row-time) + var(--line-show-time) + var(--show-current-price-time)));transition-delay:var(--startTime);clip-path:var(--show-path)}.caseStudy:where(.step3) .assets .line{transition-delay:calc(var(--startTime) + var(--asset-row-time));clip-path:var(--show-path)}.caseStudy:where(.step3) .assets .row>div:last-child{transition-delay:calc(var(--startTime) + var(--asset-row-time) + var(--line-show-time));opacity:1}.caseStudy:where(.step4):not(.step5) .assets .row>div:last-child{color:#0C9344}.caseStudy:where(.step5) .boxWrap>:nth-child(1){clip-path:var(--show-path)}.caseStudy:where(.step5) .boxWrap>:nth-child(2){transition-delay:var(--box-show-time);clip-path:var(--show-path)}.caseStudy:where(.step5) .boxWrap>:nth-child(3){transition-delay:calc(2 * var(--box-show-time));clip-path:var(--show-path)}.caseStudy:where(.step6) .boxWrap>:nth-child(4){clip-path:var(--show-path)}.caseStudy:where(.step6) .boxWrap>:nth-child(5){transition-delay:var(--box-show-time);clip-path:var(--show-path)}.caseStudy:where(.step6) .boxWrap>:nth-child(6){transition-delay:calc(2 * var(--box-show-time));clip-path:var(--show-path)}.caseStudy:where(.step7) .boxWrap>:nth-child(6){clip-path:none}.caseStudy:where(.step7) .boxWrap>:nth-child(6) .boxNote{clip-path:var(--show-path)}.caseStudy:where(.step7) .disclaimer{opacity:1;transition-delay:var(--box-note-show-time)}.item.insert{font-size:.8em;clip-path:polygon(0 0,32px 0,32px 100%,0 100%);--show-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);transition:clip-path ease-in-out;transition-duration:calc(var(--line-show-time) + var(--item-img-show-time) + var(--circle-show-time))}.item.insert::before{content:"";grid-row:span 2}.item.insert>div{border-left:10px solid;padding-left:10px}#caseStudy2 .firstSection .note{font-size:.9em}