:root{--ink:#17151e;--muted:#67636f;--purple:#6846cd;--lavender:#eae2ff;--line:#e6e3eb;--paper:#fbfafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(251,250,252,.77);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,227,235,.65)}.nav{display:flex;align-items:center;justify-content:space-between;height:76px}.brand{font:800 24px 'Manrope',sans-serif;letter-spacing:-.08em}.brand-dot,.purple-period{color:var(--purple)}.nav-links{display:flex;align-items:center;gap:38px;font-size:16px;font-weight:600}.nav-links a:hover,.text-link:hover{color:var(--purple)}.nav-links a:last-child{border:1px solid #d8d1e4;border-radius:50px;padding:9px 16px}.hero{padding-top:114px;padding-bottom:95px;position:relative}.hero-kicker,.eyebrow,.overline{font-size:16px;letter-spacing:.16em;font-weight:800}.hero-kicker{color:var(--purple);display:flex;align-items:center;gap:9px}.sparkle{font-size:23px;line-height:1}.hero h1,.detail-intro h1,.case-head h1{font:800 clamp(58px,7.5vw,116px)/1.04 'Manrope',sans-serif;letter-spacing:-.075em;margin:25px 0 30px}.hero h1 em,.about h2 em{color:var(--purple);font-style:normal}.hero-intro{max-width:710px;color:#514d58;font-size:20px;line-height:1.6;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:30px;border-radius:100px;padding:15px 21px;font-weight:700;font-size:16px}.button.primary{background:var(--ink);color:white}.button:hover{background:var(--purple)}.availability{font-size:16px;color:var(--muted)}.ask-teaser{display:flex;align-items:center;text-align:left;gap:18px;border:1px solid #d6cce8;background:linear-gradient(110deg,#fff 25%,#f2edff);border-radius:16px;padding:18px 20px;width:min(570px,100%);margin-top:80px;box-shadow:0 20px 55px rgba(68,40,114,.06);transition:transform .2s,box-shadow .2s}.ask-teaser:hover{transform:translateY(-3px);box-shadow:0 22px 45px rgba(68,40,114,.13)}.ask-teaser strong,.ask-teaser small{display:block}.ask-teaser strong{font-size:16px}.ask-teaser small{color:var(--muted);font-size:16px;margin-top:2px}.ask-icon{background:var(--purple);color:white;border-radius:10px;width:44px;height:44px;display:grid;place-items:center;font-size:23px;flex:none}.ask-arrow{margin-left:auto;font-size:22px;color:var(--purple)}.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-head h2,.about h2,.footer h2,.case-body h2{font:800 clamp(35px,4.5vw,59px)/1.14 'Manrope',sans-serif;letter-spacing:-.055em;margin:14px 0 0}.section-head p{max-width:330px;color:var(--muted);margin:0 0 7px}.selected{background:#f1eff5;overflow:hidden}.carousel{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(40px,calc((100vw - 1240px)/2)) 10px}.carousel::-webkit-scrollbar{display:none}.project-card{position:relative;overflow:hidden;min-height:500px;border-radius:13px;background:#5b4a7a var(--card-image) center/cover no-repeat;color:#fff;isolation:isolate}.carousel .project-card{flex:0 0 min(850px,75vw);height:530px;scroll-snap-align:center}.image-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,10,30,.22) 0%,rgba(16,11,36,.05) 38%,rgba(12,9,25,.87) 100%);z-index:-1}.project-top{display:flex;justify-content:space-between;align-items:center;padding:29px 32px}.pill{background:rgba(255,255,255,.18);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.45);border-radius:99px;padding:7px 14px;font-size:16px;font-weight:700}.card-index{font-size:16px;letter-spacing:.14em}.project-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:36px}.overline{color:#d8caff}.project-bottom h3{font:700 clamp(28px,3vw,43px)/1.13 'Manrope',sans-serif;letter-spacing:-.05em;max-width:510px;margin:8px 0 24px}.project-meta{display:flex;gap:48px}.project-meta div{display:flex;flex-direction:column;gap:3px;font-size:16px}.project-meta small,.case-facts small{font-size:16px;letter-spacing:.14em;font-weight:800;color:#c5b9db}.round-arrow{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:var(--purple);font-size:24px}.round-arrow:hover{background:white;color:var(--purple)}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px}.carousel-track{position:relative;width:230px;height:4px;background:#d4cce0;border-radius:99px;cursor:pointer}.carousel-thumb{position:absolute;top:0;height:4px;left:0;background:var(--purple);border-radius:99px}.arrows{display:flex;gap:8px}.arrows button{width:42px;height:42px;border:1px solid #c8c1d2;background:transparent;border-radius:50%;font-size:20px}.arrows button:hover{background:var(--ink);color:white}.bordered{border-top:1px solid var(--line);padding-top:20px}.company-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.company-card{min-height:330px;border-radius:11px;padding:23px;display:flex;flex-direction:column;justify-content:space-between;background:#e8e3ef;transition:transform .25s,background .25s}.company-card:hover{transform:translateY(-6px);background:#dfd5f3}.company-1{background:#ece9f2}.company-2{background:#e7e4ed}.company-3{background:#eeeaf4}.company-card-top{display:flex;justify-content:space-between;color:var(--purple);font-size:16px;letter-spacing:.1em;font-weight:800}.company-card-top span:last-child{font-size:24px;line-height:1}.company-sector{font-size:16px;color:var(--purple);font-weight:800;text-transform:uppercase;letter-spacing:.11em}.company-card h3{font:800 25px/1.2 'Manrope',sans-serif;letter-spacing:-.05em;margin:12px 0}.company-card p{font-size:16px;color:#5c5567;line-height:1.45;margin:0}.about{background:white}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-art{background:radial-gradient(circle at 75% 24%,#a889f5,transparent 35%),linear-gradient(145deg,#281a4d,#7051b2 70%,#af8bef);aspect-ratio:1/1;border-radius:13px;color:white;padding:38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.about-art>span:first-child{font:800 clamp(24px,3vw,47px)/1.12 'Manrope',sans-serif;letter-spacing:-.055em}.art-mark{font-size:clamp(160px,27vw,400px);line-height:.7;align-self:end;opacity:.65;transform:rotate(-18deg) translate(12%,5%)}.about-copy p{color:#595563;font-size:17px;line-height:1.75;margin:27px 0}.skill-list{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 34px}.skill-list span{padding:9px 14px;border:1px solid #dcd6e8;border-radius:99px;font-size:16px}.text-link{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid var(--purple);padding-bottom:7px;color:var(--purple);font-weight:800}.footer{padding-top:105px}.footer h2{margin:15px 0 30px}.footer-bottom{margin-top:105px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0;color:var(--muted);font-size:16px}.detail-intro,.case-head{padding-top:75px;padding-bottom:70px}.back-link{display:block;font-size:16px;font-weight:700;color:var(--purple);margin-bottom:72px}.detail-intro h1,.case-head h1{margin:16px 0}.detail-intro p,.case-head>p{font-size:20px;color:#5e5965;max-width:730px}.company-projects{display:grid;gap:28px}.company-projects .project-card{height:580px}.company-projects .project-bottom h3{font-size:46px}.next-work{border-top:1px solid var(--line);margin-top:100px;padding:25px 0 65px;display:flex;justify-content:space-between;gap:25px}.next-work span{font-size:16px;letter-spacing:.14em;color:var(--muted);font-weight:800}.next-work a{font:700 clamp(22px,3vw,36px) 'Manrope',sans-serif;letter-spacing:-.04em}.next-work a:hover{color:var(--purple)}.case-head{padding-bottom:45px}.case-head h1{max-width:1050px}.case-facts{border-top:1px solid var(--line);margin-top:55px;padding-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.case-facts div{display:flex;flex-direction:column;gap:8px}.case-facts small{color:var(--purple)}.case-facts span{font-weight:700}.case-image img{width:100%;height:auto;max-height:720px;object-fit:cover;border-radius:14px;display:block}.case-body{padding-top:100px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:9%}.case-body p{font-size:18px;line-height:1.75;color:#625d69;margin:0 0 22px}.case-body .text-link{margin-top:20px}.chat-overlay{position:fixed;inset:0;z-index:60;background:rgba(25,20,40,.44);opacity:0;pointer-events:none;transition:opacity .25s;display:grid;place-items:center;padding:30px}.chat-overlay.open{opacity:1;pointer-events:auto}.chat-panel{height:min(830px,92vh);width:min(1100px,100%);border-radius:18px;background:#fdfcff;box-shadow:0 35px 100px rgba(24,13,49,.2);display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.98);transition:transform .3s}.open .chat-panel{transform:none}.chat-bar{border-bottom:1px solid var(--line);padding:17px 25px;display:flex;align-items:center;justify-content:space-between}.chat-brand{color:var(--purple);font-size:22px;display:flex;align-items:center;gap:10px}.chat-brand strong{font-size:17px;color:var(--ink)}.chat-brand small{font-size:16px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.chat-close{background:transparent;border:0;color:#463e50;font-size:30px;line-height:1;width:38px;height:38px}.chat-conversation{overflow-y:auto;padding:45px clamp(24px,10%,110px);flex:1;display:flex;flex-direction:column;gap:18px}.chat-message{max-width:650px;line-height:1.6}.chat-message.assistant{display:flex;gap:14px;align-self:flex-start}.chat-message p{background:#f1edf8;border-radius:5px 17px 17px 17px;padding:18px 21px;margin:0}.chat-avatar{flex:none;display:grid;place-items:center;background:var(--purple);color:white;width:34px;height:34px;border-radius:10px}.chat-message.user{align-self:flex-end;background:var(--purple);color:white;border-radius:17px 17px 5px 17px;padding:13px 18px}.chat-bottom{padding:18px clamp(24px,10%,110px) 25px;border-top:1px solid var(--line)}.prompts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.prompts button{border:1px solid #dcd2ed;background:white;border-radius:99px;padding:7px 13px;font-size:16px;color:var(--purple)}.prompts button:hover{background:var(--lavender)}#chat-form{border:1px solid #c9bfd8;border-radius:11px;display:flex;align-items:center;padding:7px 7px 7px 17px}#chat-form input{border:0;background:transparent;outline:0;flex:1;min-width:0}#chat-form button{border:0;background:var(--purple);color:white;border-radius:8px;width:36px;height:36px}#chat-form:focus-within{outline:2px solid #ad93e5}.chat-bottom>small{display:block;color:#8a8492;font-size:16px;margin-top:8px}a:focus-visible,button:focus-visible{outline:3px solid #9474e7;outline-offset:3px}@media(max-width:800px){.wrap{width:min(100% - 40px,1240px)}.nav{height:66px}.nav-links{gap:15px;font-size:16px}.nav-links a:last-child{padding:7px 10px}.hero{padding-top:78px;padding-bottom:65px}.hero h1{font-size:clamp(49px,10vw,82px)}.hero-intro{font-size:17px}.ask-teaser{margin-top:55px}.section{padding:70px 0}.section-head{align-items:start;flex-direction:column;gap:16px}.carousel{padding-inline:20px;gap:14px}.carousel .project-card{flex-basis:min(660px,87vw);height:500px}.company-grid{grid-template-columns:repeat(2,1fr)}.company-card{min-height:265px}.about-grid{gap:35px}.about-art{aspect-ratio:4/5}.company-projects .project-card{height:500px}.case-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.nav-links a:first-child{display:none}.nav-links{gap:13px}.hero h1{font-size:50px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.section-head h2,.about h2,.footer h2{font-size:37px}.carousel .project-card{height:480px}.project-top{padding:20px}.project-bottom{padding:24px;align-items:end}.project-bottom h3{font-size:30px}.project-meta{flex-direction:column;gap:10px}.project-meta div{font-size:16px}.round-arrow{width:44px;height:44px}.company-grid{gap:10px}.company-card{padding:17px;min-height:245px}.company-card h3{font-size:20px}.about-grid,.case-body{grid-template-columns:1fr}.about-art{aspect-ratio:4/3}.about-copy{padding-top:20px}.footer-bottom{flex-wrap:wrap}.detail-intro,.case-head{padding-top:45px}.back-link{margin-bottom:60px}.detail-intro h1,.case-head h1{font-size:48px;overflow-wrap:anywhere}.detail-intro p,.case-head>p{font-size:17px}.company-projects .project-card{height:490px}.company-projects .project-bottom h3{font-size:32px}.case-facts{gap:20px}.case-image{width:100%}.case-image img{border-radius:0}.case-body{padding-top:60px}.chat-overlay{padding:0}.chat-panel{width:100%;height:100dvh;border-radius:0}.chat-conversation{padding:25px 18px}.chat-bottom{padding:15px 18px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Portfolio refinements */
:root{--purple:#7253b5;--lavender:#eee8fa;--paper:#fdfcfe}
body{background:var(--paper)}
#app{position:relative;z-index:1}
.mouse-glow{position:fixed;left:-280px;top:-280px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(163,136,226,.15),rgba(163,136,226,.055) 37%,transparent 70%);pointer-events:none;z-index:0;transform:translate(-1000px,-1000px);transition:transform .12s ease-out}
.site-header{height:0;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;justify-content:center;pointer-events:none}
.nav{pointer-events:auto;position:relative;top:18px;width:auto;height:56px;padding:5px;display:flex;justify-content:center;gap:2px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);box-shadow:0 9px 30px rgba(48,32,79,.1),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%)}
.nav a{padding:11px 23px;border-radius:999px;font-size:16px;font-weight:700;transition:background .2s,color .2s}
.nav a:hover{background:rgba(114,83,181,.12);color:var(--purple)}
.hero{padding-top:194px}.hero h1{margin-top:0;font-size:clamp(74px,10vw,145px)}
.section-head{margin-bottom:36px}.section-head>div{width:100%}.section-head h2{margin-top:0}
.selected{background:#f4f1f8}.carousel{gap:24px;scroll-snap-type:x proximity;padding-inline:max(40px,calc((100vw - 1320px)/2))}
.carousel .project-card{flex-basis:min(1020px,84vw);height:610px;scroll-snap-align:center}
.project-card{display:block;cursor:pointer;transition:transform .25s,box-shadow .25s}
.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(37,23,67,.2)}
.project-card .image-scrim{background:linear-gradient(180deg,rgba(25,16,48,.1) 0%,rgba(24,16,47,.06) 29%,rgba(19,13,34,.69) 66%,rgba(13,9,26,.96) 100%)}
.project-top,.project-bottom{display:flex}.project-bottom{padding:44px}.project-copy{display:block}
.project-title{display:block;font:700 clamp(32px,3.5vw,50px)/1.13 'Manrope',sans-serif;letter-spacing:-.05em;max-width:620px;margin:9px 0 27px}
.project-meta{display:flex;gap:45px}.project-meta>span{display:flex;flex-direction:column;gap:4px;font-size:16px}.project-meta small{display:block;color:#e8dafa}
.project-card:hover .round-arrow{background:white;color:var(--purple);transform:translate(2px,-2px)}.round-arrow{transition:transform .2s,background .2s}
.carousel-controls{justify-content:center;gap:22px;margin-top:24px}.carousel-controls>button{width:42px;height:42px;border:1px solid #c8bdd7;border-radius:50%;background:#fff;font-size:20px;flex:none}.carousel-controls>button:hover{background:var(--purple);border-color:var(--purple);color:#fff}.carousel-track{width:min(340px,36vw);height:5px;background:#dcd4e9}.carousel-thumb{height:5px}
.company-card-top span:last-child{font-size:23px;line-height:1}.company-card:hover .company-card-top span:last-child{transform:translateX(-4px)}.company-card-top span:last-child{transition:transform .2s}
.footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:16px}
@media(max-width:800px){.hero{padding-top:160px}.carousel{padding-inline:20px}.carousel .project-card{flex-basis:88vw;height:560px}.project-bottom{padding:30px}}
@media(max-width:560px){.nav{top:11px;height:50px}.nav a{padding:9px 19px;font-size:16px}.hero{padding-top:145px}.hero h1{font-size:clamp(58px,14vw,78px)}.carousel .project-card{height:520px}.project-bottom{padding:24px}.project-title{font-size:32px}.project-meta{gap:12px;flex-direction:column}.project-meta>span{font-size:16px}.carousel-controls{gap:15px}.carousel-track{width:min(220px,50vw)}.company-projects .project-title{font-size:32px}}
@media(hover:none),(prefers-reduced-motion:reduce){.mouse-glow{display:none}}
/* Third-pass typography and interaction */
:root{--purple:#504b82;--lavender:#e9e7f2;--paper:#fff;--line:#d3cde3}
body{font-size:21.333px;line-height:1.55;background:#fff}
.hero{text-align:center;padding-top:175px;padding-bottom:100px}
.hero h1{font-size:clamp(68px,8vw,112px);margin-bottom:28px}
.hero-intro{font-size:21.333px;max-width:820px;margin:0 auto;line-height:1.58}
.hero-intro strong{color:var(--purple);font-weight:800}
.hero-actions{justify-content:center}.ask-teaser{margin-left:auto;margin-right:auto}
.selected,.about{background:#fff;border-top:1px solid var(--line)}
.companies{border-top:1px solid var(--line)}.bordered{border-top:0;padding-top:0}
.company-card,.company-1,.company-2,.company-3{background:#f8f8fa;border:1px solid #e8e5ee}
.company-card:hover{background:#f2f1f6;border-color:#c9c3db}
.about-art{background:#f6f6f8;color:#292738;border:1px solid #e8e5ee}
.art-mark{color:var(--purple);opacity:.32}
.section-head p,.about-copy p,.detail-intro p,.case-head>p,.case-body p,.company-card p{font-size:21.333px}
.company-card{min-height:380px}.company-card p{line-height:1.4;color:#504d57}
.case-facts,.next-work,.footer{border-top-color:var(--line)}
.mouse-glow{z-index:45;background:radial-gradient(circle,rgba(91,80,143,.09),rgba(91,80,143,.035) 35%,transparent 70%);width:500px;height:500px;left:-250px;top:-250px;transition:transform .08s linear}
.cursor-trail{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:80}
.carousel{gap:34px;scroll-snap-type:none;cursor:grab;user-select:none;overscroll-behavior-inline:contain}
.carousel.dragging{cursor:grabbing;scroll-behavior:auto}
.carousel .project-card{flex-basis:min(980px,78vw);height:610px;scroll-snap-align:none}
.carousel-controls{gap:28px;margin-top:30px}
.carousel-controls>button{width:54px;height:54px;font-size:24px;border-color:#c6bfd6}
.carousel-track{width:min(430px,44vw);height:6px}.carousel-thumb{height:6px}
.project-card .image-scrim{background:linear-gradient(180deg,rgba(23,20,40,.04) 0%,rgba(23,20,40,.12) 28%,rgba(18,16,31,.73) 63%,rgba(11,10,20,.97) 100%)}
.project-bottom{padding:46px}
@media(max-width:800px){.hero{padding-top:160px}.hero h1{font-size:clamp(58px,10vw,82px)}.hero-intro{font-size:21.333px}.carousel .project-card{flex-basis:84vw;height:550px}.company-card{min-height:340px}.company-card p{font-size:18px}}
@media(max-width:560px){.hero{padding-top:145px;padding-bottom:75px}.hero h1{font-size:clamp(54px,13vw,70px)}.hero-intro{font-size:19px}.carousel{gap:18px}.carousel .project-card{flex-basis:88vw;height:500px}.carousel-controls{gap:15px}.carousel-controls>button{width:45px;height:45px}.carousel-track{width:min(210px,46vw)}.project-bottom{padding:22px}.company-card{min-height:270px}.company-card p{font-size:16px}.about-copy p,.detail-intro p,.case-head>p,.case-body p{font-size:19px}}
@media(hover:none),(prefers-reduced-motion:reduce){.cursor-trail{display:none}}
@media(max-width:560px){.hero-intro,.about-copy p,.detail-intro p,.case-head>p,.case-body p,.company-card p{font-size:21.333px}.company-grid{grid-template-columns:1fr}.company-card{min-height:260px}.company-card h3{font-size:25px}}
/* Glass surfaces and aligned section rhythm */
:root{--purple:#6846cd;--lavender:#ece5fb;--line:#ccbee7}
.hero{text-align:right}.hero h1{font-size:clamp(62px,7.2vw,100px);margin-bottom:24px}.hero h1 em{color:inherit}
.hero-intro{margin-left:auto;margin-right:0}.hero-actions{justify-content:flex-end}.ask-teaser{margin-left:auto;margin-right:0}
.section-head h2,.about h2,.case-body h2{font-size:clamp(33px,4vw,52px)}
.detail-intro h1,.case-head h1{font-size:clamp(52px,6vw,88px)}
.section{border-top:0}.selected,.about,.companies{border-top:0}
.selected.section::before,.companies.section::before,.about.section::before{content:"";display:block;width:min(1240px,calc(100% - 80px));height:1px;background:var(--line);margin:0 auto 22px}
.companies.wrap.section::before{width:100%}.section-head{margin-bottom:35px}.about-grid{align-items:start}.about-copy{padding-top:0}
.button.primary{background:rgba(104,70,205,.92);color:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 9px 24px rgba(71,45,139,.19);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);font-size:18px;padding:16px 24px}
.button.primary:hover{background:#5637b1;box-shadow:0 12px 28px rgba(71,45,139,.25)}
.nav,.ask-teaser,.company-card,.about-art,.chat-panel,.prompts button,#chat-form,.carousel-controls>button,.round-arrow{backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%)}
.nav{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.92);box-shadow:inset 0 1px 0 #fff,0 12px 35px rgba(47,35,80,.12)}
.ask-teaser{background:linear-gradient(120deg,rgba(255,255,255,.78),rgba(248,246,253,.65));border:1px solid rgba(202,189,229,.75);box-shadow:inset 0 1px 0 #fff,0 14px 38px rgba(61,46,95,.09)}
.company-card,.company-1,.company-2,.company-3{background:rgba(247,247,250,.66);border:1px solid rgba(217,210,230,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 28px rgba(52,41,74,.05)}
.company-card:hover{background:rgba(240,237,248,.77);border-color:rgba(164,145,202,.75);box-shadow:inset 0 1px 0 #fff,0 15px 35px rgba(52,41,74,.11)}
.project-card{border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 15px 35px rgba(31,20,50,.1)}
.pill{background:rgba(255,255,255,.23);border-color:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.round-arrow{background:rgba(104,70,205,.88);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 18px rgba(34,20,75,.18)}
.carousel-controls>button{display:grid;place-items:center;background:rgba(255,255,255,.73);border-color:rgba(198,181,222,.9);color:var(--purple);box-shadow:inset 0 1px 0 #fff,0 5px 15px rgba(54,40,90,.08)}
.about-art{background:rgba(247,247,250,.72);border-color:rgba(217,210,230,.82);box-shadow:inset 0 1px 0 #fff,0 12px 36px rgba(52,41,74,.06)}
.chat-panel{background:rgba(253,252,255,.9);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 35px 100px rgba(24,13,49,.18)}
.chat-message.assistant p{background:rgba(239,234,249,.78);border:1px solid rgba(218,207,239,.65);backdrop-filter:blur(14px)}
.prompts button{font-size:16px;background:rgba(255,255,255,.67);border-color:rgba(194,178,223,.8);box-shadow:inset 0 1px 0 #fff}
#chat-form{background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #fff}
#chat-form button{background:var(--purple);font-size:19px}
.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:-.18em;flex:none}
.round-arrow .ui-icon{width:25px;height:25px}.company-card-top .ui-icon{width:23px;height:23px}.carousel-controls .ui-icon{width:23px;height:23px}
.ask-icon .ui-icon,.chat-brand .ui-icon{width:24px;height:24px}.ask-arrow .ui-icon{width:22px;height:22px}.chat-avatar .ui-icon{width:21px;height:21px}
.art-mark .ui-icon{width:clamp(140px,25vw,330px);height:clamp(140px,25vw,330px);stroke-width:.7}
.text-link .ui-icon,.next-work .ui-icon{width:21px;height:21px}.text-link{font-size:18px}
@media(max-width:800px){.selected.section::before,.about.section::before{width:calc(100% - 40px)}}
@media(max-width:560px){.hero h1{font-size:clamp(52px,12vw,68px)}.section-head h2,.about h2,.case-body h2{font-size:35px}.detail-intro h1,.case-head h1{font-size:clamp(44px,11vw,60px)}.about-grid{gap:30px}.art-mark .ui-icon{width:190px;height:190px}}
/* Left-aligned portfolio copy */
.hero{text-align:left}
.hero-intro{margin-left:0;margin-right:auto}
.hero-actions{justify-content:flex-start}
.ask-teaser{margin-left:0;margin-right:auto}
/* Smaller titles, quiet controls, centered featured card */
.hero h1{font-size:clamp(54px,6.7vw,90px)}
.section-head h2,.about h2,.case-body h2{font-size:clamp(31px,3.5vw,45px)}
.detail-intro h1,.case-head h1{font-size:clamp(44px,5.2vw,75px)}
.project-title{font-size:clamp(28px,2.7vw,38px);max-width:590px}
.company-projects .project-title{font-size:clamp(30px,3vw,40px)}
.company-card h3{font-size:22px}.about-art>span:first-child{font-size:clamp(22px,2.5vw,36px)}
.button.primary{border:0;background:var(--purple);box-shadow:0 8px 20px rgba(73,45,150,.17);padding:15px 24px}
.button.primary:hover{background:#5d3bb9;box-shadow:0 10px 23px rgba(73,45,150,.23)}
.ask-teaser{border:0;background:rgba(247,245,251,.82);box-shadow:0 11px 28px rgba(61,46,95,.08)}
.ask-teaser:hover{box-shadow:0 14px 31px rgba(61,46,95,.13)}
.carousel-controls>button{border:0;background:rgba(241,238,248,.85);box-shadow:0 5px 15px rgba(54,40,90,.08)}
.round-arrow{border:0;background:var(--purple);box-shadow:0 6px 17px rgba(34,20,75,.2)}
.prompts button{border:0;background:rgba(240,235,249,.8);box-shadow:none}
#chat-form button{border:0}.chat-close{border:0}
.carousel{position:relative;padding-top:48px;padding-bottom:48px;scroll-snap-type:none}
.carousel .project-card{transform:scale(.83);transform-origin:center;opacity:.7;filter:saturate(.8);transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .42s,filter .42s,box-shadow .25s,border-color .25s;box-shadow:0 12px 30px rgba(31,20,50,.08)}
.carousel .project-card.is-active{transform:scale(1);opacity:1;filter:none;box-shadow:0 20px 46px rgba(31,20,50,.17)}
.project-card:hover,.carousel .project-card:hover,.carousel .project-card.is-active:hover{transform:scale(1);border-color:rgba(211,191,244,.9);box-shadow:0 22px 48px rgba(36,23,68,.19)}
.carousel .project-card:not(.is-active):hover{transform:scale(.83);filter:saturate(.92) brightness(1.04);box-shadow:0 16px 35px rgba(31,20,50,.16)}
.project-card:hover .round-arrow{transform:none;background:#fff;color:var(--purple)}
.company-card:hover{transform:none;box-shadow:0 13px 30px rgba(52,41,74,.12)}
.company-card:hover .company-card-top span:last-child{transform:none}
@media(max-width:560px){.hero h1{font-size:clamp(47px,11vw,62px)}.section-head h2,.about h2,.case-body h2{font-size:31px}.detail-intro h1,.case-head h1{font-size:clamp(41px,10vw,55px)}.project-title,.company-projects .project-title{font-size:28px}.company-card h3{font-size:22px}.carousel{padding-top:32px;padding-bottom:32px}.carousel .project-card{transform:scale(.9)}.carousel .project-card:not(.is-active):hover{transform:scale(.9)}}
/* Soft white controls and a continuous work section */
.button.primary{background:rgba(255,255,255,.88);color:var(--purple);border:1px solid rgba(213,203,232,.86);box-shadow:0 7px 18px rgba(56,42,93,.09)}
.button.primary:hover{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 10px 24px rgba(73,45,150,.2)}
.carousel-controls>button{background:rgba(255,255,255,.9);color:var(--purple);border:1px solid rgba(216,208,231,.9);box-shadow:0 5px 13px rgba(54,40,90,.07)}
.carousel-controls>button:hover{background:var(--purple);color:#fff;border-color:var(--purple)}
.round-arrow{background:rgba(255,255,255,.92);color:var(--purple);border:1px solid rgba(255,255,255,.75);box-shadow:0 5px 14px rgba(34,20,75,.13)}
.project-card:hover .round-arrow{background:var(--purple);color:#fff;border-color:var(--purple)}
.ask-teaser{background:rgba(255,255,255,.84);border:1px solid rgba(220,213,233,.9);box-shadow:0 9px 24px rgba(61,46,95,.07)}
.ask-teaser:hover{background:rgba(246,243,252,.96);border-color:rgba(181,162,215,.9)}
.company-card,.company-1,.company-2,.company-3{background:rgba(255,255,255,.84);border:1px solid rgba(225,220,234,.95);box-shadow:0 8px 23px rgba(52,41,74,.045)}
.company-card:hover{background:rgba(248,245,253,.92);border-color:rgba(187,172,215,.9)}
.about-art,.chat-panel{border:1px solid rgba(225,220,234,.8)}
.prompts button{background:rgba(255,255,255,.91);color:var(--purple);border:1px solid rgba(220,213,233,.85)}
.prompts button:hover{background:var(--purple);color:#fff;border-color:var(--purple)}
#chat-form button{background:#fff;color:var(--purple);border:1px solid rgba(220,213,233,.85)}
#chat-form button:hover{background:var(--purple);color:#fff;border-color:var(--purple)}
.image-scrim::after{content:"";position:absolute;inset:0;background:#05030b;opacity:0;transition:opacity .28s ease}
.project-card:hover .image-scrim::after{opacity:.2}
.selected.section{padding-bottom:28px}.companies.section{padding-top:42px}.companies.section::before{display:none}
.companies .section-head{justify-content:center;text-align:center;margin-bottom:28px}
.companies .section-head h2{font-size:clamp(27px,3vw,36px)}
.companies .company-grid{margin-top:0}
.carousel{scroll-behavior:auto}.carousel.dragging{scroll-behavior:auto}
@media(max-width:560px){.selected.section{padding-bottom:20px}.companies.section{padding-top:34px}.companies .section-head h2{font-size:29px}}
/* Editorial type refinement */
.button.primary{background:var(--purple);color:#fff;border:0;box-shadow:0 8px 21px rgba(72,45,144,.17);font-weight:700;letter-spacing:-.01em}
.button.primary:hover{background:#5738b0;color:#fff;border:0;box-shadow:0 11px 25px rgba(72,45,144,.23)}
.hero h1,.detail-intro h1,.case-head h1{font-weight:700;letter-spacing:-.068em;line-height:1.08}
.hero h1 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.035em;color:var(--ink)}
.hero-intro{max-width:770px;line-height:1.65;letter-spacing:-.012em;color:#4a4651}
.hero-intro strong{font-weight:700}
.section-head h2,.about h2,.case-body h2{font-weight:700;letter-spacing:-.048em;line-height:1.18}
.about h2 em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.025em;font-size:1.14em;line-height:1.04}
.project-title,.company-projects .project-title{font-weight:700;letter-spacing:-.038em;line-height:1.17}
.company-card h3{font-weight:700;letter-spacing:-.04em;line-height:1.24}
.company-card p,.about-copy p,.case-body p,.detail-intro p,.case-head>p{line-height:1.65;letter-spacing:-.009em}
.eyebrow,.overline{font-size:16px;letter-spacing:.12em;font-weight:700}
.project-meta small,.case-facts small{font-size:16px;letter-spacing:.1em}
.project-meta>span,.case-facts span{letter-spacing:-.01em}
.next-work a{letter-spacing:-.038em;font-weight:700}
.chat-message p{line-height:1.6;letter-spacing:-.005em}
@media(max-width:560px){.hero h1{line-height:1.12}.hero-intro{line-height:1.58}.about h2 em{font-size:1.1em}}
/* Consistent sans-serif typography and compact work continuation */
.hero h1 em{font-family:'Manrope',sans-serif;font-weight:700;font-style:normal;letter-spacing:-.068em;color:var(--ink)}
.about h2 em{font-family:'Manrope',sans-serif;font-weight:700;font-style:normal;letter-spacing:-.048em;font-size:1em;line-height:1.18;color:var(--purple)}
.button.primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 21px;font-size:16px;line-height:1.45;border-radius:999px}
.carousel-controls>button{width:44px;height:44px}.carousel-controls .ui-icon{width:20px;height:20px}
.round-arrow{width:44px;height:44px}.round-arrow .ui-icon{width:21px;height:21px}
.prompts button{min-height:40px;padding:9px 15px;font-size:16px}
#chat-form button{width:40px;height:40px}
.selected.section{padding-top:60px;padding-bottom:0}
.selected.section::before,.about.section::before{margin-bottom:42px}
.carousel{padding-top:23px;padding-bottom:12px}
.carousel-controls{margin-top:7px}
.companies.section{padding-top:20px;padding-bottom:85px}
.companies .section-head{margin-bottom:24px}
.companies .section-head h2{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:700;letter-spacing:.12em;line-height:1.3;text-transform:uppercase;color:var(--purple)}
@media(max-width:560px){.selected.section{padding-top:45px;padding-bottom:0}.selected.section::before,.about.section::before{margin-bottom:36px}.carousel{padding-top:18px;padding-bottom:10px}.companies.section{padding-top:16px;padding-bottom:65px}.companies .section-head h2{font-size:16px}}
/* Full-page chapters and featured project controls */
html{scroll-snap-type:y mandatory;scroll-padding-top:0}
.hero,.work-chapter,.about,.footer{scroll-snap-align:start;scroll-snap-stop:normal}
.hero,.work-chapter,.about{min-height:100svh}
.work-chapter{background:#fff}
.footer{scroll-snap-align:end}
.carousel .project-card,.carousel .project-card.is-active,.carousel .project-card:hover,.carousel .project-card.is-active:hover,.carousel .project-card:not(.is-active):hover{box-shadow:none}
.carousel .project-card{border-color:rgba(224,215,236,.65)}
.carousel-controls{margin-top:38px}
.view-project{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--purple);font:700 16px/1.2 'DM Sans',sans-serif;white-space:nowrap;box-shadow:0 5px 16px rgba(15,10,29,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .25s,color .25s}
.project-card:hover .view-project{background:var(--purple);color:#fff}
.companies.section{padding-top:76px}
.companies .section-head{margin-bottom:34px}
.companies .section-head h2{font:700 clamp(28px,3.4vw,38px)/1.2 'Manrope',sans-serif;letter-spacing:-.045em;text-transform:none;color:var(--purple)}
@media(max-width:800px){html{scroll-snap-type:y proximity}.companies.section{padding-top:62px}}
@media(max-width:560px){.carousel-controls{margin-top:26px}.companies.section{padding-top:55px}.companies .section-head h2{font-size:30px}.project-bottom{flex-wrap:wrap;gap:14px}.view-project{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Gentler chapter transitions and larger section label */
html{scroll-snap-type:y proximity}
.footer{scroll-snap-align:none}
.companies .section-head h2{font:700 clamp(23px,2.5vw,30px)/1.3 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--purple)}
@media(max-width:560px){.companies .section-head h2{font-size:23px}}
/* Natural page scrolling */
html{scroll-snap-type:none}
.hero,.work-chapter,.about,.footer{scroll-snap-align:none;scroll-snap-stop:normal}

.carousel.rebasing .project-card{transition:none!important}

.nav{border:1px solid rgba(103,99,111,.24)}
.companies .section-head{justify-content:flex-start;text-align:left}
.companies .section-head{justify-content:center;text-align:center}
.ask-teaser,.ask-teaser:hover{transform:none}
.ask-teaser{transition:background .2s,border-color .2s,box-shadow .2s}
.nav{background:rgba(255,255,255,.42);border-color:rgba(103,99,111,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.42),0 10px 30px rgba(47,35,80,.12);backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%)}
/* Keep section divider placement consistent across Work and About. */
.about.section{padding-top:60px}
@media(max-width:560px){.about.section{padding-top:45px}}
/* Quiet section surfaces in place of divider lines. */
.work-chapter{background:#f6f4fa}
.selected,.companies{background:transparent}
.about{background:#fff}
.selected.section::before,.about.section::before,.companies.section::before{display:none}
.selected.section,.about.section{padding-top:102px}
.footer{border-top:0}
@media(max-width:560px){.selected.section,.about.section{padding-top:81px}}
.hero{display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding-top:112px;padding-bottom:88px}
@media(max-width:560px){.hero{min-height:100svh;padding-top:108px;padding-bottom:72px}}
.selected .section-head{justify-content:center;text-align:center}
.companies .section-head h2{font-size:clamp(21px,2.25vw,27px)}
.button.primary{min-height:40px;padding:8px 18px;font-size:16px}
.carousel-controls>button{width:40px;height:40px}
.view-project{min-height:40px;padding:8px 16px;font-size:16px}
@media(max-width:560px){.companies .section-head h2{font-size:21px}}
/* Controls share the navigation's rounded glass rhythm. */
.button.primary,.view-project,.carousel-controls>button{min-height:44px;font-size:16px;font-weight:700;border-radius:999px}
.button.primary{padding:10px 20px;background:var(--purple);color:#fff;border:0;box-shadow:0 8px 20px rgba(73,45,150,.17)}
.carousel-controls>button{width:44px;height:44px;background:rgba(255,255,255,.68);color:var(--purple);border:1px solid rgba(103,99,111,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 16px rgba(47,35,80,.1);backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%)}
.view-project{padding:10px 18px;background:rgba(255,255,255,.86);color:var(--purple);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #fff,0 6px 17px rgba(15,10,29,.13);backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%)}
.project-card:hover .view-project{background:var(--purple);color:#fff;border-color:var(--purple)}
.view-project{background:#fff;border:0;box-shadow:0 5px 14px rgba(15,10,29,.14);backdrop-filter:none;-webkit-backdrop-filter:none}
.project-card:hover .view-project{background:var(--purple);border:0;color:#fff}
.footer{border-top:1px solid rgba(103,99,111,.18)}
@media(min-width:801px){.carousel{gap:14px}.carousel .project-card{flex-basis:min(1160px,88vw);transform:scale(.94)}.carousel .project-card:not(.is-active):hover{transform:scale(.94)}}
.carousel .project-card,.carousel .project-card.is-active,.carousel .project-card:hover,.carousel .project-card.is-active:hover{border:1px solid rgba(103,99,111,.28);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.carousel .project-card:hover,.carousel .project-card.is-active:hover{border-color:rgba(104,70,205,.46)}
.carousel .pill{background:rgba(22,18,35,.78);border:1px solid rgba(255,255,255,.28);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}

.selected .project-card .overline{display:block;color:#e9dcff;font:800 16px/1.25 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px}

small{font-size:16px}
@media(max-width:560px){.project-meta{flex-wrap:wrap;gap:12px 24px}}
.carousel-controls>button{background:#fff;border:1px solid rgba(103,99,111,.28);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .2s,color .2s,border-color .2s}
.carousel-controls>button:hover{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.carousel-thumb{transition:left .42s cubic-bezier(.22,.61,.36,1),width .3s ease}
@media(prefers-reduced-motion:reduce){.carousel-thumb{transition:none}}

.carousel-thumb{transition:none}
/* HealthSherpa case study: the portfolio's purple, outlined editorial system. */
.project-card.healthsherpa-card{background-color:#eaf1f9;background-position:center 16%;background-size:cover}
.project-card.healthsherpa-card .image-scrim{background:linear-gradient(180deg,rgba(17,24,46,.04) 0%,rgba(18,18,35,.09) 25%,rgba(16,13,32,.78) 69%,rgba(12,10,27,.98) 100%)}
.healthsherpa-card .project-meta>span:first-child{max-width:320px}
.hs-case{background:#fff}
.hs-intro{padding-top:100px;padding-bottom:47px}
.hs-intro .back-link{margin-bottom:58px}
.hs-intro .eyebrow,.hs-case .eyebrow{color:var(--purple)}
.hs-intro h1{font:700 clamp(47px,6vw,83px)/1.1 'Manrope',sans-serif;letter-spacing:-.06em;max-width:1050px;margin:20px 0 24px}
.hs-lede{font-size:clamp(19px,2.1vw,25px);color:#514d5d;line-height:1.55;max-width:860px;margin:0}
.hs-facts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;border-top:1px solid var(--line);margin-top:54px;padding-top:21px}
.hs-facts>div{display:grid;gap:8px}.hs-facts small,.hs-decision-grid small{font-size:14px;letter-spacing:.12em;font-weight:800;color:var(--purple)}
.hs-facts strong{font-size:16px;font-weight:600}.hs-visual{margin-block:0}.hs-visual img{display:block;width:100%;height:auto;border:1px solid #ded9e9;border-radius:13px;background:#f7f8fb}
.hs-hero-visual{padding-bottom:90px}.hs-hero-visual img{height:min(620px,60vw);object-fit:cover;object-position:top}
.hs-visual figcaption,.hs-layouts figcaption{font-size:14px;line-height:1.55;color:var(--muted);margin-top:12px}
.hs-section{padding-block:108px}.hs-tint,.hs-results-intro{background:#f6f4fa}.hs-section>.wrap{position:relative}
.hs-heading{max-width:860px}.hs-heading h2{font:700 clamp(34px,4.1vw,55px)/1.16 'Manrope',sans-serif;letter-spacing:-.055em;margin:16px 0 19px}
.hs-heading p,.hs-prose p,.hs-insights p,.hs-options p{font-size:18px;line-height:1.68;color:#514d5d;margin:0 0 20px}
.hs-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(48px,8vw,130px)}
.hs-split .hs-heading{max-width:480px}.hs-prose p:first-child{margin-top:4px}.hs-callout{display:grid;gap:13px;background:#fff;border:1px solid #dad4e8;border-radius:13px;padding:26px 30px;margin-top:32px}
.hs-callout strong{font:700 21px/1.35 'Manrope',sans-serif;letter-spacing:-.025em;color:var(--purple)}.hs-callout span{font-size:17px;line-height:1.6;color:#514d5d}
.hs-wide{grid-template-columns:minmax(170px,.42fr) 1fr;gap:28px;background:#f9f8fc;margin-top:34px}
.hs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.hs-metrics>div{border:1px solid #ded8e9;background:#fff;border-radius:13px;padding:26px;display:flex;flex-direction:column;gap:12px}
.hs-metrics strong{font:700 clamp(35px,3.7vw,52px)/1 'Manrope',sans-serif;letter-spacing:-.06em;color:var(--purple)}.hs-metrics span{font-size:16px;line-height:1.55;color:#514d5d}
.hs-note,.hs-aside{font-size:15px;line-height:1.6;color:#625d6a;margin:20px 0 0;max-width:920px}
.hs-insights,.hs-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.hs-insights article,.hs-options article{border:1px solid #ddd7e8;border-radius:13px;background:#fff;padding:27px}
.hs-insights article>span,.hs-options article>span{color:var(--purple);font-size:14px;letter-spacing:.12em;font-weight:800}.hs-insights h3,.hs-options h3{font:700 22px/1.25 'Manrope',sans-serif;letter-spacing:-.035em;margin:24px 0 10px}.hs-insights p,.hs-options p{font-size:16px;margin:0}
.hs-options article{background:#faf9fc}.hs-decision-grid{display:grid;gap:13px;margin-top:28px}.hs-decision-grid>div{border-top:1px solid #dcd5e8;padding-top:13px;display:grid;grid-template-columns:100px 1fr;gap:16px}.hs-decision-grid strong{font-size:16px;font-weight:600}
.hs-layouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}.hs-layouts figure{margin:0;min-width:0}.hs-layouts img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;object-position:top left;background:#f5f5f8;border:1px solid #ddd7e8;border-radius:12px}.hs-layouts figcaption strong{display:block;color:var(--ink);font-size:16px;margin-bottom:3px}
.hs-final{margin-top:35px}.hs-final img{max-height:none}.hs-steps{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.hs-steps span{border:1px solid #d8d1e5;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:700;letter-spacing:.03em;color:var(--purple)}
.hs-case .next-work{margin-top:0}
@media(max-width:900px){.hs-metrics{grid-template-columns:repeat(2,1fr)}.hs-split{gap:42px}}
@media(max-width:700px){.hs-intro{padding-top:86px}.hs-intro .back-link{margin-bottom:48px}.hs-intro h1 br{display:none}.hs-facts{grid-template-columns:1fr 1fr;gap:21px}.hs-hero-visual{padding-bottom:48px}.hs-hero-visual img{height:330px}.hs-section{padding-block:72px}.hs-split,.hs-tint .hs-split{grid-template-columns:1fr;gap:25px}.hs-insights,.hs-options{grid-template-columns:1fr}.hs-layouts{grid-template-columns:1fr;gap:33px}.hs-layouts img{aspect-ratio:1.7}.hs-wide{grid-template-columns:1fr;gap:10px}.hs-heading h2{font-size:clamp(34px,7vw,46px)}}
@media(max-width:480px){.hs-intro{padding-top:78px}.hs-intro h1{font-size:clamp(42px,10vw,53px)}.hs-facts{grid-template-columns:1fr}.hs-hero-visual{width:calc(100% - 40px)}.hs-hero-visual img{height:250px}.hs-metrics{grid-template-columns:1fr}.hs-callout{padding:23px}.hs-decision-grid>div{grid-template-columns:1fr;gap:5px}.hs-case .next-work{flex-direction:column}}
/* One faithful desktop screen on a violet branded canvas. */
.project-card.healthsherpa-card{background:#30238c;border-radius:8px}
.hs-showcase{position:relative;overflow:hidden;width:100%;height:100%;border-radius:inherit;background:radial-gradient(circle at 42% 53%,rgba(146,93,255,.66),transparent 47%),radial-gradient(circle at 8% 13%,rgba(75,135,220,.7),transparent 49%),linear-gradient(128deg,#293c99 0%,#33239a 53%,#6130ca 100%)}
.hs-desktop-shot{position:absolute;top:12%;left:9%;width:82%;height:auto;overflow:hidden;border:0;border-radius:5px;background:#f3f8fc;box-shadow:0 29px 70px rgba(9,5,60,.38)}
.hs-desktop-shot img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top left;border:0;border-radius:0}
.project-card.healthsherpa-card .hs-showcase{position:absolute;inset:0;border-radius:0;z-index:-2}
.project-card.healthsherpa-card .image-scrim{z-index:-1;background:linear-gradient(180deg,rgba(15,10,44,.01) 0%,rgba(18,12,46,.06) 28%,rgba(19,11,46,.82) 76%,rgba(12,8,32,.98) 100%)}
.hs-hero-visual .hs-showcase{height:auto;aspect-ratio:auto;padding:5.5% 8% 7%;border:0;border-radius:8px}
.hs-hero-visual .hs-desktop-shot{position:relative;top:auto;left:auto;width:100%;height:auto}
@media(max-width:700px){.hs-desktop-shot{top:12%;left:6%;width:88%;height:auto}}
@media(max-width:480px){.project-card.healthsherpa-card .hs-desktop-shot{top:13%;left:5%;width:90%;height:auto}.project-card.healthsherpa-card .image-scrim{background:linear-gradient(180deg,transparent 0%,rgba(14,9,41,.05) 28%,rgba(16,10,40,.86) 66%,rgba(12,8,32,.99) 100%)}}
/* Source-rich case study: images retain the full concept and prototype screens. */
.hs-source-figure{padding-bottom:95px}
.hs-source-figure img{max-height:none;object-fit:contain;border-radius:8px}
.hs-source-figure figcaption,.hs-concept-gallery figcaption,.hs-layouts figcaption{max-width:900px;font-size:15px;line-height:1.55;color:var(--muted)}
.hs-source-figure figcaption strong,.hs-concept-gallery figcaption strong{color:var(--ink)}
.hs-research-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:39px 0 30px}
.hs-research-map>div{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid #ded8e9;border-radius:10px;padding:24px}
.hs-research-map small,.hs-experience-grid small,.hs-waves small{font:800 13px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;color:var(--purple)}
.hs-research-map strong{font:700 20px/1.25 'Manrope',sans-serif;letter-spacing:-.03em}
.hs-research-map span{font-size:15px;line-height:1.5;color:#625d6a}
.hs-concept-gallery{display:grid;grid-template-columns:1fr;gap:40px;margin-top:37px}
.hs-concept-gallery figure{min-width:0;margin:0}
.hs-concept-gallery .hs-concept-lead{grid-column:1/-1}
.hs-concept-gallery img,.hs-layouts img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:top left;border:1px solid #ddd7e8;border-radius:8px;background:#f5f8fa}
.hs-concept-gallery figcaption{margin-top:12px}.hs-concept-gallery figcaption strong{display:block;font-size:16px;margin-bottom:3px}
.hs-concept-gallery .hs-concept-lead img{width:100%}
.hs-layouts{grid-template-columns:1fr;gap:38px}
.hs-layouts figure:first-child{grid-column:1/-1}
.hs-layouts figure:first-child img{max-width:100%}
.hs-layouts img{aspect-ratio:auto}
.hs-sync-figure{margin-top:46px}.hs-sync-figure img{width:min(930px,100%);margin-inline:auto;max-height:none;object-fit:contain;border-radius:8px}
.hs-sync-figure figcaption{max-width:930px;margin-inline:auto}
.hs-experience-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:34px}
.hs-experience-grid>div{border-top:1px solid #d8d1e5;padding-top:18px}
.hs-experience-grid strong{display:block;font:700 17px/1.3 'Manrope',sans-serif;margin-top:13px;letter-spacing:-.025em}
.hs-experience-grid p{font-size:15px;line-height:1.5;color:#625d6a;margin:8px 0 0}
.hs-waves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}
.hs-waves article{border:1px solid #ded8e9;background:#fff;border-radius:12px;padding:27px}
.hs-waves h3,.hs-evidence h3,.hs-outcome-list h3{font:700 21px/1.3 'Manrope',sans-serif;letter-spacing:-.035em;margin:17px 0 12px}
.hs-waves p,.hs-evidence p,.hs-outcome-list p{font-size:16px;line-height:1.6;color:#514d5d;margin:0}
.hs-evidence{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;margin-top:45px;padding-top:35px;border-top:1px solid #ded8e9}
.hs-evidence h3{margin-bottom:22px}.hs-evidence p{margin-top:22px}
.hs-survey-bars{display:grid;gap:10px}
.hs-survey-bars>div{display:grid;grid-template-columns:18px 1fr 26px;gap:12px;align-items:center;font-size:15px;font-weight:700;color:var(--ink)}
.hs-survey-bars i{height:20px;display:block;position:relative;background:#e9e4f1;border-radius:4px;overflow:hidden}
.hs-survey-bars i::before{content:'';display:block;width:var(--bar);height:100%;background:#7654bf;border-radius:4px}
.hs-survey-bars>div:nth-last-child(-n+2) i::before{background:#6242b8}
.hs-survey-bars b{font-weight:700;text-align:right}
.hs-outcome-list{margin-top:33px;border-top:1px solid #ddd6e9}
.hs-outcome-list article{display:grid;grid-template-columns:minmax(160px,.32fr) 1fr;gap:28px;border-bottom:1px solid #ddd6e9;padding:29px 0}
.hs-outcome-list article>strong{font:700 clamp(38px,4.4vw,58px)/1 'Manrope',sans-serif;color:var(--purple);letter-spacing:-.06em}
.hs-outcome-list h3{margin:0 0 7px}.hs-outcome-list p{max-width:760px}
.hs-closing{background:#f6f4fa;border:1px solid #e2dceb;border-radius:12px;padding:clamp(28px,4vw,56px);margin-top:60px}
.hs-closing p{font:700 clamp(26px,3vw,42px)/1.3 'Manrope',sans-serif;letter-spacing:-.045em;max-width:980px;margin:20px 0 0;color:var(--purple)}
@media(max-width:900px){.hs-research-map{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.hs-source-figure{padding-bottom:54px}.hs-concept-gallery,.hs-layouts,.hs-waves,.hs-evidence{grid-template-columns:1fr}.hs-concept-gallery .hs-concept-lead,.hs-layouts figure:first-child{grid-column:auto}.hs-evidence{gap:38px}.hs-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.hs-research-map{grid-template-columns:1fr}.hs-experience-grid{grid-template-columns:1fr 1fr}.hs-outcome-list article{grid-template-columns:1fr;gap:12px}.hs-source-figure{width:calc(100% - 40px)}.hs-source-figure img{border-radius:8px}}
/* Company marks and clearer descriptions in More projects. */
.company-card{min-height:420px;padding:25px}
.company-card-top{align-items:flex-start}
.company-mark{display:grid;place-items:center;width:78px;height:78px;flex:none;border:1px solid rgba(210,202,226,.9);border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(42,31,75,.06)}
.company-mark img{display:block;width:58px;height:58px;object-fit:contain}
.company-mark-healthsherpa{background:#eef6fc;border-color:#d5e8f5}
.company-mark-healthsherpa img{width:58px;height:45px}
.company-mark-calendly{background:#fff;border-color:#dce8fb}
.company-mark-calendly img{width:57px;height:57px}
.company-mark-ukg{width:112px;background:#e9f8f5;border-color:#cfeae5}
.company-mark-ukg img{width:94px;height:42px}
.side-quest-mark{background:#f1ebff;color:#7552be;border-color:#e1d6f5}
.side-quest-mark svg{display:block;width:54px;height:54px}
.company-card-arrow{display:grid;place-items:center;width:34px;height:34px;color:var(--purple)}
.company-card h3{font-size:clamp(21px,1.7vw,24px);line-height:1.25;margin:12px 0 10px}
.company-card p{font-size:17px;line-height:1.48;max-width:31ch;color:#504d57}
@media(max-width:800px){.company-card{min-height:370px}}
@media(max-width:560px){.company-card{min-height:315px;padding:23px}.company-card p{font-size:17px;max-width:36ch}}

/* More projects: quiet white cards with scalable brand marks */
.company-card,.company-1,.company-2,.company-3{
  min-height:415px;
  padding:11px 11px 17px;
  background:#fff;
  border:1px solid #ded9e8;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
}
.company-card:hover{
  background:#fff;
  border-color:#bba9db;
  box-shadow:0 13px 30px rgba(52,41,74,.09);
}
.company-card-media{
  height:184px;
  flex:none;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#fff;
  border:1px solid #efedf3;
  border-radius:10px;
}
.company-card .company-mark,.company-card .company-mark-ukg{
  width:100%;height:100%;border:0;border-radius:0;background:transparent;box-shadow:none;
}
.company-card .company-mark img{display:block;max-width:72%;max-height:72%;object-fit:contain;filter:none}
.company-card .company-mark-healthsherpa img{width:112px;height:84px}
.company-card .company-mark-calendly img{width:86px;height:86px}
.company-card .company-mark-ukg img{width:165px;height:68px}
.company-card .side-quest-mark img{width:104px;height:104px;max-width:72%;max-height:80%}
.company-card-content{padding:18px 10px 9px}
.company-card .company-sector{display:block;font-size:12px;line-height:1.4;letter-spacing:.105em}
.company-card h3{margin:7px 0 7px;font-size:22px;line-height:1.22}
.company-card p{margin:0;font-size:16px;line-height:1.43;max-width:none}
.company-card .company-card-arrow{
  width:32px;height:32px;margin:auto 0 0 10px;
  display:grid;place-items:center;color:var(--purple);
  border:1px solid transparent;border-radius:50%;
  transition:border-color .2s ease,background-color .2s ease
}
.company-card .company-card-arrow .ui-icon{width:20px;height:20px}
.company-card:hover .company-card-arrow,.company-card:focus-visible .company-card-arrow{border-color:#bba9db;background:#fff}
@media(max-width:800px){.company-card{min-height:400px}.company-card-media{height:178px}}
@media(max-width:560px){
  .company-card{min-height:0;padding:11px 11px 17px}
  .company-card-media{height:205px}
  .company-card-content{padding:18px 10px 9px}
  .company-card h3{font-size:22px}
  .company-card p{font-size:17px}
}
.companies.section{padding-bottom:118px}
@media(max-width:800px){.companies.section{padding-bottom:100px}}
@media(max-width:560px){.companies.section{padding-bottom:88px}}
.companies .section-head{margin-bottom:50px}
.companies .section-head h2{
  font:700 clamp(28px,2.6vw,34px)/1.2 'Manrope',sans-serif;
  letter-spacing:-.045em;
  text-transform:none;
  color:var(--ink)
}
@media(max-width:560px){
  .companies .section-head{margin-bottom:40px}
  .companies .section-head h2{font-size:28px}
}
/* Keep the featured card and its progress controls together on typical screens. */
.selected.section{padding-top:80px}
.selected .section-head{margin-bottom:24px}
.carousel{padding-top:18px}
.carousel-controls{margin-top:24px}
.carousel .project-card{height:clamp(440px,calc(100svh - 300px),640px)}
@media(max-width:800px){
  .carousel .project-card{height:clamp(420px,calc(100svh - 280px),590px)}
}
@media(max-width:560px){
  .selected.section{padding-top:64px}
  .carousel .project-card{height:clamp(360px,calc(100svh - 248px),520px)}
}
/* Company inventories use the same showcase frame as Selected work. */
.company-projects.wrap{gap:56px}
.company-projects .project-card{
  height:clamp(440px,calc(100svh - 300px),640px);
  border:1px solid rgba(103,99,111,.28);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
.company-projects .project-card:hover{transform:none;border-color:rgba(104,70,205,.46);box-shadow:none}
.company-projects .pill{
  background:rgba(22,18,35,.78);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
@media(max-width:800px){
  .company-projects.wrap{gap:44px}
  .company-projects .project-card{height:clamp(420px,calc(100svh - 280px),590px)}
}
@media(max-width:560px){
  .company-projects.wrap{gap:34px}
  .company-projects .project-card{height:clamp(360px,calc(100svh - 248px),520px)}
}
/* Calendly managed-event case study */
.calendly-card{background:#41346c!important}
.calendly-card .image-scrim{z-index:1;background:linear-gradient(180deg,rgba(19,12,48,.05) 25%,rgba(17,12,34,.18) 43%,rgba(18,13,35,.96) 100%)}
.calendly-card .cal-showcase{position:absolute;inset:0;z-index:0;display:flex;align-items:flex-start;justify-content:center;padding:34px 35px 0;background:radial-gradient(circle at 57% 28%,#a38ae5 0%,#6b56a7 37%,#33264e 100%)}
.calendly-card .cal-showcase img{display:block;width:100%;height:auto;max-height:75%;object-fit:contain;object-position:top;filter:drop-shadow(0 18px 30px rgba(21,12,50,.3))}
.calendly-card .project-top,.calendly-card .project-bottom{position:relative;z-index:2}
.cal-case{overflow:hidden}.cal-case h1,.cal-case h2,.cal-case h3{font-family:'Manrope',sans-serif;letter-spacing:-.055em}.cal-case h2{font-size:clamp(34px,4.3vw,60px);line-height:1.11;margin:12px 0 22px}.cal-case p{color:#524d5d}.cal-case .eyebrow{color:var(--purple);font-size:13px;letter-spacing:.14em}.cal-intro{padding:62px 0 38px}.cal-intro .back-link{display:inline-flex;margin-bottom:42px}.cal-intro h1{font-size:clamp(48px,6.2vw,88px);line-height:1.07;letter-spacing:-.07em;margin:21px 0 20px}.cal-intro h1 em{font-style:normal;color:var(--purple)}.cal-lede{font-size:clamp(19px,2.2vw,26px);line-height:1.5;max-width:780px;margin:0}.cal-facts{display:flex;gap:46px;flex-wrap:wrap;margin-top:42px;border-top:1px solid var(--line);padding-top:23px}.cal-facts div{display:grid;gap:5px}.cal-facts small{font-size:12px;color:var(--purple);font-weight:800;letter-spacing:.11em}.cal-facts strong{font-size:15px}.cal-hero-art{margin-top:24px;margin-bottom:75px}.cal-hero-art .cal-figure{background:radial-gradient(circle at 55% 35%,#b7a3ee,#6b51ab 56%,#493477);padding:clamp(16px,3vw,44px);border-radius:17px}.cal-hero-art .cal-figure img{background:#fff;border-radius:8px;box-shadow:0 24px 55px rgba(27,11,72,.22)}.cal-hero-art figcaption{color:#f8f5ff}.cal-band{background:#eee9fa;padding:72px 0}.cal-band-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.cal-band-grid p{max-width:720px;font-size:19px;line-height:1.65}.cal-big-number{font:800 clamp(82px,12vw,160px)/1 'Manrope',sans-serif;color:var(--purple);letter-spacing:-.095em}.cal-big-number span{font-size:.55em}.cal-small-note{font-size:14px!important;line-height:1.6;color:#6c6479!important;max-width:1000px}.cal-section{padding-top:100px;padding-bottom:100px}.cal-two{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,110px)}.cal-prose{font-size:18px;line-height:1.75}.cal-prose p:first-child{margin-top:0}.cal-callout{display:grid;gap:12px;padding:24px;border-left:3px solid var(--purple);background:#f1ebfb;margin-top:27px;font-size:16px;line-height:1.6}.cal-callout strong{color:var(--purple)}.cal-tint{background:#f5f2fa}.cal-heading{max-width:850px;margin-bottom:43px}.cal-heading p{font-size:19px;line-height:1.65}.cal-finding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0 48px}.cal-finding-grid article{border:1px solid #ded6eb;background:white;border-radius:13px;padding:25px}.cal-finding-grid small{font-size:12px;color:var(--purple);font-weight:800;letter-spacing:.13em}.cal-finding-grid h3{font-size:20px;margin:13px 0 9px}.cal-finding-grid p{margin:0}.cal-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.cal-figure{margin:0;min-width:0}.cal-figure img{display:block;width:100%;height:auto;object-fit:contain;background:white;border:1px solid #e4dfeb;border-radius:9px}.cal-figure figcaption{font-size:14px;line-height:1.5;color:#67616f;margin-top:13px}.cal-decision{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.cal-decision span{font-size:13px;font-weight:800;letter-spacing:.06em;padding:10px 13px;border-radius:30px;border:1px solid #d8cbea;color:var(--purple)}.cal-results{display:grid;grid-template-columns:auto 1fr;gap:35px;align-items:center;border-top:1px solid #dcd3e9;margin-top:42px;padding-top:30px}.cal-results strong,.cal-stat-row strong{color:var(--purple);font:800 clamp(44px,5vw,72px)/1 'Manrope',sans-serif;letter-spacing:-.07em}.cal-results p{font-size:17px;max-width:770px;line-height:1.6}.cal-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:42px 0 20px}.cal-stat-row.two{grid-template-columns:repeat(2,1fr)}.cal-stat-row>div{border-top:1px solid #cabfe0;padding:22px 0;display:grid;gap:13px}.cal-stat-row span{color:#524d5d;font-size:16px}.cal-quote{display:flex;gap:28px;align-items:center;padding:26px 30px;margin:40px 0;background:#e7def8;border-radius:13px;line-height:1.6}.cal-quote strong{font:800 26px/1.2 'Manrope',sans-serif;color:var(--purple);min-width:190px}.cal-final-image{margin:0 auto 90px}.cal-close p{max-width:850px;font-size:19px;line-height:1.7}.cal-close .text-link{display:inline-flex;margin-top:22px;color:var(--purple)}
@media(max-width:800px){.cal-two{grid-template-columns:1fr;gap:16px}.cal-band-grid{grid-template-columns:1fr}.cal-big-number{order:-1}.cal-finding-grid{grid-template-columns:1fr}.cal-finding-grid article{padding:20px}.calendly-card .cal-showcase{padding:26px 22px 0}}
@media(max-width:560px){.cal-intro{padding-top:40px}.cal-intro .back-link{margin-bottom:26px}.cal-facts{gap:18px;flex-direction:column}.cal-hero-art{margin-bottom:40px}.cal-section{padding-top:70px;padding-bottom:70px}.cal-band{padding:55px 0}.cal-gallery{grid-template-columns:1fr;gap:34px}.cal-stat-row,.cal-stat-row.two{grid-template-columns:1fr;gap:0}.cal-results{grid-template-columns:1fr;gap:0}.cal-quote{display:grid;gap:10px}.calendly-card .cal-showcase{padding:18px 13px 0}.calendly-card .cal-showcase img{max-height:68%}}
/* Match the Calendly hero framing to the HealthSherpa product showcase. */
.calendly-card .cal-showcase{
  inset:0;display:block;padding:0;overflow:hidden;
  background:radial-gradient(circle at 42% 53%,rgba(146,93,255,.66),transparent 47%),radial-gradient(circle at 8% 13%,rgba(75,135,220,.7),transparent 49%),linear-gradient(128deg,#293c99 0%,#33239a 53%,#6130ca 100%)
}
.calendly-card .cal-showcase img{
  position:absolute;top:12%;left:9%;width:82%;height:auto;max-height:none;
  object-fit:contain;object-position:top left;border:0;border-radius:5px;
  box-shadow:0 29px 70px rgba(9,5,60,.38);filter:none
}
.cal-hero-art .cal-figure{
  background:radial-gradient(circle at 42% 53%,rgba(146,93,255,.66),transparent 47%),radial-gradient(circle at 8% 13%,rgba(75,135,220,.7),transparent 49%),linear-gradient(128deg,#293c99 0%,#33239a 53%,#6130ca 100%);
  padding:5.5% 8% 4%;border-radius:8px
}
.cal-hero-art .cal-figure img{border:0;border-radius:5px;box-shadow:0 29px 70px rgba(9,5,60,.38)}
.cal-hero-art .cal-figure figcaption{margin-top:20px}
@media(max-width:700px){.calendly-card .cal-showcase img{top:12%;left:6%;width:88%}}
@media(max-width:480px){.calendly-card .cal-showcase img{top:13%;left:5%;width:90%}}
/* Restore the bottom-aligned card copy and crop the browser mockup to the product screen. */
.calendly-card .project-bottom{position:absolute;bottom:0;left:0;right:0;z-index:2}
.calendly-card .project-top{position:relative;z-index:2}
.calendly-card .cal-screen{position:absolute;top:12%;left:9%;width:82%}
.cal-screen{aspect-ratio:1.73;overflow:hidden;border-radius:5px;background:#fff;box-shadow:0 29px 70px rgba(9,5,60,.38)}
.calendly-card .cal-showcase .cal-screen img,.cal-hero-art .cal-screen img{
  position:absolute;top:-12%;left:-7%;width:109%;height:auto;max-width:none;max-height:none;
  border:0;border-radius:0;box-shadow:none;filter:none;object-fit:initial
}
.cal-hero-art .cal-figure{padding:5.5% 8% 4%}
.cal-hero-art .cal-screen{position:relative;width:100%;margin:0}
@media(max-width:700px){.calendly-card .cal-screen{left:6%;width:88%}}
@media(max-width:480px){.calendly-card .cal-screen{top:13%;left:5%;width:90%}}
/* Source-deck hero: crop the browser strip only, preserve the interface bottom. */
.cal-screen{aspect-ratio:1.7}
.calendly-card .cal-showcase .cal-screen img,.cal-hero-art .cal-screen img{
  top:-22.5%;left:-7.6%;width:159.4%;height:auto
}
.cal-hero-art .cal-figure{padding-bottom:5.5%}
/* Use Amber's supplied final product mockup without cropping. */
.cal-screen{aspect-ratio:1511 / 893;background:transparent;overflow:visible;box-shadow:none}
.calendly-card .cal-showcase .cal-screen img,.cal-hero-art .cal-screen img{
  position:static;display:block;top:auto;left:auto;width:100%;height:auto;
  max-width:100%;max-height:none;object-fit:contain;border:0;border-radius:0;
  box-shadow:none;filter:drop-shadow(0 24px 35px rgba(9,5,60,.28))
}
.cal-hero-art .cal-figure img{border:0;background:transparent}
/* Consistent card corners and a single-line project headline where space permits. */
.project-card,.project-card.healthsherpa-card,.company-card{border-radius:12px}
@media(min-width:1100px){
  .project-card:is(.healthsherpa-card,.calendly-card) .project-title{
    max-width:none;white-space:nowrap;font-size:clamp(25px,2.25vw,32px);letter-spacing:-.045em
  }
  .project-card:is(.healthsherpa-card,.calendly-card) .project-copy{min-width:0}
}
/* Four related but distinct gradients for the featured work, reused in company inventories. */
.project-card.healthsherpa-card .hs-showcase{
  background:radial-gradient(circle at 32% 28%,rgba(128,184,255,.46),transparent 48%),radial-gradient(circle at 75% 70%,rgba(158,99,244,.32),transparent 53%),linear-gradient(132deg,#273d95 0%,#4b32ab 62%,#703cc4 100%)
}
.project-card.calendly-card .cal-showcase{
  background:radial-gradient(circle at 62% 22%,rgba(212,186,255,.43),transparent 49%),radial-gradient(circle at 10% 72%,rgba(128,151,234,.25),transparent 56%),linear-gradient(130deg,#4b408d 0%,#6c4caf 56%,#8e61c6 100%)
}
.project-card.gradient-card{background:none}
.gradient-showcase{position:absolute;inset:0;z-index:-2;overflow:hidden}
.gradient-screen{position:absolute;top:12%;left:9%;width:82%;overflow:hidden;border-radius:5px;box-shadow:0 29px 70px rgba(9,5,60,.3)}
.gradient-screen img{display:block;width:100%;height:auto}
.project-card.company-ukg .gradient-showcase{
  background:radial-gradient(circle at 26% 30%,rgba(215,174,220,.38),transparent 48%),radial-gradient(circle at 81% 72%,rgba(142,127,208,.23),transparent 49%),linear-gradient(135deg,#554378 0%,#76517e 52%,#9b72a8 100%)
}
.project-card.company-side-quests .gradient-showcase{
  background:radial-gradient(circle at 70% 26%,rgba(241,195,225,.38),transparent 46%),radial-gradient(circle at 17% 72%,rgba(157,140,238,.3),transparent 49%),linear-gradient(135deg,#614c9c 0%,#8562ae 52%,#ad79b8 100%)
}
.project-card.gradient-card .image-scrim{background:linear-gradient(180deg,rgba(19,11,38,.02) 0%,rgba(24,12,43,.05) 29%,rgba(20,12,37,.84) 76%,rgba(12,8,30,.98) 100%)}
@media(max-width:700px){.gradient-screen{left:6%;width:88%}}
@media(max-width:480px){.gradient-screen{top:13%;left:5%;width:90%}}
.hs-hero-visual .hs-showcase{
  background:radial-gradient(circle at 32% 28%,rgba(128,184,255,.46),transparent 48%),radial-gradient(circle at 75% 70%,rgba(158,99,244,.32),transparent 53%),linear-gradient(132deg,#273d95 0%,#4b32ab 62%,#703cc4 100%)
}
.cal-hero-art .cal-figure{
  background:radial-gradient(circle at 62% 22%,rgba(212,186,255,.43),transparent 49%),radial-gradient(circle at 10% 72%,rgba(128,151,234,.25),transparent 56%),linear-gradient(130deg,#4b408d 0%,#6c4caf 56%,#8e61c6 100%)
}
/* Case study header hierarchy: return link above the category line. */
.cal-intro{padding-top:100px}
.cal-intro .back-link{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-bottom:58px}
.cal-intro > .eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
@media(max-width:560px){.cal-intro{padding-top:62px}.cal-intro .back-link{margin-bottom:48px}}
/* Breadcrumbs follow the entry point used to open a case study. */
.case-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;text-transform:uppercase;line-height:1.5}
.case-breadcrumb a{text-decoration:none}
.case-breadcrumb a:hover,.case-breadcrumb a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.case-breadcrumb [aria-hidden="true"]{opacity:.48}
.case-breadcrumb [aria-current="page"]{color:var(--ink)}
/* Shared editorial scale and spacing across portfolio case studies. */
.hs-intro,.cal-intro,.case-head{padding-top:100px;padding-bottom:47px}
.hs-intro .back-link,.cal-intro .back-link,.case-head .back-link{
  display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-bottom:58px
}
.hs-case .eyebrow,.cal-case .eyebrow,.case-head .eyebrow{font-size:16px;letter-spacing:.14em;line-height:1.5;color:var(--purple)}
.hs-intro h1,.cal-intro h1,.case-head h1{
  font:700 clamp(47px,6vw,83px)/1.1 'Manrope',sans-serif;
  letter-spacing:-.06em;max-width:1100px;margin:20px 0 24px
}
.hs-lede,.cal-lede,.case-head>p{
  font-size:clamp(19px,2.1vw,25px);line-height:1.55;
  color:#514d5d;max-width:860px;margin:0
}
.hs-facts,.cal-facts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;border-top:1px solid var(--line);margin-top:54px;padding-top:21px}
.hs-facts>div,.cal-facts>div{display:grid;align-content:start;gap:8px}
.hs-facts small,.cal-facts small{font-size:16px;letter-spacing:.12em;font-weight:800;color:var(--purple)}
.hs-facts strong,.cal-facts strong{font-size:16px;font-weight:600;line-height:1.5}
.hs-hero-visual,.cal-hero-art{margin-top:24px;margin-bottom:0;padding-bottom:90px}
.hs-section,.cal-section{padding-top:100px;padding-bottom:100px}
.hs-case h2,.cal-case h2{font:700 clamp(34px,4.1vw,55px)/1.16 'Manrope',sans-serif;letter-spacing:-.055em;margin:16px 0 19px}
.hs-heading p,.hs-prose p,.cal-heading p,.cal-prose p,.cal-band-grid p,.cal-close p{
  font-size:18px;line-height:1.68;color:#514d5d;margin-bottom:20px
}
.hs-prose p:first-child,.cal-prose p:first-child{margin-top:0}
.hs-callout span,.cal-callout span{font-size:17px;line-height:1.6}
.hs-case small,.cal-case small,.hs-note,.hs-aside,.cal-small-note,
.hs-visual figcaption,.hs-concept-gallery figcaption,.hs-layouts figcaption,.cal-figure figcaption{
  font-size:16px!important;line-height:1.6
}
.hs-steps span,.cal-decision span{font-size:16px}
@media(max-width:700px){
  .hs-intro,.cal-intro,.case-head{padding-top:86px}
  .hs-intro .back-link,.cal-intro .back-link,.case-head .back-link{margin-bottom:48px}
  .hs-facts,.cal-facts{grid-template-columns:1fr 1fr;gap:21px}
  .hs-hero-visual,.cal-hero-art{padding-bottom:54px}
  .hs-section,.cal-section{padding-top:72px;padding-bottom:72px}
}
@media(max-width:480px){
  .hs-intro,.cal-intro,.case-head{padding-top:78px}
  .hs-intro h1,.cal-intro h1,.case-head h1{font-size:clamp(42px,10vw,53px)}
  .hs-intro h1 br,.cal-intro h1 br{display:none}
  .hs-facts,.cal-facts{grid-template-columns:1fr}
}
.cal-band{padding-block:100px}
@media(max-width:700px){.cal-band{padding-block:72px}}

/* Calendly case study: give each part of the story room to breathe. */
.cal-case .cal-heading{margin-bottom:56px}
.cal-case .cal-heading p{margin-bottom:0}
.cal-case .cal-two{gap:clamp(48px,7vw,110px)}
.cal-case .cal-prose p+p{margin-top:25px}
.cal-case .cal-callout{margin-top:36px;padding:30px}
.cal-case .cal-finding-grid{gap:22px;margin:0 0 52px}
.cal-case .cal-finding-grid article{padding:30px}
.cal-case .cal-gallery{gap:32px;margin:0 0 52px}
.cal-case .cal-figure figcaption{margin-top:17px}
.cal-case .cal-results{gap:44px;margin-top:56px;padding-top:38px}
.cal-case .cal-stat-row{gap:28px;margin:56px 0 28px}
.cal-case .cal-quote{margin:56px 0;padding:32px 36px}
.cal-case .cal-decision{margin-top:38px}
.cal-case .cal-final-image{margin-bottom:110px}
@media(max-width:800px){
  .cal-case .cal-two{gap:28px}
  .cal-case .cal-heading{margin-bottom:42px}
  .cal-case .cal-finding-grid{gap:16px;margin-bottom:40px}
  .cal-case .cal-gallery{gap:24px;margin-bottom:42px}
  .cal-case .cal-results{gap:26px;margin-top:44px;padding-top:30px}
  .cal-case .cal-stat-row{gap:18px;margin-top:44px}
  .cal-case .cal-quote{margin:44px 0;padding:26px}
}
@media(max-width:560px){
  .cal-case .cal-two{gap:22px}
  .cal-case .cal-heading{margin-bottom:34px}
  .cal-case .cal-finding-grid{margin-bottom:38px}
  .cal-case .cal-finding-grid article{padding:24px}
  .cal-case .cal-gallery{gap:36px;margin-bottom:38px}
  .cal-case .cal-results{gap:14px}
  .cal-case .cal-stat-row{gap:0}
  .cal-case .cal-final-image{margin-bottom:72px}
}

/* Activation case study follows the same editorial scale as the other projects. */
.project-card.activation-card .cal-showcase{background:radial-gradient(circle at 72% 18%,rgba(196,189,255,.4),transparent 43%),radial-gradient(circle at 15% 75%,rgba(111,152,241,.28),transparent 50%),linear-gradient(132deg,#364890 0%,#55439b 57%,#8053b6 100%)}
.activation-card .cal-screen{aspect-ratio:1803/1128}
.activation-case .activation-hero .cal-figure{padding:5.5% 8%;background:radial-gradient(circle at 72% 18%,rgba(196,189,255,.4),transparent 43%),radial-gradient(circle at 15% 75%,rgba(111,152,241,.28),transparent 50%),linear-gradient(132deg,#364890 0%,#55439b 57%,#8053b6 100%)}
.activation-case .activation-hero img{display:block;width:100%;height:auto;border-radius:5px;box-shadow:0 28px 60px rgba(9,5,60,.23)}
.activation-case .cal-intro h1{max-width:1120px}
.activation-case .cal-band-grid{grid-template-columns:minmax(0,1fr) auto}
.activation-case .cal-big-number{font-size:clamp(78px,10vw,137px);white-space:nowrap}
.activation-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}
.activation-columns>div{padding:32px;border:1px solid #ddd6ea;border-radius:12px;background:#fff}
.activation-columns h3{font:700 24px/1.3 'Manrope',sans-serif;letter-spacing:-.04em;margin:0 0 15px}
.activation-columns p,.activation-followup{font-size:18px;line-height:1.68;color:#514d5d;margin:0}
.activation-source-note{margin-top:28px;font-size:16px;line-height:1.6;color:#6b6577}
.activation-gallery{display:grid;gap:32px;margin:0 0 50px}
.activation-gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.activation-figure{min-width:0;margin:0}
.activation-figure img{display:block;width:100%;height:auto;border:1px solid #e4dfeb;border-radius:9px;background:#fff}
.activation-figure figcaption{font-size:16px;line-height:1.6;color:#67616f;margin-top:17px}
.activation-figure.activation-wide{margin:54px 0 0}
.activation-feedback{display:grid;grid-template-columns:220px 1fr;gap:42px;padding:34px 38px;background:#f2edfa;border:1px solid #e4d9f3;border-radius:12px;font-size:18px;line-height:1.6}
.activation-feedback strong{font:700 23px/1.3 'Manrope',sans-serif;color:var(--purple)}
.activation-feedback ul{margin:0;padding-left:22px;color:#514d5d}.activation-feedback li+li{margin-top:9px}
.activation-followup{margin-top:55px;max-width:830px}
.activation-comparison{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:32px;align-items:center;border-top:1px solid #dcd3e9;border-bottom:1px solid #dcd3e9;padding:38px 0;margin:50px 0 24px}
.activation-comparison>div{display:grid;gap:9px}.activation-comparison small{font-weight:800;letter-spacing:.12em;color:var(--purple)}
.activation-comparison strong{font:800 clamp(43px,5vw,70px)/1 'Manrope',sans-serif;letter-spacing:-.07em;color:var(--purple)}
.activation-comparison span,.activation-comparison p{font-size:17px;line-height:1.6;color:#514d5d;margin:0}
.activation-comparison p strong{font-family:inherit;font-weight:700;font-size:inherit;line-height:inherit;color:#2a2634;letter-spacing:normal}
.activation-case .cal-close p+p{margin-top:26px}
@media(max-width:800px){
  .activation-case .cal-band-grid{grid-template-columns:1fr}
  .activation-case .cal-big-number{order:0}
  .activation-gallery{gap:20px}
  .activation-comparison{grid-template-columns:1fr 1fr}.activation-comparison p{grid-column:1/-1}
}
@media(max-width:560px){
  .activation-card .cal-screen{aspect-ratio:1803/1128}
  .activation-case .cal-big-number{font-size:78px}
  .activation-columns,.activation-gallery.two{grid-template-columns:1fr}
  .activation-columns{gap:15px;margin-top:32px}.activation-columns>div{padding:24px}
  .activation-gallery{gap:35px;margin-bottom:38px}
  .activation-feedback{grid-template-columns:1fr;gap:14px;padding:25px}
  .activation-figure.activation-wide{margin-top:36px}
  .activation-followup{margin-top:38px}
  .activation-comparison{gap:20px;margin-top:36px;padding:27px 0}
}

/* Honest company destinations for work whose case studies are not ready yet. */
.company-empty{min-height:430px;margin-bottom:110px;padding:clamp(34px,6vw,76px);display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);align-items:center;gap:clamp(35px,7vw,105px);border:1px solid #ded9e8;border-radius:16px;background:linear-gradient(125deg,#fbfaff 0%,#f5f1fc 100%)}
.company-empty-mark{aspect-ratio:1;display:grid;place-items:center;border:1px solid #e8e2f1;border-radius:16px;background:#fff}
.company-empty-mark .company-mark{width:100%;height:100%;display:grid;place-items:center;border:0;background:transparent;box-shadow:none}
.company-empty-mark .company-mark img{display:block;width:auto;height:auto;max-width:60%;max-height:60%;object-fit:contain}
.company-empty-copy{max-width:610px}
.company-empty-copy h2{font:700 clamp(33px,4vw,52px)/1.15 'Manrope',sans-serif;letter-spacing:-.055em;margin:14px 0 20px}
.company-empty-copy p{font-size:19px;line-height:1.65;color:#514d5d;margin:0 0 30px}
.company-empty-copy .button{gap:13px}
@media(max-width:700px){.company-empty{grid-template-columns:1fr;gap:30px;min-height:0;margin-bottom:80px}.company-empty-mark{width:150px}.company-empty-copy p{font-size:18px}}

/* Side quests: an evolving bento collection of source visuals. */
.sq-collection{padding-bottom:100px}
.sq-group{padding:72px 0 96px;border-top:1px solid var(--line)}
.sq-group:first-child{padding-top:38px}
.sq-group-head{max-width:800px;margin-bottom:38px}
.sq-group-head h2{font:700 clamp(34px,4vw,52px)/1.16 'Manrope',sans-serif;letter-spacing:-.055em;margin:12px 0 14px}
.sq-group-head p{font-size:19px;line-height:1.65;color:#514d5d;margin:0}
.sq-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:18px}
.sq-tile{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2dce9;border-radius:12px;background:#f8f7fb;transition:border-color .2s,box-shadow .2s}
.sq-tile:hover,.sq-tile:focus-visible{border-color:#ac97d2;box-shadow:0 13px 30px rgba(52,41,74,.12)}
.sq-feature{grid-column:span 8;aspect-ratio:1.5}
.sq-side{grid-column:span 4;aspect-ratio:.72}
.sq-half{grid-column:span 6;aspect-ratio:1.5}
.sq-third{grid-column:span 4;aspect-ratio:1.24}
.sq-wide{grid-column:span 12;aspect-ratio:2.18}
.sq-image{min-height:0;flex:1;display:grid;place-items:center;overflow:hidden}
.sq-image img{display:block;width:100%;height:100%;object-fit:contain}
.sq-side .sq-image{padding:20px;background:radial-gradient(circle at 65% 18%,rgba(214,200,250,.55),transparent 55%),linear-gradient(145deg,#ebe6f5,#d9d0ea)}
.sq-side .sq-image img{width:100%;height:auto;max-height:100%;box-shadow:0 15px 34px rgba(48,31,79,.16)}
.sq-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;background:#fff;border-top:1px solid #eeeaf3;font-size:16px;line-height:1.35;font-weight:700;color:#302c3a}
.sq-caption [aria-hidden]{color:var(--purple);font-size:20px;line-height:1}
.sq-portrait-panel{padding:18px;border:1px solid #e2dce9;border-radius:12px;background:#f7f5fa}
.sq-portrait-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.sq-portrait-grid img{width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:7px;background:white}
@media(max-width:850px){
  .sq-feature,.sq-side,.sq-half,.sq-third{grid-column:span 6;aspect-ratio:1.1}
  .sq-wide{aspect-ratio:1.75}
  .sq-portrait-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:560px){
  .sq-collection{padding-bottom:60px}
  .sq-group{padding:54px 0 68px}.sq-group:first-child{padding-top:15px}
  .sq-group-head{margin-bottom:28px}.sq-group-head h2{font-size:33px}.sq-group-head p{font-size:18px}
  .sq-grid{gap:15px}
  .sq-feature,.sq-side,.sq-half,.sq-third,.sq-wide{grid-column:span 12;aspect-ratio:1.35}
  .sq-portrait-panel{padding:10px}.sq-portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
}

/* A shared numbered journey for the sections after each case study's impact. */
.case-progress{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-bottom:13px}
.case-progress .eyebrow{margin:0}
.case-progress-track{display:flex;align-items:center;gap:7px}

/* Before / after: image alignment stays fixed as the reveal moves. */
.hs-comparison-section{padding-top:64px}
.hs-comparison-section .hs-heading{margin-bottom:28px;max-width:900px}
.comparison-slider{--position:50%;position:relative;width:100%;aspect-ratio:1.42;overflow:hidden;border:1px solid #d8cde6;border-radius:12px;background:#f6f4fa;touch-action:pan-y}
.comparison-slider:focus-within{outline:3px solid #9a7ed5;outline-offset:4px}
.comparison-base,.comparison-reveal img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;max-width:none}
.comparison-reveal{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--position)) 0 0)}
.comparison-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--position);transform:translateX(-50%);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(66,47,111,.25),0 0 16px rgba(31,20,60,.2);pointer-events:none}
.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:50px;height:50px;border:2px solid #fff;border-radius:50%;background:var(--purple);color:#fff;box-shadow:0 5px 22px rgba(27,18,58,.25);font:700 24px/1 'Manrope',sans-serif;white-space:nowrap}
.comparison-label{position:absolute;z-index:2;top:20px;padding:8px 12px;border:1px solid #e5dfeb;border-radius:999px;background:rgba(255,255,255,.94);font-size:16px;font-weight:700;color:#332d42;pointer-events:none}
.comparison-label-before{left:20px}.comparison-label-after{right:20px}
.comparison-range{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none}
.comparison-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:48px;height:48px;cursor:ew-resize}
.comparison-range::-moz-range-thumb{width:48px;height:48px;cursor:ew-resize}
.comparison-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.comparison-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border:1px solid #d8cde6;border-radius:999px;background:#fff;color:var(--purple);font-size:16px;font-weight:700;line-height:1.4;transition:background .2s,border-color .2s}.comparison-button:hover{background:#f2edfc;border-color:#b6a3df}.comparison-button:focus-visible{outline:3px solid #9a7ed5;outline-offset:3px}
.image-viewer{width:min(1200px,calc(100vw - 32px));height:min(92dvh,1000px);max-width:none;max-height:none;padding:0;border:1px solid #e6e0ed;border-radius:16px;background:#fbfafc;color:var(--ink);box-shadow:0 24px 90px rgba(31,21,54,.3);overflow:hidden}
.image-viewer[open]{display:flex;flex-direction:column}.image-viewer::backdrop{background:rgba(20,15,34,.72);backdrop-filter:blur(5px)}
.image-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:12px 20px;border-bottom:1px solid var(--line)}
.image-viewer-head strong{font-size:18px}.image-viewer-controls{display:flex;align-items:center;gap:8px}.image-viewer-controls button{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border:1px solid #d8cde6;border-radius:10px;background:#fff;color:var(--purple);font-size:20px;line-height:1}.image-viewer-controls button:hover{background:#f2edfc}.image-viewer-controls button:disabled{opacity:.4;cursor:default}.image-viewer-controls #viewer-reset{font-size:14px;font-weight:700}.image-viewer-controls #viewer-close{margin-left:8px;font-size:24px}.image-viewer-controls output{min-width:48px;text-align:center;font-size:14px;font-weight:700}
.image-viewer-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;cursor:grab;touch-action:pan-x pan-y}.image-viewer-scroll.panning{cursor:grabbing;user-select:none}.image-viewer-scroll img{display:block;width:calc(100% * var(--zoom,1));max-width:none;height:auto;margin:0 auto;user-select:none;-webkit-user-drag:none;pointer-events:none}
.hs-case img.zoomable-image,.cal-case img.zoomable-image{cursor:zoom-in}.hs-case img.zoomable-image:focus-visible,.cal-case img.zoomable-image:focus-visible{outline:3px solid #9a7ed5;outline-offset:4px}
@media(max-width:600px){.image-viewer{width:calc(100vw - 16px);height:92dvh;border-radius:12px}.image-viewer-head{padding:10px;flex-wrap:wrap}.image-viewer-controls{gap:5px}.image-viewer-controls button{min-width:34px;height:34px}}

/* Case study copy and section numbering use the same full content column. */
.hs-case .hs-heading,.hs-case .hs-split .hs-heading,.cal-case .cal-heading,.cal-case .cal-close p{max-width:none}
.hs-case .hs-split,.cal-case .cal-two{display:block}
.hs-case .hs-split .hs-prose,.cal-case .cal-two .cal-prose{margin-top:30px}
.case-progress{display:flex;align-items:center;width:100%;margin-bottom:22px}
.hs-case .hs-prose p,.cal-case .cal-prose p{max-width:none}

.hs-takeaways{margin-top:38px;padding:34px clamp(25px,4vw,55px);border-radius:13px;background:#352a97;color:white}
.hs-takeaways>strong{display:block;font:800 14px/1.4 'DM Sans',sans-serif;letter-spacing:.15em;margin-bottom:24px}
.hs-takeaways ol{list-style:none;counter-reset:takeaway;margin:0;padding:0;display:grid;gap:17px}
.hs-takeaways li{counter-increment:takeaway;display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;font-size:17px;line-height:1.6}
.hs-takeaways li::before{content:counter(takeaway,decimal-leading-zero);font-weight:800;letter-spacing:.09em;color:#d8cbff}
.hs-case .hs-concept-gallery figcaption{margin:0 0 15px;color:#514d5d}
.hs-case .hs-layouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.hs-case .hs-layouts figure:first-child{grid-column:auto}
.hs-case .hs-layouts img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.hs-case .hs-sync-figure img{width:100%;max-width:1120px;margin-inline:auto}

/* Isolated homepage details mirror the annotations in the case study deck. */
.hs-final-annotated{display:grid;gap:20px;margin-top:43px}
.hs-final-row{display:grid;grid-template-columns:minmax(270px,.62fr) minmax(0,1fr);gap:20px;align-items:start}
.hs-final-label-stack{display:grid;gap:14px}
.hs-final-label{padding:25px 28px;border-radius:10px;background:#352a97;color:#fff}
.hs-final-label strong{font:800 14px/1.4 'DM Sans',sans-serif;letter-spacing:.16em}
.hs-final-label p{font-size:16px;line-height:1.55;margin:9px 0 0;color:#fff}
.hs-final-crop{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #ddd7e8;border-radius:10px;background:#fff;cursor:zoom-in}
.hs-final-crop:hover{border-color:#ac96d8}.hs-final-crop:focus-visible{outline:3px solid #9a7ed5;outline-offset:4px}
.hs-final-crop svg{display:block;width:100%;height:auto}
@media(max-width:800px){.hs-final-row{grid-template-columns:1fr;gap:10px}.hs-final-label{padding:22px 24px}}
@media(max-width:700px){.hs-case .hs-layouts{grid-template-columns:1fr}.hs-case .hs-split .hs-prose,.cal-case .cal-two .cal-prose{margin-top:18px}}

/* Keep the project facts balanced, with enough room for the team name. */
.hs-case .hs-facts{grid-template-columns:minmax(0,1.05fr) minmax(0,1.55fr) minmax(130px,.7fr);column-gap:clamp(28px,5vw,78px);row-gap:24px}
.hs-case .hs-facts>div{gap:6px}
@media(max-width:700px){.hs-case .hs-facts{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
@media(max-width:480px){.hs-case .hs-facts{grid-template-columns:1fr;row-gap:20px}}

.hs-case .hs-callout{background:#352a97;border-color:#352a97;color:#fff}
.hs-case .hs-callout strong,.hs-case .hs-callout span{color:#fff}
.hs-case .hs-insights article{background:#352a97;border-color:#352a97;color:#fff}
.hs-case .hs-insights article>span{color:#d8cbff}
.hs-case .hs-insights h3,.hs-case .hs-insights p{color:#fff}
.hs-case .hs-metrics>div{background:#352a97;border-color:#352a97;color:#fff}
.hs-case .hs-metrics strong,.hs-case .hs-metrics span{color:#fff}

.case-progress-track{gap:7px}
.case-progress-track svg{display:block;width:13px;height:13px;flex:none;color:#ded8e9}
.case-progress-track svg.done{color:var(--purple)}

/* Case study continuation: company inventory on the left, next case study on the right. */
.case-next-work{align-items:center}
.case-next-work .more-company-work{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid #d8cde6;border-radius:999px;background:#fff;color:var(--purple);font:800 14px/1.35 'DM Sans',sans-serif;letter-spacing:.08em}
.case-next-work .more-company-work:hover{background:#f2edfc;border-color:#b6a3df}
.case-next-work .next-project-link{display:grid;gap:5px;text-align:right}
.case-next-work .next-project-link strong{display:flex;align-items:center;justify-content:flex-end;gap:8px;font:700 clamp(22px,3vw,36px)/1.25 'Manrope',sans-serif}
.case-next-work .next-project-link small{font:500 16px/1.45 'DM Sans',sans-serif;letter-spacing:0;color:#625d6a}
@media(max-width:700px){.case-next-work{align-items:flex-start}.case-next-work .next-project-link{text-align:left}.case-next-work .next-project-link strong{justify-content:flex-start}}

/* Portrait reactions combine eye gestures with themed motifs. */
.about .portrait-card{position:relative;display:block;width:100%;aspect-ratio:1/1;padding:0;overflow:hidden;border:1px solid #d7c8f4;border-radius:13px;background:#4c379e;box-shadow:0 18px 45px rgba(46,28,105,.13);cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}
.about .portrait-card:focus-visible{outline:3px solid #9a7ed5;outline-offset:4px}
.portrait-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.portrait-base{z-index:1}.portrait-blink{z-index:2;opacity:0}
.portrait-card::after{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(circle at 72% 26%,rgba(251,229,255,.22),transparent 48%);opacity:0;pointer-events:none}
.portrait-particle,.portrait-sparkle{position:absolute;z-index:4;opacity:0;pointer-events:none}
.portrait-particle{top:var(--particle-top,18%);left:var(--particle-left,13%);font-size:clamp(27px,4vw,43px);line-height:1;filter:drop-shadow(0 3px 7px rgba(25,12,69,.25))}
.portrait-sparkle{color:#fff5c9;filter:drop-shadow(0 0 8px rgba(255,239,168,.8))}.portrait-sparkle .ui-icon{display:block;width:42px;height:42px;stroke-width:1.7}
.portrait-sparkle-one{top:12%;right:13%}.portrait-sparkle-two{bottom:13%;right:13%}
.portrait-card:is([data-motif="moon"],[data-motif="alien"],[data-motif="ufo"],[data-motif="pig"],[data-motif="fire"],[data-motif="shrimp"],[data-motif="sun-face"],[data-motif="flying-money"]) .portrait-sparkle-one{right:auto;left:13%}
.portrait-card:is([data-motif="moon"],[data-motif="alien"],[data-motif="ufo"],[data-motif="pig"],[data-motif="fire"],[data-motif="shrimp"],[data-motif="sun-face"],[data-motif="flying-money"]) .portrait-sparkle-two{right:auto;left:13%}
.portrait-card[data-motif="moon"]{--particle-left:81%;--particle-top:15%}
.portrait-card[data-motif="planet"]{--particle-left:12%;--particle-top:64%}
.portrait-card[data-motif="alien"]{--particle-left:82%;--particle-top:58%}
.portrait-card[data-motif="ufo"]{--particle-left:80%;--particle-top:17%}
.portrait-card[data-motif="ice-cream"]{--particle-left:12%;--particle-top:57%}
.portrait-card[data-motif="pig"]{--particle-left:80%;--particle-top:64%}
.portrait-card[data-motif="heart"]{--particle-left:13%;--particle-top:28%}
.portrait-card[data-motif="fire"]{--particle-left:79%;--particle-top:27%}
.portrait-card[data-motif="croissant"]{--particle-left:12%;--particle-top:63%}
.portrait-card[data-motif="shrimp"]{--particle-left:80%;--particle-top:62%}
.portrait-card[data-motif="moon-face"]{--particle-left:13%;--particle-top:17%}
.portrait-card[data-motif="sun-face"]{--particle-left:79%;--particle-top:17%}
.portrait-card[data-motif="flying-money"]{--particle-left:79%;--particle-top:36%}
.portrait-card.portrait-reacting::after{animation:portrait-flash .9s ease-out both}
.portrait-card.portrait-reacting .portrait-particle{animation:portrait-icon-pop .94s cubic-bezier(.2,.82,.25,1) both}
.portrait-card.portrait-reacting .portrait-sparkle-one{animation:portrait-twinkle .9s ease-out both}
.portrait-card.portrait-reacting .portrait-sparkle-two{animation:portrait-twinkle .9s .08s ease-out both}
.portrait-card.portrait-reacting[data-expression="blink"] .portrait-blink{animation:eye-blink .85s ease-in-out both}
.portrait-card.portrait-reacting[data-expression="double-blink"] .portrait-blink{animation:eye-double-blink .92s ease-in-out both}
.portrait-card.portrait-reacting[data-expression="slow-blink"] .portrait-blink{animation:eye-slow-blink .95s ease-in-out both}
.portrait-card.portrait-reacting[data-expression="quick-blink"] .portrait-blink{animation:eye-quick-blink .8s ease-in-out both}
.portrait-card.portrait-reacting[data-expression="late-blink"] .portrait-blink{animation:eye-late-blink .95s ease-in-out both}
@keyframes eye-blink{0%,14%,55%,100%{opacity:0}26%,39%{opacity:1}}
@keyframes eye-double-blink{0%,9%,31%,42%,65%,100%{opacity:0}17%,23%,49%,56%{opacity:1}}
@keyframes eye-slow-blink{0%,14%,85%,100%{opacity:0}31%,66%{opacity:1}}
@keyframes eye-quick-blink{0%,9%,39%,100%{opacity:0}16%,29%{opacity:1}}
@keyframes eye-late-blink{0%,48%,83%,100%{opacity:0}58%,74%{opacity:1}}
@keyframes portrait-flash{0%,100%{opacity:0}22%,64%{opacity:1}}
@keyframes portrait-icon-pop{0%{opacity:0;transform:translateY(9px) scale(.6) rotate(-13deg)}19%{opacity:1;transform:translateY(-6px) scale(1.12) rotate(5deg)}39%,72%{opacity:1;transform:translateY(0) scale(1) rotate(0)}100%{opacity:0;transform:translateY(-9px) scale(.9) rotate(7deg)}}
@keyframes portrait-twinkle{0%,100%{opacity:0;transform:translateY(5px) scale(.45) rotate(-12deg)}22%,69%{opacity:1;transform:translateY(-4px) scale(1.18) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.portrait-card .portrait-frame,.portrait-card .portrait-particle,.portrait-card .portrait-sparkle,.portrait-card::after{animation:none!important}}

/* Square portrait and compact copy fit together on desktop. */
@media(min-width:801px){.about-grid{grid-template-columns:1.04fr 1fr;gap:3%;align-items:center}.about .portrait-card{height:auto;aspect-ratio:1/1;min-height:0}}
.about-copy p{font-size:17px;line-height:1.42;margin:11px 0}
.about-copy h2{margin:0 0 16px}
.skills-heading{font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--purple);margin-top:23px}
.about-copy .skill-list{margin:10px 0 0;gap:6px}
.about-copy .skill-list span{padding:7px 10px;font-size:14px;white-space:nowrap;border:1px solid #b8a5dd;border-radius:7px;background:transparent;color:#625d69;font-weight:600}
@media(max-width:800px){.about-copy p{font-size:17px}.about .portrait-card{aspect-ratio:1/1}}
@media(min-width:561px) and (max-width:1100px){.about-grid{grid-template-columns:1fr;gap:32px}.about .portrait-card{width:min(100%,580px);margin-inline:auto}.about-copy{width:min(100%,680px);margin-inline:auto}}

/* Side Quests keeps each source image at its natural proportions. */
.sq-collection{padding-bottom:65px}
.sq-group{padding:0 0 34px;border:0}
.sq-group:first-child{padding-top:0}
.sq-grid{grid-auto-flow:row;align-items:start;gap:20px}
.sq-tile{grid-column:span 6;aspect-ratio:auto;padding:0;border:1px solid #e4dfeb;border-radius:12px;background:transparent;box-shadow:none;cursor:zoom-in;text-align:left}
.sq-tile img{display:block;width:100%;height:auto;object-fit:contain}
.sq-tile:hover,.sq-tile:focus-visible{border-color:#ab96d6;box-shadow:0 12px 28px rgba(52,41,74,.1)}
.sq-third{grid-column:span 4}.sq-wide{grid-column:span 12}
.sq-group-ai-master .sq-tile,.sq-group-colonist .sq-tile{background:transparent}
.sq-group-ai-master .sq-grid,.sq-group-audio .sq-grid{grid-template-columns:minmax(0,980px);justify-content:center}
.sq-group-ai-master .sq-tile,.sq-group-audio .sq-tile{grid-column:1}
.sq-group-ai-master .sq-grid{grid-template-columns:minmax(0,1120px)}
.sq-group-ai-master .sq-tile{padding:20px;overflow:visible;border:1px solid #cdbfe5;background:#f2eef9;box-shadow:0 12px 32px rgba(48,32,82,.08)}
.sq-group-ai-master .sq-tile img{width:100%;height:auto;max-width:none;object-fit:contain}
.sq-group-colonist .sq-tile:last-child,.sq-group-scheduling .sq-tile:first-child{grid-column:span 12;width:min(100%,1000px);justify-self:center}
.sq-group-scheduling .sq-tile:not(:first-child){grid-column:span 6}
.sq-group-games .sq-grid{grid-template-columns:minmax(0,980px);justify-content:center}
.sq-group-games .sq-tile{grid-column:1}
.sq-portrait-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.sq-portrait-grid .sq-tile{grid-column:auto;aspect-ratio:1;overflow:hidden}
.sq-portrait-grid .sq-tile img{height:100%;object-fit:cover}
@media(max-width:850px){.sq-feature,.sq-side,.sq-half,.sq-third,.sq-wide{grid-column:span 6;aspect-ratio:auto}.sq-portrait-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:560px){.sq-group{padding:0 0 24px}.sq-grid{gap:12px}.sq-feature,.sq-side,.sq-half,.sq-third,.sq-wide,.sq-group-scheduling .sq-tile:not(:first-child){grid-column:span 12;aspect-ratio:auto}.sq-portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sq-portrait-grid .sq-tile{aspect-ratio:1}}

/* Split project showcase, shared by Selected work and company inventories. */
.project-card.split-card,.project-card.split-card.healthsherpa-card,.project-card.split-card.calendly-card{display:grid;grid-template-columns:34% 66%;background:#fff!important;color:var(--ink);border:1px solid #ded9e7;isolation:isolate}
.split-card .project-info{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(27px,3.2vw,48px);position:relative;z-index:1}
.split-card .project-copy{display:block;min-width:0}
.split-card .overline{display:block;color:#6846cd;font-size:15px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;line-height:1.35;margin:0 0 15px}
.project-card.split-card .project-title{display:block;max-width:none;white-space:normal;font:800 clamp(25px,2.5vw,37px)/1.18 'Manrope',sans-serif;letter-spacing:-.055em;color:#19151f;margin:0 0 27px}
.split-card .project-meta{display:grid;gap:18px;margin:0}
.split-card .project-meta>span{display:block;max-width:none!important;font-size:17px;line-height:1.4;color:#29242f}
.split-card .project-meta small{display:block;margin-bottom:6px;color:#6846cd;font-size:14px;font-weight:800;letter-spacing:.17em}
.project-card.split-card .view-project{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:29px;padding:9px 13px;border:1px solid #d8cceb;border-radius:8px;background:#fff;color:#6846cd;font-size:15px;font-weight:750;box-shadow:none}
.project-card.split-card .view-project .ui-icon{width:17px;height:17px}
.project-card.split-card:hover .view-project{background:#6846cd;border-color:#6846cd;color:#fff}
.split-card .project-media{display:grid;place-items:center;min-width:0;min-height:0;padding:clamp(25px,3.6vw,54px);overflow:hidden;background:radial-gradient(circle at 16% 18%,rgba(113,171,255,.58),transparent 48%),linear-gradient(132deg,#3659a7 0%,#303798 46%,#6733bd 100%)}
.split-card.calendly-card .project-media{background:radial-gradient(circle at 77% 17%,rgba(255,194,228,.36),transparent 48%),linear-gradient(135deg,#5c317d 0%,#824594 51%,#a764b1 100%)}
.split-card.activation-card .project-media{background:radial-gradient(circle at 20% 77%,rgba(187,197,255,.52),transparent 52%),linear-gradient(130deg,#304887 0%,#5a63b6 50%,#9484d0 100%)}
.split-card .project-media img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:5px;box-shadow:0 22px 45px rgba(20,13,57,.25)}

@media(max-width:900px){.project-card.split-card,.project-card.split-card.healthsherpa-card,.project-card.split-card.calendly-card{grid-template-columns:41% 59%}.split-card .project-info{padding:25px}.project-card.split-card .project-title{font-size:26px}}
@media(max-width:700px){.carousel .project-card.split-card,.company-projects .project-card.split-card,.project-card.split-card.healthsherpa-card,.project-card.split-card.calendly-card{grid-template-columns:1fr;grid-template-rows:auto minmax(240px,1fr);height:690px}.split-card .project-info{padding:27px}.split-card .project-meta{gap:12px}.split-card .project-meta>span{font-size:15px}.project-card.split-card .project-title{font-size:26px;margin-bottom:18px}.project-card.split-card .view-project{margin-top:17px}.split-card .project-media{padding:26px}}
.project-copy{text-shadow:none}
.project-card.split-card .project-info .overline{color:#5935b7;font-size:15px;font-weight:800;letter-spacing:.12em;line-height:1.35}
.project-card.split-card .project-title{font-size:clamp(24px,2.2vw,32px);line-height:1.2}
@media(max-width:900px){.project-card.split-card .project-title{font-size:24px}}
@media(max-width:700px){.project-card.split-card .project-title{font-size:24px}}
.project-card.split-card .project-title{font-size:clamp(22px,1.85vw,27px);font-weight:650;letter-spacing:-.038em}
@media(max-width:700px){.project-card.split-card .project-title{font-size:23px}}

/* Outlined sparkles fill and send a small ripple through nearby stars. */
.hero{isolation:isolate}
.hero > :not(.hero-star-grid){position:relative;z-index:2}
.hero h1,.hero-actions{width:fit-content;max-width:100%}
.hero-star-grid{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:0;display:grid;align-items:center;justify-items:center;overflow:hidden;pointer-events:none}
.hero-grid-star{--ripple-delay:0s;--sparkle-scale:1.16;--rest-opacity:.2;--peak-opacity:.85;--ring-opacity:.24;position:relative;display:grid;place-items:center;width:23px;height:23px;color:#7852c7;opacity:var(--rest-opacity)}
.hero-grid-star svg{display:block;width:14px;height:14px;fill:transparent;overflow:visible}
.hero-grid-star::after{content:"";position:absolute;width:17px;height:17px;border:1px solid #a58ae1;border-radius:50%;opacity:0;pointer-events:none}
.hero-grid-star.ripple{animation:hero-sparkle-opacity .58s var(--ripple-delay) both}
.hero-grid-star.ripple svg{animation:hero-sparkle-fill .58s var(--ripple-delay) cubic-bezier(.19,.77,.28,1) both}
.hero-grid-star.ripple::after{animation:hero-sparkle-ring .58s var(--ripple-delay) ease-out both}
.hero-grid-star.ripple-origin{--sparkle-scale:var(--origin-scale,1.4)}
@keyframes hero-sparkle-opacity{0%,100%{opacity:var(--rest-opacity)}34%,65%{opacity:var(--peak-opacity)}}
@keyframes hero-sparkle-fill{0%,100%{fill:transparent;transform:scale(1)}36%{fill:#9673d7;transform:scale(var(--sparkle-scale))}67%{fill:#b49be6;transform:scale(1.06)}}
@keyframes hero-sparkle-ring{0%{opacity:0;transform:scale(.7)}32%{opacity:var(--ring-opacity)}100%{opacity:0;transform:scale(1.5)}}
@media(prefers-reduced-motion:reduce){.hero-grid-star.ripple,.hero-grid-star.ripple svg,.hero-grid-star.ripple::after{animation:none}}

/* One tracking value for uppercase UI labels across every page. */
.hero-kicker,.eyebrow,.overline,.card-index,.project-meta small,.case-facts small,.company-card-top,.company-sector,.next-work > span,.hs-facts small,.hs-decision-grid small,.hs-insights article > span,.hs-options article > span,.hs-research-map small,.hs-experience-grid small,.hs-waves small,.cal-facts small,.cal-finding-grid small,.activation-comparison small,.hs-takeaways > strong,.hs-final-label strong,.skills-heading,.company-card .company-sector,.selected .project-card .overline,.hs-case .eyebrow,.cal-case .eyebrow,.case-head .eyebrow,.case-next-work .more-company-work,.split-card .project-meta small,.project-card.split-card .project-info .overline{letter-spacing:.12em}
.companies .section-head h2{letter-spacing:-.048em}
.carousel .project-card.split-card .view-project,.carousel .project-card.split-card:not(.card-hovered):hover .view-project{background:#fff;color:#6846cd;border-color:#d8cceb;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.carousel .project-card.split-card.card-hovered .view-project,.carousel .project-card.split-card:focus-visible .view-project{background:#6846cd;color:#fff;border-color:#6846cd}
/* Side cards scale into place as the carousel scrolls, without hover movement. */
.carousel .project-card,.carousel .project-card:hover,.carousel .project-card:not(.is-active):hover{transform:scale(.88);opacity:.82;filter:none;transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .42s ease,border-color .22s ease,box-shadow .22s ease}
.carousel .project-card.is-active,.carousel .project-card.is-active:hover{transform:scale(1);opacity:1;filter:none}
@media(max-width:700px){.carousel .project-card,.carousel .project-card:hover,.carousel .project-card:not(.is-active):hover{transform:scale(.92)}}
@media(hover:hover){.carousel .project-card.split-card:hover{border-color:#8e68d4;box-shadow:none}}
.carousel .split-card .project-media img{box-shadow:none}
.nav .resume-link{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.nav .resume-link svg{display:block;width:15px;height:15px;flex:none}
@media(max-width:560px){.nav a{padding-inline:10px}}




.hs-case .hs-concept-gallery,.hs-case .hs-layouts{margin-top:38px}
.hs-case .hs-insights{margin-bottom:44px}
.hs-case .hs-research-map{margin-top:38px}
.hs-case .hs-sync-figure{margin-top:55px}
@media(max-width:700px){
  .hs-comparison-section{padding-top:48px}
  .comparison-slider{aspect-ratio:1.4}
  .comparison-label{top:12px;font-size:14px;padding:6px 10px}
  .comparison-label-before{left:12px}.comparison-label-after{right:12px}
  .comparison-divider>span{width:44px;height:44px;font-size:21px}
  .case-progress-track{gap:6px}
}

/* Calendly managed events: the new six-section case study follows the site system. */
.mets-case .cal-intro h1{max-width:1200px}
.mets-case .cal-lede{max-width:1010px}
.mets-case .cal-facts{grid-template-columns:1.15fr 1.5fr .55fr}
.mets-case .cal-hero-art{margin-bottom:0}
.mets-case .cal-hero-art .mets-hero{padding:clamp(24px,4.6vw,64px);border-radius:14px;background:radial-gradient(circle at 78% 15%,rgba(230,199,255,.65),transparent 48%),linear-gradient(135deg,#48349c,#7e58c6 54%,#a87ad4)}
.mets-case .cal-hero-art .mets-hero img{width:100%;border:0;border-radius:5px;box-shadow:0 25px 65px rgba(35,22,82,.23)}
.mets-case .cal-section{padding-block:clamp(74px,8vw,116px)}
.mets-case .cal-heading{max-width:none;margin-bottom:44px}
.mets-case .cal-heading p{max-width:1150px;margin:0;font-size:clamp(17px,1.65vw,21px)}
.mets-case .cal-heading h2{max-width:1180px}
.mets-impact{margin-top:72px}
.mets-impact .cal-band-grid p{max-width:850px}
.mets-figure{min-width:0;margin:0}
.mets-figure img{display:block;width:100%;height:auto;border:1px solid #ddd5e9;border-radius:9px;background:#fff}
.mets-figure figcaption{margin-top:12px;color:#6c6479;font-size:14px;line-height:1.5}
.mets-metrics{display:grid;gap:16px;margin-top:38px}
.mets-metrics.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.mets-metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.mets-metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.mets-metric{display:flex;flex-direction:column;justify-content:space-between;min-height:178px;padding:25px;border:1px solid #4733a1;border-radius:12px;background:#352a97;color:#fff}
.mets-metric strong{font:800 clamp(39px,4.1vw,62px)/1.05 'Manrope',sans-serif;letter-spacing:-.065em}
.mets-metric span{font-size:16px;line-height:1.45;margin-top:18px;color:#fff}
.mets-challenge{display:grid;gap:12px;margin-top:34px;padding:28px 32px;border-radius:12px;background:#352a97;color:#fff}
.mets-challenge strong,.mets-testing>strong{font-size:14px;letter-spacing:.12em}
.mets-challenge p{font:700 clamp(21px,2.2vw,30px)/1.35 'Manrope',sans-serif;color:#fff;margin:0}
.mets-discovery{display:grid;gap:26px}
.mets-discovery-row{display:grid;grid-template-columns:minmax(250px,.84fr) minmax(0,1.16fr);gap:20px;align-items:stretch}
.mets-discovery-row .mets-figure{display:flex;align-items:center;padding:18px;border:1px solid #e1d8ef;border-radius:12px;background:#eee8f7}
.mets-discovery-row .mets-figure img{border-radius:6px}
.mets-insight{display:flex;flex-direction:column;justify-content:center;min-height:230px;padding:clamp(24px,3vw,42px);border-radius:12px;background:#352a97;color:#fff}
.mets-insight>span{color:#d7c8ff;font-size:14px;font-weight:800;letter-spacing:.12em}
.mets-insight h3{font-size:clamp(23px,2.5vw,34px);margin:12px 0}
.mets-insight p{font-size:17px;line-height:1.55;color:#fff;margin:0}
.mets-wide{margin-top:34px}
.mets-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:56px;padding-top:22px;border-top:1px solid #d9d0e6}
.mets-results-heading strong{font:750 20px/1.3 'Manrope',sans-serif}
.mets-results-heading span{color:#6d6476;font-size:15px}
.mets-results-heading+.mets-metrics{margin-top:20px}
.mets-pair-block{margin-top:50px}
.mets-pair-block h3{font-size:clamp(22px,2.2vw,30px);margin:0 0 20px}
.mets-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.mets-note{margin:18px 0 0;font-size:16px}
.mets-design-rationale{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:34px;margin:52px 0}
.mets-design-rationale h3{font-size:clamp(25px,2.6vw,34px);margin:0 0 15px}
.mets-design-rationale p{font-size:18px;line-height:1.65}
.mets-testing{padding:30px 36px;border-radius:12px;background:#352a97;color:#fff}
.mets-testing>strong span{font-weight:500;letter-spacing:0;color:#dfd6fa}
.mets-testing ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 38px;padding-left:28px;margin:22px 0 0}
.mets-testing li{padding-left:6px;font-size:17px;line-height:1.45}
.mets-testing li::marker{font-weight:800;color:#d6c9fb}
.mets-comparison{margin:55px 0 0;padding:clamp(20px,3.5vw,44px);border:1px solid #d6c9e9;border-radius:14px;background:#eee8f8}
.mets-comparison h3{font-size:clamp(27px,3vw,40px);margin:0 0 8px}
.mets-comparison p{margin:0 0 22px;font-size:16px;line-height:1.5}
.mets-comparison .comparison-slider{aspect-ratio:1.75;background:#fff}
.mets-comparison .comparison-base,.mets-comparison .comparison-reveal img{object-fit:contain;background:#fff}
.mets-shipped-row{margin-top:34px}
.mets-shipped-label{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:18px 24px;border-radius:10px 10px 0 0;background:#352a97;color:#fff}
.mets-shipped-label strong{font:750 20px/1.3 'Manrope',sans-serif}
.mets-shipped-label span{font-size:15px;line-height:1.45;color:#e9e3fb}
.mets-shipped-row .mets-figure{padding:20px;border:1px solid #ded3ed;border-top:0;border-radius:0 0 10px 10px;background:#eee8f8}
.mets-shipped-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media(max-width:850px){.mets-case .cal-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.mets-metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))}.mets-discovery-row{grid-template-columns:1fr}.mets-insight{min-height:0}.mets-design-rationale{grid-template-columns:1fr}.mets-shipped-label{display:block}.mets-shipped-label span{display:block;margin-top:5px}}
@media(max-width:600px){.mets-case .cal-facts{grid-template-columns:1fr}.mets-case .cal-hero-art{margin-bottom:0}.mets-impact{margin-top:42px}.mets-metrics.two,.mets-metrics.three,.mets-metrics.four,.mets-image-pair,.mets-shipped-duo,.mets-testing ol{grid-template-columns:1fr}.mets-metric{min-height:150px}.mets-results-heading{display:grid;gap:7px}.mets-comparison .comparison-slider{aspect-ratio:1.4}.mets-discovery-row .mets-figure,.mets-shipped-row .mets-figure{padding:10px}.mets-testing{padding:24px}.mets-shipped-label{padding:16px}}

/* Calendly case-study refinements to match the supplied PDF. */
.mets-case .cal-lede,.mets-case .cal-heading h2,.mets-case .cal-heading p,.mets-case .cal-band-grid p{max-width:none}
.mets-case .cal-heading p{width:100%}
.mets-problem-metrics{margin-top:28px;gap:14px}
.mets-problem-metrics .mets-metric{min-height:0;justify-content:flex-start;padding:22px 24px;gap:0}
.mets-problem-metrics .mets-metric small{color:#e4dcff;font:800 13px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.mets-problem-metrics .mets-metric strong{margin-top:13px;font-size:clamp(37px,3.8vw,55px)}
.mets-problem-metrics .mets-metric span{margin-top:9px;line-height:1.42}
.mets-case .mets-challenge{display:grid;gap:10px;margin-top:32px;padding:26px 30px;border:1px solid #352a97;border-radius:13px;background:#352a97}
.mets-case .mets-challenge strong{font:700 21px/1.35 'Manrope',sans-serif;letter-spacing:-.025em;color:#fff}
.mets-case .mets-challenge span{font-size:17px;line-height:1.6;color:#fff}
.mets-discovery-row{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px;align-items:stretch}
.mets-insight-stack{display:grid;gap:16px}
.mets-insight{min-height:0;padding:22px 26px;justify-content:center}
.mets-insight>span{font-size:12px}
.mets-insight h3{font:800 15px/1.35 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:8px 0}
.mets-insight p{font-size:16px;line-height:1.5}
.mets-discovery-row .mets-figure{padding:10px}
.mets-reference-crop{aspect-ratio:1.7;overflow:hidden;border:1px solid #ddd5e9;border-radius:9px;background:#fff}
.mets-reference-crop img{height:100%;object-fit:cover;object-position:left center;border:0;border-radius:0}
.mets-reference-crop figcaption{position:absolute;left:-9999px}
.mets-shipped-duo .mets-shipped-row{display:flex;flex-direction:column}
.mets-component-crop{display:grid;place-items:start center;flex:1;width:100%;min-height:430px;padding:22px;background:#eee8f8;border:1px solid #ded3ed;border-top:0;border-radius:0 0 10px 10px;cursor:zoom-in}
.mets-component-crop svg{display:block;width:auto;max-width:100%;height:min(540px,46vw);background:#fff;border:1px solid #e6e0eb;border-radius:5px;box-shadow:0 8px 26px rgba(29,20,58,.08)}
.mets-component-crop:focus-visible{outline:3px solid #9a7ed5;outline-offset:4px}
@media(max-width:850px){.mets-discovery-row{grid-template-columns:1fr}.mets-component-crop svg{height:min(500px,65vw)}}
@media(max-width:600px){.mets-problem-metrics .mets-metric{padding:22px}.mets-insight-stack{gap:12px}.mets-component-crop{min-height:0}.mets-component-crop svg{height:min(420px,110vw)}}
.mets-reference-crop{aspect-ratio:auto;overflow:visible;border:0;background:transparent}
.mets-reference-crop img{aspect-ratio:1.7;height:auto;object-fit:cover;object-position:left center;border:1px solid #ddd5e9;border-radius:9px}
.mets-reference-crop figcaption{position:static;left:auto}
/* Evidence cards hug their copy while the screenshots keep their natural height. */
.mets-case .mets-discovery-row{align-items:start}
.mets-case .mets-insight-stack{align-self:start}
.mets-case .mets-insight{display:block;align-self:start;height:auto;min-height:0}
.mets-case .mets-discovery-row .mets-figure{display:block;align-self:start}
.mets-case .mets-discovery-row .mets-figure img{width:100%;height:auto}
/* The editor reference is shown in full; the final component crops use larger source assets. */
.mets-case .mets-wide:not(.mets-reference-crop) img{height:auto;aspect-ratio:auto;object-fit:contain}
/* Activation remains a visible draft in the Calendly inventory. */
.company-projects .project-card.work-in-progress-card{cursor:default}
.company-projects .project-card.work-in-progress-card:hover{border-color:#ded9e7;box-shadow:none;transform:none}
.work-in-progress-card .project-media img,.work-in-progress-card:hover .project-media img{transform:none;filter:none}
.work-in-progress-card .work-in-progress-label{display:block;align-self:flex-start;margin-top:29px;color:#625d6a;font:600 16px/1.4 'DM Sans',sans-serif}
.work-in-progress-card .work-in-progress-label em{font-style:italic}
/* Recenter the landing content after removing the temporary chat entry point. */
.hero.hero-without-chat{justify-content:center}
.hero.hero-without-chat .hero-intro{max-width:800px}
.hero.hero-without-chat .hero-actions{margin-top:38px}
@media(max-width:700px){.work-in-progress-card .work-in-progress-label{margin-top:17px}.hero.hero-without-chat{padding-top:100px;padding-bottom:80px}}