.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-shell{position:sticky;top:0;z-index:40;background:rgba(39,6,84,.96);backdrop-filter:blur(18px);transition:box-shadow .3s,background .3s}
.header-shell.is-scrolled{box-shadow:0 8px 35px #17042e24;background:rgba(39,6,84,.97)}
/* Keep translated footer content inside the page and match overscroll to its color. */
html,body{background:var(--deep)}
main{background:var(--paper)}
.site-footer{overflow:hidden}
.site-header{height:91px}
.site-header nav a[aria-current=true]{color:var(--gold)}
.site-header nav a[aria-current=true]:not(.nav-contact){text-decoration:underline;text-decoration-color:var(--lavender);text-underline-offset:7px}
html{scroll-padding-top:110px}
.intro-screen{display:none;position:fixed;inset:0;z-index:5000;background:var(--deep);color:white;flex-direction:column;justify-content:space-between;padding:34px 48px;isolation:isolate;overflow:hidden}
.intro-pending .intro-screen{display:flex}
.intro-pending,.intro-pending body,body.intro-playing{overflow:hidden}
.intro-screen:before{content:'';position:absolute;width:75vw;height:75vw;right:-45vw;top:-47vw;border:1px solid #b580ff26;border-radius:50%;box-shadow:0 0 0 90px #b580ff06;pointer-events:none;z-index:-1}
.intro-top,.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.06em;color:#cfbce5}
.intro-top>span:first-child{font-size:14px;font-weight:650;color:var(--pale);letter-spacing:-.025em}
.intro-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:25px}
.intro-logo{position:relative;width:155px;height:155px;display:grid;place-items:center;margin-bottom:36px}
.intro-logo img{width:108px;height:108px}
.intro-orbit{position:absolute;inset:0;border:1px solid #b580ff55;border-radius:50%}
.intro-orbit:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);left:18px;top:18px}
.intro-words{display:flex;justify-content:center;gap:18px;font-size:64px;font-weight:550;letter-spacing:-.06em;line-height:1.2}
.intro-word-wrap{display:block;overflow:hidden;padding-bottom:9px}
.intro-word-wrap>span{display:block}
.intro-pending .intro-word-wrap>span{transform:translateY(110%)}
.intro-pending .intro-logo,.intro-pending .intro-center>p{opacity:0}
.intro-word-wrap:nth-child(2){color:var(--gold)}
.intro-word-wrap:nth-child(3){color:var(--lavender)}
.intro-center>p{font-size:12px;color:#cfbce5;margin-top:18px}
.intro-meter{height:2px;width:148px;background:#b580ff30;overflow:hidden;margin-top:38px}
.intro-meter>span{display:block;width:100%;height:100%;background:var(--gold);transform-origin:left center}
#skip-intro{background:none;border:1px solid #b580ff66;border-radius:4px;color:var(--pale);padding:9px 14px;display:flex;align-items:center;gap:25px;font-size:11px}
#skip-intro>span{color:var(--gold);font-size:18px;line-height:1}
#skip-intro:hover{background:#b580ff14}
#replay-intro{border:0;background:none;color:#d8c5ed;font-size:10px;padding:8px 0;display:flex;align-items:center;gap:10px}
#replay-intro>span{font-size:16px;color:var(--lavender)}
#replay-intro:hover{color:var(--gold)}
.featured-project{isolation:isolate}
.feature-slides{display:block;position:absolute;inset:0;overflow:hidden}
.feature-slide{display:block;position:absolute;inset:0;opacity:0;visibility:hidden;will-change:transform,opacity}
.feature-slide.is-active{opacity:1;visibility:visible}
.feature-slide>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:none}
.feature-slide[data-feature=morgan]>img{object-position:center 34%}
.feature-slide[data-feature=applypilot]>img{object-position:center}
.feature-slide .featured-caption{right:55px}
.feature-slide .featured-caption strong{font-size:29px;line-height:1.2}
.featured-overlay{background:linear-gradient(0deg,rgba(13,7,27,.96),rgba(13,7,27,.06) 76%)}
.feature-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px}
.feature-dots{display:flex;align-items:center;gap:8px}
.feature-dot{padding:8px 2px;display:block;border:0;background:none;line-height:1}
.feature-dot:after{content:'';display:block;width:16px;height:2px;border-radius:2px;background:#b580ff55;transition:background .2s,width .2s}
.feature-dot[aria-pressed=true]:after{width:28px;background:var(--gold)}
.feature-buttons{display:flex;gap:7px}
.feature-buttons button{width:28px;height:27px;background:none;border:1px solid #b580ff55;border-radius:3px;color:var(--pale);font-size:13px;display:grid;place-items:center;padding:0;line-height:1}
.feature-buttons button:hover{border-color:var(--gold);color:var(--gold)}
.feature-buttons button:disabled{opacity:.4;cursor:default}
.feature-foot{margin-top:8px}
.client-row{gap:38px;overflow:hidden}
.ticker-label{flex:0 0 170px;position:relative;z-index:2;background:var(--pale)}
.ticker-label>p{font-size:11px;line-height:1.7;color:var(--muted)}
.ticker-label strong{font-weight:550;color:var(--ink)}
#ticker-pause{border:0;background:none;padding:6px 0 0;display:flex;align-items:center;gap:11px;color:var(--purple);font-size:9px}
#ticker-pause>span{font-size:9px}
#ticker-pause:disabled{color:var(--muted);cursor:default}
.ticker-viewport{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 95%,transparent)}
.ticker-track{display:flex;align-items:center;width:max-content;will-change:transform}
.ticker-group{display:flex;align-items:center;gap:65px;padding-right:65px;flex-shrink:0}
.ticker-group>span{display:block;white-space:nowrap;color:#4a345f}
.client-mocada{font-size:24px;font-weight:700;letter-spacing:-.065em}
.client-kaiser{font-family:Georgia,serif;font-size:21px;letter-spacing:-.04em}
.project-image>img{will-change:transform}
.case-action{display:inline-flex;align-items:center;gap:25px;padding:0 0 5px;margin-top:18px;color:var(--purple);background:none;border:0;border-bottom:1px solid #b580ff66;font-size:11px;font-weight:650}
.case-action span{font-size:17px;font-weight:400;line-height:1}
.case-action:hover{color:var(--deep);border-bottom-color:var(--purple)}
.project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:18px}
.project-actions .case-action{margin-top:0}
.project-live-link{display:inline-flex;align-items:center;gap:12px;color:var(--purple);font-size:11px;font-weight:600;padding-bottom:5px;border-bottom:1px solid transparent}
.project-live-link span{font-size:17px;line-height:1;font-weight:400}
.project-live-link:hover{color:var(--deep);border-bottom-color:var(--purple)}
.case-outbound{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;padding:0 43px 25px}
.case-outbound .button{margin:0;font-size:12px;gap:25px}
.case-outbound .button>span{font-size:19px;line-height:1}
.case-outbound p{font-size:10px;color:var(--muted)}
@media(max-width:620px){.project-live-link{font-size:12px}.project-actions{gap:12px 22px;margin-top:16px}.case-outbound{padding:0 22px 24px;gap:12px}.case-outbound p{font-size:10px}}
@media(max-width:360px){.case-outbound{padding-inline:18px}}
dialog{width:min(1080px,calc(100% - 40px));max-height:92dvh;scroll-behavior:smooth}
.dialog-top{min-height:62px}
.dialog-heading{padding:37px 43px 30px}
.dialog-heading h2{font-size:43px;line-height:1.12}
.dialog-heading .case-headline{font-size:22px;letter-spacing:-.035em;line-height:1.4;color:var(--purple);margin-top:14px;font-weight:500;max-width:800px}
.dialog-heading>p:last-child{max-width:790px;line-height:1.9}
.case-nav{display:flex;align-items:center;gap:8px;padding:11px 43px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:62px;background:rgba(252,250,255,.97);backdrop-filter:blur(12px);z-index:1;overflow:auto}
.case-nav button{border:0;background:none;padding:7px 12px;color:var(--purple);font-size:11px;white-space:nowrap;border-radius:3px}
.case-nav button:first-child{padding-left:0}
.case-nav button:hover{background:var(--pale)}
.case-gallery{margin:0;background:var(--pale)}
.case-gallery>.dialog-image{width:100%;height:auto;max-height:470px;object-fit:contain}
.case-gallery figcaption{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:12px 43px;background:#f5edff;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);min-height:49px}
.gallery-options{display:flex;gap:5px;flex-shrink:0}
.gallery-options button{background:none;border:1px solid #d4c1e9;border-radius:3px;padding:4px 8px;font-size:10px;color:var(--purple)}
.gallery-options button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:white}
.case-chapter{padding:43px;border-bottom:1px solid var(--line);scroll-margin-top:125px}
.case-chapter h3{font-size:29px;font-weight:550;letter-spacing:-.045em;line-height:1.2}
.case-chapter h4{font-size:16px;font-weight:650;line-height:1.4;letter-spacing:-.025em}
.case-chapter p,.case-chapter li{font-size:13px;line-height:1.85;color:var(--muted)}
.case-chapter .eyebrow{font-size:10px;color:var(--purple);line-height:1.6;margin-bottom:16px}
.case-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:55px}
.case-overview h3{font-size:22px;margin-bottom:15px}
.case-overview>div:last-child{padding-top:30px}
.case-overview ul{padding-left:17px;margin:0}
.case-overview li+li{margin-top:9px}
.case-overview .case-note{font-size:11px;padding-left:13px;border-left:2px solid var(--lavender);margin-top:17px}
.dialog-stack h4{font-size:12px}
.dialog-stack .project-tags>span{font-size:10px}
.chapter-heading{margin-bottom:27px}
.chapter-heading>p:last-child{max-width:720px;font-size:12px;margin-top:13px}
.audience-chapter{background:#f7f1ff}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.audience-profile{background:var(--paper);border:1px solid #ddcbed;border-radius:4px;padding:21px}
.persona-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--purple);font-size:9px;line-height:1.6;margin-bottom:17px}
.persona-top>span:first-child{display:grid;place-items:center;width:26px;height:26px;border:1px solid #d5bfea;border-radius:50%;font-size:8px;flex-shrink:0}
.persona-top>span:last-child{text-align:right}
.audience-profile h4{font-size:18px;font-weight:550;letter-spacing:-.035em;line-height:1.3}
.audience-profile .persona-context{font-size:11px;line-height:1.8;margin-top:12px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.audience-profile dl{margin:0}
.audience-profile dt{font-size:9px;font-weight:750;letter-spacing:.045em;text-transform:uppercase;color:var(--purple);margin-bottom:5px}
.audience-profile dd{margin:0 0 16px;font-size:11px;line-height:1.8;color:var(--muted)}
.audience-profile dd:last-child{margin-bottom:0}
.audience-profile ul{padding-left:14px;margin:0}
.audience-profile li{font-size:11px;line-height:1.7}
.audience-profile li+li{margin-top:5px}
.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:31px;margin-bottom:17px}
.journey-heading h4{font-size:13px}
.journey-heading>span{font-size:9px;color:var(--muted)}
.user-journey{display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0;list-style:none;border-top:1px solid #cfb7e5}
.user-journey li{padding:15px 16px 0 0;position:relative}
.user-journey li:before{content:'';position:absolute;top:-4px;left:0;width:6px;height:6px;background:var(--purple);border-radius:50%}
.user-journey li>span{font-size:9px;color:var(--purple)}
.user-journey p{font-size:11px;margin-top:5px;line-height:1.6;max-width:145px}
.ux-ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}
.ux-column-title{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:14px!important}
.ux-column-title>span{font-size:10px;background:var(--purple);color:white;padding:6px 7px;border-radius:3px;line-height:1}
.ux-ui-grid>div:last-child .ux-column-title>span{background:var(--pale);color:var(--purple)}
.ux-decision{display:flex;gap:15px;margin-top:25px}
.ux-decision>span{font-size:9px;color:var(--purple);padding-top:3px}
.ux-decision h4{font-size:14px}
.ux-decision p{font-size:12px;line-height:1.9;margin-top:7px}
.case-detail-image{margin:35px 0 0}
.case-detail-image img{width:100%;max-height:450px;object-fit:contain;background:var(--pale);border-radius:4px}
.case-detail-image figcaption{font-size:10px;color:var(--muted);margin-top:12px}
.case-story-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}
.case-story-columns h4{font-size:15px;margin-bottom:12px}
.case-story-columns p{font-size:13px}
.decision-table-title{font-size:14px!important;margin-top:31px;margin-bottom:15px}
.decision-table{border:1px solid var(--line);border-radius:4px;overflow:hidden}
.decision-table table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}
.decision-table th,.decision-table td{padding:15px 18px;vertical-align:top;font-size:12px;line-height:1.8;letter-spacing:0}
.decision-table thead{background:var(--pale);color:var(--purple)}
.decision-table th{font-weight:600}
.decision-table th:first-child{width:38%}
.decision-table td{color:var(--muted)}
.decision-table tbody tr+tr{border-top:1px solid var(--line)}
.case-delivery{display:flex;align-items:flex-start;gap:20px;background:var(--deep);padding:26px 29px;border-radius:4px;margin-top:30px;color:white}
.case-delivery>span{color:var(--gold);font-size:22px;line-height:1}
.case-delivery h4{color:var(--pale);font-size:15px;margin-bottom:10px}
.case-delivery p{color:#dbc9f0;font-size:12px;line-height:1.9}
.validation-plan{margin-top:28px}
.validation-plan h4{font-size:15px}
.validation-caption{font-size:11px!important;margin-top:6px}
.validation-plan ol{margin:14px 0 0;padding-left:18px}
.validation-plan li{font-size:12px;padding-left:5px;line-height:1.8}
.validation-plan li+li{margin-top:7px}
@media(max-width:1000px){.intro-words{font-size:54px}.client-row{gap:25px}.ticker-label{flex-basis:150px}.ticker-group{gap:49px;padding-right:49px}.feature-slide .featured-caption strong{font-size:25px}.audience-grid{gap:12px}.audience-profile{padding:17px}.case-chapter{padding:35px}.dialog-heading{padding:31px 35px 27px}.case-nav{padding-inline:35px}.case-overview{gap:35px}.ux-ui-grid,.case-story-columns{gap:30px}}
@media(max-width:800px){.site-header{height:85px}.ticker-label{flex-basis:125px}.ticker-label>p{font-size:10px}.ticker-group{gap:40px;padding-right:40px}.client-mocada{font-size:21px}.client-kaiser{font-size:18px}.feature-slide .featured-caption strong{font-size:23px}.feature-slide .featured-caption{right:45px}.feature-controls{margin-top:11px}.feature-dots{gap:5px}.feature-dot:after{width:12px}.feature-dot[aria-pressed=true]:after{width:23px}.feature-buttons{gap:5px}.feature-buttons button{width:25px;height:25px}.intro-words{font-size:45px;gap:13px}.intro-logo{width:140px;height:140px}.intro-logo img{width:98px;height:98px}.audience-grid{grid-template-columns:1fr}.audience-profile{display:grid;grid-template-columns:1fr 1.2fr;column-gap:25px;padding:23px}.persona-top{grid-column:1;grid-row:1}.audience-profile h4{grid-column:1;grid-row:2;align-self:start}.audience-profile .persona-context{grid-column:1;grid-row:3;margin-bottom:0;padding-bottom:0;border:0}.audience-profile dl{grid-column:2;grid-row:1 / 4}.audience-profile dd,.audience-profile li{font-size:12px}.user-journey p{font-size:10px}.dialog-heading h2{font-size:36px}.case-chapter h3{font-size:26px}.footer-inner{gap:15px}}
@media(max-width:620px){.site-header{height:78px}.site-header nav{top:77px}.header-shell{z-index:40}.intro-screen{padding:25px 23px}.intro-top{font-size:8px}.intro-top>span:first-child{font-size:12px}.intro-top>span:last-child{max-width:130px;text-align:right}.intro-bottom{font-size:8px;gap:15px}.intro-words{flex-direction:column;align-items:center;gap:0;font-size:57px;line-height:1.03}.intro-word-wrap{padding-bottom:7px}.intro-logo{width:125px;height:125px;margin-bottom:29px}.intro-logo img{width:88px;height:88px}.intro-center>p{font-size:10px;margin-top:17px}.intro-meter{margin-top:27px;width:120px}#skip-intro{font-size:10px;gap:17px;padding:8px 10px}.feature-slide .featured-caption strong{font-size:27px}.feature-slide .featured-caption{right:58px}.feature-dots{gap:7px}.feature-dot:after{width:17px}.feature-dot[aria-pressed=true]:after{width:28px}.feature-buttons button{width:27px;height:27px}.feature-controls{margin-top:13px}.feature-foot{margin-top:9px;font-size:8px}.client-row{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-block:25px}.ticker-label{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.ticker-label>p{font-size:10px}.ticker-label>p>br{display:none}.ticker-label strong{margin-left:4px}#ticker-pause{padding-top:0;flex-shrink:0;font-size:8px}.ticker-viewport{flex:0 0 auto;padding-block:4px}.ticker-group{gap:42px;padding-right:42px}.client-ms,.client-fh{font-size:19px}.client-mocada{font-size:23px}.client-kaiser{font-size:18px}.case-action{font-size:12px;margin-top:16px}.footer-inner{grid-template-columns:1fr 1fr;gap:16px}.footer-brand{grid-column:1 / -1}#replay-intro{justify-self:start;grid-column:1}.footer-inner>span{grid-row:3;grid-column:1 / -1}.footer-inner>a:last-child{grid-row:2;grid-column:2}.dialog-top{padding-inline:20px}.dialog-top .micro-label{font-size:9px}.dialog-heading{padding:27px 22px 24px}.dialog-heading h2{font-size:32px}.dialog-heading .case-headline{font-size:19px;margin-top:14px}.case-nav{padding:8px 15px;gap:3px}.case-nav button{font-size:10px;padding:7px 9px}.case-nav button:first-child{padding-left:8px}.case-gallery figcaption{padding:11px 22px;gap:15px;font-size:9px;align-items:flex-start;flex-wrap:wrap}.gallery-options button{font-size:9px}.case-chapter{padding:29px 22px}.case-overview{grid-template-columns:1fr;gap:24px}.case-overview>div:last-child{padding-top:0}.case-overview h3{font-size:21px}.case-chapter .eyebrow{font-size:9px;margin-bottom:14px}.case-chapter h3{font-size:25px}.chapter-heading{margin-bottom:23px}.chapter-heading>p:last-child{font-size:12px}.audience-profile{display:block;padding:22px}.persona-top{margin-bottom:16px;font-size:10px}.audience-profile h4{font-size:20px}.audience-profile .persona-context{font-size:12px;margin-top:12px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--line)}.audience-profile dt{font-size:10px}.audience-profile dd{font-size:12px}.audience-profile li{font-size:12px}.audience-grid{gap:16px}.journey-heading{display:block;margin-top:25px;margin-bottom:14px}.journey-heading h4{font-size:14px}.journey-heading>span{font-size:10px;display:block;margin-top:5px}.user-journey{display:block;border-top:0;border-left:1px solid #cfb7e5;padding-left:18px}.user-journey li{padding:0 0 17px}.user-journey li:before{left:-22px;top:6px}.user-journey li:last-child{padding-bottom:0}.user-journey p{display:inline;font-size:12px;margin-left:9px;max-width:none}.user-journey li>span{font-size:9px}.ux-ui-grid,.case-story-columns{grid-template-columns:1fr;gap:28px}.ux-column-title{font-size:14px!important}.ux-decision{gap:12px;margin-top:20px}.ux-decision h4{font-size:15px}.ux-decision p{font-size:12px}.case-detail-image{margin-top:27px}.case-detail-image figcaption{font-size:10px}.case-story-columns p{font-size:13px}.decision-table th,.decision-table td{padding:12px 11px;font-size:11px;line-height:1.8}.decision-table th:first-child{width:40%}.case-delivery{padding:23px 20px;gap:13px}.case-delivery p{font-size:12px}.validation-plan li{font-size:12px}}
@media(max-width:360px){.intro-words{font-size:50px}.intro-bottom>span{max-width:130px}.feature-slide .featured-caption strong{font-size:22px}.feature-slide .featured-caption{left:20px;right:47px}.featured-meta{font-size:8px}.feature-dots{gap:4px}.feature-dot:after{width:13px}.feature-dot[aria-pressed=true]:after{width:23px}.feature-buttons button{width:24px;height:25px}.feature-controls{gap:8px}.ticker-label{gap:10px}.ticker-label>p{font-size:9px}.ticker-label strong{display:block;margin-left:0}.case-nav{padding-inline:9px;gap:0}.case-nav button{font-size:9px;padding:7px 8px}.dialog-heading h2{font-size:28px}.case-chapter,.dialog-heading{padding-inline:18px}.decision-table th,.decision-table td{padding:10px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.intro-screen,#replay-intro{display:none!important}.intro-pending,.intro-pending body{overflow:auto}.ticker-viewport{overflow-x:auto;mask-image:none;padding-bottom:8px}.ticker-group[aria-hidden=true]{display:none}.ticker-track,.feature-slide,.project-image>img{will-change:auto}.project-image:hover>img{transform:none}.case-nav,dialog{scroll-behavior:auto}}
@media(max-height:600px){.intro-screen{padding-block:18px}.intro-center{padding-block:8px}.intro-logo{width:90px;height:90px;margin-bottom:18px}.intro-logo img{width:64px;height:64px}.intro-words{font-size:43px}.intro-center>p{font-size:10px;margin-top:12px}.intro-meter{margin-top:20px}}