@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}:root{--grid-columns:24;--grid-gap:1rem;--container-max-width:1200px}.page{align-items:center;color:#fff;display:flex;font-family:system-ui,sans-serif;justify-content:center;margin:0 auto;max-width:1200px;max-width:var(--container-max-width);min-height:100vh;padding-left:1rem;padding-left:var(--grid-gap);padding-right:1rem;padding-right:var(--grid-gap);position:relative;z-index:1}.grid-container{grid-gap:1rem;grid-gap:var(--grid-gap);display:grid;gap:1rem;gap:var(--grid-gap);grid-template-columns:repeat(24,1fr);grid-template-columns:repeat(var(--grid-columns),1fr);width:100%}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,sans-serif}.grid-background{--card-width:600px;--card-scale:calc(1 - var(--scroll-progress, 0)*0.5);--card-scaled-width:calc(var(--card-width)*var(--card-scale));--card-scaled-height:calc(var(--card-width)*var(--card-scale));--grid-size:300px;--first-opacity:calc(1 - var(--scroll-progress, 0));--second-opacity:var(--scroll-progress,0);--line-color-first:rgba(255,255,255,calc(var(--first-opacity)*0.15));--line-color-second:rgba(255,255,255,calc(var(--second-opacity)*0.15));background-image:linear-gradient(to right,var(--line-color-first) 0,var(--line-color-first) 1px,#0000 1px),linear-gradient(to right,#0000 0,var(--line-color-first) 0,var(--line-color-first) 1px,#0000 1px),linear-gradient(to right,#0000 0,var(--line-color-first) 0,var(--line-color-first) 1px,#0000 1px),linear-gradient(to right,#0000 0,var(--line-color-first) 0,var(--line-color-first) 1px,#0000 1px),linear-gradient(to bottom,#0000 0,var(--line-color-first) 0,var(--line-color-first) 1px,#0000 1px),linear-gradient(to bottom,#0000 0,var(--line-color-first) 0,var(--line-color-first) 1px,#0000 1px),linear-gradient(to right,#0000 0,var(--line-color-second) 0,var(--line-color-second) 1px,#0000 1px),linear-gradient(to right,#0000 0,var(--line-color-second) 0,var(--line-color-second) 1px,#0000 1px),linear-gradient(to right,#0000 0,var(--line-color-second) 0,var(--line-color-second) 1px,#0000 1px),linear-gradient(to right,#0000 0,var(--line-color-second) 0,var(--line-color-second) 1px,#0000 1px),linear-gradient(to bottom,var(--line-color-second) 0,var(--line-color-second) 1px,#0000 1px),linear-gradient(to bottom,#0000 0,var(--line-color-second) 0,var(--line-color-second) 1px,#0000 1px),linear-gradient(to bottom,#0000 0,var(--line-color-second) 0,var(--line-color-second) 1px,#0000 1px),linear-gradient(to bottom,#0000 0,var(--line-color-second) 0,var(--line-color-second) 1px,#0000 1px),linear-gradient(to bottom,#0000 0,var(--line-color-second) 0,var(--line-color-second) 1px,#0000 1px),linear-gradient(to bottom,#0000 0,var(--line-color-second) 0,var(--line-color-second) 1px,#0000 1px);background-position:0 0,calc(50% - var(--card-scaled-width)/2 - var(--grid-size)) 0,calc(50% - var(--card-scaled-width)/2) 0,calc(50% + var(--card-scaled-width)/2) 0,0 calc(50% - var(--card-scaled-height)/2),0 calc(50% + var(--card-scaled-height)/2),calc(50% - var(--card-scaled-width)*1 - var(--card-scaled-width)/2) 0,calc(50% - var(--card-scaled-width)/2) 0,calc(50% + var(--card-scaled-width)/2) 0,calc(50% + var(--card-scaled-width)/2 + var(--card-scaled-width)) 0,0 0,0 calc(50% - var(--card-scaled-height)/2),0 calc(50% - var(--card-scaled-height)/2 - var(--card-scaled-height)),0 calc(50% + var(--card-scaled-height)/2 + var(--card-scaled-height)),0 calc(50% + var(--card-scaled-height)/2),0 100%;background-repeat:no-repeat;background-size:1px 100%,1px 100%,1px 100%,1px 100%,100% 1px,100% 1px,1px 100%,1px 100%,1px 100%,1px 100%,100% 1px,100% 1px,100% 1px,100% 1px,100% 1px,100% 1px;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;z-index:5}.grid-lines-svg-loading{left:0;pointer-events:none;position:fixed;top:0;z-index:6}.grid-lines-svg-loading.fade-out{animation:fadeOutSvg .5s ease-out forwards}.grid-lines-svg-static{left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-out;z-index:5}.grid-lines-svg-static.visible{opacity:1}.grid-lines-svg{left:0;opacity:1;pointer-events:none;position:fixed;top:0;z-index:6}.grid-lines-svg.fade-out{animation:fadeOutSvg .5s ease-out forwards}@keyframes fadeOutSvg{0%{opacity:1}to{opacity:0}}.grid-line-horizontal{animation:drawLineHorizontal 1.2s ease-in-out forwards}.grid-line-vertical{animation:drawLineVertical .3s ease-in-out forwards}@keyframes drawLineHorizontal{0%{stroke-dashoffset:1000;stroke-dashoffset:var(--line-length,1000)}to{stroke-dashoffset:0}}@keyframes drawLineVertical{0%{stroke-dashoffset:1000;stroke-dashoffset:var(--line-length,1000)}to{stroke-dashoffset:0}}.center-card-wrapper{--scale:calc(1 - var(--scroll-progress, 0)*0.5);left:50%;position:fixed;top:50%;transform:translate(-50%,-50%) scale(var(--scale));transform-origin:center center;transition:transform .1s ease-out;z-index:2}.center-card-wrapper.loading{opacity:0;visibility:hidden}.center-card-wrapper.loaded{animation:fadeInCenterCard .6s ease-out forwards;opacity:0;visibility:visible}@keyframes fadeInCenterCard{0%{opacity:0}to{opacity:1}}.app-root{position:relative;width:100%;z-index:1}.pinned-section{height:140vh;position:relative}.pinned-content{align-items:center;display:flex;height:100vh;justify-content:center;position:sticky;top:0;z-index:1}.grid-content-overlay{--card-scaled-width:300px;--card-scaled-height:300px;--grid-size:300px;--second-opacity:var(--scroll-progress,0);grid-gap:0;display:grid;gap:0;grid-template-columns:var(--card-scaled-width) var(--card-scaled-width) var(--card-scaled-width) var(--card-scaled-width) var(--card-scaled-width);grid-template-rows:var(--card-scaled-height) var(--card-scaled-height) var(--card-scaled-height);left:50%;opacity:var(--second-opacity);pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .1s ease-out;z-index:4}.grid-cell{pointer-events:auto}.grid-cell,.grid-cell-content{align-items:center;display:flex;justify-content:center}.grid-cell-content{color:#fff;font-size:14px;height:100%;text-align:center;width:100%}.center-card{--reveal-duration:var(--center-reveal-duration,1.8s);--reveal-delay:var(--center-reveal-delay,0s);background:#000;box-sizing:border-box;display:flex;flex-direction:column;height:600px;opacity:1;padding:40px;width:600px}.center-card__name{align-items:baseline;color:#fff;display:flex;font-size:32px;font-size:calc(32px - var(--scroll-progress, 0)*8px);font-weight:400;letter-spacing:-.02em;letter-spacing:calc(-.02em + var(--scroll-progress, 0)*.01em);margin-bottom:16px;max-height:100px;max-height:var(--center-name-max-height,100px);opacity:1;opacity:var(--center-name-opacity,1);overflow:hidden;pointer-events:none;transition:font-size .1s ease-out,letter-spacing .1s ease-out,opacity .1s ease-out,max-height .1s ease-out}.center-card__name-text{display:inline}.center-card__reveal{display:inline-block;will-change:opacity,transform,filter}.center-card--hidden .center-card__reveal,.center-card__reveal{filter:blur(6px);opacity:0}.center-card--reveal .center-card__reveal--name,.center-card--reveal .center-card__reveal--text{animation:premiumReveal var(--reveal-duration) cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--reveal-delay)}@keyframes premiumReveal{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}.center-card__text{color:#818181;color:var(--center-text-color,#818181);display:block;font-size:18px;font-size:calc(18px + var(--scroll-progress, 0)*14px);letter-spacing:-.01em;letter-spacing:calc(-.01em + var(--scroll-progress, 0)*.01em);line-height:1.5;line-height:calc(1.5 - var(--scroll-progress, 0)*.1);margin:0;transition:font-size .1s ease-out,line-height .1s ease-out,letter-spacing .1s ease-out,color .1s ease-out}.center-card__text-line{display:block}.center-card__text-line+.center-card__text-line{margin-top:8px}.center-card__text-highlight{color:#d8d8d8}.center-card__typed{display:inline-block;overflow:hidden;vertical-align:initial;white-space:nowrap;width:0}.center-card--reveal .center-card__typed{animation:typeIn var(--reveal-duration) steps(20) var(--reveal-delay) forwards;animation:typeIn var(--reveal-duration) steps(var(--type-characters,20)) var(--reveal-delay) forwards}@keyframes typeIn{0%{width:0}to{width:20ch;width:calc(var(--type-characters, 20)*1ch)}}.center-card__footer{margin-top:auto;padding-top:40px}.center-card__links{font-size:28px;margin:0;max-height:0;max-height:var(--center-links-max-height,0);opacity:0;opacity:var(--center-links-opacity,0);overflow:hidden;transition:opacity .1s ease-out,max-height .1s ease-out}.center-card__scroll-hint{--scroll-hint-chars:11;color:#969696;display:inline-block;font-size:16px;margin:12px 0 0;opacity:.8;overflow:hidden;white-space:nowrap;width:0}.center-card--reveal .center-card__scroll-hint{animation:scrollHintReveal .6s ease-out forwards,scrollHintType 2.8s steps(var(--scroll-hint-chars)) infinite;animation-delay:.7s,.8s;animation-delay:calc(var(--center-reveal-delay, 0s) + var(--reveal-duration, .5s) + .2s),calc(var(--center-reveal-delay, 0s) + var(--reveal-duration, .5s) + .3s);opacity:0}@keyframes scrollHintReveal{0%{opacity:0}to{opacity:.8}}@keyframes scrollHintType{0%{width:0}28.6%{width:calc(var(--scroll-hint-chars)*1ch)}to{width:calc(var(--scroll-hint-chars)*1ch)}}.center-card__link{color:#fff;text-decoration:none}.box1-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.text{cursor:pointer;font-family:Manrope,Geist,Arial,sans-serif;font-size:20px;font-weight:300;line-height:1}.text,.text .char{display:inline-block;position:relative}.text .char{color:#838080;line-height:32px;transition:color .25s ease;vertical-align:initial}.text.text-clicked .char{color:#fff}.badge{align-items:center;background:#442707;border-radius:50%;display:inline-flex;height:28px;justify-content:center;margin-left:0;opacity:0;overflow:hidden;pointer-events:none;position:relative;transform:translateY(-2px);transition:width .6s ease-in-out,margin-left .6s ease-in-out,opacity .18s ease,visibility 0s linear .18s;visibility:hidden;width:0}.badge.is-visible{margin-left:2px;opacity:1;pointer-events:auto;transform:translateY(-2px) scale(1);transition:width .6s ease-in-out,margin-left .6s ease-in-out,opacity .18s ease,visibility 0s;visibility:visible;width:28px}.badge-num{color:#fff;font-family:Manrope,Geist,Arial,sans-serif;font-size:16px;font-weight:300;line-height:1;opacity:1;position:relative;z-index:5}.ring{height:100%;inset:0;position:absolute;transform:rotate(-90deg);width:100%;z-index:1}.ring-track{fill:none;stroke:#00000040;stroke-width:2}.ring-progress{fill:none;stroke:#ff820c;stroke-width:2;stroke-linecap:round;stroke-dasharray:100.53;stroke-dashoffset:100.53;opacity:1}.badge.ring-animate .ring-progress{animation:ringFill .6s linear forwards}@keyframes ringFill{0%{stroke-dashoffset:100.53;opacity:0}50%{opacity:.5}to{stroke-dashoffset:0;opacity:1}}.badge.badge-animate{animation:badgeY .6s ease-in-out}@keyframes badgeY{0%{transform:translateY(-2px) rotate(0deg)}35%{transform:translateY(-2px) rotate(-7deg)}70%{transform:translateY(-2px) rotate(7deg)}to{transform:translateY(-2px) rotate(0deg)}}.text.letters-animate .char{animation:letterY .6s ease-in-out;animation-delay:calc(var(--i)*40ms)}@keyframes letterY{0%{opacity:1;transform:translateY(0)}35%{opacity:.5;transform:translateY(-.5px)}70%{opacity:.5;transform:translateY(.5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.logo-container{padding:15px}.rotating-text{font-size:48px}.centered-image{max-width:150px;width:80%}}.box2-container{align-items:flex-end;cursor:pointer;display:flex;height:100%;justify-content:flex-start;padding-bottom:30px;padding-left:30px;padding-right:20px;position:relative;width:100%}.box2-container:before{background-image:linear-gradient(180deg,#ffffff14 0,#0000),linear-gradient(0deg,#ffffff14 0,#0000),linear-gradient(90deg,#ffffff14 0,#0000),linear-gradient(270deg,#ffffff14 0,#0000);background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;background-size:100% 24px,100% 24px,24px 100%,24px 100%;content:"";inset:-1px;pointer-events:none;position:absolute;z-index:0}.box2-container .box2-scarlet-logo{height:22px;left:30px;opacity:0;pointer-events:none;position:absolute;top:32px;transition:opacity .3s ease;width:auto;z-index:1}.box2-container:hover .box2-scarlet-logo{opacity:1}.box2-container .arrow-icon-wrapper{align-items:center;background-color:#ff3737!important;border-radius:50%;display:flex;height:40px;justify-content:center;opacity:1;position:absolute;right:20px;top:20px;transition:opacity .3s ease;width:40px}.arrow-icon{transition:filter .3s ease}.box2-container:hover .arrow-icon{filter:none}.file-stack{display:inline-block;position:relative;transform-origin:center}.file-component{align-items:center;border-radius:4px;display:inline-flex;gap:6px;justify-content:center;padding:6px 8px;transition:transform .4s ease-out,opacity .5s ease-out}.file-front{background-color:#181616;position:relative;transform:rotate(0deg);z-index:3}.file-back-1{background-color:#393535;z-index:2}.file-back-1,.file-back-2{left:0;opacity:0;position:absolute;top:0;transform:rotate(0deg)}.file-back-2{background-color:#2b2828;z-index:1}.box2-container:hover .file-front{transform:rotate(2deg)}.box2-container:hover .file-name{color:#fff}.box2-container:hover .file-back-1{opacity:1;transform:rotate(-2.91deg)}.box2-container:hover .file-back-2{opacity:1;transform:rotate(-9.81deg)}.file-icon{color:#767676;flex-shrink:0;height:16px;width:16px}.file-name{color:#767676;font-family:Manrope,Geist,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.4;transition:color .3s ease}@keyframes box2-emphasis-pulse{0%,to{transform:scale(.99)}50%{transform:scale(1.002)}}.box2-container.second-view:not(:hover) .file-stack{animation:box2-emphasis-pulse 2s ease-in-out infinite}@media (max-width:768px){.file-component{gap:6px;padding:6px 8px}.file-icon{height:14px;width:14px}.file-name{font-size:12px}}.box9-container{align-items:flex-end;cursor:pointer;display:flex;gap:20px;height:100%;justify-content:space-between;padding-left:20px;padding-right:20px;position:relative;width:100%}.box9-container:before{background-image:linear-gradient(180deg,#ffffff14 0,#0000),linear-gradient(0deg,#ffffff14 0,#0000),linear-gradient(90deg,#ffffff14 0,#0000),linear-gradient(270deg,#ffffff14 0,#0000);background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;background-size:100% 24px,100% 24px,24px 100%,24px 100%;content:"";inset:-1px;pointer-events:none;position:absolute;z-index:0}.budget-percentage-counter{color:#fff;font-family:Manrope,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:clamp(24px,5vw,48px);font-weight:300;left:20px;line-height:1;position:absolute;top:20px;transform-origin:center}@keyframes box9-emphasis-pulse{0%,to{transform:scale(.98)}50%{transform:scale(1.008)}}.box9-container.idle-pulse .budget-percentage-counter{animation:box9-emphasis-pulse 2s ease-in-out infinite}.box9-container .arrow-icon-wrapper{align-items:center;background-color:#fad206!important;border-radius:50%;display:flex;height:40px;justify-content:center;opacity:1;position:absolute;right:20px;top:20px;transition:opacity .3s ease;width:40px}.arrow-icon{filter:invert(1) brightness(0);height:24px;width:24px}.box9-container .box9-mck-logo{bottom:20px;height:28px;left:20px;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;width:auto;z-index:1}.box9-container.hovered .box9-mck-logo{opacity:1}.budget-chart{border-radius:8px 8px 0 0;bottom:0;box-shadow:0 4px 20px #0000001a;height:80%;justify-content:flex-end;max-height:500px;position:absolute;right:15px;width:clamp(160px,45%,200px)}.budget-chart,.budget-section{display:flex;flex-direction:column;overflow:hidden}.budget-section{align-items:flex-start;flex-shrink:0;gap:8px;height:0;justify-content:flex-start;opacity:0;padding:0 12px;position:relative;transition:height .8s ease-out,opacity .6s ease-out,padding .8s ease-out,border-width .8s ease-out}.budget-section.debt-payment{background-color:#f4d03f26;border:0 solid #f4d03f;order:1}.budget-section.emergency-savings{background-color:#f9e79f26;border:0 solid #f9e79f;order:2}.budget-section.fixed-expense{background-color:#fcf3cf26;border:0 solid #fcf3cf;order:3}.box9-container.hovered .budget-section.fixed-expense{border-width:1px;height:60px;opacity:1;padding:12px;transition-delay:0s}.box9-container.hovered .budget-section.emergency-savings{border-width:1px;height:60px;opacity:1;padding:12px;transition-delay:1.3s}.box9-container.hovered .budget-section.debt-payment{border-width:1px;height:80px;opacity:1;padding:12px;transition-delay:2.6s}.budget-label{text-align:left}.budget-label,.budget-percentage{color:#fff;font-family:Manrope,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:.9;opacity:0;transition:opacity .4s ease-out}.box9-container.hovered .budget-section.fixed-expense .budget-label,.box9-container.hovered .budget-section.fixed-expense .budget-percentage{opacity:1;transition-delay:.3s}.box9-container.hovered .budget-section.emergency-savings .budget-label,.box9-container.hovered .budget-section.emergency-savings .budget-percentage{opacity:1;transition-delay:1.6s}.box9-container.hovered .budget-section.debt-payment .budget-label,.box9-container.hovered .budget-section.debt-payment .budget-percentage{opacity:1;transition-delay:2.9s}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;display:flex;flex-direction:column;height:90%;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;position:absolute;right:15px;top:15px;transition:background .2s ease;width:40px;z-index:1001}.modal-close:hover{background:#333}.pdf-container{align-items:center;background:#f5f5f5;display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:20px}.pdf-error,.pdf-loading{color:#666;font-family:Manrope,sans-serif;padding:40px;text-align:center}.pdf-error{color:#d32f2f}.pdf-controls{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:20px;justify-content:center;padding:15px}.pdf-nav-button{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s ease}.pdf-nav-button:hover:not(:disabled){background:#333}.pdf-nav-button:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.pdf-page-info{color:#666;font-family:Manrope,sans-serif;font-size:14px}@media (max-width:768px){.modal-content{height:95%;width:95%}.pdf-container{padding:10px}.pdf-controls{flex-wrap:wrap;gap:10px}.pdf-nav-button{font-size:12px;padding:8px 16px}}.box10-container{align-items:center;display:flex;justify-content:center}.box10-container,.card{height:100%;position:relative;width:100%}.card{background:#0000;display:block;min-height:300px;min-width:300px;overflow:visible}.card .hover-text{color:#8d8d8d;font-family:Manrope,Geist,Arial,sans-serif;font-size:14px;font-weight:300;left:50%;opacity:0;pointer-events:none;position:absolute;top:20px;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap;z-index:10}.card:hover .hover-text{opacity:1;visibility:visible}.value{color:#fff;font-family:Manrope,Geist,Arial,sans-serif;font-size:16px;font-weight:300;left:50%;position:absolute;top:14%;transform:translateX(-50%);transition:transform .18s ease-out}.value.bump{transform:translateX(-50%) scale(1.08)}#graph{bottom:auto;height:100%;left:0;min-height:300px;min-width:300px;position:absolute;top:0;width:100%}#area{fill:url(#area-gradient);stroke:none}#vertical-lines-background line{stroke:url(#vertical-lines-gradient);stroke-width:.05}#vertical-lines line{stroke:url(#vertical-lines-gradient);stroke-width:.15}#line-left{fill:none;stroke:#838080;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease}.card.dragging #line-left{stroke:#ff820c}#line-right{fill:none;stroke:#34200d;stroke-width:.2;stroke-linecap:round;stroke-linejoin:round}#divider{background:#fff;bottom:0;left:50%;pointer-events:none;position:absolute;top:20%;width:.3px}#intersection-circle{r:.5px;pointer-events:all}#intersection-circle:hover{r:.7px;animation:pulse 1s infinite;cursor:pointer}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.card{min-height:180px;min-width:100%}.hover-text{font-size:12px}.value{font-size:14px}#graph{transform:scale(.9)}}.project-details-container{background-color:#000;color:#fff;cursor:default;height:100vh;letter-spacing:-.02em;min-height:100vh;overflow-y:auto;padding:20px 32px;scroll-snap-type:y mandatory}.project-details-container blockquote,.project-details-container figcaption,.project-details-container h1,.project-details-container h2,.project-details-container h3,.project-details-container h4,.project-details-container h5,.project-details-container h6,.project-details-container label,.project-details-container li,.project-details-container p,.project-details-container td,.project-details-container th{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2" height="24" viewBox="0 0 2 24"><rect width="2" height="24" fill="%23ff3737"/></svg>') 1 0,text}.project-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr);margin:0 auto;max-width:1600px}.side-navigation{grid-column:1/2;height:fit-content;padding-top:20px;position:sticky;top:20px}.back-button{background:none;border:none;color:#949494;cursor:pointer;font-family:Manrope,Geist,Arial,sans-serif;font-size:16px;letter-spacing:-.02em;padding-bottom:6px;text-align:left;transition:all .2s ease;width:100%}.back-button:hover{color:#fff}.nav-sections{display:flex;flex-direction:column;gap:8px}.nav-item{background:none;border:none;border-radius:4px;color:#acacac;cursor:pointer;font-family:Manrope,Geist,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.02em;padding:.5px 0;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{color:#fff}.nav-item.active{color:#ff3737;font-weight:500}.sub-nav{border-left:1px solid #333;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;margin-top:4px;padding-left:12px}.sub-nav-item{background:none;border:none;color:#767676;cursor:pointer;font-family:Manrope,Geist,Arial,sans-serif;font-size:14px;font-weight:300;letter-spacing:-.02em;padding:4px 0;text-align:left;transition:all .2s ease;width:100%}.sub-nav-item:hover{color:#fff}.sub-nav-item.active{color:#fff;font-weight:400}.text-content{grid-column:2/8;padding-top:40px}.about-hero{justify-content:space-between;margin-bottom:0;min-height:90vh;scroll-margin-top:50px;scroll-snap-align:start;scroll-snap-stop:always}.about-hero,.hero-header{display:flex;flex-direction:column}.hero-header{align-items:flex-start;gap:12px}.hero-header .hero-logo,.hero-header h1{margin-bottom:0}.hero-header .hero-logo{align-self:flex-start;display:block;height:3em;margin-bottom:1.2em;width:auto}.hero-header .subtitle-container{width:100%}.hero-header .subtitle{margin-bottom:0}.text-content h1{color:#fff;font-family:Manrope,Geist,Arial,sans-serif;font-size:2em;font-weight:400;letter-spacing:-.02em;line-height:1.2}.text-content .subtitle{font-weight:300;line-height:1.3em;width:100%}.text-content .subtitle,.text-content .subtitle-highlight{color:#cacaca;font-family:Manrope,Geist,Arial,sans-serif;font-size:1.3em;letter-spacing:-.01em}.text-content .subtitle-highlight{font-weight:400;line-height:1.4em}.text-content .subtitle-highlight .subtitle-highlight-char{animation:subtitleCharToWhite 5s linear infinite;animation-delay:.4s;animation-delay:calc(.4s + var(--char-index, 0)*.06s);color:#cacaca}@keyframes subtitleCharToWhite{0%,4.99%{color:#cacaca}5%{color:#fff}69.99%{color:#fff}70%{color:#cacaca}to{color:#cacaca}}.text-content .subtitle strong{color:#fff;font-weight:500}.text-content .subtitle_dates{color:#cacaca;font-family:Manrope,Geist,Arial,sans-serif;font-size:1em;font-weight:300;letter-spacing:-.01em;line-height:1.5em}.content-section{margin-bottom:120px;scroll-margin-top:110px;scroll-snap-align:start;scroll-snap-stop:always;width:50%}.content-section:last-child{margin-bottom:48px}.content-section h2{color:#fff;font-size:1.25em;font-weight:500;letter-spacing:-.02em;margin-bottom:16px}.content-section h2,.text-content p{font-family:Manrope,Geist,Arial,sans-serif}.text-content p{color:#cacaca;font-size:1em;font-weight:300;letter-spacing:-.01em;line-height:1.6em;margin-bottom:.75em;max-width:80%}.text-content p strong{color:#fff;font-weight:500}.text-content .outcome-note{font-size:.8em;font-style:italic;line-height:.8em}.text-content ul{list-style:none;margin:0;padding:0}.text-content li{color:#fff;font-family:Manrope,Geist,Arial,sans-serif;font-weight:300;letter-spacing:-.02em;line-height:1.7em;margin-bottom:12px}.text-content li strong{color:#fff;font-weight:500;padding-bottom:.5em}.outcome-list{list-style:none;margin:0;padding:0}.outcome-list li{background-color:initial;border-left:1px solid #0000;color:#cacaca;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2" height="24" viewBox="0 0 2 24"><rect width="2" height="24" fill="%23ff3737"/></svg>') 1 0,text;font-weight:300;letter-spacing:-.01em;line-height:1.6em;padding-top:8px;transition:all .2s ease}.outcome-list li,.outcome-list li strong{font-family:Manrope,Geist,Arial,sans-serif;font-size:1em}.outcome-list li strong{color:#fff;font-weight:600}.outcome-list li strong:first-of-type{display:block}.pain-points-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(4,1fr)}.key-design-grid,.pain-points-grid{display:grid;margin-top:24px;max-width:none;width:200%}.key-design-grid{grid-column-gap:12px;grid-row-gap:20px;column-gap:12px;grid-template-columns:repeat(2,1fr);row-gap:20px}#key-design.content-section{padding-bottom:150px;padding-top:40px;scroll-snap-stop:normal}#outcome.content-section{padding-bottom:100px}#design-process.content-section{padding-bottom:160px}.design-process-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:24px;max-width:none;width:200%}.pain-point-card{display:flex;flex-direction:column;gap:6px}.pain-point-card .grid-image,.pain-point-card .grid-image .about-hero-image,.pain-point-card .grid-image video{display:block;max-width:100%;width:100%}.pain-point-card .grid-image video{height:auto;object-fit:cover}.pain-point-card .grid-image .video-hover-zoom{overflow:hidden;width:100%}.pain-point-card .grid-image .video-hover-zoom video{transform-origin:center;transition:transform .3s ease}.pain-point-card .grid-image:hover .video-hover-zoom video{transform:scale(1.05)}.section-image .video-hover-zoom{overflow:hidden;width:100%}.section-image .video-hover-zoom video{transform-origin:center;transition:transform .3s ease}.section-image:hover .video-hover-zoom video{transform:scale(1.01)}.pain-point-image{aspect-ratio:4/3;margin-bottom:8px;width:100%}.pain-point-image .image-placeholder{align-items:center;background-color:#2a2a2a;border:2px dashed #4a4a4a;display:flex;height:100%;justify-content:center;width:100%}.pain-point-title{color:#fff;font-family:Manrope,Geist,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:1.3;margin-bottom:.5em;margin-top:.9em;min-width:0;width:100%}.pain-point-description,.text-content .pain-point-description{color:#cacaca;font-family:Manrope,Geist,Arial,sans-serif;font-size:1em;font-weight:300;letter-spacing:-.01em;line-height:1.6em;margin:0;min-width:0;width:100%}.image-content{grid-column:4/6;height:fit-content;padding-top:20px;position:sticky;top:20px;transition:opacity .3s ease}.about-hero-image{display:block;object-fit:cover;width:100%}.image-content.desktop-sticky{display:none}.image-placeholder{align-items:center;animation:fadeIn .4s ease;aspect-ratio:4/3;background-color:#2a2a2a;border:2px dashed #4a4a4a;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.image-placeholder p{color:#acacac;font-size:18px;font-weight:500;margin:0}.image-placeholder p,.image-placeholder span{font-family:Manrope,Geist,Arial,sans-serif;letter-spacing:-.02em}.image-placeholder span{color:#767676;font-size:14px;font-weight:300}.section-image.mobile-only{display:none}.section-image{margin-bottom:48px;margin-top:24px}.grid-image,.section-image{display:block;width:100%}.outcome-list .grid-image{margin-left:0;margin-right:0;max-width:none;width:166.66667%}.outcome-list .grid-image .about-hero-image,.outcome-list .grid-image video{display:block;height:auto;max-width:none;object-fit:cover;object-position:left center;width:100%}.outcome-list .section-image{margin-left:0;margin-right:0;max-width:none;width:200%}.outcome-list .section-image.image-full{max-width:none}.outcome-list .section-image.image-large{max-width:165%}.outcome-list .section-image.image-small{max-width:50%}.outcome-carousel{align-items:flex-start;display:flex;gap:12px;margin-top:24px;width:100%}.outcome-list .outcome-carousel .outcome-carousel__main{flex:0 0 auto;margin-left:0;margin-right:0;max-width:165%;width:200%}.outcome-carousel__main{margin-top:0}.outcome-carousel__main .about-hero-image{display:block;width:100%}.outcome-carousel__thumbnails{display:flex;flex-direction:column;flex-shrink:0;gap:6px;width:64px}.outcome-carousel__thumb{background:#eee;border-radius:4px;cursor:pointer;display:block;height:48px;overflow:hidden;padding:0;transition:border-color .2s ease,opacity .2s ease;width:64px}.outcome-carousel__thumb:hover{opacity:.9}.outcome-carousel__thumb--active{border-color:#fff}.outcome-carousel__thumb img{display:block;height:100%;object-fit:cover;width:100%}.section-image.image-small{max-width:50%}.section-image.image-large{max-width:83.33%}.section-image.image-full{max-width:100%}.section-with-image{display:block}@media (max-width:1200px){.project-grid{gap:12px;grid-template-columns:200px repeat(6,1fr)}.side-navigation{grid-column:1/2}.text-content{grid-column:2/8}}@media (max-width:900px){.project-details-container{padding:80px 0 0}.sub-nav{display:none}.project-grid{gap:0;grid-template-columns:1fr}.side-navigation{align-items:center;background-color:#000;border-bottom:1px solid #333;display:flex;flex-direction:row;grid-column:1/2;height:auto;left:0;overflow-x:auto;overflow-y:hidden;padding:16px 20px;position:fixed;right:0;top:0;white-space:nowrap;width:100%;z-index:100}.side-navigation::-webkit-scrollbar{display:none}.side-navigation{-ms-overflow-style:none;scrollbar-width:none}.back-button{flex-shrink:0;margin-bottom:0;padding:8px 16px 8px 0;white-space:nowrap;width:auto}.nav-sections{align-items:center;display:flex;flex-direction:row}.nav-item{flex-shrink:0;padding:0 4px;white-space:nowrap;width:auto}.text-content{grid-column:1/2}.section-image{margin-bottom:40px;margin-top:32px;max-width:100%}.text-content h1{font-size:36px}.text-content .subtitle{font-size:20px}.about-hero{min-height:auto;padding-bottom:40px}.content-section{margin-bottom:0;min-height:auto}.section-with-image{margin-bottom:60px}.about-hero .hero-header .hero-logo,.about-hero .hero-header h1{font-size:32px}.about-hero .hero-header .hero-logo{height:38.4px}.about-hero .subtitle{font-size:18px}.about-mobile-image{margin-top:40px}.outcome-carousel{flex-direction:column}.outcome-carousel__thumbnails{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:12px;width:100%}.outcome-carousel__thumb{height:42px;width:56px}.design-process-grid,.key-design-grid,.pain-points-grid{gap:40px;grid-template-columns:1fr;width:100%}.pain-point-image{margin-bottom:12px}}
/*# sourceMappingURL=main.12ac622b.css.map*/