/* Horizontal browsing preserves native touch scrolling and keyboard focus. */
.intro-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;overscroll-behavior-x:contain}
.intro-track::-webkit-scrollbar,.experience-track::-webkit-scrollbar{display:none}
.intro-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;padding:4px 0}
.gmd-hero .intro-slide h2{color:#1f3864;font-size:clamp(36px,4.2vw,50px);font-weight:720;line-height:1.3;letter-spacing:-.045em;overflow-wrap:break-word}
.gmd-hero .intro-slide h2 span{color:#2b6ca5}
.intro-dots{display:flex;justify-content:center;margin-top:18px}
.intro-dots button{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;border-radius:50%}
.intro-dots button::before{content:"";width:7px;height:7px;border-radius:50%;background:#b9c5d4}
.intro-dots button[aria-current="true"]::before{background:#1f3864;width:20px;border-radius:8px}
.gmd-hero .wrap{padding-bottom:24px}
.experiences{padding-top:32px;padding-bottom:20px}
.experience-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.experience-heading h2{font-size:23px;color:#1f3864;letter-spacing:-.035em;font-weight:650}
.experience-heading p{font-size:13px;color:#5b6b7f;margin-top:6px}
.experience-controls{display:flex;gap:6px;flex-shrink:0}
.experience-controls button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #dbe3ed;background:#fff;color:#1f3864;border-radius:10px;font-size:12px}
.experience-disclosure{color:#735a28;font-size:12px;line-height:1.75;margin:12px 0}
.experience-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 1px 12px}
.experience-card{flex:0 0 calc((100% - 42px)/4);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;text-align:left;padding:20px 17px;background:#fff;border:1px solid #e0e7f0;border-radius:16px;color:#536175;box-shadow:0 3px 10px #1f386406;word-break:keep-all;overflow-wrap:break-word}
.experience-card:hover{border-color:#8eabc8;background:#fafcff}
.experience-example{font-size:10px;color:#735a28;font-weight:600;line-height:1.6}
.experience-card h3{font-size:16px;font-weight:650;line-height:1.5;color:#1f3864;margin:12px 0 10px}
.experience-card>p{font-size:13px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px}
.experience-card-foot{font-size:10px;border-top:1px solid #edf1f6;padding-top:12px;margin-top:auto;display:flex;justify-content:space-between;gap:8px;color:#66768a;flex-wrap:wrap}
.experience-card-foot>span{color:#2b6ca5}
.experience-dialog-body{padding:28px}
#experience-close{display:block;margin-left:auto;background:#eaf2fb;border:0;border-radius:8px;padding:10px 16px;min-height:44px;color:#1f3864}
#experience-dialog-title{font-size:24px;margin:14px 0;color:#1f3864}
#experience-dialog-text{font-size:16px;line-height:1.85}
@media(max-width:900px) and (min-width:601px){.experience-card{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:600px){
 .gmd-hero .intro-slide h2{font-size:clamp(23px,6.65vw,36px);line-height:1.4;letter-spacing:-.05em}
 .intro-dots{margin-top:12px}
 .gmd-hero .wrap{padding-bottom:12px}
 .experiences{padding-top:24px;padding-bottom:12px}
 .experience-heading{align-items:flex-start;flex-direction:column;gap:10px}
 .experience-heading h2{font-size:21px}
 .experience-controls{align-self:flex-end}
 .experience-card{flex-basis:84%;padding:20px}
 .experience-card h3{font-size:18px}
 .experience-card>p{font-size:14px}
}

@media(max-width:600px){.intro-track{align-items:flex-start;overflow-y:hidden}.intro-slide{height:auto}}


.experience-controls[hidden]{display:none}