.experience-detail { color:#13313c; background:#fff; }
.experience-detail-intro { display:grid; grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr); min-height:590px; }
.experience-detail-intro > div { align-self:center; padding:90px max(36px,calc((100vw - 1180px)/2)) 90px max(24px,calc((100vw - 1180px)/2)); padding-right:7vw; }
.experience-detail-intro h2 { max-width:680px; margin-bottom:25px; }
.experience-detail-intro p:last-child { max-width:620px; color:#63767d; font-size:17px; }
.experience-detail-intro img { width:100%; height:100%; min-height:590px; object-fit:cover; }
.experience-detail-steps { display:grid; grid-template-columns:repeat(4,1fr); max-width:1180px; margin:auto; padding:95px 0; }
.experience-detail-steps article { position:relative; padding:35px 28px 30px; border-left:1px solid rgba(8,45,61,.13); }
.experience-detail-steps article:first-child { border-left:0; }
.experience-detail-steps span { display:block; margin-bottom:30px; color:#ef7c48; font-family:Georgia,"Times New Roman",serif; font-size:35px; }
.experience-detail-steps h3 { min-height:58px; margin-bottom:14px; font-size:23px; }
.experience-detail-steps p { margin:0; color:#63767d; font-size:14px; }
.experience-detail-checklist { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; padding:95px max(24px,calc((100vw - 1180px)/2)); background:#eef5f4; }
.experience-detail-checklist > div > p:last-child { max-width:520px; color:#63767d; }
.experience-detail-checklist ul { display:grid; gap:0; align-content:center; margin:0; padding:0; list-style:none; }
.experience-detail-checklist li { position:relative; padding:19px 20px 19px 52px; border-bottom:1px solid rgba(8,45,61,.13); color:#082d3d; font-weight:700; }
.experience-detail-checklist li:before { content:"✓"; position:absolute; left:15px; top:17px; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#ef7c48; color:#fff; font-size:12px; }
.experience-detail-note { display:grid; grid-template-columns:.5fr 1.5fr; gap:60px; max-width:1180px; margin:80px auto; padding:30px 34px; border-left:4px solid #ef7c48; background:#f6f1e9; }
.experience-detail-note strong { color:#082d3d; font-family:Georgia,"Times New Roman",serif; font-size:23px; }
.experience-detail-note p { margin:0; color:#63767d; }
@media(max-width:900px) { .experience-detail-intro{grid-template-columns:1fr}.experience-detail-intro img{min-height:430px}.experience-detail-steps{grid-template-columns:1fr 1fr;padding:70px 24px}.experience-detail-steps article:nth-child(3){border-left:0}.experience-detail-checklist{gap:45px}.experience-detail-note{margin:60px 24px} }
@media(max-width:600px) { .experience-detail-intro>div{padding:65px 20px 45px}.experience-detail-intro img{min-height:310px}.experience-detail-steps{grid-template-columns:1fr;padding:55px 20px}.experience-detail-steps article,.experience-detail-steps article:nth-child(3){padding:28px 20px;border-top:1px solid rgba(8,45,61,.13);border-left:0}.experience-detail-steps article:first-child{border-top:0}.experience-detail-steps h3{min-height:0}.experience-detail-checklist{grid-template-columns:1fr;gap:25px;padding:65px 20px}.experience-detail-note{grid-template-columns:1fr;gap:13px;margin:45px 20px;padding:26px} }