/* McDonald's: refreshed case presentation, scoped independently of other work. */
.mcd-feature-modern{background:#fff1d8;color:#2a1814}.mcd-feature-modern .feature-copy h3{font-size:clamp(42px,4vw,62px)}.mcd-feature-modern .feature-copy h3 em{color:#c82328}.mcd-art-modern{position:relative;min-height:480px;background:#f7c47d;overflow:hidden}.mcd-art-modern img{width:100%;height:100%;object-fit:cover;object-position:center}.mcd-art-modern .art-label{top:auto;bottom:15px;color:#fff5d4;font-size:7px;opacity:1;text-shadow:0 1px 5px #481b13}
.mcd-case{color:#281c17;background:#fffaf2}.mcd-case-hero{padding:56px var(--pad) 0;background:#fff5e5}.mcd-case-hero .back-link{color:#837162;margin-bottom:45px}.mcd-case-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.mcd-case-intro .eyebrow{color:#b42b2c;font-size:10px;letter-spacing:.12em;margin-bottom:24px}.mcd-case-intro h1{font-size:clamp(48px,5.1vw,78px);line-height:1.03;letter-spacing:-.06em;font-weight:500}.mcd-case-intro h1 em{color:#c82328}.mcd-case-intro .lead{font-size:16px;line-height:1.8;color:#786758;max-width:450px;margin-top:27px}.mcd-demo-link{display:inline-flex;gap:35px;font-size:12px;margin-top:29px;border-bottom:1px solid #be9381;padding-bottom:10px}.mcd-case-visual{margin:0}.mcd-case-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 18px 45px #b9641720}.mcd-case-visual figcaption{font-size:10px;line-height:1.6;color:#8b7664;margin-top:14px}.mcd-case-meta{margin-top:62px;border-top:1px solid #dfc7ab;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:26px 0 31px}.mcd-case-meta span{font-size:8px;letter-spacing:.13em;color:#977b63}.mcd-case-meta p{font-size:12px;line-height:1.6;margin-top:9px}.mcd-case-overview{background:#fffdf7}.mcd-case-overview>.eyebrow{color:#ad3733;margin-bottom:24px}.mcd-case-overview h2{font-size:clamp(36px,4.3vw,62px)}.mcd-case-overview h2 em{color:#b7342c}.mcd-case-story{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:56px}.mcd-case-story article{border-top:1px solid #dccbb9;padding-top:23px}.mcd-case-story article>span{font-size:8px;letter-spacing:.1em;color:#a36d50}.mcd-case-story h3{font-size:25px;line-height:1.18;font-weight:500;letter-spacing:-.04em;margin:24px 0 20px}.mcd-case-story p{font-size:13px;line-height:1.9;color:#7b6b5f}
.mcd-interaction{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#f5e9d7}.mcd-interaction-copy>.eyebrow{color:#ac3733;font-size:9px;margin-bottom:25px}.mcd-interaction-copy h2{font-size:clamp(39px,4.2vw,63px)}.mcd-interaction-copy h2 em{color:#bd292c}.mcd-interaction-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#7d6959;max-width:450px;margin-top:26px}.mcd-mechanic-list{list-style:none;padding:0;margin:37px 0 0;max-width:465px}.mcd-mechanic-list li{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:17px 0;border-top:1px solid #dac3a8}.mcd-mechanic-list strong{font-size:12px;font-weight:600}.mcd-mechanic-list span{font-size:11px;line-height:1.8;color:#806e5d}.mcd-interaction-copy .mcd-demo-disclosure{font-size:10px!important;line-height:1.8!important;margin-top:30px!important;color:#8a7663!important}.mcd-demo-stage{display:flex;align-items:center;flex-direction:column;position:relative}.mcd-demo-phone{width:330px;border-radius:43px;background:#221a16;border:2px solid #5b4a3b;padding:9px;box-shadow:18px 28px 45px #86654b30;position:relative}.mcd-demo-camera{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:86px;height:22px;border-radius:30px;background:#211a16;z-index:1}.mcd-demo-screen{border-radius:33px;padding:57px 25px 22px;background:#fffcf5;overflow:hidden}.mcd-demo-brand{font-size:12px;font-weight:700;letter-spacing:-.04em}.mcd-demo-brand span{font-size:6px;letter-spacing:.1em;color:#a27b5c;margin-left:9px;font-weight:500}.mcd-demo-screen h3{font-size:37px;font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:23px 0 22px}.mcd-demo-screen h3 em{color:#c3262a}.mcd-energy-visual{padding:19px 17px;background:#f6e9cf;border-radius:12px;margin-bottom:20px;transition:background .2s}.mcd-energy-word{font-size:11px;line-height:1.4;display:block;color:#94693b}.mcd-energy-line{display:block;height:4px;width:28%;margin-top:15px;border-radius:20px;background:#ebc895;transition:width .25s,background .25s}.mcd-energy-visual[data-level=warming]{background:#fff0bc}.mcd-energy-visual[data-level=warming] .mcd-energy-line{width:65%;background:#efb018}.mcd-energy-visual[data-level=bright]{background:#ffded0}.mcd-energy-visual[data-level=bright] .mcd-energy-line{width:100%;background:#cf2b26}.mcd-energy-visual[data-level=bright] .mcd-energy-word{color:#af2423}.mcd-demo-total{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:15px 0 25px}.mcd-demo-total output{font-size:47px;letter-spacing:-.06em;line-height:1;font-weight:500}.mcd-demo-total>span{font-size:7px;letter-spacing:.1em;color:#9b8169;margin-bottom:7px}.mcd-fuel-label{display:flex;justify-content:space-between;font-size:9px;line-height:1.4;color:#816c58;margin-bottom:8px}.mcd-fuel-label span{font-weight:600;color:#bd3530}.mcd-demo-screen progress{display:block;width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;appearance:none;margin-bottom:22px;background:#eee3d5}.mcd-demo-screen progress::-webkit-progress-bar{background:#eee3d5;border-radius:10px}.mcd-demo-screen progress::-webkit-progress-value{background:#de3530;border-radius:10px}.mcd-demo-screen progress::-moz-progress-bar{background:#de3530;border-radius:10px}.mcd-start,.mcd-add{display:block;width:100%;border:0;border-radius:99px;padding:15px 18px;font-size:11px;font-weight:600;cursor:pointer}.mcd-start{background:#c92928;color:#fff;display:flex;justify-content:space-between;gap:20px}.mcd-start:disabled{background:#ba9b79;cursor:default}.mcd-add{background:#ffe195;color:#503921;margin-top:10px}.mcd-add:disabled{color:#bba58d;background:#f1e7da;cursor:default}.mcd-reset{display:block;text-align:center;margin:15px auto 0;font-size:9px;color:#9b6d52;border:0;border-bottom:1px solid #ba9b83;padding:4px 0;background:none;cursor:pointer}.mcd-phone-note{font-size:7px;line-height:1.7;text-align:center;color:#ac947c;margin-top:15px}.mcd-stage-caption{font-size:8px;letter-spacing:.2em;color:#9f7555;margin-top:26px}
.mcd-reference{background:#fffdf7;padding-top:44px;padding-bottom:44px}.mcd-reference details{border-top:1px solid #d9ccbe;border-bottom:1px solid #d9ccbe}.mcd-reference summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:24px 0;cursor:pointer;font-size:12px}.mcd-reference summary::-webkit-details-marker{display:none}.mcd-reference summary span{font-size:22px;color:#a26445}.mcd-reference details[open] summary span{transform:rotate(45deg)}.mcd-reference details>p{font-size:12px;line-height:1.9;color:#897466;max-width:750px;margin:10px 0 34px}.mcd-reference-images{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:30px}.mcd-reference-images figure{margin:0;background:#f3ede4;padding:25px;border-radius:10px}.mcd-reference-images img{height:420px;width:100%;object-fit:contain}.mcd-reference-images figcaption{font-size:10px;line-height:1.6;color:#897466;margin-top:16px}.mcd-case-cta{display:flex;align-items:center;justify-content:space-between;gap:70px;background:#291b1c;color:#fff5e8}.mcd-case-cta .eyebrow{color:#df9b74;margin-bottom:25px}.mcd-case-cta h2{font-size:clamp(35px,4vw,60px)}.mcd-case-cta h2 em{color:#ffc878}.mcd-case-cta p:not(.eyebrow){font-size:13px;line-height:1.8;color:#bba69d;max-width:470px;margin-top:24px}.mcd-case-cta .button{flex-shrink:0}
@media(max-width:1100px){.mcd-case-hero-grid{gap:35px}.mcd-case-intro h1{font-size:61px}.mcd-case-intro .lead{font-size:14px}.mcd-case-story{gap:30px}.mcd-interaction{gap:40px}.mcd-mechanic-list li{grid-template-columns:115px 1fr;gap:15px}}
@media(max-width:760px){.mcd-art-modern{min-height:0;aspect-ratio:1.6}.mcd-feature-modern .feature-copy h3{font-size:50px}.mcd-case-hero{padding:35px var(--pad) 0}.mcd-case-hero .back-link{margin-bottom:34px}.mcd-case-hero-grid{grid-template-columns:1fr;gap:34px}.mcd-case-intro h1{font-size:clamp(42px,12vw,63px)}.mcd-case-intro .eyebrow{font-size:8px;margin-bottom:20px}.mcd-case-intro .lead{font-size:14px;line-height:1.8;margin-top:24px}.mcd-demo-link{margin-top:22px;font-size:11px}.mcd-case-visual figcaption{font-size:9px}.mcd-case-meta{grid-template-columns:1fr;gap:17px;margin-top:32px;padding:24px 0}.mcd-case-meta span{font-size:7px}.mcd-case-meta p{font-size:11px;margin-top:5px}.mcd-case-story{grid-template-columns:1fr;gap:32px;margin-top:36px}.mcd-case-story h3{font-size:26px;margin:21px 0 16px}.mcd-case-story p{font-size:13px}.mcd-interaction{grid-template-columns:1fr;gap:45px}.mcd-interaction-copy h2{font-size:43px}.mcd-interaction-copy>p:not(.eyebrow){font-size:13px}.mcd-mechanic-list li{grid-template-columns:105px 1fr;gap:18px}.mcd-mechanic-list strong{font-size:11px}.mcd-demo-phone{max-width:100%;width:330px}.mcd-demo-screen{padding-left:22px;padding-right:22px}.mcd-reference{padding-top:30px;padding-bottom:30px}.mcd-reference-images{grid-template-columns:1fr;gap:20px}.mcd-reference-images figure{padding:20px}.mcd-reference-images img{max-height:420px;height:auto;max-width:100%}.mcd-case-cta{flex-direction:column;align-items:start;gap:30px}.mcd-case-cta .button{width:auto}}
@media(max-width:360px){.mcd-interaction-copy h2{font-size:38px}.mcd-mechanic-list li{grid-template-columns:1fr;gap:8px}.mcd-demo-screen{padding-left:18px;padding-right:18px}.mcd-demo-brand span{display:block;margin-left:0;margin-top:4px}}
.mcd-energy-visual{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center;padding:11px 15px}.mcd-demo-flame{width:80px;height:102px;object-fit:contain;transform:scale(.74);filter:saturate(.35) brightness(.85);transition:transform .3s,filter .3s}.mcd-energy-visual[data-level=warming] .mcd-demo-flame{transform:scale(.88);filter:saturate(1) brightness(1) drop-shadow(0 0 3px #ffa40055)}.mcd-energy-visual[data-level=bright] .mcd-demo-flame{transform:scale(1);filter:saturate(1.1) brightness(1.07) drop-shadow(0 0 7px #ff7c0055)}.mcd-demo-screen h3{font-size:34px;margin-top:19px;margin-bottom:17px}.mcd-demo-total{margin-top:12px;margin-bottom:20px}.mcd-demo-total output{font-size:42px}
@media(max-width:760px){.mcd-interaction{grid-template-columns:minmax(0,1fr)}.mcd-interaction-copy,.mcd-demo-stage{min-width:0}}