/* Screen-only work scenes on the homepage. */
@media screen{
 .handoff-roles>div>span{font-size:16px;letter-spacing:.04em;margin-bottom:0}
 .role-scene{margin:16px 0 18px}
 .role-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff}
 .role-scene figcaption{margin-top:12px;font-size:15px;line-height:1.85;color:var(--ink)}
 .role-scene figcaption small{display:block;color:var(--muted);font-size:13px;margin-bottom:3px}
 .handoff-roles>div:not(:last-child):after{content:'⇆';top:10px;font-size:22px}
 .handoff-practice{padding:0 26px;margin-top:25px;font-size:14px;line-height:1.9;color:var(--muted)}
 .handoff-scope{margin-top:8px}
}
@media screen{
 .experience-value{margin:0 0 44px;padding:30px 26px 27px;background:#fff;border:1px solid var(--line);border-radius:4px}
 .experience-intro{max-width:850px;margin-bottom:27px}
 .experience-intro h2{font-size:28px;line-height:1.65;margin:7px 0 15px}
 .experience-intro>p:not(.eyebrow){font-size:17px;line-height:1.9;color:var(--muted)}
 .experience-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
 .experience-steps>li{position:relative;min-width:0;border-top:1px solid var(--line);padding-top:12px}
 .experience-steps>li:not(:last-child):after{content:'→';position:absolute;right:-23px;top:12px;color:var(--blue);font-size:21px}
 .experience-step{font-size:15px;color:var(--blue);margin:0}
 .experience-step span{font-size:21px;margin-right:8px}
 .experience-steps figure{margin:12px 0 17px}
 .experience-steps img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff}
 .experience-steps h3{font-size:20px;line-height:1.7;margin:0 0 8px}
 .experience-steps>li>p:last-child{font-size:16px;line-height:1.9;margin:0}
 .experience-benefits{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--line);margin-top:27px;padding-top:19px}
 .experience-benefits p{font-size:19px;line-height:1.8;margin:0}
 .experience-benefits span{display:block;color:var(--blue);font-size:14px;margin-bottom:5px}
 .experience-team{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:20px;background:var(--pale);border-left:2px solid var(--blue)}
 .experience-team h3{font-size:20px;line-height:1.7;margin:0 0 7px}
 .experience-team p{font-size:16px;line-height:1.9;margin:0}
 .experience-team .button{flex-shrink:0;font-size:14px;text-align:center;white-space:normal;max-width:265px}
 .experience-note{font-size:13px;line-height:1.9;color:var(--muted);margin:16px 0 0}
}
@media screen and (max-width:760px){
 .experience-value{padding:24px 18px;margin-bottom:34px}
 .experience-intro h2{font-size:25px;line-height:1.65}
 .experience-intro>p:not(.eyebrow){font-size:17px}
 .experience-intro br,.experience-team br{display:none}
 .experience-steps{grid-template-columns:1fr;gap:35px}
 .experience-steps>li:not(:last-child):after{content:'↓';left:calc(50% - 10px);right:auto;top:auto;bottom:-33px}
 .experience-steps figure{max-width:480px;margin-bottom:13px}
 .experience-steps h3{font-size:21px}
 .experience-steps>li>p:last-child{font-size:17px}
 .experience-benefits{grid-template-columns:1fr;gap:17px;margin-top:25px}
 .experience-benefits p{font-size:19px}
 .experience-team{flex-direction:column;align-items:stretch;padding:17px;gap:16px}
 .experience-team .button{max-width:none;font-size:15px}
 .experience-team h3{font-size:20px}
}
@media print{.experience-value{display:none!important}}
@media screen and (max-width:760px){
 .handoff-roles{gap:40px;padding:0 16px}
 .handoff-roles>div{padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}
 .role-scene{margin:13px 0 14px;max-width:430px}
 .role-scene figcaption{font-size:15px;margin-top:9px}
 .handoff-roles>div:not(:last-child):after{content:'↕';left:calc(50% - 10px);top:auto;bottom:-33px;font-size:21px}
 .handoff-practice{padding:0 20px;font-size:13px}
}