/* FDE field notes: keep the site's paper, typography and cobalt palette. */
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px 34px}
.case-card{min-width:0}.case-card-link{display:block}.case-card-link:focus-visible{outline-offset:8px}
.case-visual{position:relative;width:100%;min-height:330px;aspect-ratio:1.5;overflow:hidden;background:#e1e7f2;color:#204398;isolation:isolate}
.case-visual:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #253d6810}
.case-visual-top{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.4px;z-index:1}
.case-visual-top span:last-child{font-family:var(--sans);letter-spacing:1px}
.case-visual-bottom{position:absolute;bottom:20px;left:25px;font:7px var(--mono);letter-spacing:1.2px;opacity:.7}
.case-diagram{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:52px 35px 44px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.case-card-link:hover .case-diagram{transform:translateY(-5px)}
.case-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:19px;font-size:11px;color:var(--muted)}
.case-arrow{font-size:25px;color:var(--ink);transition:transform .25s}.case-card-link:hover .case-arrow{transform:translate(3px,-3px);color:var(--blue)}
.case-category{font-size:10px;color:var(--muted);margin:7px 0 13px;letter-spacing:.8px}
.case-card h3{font-family:var(--serif);font-size:28px;line-height:1.5;font-weight:500;letter-spacing:-.5px;margin:0 0 12px}
.case-summary{font-size:13px;line-height:1.9;color:var(--muted);margin:0;max-width:95%}
.case-read{display:inline-flex;gap:26px;align-items:center;font-size:11px;margin-top:22px;padding-bottom:5px;border-bottom:1px solid #abb3a4}.case-read span{color:var(--blue)}
.case-section-note{margin:32px 0 0;font-size:11px;line-height:1.8;color:var(--muted)}
.diagram-sources{display:flex;gap:8px;width:85%;justify-content:center;font-size:10px}.diagram-sources span{background:#ffffff80;padding:9px 12px;border:1px solid #416ba126;white-space:nowrap}
.diagram-connector{font-size:18px;margin:6px 0;color:#6984bb}.diagram-document{width:83%;padding:21px 25px;background:#fbfcf7;box-shadow:9px 9px 0 #7694c526;transform:rotate(-2deg);transition:transform .6s}
.case-card-link:hover .diagram-document{transform:rotate(0)}.diagram-document>span{font:8px var(--mono);letter-spacing:1.5px;display:block;margin-bottom:11px}.diagram-document strong{font:500 23px/1.55 var(--serif);display:block;color:#263d5d}.diagram-document i{display:block;height:2px;background:#d8e0e7;width:100%;margin-top:10px}.diagram-document i+i{width:65%;margin-top:6px}.diagram-document small{display:block;font-size:9px;margin-top:14px;color:#647d98}
.visual-industry{background:#e1e6d9;color:#3e573f}.diagram-register{width:90%;background:#f8f9f1;padding:24px;transform:rotate(1deg);box-shadow:-9px 9px 0 #9ead9333;transition:transform .6s}.case-card-link:hover .diagram-register{transform:rotate(0)}
.diagram-register>span{font:8px var(--mono);letter-spacing:1px}.register-heading{display:flex;justify-content:space-between;align-items:center;margin:17px 0 16px}.register-heading strong{font:500 24px var(--serif);color:#354d38}.register-heading b{font:24px var(--mono);color:#8f9d82}.register-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:12px 0;border-top:1px solid #d8dfd0;font-size:11px;align-items:center}.register-row i{font:9px var(--mono);color:#819176}.register-row em{font-size:9px;font-style:normal;color:#607455}
.visual-review{background:#213a78;color:#d9e2fc}.diagram-film{width:88%;padding:14px;background:#142756;border:1px solid #5879b4;box-shadow:12px 12px 0 #182d653d}.film-top{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;margin-bottom:11px}.film-scene{height:135px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#314e95}.film-scene>span{z-index:1;font:500 23px/1.5 var(--serif);letter-spacing:3px;text-align:center}.film-orbit{position:absolute;border:1px solid #8aaff76b;width:140px;height:140px;transform:rotate(-32deg);border-radius:50%}.film-orbit:before,.film-orbit:after{content:'';position:absolute;inset:14px -45px;border:1px solid #8aaff755;border-radius:50%}.film-orbit:after{inset:-18px 31px}
.film-timeline{position:relative;display:flex;gap:3px;margin:13px 0 12px;height:17px}.film-timeline i{flex:1;background:#5372ad}.film-timeline i:first-child{flex:1.6;background:#7895ca}.film-timeline b{position:absolute;width:2px;height:27px;top:-5px;left:43%;background:#dfeac8;transition:left .8s}.case-card-link:hover .film-timeline b{left:62%}.film-note{display:flex;align-items:center;gap:8px;font-size:9px;color:#dde5fa}.note-dot{width:5px;height:5px;border-radius:50%;background:#cbdc9a}.film-note>span:last-child{margin-left:auto;color:#c8d5ee}
.visual-leads{background:#e8e4dc;color:#65543a}.diagram-conversation{width:90%}.diagram-conversation>span{font:7px var(--mono);letter-spacing:1px}.conversation-bubble{padding:17px 20px;background:#faf9f3;width:fit-content;margin:23px 0 17px;font-size:14px;border-radius:0 16px 16px 16px;transform:translateX(-8px);box-shadow:3px 3px 0 #9d927f10}.conversation-card{padding:21px;background:#f8f6ef;border:1px solid #c9c1b4;margin-left:18px;box-shadow:7px 7px 0 #b7aa9030}.conversation-card>span{font-size:9px;color:#8a7357}.conversation-card strong{display:block;font:500 23px var(--serif);margin:15px 0}.conversation-card p{font-size:9px;line-height:1.8;color:#786b59;margin:0 0 19px}.conversation-card>div{display:flex;align-items:center;gap:7px;padding-top:13px;border-top:1px solid #ded5c9;font-size:9px}.conversation-card i{height:5px;width:5px;background:#5d7954;border-radius:50%}.conversation-card b{margin-left:auto;font-size:17px;font-weight:400}
/* Balance short headings on narrow screens without changing the reading order. */
.case-card h3,.case-demo-section h2,.case-closing h2{text-wrap:balance}
/* Case pages */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;z-index:40}
.case-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;padding-top:48px;padding-bottom:60px}
.case-back{display:inline-block;font-size:11px;color:var(--muted);margin-bottom:48px}.case-back:hover{color:var(--blue)}
.case-hero .eyebrow{font-size:10px;color:var(--blue);margin-bottom:18px}.case-status{font-size:11px;color:var(--muted);margin:0 0 15px}.case-hero h1{font:500 clamp(32px,3.5vw,49px)/1.45 var(--serif);letter-spacing:-1px;margin:0 0 25px}.case-hero-summary{font-size:14px;line-height:2;color:var(--muted);max-width:450px;margin:0}.case-scope{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.case-scope span{font-size:10px;border:1px solid var(--line);padding:7px 10px}
.case-hero .case-visual{aspect-ratio:1.1;margin-top:45px}.case-hero .case-diagram{padding-left:28px;padding-right:28px}.case-hero .diagram-document{padding:28px}.case-hero .diagram-document strong{font-size:28px}.case-hero .film-scene{height:180px}
.case-context-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);line-height:1.8}.case-context-line>span{flex-shrink:0;color:var(--ink)}.case-context-line p{margin:0}
.case-story{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding-top:80px;padding-bottom:85px}.case-story>.eyebrow{color:var(--muted);margin-top:10px}.case-story h2,.case-demo-section h2{font-size:35px}.case-story>div>p{font-size:15px;line-height:2.1;color:var(--muted);margin:0 0 20px;max-width:760px}
.case-demo-section{background:#edf0e8;padding:74px 0 85px}.case-demo-section .section-heading{margin-bottom:35px}.flow-demo{display:grid;grid-template-columns:1fr 1.7fr;gap:40px}.demo-label{font-size:10px;letter-spacing:1px;color:var(--muted);margin:8px 0 23px}.flow-step{border:0;border-top:1px solid #cfd7c7;background:none;color:var(--muted);width:100%;text-align:left;padding:25px 14px 25px 0;display:flex;gap:17px;align-items:center;transition:color .2s,background .2s,padding .2s}.flow-step[hidden],.flow-panel[hidden]{display:none}.flow-step:last-child{border-bottom:1px solid #cfd7c7}.flow-number{font:11px var(--mono)}.flow-step strong{display:block;font-size:18px;font-weight:500;margin-bottom:9px}.flow-step small{font-size:11px;line-height:1.6}.flow-step-arrow{margin-left:auto;font-size:21px}.flow-step[aria-pressed=true]{color:var(--blue);background:#f8f9f3;padding-left:18px}.flow-step:hover{color:var(--blue)}
.flow-panel{position:relative;min-height:438px;padding:37px 40px 53px;background:#fafbf6;border:1px solid #dce2d3}.flow-panel+.flow-panel{margin-top:20px}.flow-demo.is-interactive .flow-panel{margin-top:0}.flow-panel.is-entering{animation:panel-in .35s ease both}.flow-kicker{font:10px var(--mono);letter-spacing:1px;color:var(--blue);margin:0 0 22px}.flow-panel h3{font:500 28px/1.5 var(--serif);margin:0 0 13px}.flow-description{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 27px}.flow-record{margin:0;border-top:1px solid var(--line)}.flow-record>div{display:grid;grid-template-columns:90px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px;line-height:1.8}.flow-record dt{color:var(--muted)}.flow-record dd{margin:0}.flow-foot{font-size:10px;line-height:1.8;color:var(--muted);margin:20px 0 0}.flow-page{position:absolute;right:25px;bottom:19px;font:9px var(--mono);color:#7c8975}
.case-work-list{padding:0;margin:30px 0 32px;list-style:none}.case-work-list li{display:flex;gap:24px;border-top:1px solid var(--line);padding:26px 0}.case-work-list li>span{font:11px var(--mono);color:var(--blue);padding-top:7px}.case-work-list h3{font-size:19px;font-weight:500;margin:0 0 13px}.case-work-list p{font-size:14px;line-height:2;color:var(--muted);margin:0}.case-progress-note{background:#edf0e8;padding:24px 28px;border-left:2px solid #a6b996}.case-progress-note>span{font-size:11px;letter-spacing:1px}.case-progress-note p{color:var(--muted);font-size:12px;line-height:2;margin:10px 0 0}
.case-closing{border-top:1px solid var(--line);padding:65px 0 70px;text-align:center}.case-closing .eyebrow{justify-content:center;color:var(--blue);font-size:10px;margin-bottom:24px}.case-closing h2{font-size:35px;max-width:740px;margin:0 auto 32px;line-height:1.6}.case-next{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:35px}.case-next>a:first-child{font-size:11px;color:var(--muted);flex-shrink:0}.case-next>a:last-child{display:grid;grid-template-columns:1fr auto;gap:9px 35px}.case-next span{font-size:10px;color:var(--muted);grid-column:1/-1}.case-next strong{font:500 20px/1.7 var(--serif)}.case-next b{font-size:24px;font-weight:400;color:var(--blue)}
/* Motion is progressive enhancement; content stays visible without JavaScript. */
.motion-reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.motion-reveal.is-pending{opacity:0;transform:translateY(18px)}
.hero-art .art-grid{transition:transform .65s ease-out}.hero-art.is-tiltable .space-art{animation:none;transform:perspective(900px) rotateX(var(--art-x,0deg)) rotateY(var(--art-y,0deg));transition:transform .55s ease-out}.hero-art.is-tiltable .art-grid{transform:translate(var(--grid-x,0px),var(--grid-y,0px)) scale(1.04)}
@keyframes panel-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.case-diagram{padding:48px 18px 40px}.diagram-document{padding:17px 20px}.diagram-document strong{font-size:21px}.diagram-register{padding:18px}.register-heading strong{font-size:22px}.film-scene{height:112px}.conversation-card{padding:17px}.conversation-card strong{font-size:20px}.case-hero{gap:35px}.case-hero .case-visual{aspect-ratio:1}.case-hero .diagram-document strong{font-size:23px}.case-hero .film-scene{height:150px}.case-context-line{flex-direction:column;gap:7px}.flow-demo{gap:27px;grid-template-columns:1fr 1.6fr}.flow-panel{padding:30px 27px 50px}.flow-panel h3{font-size:25px}.case-card h3{font-size:25px}}
@media(max-width:800px){.case-grid{gap:42px 24px}.case-visual{aspect-ratio:1.1}.case-visual-top{left:18px;right:18px;top:18px;font-size:8px}.case-visual-bottom{left:18px;bottom:16px;font-size:6px;letter-spacing:.6px}.case-diagram{padding:49px 12px 40px}.diagram-sources{gap:4px;width:100%}.diagram-sources span{padding:6px;font-size:8px}.diagram-document{padding:16px;width:87%}.diagram-document strong{font-size:20px}.register-heading strong{font-size:20px}.register-heading b{font-size:18px}.register-row{grid-template-columns:18px 1fr auto;gap:4px;font-size:10px}.register-row em{font-size:8px}.diagram-register{width:94%;padding:15px}.diagram-register>span{font-size:6px}.diagram-film{width:95%;padding:10px}.film-scene{height:125px}.film-scene>span{font-size:21px}.film-note{font-size:8px;gap:5px}.diagram-conversation{width:92%}.diagram-conversation>span{font-size:5px}.conversation-bubble{font-size:11px;padding:14px;margin:18px 0 14px}.conversation-card{margin-left:8px;padding:15px}.conversation-card strong{font-size:20px;line-height:1.5}.conversation-card p,.conversation-card>div{font-size:8px}.case-card h3{font-size:23px}.case-summary{max-width:100%;font-size:12px}.case-card-meta{font-size:10px}.case-category{font-size:9px;line-height:1.8}.case-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:35px;gap:30px}.case-back{margin-bottom:32px}.case-hero h1{font-size:42px}.case-hero .case-visual{margin-top:0;aspect-ratio:1.5;max-height:430px}.case-hero .case-diagram{padding-left:50px;padding-right:50px}.case-hero .diagram-document{width:78%}.case-hero .diagram-register,.case-hero .diagram-film,.case-hero .diagram-conversation{width:80%}.case-hero-summary{max-width:560px}.case-story{grid-template-columns:1fr;gap:12px;padding:55px 0}.case-story>.eyebrow{margin:0 0 8px;font-size:10px}.case-story h2,.case-demo-section h2{font-size:30px}.case-story>div>p{font-size:14px}.case-demo-section{padding:55px 0}.flow-demo{grid-template-columns:1fr;gap:20px}.flow-options{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.demo-label{grid-column:1/-1;margin:0 0 17px}.flow-step{padding:17px 12px;gap:9px;border-bottom:1px solid #cfd7c7;align-items:flex-start}.flow-step[aria-pressed=true]{padding-left:12px}.flow-step strong{font-size:15px;margin:0}.flow-step small,.flow-step-arrow{display:none}.flow-number{font-size:9px;margin-top:4px}.flow-panel{min-height:418px;padding:30px 30px 49px}.case-closing{padding:45px 0 50px}.case-closing h2{font-size:29px}.case-work-list h3{font-size:18px}.case-work-list p{font-size:13px}.case-next{gap:28px;align-items:flex-start}.case-next strong{font-size:17px}.case-next>a:last-child{gap:9px 15px}}
@media(max-width:680px){.case-grid{grid-template-columns:1fr}}
@media(max-width:540px){.case-visual{min-height:340px}.case-grid{grid-template-columns:1fr;gap:42px}.case-visual{aspect-ratio:1.25}.case-diagram{padding-left:22px;padding-right:22px}.diagram-sources span{font-size:9px;padding:8px 10px}.diagram-document{padding:20px;width:95%}.diagram-document strong{font-size:clamp(17px,4.9vw,23px)}.diagram-register{padding:22px;width:87%}.diagram-register>span{font-size:7px}.register-heading strong{font-size:23px}.register-row{grid-template-columns:22px 1fr auto;font-size:11px;padding:13px 0}.register-row em{font-size:9px}.diagram-film{width:86%;padding:12px}.film-scene{height:123px}.diagram-conversation{width:87%}.diagram-conversation>span{font-size:6px}.conversation-bubble{font-size:12px}.conversation-card{padding:20px}.conversation-card strong{font-size:23px}.case-card h3{font-size:26px}.case-read{margin-top:18px}.case-section-note{font-size:10px}.case-hero h1{font-size:35px}.case-hero-summary{font-size:13px}.case-hero .case-visual{aspect-ratio:1.15}.case-hero .case-diagram{padding-left:15px;padding-right:15px}.case-hero .diagram-document,.case-hero .diagram-register,.case-hero .diagram-film,.case-hero .diagram-conversation{width:88%}.case-hero .diagram-document{padding:20px}.case-hero .diagram-document strong{font-size:clamp(17px,4.9vw,23px)}.case-hero .film-scene{height:140px}.case-context-line{font-size:10px}.case-story h2,.case-demo-section h2{font-size:28px;line-height:1.5}.flow-panel{min-height:456px;padding:25px 22px 49px}.flow-panel h3{font-size:24px}.flow-description{font-size:12px}.flow-record>div{grid-template-columns:65px 1fr;gap:12px;font-size:11px}.flow-step{padding:15px 8px;gap:7px}.flow-step[aria-pressed=true]{padding-left:8px}.flow-step strong{font-size:14px}.case-work-list li{gap:17px}.case-progress-note{padding:21px}.case-closing h2{font-size:27px}.case-next{flex-direction:column;gap:23px}.case-next>a:last-child{width:100%}}
@media(max-width:360px){.case-hero h1{font-size:31px}.case-card h3{font-size:24px}.case-diagram{padding-left:12px;padding-right:12px}.diagram-document strong{font-size:20px}.register-heading strong{font-size:20px}.conversation-card strong{font-size:20px}.diagram-conversation>span{font-size:5px}.flow-step strong{font-size:12px}.flow-panel{padding-left:18px;padding-right:18px}.flow-record>div{grid-template-columns:59px 1fr}}
@media(prefers-reduced-motion:reduce){.motion-reveal.is-pending{opacity:1;transform:none}.hero-art.is-tiltable .space-art,.hero-art.is-tiltable .art-grid{transform:none}.case-card-link:hover .case-diagram{transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Case library filters */
.case-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 36px;border-bottom:1px solid var(--line);padding-bottom:18px}.case-filter-bar[hidden],.case-card[hidden]{display:none}.case-tabs{display:flex;flex-wrap:wrap;gap:6px}.case-tabs button{border:0;background:transparent;color:var(--muted);padding:11px 16px;font-size:13px;transition:background .2s,color .2s}.case-tabs button span{font:9px var(--mono);margin-left:10px;opacity:.65}.case-tabs button:hover{color:var(--blue);background:#e8ece2}.case-tabs button[aria-selected=true]{background:var(--blue);color:#fff}.case-count{white-space:nowrap;font:10px var(--sans);color:var(--muted);margin:0}.case-grid:focus-visible{outline:2px solid var(--blue);outline-offset:12px}
.visual-commerce{background:#dce4ef;color:#284774}.ops-board,.booking-board,.interview-board{width:89%;padding:25px;background:#f8faf5;box-shadow:9px 9px 0 #537ab521}.ops-board>span,.booking-board>span,.interview-board>span,.message-board>span{font:8px var(--mono);letter-spacing:1px}.ops-board>strong,.booking-board>strong{display:block;font:500 24px var(--serif);margin:17px 0}.ops-product{display:flex;align-items:center;gap:15px;border-top:1px solid #dce2e8;border-bottom:1px solid #dce2e8;padding:14px 0;font-size:12px}.ops-product>i{font:38px var(--serif);color:#5277bb}.ops-product small{display:block;font-size:9px;color:#7a8899;margin-top:5px}.ops-product>b{margin-left:auto;font:8px var(--mono);color:#7a8899}.ops-steps{display:flex;justify-content:space-between;margin:20px 0;font-size:10px}.ops-steps i{display:block;font:9px var(--mono);margin-bottom:7px;color:#7a8899}.ops-foot{display:flex;align-items:center;gap:8px;font-size:9px}.ops-foot b{margin-left:auto;font-size:18px}.visual-wechat{background:#e0e7df;color:#3c624d}.message-board{width:87%}.message-in{background:#fafbf6;padding:17px;margin:20px 0 14px;font-size:12px;border-radius:0 13px 13px}.message-draft{background:#f3f8ee;border:1px solid #bacbb7;margin-left:20px;padding:20px;box-shadow:7px 7px #8ca78b20}.message-draft small{font-size:9px}.message-draft p{font:500 23px/1.55 var(--serif);margin:13px 0 18px}.message-draft>span{display:flex;justify-content:space-between;border-top:1px solid #d6e0d0;padding-top:12px;font-size:9px}.message-draft b{font-weight:400}.message-task{margin-top:15px;font-size:13px}.message-task span{font-size:10px;margin-left:8px}.visual-booking{background:#ece5d8;color:#735d38}.booking-board{box-shadow:9px 9px #9e8b6620}.booking-week{display:grid;grid-template-columns:repeat(7,1fr);gap:10px 3px;text-align:center;border-top:1px solid #e0dbcf;padding-top:17px;font:11px var(--mono)}.booking-week span{font:9px var(--sans);color:#98866a}.booking-week b{padding:7px 2px;font-weight:400}.booking-week .selected{background:#8a7551;color:#fff}.booking-slot{display:flex;justify-content:space-between;align-items:center;padding:15px 0;margin:14px 0;border-top:1px solid #e0dbcf;border-bottom:1px solid #e0dbcf;font-size:11px}.booking-slot em{font-size:9px;font-style:normal}.booking-board>small,.interview-board>small{font-size:9px}.visual-interview{background:#dfe5e9;color:#455a72}.audio-bars{height:53px;display:flex;align-items:center;gap:5px;margin:21px 0}.audio-bars i{display:block;flex:1;background:#8a9db5;height:20px}.audio-bars i:nth-child(3n){height:45px;background:#5a759b}.audio-bars i:nth-child(4n){height:32px}.audio-bars i:nth-child(5n){height:11px}.transcript{display:flex;gap:15px;border-top:1px solid #dce2e7;border-bottom:1px solid #dce2e7;padding:15px 0}.transcript b{font:9px var(--mono);padding-top:7px}.transcript p{font:500 20px/1.6 var(--serif);margin:0}.interview-assets{display:flex;gap:8px;margin:19px 0;font-size:9px}.interview-assets span{padding:7px;background:#e7ecf1}.case-card-link:hover .ops-product>i{transform:rotate(10deg)}.ops-product>i{transition:transform .4s}
@media(max-width:1100px){.case-filter-bar{align-items:flex-start;flex-direction:column;gap:13px}.case-tabs button{padding:10px 13px}.ops-board,.booking-board,.interview-board{padding:20px;width:94%}}
@media(max-width:800px){.case-count{font-size:10px}.case-tabs{gap:4px}.case-tabs button{font-size:12px;padding:10px 12px}.case-tabs button span{margin-left:7px}.ops-board>strong,.booking-board>strong{font-size:21px}.ops-product{gap:10px}.ops-product>b{font-size:6px}.ops-steps{font-size:9px}.message-board{width:94%}.message-draft{padding:16px;margin-left:10px}.message-draft p{font-size:20px}.message-in{font-size:11px}.transcript p{font-size:18px}.interview-assets{gap:4px;font-size:8px}}
@media(max-width:540px){.ops-board,.booking-board,.interview-board{width:91%;padding:22px}.case-filter-bar{margin-bottom:27px}.case-tabs button{font-size:12px;padding:10px 11px}.ops-board>strong,.booking-board>strong{font-size:23px}.ops-steps{font-size:10px}.message-board{width:91%}.message-draft p{font-size:23px}.transcript p{font-size:21px}.interview-assets{font-size:9px}.case-hero .ops-board,.case-hero .booking-board,.case-hero .interview-board{width:89%}}