.campus-title{padding-block:45px 35px}.campus-title h1{font-size:clamp(2.5rem,4.8vw,4.6rem);max-width:100%;margin:0;overflow-wrap:break-word;line-height:1.12}.campus-title h1 em{display:block}
.campus-experience{position:relative;isolation:isolate;background:#f8f5eb;padding-bottom:60px}
.campus-experience:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/art/learning-campus.webp') center top/100% auto repeat-y;opacity:.3;pointer-events:none}
#team-path.campus-departments{padding-block:30px 35px;scroll-margin-top:120px}
.campus-departments>h2{font-family:var(--sans);font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin-bottom:22px}
.campus-departments .role-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 38px;gap:14px;max-width:100%}
.campus-departments .role-tabs button{background:#fffef3;border:2px solid #607c8f;border-radius:4px;font-size:1rem;padding:14px 12px;min-width:0;white-space:normal;overflow-wrap:break-word;line-height:1.5}
.campus-departments .role-tabs button[aria-selected=true]{background:#234d67;border-color:#234d67;color:white;box-shadow:0 4px 0 #c4a262}
.campus-departments .role-panels{position:relative;padding:0;border:1px solid #b9ab8d;border-radius:9px 15px 15px 9px;background:linear-gradient(90deg,#fffdf4f5 0%,#fffdf4ed 46%,#d8cfb6ed 49.7%,#b1a78deb 50%,#f4eedd 50.4%,#fffdf4ed 54%,#fffdf4f5 100%);box-shadow:0 5px 0 #eae2d0,0 7px 0 #b9ab8d,0 12px 0 #f5eddc,0 14px 0 #b9ab8d,0 20px 28px #253c4a22}
.campus-departments .role-panels section:not([hidden]){grid-template-columns:1fr 1fr;gap:0;animation:none}
.campus-departments .role-panels section>div{padding:40px 48px 44px;min-width:0}
.campus-departments .role-panels h3{font-size:clamp(1.9rem,2.8vw,2.7rem);margin:20px 0}
.campus-departments .role-panels p{font-size:17px;line-height:1.75}
.campus-departments .role-panels .hand{font-size:1.65rem}
.campus-departments .lab-note{border:0;background:transparent}
.campus-departments .lab-note h4{font:1.8rem var(--hand);color:#315c78;margin:0 0 24px}
.campus-departments .tag{font-size:15px;line-height:1.6}
.campus-departments>.small-note{margin-top:30px;color:#364d58;background:#fffdf5c9;display:inline-block;padding:6px 10px}
.campus-road{max-width:1200px;width:calc(100% - 80px);margin:auto;padding:20px 0 30px}
.campus-road-steps{list-style:none;padding:0;margin:0}
.road-step{position:relative;display:flex;padding-bottom:55px;isolation:isolate}
.road-step:nth-child(even){justify-content:flex-end}
.road-step:not(:last-child):before{content:'';position:absolute;z-index:-1;left:25%;top:50%;width:50%;height:100%;border:22px solid #6c899bbf;border-left:0;border-bottom:0;border-radius:0 140px 0 0;box-sizing:border-box}
.road-step:nth-child(even):not(:last-child):before{border-left:22px solid #6c899bbf;border-right:0;border-radius:140px 0 0 0}
.road-step:not(:last-child):after{content:'';position:absolute;z-index:-1;left:25%;top:calc(50% + 10px);width:calc(50% - 10px);height:100%;border:2px dashed #fffdf2;border-left:0;border-bottom:0;border-radius:0 130px 0 0;box-sizing:border-box}
.road-step:nth-child(even):not(:last-child):after{left:calc(25% + 10px);border-left:2px dashed #fffdf2;border-right:0;border-radius:130px 0 0 0}
.road-paper{position:relative;width:46%;padding:32px 36px;background:#fff0b8f5;border:1px solid #b5a370;box-shadow:5px 7px 0 #6b695226,0 15px 25px #213c4a16}
.road-step:nth-child(4n+2) .road-paper{background:#e9effff5;border-color:#8ba5bc}
.road-step:nth-child(4n+3) .road-paper{background:#ffe8dff5;border-color:#cda28e}
.road-step:nth-child(4n) .road-paper{background:#f0eddbf5;border-color:#b3ac86}
.road-number{display:inline-flex;align-items:center;justify-content:center;font:1.35rem var(--hand);color:white;background:#294e68;width:44px;height:44px;border:3px solid #fffdf2;border-radius:50%;margin-bottom:18px;box-shadow:0 0 0 1px #294e68}
.road-paper h2{font-size:clamp(1.9rem,2.6vw,2.7rem);margin:0 0 15px}
.road-paper .hand{color:#315c78;font-size:1.6rem;line-height:1.25;margin:0 0 18px}
.road-paper p{font-size:17px;line-height:1.7;color:#334952}
.road-paper .road-outcome{border-top:1px solid #294e6833;padding-top:16px;margin:22px 0 0;font-size:16px}
.road-outcome strong{display:block;color:#234355;margin-bottom:4px}
@media(max-width:900px){.campus-departments .role-panels section>div{padding:30px}.campus-road{width:calc(100% - 48px)}.road-paper{width:47%;padding:26px}.road-paper p{font-size:16px}}
@media(max-width:650px){
 .campus-title{padding-block:36px 25px}.campus-title h1{font-size:clamp(2rem,8vw,3rem)}
 .campus-experience:before{background-size:auto 1100px;opacity:.24}
 #team-path.campus-departments{padding-top:25px}.campus-departments .role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}
 .campus-departments .role-tabs button{padding:11px 8px;font-size:15px}
 .campus-departments .role-panels{background:#fffdf4ed}.campus-departments .role-panels section:not([hidden]){grid-template-columns:1fr}
 .campus-departments .role-panels section>div{padding:27px}.campus-departments .lab-note{border-top:1px solid #b9ab8d;box-shadow:inset 0 8px 15px #b9ab8d22}
 .campus-road{width:calc(100% - 36px);padding-left:22px}.road-step{padding-bottom:40px}
 .road-step .road-paper{width:100%;padding:26px}.road-paper h2{font-size:2rem}.road-number{margin-left:-45px}
 .road-step:not(:last-child):before,.road-step:nth-child(even):not(:last-child):before{left:-14px;top:45px;width:12px;height:100%;border:0;border-radius:0;background:#6c899b}
 .road-step:not(:last-child):after,.road-step:nth-child(even):not(:last-child):after{left:-9px;top:45px;width:0;height:100%;border:0;border-left:2px dashed #fffdf2;border-radius:0}
}
@media(max-width:360px){.campus-departments .role-tabs{grid-template-columns:minmax(0,1fr)}}