.case-heading-side p{max-width:430px;margin:0 0 24px;font-size:18px;line-height:1.7}.case-pace .case-heading-side p,.case-relay .case-heading-side p{color:var(--soft)}
.case-heading-side button{padding:12px 0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font:800 11px DM Sans,Arial,sans-serif}.case-heading-side button:hover{color:var(--orange)}.case-heading-side button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.case-relay{background:#0d1c29;color:#fff}.case-relay .case-number{color:var(--orange)}.case-relay h2 em{color:var(--orange)}.case-relay .asset-strip{border-color:#ffffff35}.case-relay .asset-strip span{border-color:#ffffff55}
.relay-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:18px;min-height:520px}.relay-photo{position:relative;overflow:hidden}.relay-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:54% center}
.relay-dashboard{position:relative;overflow:hidden;background:#ecf0ef;color:#15252f}.relay-app{display:grid;grid-template-columns:125px 1fr;min-height:485px}.relay-app aside{background:#152a35;color:white;padding:20px 12px;display:flex;flex-direction:column;gap:18px}.relay-app aside strong{font:800 22px Manrope,Arial,sans-serif;letter-spacing:-.07em;margin-bottom:25px}.relay-app aside strong span{color:#f4771d}.relay-app aside small{font-size:9px;letter-spacing:.06em;color:#c2d0d3}.relay-app>div{padding:25px}.relay-app-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:800}.relay-app-head b{padding:9px;background:#f4771d;font-size:9px;white-space:nowrap}.relay-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:30px 0}.relay-stats div{min-height:90px;padding:13px;background:white}.relay-stats small{display:block;font-size:8px;letter-spacing:.06em}.relay-stats strong{display:block;margin-top:12px;font:800 27px Manrope,Arial,sans-serif}.relay-table{background:white;padding:16px}.relay-table>b{display:block;margin-bottom:14px;font-size:13px}.relay-table span{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #11182d22;font-size:11px}.relay-table i{font-style:normal;color:#bb5315}.relay-dashboard .mock-caption{background:#ecf0ef;padding:8px}
.relay-detail{display:grid;grid-template-columns:1fr .4fr;gap:12%;align-items:center;margin-top:28px}.relay-detail .case-summary{padding:35px 0}.relay-mobile{width:min(100%,250px);min-height:375px;margin:auto;border:9px solid #101820;border-radius:31px;background:#f5f2ea;color:#101820;padding:34px 18px 20px;box-shadow:0 16px 30px #0006}.relay-mobile-top{font:800 22px Manrope,Arial,sans-serif;letter-spacing:-.07em;margin-bottom:25px}.relay-mobile-top span{color:#f4771d}.relay-mobile>small{font-size:9px;font-weight:800;letter-spacing:.1em}.relay-mobile>strong{display:block;font:800 30px/1.06 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:14px 0 25px}.relay-mobile>div:not(.relay-mobile-top){display:flex;gap:13px;padding:13px 0;border-top:1px solid #152a3540;font-size:11px}.relay-mobile b{color:#c65011}
.case-current{background:#f1e7d7;color:#11182d}.case-current .case-number{color:#9b4400}.case-current h2 em{color:#b84712}
.current-photo{position:relative;height:min(57vw,650px);min-height:470px;overflow:hidden}.current-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}.current-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 64%)}.current-photo>div{position:absolute;z-index:1;top:13%;left:5%;color:white}.current-photo>div span,.current-photo>div small{font-size:11px;font-weight:800;letter-spacing:.14em}.current-photo>div strong{display:block;margin:22px 0;font:800 clamp(62px,8vw,120px)/.91 Manrope,Arial,sans-serif;letter-spacing:-.08em}.current-photo .image-caption{z-index:2}
.current-grid{display:grid;grid-template-columns:1fr .7fr 1fr;gap:18px;align-items:stretch;margin-top:20px}.current-social{min-height:400px;background:#102239;color:#fff;overflow:hidden}.current-social>div{padding:22px}.current-social small{font-size:10px;letter-spacing:.12em}.current-social strong{display:block;margin:25px 0;font:800 clamp(29px,3vw,43px)/1 Manrope,Arial,sans-serif;letter-spacing:-.07em}.current-social span{font-size:10px;color:#ff8128;font-weight:800}.current-social img{width:100%;height:180px;object-fit:cover;object-position:80% center}.current-brand{position:relative;overflow:hidden;min-height:400px;background:#f47a22;color:#11253d;padding:22px}.current-brand small{font-size:10px;font-weight:800;letter-spacing:.1em}.current-brand strong{display:block;margin:35px 0 14px;font:800 clamp(34px,3.2vw,50px)/.97 Manrope,Arial,sans-serif;letter-spacing:-.08em}.current-brand strong span{font-size:.5em}.current-brand p{font-size:13px;line-height:1.5}.can-row{display:flex;position:absolute;bottom:-16px;left:15px;gap:7px}.can-row i{display:grid;place-items:center;width:58px;height:130px;border-radius:10px 10px 15px 15px;background:#f9e3bf;color:#11253d;font:800 20px Manrope,Arial,sans-serif;box-shadow:inset 0 7px #ddd}.can-row i:nth-child(2){background:#11253d;color:#fff}.can-row i:nth-child(3){background:#fff3e2}.current-grid .case-summary{padding:18px 8px}.current-grid .case-summary h3{font-size:clamp(29px,2.6vw,41px)}.current-grid .case-summary>p:not(.eyebrow){font-size:14px}
.case-dialog{width:min(850px,calc(100% - 32px));max-height:min(88vh,900px);padding:45px;background:#f7f2ea;color:#11182d;border:0;box-shadow:0 25px 100px #000a}.case-dialog::backdrop{background:#000c}.case-dialog>button{position:absolute;top:14px;right:16px;width:38px;height:38px;background:#11182d;border:0;color:white;font-size:27px;cursor:pointer}.case-dialog>span{color:#9b4400;font-size:11px;font-weight:800;letter-spacing:.14em}.case-dialog h2{font-size:clamp(41px,5vw,66px);margin:20px 0 13px}.case-dialog>p{font-size:18px;line-height:1.6;max-width:650px}.case-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0}.case-dialog section{padding:22px;background:#fff;border-top:4px solid #fe7a0c}.case-dialog section h3{font:800 20px Manrope,Arial,sans-serif;letter-spacing:-.04em}.case-dialog section p{margin:0;line-height:1.6;font-size:14px}.case-dialog>small{font-size:11px;color:#9b4400;font-weight:800}
@media(max-width:1000px){.relay-grid{grid-template-columns:1fr}.relay-photo{height:450px}.relay-dashboard{min-height:500px}.current-grid{grid-template-columns:1fr 1fr}.current-grid .case-summary{grid-column:1/-1;padding:25px 0}.current-grid .case-summary h3{font-size:43px}}
@media(max-width:700px){.case-heading-side p{font-size:16px}.relay-photo{height:330px}.relay-app{grid-template-columns:85px 1fr;min-height:380px}.relay-app aside{padding:12px 8px;gap:14px}.relay-app aside strong{font-size:16px;margin-bottom:15px}.relay-app aside small{font-size:7px}.relay-app>div{padding:14px}.relay-app-head{display:block;font-size:12px}.relay-app-head b{display:inline-block;margin-top:10px}.relay-stats{gap:4px;margin:20px 0}.relay-stats div{padding:7px;min-height:60px}.relay-stats small{font-size:6px}.relay-stats strong{font-size:20px;margin-top:6px}.relay-table{padding:10px}.relay-table span{font-size:8px}.relay-detail{grid-template-columns:1fr;gap:8px}.relay-mobile{margin-bottom:15px}.current-photo{height:450px;min-height:0}.current-photo>img{object-position:70% center}.current-photo>div{top:11%;left:6%}.current-photo>div strong{font-size:clamp(52px,13vw,72px)}.current-photo>div span,.current-photo>div small{font-size:9px}.current-grid{grid-template-columns:1fr 1fr;gap:10px}.current-social,.current-brand{min-height:340px}.current-social>div,.current-brand{padding:15px}.current-social strong{font-size:25px}.current-social img{height:150px}.current-brand strong{font-size:28px}.can-row i{width:34px;height:90px;font-size:13px}.current-grid .case-summary h3{font-size:36px}.case-dialog{padding:45px 20px 22px}.case-dialog>div{grid-template-columns:1fr}.case-dialog section{padding:17px}}
@media(max-width:380px){.current-grid{grid-template-columns:1fr}.current-social,.current-brand{min-height:310px}.current-grid .case-summary{grid-column:auto}}
@media(max-width:700px){.case-relay .case-heading h2{font-size:clamp(52px,12vw,70px)}}