.tu-case{background:#fdfdfd}
.tu-hero{padding-top:34px;padding-bottom:45px}
.tu-back{display:inline-flex;gap:12px;align-items:center;font-size:12px;color:#757482!important}
.tu-back svg{width:18px;height:18px}
.tu-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center;padding-block:65px}
.tu-hero-grid .tp-wordmark{width:124px;margin-bottom:34px}
.tu-category{font-size:13px;color:#777586;margin-bottom:20px!important}
.tu-case .tu-hero h1{font-family:'General Sans',Arial,sans-serif;font-weight:400;font-size:clamp(48px,6.3vw,104px);line-height:1.04;letter-spacing:-.05em}
.tu-lead{font-size:18px;line-height:1.6;max-width:32em;color:#717080;margin-top:26px!important}
.tu-hero-art{padding:0 5%}
.tu-details{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #24233518;padding-top:28px;font-size:13px}
.tu-details dt{font-size:11px;color:#7c788a;margin-bottom:7px}
.tu-index{display:flex;justify-content:space-between;gap:28px;font-size:12px;padding-block:22px;border-block:1px solid #24233518;white-space:nowrap;overflow:auto}
.tu-index a:hover,.tu-back:hover{color:#5f62c2!important}
.tu-section{display:grid;grid-template-columns:1fr 2.4fr;column-gap:8vw;padding-block:105px}
.tu-section-label{font-size:12px;color:#7a7688;line-height:1.6}
.tu-case h2{font-size:clamp(37px,4vw,62px);line-height:1.08;font-weight:400;letter-spacing:-.035em}
.tu-prose{max-width:770px}
.tu-prose>p:not(.tu-section-label),.tu-evidence-copy>p:not(.tu-section-label){max-width:43em;font-size:16px;line-height:1.8;color:#6c6879;margin-top:22px}
.tu-journey{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px!important}
.tu-journey li{padding-top:22px;border-top:1px solid #a7a2ba45}
.tu-journey span{display:block;font-size:12px;color:#7770c2;margin-bottom:22px}
.tu-journey strong{font-size:16px;font-weight:500;display:block}
.tu-journey p{font-size:13px;line-height:1.7;color:#7d778a;margin-top:10px}
.tu-workspace{padding-block:90px;background:#f1eff7}
.tu-section-heading{display:grid;grid-template-columns:.65fr 1.1fr 1fr;gap:45px;align-items:start;margin-bottom:45px}
.tu-section-heading>p:last-child{font-size:16px;line-height:1.8;color:#777082;align-self:end}
.tu-desktop{overflow:hidden}
.tu-desktop img{height:auto;border-radius:9px}
.tu-case .tu-desktop figcaption{font-size:11px;padding-top:18px;color:#797487}
.tu-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:48px}
.tu-decisions h3{font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.025em}
.tu-decisions p{font-size:14px;line-height:1.8;color:#736d80;margin-top:14px}
.tu-evidence{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;align-items:center;padding-block:115px}
.tu-evidence-art{display:grid;justify-items:center;background:radial-gradient(ellipse,#e9e4fa,transparent 65%);padding:25px 0}
.tu-evidence-art>.tp-phone{box-shadow:0 0 0 1px #c3bec9,0 25px 65px -20px #8e869750}
.tu-evidence-art>span{font-size:11px;margin-top:28px;color:#7e788c}
.tu-evidence-copy .tu-section-label{margin-bottom:24px}
.tu-source-demo{border-left:2px solid #a9a1de;background:#f6f4fc;padding:24px 28px;margin-top:25px}
.tu-source-demo>span,.tu-source-demo>strong{display:flex;align-items:center;gap:9px;font-size:11px;color:#817598;font-weight:400}
.tu-source-demo svg{width:16px;height:16px}
.tu-source-demo>p{font-family:'Tatva Editorial',Georgia,serif;font-size:25px;line-height:1.4;margin:18px 0!important}
.tu-evidence-copy .tv-text-link,.tu-language .tv-text-link{margin-top:32px;font-size:13px}
.tu-language{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;align-items:center;background:#faf7f5;padding-block:95px}
.tu-language-art{position:relative;max-width:450px;width:100%;padding:0 9%;margin:auto}
.tu-language-art>div{position:absolute;font-family:'Tatva Editorial',Georgia,serif;color:#6e667e;font-size:21px}
.tu-language-art>div:nth-child(2){top:15%;left:0}.tu-language-art>div:nth-child(3){top:42%;right:0}.tu-language-art>div:nth-child(4){bottom:14%;left:5%}
.tu-language .tu-section-label{margin-bottom:24px}
.tu-next>.tu-decisions{grid-column:1/-1;margin-top:55px;border-top:1px solid #24233518;padding-top:30px}
.tu-research-note{grid-column:2;max-width:50em;font-size:12px;line-height:1.7;color:#8a8395;margin-top:38px!important}
.tu-end{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:50px;border-top:1px solid #24233518}
.tu-end .tp-wordmark{width:145px}.tu-end p{font-size:13px;color:#787282;margin-top:15px}
@media(max-width:1000px){.tu-hero-grid{gap:25px}.tu-section{column-gap:35px}.tu-section-heading{grid-template-columns:1fr 2fr}.tu-section-heading>p:last-child{grid-column:2}.tu-journey{grid-template-columns:1fr 1fr}.tu-decisions{gap:25px}.tu-evidence,.tu-language{gap:40px}.tu-evidence-copy>p:not(.tu-section-label),.tu-prose>p:not(.tu-section-label){font-size:15px}.tu-evidence-art>.tp-phone{width:280px}}
@media(max-width:700px){.tu-hero{padding-top:25px}.tu-hero-grid{grid-template-columns:1fr;padding-block:45px;gap:25px}.tu-case .tu-hero h1{font-size:52px}.tu-lead{font-size:16px}.tu-hero-art{max-width:240px;justify-self:end;padding:0;margin-top:-25px}.tu-details{grid-template-columns:1fr;gap:20px}.tu-index{justify-content:flex-start}.tu-section{grid-template-columns:1fr;padding-block:65px;gap:22px}.tu-journey{margin-top:15px!important;gap:28px 20px}.tu-journey strong{font-size:14px}.tu-journey p{font-size:12px}.tu-workspace{padding-block:55px}.tu-section-heading{grid-template-columns:1fr;gap:20px}.tu-section-heading>p:last-child{grid-column:auto;font-size:14px}.tu-decisions{grid-template-columns:1fr;gap:30px;margin-top:35px}.tu-evidence{grid-template-columns:1fr;padding-block:65px;gap:35px}.tu-evidence-copy{grid-row:1}.tu-evidence-art{grid-row:2}.tu-language{grid-template-columns:1fr;padding-block:60px;gap:30px}.tu-language-art{max-width:310px;grid-row:2}.tu-language .tu-prose{grid-row:1}.tu-next>.tu-decisions{margin-top:12px}.tu-research-note{grid-column:1;margin-top:5px!important}.tu-end{flex-direction:column;align-items:flex-start;padding-block:35px}.tu-case .tu-source-demo>p{font-size:23px}}

/* Supporting diagrams and detailed design rationale. */
.tu-structure,.tu-flows,.tu-mobile-decisions,.tu-states,.tu-access{padding-block:95px}
.tu-structure{background:#faf9fc;border-top:1px solid #28233712}
.tu-architecture{margin-top:55px}
.tu-architecture-root{text-align:center;font-size:20px;font-weight:500;padding:25px;border-block:1px solid #ddd7e9;background:#f1eef8}
.tu-architecture-root>span{display:block;font-size:12px;font-weight:400;color:#777082;margin-top:8px}
.tu-architecture-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:38px}
.tu-architecture-branches>article{position:relative;padding-top:28px;border-top:1px solid #d7d0e6}
.tu-architecture-branches>article:before{content:'';position:absolute;height:39px;width:1px;background:#d7d0e6;top:-39px;left:50%}
.tu-architecture-branches>article>span,.tu-flow-intro>span{font-size:11px;letter-spacing:.02em;color:#776788}
.tu-architecture-branches h3{font-size:23px;font-weight:500;margin:14px 0 20px}
.tu-architecture ul{display:grid;gap:0;list-style:none}
.tu-architecture li{padding:15px 0;border-top:1px solid #28233710}
.tu-architecture li strong{display:block;font-size:14px;font-weight:500}
.tu-architecture li span{display:block;font-size:12px;line-height:1.6;color:#797183;margin-top:5px}
.tu-rationale{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid #2823371c;margin-top:48px;padding-top:28px}
.tu-rationale h3{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.03em;max-width:12em}
.tu-rationale p,.tu-scenarios article p{font-size:14px;line-height:1.8;color:#746c80}
.tu-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px}
.tu-scenarios>.tu-section-label{grid-column:1/-1}
.tu-scenarios article{border-top:1px solid #cec5df;padding-top:23px}
.tu-scenarios article strong{font-family:'Tatva Editorial',Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.03em}
.tu-scenarios article p{margin-top:16px}
.tu-scenarios small{grid-column:1/-1;font-size:11px;line-height:1.7;color:#81788e}
.tu-flows{background:#f4f1f8}
.tu-flow{display:grid;grid-template-columns:.8fr 1.3fr;gap:8vw;padding-block:48px;border-top:1px solid #bcb2cf55}
.tu-flow-intro h3{font-family:'Tatva Editorial',Georgia,serif;font-size:38px;line-height:1.08;font-weight:400;letter-spacing:-.025em;margin-top:21px}
.tu-flow-intro p{font-size:14px;line-height:1.8;color:#776d83;margin-top:23px;max-width:26em}
.tu-flow-steps{list-style:none;counter-reset:ux-step;display:grid;gap:30px}
.tu-flow-steps li{counter-increment:ux-step;position:relative;padding-left:51px}
.tu-flow-steps li:before{content:counter(ux-step,decimal-leading-zero);position:absolute;top:1px;left:0;color:#8a75b6;font-size:12px}
.tu-flow-steps li:not(:last-child):after{content:'';position:absolute;left:10px;top:29px;bottom:-15px;width:1px;background:#cfc4df}
.tu-flow-steps strong{font-size:17px;font-weight:500}
.tu-flow-steps p{font-size:14px;line-height:1.8;color:#766c81;margin-top:8px}
.tu-flow-note{border-top:1px solid #bcb2cf55;padding-top:25px;font-size:12px;line-height:1.8;color:#82748d;max-width:75em}
.tu-mobile-decisions .tu-decisions{margin-top:0}
.tu-detail-number{display:block;font-size:12px;color:#927ab5;margin-bottom:22px}
.tu-states{background:#f9f8fb}
.tu-state-table-wrap{overflow-x:auto}
.tu-state-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.75}
.tu-state-table caption{text-align:left;font-size:12px;color:#797181;padding-bottom:22px}
.tu-state-table th,.tu-state-table td{padding:21px 24px 21px 0;vertical-align:top;border-bottom:1px solid #dcd6e6}
.tu-state-table thead th{font-size:11px;font-weight:500;color:#86788f;border-bottom:1px solid #c8bdd7}
.tu-state-table tbody th{font-weight:500;width:24%}
.tu-state-table td{color:#756d80;width:38%}
.tu-access{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.tu-access h2{margin-top:24px}
.tu-access-lead{font-size:16px;line-height:1.8;color:#776e82;max-width:29em;margin-top:26px!important}
.tu-access-list{display:grid;gap:30px}
.tu-access-list article{border-top:1px solid #ded7e7;padding-top:23px}
.tu-access-list h3{font-size:18px;font-weight:500}
.tu-access-list p{font-size:14px;line-height:1.8;color:#776e82;margin-top:12px}
@media(max-width:1000px){.tu-index{justify-content:flex-start}.tu-architecture-branches{gap:25px}.tu-flow{gap:45px}.tu-access{gap:40px}.tu-rationale{gap:35px}}
@media(max-width:700px){.tu-structure,.tu-flows,.tu-mobile-decisions,.tu-states,.tu-access{padding-block:60px}.tu-architecture{margin-top:30px}.tu-architecture-root{font-size:18px;padding:22px 15px}.tu-architecture-branches{grid-template-columns:1fr;gap:25px;padding-top:0}.tu-architecture-branches>article{padding-top:25px}.tu-architecture-branches>article:before{display:none}.tu-rationale{grid-template-columns:1fr;gap:15px;margin-top:32px}.tu-rationale h3{max-width:17em}.tu-scenarios{grid-template-columns:1fr;gap:25px;margin-top:40px}.tu-scenarios article strong{font-size:26px}.tu-flow{grid-template-columns:1fr;gap:30px;padding-block:35px}.tu-flow-intro h3{font-size:33px}.tu-flow-steps{gap:25px}.tu-flow-steps li{padding-left:38px}.tu-flow-steps strong{font-size:16px}.tu-state-table{font-size:12px;min-width:570px}.tu-state-table th,.tu-state-table td{padding:16px 20px 16px 0}.tu-access{grid-template-columns:1fr;gap:35px}.tu-access-lead{font-size:15px}}