@font-face{font-display:swap;font-family:Magical Touch;font-style:normal;font-weight:400 700;src:url(/static/media/MagicalTouch.1e313ab6f87c1f5c3558.otf) format("opentype")}@font-face{font-display:swap;font-family:Divale Magical;font-style:normal;font-weight:400 700;src:url(/static/media/DivaleMagical.dbb5735fd9b0fbdc7141.otf) format("opentype")}*{box-sizing:border-box;margin:0;padding:0}:root{--page-gutter:clamp(1.25rem,4vw,4.375rem);--section-gap:clamp(1.5rem,4vw,3.75rem);--content-max:75rem;--doc-max:87.5rem;--nav-height:4.5rem;--font-body:"Inria Sans",sans-serif;--font-display:"Magical Touch","Inria Sans",sans-serif;--font-greeting:"Divale Magical","Magical Touch","Inria Sans",sans-serif;--radius-xs:14px;--radius-sm:20px;--radius-md:28px;--radius-lg:45px}html{scroll-padding-top:4.5rem;scroll-padding-top:var(--nav-height)}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inria Sans,sans-serif;font-family:var(--font-body)}@media (hover:hover) and (pointer:fine){html.custom-cursor-active,html.custom-cursor-active .case-study-nav-link,html.custom-cursor-active .fm-nav-link,html.custom-cursor-active .landing-scroll-hint,html.custom-cursor-active .navbar-brand,html.custom-cursor-active .navbar-link,html.custom-cursor-active .p2-nav-link,html.custom-cursor-active .project-card,html.custom-cursor-active .project-card-link,html.custom-cursor-active [role=button],html.custom-cursor-active a,html.custom-cursor-active body,html.custom-cursor-active button,html.custom-cursor-active label,html.custom-cursor-active select,html.custom-cursor-active summary{cursor:none}html.custom-cursor-active input[type=email],html.custom-cursor-active input[type=password],html.custom-cursor-active input[type=search],html.custom-cursor-active input[type=text],html.custom-cursor-active input[type=url],html.custom-cursor-active textarea{cursor:text}}.about-heading,.artwork-title,.case-study-nav-link,.design-change-main-title,.design-change-subtitle,.fm-heading,.fm-nav-link,.footer-headline,.hifi-results-title,.key-takeaways-title,.outcome-title,.overview-title,.p2-design-changed-subtitle,.p2-design-changed-title,.p2-nav-link,.p2-original-design-title,.problem-title,.project-title,.section-title,.section-title-white,.tradesworker-lofi-title,.what-search-title,.who-is-joey-title{font-family:Magical Touch,Inria Sans,sans-serif;font-family:var(--font-display)}button,input,select,textarea{font-family:inherit}img:not(.artwork-card-img):not(.navbar-logo):not(.footer-logo):not(.footer-shape):not(.design-change-phone-img):not(.lofi-screen-img){height:auto;max-width:100%}.App{min-width:0;overflow-x:hidden;width:100%}.navbar{left:0;padding:clamp(14px,2.5vw,22px) clamp(1.25rem,4vw,2.5rem);padding:clamp(14px,2.5vw,22px) var(--page-gutter,clamp(1.25rem,4vw,2.5rem));position:fixed;right:0;top:0;transition:background .3s ease,box-shadow .3s ease,padding .3s ease;z-index:1000}.navbar--scrolled{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;box-shadow:0 2px 20px #0000000f;padding:clamp(10px,2vw,14px) clamp(1.25rem,4vw,2.5rem);padding:clamp(10px,2vw,14px) var(--page-gutter,clamp(1.25rem,4vw,2.5rem))}.navbar-inner{margin:0 auto;max-width:75rem;max-width:var(--content-max,75rem);position:relative;width:100%}.navbar-inner,.navbar-side{align-items:center;display:flex}.navbar-side{flex:1 1;gap:clamp(2rem,5vw,4.5rem);min-width:0}.navbar-side--left{justify-content:flex-end;padding-right:clamp(2rem,5vw,4rem)}.navbar-side--right{justify-content:flex-start;padding-left:clamp(2rem,5vw,4rem)}.navbar-center{align-items:center;display:flex;flex:0 0 auto;justify-content:center;overflow:hidden;pointer-events:none;position:relative;visibility:hidden;width:0}.navbar-center--visible{overflow:visible;pointer-events:auto;visibility:visible;width:auto}.navbar-brand{align-items:center;background:none;border:none;display:flex;flex-shrink:0;justify-content:center;opacity:1;padding:0;pointer-events:auto;will-change:opacity,transform}.navbar-brand--morphing{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:fixed;transition:none;z-index:10001}.navbar-brand--visible:not(.navbar-brand--morphing){position:relative}.navbar-logo-anchor{height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:0}.navbar-logo{display:block;height:clamp(28px,4vw,38px);max-width:none;width:auto}.navbar-link{background:none;border:none;color:#444;font-family:var(--font-body);font-size:15px;font-weight:400;padding:8px 0;position:relative;text-decoration:none;transition:color .2s ease;white-space:nowrap}.navbar-link:after{background:#ff8c42;bottom:4px;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.navbar-link:hover{color:#ff8c42}.navbar-link:hover:after{width:100%}@media (max-width:768px){.navbar-side{gap:clamp(1rem,3vw,1.75rem)}.navbar-side--left{padding-right:clamp(1rem,3vw,2rem)}.navbar-side--right{padding-left:clamp(1rem,3vw,2rem)}.navbar-link{font-size:14px}.navbar-logo{height:26px}}@media (max-width:480px){.navbar-side{gap:.75rem 1rem}.navbar-side--left{padding-right:.75rem}.navbar-side--right{padding-left:.75rem}.navbar-link{font-size:13px;padding:6px 0}}.custom-cursor{height:0;left:0;opacity:1;overflow:visible;pointer-events:none;position:fixed;top:0;width:0;z-index:10000}.custom-cursor--hidden{opacity:0}.custom-cursor__dot,.custom-cursor__frog,.custom-cursor__label{flex-shrink:0;left:0;position:absolute;top:0;transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1)}.custom-cursor__dot{background-color:#1a1008;border-radius:50%;height:24px;opacity:1;transform:translate(-50%,-50%) scale(1);width:24px}.custom-cursor__frog{display:block;height:32px;max-width:none;opacity:0;transform:translate(-50%,calc(-50% + 4px)) scale(.72);width:36px}.custom-cursor__label{align-items:center;background-color:#1a1008;border-radius:999px;display:inline-flex;opacity:0;padding:.45rem .9rem;transform:translate(8px,calc(-50% + 4px)) scale(.92);white-space:nowrap}.custom-cursor__label-text{color:#fff;font-family:var(--font-body);font-size:.8125rem;font-weight:400;letter-spacing:.01em;line-height:1}.custom-cursor--hover .custom-cursor__dot{opacity:0;transform:translate(-50%,-50%) scale(.55)}.custom-cursor--hover .custom-cursor__frog,.custom-cursor--hover.custom-cursor--label .custom-cursor__frog{opacity:1;transform:translate(-50%,calc(-50% + 4px)) scale(1)}.custom-cursor--hover.custom-cursor--label .custom-cursor__label{opacity:1;transform:translate(22px,calc(-50% + 4px)) scale(1)}@media (hover:none),(pointer:coarse){.custom-cursor{display:none}}.landing-page{align-items:center;background-color:#b9f5ff;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.landing-parallax{inset:0;pointer-events:none;position:absolute}.landing-hill{align-items:flex-end;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;will-change:transform}.landing-hill-4{z-index:1}.landing-hill-3{z-index:2}.landing-hill-2{z-index:3}.landing-cloud{z-index:4}.landing-hill-1{z-index:5}.landing-cloud-foreground{z-index:6}.landing-cloud{bottom:11.5%;position:absolute;right:0;will-change:transform}.landing-cloud-foreground{bottom:-5%;left:0;right:auto}.landing-cloud-inner{transform:translateX(50%)}.landing-cloud-foreground-inner{transform:translateX(-50%)}.landing-cloud img{display:block;height:auto;max-height:55vh;max-width:min(55vw,560px);object-fit:contain;object-position:bottom right;width:auto}.landing-cloud-foreground img{object-position:bottom left}.landing-logo-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;padding:0 clamp(1rem,4vw,2rem);padding:0 var(--page-gutter,clamp(1rem,4vw,2rem));pointer-events:none;position:absolute;right:0;top:clamp(10%,14vh,16%);z-index:7}.landing-logo{will-change:transform}.landing-logo img{display:block;height:auto;width:min(320px,62vw)}.landing-intro{margin-top:clamp(1rem,2.5vh,1.75rem);max-width:min(40rem,92vw);pointer-events:auto;text-align:center}.landing-greeting{color:#3a2f28;font-family:var(--font-greeting);font-size:clamp(1.65rem,4.5vw,2.5rem);font-weight:400;line-height:1.15;margin:0 0 .65rem}.landing-tagline{color:#6b6560;font-family:var(--font-body);font-size:clamp(1rem,2.2vw,1.2rem);font-style:italic;font-weight:400;line-height:1.65;margin:0}.landing-scroll-hint{align-items:center;animation:hintBounce 2s ease-in-out infinite;bottom:60px;display:flex;flex-direction:column;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.scroll-mouse{border:2.5px solid #0009;border-radius:14px;height:46px;position:relative;width:28px}.scroll-wheel{animation:wheelScroll 1.5s ease-in-out infinite;background:#0009;border-radius:2px;height:10px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}.scroll-text{color:#0009;font-size:13px;font-weight:600;letter-spacing:.5px}@keyframes wheelScroll{0%{opacity:1;top:8px}to{opacity:0;top:20px}}@keyframes hintBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}.landing-cloud-behind-logo-wrap{left:calc(50% + 60px);pointer-events:none;position:absolute;top:35%;z-index:7}.landing-cloud-behind-logo{will-change:transform}.landing-cloud-behind-logo img{display:block;height:auto;width:min(340px,55vw)}.landing-cloud-top{pointer-events:none;position:absolute;top:1%;will-change:transform;z-index:3}.landing-cloud-top-left{left:-5%}.landing-cloud-top-right{right:-5%}.landing-cloud-top img{display:block;height:auto;width:min(380px,45vw)}.landing-cloud-logo-wrap{left:max(0px,calc(50% - 520px));pointer-events:none;position:absolute;top:20%;z-index:9}.landing-cloud-logo{will-change:transform}.landing-cloud-logo img{display:block;height:auto;width:min(360px,50vw)}.landing-hill img{display:block;height:auto;max-height:70vh;object-fit:cover;object-position:bottom center;width:100%}@media (max-width:768px){.landing-page{height:auto;min-height:100vh}.landing-logo-wrap{top:clamp(8%,12vh,14%)}.landing-greeting{font-size:clamp(1.45rem,6vw,1.85rem)}.landing-cloud-behind-logo-wrap{left:calc(50% + 20px);top:30%}.landing-cloud-logo-wrap{display:none}.landing-cloud-top-left{left:-12%}.landing-cloud-top-right{right:-12%}.landing-scroll-hint{bottom:32px}}@media (max-width:480px){.landing-cloud-behind-logo-wrap{display:none}}.my-projects{background-color:#f5f5f5;padding:clamp(3rem,8vw,5rem) clamp(1.25rem,4vw,2.5rem);padding:clamp(3rem,8vw,5rem) var(--page-gutter,clamp(1.25rem,4vw,2.5rem));text-align:center;width:100%}.section-title{color:#333;font-size:clamp(2rem,6vw,3rem);margin-bottom:10px}.highlight{color:#ff8c42}.section-subtitle{color:#666;font-size:16px;margin-bottom:50px}.projects-grid{grid-gap:clamp(1.25rem,3vw,1.875rem);display:grid;gap:clamp(1.25rem,3vw,1.875rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin:0 auto;max-width:1200px;max-width:var(--content-max,1200px)}@media (max-width:768px){.section-subtitle{margin-bottom:36px}.project-title{font-size:22px}}@media (max-width:480px){.projects-grid{grid-template-columns:1fr}}.project-card-link{color:inherit;text-decoration:none}.project-card{background-color:#fff;border:4px solid #0000;border-radius:20px;box-shadow:0 4px 8px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.project-card-link:hover .project-card,.project-card:hover{border-color:#ff8c42;box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.project-image-placeholder{background-color:#ddd;height:250px}.project-card-img,.project-image-placeholder{border-radius:15px;margin-bottom:20px;width:100%}.project-card-img{display:block;height:auto}.project-title{color:#333;font-family:var(--font-display);font-size:24px;margin-bottom:10px;transition:color .3s ease,-webkit-text-decoration-color .3s ease;transition:color .3s ease,text-decoration-color .3s ease;transition:color .3s ease,text-decoration-color .3s ease,-webkit-text-decoration-color .3s ease}.project-card-link:hover .project-title,.project-card:hover .project-title{color:#ff8c42;text-decoration:underline;-webkit-text-decoration-color:#ff8c42;text-decoration-color:#ff8c42;text-underline-offset:4px}.project-description{color:#666;font-size:14px;line-height:1.6}.artwork{--artwork-bg:#f5f5f5;background-color:var(--artwork-bg);overflow:hidden;padding:clamp(3rem,8vw,5rem) 0 clamp(3.5rem,8vw,5.5rem);width:100%}.artwork-inner{margin:0 auto;max-width:75rem;max-width:var(--content-max,75rem);padding:0 clamp(1.25rem,4vw,2.5rem);padding:0 var(--page-gutter,clamp(1.25rem,4vw,2.5rem))}.artwork-header{margin-bottom:clamp(1.75rem,4vw,2.5rem)}.artwork-title{color:#111;font-family:var(--font-display);font-size:clamp(1.85rem,4.5vw,2.85rem);font-weight:400;line-height:1.15;margin:0;max-width:20ch;text-align:left}.artwork-highlight{color:#ff8c42;font-weight:700}.artwork-track-wrap{overflow:hidden;position:relative;width:100%}.artwork-track-wrap:after,.artwork-track-wrap:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:clamp(2.5rem,10vw,7rem);z-index:2}.artwork-track-wrap:before{background:linear-gradient(to right,var(--artwork-bg) 0,#0000 100%);left:0}.artwork-track-wrap:after{background:linear-gradient(to left,var(--artwork-bg) 0,#0000 100%);right:0}.artwork-track{align-items:center;animation:artwork-pan linear infinite;display:flex;gap:clamp(1rem,2.5vw,1.75rem);padding:0 clamp(1.25rem,4vw,2.5rem);padding:0 var(--page-gutter,clamp(1.25rem,4vw,2.5rem));width:-webkit-max-content;width:max-content}.artwork-track-wrap:hover .artwork-track{animation-play-state:paused}@keyframes artwork-pan{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.artwork-card{flex-shrink:0;line-height:0;overflow:hidden}.artwork-card,.artwork-card-img{border-radius:20px;border-radius:var(--radius-sm,20px)}.artwork-card-img{display:block;height:auto;max-height:clamp(260px,48vh,520px);max-width:none;width:auto}@media (max-width:640px){.artwork-title{max-width:none}.artwork-card-img{max-height:clamp(220px,42vh,360px)}}@media (prefers-reduced-motion:reduce){.artwork-track{animation:none;flex-wrap:nowrap;padding-bottom:.5rem;scrollbar-width:none}.artwork-track,.artwork-track-wrap{overflow-x:auto}.artwork-track::-webkit-scrollbar{display:none}}.about-me,.skills-ticker-wrap{background-color:#fff;overflow:hidden;width:100%}.skills-ticker-wrap{padding:18px 0}.skills-ticker{animation:ticker-left linear infinite;display:flex;width:-webkit-max-content;width:max-content}.skills-ticker--reverse{animation:ticker-right linear infinite}.ticker-icon{border-radius:12px;display:block;flex-shrink:0;margin-right:18px;-webkit-user-select:none;user-select:none}@keyframes ticker-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes ticker-right{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.about-content{align-items:center;display:flex;gap:clamp(2rem,6vw,5rem);margin:0 auto;max-width:68.75rem;padding:clamp(3rem,6vw,4rem) clamp(1.5rem,4vw,3rem);padding:clamp(3rem,6vw,4rem) var(--page-gutter,clamp(1.5rem,4vw,3rem))}.about-text{flex:1 1;min-width:280px}.about-heading{color:#111;font-size:clamp(2rem,6vw,3.25rem);font-weight:800;line-height:1.1;margin:0 0 28px}.about-highlight{color:#fa7d25}.about-text p{color:#444;font-size:15px;line-height:1.85;margin-bottom:18px}.skill-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.skill-tag{background-color:#d4ecd4;border-radius:20px;color:#2d4a2d;font-size:13px;font-weight:600;padding:7px 16px}.about-photo-wrap{background-color:#111;border-radius:28px;flex-shrink:0;height:460px;overflow:hidden;width:360px}.about-photo{display:block;height:100%;object-fit:cover;object-position:center top;width:100%}@media (max-width:860px){.about-content{flex-direction:column;gap:48px;padding:48px 24px}.about-photo-wrap{height:420px;max-width:360px;width:100%}.about-heading{font-size:40px}}.joey-page{--joey-bg:#fff;background-color:#fff;min-height:100vh;padding-bottom:clamp(3rem,6vw,5rem);padding-top:4.5rem;padding-top:var(--nav-height,4.5rem);width:100%}.joey-page .joey-hero-main{background-color:var(--joey-bg)}.joey-page .case-study-document{background-color:var(--joey-bg);border:none;border-radius:0;box-shadow:none;margin-top:0;overflow:visible}.joey-hero-main{background-color:#fff;padding:clamp(3.75rem,8vw,5rem) clamp(1.25rem,4vw,2.5rem) clamp(2rem,4vw,3rem);padding:clamp(3.75rem,8vw,5rem) var(--page-gutter,clamp(1.25rem,4vw,2.5rem)) clamp(2rem,4vw,3rem);width:100%}.joey-hero-content{margin:0 auto;max-width:1200px;max-width:var(--content-max,1200px)}.joey-hero-card{background-color:#fff9f2;border-radius:var(--radius-md);margin-bottom:clamp(1.75rem,3vw,2.5rem);overflow:hidden}.joey-hero-image{border-radius:0;display:block;height:auto;margin-bottom:0;width:100%}.joey-hero-text{max-width:100%}.joey-description{color:#333;font-size:18px;line-height:1.8;margin-bottom:clamp(1.25rem,2.5vw,1.75rem);text-align:left}.joey-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}.joey-tag{background-color:#f0f0f0;border-radius:var(--radius-sm);color:#333;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.joey-tag:hover{background-color:#fdc}.case-study-document{background-color:#fff;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0 auto;max-width:1400px;max-width:var(--doc-max,1400px);overflow:visible;padding:0 clamp(1.5rem,5vw,4.375rem) clamp(3rem,6vw,5rem);padding:0 var(--page-gutter,clamp(1.5rem,5vw,4.375rem)) clamp(3rem,6vw,5rem)}.overview-header{margin:0 auto;max-width:1200px;width:100%}.case-study-document .joey-section.white-bg{background:#0000;padding:0}.case-study-media,.hop-to-it-block,.my-role-image,.overview-visual,.p2-design-changed-visual,.p2-hop-block{border-radius:var(--radius-sm);isolation:isolate;overflow:hidden}.case-study-media--lg,.p2-hop-block.case-study-media--lg{border-radius:var(--radius-lg)}.case-study-media img,.hop-to-it-block>img,.joey-outcome-image,.my-role-image>img,.outcome-right>img,.overview-visual>img,.p2-design-changed-visual>img,.p2-hop-block>img,.p2-hop-image,.p2-outcome-dinois-image,.problem-row .problem-image{border-radius:0;display:block;height:auto;width:100%}.design-change-phone-frame>img,.design-change-phone-img{border-radius:var(--radius-md);display:block;height:auto;width:100%}.problem-row>.case-study-media{flex:1 1 280px;max-width:min(480px,100%);min-width:0}.problem-row .problem-image{height:auto;width:100%}.overview-title{color:#ff8c42;font-size:48px;font-weight:700;margin-bottom:30px}.overview-content-layout{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(1.5rem,4vw,3.75rem);gap:var(--section-gap,clamp(1.5rem,4vw,3.75rem));margin:0 auto;max-width:75rem;max-width:var(--content-max,75rem);width:100%}.overview-text,.overview-visual{flex:1 1 280px;min-width:0}.overview-visual{max-width:min(480px,100%)}.overview-image{height:auto;max-width:100%;width:100%}@media (min-width:901px){.overview-content-layout{flex-wrap:nowrap;justify-content:space-between}.overview-text{flex:1 1;max-width:55%}.overview-visual{flex:0 1 min(480px,42%);max-width:min(480px,42%)}.core-hop-row,.problem-row{flex-wrap:nowrap;justify-content:space-between}.core-insight-block,.problem-text{flex:1 1;max-width:55%}.hop-to-it-block,.problem-row>.case-study-media{flex:0 1 min(480px,42%);max-width:min(480px,42%)}}.overview-description{color:#333;font-size:16px;line-height:1.8;margin-bottom:30px}.overview-tags{display:flex;flex-wrap:wrap;gap:15px}.overview-tag{background-color:#fff;border:2px solid #333;border-radius:var(--radius-sm);color:#333;font-size:14px;font-weight:600;padding:8px 16px}.phone-mockup-showcase{background-color:#ff8c42;border-radius:var(--radius-md);display:flex;gap:20px;padding:40px}.my-role-section{background-color:#111524;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;box-sizing:border-box;margin:50px auto;max-width:1200px;overflow:hidden;padding:clamp(1.75rem,4vw,3.125rem)}.section-content-split{align-items:center;display:flex;gap:clamp(2rem,4vw,3.75rem);width:100%}.my-role-text{color:#fff;flex:1 1 280px;min-width:0}.section-title-white{color:#fff;font-size:42px;font-weight:700;margin-bottom:40px}.role-category{margin-bottom:35px}.role-subtitle{color:#fff;font-size:20px;font-style:italic;font-weight:400;margin-bottom:12px}.role-list{list-style:none;margin:0;padding:0}.role-list li{color:#fff;font-size:16px;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.role-list li:before{color:#fff;content:"•";left:0;position:absolute}.my-role-image{align-items:center;display:flex;flex:1 1 280px;justify-content:center;min-width:0}.role-image{display:block;height:auto;width:100%}.project-prompt-banner{background-color:#fa7d25;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001a;box-sizing:border-box;margin:50px auto;max-width:1200px;padding:50px 60px}.banner-content{align-items:center;display:flex;gap:30px;justify-content:space-between;width:100%}.banner-text{color:#fff;flex:1 1;font-size:24px;font-weight:700;line-height:1.4}.banner-tag{align-items:center;background-color:#ffc196;border-radius:var(--radius-sm);color:#333;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;white-space:nowrap}.banner-tag-dot{background-color:#429236;border-radius:50%;flex-shrink:0;height:16px;width:16px}.problem-core-hop{padding-top:40px}.problem-row{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(1.5rem,4vw,3.75rem);gap:var(--section-gap,clamp(1.5rem,4vw,3.75rem));margin:0 auto clamp(2rem,4vw,3.75rem);max-width:75rem;max-width:var(--content-max,75rem);width:100%}.problem-image{display:block;height:auto;width:100%}.problem-text{flex:1 1 280px;min-width:0}.problem-title{color:#fa7d25;font-size:36px;font-weight:700;margin-bottom:10px}.problem-subtitle{color:#fa7d25;font-size:22px;font-weight:700;margin-bottom:20px}.problem-description{color:#333;font-size:16px;line-height:1.8;margin-bottom:20px}.core-hop-row{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(1.5rem,4vw,3.75rem);gap:var(--section-gap,clamp(1.5rem,4vw,3.75rem));margin:0 auto;max-width:75rem;max-width:var(--content-max,75rem);width:100%}.core-insight-block{flex:1 1 280px;min-width:0}.core-insight-block .problem-title{margin-bottom:8px}.core-insight-block .problem-subtitle{margin-bottom:16px}.hop-to-it-block{display:block;flex:1 1 280px;max-width:min(480px,100%);min-width:0;overflow:hidden}.hop-text{color:#fff;font-size:64px;font-weight:700;line-height:1;position:absolute}.hop-left{left:40px;top:30px}.hop-right{bottom:30px;right:40px}.core-insight-image{height:auto;max-width:100%;width:100%}.ask-people-card{margin-bottom:0;margin-top:60px}.ask-people-inner{align-items:flex-end;background-color:#fff;border-radius:var(--radius-lg);display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px;outline:4px solid #111524;outline-offset:-4px;overflow:hidden;padding:50px 60px 60px;position:relative}.ask-people-content{flex:1 1;min-width:0}@media (max-width:900px){.ask-people-inner{align-items:stretch;flex-direction:column;padding:40px 28px 48px}.ask-people-content{min-width:0;width:100%}.ask-people-title{font-size:clamp(1.75rem,5vw,2.625rem)}.ask-people-kangaroo{align-self:center;bottom:auto;height:auto;margin-top:24px;position:relative;right:auto;width:auto}.ask-people-kangaroo-img{height:auto;max-width:min(220px,60vw)}}.ask-people-title{color:#111524;font-size:42px;font-weight:700;margin-bottom:20px}.ask-people-desc{color:#333;font-size:16px;line-height:1.8;margin-bottom:24px}.ask-people-list{list-style:disc;list-style-position:inside;margin:0;padding:0}.ask-people-list li{color:#333;font-size:16px;line-height:1.8;margin-bottom:8px}.ask-people-list-title{list-style:none;margin-bottom:12px}.ask-people-kangaroo{align-items:flex-end;bottom:4px;display:flex;height:140px;justify-content:flex-end;position:absolute;right:4px;width:200px}.ask-people-kangaroo-img{height:100%;max-width:220px;object-fit:contain;object-position:bottom right;width:auto}.what-search-section{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px}.what-search-title{color:#fa7d25;font-size:42px;font-weight:700;margin-bottom:24px}.what-search-list{grid-gap:20px 60px;display:grid;gap:20px 60px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.what-search-list li{color:#333;font-size:16px;line-height:1.7;padding-left:24px;position:relative}.what-search-list li:before{color:#fa7d25;content:"•";font-weight:700;left:0;position:absolute}.research-graph-section{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;width:100%}.research-graph-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.research-graph-panel{background-color:#fff;border-radius:var(--radius-sm);box-shadow:0 4px 20px #0000000f;box-sizing:border-box;flex:1 1;max-width:520px;min-width:280px;padding:28px 32px 32px}.research-graph-panel-title{color:#fa7d25;font-size:22px;font-weight:700;margin:0 0 6px}.research-graph-panel-subtitle{color:#6b7280;font-size:14px;margin:0 0 24px}.research-graph-bars{display:flex;flex-direction:column;gap:20px}.research-bar-item{display:flex;flex-direction:column;gap:8px}.research-bar-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.research-bar-label{color:#1f2937;flex:1 1;font-size:15px;line-height:1.3;min-width:0}.research-bar-count{color:#1f2937;flex-shrink:0;font-size:14px;font-weight:600}.research-bar-track{background-color:#f2f2f2;border-radius:var(--radius-xs);height:28px;overflow:hidden;position:relative;width:100%}.research-bar-fill{align-items:center;border-radius:var(--radius-xs);box-sizing:border-box;display:flex;height:100%;justify-content:flex-end;min-width:56px;padding-right:12px}.research-bar-fill span{color:#fff;font-size:13px;font-weight:700}.research-bar-fill--dark-text span{color:#1f2937}.research-bar-fill--orange-100{background-color:#fa7d25}.research-bar-fill--orange-92{background-color:#fb8f3d}.research-bar-fill--orange-83{background-color:#fca155}.research-bar-fill--orange-75{background-color:#fdb36d}.research-bar-fill--orange-67{background-color:#fec585}@media (max-width:768px){.research-graph-panel{max-width:none}}.key-takeaways-section{box-sizing:border-box;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;padding:0;width:100%}.key-takeaways-title{color:#fa7d25;font-size:42px;font-weight:700;margin-bottom:24px}.key-takeaways-card{grid-gap:0;align-content:start;background-color:#fa7d25;border-radius:var(--radius-lg);box-sizing:border-box;display:grid;gap:0;grid-template-columns:394px 394px 348px;margin:0;max-width:1200px;min-height:289px;padding:26px 32px 40px;width:100%}.takeaway-item{align-items:flex-start;display:flex;flex-direction:column;padding-right:24px;text-align:left}.takeaway-icon{align-items:center;background-color:#fff;border-radius:50%;display:flex;flex-shrink:0;height:82px;justify-content:center;margin-bottom:20px;width:82px}.takeaway-icon-symbol{color:#fa8432;font-size:32px;line-height:1}.takeaway-heading{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin-bottom:8px}.takeaway-line1{color:#ffffffe6;font-size:14px;font-weight:400;line-height:1.4;margin-bottom:4px}.takeaway-line2{color:#ffffffd9;font-size:13px;font-weight:400;line-height:1.4;margin-bottom:2px}.takeaway-line2:last-child{margin-bottom:0}.who-is-joey-section{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px}.who-is-joey-title{color:#fa7d25;font-size:42px;font-weight:700;margin-bottom:24px}.who-is-joey-svg{display:block;height:auto;max-width:1169px;width:100%}.user-paths{background:none;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:48px;margin-left:auto;margin-right:auto;margin-top:48px;max-width:930px;padding:0}.user-path{background:#0000;flex:1 1;min-width:260px}.user-path-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 24px;text-align:left}.user-path-steps{align-items:stretch;display:flex;flex-direction:column;gap:0}.user-path-step{background-color:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000000d;box-sizing:border-box;color:#1f2937;font-size:14px;font-weight:500;padding:14px 18px;text-align:center}.user-path-arrow{color:#374151;font-size:18px;line-height:1;padding:8px 0;text-align:center}@media (max-width:768px){.who-is-joey-title{font-size:32px}.user-paths{flex-direction:column;margin-top:32px}}.tradesworker-lofi-section{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;width:100%}.tradesworker-lofi-title{color:#fa7d25;font-size:42px;font-weight:700;margin-bottom:24px}.tradesworker-lofi-panel{background-color:#fa7d25;border-radius:var(--radius-sm);box-sizing:border-box;padding:28px 24px 32px;width:100%}.tradesworker-lofi-screens{align-items:stretch;display:flex;gap:12px;margin:0 auto;max-width:100%}.lofi-screen-placeholder{display:block;flex:1 1;min-width:0}.lofi-screen-img{border-radius:var(--radius-xs);display:block;height:auto;width:100%}@media (max-width:768px){.tradesworker-lofi-title{font-size:32px}.tradesworker-lofi-screens{align-items:center;flex-direction:column;max-width:min(220px,72vw)}.lofi-screen-placeholder{max-width:min(220px,72vw);width:100%}}.hifi-results-section{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;padding:0 24px 48px}.hifi-results-title{color:#fa7d25;font-size:42px;font-weight:700;margin-bottom:24px}.hifi-results-svg{display:block;height:auto;margin-bottom:32px;max-width:100%;width:100%}.hifi-results-caption{color:#333;font-size:17px;line-height:1.6;margin:0;max-width:100%;text-align:left}@media (max-width:768px){.hifi-results-title{font-size:32px}.hifi-results-caption{font-size:16px}}.outcome-section{background:none;box-sizing:border-box;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;padding:32px 24px 48px}.outcome-two-col{align-items:stretch;display:flex;flex-direction:row;min-height:420px}.outcome-left{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding-right:48px}.outcome-title{color:#f08e4f;font-size:38px;font-weight:700;line-height:1.2;margin:0 0 24px;text-align:left}.outcome-body{color:#333;font-size:17px;line-height:1.6;margin:0 0 20px;text-align:left}.outcome-body:last-of-type{margin-bottom:28px}.outcome-watch-btn{align-items:center;background-color:#1a1a1a;border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:10px;margin-top:auto;padding:14px 28px;text-decoration:none;transition:background-color .2s ease;width:-webkit-fit-content;width:fit-content}.outcome-watch-btn:hover{background-color:#333}.outcome-play-icon{border-color:#0000 #0000 #0000 #fff;border-style:solid;border-width:6px 0 6px 10px;flex-shrink:0;height:0;width:0}.outcome-right{align-items:center;background:none;border-radius:0;display:flex;flex:1 1;justify-content:center;min-height:0;min-width:0;padding:0}.joey-outcome-image{display:block;height:auto;width:100%}.outcome-joey-is{color:#fff;font-size:36px;font-weight:700;margin:0 0 24px;text-align:left;width:100%}.outcome-phone-wrap{align-items:center;display:flex;flex:1 1;justify-content:center;margin:16px 0}.outcome-phone-mockup{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:3px solid #444;border-radius:var(--radius-md);box-shadow:0 20px 50px #0000004d;height:380px;width:200px}.outcome-tagline{color:#fff;font-size:18px;font-weight:600;line-height:1.4;margin:0;text-align:center}@media (max-width:900px){.outcome-two-col{flex-direction:column;min-height:auto}.outcome-left{padding-bottom:32px;padding-right:0}.outcome-right{min-height:0;min-width:100%;padding:0}}.case-study-nav{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:48px auto 80px;max-width:1200px;padding:0 24px}.case-study-nav-link{background-color:#fff;border:2px solid #fdc;border-radius:var(--radius-sm);color:#333;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.case-study-nav-link:hover{background-color:#fdf5eb;border-color:#fa7d25;color:#fa7d25}.case-study-nav-link--next{background-color:#fa7d25;border-color:#fa7d25;color:#fff}.case-study-nav-link--next:hover{background-color:#e86f1a;border-color:#e86f1a;color:#fff}.design-change-section{background-color:initial;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;padding-bottom:48px}.design-change-main-title{color:#fa7d25;font-size:38px;font-weight:700;line-height:1.2;margin-bottom:40px}.design-change-block{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:56px;height:auto;justify-content:space-between;margin-bottom:56px;min-height:0;width:100%}.design-change-block:last-child{margin-bottom:0}.design-change-block--phone-left{flex-direction:row}.design-change-text{align-self:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;text-align:left}.design-change-subtitle{color:#fa7d25;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 16px}.design-change-body{color:#333;font-size:17px;line-height:1.55;margin:0 0 16px}.design-change-body:last-of-type{margin-bottom:0}.design-change-label{color:#333;font-size:16px;font-weight:700;margin:20px 0 8px}.design-change-list{color:#333;font-size:16px;line-height:1.55;margin:0 0 0 20px;padding:0}.design-change-list li{margin-bottom:6px}.design-change-phone{align-items:center;display:flex;flex-shrink:0;justify-content:center}.design-change-phone-frame{border-radius:var(--radius-md);display:block;flex-shrink:0;max-width:280px;overflow:visible;width:min(280px,100%)}.design-change-phone-img{border-radius:var(--radius-md);display:block;height:auto;width:100%}@media (max-width:900px){.design-change-block{align-items:stretch;flex-direction:column;flex-wrap:nowrap;gap:32px;height:auto;margin-bottom:48px;min-height:0}.design-change-text{align-self:stretch;width:100%}.design-change-phone{justify-content:center;width:100%}.design-change-block--phone-left .design-change-phone{order:1}.design-change-block--phone-left .design-change-text{order:2}.design-change-block--text-left{flex-direction:column-reverse}}@media (max-width:768px){.design-change-main-title{font-size:32px;margin-bottom:32px}.design-change-section{padding-left:0;padding-right:0}.design-change-block{gap:28px;margin-bottom:40px}.design-change-subtitle{font-size:20px}.design-change-body,.design-change-list{font-size:16px}}@media (max-width:900px){.key-takeaways-card{grid-template-columns:1fr;min-height:0;padding:24px 24px 40px}.takeaway-item{align-items:flex-start}.key-takeaways-title{font-size:32px}}.joey-section{padding:80px 40px;width:100%}.light-bg{background-color:#f5f5f5}.white-bg{background-color:#fff}.dark-bg{background-color:#2c2c2c}.orange-bg{background-color:#ff8c42}.section-content{align-items:center;display:flex;flex-wrap:wrap;gap:60px;margin:0 auto;max-width:1200px}.section-content.reverse{flex-direction:row-reverse}.section-content.centered{flex-direction:column;text-align:center}.placeholder-heading{color:#333;font-size:36px;margin-bottom:20px}.placeholder-heading.centered{text-align:center;width:100%}.white-text,.white-text .placeholder-heading{color:#fff}.placeholder-text{color:#666;font-size:16px;line-height:1.8}.placeholder-text.small{font-size:14px}.placeholder-text.white-text{color:#fff}.text-block{flex:1 1;min-width:300px}.image-placeholder-medium{background-color:#ddd;border-radius:var(--radius-sm);flex-shrink:0;height:300px;width:400px}.image-placeholder-medium.orange-accent{border:5px solid #ff8c42}.phone-mockup-group{display:flex;flex-shrink:0;gap:20px}.phone-mockup{background-color:#555;border:8px solid #333;border-radius:var(--radius-md);height:400px;width:200px}.phone-screen-placeholder{background-color:#ddd;border:8px solid #999;border-radius:var(--radius-md);height:400px;width:200px}.phone-screen-large-placeholder{background-color:#ddd;border:10px solid #999;border-radius:var(--radius-md);flex-shrink:0;height:500px;width:250px}.persona-cards{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;width:100%}.persona-card{background-color:#fff;border-radius:var(--radius-sm);padding:30px;text-align:center;width:300px}.persona-image-placeholder{background-color:#ddd;border-radius:50%;height:120px;margin:0 auto 20px;width:120px}.logo-showcase{background-color:#fff;padding:40px}.large-logo-placeholder,.logo-showcase{border-radius:var(--radius-sm);width:100%}.large-logo-placeholder{background-color:#ddd;height:300px;margin:0 auto;max-width:500px}.journey-steps{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;width:100%}.journey-step{text-align:center;width:200px}.step-number{align-items:center;background-color:#ff8c42;border-radius:50%;color:#fff;font-size:24px;font-weight:700;height:60px;margin:0 auto 15px;width:60px}.data-visualization,.step-number{display:flex;justify-content:center}.data-visualization{flex-wrap:wrap;gap:40px;width:100%}.chart-placeholder{background-color:#ddd;border-radius:var(--radius-sm);height:300px;max-width:500px;width:100%}.chart-placeholder.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.chart-placeholder.orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.feature-item{background-color:#fff;border-radius:var(--radius-sm);padding:30px;text-align:center}.feature-icon-placeholder{background-color:#ff8c42;border-radius:var(--radius-sm);height:80px;margin:0 auto 20px;width:80px}.wireframes-showcase{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.wireframe-placeholder{background-color:#ddd;border:3px solid #999;border-radius:var(--radius-sm);height:400px;width:100%}.screens-grid{gap:30px;margin-bottom:60px;width:100%}.screens-grid,.screens-horizontal{display:flex;flex-wrap:wrap;justify-content:center}.screens-horizontal{gap:20px;overflow-x:auto;padding:40px}.design-detail{align-items:center;display:flex;flex-wrap:wrap;gap:60px;width:100%}.cta-icon-placeholder{background-color:#fff;border-radius:var(--radius-md);height:150px;margin:0 auto 30px;width:150px}@media (max-width:1024px){.overview-content-layout{align-items:stretch;flex-direction:column}.overview-text{max-width:100%}.overview-visual{max-width:100%;width:100%}.problem-row{align-items:stretch;flex-direction:column}.core-hop-row{align-items:stretch;flex-direction:column-reverse}.core-insight-block{flex:0 0 auto}.problem-image{max-width:100%;width:100%}.problem-row>.case-study-media{flex:1 1 auto;max-width:100%;width:100%}.hop-to-it-block{align-self:center;flex:0 0 auto;margin-inline:auto;max-width:min(480px,100%);width:100%}.core-insight-image{height:auto;max-width:100%;width:100%}.section-content-split{align-items:stretch;flex-direction:column}.my-role-image,.role-image{width:100%}}@media (max-width:768px){.joey-hero-card{border-radius:var(--radius-md)}.joey-hero-main{padding:60px 20px 40px}.joey-hero-image{width:100%}.joey-description{font-size:16px}.joey-page .case-study-document{border:none;margin-left:auto;margin-right:auto}.case-study-document,.joey-page .case-study-document{padding-bottom:60px;padding-left:20px;padding-right:20px}.overview-content-layout{align-items:stretch;flex-direction:column}.overview-visual{max-width:100%;width:100%}.overview-text{max-width:100%}.phone-mockup-showcase{align-items:center;flex-direction:column;padding:20px}.section-content-split{flex-direction:column}.my-role-image,.my-role-text{min-width:100%}.banner-content{flex-direction:column;padding:0 20px;text-align:center}.banner-text{font-size:20px}.problem-row{align-items:stretch;flex-direction:column}.problem-image{max-width:100%;width:100%}.core-hop-row{align-items:stretch;flex-direction:column-reverse}.core-insight-block{flex:0 0 auto}.hop-to-it-block{flex:0 0 auto;margin-inline:auto;max-width:min(480px,100%);width:100%}.core-insight-image{height:auto;max-width:100%;width:100%}.hop-text{font-size:48px}.ask-people-inner{align-items:stretch;flex-direction:column;padding:36px 20px 40px}.ask-people-content{min-width:0}.ask-people-title{font-size:28px}.ask-people-kangaroo{align-self:center;bottom:auto;margin-top:20px;position:relative;right:auto}.what-search-list{grid-template-columns:1fr}.what-search-title{font-size:32px}.joey-section{padding:60px 20px}.section-content{gap:40px}.placeholder-heading{font-size:28px}.phone-mockup-group{justify-content:center}.image-placeholder-medium{max-width:400px;width:100%}.section-content.reverse{flex-direction:column}}.p2-page{--p2-gutter:clamp(1.5rem,5vw,4.375rem);--p2-band:75rem;--p2-bg:#fff;background-color:#fff;min-height:100vh;padding-bottom:clamp(3rem,6vw,5rem);padding-top:4.5rem;padding-top:var(--nav-height,4.5rem);width:100%}.p2-page .joey-hero-main{background-color:var(--p2-bg);padding-left:var(--p2-gutter);padding-right:var(--p2-gutter)}.p2-page .joey-hero-content{max-width:var(--p2-band)}.p2-page .joey-hero-card{background-color:#f4ffe6;border-radius:var(--radius-md)}.p2-page .joey-tag{background-color:#f0f0f0;color:#1a3d1a}.p2-page .joey-tag:hover{background-color:#d4ecd4}.p2-page .case-study-document{background-color:var(--p2-bg);border:none;border-radius:0;box-shadow:none;margin-top:0;overflow:visible;padding-left:var(--p2-gutter);padding-right:var(--p2-gutter)}.p2-page .core-hop-row,.p2-page .outcome-two-col,.p2-page .overview-content-layout,.p2-page .problem-row,.p2-page .section-content-split{justify-content:space-between;width:100%}.p2-page .core-hop-row,.p2-page .overview-content-layout,.p2-page .problem-row{flex-wrap:wrap}@media (min-width:901px){.p2-page .core-hop-row,.p2-page .overview-content-layout,.p2-page .problem-row{flex-wrap:nowrap}}.p2-page .design-change-text,.p2-page .my-role-text,.p2-page .outcome-left,.p2-page .overview-text{flex:1 1 auto;min-width:0}.p2-page .design-change-phone,.p2-page .my-role-image{flex-shrink:0}.p2-page .core-hop-row,.p2-page .problem-row{align-items:center;gap:clamp(1.5rem,4vw,3.75rem);gap:var(--section-gap,clamp(1.5rem,4vw,3.75rem))}@media (min-width:901px){.p2-page .core-hop-row,.p2-page .problem-row{flex-wrap:nowrap}.p2-page .core-insight-block,.p2-page .problem-text{flex:1 1;max-width:55%}.p2-page .p2-hop-block,.p2-page .problem-row>.case-study-media{flex:0 1 min(480px,42%);max-width:min(480px,42%)}}@media (min-width:1025px){.p2-page .problem-row>.case-study-media{flex:0 1 min(480px,42%);max-width:min(480px,42%);min-width:0}}@media (max-width:1024px){.p2-page .problem-row>.case-study-media{flex:1 1 auto;max-width:100%;min-width:0;width:100%}}.p2-page .core-insight-block,.p2-page .problem-text{flex:1 1 280px;min-width:0}.p2-page .my-role-section{overflow:hidden}.p2-page .my-role-image{align-items:center;display:flex;justify-content:center}.p2-page .my-role-image,.p2-page .my-role-text{flex:1 1 280px;min-width:0}.p2-page .outcome-two-col{align-items:stretch;min-height:0}.p2-page .outcome-left{max-width:50%;padding-right:clamp(1.5rem,4vw,3rem)}.p2-page .outcome-right{align-items:center;flex:0 0 auto;justify-content:flex-end;max-width:min(560px,50%)}.p2-page .outcome-section{padding-left:0;padding-right:0}.p2-page .design-change-section{background-color:initial;padding-left:0;padding-right:0}.p2-hop-block{background:none;display:block;flex:1 1 280px;max-width:min(480px,100%);min-height:0;min-width:0;padding:0}.p2-hop-image{border-radius:0;display:block;height:auto;width:100%}.p2-key-takeaways-svg,.p2-who-is-for-svg{max-width:100%}.p2-who-is-for-svg{transform:none}.p2-page .overview-title{color:#1e4d0f}.p2-page .overview-tag{background-color:#e8f0e8;border:none;color:#1a3d1a}.p2-page .project-prompt-banner.p2-prompt-banner{background-color:#2d5a2d}.p2-page .problem-title{color:#1e4d0f}.p2-page .problem-subtitle{color:#49713a;font-style:italic}.p2-page .design-change-main-title,.p2-page .hifi-results-title,.p2-page .key-takeaways-title,.p2-page .outcome-title,.p2-page .what-search-title,.p2-page .who-is-joey-title{color:#1e4d0f}.p2-page .what-search-list li:before{color:#2d5a2d}.p2-page .research-graph-panel-title{color:#f90}.p2-page .design-change-subtitle{color:#1e4d0f}.p2-page .design-change-label{color:#49713a;font-style:italic}.p2-page .research-bar-fill--purple-92{background-color:#6b4b8a}.p2-page .research-bar-fill--purple-83{background-color:#7b5ba8}.p2-page .research-bar-fill--purple-75{background-color:#8b6bb8}.p2-page .research-bar-fill--purple-67{background-color:#9b7bc4}.p2-page .research-bar-fill--purple-58{background-color:#b08fd4}.p2-page .research-bar-fill--green-100{background-color:#36d07f}.p2-page .research-bar-fill--green-92{background-color:#67e298}.p2-page .research-bar-fill--green-83{background-color:#a3ecc0}.p2-page .research-bar-fill--green-75{background-color:#d4f6e1}.p2-ask-people-section,.p2-what-went-wrong-section{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;width:100%}.p2-ask-for-help-svg,.p2-key-takeaways-svg,.p2-what-went-wrong-svg{display:block;height:auto;width:100%}.p2-key-takeaways-svg{aspect-ratio:1168/289}.p2-who-is-for-svg{aspect-ratio:1169/210;display:block;object-fit:contain;object-position:left center;width:100%}.p2-page .who-is-joey-section{overflow:hidden}.p2-learner-path-section{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;width:100%}.p2-learner-path-panel{background-color:#2d5a2d;border-radius:var(--radius-sm);box-sizing:border-box;padding:28px 40px 40px}.p2-learner-path-panel-title{color:#fff;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 24px;text-align:center}.p2-learner-path-steps{align-items:center;display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:420px}.p2-path-step{background-color:#fff;border-radius:var(--radius-sm);box-sizing:border-box;color:#111524;font-size:15px;font-weight:500;padding:14px 20px;text-align:center;width:100%}.p2-path-arrow{color:#fff;font-size:20px;line-height:1;padding:6px 0;text-align:center}.p2-lofi-section,.p2-original-design-section{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;width:100%}.p2-lofi-svg,.p2-original-design-svg{display:block;height:auto;width:100%}.p2-original-design-title{color:#1e4d0f;font-size:42px;font-weight:700;margin:0 0 24px}.p2-design-changed-section{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;width:100%}.p2-design-changed-inner{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:clamp(1.25rem,3vw,2.5rem);justify-content:space-between;width:100%}.p2-design-changed-visual{flex:0 1 48%;max-width:48%;min-width:0}.p2-design-changed-content{background-color:#fff;border:2px solid #000;border-radius:var(--radius-sm);box-sizing:border-box;flex:0 1 50%;max-width:50%;min-width:0;padding:36px 40px}.p2-design-changed-image{display:block;height:auto;width:100%}.p2-design-changed-title{color:#1e4d0f;font-size:28px;font-weight:700;line-height:1.25;margin:0 0 16px}.p2-design-changed-intro{color:#111524;font-size:16px;line-height:1.6;margin:0 0 24px}.p2-design-changed-block{margin-bottom:20px}.p2-design-changed-block:last-child{margin-bottom:0}.p2-design-changed-subtitle{color:#2d5a2d;font-size:18px;font-weight:700;margin:0 0 10px}.p2-design-changed-item{color:#111524;font-size:15px;line-height:1.6;margin:0 0 8px}.p2-design-changed-item strong{color:#49713a;font-style:italic;font-weight:700}.p2-page .outcome-right{background:none;border-radius:0;display:flex;min-width:0;overflow:visible;padding:0}.p2-outcome-dinois-image{display:block;height:auto;width:100%}.p2-case-nav{border-top:1px solid #c8e0c8;display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:48px;max-width:1200px;padding-top:32px}.p2-nav-link{background:#fff;border:2px solid #2d5a2d;border-radius:var(--radius-sm);color:#2d5a2d;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none}.p2-nav-link:hover{background:#f5f9f0}.p2-nav-link-next{background:#2d5a2d;color:#fff}.p2-nav-link-next:hover{background:#1a3d1a;color:#fff}@media (max-width:1024px){.p2-page .outcome-two-col,.p2-page .overview-content-layout,.p2-page .problem-row,.p2-page .section-content-split{align-items:stretch;flex-direction:column;flex-wrap:wrap}.p2-page .core-hop-row{align-items:stretch;flex-direction:column-reverse;flex-wrap:wrap}.p2-page .my-role-image{flex:1 1 auto;width:100%}.p2-page .role-image{width:100%}.p2-page .design-change-block{align-items:stretch;height:auto;min-height:0}.p2-page .design-change-text{width:100%}.p2-page .design-change-phone{justify-content:center;width:100%}.p2-page .outcome-left,.p2-page .outcome-right{max-width:100%}.p2-page .core-insight-block{flex:0 0 auto}.p2-page .overview-visual,.problem-image{max-width:100%;width:100%}.problem-row>.case-study-media{flex:1 1 auto;max-width:100%;width:100%}.p2-page .core-insight-block,.p2-page .p2-hop-block,.p2-page .problem-text{flex:0 0 auto;width:100%}.p2-page .p2-hop-block{margin-inline:auto;max-width:min(480px,100%)}.p2-page .outcome-left{padding-right:0}.p2-page .my-role-image{justify-content:center}}@media (max-width:900px){.p2-design-changed-inner{align-items:stretch;flex-direction:column;flex-wrap:nowrap;gap:clamp(1.5rem,4vw,2rem)}.p2-design-changed-content,.p2-design-changed-visual{flex:1 1 auto;max-width:100%;width:100%}}@media (max-width:768px){.p2-page .case-study-document{border:none;margin-left:auto;margin-right:auto}.p2-design-changed-content{padding:28px 24px}.p2-design-changed-title{font-size:24px}.p2-original-design-title{font-size:32px}.p2-learner-path-panel{padding:24px 20px 32px}.p2-who-is-for-svg{transform:none}.p2-case-nav{align-items:stretch;flex-direction:column}.p2-nav-link{text-align:center}}.nb-page{--nb-gutter:clamp(1.5rem,5vw,4.375rem);--nb-band:75rem;--nb-bg:#fff;--nb-accent:#386641;--nb-accent-dark:#1e4d0f;--nb-accent-mid:#49713a;--nb-hero:#fef9c3;--nb-tag-hover:#c8e6d4;background-color:#fff;min-height:100vh;padding-bottom:clamp(3rem,6vw,5rem);padding-top:4.5rem;padding-top:var(--nav-height,4.5rem);width:100%}.nb-page .joey-hero-main{background-color:var(--nb-bg);padding-left:var(--nb-gutter);padding-right:var(--nb-gutter)}.nb-page .joey-hero-content{margin:0 auto;max-width:var(--nb-band)}.nb-page .joey-hero-card{background-color:var(--nb-hero);border-radius:var(--radius-md)}.nb-page .joey-tag{background-color:#f0f0f0;color:var(--nb-accent-dark)}.nb-page .joey-tag:hover{background-color:var(--nb-tag-hover)}.nb-page .case-study-document{background-color:var(--nb-bg);border:none;border-radius:0;box-shadow:none;margin-top:0;overflow:visible;padding-left:var(--nb-gutter);padding-right:var(--nb-gutter)}.nb-page .core-hop-row,.nb-page .my-role-section,.nb-page .nb-case-nav,.nb-page .nb-slide-section,.nb-page .outcome-section,.nb-page .outcome-two-col,.nb-page .overview-content-layout,.nb-page .problem-row,.nb-page .project-prompt-banner,.nb-page .section-content-split,.nb-page .what-search-section{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:var(--nb-band);width:100%}.nb-page .joey-section.white-bg{padding:0}.nb-page .my-role-section{margin-bottom:50px;margin-top:50px}.nb-page .core-hop-row,.nb-page .outcome-two-col,.nb-page .overview-content-layout,.nb-page .problem-row,.nb-page .section-content-split{justify-content:space-between}.nb-page .core-hop-row,.nb-page .overview-content-layout,.nb-page .problem-row{flex-wrap:wrap}@media (min-width:901px){.nb-page .core-hop-row,.nb-page .overview-content-layout,.nb-page .problem-row{flex-wrap:nowrap}}.nb-page .my-role-text,.nb-page .outcome-left,.nb-page .overview-text{flex:1 1 auto;min-width:0}.nb-page .my-role-image{flex-shrink:0}.nb-page .core-hop-row,.nb-page .problem-row{align-items:center;gap:clamp(1.5rem,4vw,3.75rem);gap:var(--section-gap,clamp(1.5rem,4vw,3.75rem))}@media (min-width:901px){.nb-page .core-hop-row,.nb-page .problem-row{flex-wrap:nowrap}.nb-page .core-insight-block,.nb-page .overview-text,.nb-page .problem-text{flex:1 1;max-width:55%}.nb-page .overview-visual,.nb-page .problem-row>.case-study-media{flex:0 1 min(480px,42%);max-width:min(480px,42%)}}@media (min-width:1025px){.nb-page .problem-row>.case-study-media{flex:0 1 min(480px,42%);max-width:min(480px,42%);min-width:0}}.nb-page .core-insight-block,.nb-page .problem-text{flex:1 1 280px;min-width:0}.nb-page .problem-row.nb-text-row{margin-bottom:clamp(1rem,2vw,1.5rem)}.nb-page .problem-row.nb-text-row .problem-text{flex:1 1 100%;max-width:100%}.nb-page .problem-core-hop{padding-top:40px}.nb-page .problem-core-hop+.nb-slide-section{margin-top:0}.nb-slide-section{margin-bottom:clamp(2rem,4vw,3.75rem);margin-top:clamp(2rem,4vw,3.75rem)}.nb-slide-image{border-radius:var(--radius-sm);display:block;height:auto;width:100%}.nb-page .my-role-section{overflow:hidden}.nb-page .my-role-image{align-items:center;display:flex;justify-content:center}.nb-page .my-role-image,.nb-page .my-role-text{flex:1 1 280px;min-width:0}.nb-page .outcome-two-col{align-items:stretch;min-height:0}.nb-page .outcome-left{max-width:50%;padding-right:clamp(1.5rem,4vw,3rem)}.nb-page .outcome-right{align-items:center;background:none;border-radius:0;display:flex;flex:0 0 auto;justify-content:flex-end;max-width:min(560px,50%);min-width:0;overflow:visible;padding:0}.nb-page .outcome-section{margin-top:60px;padding-left:0;padding-right:0}.nb-page .what-search-section{margin-top:60px}.nb-outcome-image{border-radius:0;display:block;height:auto;width:100%}.nb-page .overview-tag,.nb-page .overview-title{color:var(--nb-accent-dark)}.nb-page .overview-tag{background-color:#e8f2ec;border:none}.nb-page .project-prompt-banner.nb-prompt-banner{background-color:var(--nb-accent);margin-bottom:50px;margin-top:50px}.nb-page .banner-tag{background-color:#a8d5b5}.nb-page .banner-tag-dot{background-color:#739757}.nb-page .problem-title{color:var(--nb-accent-dark)}.nb-page .problem-subtitle{color:var(--nb-accent-mid);font-style:italic}.nb-page .outcome-title,.nb-page .what-search-title{color:var(--nb-accent-dark)}.nb-page .what-search-list li:before{color:var(--nb-accent)}.nb-page .outcome-watch-btn.nb-devpost-btn{background-color:var(--nb-accent)}.nb-page .outcome-watch-btn.nb-devpost-btn:hover{background-color:var(--nb-accent-dark)}.nb-case-nav{border-top:1px solid #c8e6d4;display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:center;margin-top:48px;padding-top:32px}.nb-nav-link{background:#fff;border:2px solid var(--nb-accent);border-radius:var(--radius-sm);color:var(--nb-accent);font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none}.nb-nav-link:hover{background:#f5faf7}.nb-nav-link-next{background:var(--nb-accent);color:#fff}.nb-nav-link-next:hover{background:var(--nb-accent-dark);color:#fff}@media (max-width:1024px){.nb-page .outcome-two-col,.nb-page .overview-content-layout,.nb-page .problem-row,.nb-page .section-content-split{align-items:stretch;flex-direction:column;flex-wrap:wrap}.nb-page .my-role-image{flex:1 1 auto;justify-content:center;width:100%}.nb-page .role-image{width:100%}.nb-page .outcome-left,.nb-page .outcome-right{max-width:100%}.nb-page .outcome-left{padding-right:0}.nb-page .overview-visual{max-width:100%;width:100%}.nb-page .core-insight-block,.nb-page .problem-text{flex:0 0 auto;max-width:100%;width:100%}.problem-row>.case-study-media{flex:1 1 auto;max-width:100%;width:100%}}@media (max-width:768px){.nb-page .case-study-document{border:none;margin-left:auto;margin-right:auto}.nb-case-nav{align-items:stretch;flex-direction:column}.nb-nav-link{text-align:center}.nb-page .my-role-section,.nb-page .project-prompt-banner{margin-bottom:clamp(2rem,4vw,3rem);margin-top:clamp(2rem,4vw,3rem)}}.fm-page{--fm-gutter:clamp(1.5rem,5vw,4.375rem);--fm-band:75rem;--fm-purple:#b8a0d4;--fm-purple-deep:#6a50a0;--fm-sage:#7a8a5a;--fm-cream:#e8e4d0;--fm-text:#3a3040;background:#fff;min-height:100vh;padding-bottom:clamp(3rem,6vw,5rem);padding-top:4.5rem;padding-top:var(--nav-height,4.5rem);width:100%}.fm-hero{background:linear-gradient(180deg,var(--fm-purple) 0,#c9b8e0 45%,#fff 100%);padding:clamp(2.5rem,6vw,4rem) var(--fm-gutter) clamp(2rem,4vw,3rem)}.fm-hero-inner{align-items:center;display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,1.75rem);margin:0 auto;max-width:var(--fm-band);text-align:center}.fm-logo-wrap{filter:drop-shadow(0 8px 20px rgba(58,48,64,.2));width:min(420px,100%)}.fm-logo{display:block;height:auto;width:100%}.fm-lede{color:var(--fm-text);font-size:clamp(1rem,2vw,1.125rem);line-height:1.75;max-width:42rem}.fm-tags{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center}.fm-tag{background:#ffffffa6;color:var(--fm-purple-deep);font-size:.875rem;font-weight:600;padding:.5rem 1rem}.fm-play-btn,.fm-tag{border-radius:8px;border-radius:var(--radius-sm,8px)}.fm-play-btn{background:var(--fm-purple-deep);color:#fff;display:inline-block;font-size:1rem;font-weight:700;margin-top:.25rem;padding:.875rem 1.75rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.fm-play-btn:hover{background:#5a4090;transform:translateY(-1px)}.fm-body{margin:0 auto;max-width:var(--fm-band);padding:clamp(2.5rem,5vw,4rem) var(--fm-gutter) 0}.fm-section+.fm-section{margin-top:clamp(2.5rem,5vw,4rem)}.fm-heading{color:var(--fm-purple-deep);font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:clamp(1rem,2vw,1.5rem)}.fm-text{color:#444;font-size:1.0625rem;line-height:1.75;max-width:52rem}.fm-text+.fm-text{margin-top:1rem}.fm-text--center{margin-bottom:clamp(1.5rem,3vw,2rem);margin-left:auto;margin-right:auto;text-align:center}.fm-card-grid{grid-gap:clamp(.75rem,2vw,1.25rem);display:grid;gap:clamp(.75rem,2vw,1.25rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));list-style:none;margin:0;padding:0}.fm-card-item{background:var(--fm-cream);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:0 4px 14px #3a30401a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.fm-card-item:hover{box-shadow:0 8px 20px #3a304024;transform:translateY(-3px)}.fm-card-img{display:block;height:auto;width:100%}.fm-card-item--trump{position:relative}.fm-card-label{background:linear-gradient(#0000,#3a3040bf);bottom:0;color:#fff;font-size:.8125rem;font-weight:700;left:0;padding:.5rem;position:absolute;right:0;text-align:center}.fm-nav{border-top:1px solid #ddd6e8;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:center;margin-top:clamp(3rem,6vw,4.5rem);padding-top:2rem}.fm-nav-link{background:#fff;border:2px solid var(--fm-purple-deep);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--fm-purple-deep);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none}.fm-nav-link:hover{background:#f7f3fc}.fm-nav-link--next{background:var(--fm-purple-deep);color:#fff}.fm-nav-link--next:hover{background:#5a4090;color:#fff}@media (max-width:480px){.fm-card-grid{grid-template-columns:repeat(2,1fr)}}.footer{color:#f5f0eb;position:relative;width:100%}.footer-shape{display:block;height:auto;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.footer-body{background-color:#136200;margin-top:clamp(-9rem,-20vw,-13rem)}.footer-inner{margin:0 auto;max-width:75rem;max-width:var(--content-max,75rem);padding:0 clamp(1.25rem,4vw,2.5rem) clamp(2rem,5vw,3rem);padding:0 var(--page-gutter,clamp(1.25rem,4vw,2.5rem)) clamp(2rem,5vw,3rem)}.footer-cta{margin:0 auto clamp(2rem,4vw,2.75rem);max-width:40rem;text-align:center}.footer-headline{color:#fff;font-family:var(--font-body);font-size:clamp(1.65rem,4vw,2.5rem);font-weight:400;line-height:1.25;margin:0 0 clamp(.85rem,2vw,1.15rem)}.footer-headline-accent{font-family:var(--font-greeting);font-style:italic;font-weight:400}.footer-lede{color:#f5f0ebc7;font-size:clamp(.875rem,1.8vw,.9375rem);line-height:1.65;margin:0}.footer-inline-link{color:#f5f0ebeb;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.footer-inline-link:hover{color:#ff8c42}.footer-bottom{align-items:flex-end;display:flex;flex-wrap:wrap;gap:clamp(2rem,5vw,4rem);justify-content:space-between}.footer-brand{flex:0 0 auto}.footer-logo-btn{background:none;border:none;cursor:pointer;display:block;margin-bottom:.75rem;padding:0}.footer-logo{display:block;filter:brightness(0) invert(1);height:clamp(2rem,4vw,2.75rem);max-height:2.75rem;max-width:none;width:auto}.footer-copy{color:#f5f0eb8c;font-size:.75rem;margin:0}.footer-nav{display:flex;flex-wrap:wrap;gap:clamp(2rem,5vw,3.5rem)}.footer-nav-col{align-items:flex-start;display:flex;flex-direction:column;gap:.45rem;min-width:6rem}.footer-nav-heading{color:#fff;font-weight:700;margin:0 0 .25rem}.footer-nav-heading,.footer-nav-link{font-family:var(--font-body);font-size:.8125rem}.footer-nav-link{background:none;border:none;color:#f5f0eb9e;cursor:pointer;padding:0;text-align:left;text-decoration:none;transition:color .2s ease}.footer-nav-link:hover{color:#ff8c42}@media (max-width:768px){.footer-body{margin-top:clamp(-6rem,-15vw,-9rem)}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-nav{justify-content:space-between;width:100%}}@media (max-width:480px){.footer-nav{flex-direction:column;gap:1.5rem}}
/*# sourceMappingURL=main.526d5cbf.css.map*/