@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#17251f;background:#f5f7f2;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:700}em{font-family:inherit;font-style:normal;font-weight:inherit}.wrap{max-width:1500px;margin-inline:auto;padding-inline:clamp(22px,5vw,84px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px clamp(22px,5vw,84px);max-width:1500px;margin:auto}.wordmark{font-weight:800;letter-spacing:-.035em;text-decoration:none;font-size:1.05rem}.mark{display:inline-grid;place-items:center;width:28px;height:28px;margin-left:7px;border-radius:50%;background:#c7fb77;color:#17251f;font-size:1rem}.topbar nav{display:flex;gap:clamp(15px,3vw,38px)}.topbar nav a{text-decoration:none;font-size:.9rem;font-weight:600}.topbar a:hover,.footer-bottom a:hover{color:#5c57b3}.hero{padding-top:clamp(85px,12vw,170px);padding-bottom:clamp(80px,11vw,145px);min-height:720px;display:flex;flex-direction:column}.eyebrow,.section-label,.case-header,.footer-kicker{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.eyebrow{margin-bottom:28px}.hero h1{font-size:clamp(4rem,8vw,9rem);line-height:.98;letter-spacing:-.085em;max-width:1200px;margin:0}.hero h1 em{color:#5EB67F}.hero-bottom{margin-top:auto;padding-top:70px}.hero-bottom p{font-size:clamp(1.25rem,1.7vw,1.6rem);line-height:1.4;max-width:670px;margin:0}.intro{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2.3fr);gap:5%;padding-top:clamp(80px,10vw,145px);padding-bottom:clamp(110px,14vw,190px);background:#e9eee7}.section-label{color:#53635c;padding-top:.4em}.intro h2,.work-heading h2{font-size:clamp(3.1rem,5.8vw,6.5rem);line-height:1.04;letter-spacing:-.07em;max-width:1000px}.intro h2 em,.work-heading h2 em{color:#5EB67F}.intro p{font-size:clamp(1.1rem,1.55vw,1.4rem);line-height:1.6;max-width:750px;color:#42534a}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px}.pill-row span{font-size:.87rem;font-weight:700;background:#d7f3a9;border-radius:100px;padding:12px 20px}.work-heading{padding-top:clamp(95px,10vw,160px);padding-bottom:clamp(90px,10vw,150px)}.work-heading h2{margin:26px 0 45px}.ways{counter-reset:ways;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.ways li{counter-increment:ways;display:flex;flex-direction:column;gap:20px;font-size:clamp(1.15rem,1.8vw,1.6rem);font-weight:600;line-height:1.3}.ways li:before{content:'0' counter(ways);font-size:.86rem;font-weight:800;letter-spacing:.13em;color:#655bb7}.case{padding:clamp(75px,9vw,135px) 0}.case-purple{background:#ecf1e8}.case-light{background:#f5f7f2}.case-dark{background:#e9eee7}.case-header{color:#4f5e54}.case-title{display:grid;grid-template-columns:1.55fr .8fr;align-items:end;gap:8%;margin:38px 0 65px}.case-title h2{font-size:clamp(3.3rem,6.1vw,7.2rem);line-height:1.02;letter-spacing:-.075em;margin:0}.case-title em{color:#5EB67F}.case-title p{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.5;margin:0 0 8px;color:#42534a}.feature-image{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#dce7d8;border-radius:24px}.feature-image img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}.case-purple .feature-image{background:#ddebd8}.case-purple .feature-image img,.product-image img{transform:scale(1.08)}.product-image{background:#dce7d8}.case-body{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:clamp(70px,8vw,120px) 0 58px}.case-body h3,.split-feature h3,.insight h3{font-size:clamp(2rem,3vw,3.4rem);line-height:1.13;letter-spacing:-.055em}.case-body p,.split-feature p,.insight p{font-size:1.08rem;line-height:1.7;color:#435249}.body-copy p+p{margin-top:25px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:0 0 clamp(70px,8vw,110px)}.metrics div{padding:25px;border-radius:18px;background:#fff;min-height:170px}.metrics strong{display:block;font-size:clamp(2.4rem,3.4vw,4.7rem);letter-spacing:-.07em;line-height:1;color:#30283f}.metrics span{display:block;margin-top:14px;font-size:.85rem;line-height:1.45;color:#4b5950}.gallery{display:grid;gap:16px}.gallery-three{grid-template-columns:repeat(3,1fr)}.gallery-four{grid-template-columns:repeat(4,1fr);margin-top:16px}.gallery-two{grid-template-columns:repeat(2,1fr)}figure{margin:0}figure img{aspect-ratio:4/3;object-fit:cover;border-radius:16px}figcaption{font-size:.82rem;font-weight:700;margin-top:12px}.split-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center;margin:0 0 80px}.split-feature h3{max-width:510px}.split-feature img{border-radius:22px}.dark-metrics{grid-template-columns:1fr 1fr 1.4fr}.insight{margin-top:clamp(75px,9vw,130px);background:#d9e7d1;padding:clamp(30px,5vw,70px);border-radius:24px}.insight-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.insight b{color:#41339d}.site-footer{background:#1b2923;color:#f4f8f0;padding:clamp(75px,9vw,135px) 0 35px}.footer-main{display:flex;justify-content:space-between;align-items:end;gap:48px;padding-bottom:clamp(90px,10vw,160px)}.footer-kicker{color:#b5c8ba;margin-bottom:35px}.footer-main h2{font-size:clamp(3.5rem,6vw,7rem);line-height:1.02;letter-spacing:-.07em;margin-bottom:23px}.footer-description{font-size:1.12rem;line-height:1.5;color:#c9d6ca;max-width:470px}.footer-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-width:280px;background:#c7fb77;color:#17251f;text-decoration:none;border-radius:100px;padding:20px 24px;font-weight:800;transition:transform .2s,background .2s}.footer-cta:hover{transform:translateY(-2px);background:#e0ffab}.footer-cta span{font-size:1.4rem}.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:end}.footer-brand{font-size:1.1rem;font-weight:800}.footer-brand span{display:block;color:#b5c8ba;font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;margin-top:7px}.footer-bottom nav{display:flex;gap:24px}.footer-bottom a{text-decoration:none;font-size:.86rem;color:#e7efe5}.footer-bottom small{justify-self:end;color:#b5c8ba;font-size:.78rem}@media(max-width:850px){.hero{min-height:620px}.intro,.case-title,.case-body,.split-feature,.insight-grid{grid-template-columns:1fr}.intro{gap:35px}.case-title{gap:25px;margin-bottom:42px}.case-body{gap:14px}.metrics{grid-template-columns:repeat(2,1fr)}.gallery-three,.gallery-four{grid-template-columns:repeat(2,1fr)}.split-feature{gap:28px}.footer-main{align-items:start;flex-direction:column;gap:20px}.footer-bottom{grid-template-columns:1fr;gap:30px}.footer-bottom nav{flex-wrap:wrap;gap:15px 24px}.footer-bottom small{justify-self:start}}@media(max-width:550px){.topbar{padding-top:20px;padding-bottom:20px}.wordmark{font-size:.78rem}.mark{display:none}.topbar nav{gap:12px}.topbar nav a{font-size:.72rem}.hero{min-height:580px}.hero h1{font-size:clamp(3.3rem,12vw,5rem)}.hero-bottom{padding-top:50px}.intro h2,.work-heading h2{font-size:3.2rem}.ways{grid-template-columns:1fr;gap:27px}.ways li{gap:7px}.case-title h2{font-size:3.25rem}.feature-image{border-radius:14px}.gallery-three,.gallery-four,.gallery-two{grid-template-columns:1fr}.metrics div{min-height:145px;padding:19px}.metrics strong{font-size:2.7rem}.footer-cta{min-width:0;width:100%}.footer-main h2{font-size:3.6rem}}

.work-cards{gap:22px;align-items:stretch}.work-cards li{display:block;min-width:0}.work-cards li::before{content:none}.work-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #17251f14}.work-card:focus-visible{outline:3px solid #5EB67F;outline-offset:5px}.work-card-image{aspect-ratio:16/10;background:#ddebd8;overflow:hidden;display:grid;place-items:center}.work-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.work-card:hover .work-card-image img{transform:scale(1.04)}.campaign-thumbnail{background:#211833}.campaign-thumbnail img{object-fit:cover}.work-card-copy{padding:25px;flex:1;display:flex;flex-direction:column}.work-card-number{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#6355a8}.work-card h3{font-size:clamp(1.3rem,2vw,1.85rem);line-height:1.17;letter-spacing:-.045em;margin:16px 0 28px}.work-card-link{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:.87rem;font-weight:600}.work-card-link span{font-size:1.2rem}#experience,#narrative,#product{scroll-margin-top:24px}@media(max-width:850px){.work-cards{gap:16px}.work-card-copy{padding:20px}.work-card-number{font-size:.72rem}.work-card h3{font-size:1.4rem}}@media(max-width:650px){.work-cards{grid-template-columns:1fr}.work-card-image{aspect-ratio:16/9}.work-card h3{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.work-card,.work-card-image img{transition:none}.work-card:hover{transform:none}}

.work-card-image{position:relative;display:block;width:100%;min-height:160px;flex:none}.work-card-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.campaign-thumbnail img{object-fit:cover}

.wordmark .site-logo{display:block;width:160px;height:auto;max-width:100%}@media(max-width:550px){.wordmark .site-logo{width:125px}}

#narrative .split-feature{grid-template-columns:minmax(0,1fr) 600px;column-gap:clamp(30px,6vw,90px);row-gap:0;align-items:start}#narrative .split-feature>div:first-child{display:contents}#narrative .split-feature h3{grid-column:1;grid-row:1;margin-bottom:24px}#narrative .narrative-body{grid-column:1;grid-row:2}#narrative .campaign-composition{grid-column:2;grid-row:2;display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:center;min-width:0}#narrative .campaign-composition img{width:100%;height:auto;object-fit:contain;border-radius:3%;min-width:0}#narrative .campaign-composition img:first-child{grid-row:1 / 3}@media(max-width:1050px){#narrative .split-feature{grid-template-columns:minmax(0,1fr)}#narrative .campaign-composition{grid-column:1;grid-row:3;grid-template-columns:1fr;gap:24px;margin-top:28px}#narrative .campaign-composition img:first-child{grid-row:auto}}

.work-card-image.campaign-thumbnail{background:#ddebd8}.work-card-image.campaign-thumbnail img{object-fit:contain;padding:8px}

.campaign-thumbnail .campaign-middle-row{position:absolute;top:50%;left:0;width:100%;aspect-ratio:3.1;overflow:hidden;transform:translateY(-50%)}.work-card-image.campaign-thumbnail .campaign-middle-row img{inset:auto;width:111%;height:auto;max-width:none;left:-5.5%;top:-121%;padding:0;object-fit:initial;transform:none}.work-card:hover .campaign-middle-row img{transform:none}

#approach{width:calc(100% - clamp(32px,6vw,96px));max-width:1404px;margin-inline:auto;border-radius:clamp(24px,3vw,42px);overflow:hidden;padding-block:clamp(70px,8vw,120px)}@media(max-width:550px){#approach{width:calc(100% - 32px);border-radius:24px;padding-inline:24px;padding-block:60px}}

.footer-brand .footer-logo{width:180px;height:auto;display:block}

.topbar,.hero{background:#17251F;color:#DCEAD9}.topbar{max-width:none}.hero{max-width:none}.hero .eyebrow,.hero h1,.hero-bottom p,.topbar nav a{color:#DCEAD9}.hero h1 em{color:#5EB67F}.topbar nav a:hover{color:#FFBE19}

#approach{margin-top:clamp(48px,6vw,88px)}

.dashboard-feature{width:min(100%,840px);margin:0 auto clamp(60px,7vw,100px)}.dashboard-player{width:100%;border-radius:16px;overflow:hidden;background:#17251F}.dashboard-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.dashboard-feature figcaption{margin-top:16px;text-align:center}.dashboard-feature figcaption p{font-size:1.08rem;font-weight:400;line-height:1.7;color:#435249;margin:0}

#experience .metrics{margin:clamp(60px,7vw,100px) 0 0}

.nojuan-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10%;row-gap:32px;align-items:center;padding:clamp(32px,5vw,70px);border-radius:24px;background:#e9eee7}.nojuan-story h3{font-size:clamp(2.5rem,4vw,4.8rem);line-height:1.05;letter-spacing:-.06em;margin:0}.nojuan-story h3 em{color:#5EB67F}.nojuan-story p{font-size:1.08rem;line-height:1.7;color:#435249;margin:0}.nojuan-story a{text-underline-offset:4px}@media(max-width:850px){.nojuan-story{grid-template-columns:1fr;gap:24px}}

.nojuan-cards{grid-column:1/-1;margin-top:24px}.nojuan-profile{background:#fff;border-radius:18px;overflow:hidden;margin-bottom:24px}.nojuan-banner{height:clamp(130px,20vw,240px);overflow:hidden;position:relative}.nojuan-banner img{position:absolute;top:-1%;left:-1%;width:102%;max-width:none}.nojuan-profile-body{display:flex;gap:24px;align-items:center;padding:28px}.nojuan-profile h4,.nojuan-post h4{font-size:1.1rem;margin:0 0 8px}.nojuan-profile .nojuan-meta{font-size:.9rem;color:#657369;margin-top:6px}.nojuan-avatar{display:block;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background-repeat:no-repeat;background-size:370px auto;background-position:-20px -20px}.profile-avatar{flex-basis:96px;width:96px;height:96px;background-image:url('/assets/nojuan-1.png');background-size:500px auto;background-position:-22px -69px}.avatar-two{background-image:url('/assets/nojuan-2.png');background-position:-23px -22px}.avatar-three{background-image:url('/assets/nojuan-3.png')}.avatar-four{background-image:url('/assets/nojuan-4.png')}.nojuan-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.nojuan-post{background:#fff;border-radius:18px;padding:26px}.nojuan-post header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.nojuan-post header h4{margin:0}.nojuan-post p,.nojuan-post li{font-size:1rem;line-height:1.65;color:#435249}.nojuan-post p+p{margin-top:20px}.nojuan-post ul{padding-left:20px;margin:12px 0 20px}@media(max-width:1050px){.nojuan-posts{grid-template-columns:1fr}.nojuan-post{padding:28px}.nojuan-banner{height:180px}}@media(max-width:550px){.nojuan-profile-body{flex-direction:column;align-items:start;padding:24px}.nojuan-banner{height:110px}.nojuan-profile-body p{font-size:1rem}}

.nojuan-slider{grid-column:1/-1;min-width:0;margin-top:24px}.nojuan-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:18px;background:#17251F}.nojuan-track::-webkit-scrollbar{display:none}.nojuan-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:24px}.nojuan-slide img{width:100%;height:clamp(340px,48vw,560px);object-fit:contain;aspect-ratio:auto;border-radius:0}.nojuan-slider-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px}.nojuan-slider-controls button{font:inherit;font-size:.9rem;font-weight:600;color:#17251F;background:#fff;border:0;border-radius:100px;padding:12px 20px;cursor:pointer;min-height:44px}.nojuan-slider-controls button:hover{background:#DCEAD9}.nojuan-slider-controls button:focus-visible,.nojuan-track:focus-visible{outline:3px solid #5EB67F;outline-offset:4px}.nojuan-slide-count{font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:550px){.nojuan-slide{padding:12px}.nojuan-slide img{height:420px}.nojuan-slider-controls{gap:16px}}

.nojuan-banner{height:auto;aspect-ratio:4/1}.nojuan-banner img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%}

.nojuan-video{grid-column:1/-1;width:100%;justify-self:center;border-radius:18px;overflow:hidden;background:#17251F}.nojuan-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}

.nojuan-posts{align-items:start}.nojuan-post-screenshot{border-radius:16px;overflow:hidden;background:#1b2023}.nojuan-post-screenshot img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}@media(max-width:1050px){.nojuan-posts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.nojuan-posts{grid-template-columns:1fr}.nojuan-post-screenshot{width:100%;max-width:540px;justify-self:center}}

.nojuan-posts{align-items:stretch}.linkedin-light{display:flex;flex-direction:column;padding:22px;border:1px solid #d4ddd4;border-radius:16px;background:#fff;min-width:0}.linkedin-light header{gap:10px;align-items:start;margin-bottom:22px}.post-author{min-width:0;flex:1}.linkedin-light header h4{font-size:1rem;line-height:1.3;margin:0 0 4px}.linkedin-light header h4 span{font-weight:400;color:#6b756e;font-size:.85rem}.linkedin-light .post-role{font-size:.85rem;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;color:#6b756e}.linkedin-light .post-time{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#6b756e;line-height:1.4;margin:3px 0 0}.post-time svg{width:14px;height:14px}.post-menu{color:#657369;letter-spacing:1px;font-size:1rem}.linkedin-light .post-content p{font-size:1rem;line-height:1.65;margin:0}.linkedin-light .post-content p+p{margin-top:24px}.linkedin-light .post-hashtags{color:#0a66c2;font-weight:600}.post-more{color:#6b756e}.post-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:32px}.post-actions{display:flex;align-items:center;gap:18px}.post-action{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;color:#657369}.post-action svg{width:22px;height:22px}.post-reactions{font-size:.85rem;white-space:nowrap}@media(max-width:1100px){.nojuan-posts{grid-template-columns:1fr}.linkedin-light{width:100%;max-width:620px;justify-self:center}}

.nojuan-slider{position:relative}.nojuan-slider-controls{position:absolute;inset:0;margin:0;display:block;pointer-events:none}.nojuan-slider-controls button{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;background:rgba(23,37,31,.75);color:#fff;backdrop-filter:blur(8px);pointer-events:auto}.nojuan-slider-controls button[data-slide-step="-1"]{left:16px}.nojuan-slider-controls button[data-slide-step="1"]{right:16px}.nojuan-slider-controls button svg{width:24px;height:24px}.nojuan-slider-controls button:hover{background:#17251F;color:#DCEAD9}.nojuan-slide-count{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(23,37,31,.58);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);padding:9px 18px;border-radius:100px;min-width:70px;text-align:center}@media(max-width:550px){.nojuan-slider-controls button{width:44px;height:44px;min-height:44px}.nojuan-slider-controls button[data-slide-step="-1"]{left:8px}.nojuan-slider-controls button[data-slide-step="1"]{right:8px}.nojuan-slide-count{bottom:12px}}

.nojuan-slider-controls button{background:rgba(23,37,31,.58);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}.nojuan-slider-controls button:hover{background:rgba(23,37,31,.72);color:#fff}

.nojuan-story{--nojuan-gap:32px;row-gap:var(--nojuan-gap)}.nojuan-slider,.nojuan-cards{margin-top:0}.nojuan-cards{display:grid;gap:var(--nojuan-gap);min-width:0}.nojuan-profile{margin-bottom:0}.nojuan-posts{gap:var(--nojuan-gap)}@media(max-width:850px){.nojuan-story{--nojuan-gap:24px;gap:var(--nojuan-gap)}}

.work-card h3{margin-bottom:16px}.work-card-description{font-size:1rem;font-weight:400;line-height:1.55;color:#435249;margin:0 0 28px}.footer-description{max-width:680px}

.hero-presentation-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:24px;color:#DCEAD9;font-size:1rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.hero-presentation-link:hover{color:#FFBE19}.hero-presentation-link:focus-visible{outline:2px solid #FFBE19;outline-offset:6px;border-radius:2px}