/* Selected Work: the supplied 1000 × 680 cover composition in the portfolio's type and spacing. */
.case-study-list{display:flex;flex-direction:column;gap:132px}
.case-study-row{display:grid;grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr);gap:40px;align-items:center}
.case-study-copy{padding-left:0}
.case-study-copy h3{font:400 clamp(34px,3.4vw,46px)/1.08 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;margin:0;max-width:470px}
.case-study-copy>p:not(.case-study-tags){max-width:385px;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.65}
.case-study-tags{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:25px 0 0;font-size:12px}
.case-study-tags span+span{border-left:1px solid #989da0;padding-left:11px}
.case-study-link{display:inline-flex;align-items:center;gap:9px;margin-top:30px;font-size:15px;font-weight:500;text-decoration:underline;text-decoration-color:#aeb4b5;text-underline-offset:6px}
.case-study-link span{transition:transform .2s}.case-study-link:hover span{transform:translateX(4px)}
.case-study-cover{position:relative;display:block;width:100%;aspect-ratio:1000/680;border-radius:20px;overflow:hidden;container-type:inline-size;isolation:isolate;touch-action:pan-y;transform:perspective(1200px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}
.case-study-cover:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.payrentz-cover{background:#f3e4d8;cursor:pointer}
.mindicator-cover{background:#dce2f1}
.cover-scene{position:absolute;inset:0;display:block;pointer-events:none}
.cover-number{position:absolute;top:2cqw;left:2cqw;z-index:5;border-radius:8px;background:white;padding:.55cqw 1cqw;box-shadow:0 2px 8px #00000017;font-size:1.3cqw}
.cover-cursor{position:absolute;z-index:20;left:0;top:0;display:none;padding:12px 16px;border-radius:999px;background:var(--ink);color:white;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .16s,transform .16s}
@media(hover:hover) and (pointer:fine){.payrentz-cover{cursor:none}.cover-cursor{display:block}.case-study-cover.is-hovered .cover-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.pay-browser,.pay-phone,.mi-phone{position:absolute;display:block;transform:translateY(var(--rise,0cqw));transition:transform .55s cubic-bezier(.22,1,.36,1)}
.pay-browser{left:5cqw;top:9.4cqw;width:76cqw;padding:.6cqw;border-radius:1.6cqw;background:#ece9e6;box-shadow:0 4cqw 8cqw -3cqw #5a280a55}
.browser-toolbar{height:3.2cqw;display:flex;align-items:center;padding:0 1.3cqw;background:#f7f6f4;border-radius:1cqw 1cqw 0 0;font:1cqw Inter,Arial,sans-serif;color:#8a8580}
.traffic-lights{color:#d1cbc5;letter-spacing:.25em}.browser-url{margin:auto;padding:.4cqw 3cqw;background:white;border-radius:.5cqw}
.pay-browser-screen{display:block;position:relative;container-type:inline-size;overflow:hidden;background:white;border-radius:0 0 1cqw 1cqw}
.pay-browser-screen img,.pay-phone-screen img{width:100%;height:auto;max-width:none;display:block}
.pay-phone{left:71cqw;top:11cqw;width:24cqw;padding:.7cqw;border-radius:3.8cqw;background:#eeeeF1;box-shadow:0 4cqw 7cqw -3cqw #14142888}
.pay-phone-screen{display:block;position:relative;container-type:inline-size;overflow:hidden;border-radius:3.1cqw;background:white}
/* Overlays use the screenshots' native pixel coordinates, scaled by each screen's width. */
.tenure-overlay,.mobile-overlay{position:absolute;inset:0;display:block;font-family:Inter,Arial,sans-serif;pointer-events:none}
.tenure-zone{--tenure-position:77.5%;position:absolute;left:52.64cqw;top:38.75cqw;width:41.4cqw;height:6.53cqw;background:#fff;color:#333}
.tenure-ticks{position:absolute;top:1.55cqw;left:3%;right:3%;display:flex;justify-content:space-between;font-size:.94cqw}
.tenure-track{position:absolute;top:4.72cqw;left:1.7%;width:96.6%;height:.28cqw;border-radius:1cqw;background:#eee}
.tenure-fill{display:block;width:calc(var(--tenure-position) - 1.7%);height:100%;background:#f47b20;border-radius:inherit;transition:width .65s cubic-bezier(.23,1,.32,1)}
.tenure-tooltip{position:absolute;top:.65cqw;left:var(--tenure-position);transform:translateX(-50%);display:grid;place-items:center;min-width:3.3cqw;height:2.2cqw;padding:0 .3cqw;border-radius:.5cqw;background:#0c1a4b;color:#fff;font-size:.95cqw;box-shadow:0 .25cqw .5cqw #0003;transition:left .65s cubic-bezier(.23,1,.32,1)}
.tenure-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:.35cqw solid transparent;border-top-color:#0c1a4b}
.tenure-knob{position:absolute;left:var(--tenure-position);top:4.2cqw;transform:translateX(-50%);width:1.6cqw;height:1.6cqw;border:.3cqw solid #fff;border-radius:50%;background:#f47b20;box-shadow:0 .2cqw .6cqw #0004;transition:left .65s cubic-bezier(.23,1,.32,1)}
.tenure-cursor{position:absolute;left:calc(var(--tenure-position) + .65cqw);top:4.6cqw;width:1.9cqw;height:1.9cqw;filter:drop-shadow(0 .2cqw .25cqw #0004);transition:left .65s cubic-bezier(.23,1,.32,1)}
.tenure-summary{position:absolute;left:53.2cqw;top:46.04cqw;width:40.28cqw;height:4.45cqw;padding:.8cqw 1.1cqw;border-radius:.6cqw;background:#0c1a4b;color:#ffffffcc;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;font-size:.77cqw}
.tenure-summary>span+span{border-left:1px solid #ffffff55;padding-left:1.2cqw}.tenure-summary strong{display:block;color:white;font-size:1.15cqw;margin-top:.3cqw;white-space:nowrap}.case-study-cover.is-active .tenure-price{animation:price-arrive .3s ease both}
@keyframes price-arrive{from{opacity:0;transform:translateY(.7cqw)}to{opacity:1;transform:translateY(0)}}
.mobile-search{position:absolute;left:14.9cqw;top:33.6cqw;width:74.4cqw;height:7.7cqw;display:flex;align-items:center;background:#fff;color:#6b6b6b;font-size:3.85cqw;white-space:nowrap}
.mobile-caret{height:4.3cqw;width:.4cqw;margin-left:.2cqw;background:#f47b20;animation:mobile-caret-blink 1s steps(1) infinite;animation-play-state:paused}.case-study-cover.is-active .mobile-caret{animation-play-state:running}
@keyframes mobile-caret-blink{50%{opacity:0}}
.mobile-overlay::before{content:'';position:absolute;left:13.8cqw;top:121cqw;width:72.3cqw;height:14.9cqw;background:#fff}
.mobile-switch{position:absolute;left:16.1cqw;top:123cqw;width:67.7cqw;height:10.8cqw;border-radius:999px;background:#f4dfd2;padding:1cqw}
.mobile-switch-thumb{position:absolute;left:1cqw;top:1cqw;width:calc(50% - 1cqw);height:calc(100% - 2cqw);border:1px solid #f7c9a6;border-radius:999px;background:white;box-shadow:0 .2cqw .8cqw #0002;transition:transform .35s cubic-bezier(.23,1,.32,1)}
.mobile-switch.is-combos .mobile-switch-thumb{transform:translateX(100%)}
.mobile-switch-options{position:relative;display:grid;grid-template-columns:1fr 1fr;height:100%;align-items:center;text-align:center;color:#222;font-size:3.2cqw;white-space:nowrap}
.mobile-switch-options span:first-child{color:#f47b20}.mobile-switch.is-combos .mobile-switch-options span:first-child{color:#222}.mobile-switch.is-combos .mobile-switch-options span:last-child{color:#f47b20}
.mi-phone{width:26cqw;height:58cqw;padding:.7cqw;border-radius:3.8cqw;background:#eeeef1;box-shadow:0 4cqw 7cqw -3cqw #14142880;font-family:Inter,Arial,sans-serif;font-size:1.15cqw;line-height:1.25;color:#111}
.mi-phone-left{left:9cqw;top:17.2cqw}.mi-phone-right{left:65cqw;top:17.2cqw}.mi-phone-center{left:37cqw;top:9.6cqw;z-index:2}
.mi-screen{height:100%;overflow:hidden;border-radius:3.1cqw;background:#fff;position:relative}.mi-blue{background:#16307a;color:#fff;padding-bottom:1.4cqw}
.mi-status{height:3.2cqw;padding:.8cqw 2cqw;font-size:.95cqw;font-weight:600;display:flex;justify-content:space-between}
.mi-bar{padding:.5cqw 1.6cqw 1cqw;font-size:1.4cqw;font-weight:600;white-space:nowrap}.mi-bar span{float:right}
.mi-modes{display:flex;justify-content:space-around;padding:1cqw 1cqw 2cqw;text-align:center}.mi-modes>span{width:4cqw;height:4cqw;border-radius:50%;background:#ffffff30;padding:1cqw;font-size:1.6cqw}.mi-modes>span:first-child{background:#fff;color:#16307a}.mi-modes small{display:block;font-size:.85cqw;margin-top:1.2cqw;color:#fff}
.mi-route-card{position:relative;margin:-.8cqw 1.2cqw 0;border-radius:1.6cqw;background:white;padding:1.6cqw;box-shadow:0 .6cqw 2cqw #16307a33}.mi-route-card strong{display:block;color:#16307a;margin-bottom:1cqw}.mi-route-card>span{display:block;padding:1cqw;margin:.7cqw 0;border:1px solid #d7ddeb;border-radius:.6cqw;font-size:1cqw}.mi-route-card>span:nth-of-type(1){background:#eef2fc;border-color:#16307a}.mi-route-times{font-size:.85cqw;margin:1.5cqw 0}.mi-find{background:#d7263d;border-radius:.5cqw;padding:1cqw;text-align:center;color:#fff;font-weight:600}
.mi-route-name{padding:1.5cqw;border-bottom:1px solid #eee;font-weight:700}.mi-route-name small{display:block;margin:.5cqw 0 0 2.4cqw;font-size:.85cqw;font-weight:400;color:#777}
.mi-timeline{position:relative;padding:1cqw 1.7cqw 0;overflow:hidden;height:45cqw}.mi-timeline>span{position:relative;display:block;height:4.4cqw;padding-left:4cqw;color:#555;font-size:.9cqw}.mi-timeline b{font-size:1.1cqw;color:#333}.mi-timeline small{display:block;margin-left:4cqw;color:#9aa0ae}.mi-track,.mi-progress{position:absolute;left:6.4cqw;top:2cqw;width:.2cqw;height:34cqw;background:#dce2f1}.mi-progress{height:0;background:#16307a;transition:height .35s}
.mi-live{position:absolute;bottom:2cqw;left:1.2cqw;right:1.2cqw;background:#d7263d;color:#fff;border-radius:1cqw;padding:1cqw 1.5cqw;font-size:.85cqw}.mi-live strong{display:block;font-size:1.3cqw;margin-top:.4cqw}
.mi-filters{display:flex;justify-content:space-around;border-bottom:1px solid #eee;color:#999;font-weight:600}.mi-filters span{padding:1cqw .35cqw;font-size:1cqw}.mi-filters .active{color:#16307a;border-bottom:.2cqw solid #16307a}
.mi-trains{padding:1.2cqw;display:flex;flex-direction:column;gap:.7cqw}.mi-train{border:1px solid #eee;border-radius:1cqw;padding:1.1cqw;box-shadow:0 .2cqw .8cqw #0000000d}.mi-train-top,.mi-train-times{display:flex;justify-content:space-between}.mi-train-top{color:#8991a3;font-size:.8cqw}.mi-train-type{background:#e4e8f2;color:#35425e;border-radius:.3cqw;padding:.2cqw .6cqw;font-weight:700}.mi-train-type.fast{background:#1f9d55;color:#fff}.mi-train-type.ac{background:#2156d9;color:#fff}.mi-train-type.ladies{background:#c3337a;color:#fff}.mi-train-times{margin-top:.8cqw;font-weight:600;font-size:1.3cqw}.mi-train-stations{display:flex;justify-content:space-between;color:#777;font-size:.85cqw;margin:.3cqw 0}.mi-train-status{font-size:.8cqw;color:#1f9d55}.mi-train-status.delayed{color:#d7263d}
.case-study-row.reveal{transition-duration:.75s}
@media(max-width:900px){.case-study-row{grid-template-columns:1fr;gap:30px}.case-study-copy{padding-left:0}.case-study-list{gap:90px}.case-study-copy h3{max-width:620px}}
@media(max-width:600px){.case-study-list{gap:72px}.case-study-row{gap:22px}.case-study-copy h3{font-size:clamp(32px,8vw,42px)}.case-study-tags{margin-top:18px}.case-study-copy>p:not(.case-study-tags){margin-top:18px}.case-study-link{margin-top:20px}.case-study-cover{border-radius:12px}.cover-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.case-study-cover,.pay-browser,.pay-phone,.mi-phone{transform:none!important;transition:none}.tenure-fill,.tenure-tooltip,.tenure-knob,.tenure-cursor,.mobile-switch-thumb{transition:none}.mobile-caret,.tenure-price{animation:none}.case-study-row.reveal{opacity:1;transform:none}}