/* Flyer Rider v2.5.13. Scoped to the story case study and its project cards. */
.fr-art,.fr-phone{margin:0;min-width:0}
.fr-art a,.fr-phone a{display:block}
.fr-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:12px}
.fr-art figcaption,.fr-phone figcaption{margin-top:12px;font-size:11px;line-height:1.6;color:#b8c3d7}
.fr-phone img{display:block;width:100%;height:auto;border:5px solid #293448;border-radius:24px;box-shadow:0 16px 36px #0004}
.fr-home .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:48px;align-items:center}
.fr-home-copy p:not(.eyebrow):not(.fine){font-size:17px;line-height:1.8;max-width:500px}
.fr-home-copy h2 em{font-style:normal;color:#ffc997}
.fr-home .actions{flex-wrap:wrap;gap:24px}
.fr-home-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.34fr);gap:20px;align-items:center}
.fr-home-media .fr-phone{max-width:210px}
.fr-home-media .fr-phone img{border-width:3px;border-radius:16px}
.fr-case .lede{max-width:490px}
.fr-case .eyebrow{line-height:1.7}
.fr-mapping{margin-top:44px;border-top:1px solid #ffffff26}
.fr-mapping>div{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:40px;padding:25px 0;border-bottom:1px solid #ffffff26;align-items:start}
.fr-mapping h3{margin:0;font-size:22px;line-height:1.4}
.fr-mapping p{margin:0;line-height:1.8;max-width:650px}
.fr-map-head{color:#ffc997;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.fr-stories{background:#11172a}
.fr-story-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.fr-story-row+.fr-story-row{margin-top:72px}
.fr-story-row h3{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:18px 0}
.fr-story-row p{line-height:1.8}
.fr-story-note{border-left:2px solid #efb780;padding-left:18px;color:#e9c39e}
.fr-reverse{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.fr-reverse>figure{grid-column:2;grid-row:1}.fr-reverse>div{grid-column:1;grid-row:1}
.fr-inplay{background:radial-gradient(ellipse at 25% 70%,#123d4255,transparent 65%),#080d1e;scroll-margin-top:90px}
.fr-gallery-controls{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}
.fr-gallery-controls button{background:#172036;border:1px solid #ffffff30;border-radius:100px;color:#dbe1ec;padding:12px 20px;font:inherit;font-size:14px;cursor:pointer}
.fr-gallery-controls button[aria-pressed=true]{background:#f1c296;color:#151621;border-color:#f1c296}
.fr-gallery button:focus-visible,.fr-art a:focus-visible,.fr-phone a:focus-visible{outline:3px solid #e8a0dc;outline-offset:5px}
.fr-gallery-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:64px;align-items:center;padding:28px 6%;border:1px solid #ffffff18;border-radius:18px;background:#ffffff03}
.fr-gallery-panel .fr-phone{width:100%;max-width:290px;justify-self:center}
.fr-gallery-panel h3{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:18px 0}
.fr-gallery-panel p{line-height:1.8;max-width:470px}
.fr-gallery-panel .text-link{display:inline-block;margin-top:20px}
.fr-gallery [hidden]{display:none!important}
.fr-finale{background:#171622}
.fr-finale h2{font-size:clamp(30px,3.4vw,48px)}
.fr-finale .fine{font-size:12px;color:#aab5c8}
@media(min-width:761px){.depth-layout .flyer-depth258{height:auto;aspect-ratio:1672/941}}
@media(max-width:1000px){.fr-home .wrap{grid-template-columns:1fr;gap:32px}.fr-home-copy{max-width:660px}.fr-home-media{grid-template-columns:minmax(0,1fr) minmax(140px,.3fr);gap:28px}.fr-story-row{gap:30px}.fr-gallery-panel{gap:34px}}
@media(max-width:760px){.fr-home-media{grid-template-columns:minmax(0,1fr);gap:26px}.fr-home-media .fr-phone{max-width:230px;justify-self:center}.fr-home-copy p:not(.eyebrow):not(.fine){font-size:16px}.fr-story-row,.fr-reverse{grid-template-columns:1fr;gap:24px}.fr-reverse>figure,.fr-reverse>div{grid-column:auto;grid-row:auto}.fr-story-row+.fr-story-row{margin-top:48px}.fr-mapping>div{grid-template-columns:1fr;gap:10px;padding:22px 0}.fr-mapping>.fr-map-head{display:none}.fr-mapping h3{font-size:20px}.fr-gallery-controls{gap:8px}.fr-gallery-controls button{padding:10px 14px;font-size:12px}.fr-gallery-panel{grid-template-columns:1fr;gap:26px;padding:24px 20px}.fr-gallery-panel .fr-phone{max-width:250px}.fr-gallery-panel h3{font-size:29px}.fr-gallery-panel p{font-size:15px}.depth-layout .flyer-depth258{height:auto;aspect-ratio:1672/941}.fr-case .facts{gap:20px}}
