@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:250px;--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:absolute;top:0;transition:opacity .3s ease;z-index:6}.grid-lines-svg-loading.fade-out{opacity:1}.grid-lines-svg-static,.grid-lines-svg-static.visible{display:none}.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:1;left:50%;position:absolute;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;animation-delay:0s;opacity:0;visibility:visible}@keyframes fadeInCenterCard{0%{opacity:0}to{opacity:1}}.app-root{height:max(100vh,100vh);height:max(100vh,var(--canvas-height,100vh));position:relative;width:max(100vw,100vw);width:max(100vw,var(--canvas-width,100vw));z-index:1}.home-scroll-shell{cursor:grab;height:100vh;overflow:auto;width:100vw}.home-scroll-shell.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.pinned-section{inset:0;position:absolute}.pinned-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.grid-content-overlay{--card-scaled-width:250px;--card-scaled-height:250px;--grid-size:300px;--second-opacity:var(--scroll-progress,0);grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(6,var(--card-scaled-width));grid-template-rows:repeat(6,var(--card-scaled-height));left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:visible;z-index:4}.grid-cell{align-items:center;display:flex;justify-content:center;opacity:0;pointer-events:auto;position:relative}.grid-cell--reveal{animation:fadeInBox .6s ease-out forwards}@keyframes fadeInBox{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-cell-content{align-items:center;color:#fff;display:flex;font-size:14px;height:250px;height:var(--card-scaled-height,250px);justify-content:center;text-align:center;transition:opacity .3s ease;width:250px;width:var(--card-scaled-width,250px)}.grid-cell-image-fill{height:250px;height:var(--card-scaled-height,250px);width:250px;width:var(--card-scaled-width,250px)}.center-card-fill-layer,.grid-cell-image-fill{background-position:50%;background-repeat:no-repeat;background-size:cover;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:10}.center-card-fill-layer{height:500px;height:var(--center-card-height,500px);width:500px;width:var(--center-card-width,500px)}.app-root.box5-hovered .grid-lines-svg-static,.app-root:has(.box5-container:hover) .grid-lines-svg-static{opacity:0}.app-root.box5-hovered .grid-lines-svg-loading,.app-root:has(.box5-container:hover) .grid-lines-svg-loading{opacity:0}.app-root.box5-hovered .grid-cell:not(.grid-cell--box5) .grid-cell-content,.app-root:has(.box5-container:hover) .grid-cell:not(.grid-cell--box5) .grid-cell-content{opacity:0;pointer-events:none}.app-root:has(.grid-cell--box5:hover) .center-card__text .center-card__text-line:not(:nth-child(4)),.app-root:has(.grid-cell--box5:hover) .center-card__text .center-card__text-line:not(:nth-child(4)) *{color:#000!important}.app-root:has(.grid-cell--box5:hover) .center-card__name,.app-root:has(.grid-cell--box5:hover) .center-card__name *{color:#000!important}.app-root.box9-hovered .grid-cell:not(.grid-cell--box9) .grid-cell-image-fill--box9,.grid-content-overlay:has(.box9-container:hover) .grid-cell:not(.grid-cell--box9) .grid-cell-image-fill--box9{opacity:1}.app-root.box9-hovered .center-card-fill-layer--box9,.grid-content-overlay:has(.box9-container:hover) .center-card-fill-layer--box9{opacity:1}.app-root.box9-hovered .grid-lines-svg-static,.app-root:has(.box9-container:hover) .grid-lines-svg-static{opacity:0}.app-root.box9-hovered .grid-lines-svg-loading,.app-root:has(.box9-container:hover) .grid-lines-svg-loading{opacity:0}.app-root.box2-hovered .grid-cell:not(.grid-cell--box2) .grid-cell-image-fill--box2,.grid-content-overlay:has(.box2-container:hover) .grid-cell:not(.grid-cell--box2) .grid-cell-image-fill--box2{opacity:1}.app-root.box2-hovered .center-card-fill-layer--box2,.grid-content-overlay:has(.box2-container:hover) .center-card-fill-layer--box2{opacity:1}.app-root.box2-hovered .grid-lines-svg-static,.app-root:has(.box2-container:hover) .grid-lines-svg-static{opacity:0}.app-root.box2-hovered .grid-lines-svg-loading,.app-root:has(.box2-container:hover) .grid-lines-svg-loading{opacity:0}.home-sticky-links{bottom:1.5rem;display:flex;opacity:0;pointer-events:none;position:fixed;right:1.5rem;transition:opacity .5s ease;z-index:1000}.home-sticky-links--visible{opacity:1;pointer-events:auto}.home-sticky-links--visible>*,.home-sticky-links>*{pointer-events:auto}.home-sticky-link{border:.25px solid #585858;color:#a3a3a3;font-size:.9rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:color .2s ease}.home-sticky-link: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%;border-radius:inherit;content:"";inset:-1px;pointer-events:none;position:absolute;z-index:0}.home-sticky-link:hover{color:#fff}.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:500px;opacity:1;padding:1.5rem;width:500px}.center-card__name{align-items:baseline;color:#fff;color:var(--center-name-color,#fff);display:flex;font-size:1.5rem;font-weight:400;letter-spacing:-.01em;margin-bottom:.75rem;max-height:6.25rem;max-height:var(--center-name-max-height,6.25rem);opacity:1;opacity:var(--center-name-opacity,1);overflow:hidden;pointer-events:auto;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__name-link{color:inherit;pointer-events:auto;text-decoration:none}.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:#a3a3a3;color:var(--center-text-color,#a3a3a3);display:block;font-size:.9rem;letter-spacing:0;line-height:1.45;margin:0;transition:color .1s ease-out}.center-card__text-line{display:block}.center-card__text-line+.center-card__text-line{margin-top:.5rem}.center-card__text-line--muted,.center-card__text-line--muted *{color:#000!important;color:var(--center-text-muted-color,#000)!important}.center-card__text-highlight{color:#fff;font-weight:600}.center-card__text-previously{font-style:italic}.center-card__text-label{color:#5b5a5a;display:inline;font-size:.75em;font-weight:600;letter-spacing:.02em;margin-right:.25em}.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:1.5rem}.center-card__footer-row{align-items:baseline;display:flex;flex-direction:row;gap:.75rem;justify-content:space-between}.center-card__links{font-size:1rem;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__footer-text{color:#fff;color:var(--center-text-color,#fff);font-size:1rem;letter-spacing:0;line-height:1.55;white-space:normal}.center-card__link--about{flex-shrink:0;font-size:1rem;max-height:0;max-height:var(--center-links-max-height,0);opacity:0;opacity:var(--center-links-opacity,0);overflow:hidden}.center-card__scroll-hint{--scroll-hint-chars:11;color:#969696;display:inline-block;font-size:.875rem;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:12px;padding-right:12px;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:12px;opacity:0;pointer-events:none;position:absolute;top:32px;transition:opacity .3s ease;width:auto;z-index:1}.box2-container.hovered .box2-scarlet-logo,.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:28px;justify-content:center;opacity:1;position:absolute;right:12px;top:20px;transition:opacity .3s ease;width:28px}.arrow-icon{transition:filter .3s ease}.box2-container.hovered .arrow-icon,.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.hovered .file-front,.box2-container:hover .file-front{transform:rotate(2deg)}.box2-container.hovered .file-name,.box2-container:hover .file-name{color:#fff}.box2-container.hovered .file-back-1,.box2-container:hover .file-back-1{opacity:1;transform:rotate(-2.91deg)}.box2-container.hovered .file-back-2,.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):not(.hovered) .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}}@keyframes rect-ring-letter-reveal{0%{opacity:0}to{opacity:1}}.rect-ring-caption-letter{animation:rect-ring-letter-reveal .01s steps(1) forwards;opacity:0}@font-face{font-family:SA No Rules;font-style:normal;font-weight:400;src:url(/static/media/SANoRules.f4eeac2cb54efacfed10.otf) format("opentype")}.photo-cloud-3d{background:#000;height:100%;overscroll-behavior:contain;position:relative;touch-action:none;width:100%}.photo-cloud-3d canvas{display:block;height:100%!important;width:100%!important}.photo-cloud-3d__overlay{align-items:center;background:#000000d9;cursor:default;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.photo-cloud-3d__overlay-canvas-wrap{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.photo-cloud-3d__overlay-canvas-wrap canvas{display:block;height:100%!important;width:100%!important}.photo-cloud-3d__debug{background:#000000a6;border:1px solid #ffffff40;border-radius:6px;color:#fff;font-family:Manrope,Geist,Arial,sans-serif;font-size:12px;left:10px;line-height:1.4;padding:8px 10px;pointer-events:none;position:absolute;top:10px;z-index:10}.box5-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.box5-hover-hint{color:#ffffffe6;font-family:Manrope,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:11px;font-weight:400;left:50%;opacity:0;pointer-events:none;position:absolute;top:12px;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:2}.box5-container.hovered .box5-hover-hint,.box5-container:hover .box5-hover-hint{opacity:1}.box5-container.overlay-open .box5-hover-hint{opacity:0}.box5-photo-cloud-wrap{height:100%;min-height:0;position:relative;width:100%;z-index:0}.box5-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:1}.box9-container{align-items:flex-end;cursor:pointer;display:flex;gap:10px;height:100%;justify-content:space-between;overflow:hidden;padding-left:12px;padding-right:12px;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(18px,3vw,28px);font-weight:300;left:12px;line-height:1;position:absolute;top:12px;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:28px;justify-content:center;opacity:1;position:absolute;right:12px;top:12px;transition:opacity .3s ease;width:28px}.arrow-icon{filter:invert(1) brightness(0);height:16px;width:16px}.box9-container .box9-mck-logo{bottom:12px;height:20px;left:12px;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:65%;justify-content:flex-end;max-height:220px;position:absolute;right:8px;width:clamp(120px,42%,150px)}.budget-chart,.budget-section{display:flex;flex-direction:column;overflow:hidden}.budget-section{align-items:flex-start;flex-shrink:0;gap:4px;height:0;justify-content:flex-start;opacity:0;padding:0 8px;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:46px;opacity:1;padding:8px;transition-delay:0s}.box9-container.hovered .budget-section.emergency-savings{border-width:1px;height:46px;opacity:1;padding:8px;transition-delay:1.3s}.box9-container.hovered .budget-section.debt-payment{border-width:1px;height:58px;opacity:1;padding:8px;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:10px;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,.box4-container{align-items:center;display:flex;justify-content:center}.box10-container,.box4-container,.card{height:100%;position:relative;width:100%}.card{background:#0000;display:block;min-height:0;min-width:0;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:0;min-width:0;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{--project-highlight-color:#ff3737;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-details-container.project-details--box9 blockquote,.project-details-container.project-details--box9 figcaption,.project-details-container.project-details--box9 h1,.project-details-container.project-details--box9 h2,.project-details-container.project-details--box9 h3,.project-details-container.project-details--box9 h4,.project-details-container.project-details--box9 h5,.project-details-container.project-details--box9 h6,.project-details-container.project-details--box9 label,.project-details-container.project-details--box9 li,.project-details-container.project-details--box9 p,.project-details-container.project-details--box9 td,.project-details-container.project-details--box9 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="%23fad205"/></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:var(--project-highlight-color);font-weight:500}.project-details-container.project-details--box9{--project-highlight-color:#fad205}.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}.project-details--box9 .hero-header .hero-logo{height:3.6em}.hero-header .subtitle-container{padding-bottom:1em;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{color:#767676;font-weight:300;line-height:1.3em;width:100%}.text-content .subtitle,.text-content .subtitle-highlight{font-family:Manrope,Geist,Arial,sans-serif;font-size:1.5em;letter-spacing:0}.text-content .subtitle-highlight{color:#cacaca;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}.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:1.1em;font-weight:300;letter-spacing:0;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-size:1.1em;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-size:1.1em;font-weight:300;letter-spacing:0;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}.outcome-list li strong{color:#fff;font-size:1em;font-weight:500;letter-spacing:-.01em}.outcome-list li strong:first-of-type{display:block}.pain-points-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:24px;max-width:none;width:200%}.project-details--box9 .pain-points-grid{grid-template-columns:repeat(3,1fr)}.key-design-grid{grid-column-gap:12px;grid-row-gap:20px;column-gap:12px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:24px;max-width:none;row-gap:20px;width:200%}#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-weight:500;line-height:1.3;margin-bottom:.5em;margin-top:.9em}.pain-point-description,.pain-point-title,.text-content .pain-point-description{font-family:Manrope,Geist,Arial,sans-serif;font-size:1.1em;letter-spacing:0;min-width:0;width:100%}.pain-point-description,.text-content .pain-point-description{color:#cacaca;font-weight:300;line-height:1.6em;margin:0}.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}.project-details--box9 .about-hero .hero-header .hero-logo{height:46.08px}.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}}.about2-page{min-height:100vh}.about2-frame,.about2-page{align-items:center;display:flex;justify-content:center}.about2-frame{height:250px;text-align:center;width:250px}
/*# sourceMappingURL=main.defc351b.css.map*/