/* Visual storytelling within employer and university programmes. */
.institutional-interior{padding:clamp(40px,5vw,72px) 0}
.institution-art{margin:0;width:100%;min-width:0;background:transparent;align-self:center}
.institution-art img{display:block;width:100%;height:auto;max-height:245px;object-fit:contain;background:transparent}
.institution-photo img{height:235px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.institution-section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.institution-head-copy>.lead{font-size:1.05rem;line-height:1.75;margin-top:19px}
.institution-concept{position:absolute;right:20px;top:22px;width:38px;height:34px;display:block;color:var(--ink);pointer-events:none}
.institution-concept svg{display:block;width:100%;height:100%}
.institutional-interior .feature,.org-preparation .card,.org-audiences .card,.org-student-pathways .audience-card,.org-stakeholders .stakeholder-grid>div{position:relative;min-height:0}
.institutional-interior .feature{padding:25px}
.institutional-interior .feature h3{font-size:1.2rem;line-height:1.25;padding-right:40px}
.institutional-interior .feature p{font-size:.9rem;line-height:1.7}
.institutional-interior .feature-grid{margin-top:28px}
.org-audiences .tutor-benefits{margin-top:30px}
.org-audiences .card h3{font-size:1.45rem;padding-right:45px}
.org-audiences .card p{font-size:.93rem;line-height:1.7}
.org-audiences .text-link{font-size:.86rem;display:inline-block;margin-top:15px}
.org-audiences .institution-concept{width:47px;height:41px}
.org-preparation .grid2{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:30px}
.org-preparation .grid2>.card{grid-column:span 2;padding:26px;display:grid;grid-template-columns:minmax(0,1fr) 38px;column-gap:16px;align-content:start}
.org-preparation .card>.institution-concept{position:static;grid-column:2;grid-row:1;align-self:start;width:38px;height:34px}
.org-preparation .card>h3{grid-column:1;grid-row:1}
.org-preparation .card>p{grid-column:1/-1}
.org-preparation .grid2>.card:nth-last-child(-n+2){grid-column:span 3}
.org-preparation .card .topline{font-size:.64rem;line-height:1.6;letter-spacing:.06em;padding-right:36px;margin-bottom:16px}
.org-preparation .card h3{font-size:1.35rem;line-height:1.2;margin-bottom:13px}
.org-preparation .card p{font-size:.9rem;line-height:1.7;color:#536b7a}
.institution-process{position:relative;padding-top:18px;margin-top:30px}
.institution-process:before,.institution-journey:after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#9ee4d5;transform-origin:left}
.institution-process.in:before,.institution-journey.in:after{animation:institutionRoute 1.15s ease both}
.org-process .process5>.card{position:relative;min-height:0;padding:23px}
.org-process .process5>.card:before{content:'';position:absolute;top:-22px;left:25px;width:8px;height:8px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 4px #00bef91a}
.org-process .process5 h3{font-size:1.25rem;margin:22px 0 10px;line-height:1.2}
.org-process .process5 p{font-size:.86rem;line-height:1.7}
.org-process .institution-concept{top:16px;right:16px;width:30px;height:28px}
.org-planning .institution-art{max-width:430px;margin-top:24px}
.org-planning .institution-art img{max-height:190px}
.institution-journey{position:relative;margin-top:30px}
.institution-journey .step{padding:25px}
.institution-journey .step:before{z-index:1;left:25px}
.institution-journey .step h3{font-size:1.35rem;line-height:1.2;margin:23px 0 12px}
.institution-journey .step p{font-size:.9rem;line-height:1.7}
.institution-brief{display:flex;gap:20px;align-items:center;margin-top:26px;max-width:350px}
.institution-brief>svg{display:block;width:90px;height:78px;flex:none}
.institution-brief>div{flex:1;display:grid;gap:4px}
.institution-brief span{font-size:.8rem;color:#4a6c73;border-bottom:1px solid #d1e5dc;padding:5px 0}
.org-academic-preparation .institution-section-head,.org-challenges .institution-section-head{align-items:center}
.org-student-pathways .grid2{margin-top:28px!important}
.org-student-pathways .audience-card h3{font-size:1.6rem;line-height:1.2;padding-right:38px;max-width:450px}
.org-student-pathways .audience-card p{font-size:.95rem;line-height:1.75}
.org-student-pathways .audience-card .topline{padding-right:35px}
.org-student-pathways .institution-concept svg{color:var(--ink)}
.org-student-pathways .audience-card:first-child .institution-concept svg{color:var(--mint)}
.institution-school-network{max-width:320px;margin-top:22px}
.institution-school-network svg{display:block;width:100%;height:auto;max-height:130px}
.org-challenges .challenge-grid{margin-top:30px}
.institution-challenge-icon{display:block;width:36px;height:32px;color:var(--ink)}
.institution-challenge-icon svg{display:block;width:100%;height:100%}
.institution-student-route{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:9px;max-width:420px;margin-top:30px}
.institution-student-route>div{display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--ink)}
.institution-student-route svg{display:block;width:45px;height:36px}
.institution-student-route span{font-size:.78rem;color:var(--mint)}
.institution-student-route i{display:block;width:100%;height:2px;margin-bottom:25px;background:#8ed9c8;transform-origin:left}
.org-student-journey .check i{color:var(--ink)}
.institution-student-route.in i{animation:institutionRoute 1s ease both}
.institution-stakeholder-hub>svg{display:block;width:100%;height:auto;max-height:210px}
.org-stakeholders .stakeholder-grid{margin-top:26px}
.org-stakeholders .stakeholder-grid h3{font-size:1.2rem;line-height:1.2;padding-right:35px}
.org-stakeholders .stakeholder-grid p{font-size:.9rem;line-height:1.7}
.institution-faq-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:45px;align-items:start}
.institution-faq-art{width:110px;height:90px;margin-bottom:20px;color:var(--ink)}
.institution-faq-art svg{display:block;width:100%;height:100%}
.institution-faq-layout .faq{margin-top:0}
.institution-faq-intro h2{font-size:2rem;line-height:1.15}
.org-enquiry .organisation-grid{align-items:start}
.institutional-interior .stagger.in .institution-concept svg,.institutional-interior .stagger.in .institution-challenge-icon svg{animation:institutionVisualEnter .65s ease both}
.institution-school-network.in .institution-network-line,.institution-stakeholder-hub.in .institution-network-line{animation:institutionNetwork 1.3s ease both}
@keyframes institutionRoute{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes institutionVisualEnter{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes institutionNetwork{from{stroke-dashoffset:80;opacity:.25}to{stroke-dashoffset:0;opacity:1}}
@media(min-width:981px){.org-enquiry .organisation-grid h2{font-size:clamp(2rem,2.7vw,2.5rem);line-height:1.15}}
@media(max-width:980px){.institution-section-head{gap:26px}.org-preparation .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.org-preparation .grid2>.card{grid-column:auto}.org-preparation .grid2>.card:nth-last-child(-n+2){grid-column:auto}.org-preparation .grid2>.card:last-child{grid-column:1/-1}.org-process .process5{grid-template-columns:repeat(2,minmax(0,1fr))}.org-process .institution-process:before,.org-process .process5>.card:before{display:none}}
@media(max-width:760px){.institution-section-head,.org-preparation .grid2,.institution-faq-layout{grid-template-columns:minmax(0,1fr);gap:24px}.institution-art{max-width:460px;justify-self:center}.institution-art img{max-height:220px}.institution-photo img{height:210px}.org-preparation .grid2>.card,.org-preparation .grid2>.card:nth-last-child(-n+2){grid-column:auto}.org-process .process5{grid-template-columns:minmax(0,1fr)}.org-process .process5>.card{padding:24px}.org-planning .institution-art{max-width:360px}.institution-journey:after{top:0;bottom:0;left:0;right:auto;width:2px;height:auto;transform-origin:top}.institution-journey.in:after{animation:institutionVerticalRoute 1.1s ease both}.institution-journey .step:before{top:31px;left:-7px}.institution-student-route{gap:6px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr)}.institution-student-route span{font-size:.71rem}.institution-faq-intro{display:flex;flex-wrap:wrap;gap:0 20px;align-items:center}.institution-faq-art{width:70px;height:60px;flex:none;margin-bottom:15px}.institution-faq-intro>.eyebrow{max-width:calc(100% - 90px)}.institution-faq-intro h2{width:100%;font-size:1.9rem}.org-student-pathways .audience-card h3{font-size:1.5rem}.institution-brief{gap:15px}.institution-brief>svg{width:75px;height:65px}}
@keyframes institutionVerticalRoute{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.institution-process.in:before,.institution-journey.in:after,.institution-student-route.in i,.institutional-interior .stagger.in .institution-concept svg,.institutional-interior .stagger.in .institution-challenge-icon svg,.institution-school-network.in .institution-network-line,.institution-stakeholder-hub.in .institution-network-line{animation:none}}
