/* ICT Academy Suriname — Official4 packages catalogue */
body[data-page="pakketten"] main{padding-bottom:0!important;background:radial-gradient(circle at 91% 9rem,rgba(52,162,230,.1),transparent 26rem),linear-gradient(180deg,#fbfdff 0,#f6faff 42rem,#fff 100%)}
body[data-page="pakketten"] :where(.packages-hero,.packages-section,.packages-access,.packages-boundary,.packages-source-note,.packages-cta){width:min(1180px,calc(100% - 2rem));margin-inline:auto}
.packages-hero{min-height:min(40rem,calc(100svh - var(--v6-header)));display:grid;grid-template-columns:minmax(0,1.14fr) minmax(20rem,.7fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(7rem,11vw,9rem) 0 clamp(4rem,8vw,6.5rem)}
.packages-hero__copy h1{max-width:14ch;margin:.65rem 0 1.15rem;color:var(--v6-navy-950);font-family:var(--v6-display);font-size:clamp(2.55rem,5.3vw,5.15rem);font-weight:760;letter-spacing:-.065em;line-height:.98}
.packages-hero__copy h1 em{display:block;color:var(--v6-blue-700);font-style:normal}.packages-hero__copy>p:not(.v5-eyebrow){max-width:44rem;margin:0 0 1.5rem;color:#3e596f;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.7}
.packages-hero__navigator{position:relative;display:grid;gap:.65rem;padding:clamp(1rem,2.4vw,1.45rem);border:1px solid rgba(0,38,87,.11);border-radius:1.5rem;background:rgba(255,255,255,.9);box-shadow:0 28px 70px rgba(0,38,87,.13)}
.packages-hero__navigator:before{content:"";position:absolute;inset:.55rem;z-index:-1;border-radius:1.25rem;background:linear-gradient(145deg,rgba(214,238,254,.72),rgba(255,255,255,.35))}.packages-hero__label{margin:0 0 .1rem;color:var(--v6-muted);font-size:.74rem;font-weight:760;letter-spacing:.09em;text-transform:uppercase}
.packages-hero__navigator a{min-height:5.65rem;display:grid;grid-template-columns:2.6rem minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:.15rem .8rem;padding:.95rem;color:#29445a;border:1px solid var(--v6-line);border-radius:1rem;background:#fff;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.packages-hero__navigator a:is(:hover,:focus-visible){border-color:rgba(10,114,193,.35);box-shadow:0 12px 28px rgba(0,72,135,.1);transform:translateY(-2px)}
.packages-hero__navigator a>span{grid-row:1/-1;width:2.6rem;height:2.6rem;display:inline-grid;place-items:center;align-self:center;color:#fff;border-radius:.8rem;background:linear-gradient(145deg,var(--v6-navy-900),var(--v6-blue-700));font-size:.74rem;font-weight:780;font-variant-numeric:tabular-nums;line-height:1}.packages-hero__navigator strong{color:var(--v6-navy-900);font-family:var(--v6-display);font-size:1.06rem;line-height:1.15}.packages-hero__navigator small{color:var(--v6-muted);font-size:.78rem;line-height:1.35}
.packages-trustbar{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--v6-line);background:rgba(255,255,255,.92)}.packages-trustbar p{min-width:0;margin:0;padding:1.35rem clamp(1rem,3vw,2.5rem);border-inline-end:1px solid var(--v6-line);text-align:center}.packages-trustbar p:last-child{border-inline-end:0}.packages-trustbar :is(strong,span){display:block}.packages-trustbar strong{color:var(--v6-navy-900);font-size:.86rem}.packages-trustbar span{margin-top:.18rem;color:var(--v6-muted);font-size:.76rem;line-height:1.45}
.packages-section{padding:clamp(4.5rem,8vw,7rem) 0}.packages-section__head{margin-bottom:clamp(2rem,4vw,3.25rem)}.packages-tabs__list{position:sticky;top:calc(var(--v6-header) + .65rem);z-index:20;width:fit-content;max-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:0 auto clamp(2rem,4vw,3rem);padding:.38rem;border:1px solid var(--v6-line);border-radius:1rem;background:rgba(255,255,255,.94);box-shadow:0 14px 36px rgba(0,38,87,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.packages-tab{min-height:46px;padding:.68rem 1rem;color:#3a5469;border:1px solid transparent;border-radius:.72rem;background:transparent;font:inherit;font-size:.84rem;font-weight:720;white-space:nowrap}.packages-tab:is(:hover,:focus-visible){color:var(--v6-navy-900);background:var(--v6-blue-50)}.packages-tab[aria-selected="true"]{color:#fff;border-color:var(--v6-navy-900);background:linear-gradient(135deg,var(--v6-navy-900),var(--v6-blue-700));box-shadow:0 8px 18px rgba(0,38,87,.18)}.packages-panel[hidden]{display:none!important}.packages-panel:focus{outline:0}
.packages-panel__intro{max-width:58rem;margin:0 auto 2rem;text-align:center}.packages-panel__intro h3{margin:.45rem 0 .7rem;color:var(--v6-navy-950);font-family:var(--v6-display);font-size:clamp(1.65rem,3vw,2.65rem);letter-spacing:-.045em;line-height:1.08}.packages-panel__intro>p:last-child{margin:0;color:var(--v6-muted);line-height:1.65}
.packages-subsection{margin-top:clamp(2.5rem,5vw,4rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--v6-line)}.packages-subsection__head{max-width:52rem;margin:0 auto 1.5rem;text-align:center}.packages-subsection__head h3{margin:.45rem 0 .7rem;color:var(--v6-navy-950);font-family:var(--v6-display);font-size:clamp(1.45rem,2.6vw,2.2rem);letter-spacing:-.04em;line-height:1.1}.packages-subsection__head>p:last-child{margin:0;color:var(--v6-muted);line-height:1.65}
.packages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.packages-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.package-card{min-width:0;display:flex;flex-direction:column;padding:clamp(1.15rem,2.5vw,1.65rem);overflow:hidden;border:1px solid rgba(0,38,87,.12);border-radius:1.25rem;background:#fff;box-shadow:0 16px 42px rgba(0,38,87,.07)}.package-card--featured{border-color:rgba(10,114,193,.3);box-shadow:0 18px 48px rgba(0,72,135,.11)}.package-card--pending{background:linear-gradient(145deg,#fff,#f7fbff)}
.package-card__top{min-height:1.7rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.8rem}:is(.package-tag,.package-status){display:inline-flex;align-items:center;min-height:1.65rem;padding:.28rem .5rem;border-radius:999px;font-size:.66rem;font-weight:780;letter-spacing:.025em;line-height:1.15}.package-tag{color:var(--v6-blue-700);background:var(--v6-blue-50)}.package-status{color:#356078;background:#edf4f8;text-align:right}
.package-card h4{margin:0 0 .65rem;color:var(--v6-navy-950);font-family:var(--v6-display);font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.035em;line-height:1.12}.package-card>p:not(.package-price){margin:0 0 .85rem;color:#486277;font-size:.9rem;line-height:1.58}.package-card ul{margin:0 0 1rem;padding:0;list-style:none}.package-card li{position:relative;margin:.42rem 0;padding-left:1.15rem;color:#334f65;font-size:.83rem;line-height:1.5}.package-card li:before{content:"";position:absolute;inset:.54em auto auto 0;width:.42rem;height:.42rem;border-radius:50%;background:var(--v6-blue-600)}
.package-card details{margin:0 0 1rem;padding:.72rem .8rem;border:1px solid var(--v6-line);border-radius:.75rem;background:#f8fbfd}.package-card summary{color:var(--v6-navy-900);font-size:.79rem;font-weight:720;cursor:pointer}.package-card details p{margin:.65rem 0 0;color:var(--v6-muted);font-size:.78rem;line-height:1.55}.package-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .55rem;margin:auto 0 .85rem;padding-top:.85rem;border-top:1px solid var(--v6-line)}.package-price strong{color:var(--v6-navy-900);font-size:.9rem}.package-price span{color:var(--v6-muted);font-size:.72rem}
.package-cta{min-height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem .85rem;color:#fff;border:1px solid var(--v6-navy-900);border-radius:.75rem;background:linear-gradient(135deg,var(--v6-navy-900),var(--v6-navy-800));font-size:.8rem;font-weight:720;line-height:1.25;text-decoration:none}.package-cta:is(:hover,:focus-visible){color:#fff;background:var(--v6-blue-700);transform:translateY(-1px)}.package-cta>span[aria-hidden="true"]{width:1em;height:1em;display:inline-grid;flex:0 0 1em;place-items:center;font-variant-numeric:tabular-nums;line-height:1}
.packages-access{display:grid;grid-template-columns:minmax(16rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,7vw,5.5rem);color:#fff;border-radius:1.75rem;background:linear-gradient(145deg,var(--v6-navy-950),#073f70);box-shadow:0 28px 70px rgba(0,38,87,.2)}.packages-access .v5-eyebrow{color:#9dd9ff}.packages-access__intro h2{margin:.45rem 0 .8rem;color:#fff;font-family:var(--v6-display);font-size:clamp(1.8rem,3.6vw,3rem);letter-spacing:-.05em;line-height:1.05}.packages-access__intro>p:last-child{color:#c8d9e7;line-height:1.65}.packages-access__steps{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}
.packages-access__steps li{display:grid;grid-template-columns:2.45rem minmax(0,1fr);gap:.8rem;padding:.9rem;border:1px solid rgba(255,255,255,.13);border-radius:.9rem;background:rgba(255,255,255,.065)}.packages-access__steps li>span{width:2.45rem;height:2.45rem;display:inline-grid;place-items:center;color:#002657;border-radius:.7rem;background:#b9e4ff;font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.packages-access__steps strong{color:#fff;font-size:.9rem}.packages-access__steps p{margin:.2rem 0 0;color:#c8d9e7;font-size:.79rem;line-height:1.5}.packages-access__state{grid-column:1/-1;margin:0;padding:.8rem 1rem;color:#ddecf7;border-left:3px solid #66c6ff;background:rgba(255,255,255,.06);font-size:.8rem;line-height:1.55}.packages-access__state strong{color:#fff}
.packages-boundary{display:grid;grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,5vw,5rem);padding:clamp(4.5rem,8vw,7rem) 0}.packages-boundary h2{margin:.45rem 0 0;color:var(--v6-navy-950);font-family:var(--v6-display);font-size:clamp(1.8rem,3.4vw,2.75rem);letter-spacing:-.05em;line-height:1.08}.packages-boundary ul{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.packages-boundary li{position:relative;padding:.85rem 1rem .85rem 2.7rem;color:#36536a;border:1px solid var(--v6-line);border-radius:.85rem;background:#fff;line-height:1.55}.packages-boundary li:before{content:"✓";position:absolute;inset:.78rem auto auto .9rem;width:1.25rem;height:1.25rem;display:inline-grid;place-items:center;color:#fff;border-radius:50%;background:var(--v6-blue-700);font-size:.68rem;font-weight:800;line-height:1}
.packages-source-note{margin-bottom:clamp(4rem,8vw,6rem);padding:1rem 1.15rem;color:#556b7c;border:1px solid var(--v6-line);border-radius:.9rem;background:#f8fbfd;font-size:.74rem;line-height:1.6}.packages-source-note h2{margin:0 0 .3rem;color:#385269;font-size:.78rem}.packages-source-note p{margin:0}.packages-source-note a{color:var(--v6-blue-700);font-weight:700}.packages-cta{margin-bottom:clamp(4rem,8vw,6rem)}
@media (min-width:981px) and (max-width:1320px){html body[data-page][data-page]>.wayfinder{grid-template-columns:minmax(10.8rem,12.2rem) minmax(0,1fr) auto;gap:.18rem;padding-inline:.6rem}html body[data-page][data-page]>.wayfinder .brand-lockup{padding-inline:.5rem}html body[data-page][data-page]>.wayfinder .route-link{padding-inline:.25rem}html body[data-page][data-page]>.wayfinder .route-link strong{font-size:clamp(.72rem,.71vw,.84rem)}html body[data-page][data-page]>.wayfinder .join-link{padding-inline:.55rem;font-size:.78rem}}
@media (max-width:980px){.packages-hero{min-height:0;grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:clamp(6.5rem,15vw,8rem)}.packages-hero__copy h1{max-width:15ch}.packages-hero__navigator{grid-template-columns:repeat(3,minmax(0,1fr))}.packages-hero__photo,.packages-hero__label{grid-column:1/-1}.packages-hero__navigator a{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;text-align:center}.packages-hero__navigator a>span{grid-row:auto;margin-inline:auto}.packages-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.packages-access,.packages-boundary){grid-template-columns:minmax(0,1fr)}.packages-access__state{grid-column:auto}}
@media (max-width:700px){body[data-page="pakketten"] :where(.packages-hero,.packages-section,.packages-access,.packages-boundary,.packages-source-note,.packages-cta){width:calc(100% - 1rem)}.packages-hero{gap:1.25rem;padding-bottom:2.75rem}.packages-hero__copy h1{font-size:clamp(2.25rem,12vw,3.65rem);letter-spacing:-.055em}.packages-hero__copy>p:not(.v5-eyebrow){font-size:.98rem}.packages-hero__copy .v5-home-hero__actions{align-items:stretch}.packages-hero__copy .v5-button{width:100%;justify-content:center}.packages-hero__navigator{grid-template-columns:minmax(0,1fr);padding:.75rem;border-radius:1.15rem}.packages-hero__navigator a{min-height:4.85rem;grid-template-columns:2.45rem minmax(0,1fr);grid-template-rows:auto auto;text-align:left}.packages-hero__navigator a>span{grid-row:1/-1;margin:0}.packages-trustbar{grid-template-columns:minmax(0,1fr)}.packages-trustbar p{border-inline-end:0;border-bottom:1px solid var(--v6-line)}.packages-trustbar p:last-child{border-bottom:0}.packages-section{padding-block:3.75rem}.packages-section__head{display:block}.packages-tabs__list{position:static;width:100%;grid-template-columns:minmax(0,1fr);margin-bottom:1.5rem;border-radius:.95rem}.packages-tab{width:100%;min-height:48px;white-space:normal}:is(.packages-grid,.packages-grid--compact){grid-template-columns:minmax(0,1fr)}.package-card{padding:1rem;border-radius:1rem}.package-card__top{align-items:flex-start}:is(.package-tag,.package-status){max-width:55%}.package-cta{width:100%}.packages-access{gap:1.5rem;padding:1.2rem;border-radius:1.15rem}.packages-access__steps li{padding:.75rem}.packages-boundary{gap:1.4rem;padding-block:3.75rem}.packages-boundary li{padding-right:.8rem;font-size:.86rem}.packages-cta .v5-cta__actions{width:100%}.packages-cta .v5-button{width:100%;justify-content:center}}
@media (max-width:390px){.packages-hero__navigator strong{font-size:.98rem}.package-card__top{display:grid;justify-content:stretch}:is(.package-tag,.package-status){width:fit-content;max-width:100%;text-align:left}.packages-access__steps li{grid-template-columns:2.15rem minmax(0,1fr);gap:.65rem}.packages-access__steps li>span{width:2.15rem;height:2.15rem}}
@media (max-width:320px){body[data-page="pakketten"] :where(.packages-hero,.packages-section,.packages-access,.packages-boundary,.packages-source-note,.packages-cta){width:calc(100% - .75rem)}.packages-hero__copy h1{font-size:2.05rem}.packages-hero__navigator a{padding:.75rem}.package-card{padding:.85rem}.package-cta{font-size:.76rem}}
@media (prefers-reduced-motion:reduce){:where(.packages-hero__navigator a,.package-cta){transition:none}:where(.packages-hero__navigator a,.package-cta):hover{transform:none}}
@media (forced-colors:active){:where(.packages-tab[aria-selected="true"],.package-cta,.packages-access__steps li>span){color:ButtonText;border-color:ButtonText;background:ButtonFace}}

.packages-hero__photo{display:block;margin:-.25rem -.25rem .25rem;overflow:hidden;border-radius:1.12rem;background:#eaf4fb}.packages-hero__photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}.packages-panel__photo{display:block;margin:0 0 1.25rem;overflow:hidden;border:1px solid var(--v6-line);border-radius:1.25rem;background:#eaf4fb;box-shadow:0 16px 42px rgba(0,38,87,.08)}.packages-panel__photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}@media(max-width:700px){.packages-hero__photo{margin:0 0 .2rem}.packages-hero__photo img,.packages-panel__photo img{aspect-ratio:4/5}.packages-panel__photo{border-radius:1rem}}

.application-package-preference{display:grid;gap:.18rem;margin:0 0 1rem;padding:.9rem 1rem;border:1px solid rgba(10,114,193,.22);border-radius:.85rem;background:#f2f9fe;color:#38556d}.application-package-preference[hidden]{display:none!important}.application-package-preference>span{color:var(--v6-blue-700);font-size:.7rem;font-weight:780;letter-spacing:.07em;text-transform:uppercase}.application-package-preference>strong{color:var(--v6-navy-950);font-family:var(--v6-display);font-size:1.08rem}.application-package-preference>small{color:var(--v6-muted);font-size:.78rem;line-height:1.5}
/* Premium mobile concierge menu - final cascade layer. */
@keyframes premium-menu-enter{from{opacity:0;transform:translate3d(1.2rem,0,0) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:980px){
body[data-page] .mobile-map-trigger{min-height:48px;gap:.58rem;padding:.62rem .92rem .62rem .72rem;color:#fff;border:1px solid rgba(238,195,104,.52);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 42%),linear-gradient(135deg,#001d43,#063f73);box-shadow:0 13px 32px rgba(0,25,57,.3),inset 0 1px rgba(255,255,255,.17);font-size:.72rem;font-weight:760;letter-spacing:.045em;text-transform:uppercase}
body[data-page] .mobile-map-trigger::after{content:"";position:absolute;inset:.38rem .38rem auto auto;display:block;width:.42rem;height:.42rem;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#e9ba59;box-shadow:0 0 0 3px rgba(233,186,89,.13)}
body[data-page] .mobile-map-trigger .menu-glyph{width:1.3rem;display:grid;gap:.24rem}body[data-page] .mobile-map-trigger .menu-glyph i{display:block;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#fff,#efc773)}body[data-page] .mobile-map-trigger .menu-glyph i:nth-child(2){width:.88rem}
body[data-page] .mobile-map-trigger:is(:hover,:focus-visible){color:#fff;border-color:#f0cb7d;background:linear-gradient(135deg,#002657,#075690);box-shadow:0 15px 36px rgba(0,25,57,.34),inset 0 1px rgba(255,255,255,.2)}
body[data-page] .mobile-map{place-items:stretch end;padding:0;background:radial-gradient(circle at 18% 18%,rgba(73,159,220,.22),transparent 24rem),rgba(0,18,42,.78);-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)}
body[data-page] .mobile-map-panel{width:min(27rem,calc(100% - .7rem));height:100%;max-height:100%;margin:0;padding:0 0 max(1rem,env(safe-area-inset-bottom));border:0;border-left:1px solid rgba(236,197,112,.3);border-radius:1.7rem 0 0 1.7rem;background:radial-gradient(circle at 100% 20%,rgba(51,143,207,.28),transparent 19rem),linear-gradient(165deg,#001a3d 0%,#052f58 52%,#001b3f 100%);box-shadow:-30px 0 80px rgba(0,15,38,.48);animation:premium-menu-enter .3s cubic-bezier(.2,.75,.2,1) both}
body[data-page] .mobile-map-head{position:relative;top:auto;min-height:7rem;margin:0;padding:max(1rem,env(safe-area-inset-top)) 1rem 1rem 1.15rem;overflow:hidden;border:0;border-bottom:1px solid rgba(236,197,112,.32);border-radius:1.7rem 0 0;background:transparent}
body[data-page] .mobile-map-head::after{content:"";position:absolute;inset:auto 1.1rem 0;display:block;height:1px;background:linear-gradient(90deg,#e7b957,transparent)}
body[data-page] .mobile-map-head img{width:min(10.9rem,calc(100% - 4.2rem));max-height:3.35rem;padding:.55rem .68rem;border:1px solid rgba(255,255,255,.5);border-radius:.85rem;background:rgba(255,255,255,.97);box-shadow:0 10px 25px rgba(0,12,31,.3);filter:none}
body[data-page] .mobile-map-close{width:46px;height:46px;flex-basis:46px;color:#fff;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.12)}body[data-page] .mobile-map-close:is(:hover,:focus-visible){color:#001f46;border-color:#efc672;background:#efc672}
body[data-page] .mobile-map-panel>.wayfinder-label{margin:1rem 1.25rem .62rem;color:#f1cf87;font-size:.65rem;font-weight:780;letter-spacing:.15em}
body[data-page] .mobile-route-list{gap:0;margin:0 .72rem;padding:.12rem .45rem .45rem;border:1px solid rgba(255,255,255,.55);border-radius:1.25rem;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,253,.96));box-shadow:0 22px 48px rgba(0,11,29,.3),inset 0 1px #fff}
body[data-page] .mobile-route-list a:not(.mobile-join){position:relative;min-height:54px;display:grid;grid-template-columns:.8rem minmax(0,1fr) 1.2rem;gap:.55rem;padding:.68rem .62rem;color:#183a57;border:0;border-bottom:1px solid rgba(0,38,87,.09);border-radius:0;background:transparent}
body[data-page] .mobile-route-list a:not(.mobile-join):nth-last-child(2){border-bottom:0}
body[data-page] .mobile-route-list a:not(.mobile-join)::before{content:"";display:block;width:.36rem;height:.36rem;align-self:center;border:1px solid rgba(175,128,34,.45);border-radius:50%;background:#e4b654;box-shadow:0 0 0 3px rgba(228,182,84,.1)}
body[data-page] .mobile-route-list a:not(.mobile-join)::after{content:"";display:block;width:.46rem;height:.46rem;align-self:center;justify-self:center;border-top:1.5px solid #758b9c;border-right:1.5px solid #758b9c;transform:rotate(45deg);transition:transform .18s ease,border-color .18s ease}
body[data-page] .mobile-route-list a span{font-family:var(--v6-display);font-size:.96rem;font-weight:680;letter-spacing:-.015em}
body[data-page] .mobile-route-list a:not(.mobile-join):is(:hover,:focus-visible){color:#002657;border-color:rgba(0,38,87,.09);background:linear-gradient(90deg,rgba(228,244,255,.86),rgba(255,250,240,.48))}body[data-page] .mobile-route-list a:not(.mobile-join):is(:hover,:focus-visible)::after{border-color:#9a742a;transform:translateX(.16rem) rotate(45deg)}
body[data-page] .mobile-route-list a[aria-current="page"]:not(.mobile-join){margin:0;padding:.68rem .62rem;color:#002657;border-color:rgba(0,38,87,.09);background:linear-gradient(90deg,rgba(218,241,255,.98),rgba(255,247,228,.72));box-shadow:inset 3px 0 #d4a74a}body[data-page] .mobile-route-list a[aria-current="page"]:not(.mobile-join)::before{border-color:#07548f;background:#07548f;box-shadow:0 0 0 3px rgba(7,84,143,.12)}
body[data-page] .mobile-route-list .mobile-join,body[data-page] .mobile-route-list .mobile-join[aria-current="page"]{min-height:54px;display:grid;grid-template-columns:minmax(0,1fr) 1.25rem;margin:.74rem .12rem .16rem;padding:.78rem .9rem;color:#fff;border:1px solid rgba(239,198,114,.58);border-radius:.9rem;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 40%),linear-gradient(135deg,#001f49,#07558f);box-shadow:0 12px 28px rgba(0,38,87,.24),inset 0 1px rgba(255,255,255,.16)}
body[data-page] .mobile-route-list .mobile-join::before{display:none;content:none}body[data-page] .mobile-route-list .mobile-join::after{content:"";display:block;width:.5rem;height:.5rem;align-self:center;justify-self:center;border-top:1.5px solid #f0ca7b;border-right:1.5px solid #f0ca7b;transform:rotate(45deg)}body[data-page] .mobile-route-list .mobile-join:is(:hover,:focus-visible){color:#fff;border-color:#f0ca7b;background:linear-gradient(135deg,#002a5d,#0a72c1);box-shadow:0 14px 32px rgba(0,38,87,.28)}
body[data-page] .mobile-language-wrap{margin:.8rem .9rem 0;padding:.75rem .2rem 0;border-top-color:rgba(239,198,114,.3)}body[data-page] .mobile-language-wrap>.language-button{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}body[data-page] .mobile-language-wrap>.language-button:is(:hover,:focus-visible){color:#001f46;border-color:#efc672;background:#efc672}body[data-page] .mobile-language-wrap .language-menu-mobile{border-color:rgba(239,198,114,.32);box-shadow:0 18px 38px rgba(0,13,33,.34)}
}
@media(max-width:380px){body[data-page] .mobile-map-panel{width:calc(100% - .25rem);border-radius:1.3rem 0 0 1.3rem}body[data-page] .mobile-map-head{min-height:6.25rem;border-radius:1.3rem 0 0}body[data-page] .mobile-route-list{margin-inline:.45rem;padding-inline:.3rem}body[data-page] .mobile-route-list a:not(.mobile-join){grid-template-columns:.7rem minmax(0,1fr) 1rem;gap:.42rem}}
@media(prefers-reduced-motion:reduce){body[data-page] .mobile-map-panel{animation:none}body[data-page] .mobile-route-list a::after{transition:none}}
@media(prefers-reduced-transparency:reduce){body[data-page] .mobile-map{background:#00142f;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-page] .mobile-map-panel{background:#002657}}
@media(prefers-contrast:more){body[data-page] .mobile-route-list,body[data-page] .mobile-route-list a,body[data-page] .mobile-map-trigger,body[data-page] .mobile-map-close{border-color:currentColor}}
@media(forced-colors:active){body[data-page] .mobile-map-panel,body[data-page] .mobile-map-head,body[data-page] .mobile-route-list,body[data-page] .mobile-route-list a,body[data-page] .mobile-map-trigger{color:CanvasText;border:1px solid CanvasText;background:Canvas;box-shadow:none}body[data-page] .mobile-route-list a[aria-current="page"]:not(.mobile-join){outline:2px solid Highlight;outline-offset:-2px}body[data-page] .mobile-route-list .mobile-join{color:ButtonText;background:ButtonFace}}

/* Shared program-film hero: mirrors the homepage media treatment. */
html body.program-detail-page main .program-video-hero{grid-template-columns:minmax(22rem,.82fr) minmax(0,1.18fr);align-items:stretch;min-height:clamp(31rem,43vw,38rem)}
html body.program-detail-page main .program-video-hero__media{align-self:stretch;display:flex;min-width:0;min-height:clamp(31rem,43vw,38rem);background:#001f48}
html body.program-detail-page main .program-video-hero__media::after{display:none;content:none}
.program-video-frame{width:100%;height:100%;min-height:0;display:flex;overflow:hidden;background:#001f48}
.program-video{display:block;width:100%;height:100%;min-height:100%;border:0;border-radius:0;background:#001f48;box-shadow:none;object-fit:contain;object-position:50% 50%}
.program-video:focus-visible{position:relative;z-index:2;outline:4px solid #f4b72d;outline-offset:-6px}
@media(max-width:980px){html body.program-detail-page main .program-video-hero{grid-template-columns:minmax(0,1fr);min-height:0}html body.program-detail-page main .program-video-hero__media{order:-1;width:100%;min-height:0;aspect-ratio:16/9}.program-video-frame,.program-video{height:auto;min-height:0;aspect-ratio:16/9}.program-video{object-fit:contain}}
@media(max-width:700px){html body.program-detail-page main .program-video-hero__media{border-radius:0}}
@media(forced-colors:active){.program-video:focus-visible{outline-color:Highlight}}

/* Shared circular labels: words and numbers stay centred without overflow. */
html body[data-page]:not([data-page="home"]):not([data-page="student"]) main .program-card-grid article>.outcome-code{inline-size:max-content;block-size:auto;min-inline-size:3rem;min-block-size:3rem;aspect-ratio:1;align-self:flex-start;display:inline-grid;place-items:center;place-content:center;padding:.45rem;border-radius:50%;line-height:1;letter-spacing:.045em;text-align:center;white-space:nowrap;vertical-align:middle}

/* ICT Academy Suriname — final shared navigation and content-alignment layer. */

/* Desktop navigation: deliberately larger, while retaining a safe compact fit. */
@media (min-width: 981px) {
  :root {
    --v6-header: 5.25rem;
    --v5-header: var(--v6-header);
  }

  html body[data-page][data-page] > .wayfinder {
    grid-template-columns: minmax(12rem, 15.5rem) minmax(0, 1fr) auto;
    gap: clamp(.3rem, .8vw, .8rem);
    padding-inline: clamp(.7rem, 1.6vw, 1.65rem);
  }

  html body[data-page][data-page] > .wayfinder .route-map {
    min-width: 0;
    gap: clamp(.06rem, .18vw, .18rem);
  }

  html body[data-page][data-page] > .wayfinder .route-link {
    min-height: 3rem;
    padding: .68rem clamp(.34rem, .62vw, .72rem);
  }

  html body[data-page][data-page] > .wayfinder .route-link strong {
    font-size: clamp(.78rem, .72vw, .91rem);
    font-weight: 710;
    line-height: 1.2;
    white-space: nowrap;
  }

  html body[data-page][data-page] > .wayfinder .join-link,
  html body[data-page][data-page] > .wayfinder .language-button {
    min-height: 48px;
  }

  html body[data-page][data-page] > .wayfinder .join-link {
    padding: .68rem .9rem;
    font-size: .81rem;
  }

  html body[data-page][data-page] > .wayfinder .language-button {
    min-width: 48px;
    font-size: .79rem;
  }
}

@media (min-width: 981px) and (max-width: 1120px) {
  html body[data-page][data-page] > .wayfinder {
    grid-template-columns: minmax(10.8rem, 12rem) minmax(0, 1fr) auto;
    gap: .2rem;
    padding-inline: .55rem;
  }

  html body[data-page][data-page] > .wayfinder .brand-lockup {
    padding-inline: .55rem;
  }

  html body[data-page][data-page] > .wayfinder .route-link {
    padding-inline: .28rem;
  }

  html body[data-page][data-page] > .wayfinder .route-link strong {
    font-size: .75rem;
  }

  html body[data-page][data-page] > .wayfinder .join-link {
    padding-inline: .62rem;
    font-size: .76rem;
  }
}

/* Mobile navigation: premium folio presentation with strictly horizontal copy. */
@media (max-width: 980px) {
  html body[data-page][data-page] .mobile-map {
    place-items: stretch end;
    padding: 0;
    background:
      radial-gradient(circle at 16% 14%, rgba(73, 159, 220, .2), transparent 24rem),
      rgba(0, 18, 42, .8);
  }

  html body[data-page][data-page] .mobile-map-panel {
    width: min(27rem, calc(100% - .5rem));
    height: 100%;
    max-height: 100%;
    padding: 0 0 max(1rem, env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
    border-left: 1px solid rgba(236, 197, 112, .32);
    border-radius: 1.65rem 0 0 1.65rem;
    background:
      radial-gradient(circle at 100% 18%, rgba(51, 143, 207, .26), transparent 19rem),
      linear-gradient(165deg, #001a3d 0%, #052f58 54%, #001b3f 100%);
    box-shadow: -30px 0 80px rgba(0, 15, 38, .48);
  }

  html body[data-page][data-page] .mobile-map-head {
    position: sticky;
    top: 0;
    min-height: 6.75rem;
    margin: 0;
    padding: max(1rem, env(safe-area-inset-top)) 1rem 1rem 1.15rem;
    border-bottom: 1px solid rgba(236, 197, 112, .3);
    border-radius: 1.65rem 0 0;
    background: rgba(0, 31, 72, .96);
  }

  html body[data-page][data-page] .mobile-map-head img {
    width: min(10.9rem, calc(100% - 4.2rem));
    max-height: 3.35rem;
    padding: .5rem .62rem;
    border: 1px solid rgba(255, 255, 255, .48);
    border-radius: .82rem;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 10px 25px rgba(0, 12, 31, .3);
  }

  html body[data-page][data-page] .mobile-map-close {
    color: #fff;
    border-color: rgba(255, 255, 255, .35);
    background: rgba(255, 255, 255, .1);
  }

  html body[data-page][data-page] .mobile-map-panel > .wayfinder-label {
    margin: 1rem 1.18rem .58rem;
    color: #f1cf87;
  }

  html body[data-page][data-page] .mobile-route-list {
    display: grid;
    gap: .08rem;
    margin: 0 .72rem;
    padding: .28rem .42rem .45rem;
    border: 1px solid rgba(255, 255, 255, .56);
    border-radius: 1.2rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(245, 250, 253, .97));
    box-shadow: 0 22px 48px rgba(0, 11, 29, .3), inset 0 1px #fff;
  }

  html body[data-page][data-page] .mobile-route-list a,
  html body[data-page][data-page] .mobile-route-list a:not(.mobile-join),
  html body[data-page][data-page] .mobile-route-list .mobile-join,
  html body[data-page][data-page] .mobile-route-list .mobile-student-link {
    min-width: 0;
    min-height: 52px;
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center;
    justify-content: flex-start;
    gap: .65rem;
  }

  html body[data-page][data-page] .mobile-route-list a::before,
  html body[data-page][data-page] .mobile-route-list a::after {
    display: none !important;
    content: none !important;
  }

  html body[data-page][data-page] .mobile-route-list a > span {
    display: block !important;
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    max-width: none !important;
    inline-size: auto !important;
    color: inherit;
    font-family: var(--v6-display, "Bricolage Grotesque", "Segoe UI", sans-serif);
    font-size: 1rem;
    font-weight: 680;
    letter-spacing: -.012em;
    line-height: 1.25;
    text-align: left;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }

  html body[data-page][data-page] .mobile-route-list .mobile-join,
  html body[data-page][data-page] .mobile-route-list .mobile-join[aria-current="page"] {
    justify-content: flex-start;
    margin: .7rem .08rem .12rem;
    padding-inline: .9rem;
  }

  html body[data-page][data-page] .mobile-language-wrap :where(button, span, strong) {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: normal;
    overflow-wrap: normal;
  }
}

@media (max-width: 380px) {
  html body[data-page][data-page] .mobile-map-panel {
    width: calc(100% - .2rem);
    border-radius: 1.25rem 0 0 1.25rem;
  }

  html body[data-page][data-page] .mobile-map-head {
    min-height: 6.2rem;
    border-radius: 1.25rem 0 0;
  }

  html body[data-page][data-page] .mobile-route-list {
    margin-inline: .42rem;
    padding-inline: .3rem;
  }

  html body[data-page][data-page] .mobile-route-list a > span {
    font-size: .96rem;
  }
}

/* Number badges and photo copy remain centred and cannot overlap their labels. */
html body[data-page]:not([data-page="home"]):not([data-page="student"]) main :where(
  .outcome-code,
  .program-card-grid article > span:first-child,
  .preparation-list article > span:first-child,
  .process-step > span:first-child
) {
  box-sizing: border-box;
  min-width: 3rem;
  min-height: 3rem;
  display: inline-grid;
  place-items: center;
  place-content: center;
  align-self: start;
  padding: .42rem;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

html body[data-page]:not([data-page="home"]):not([data-page="student"]) main :where(
  .program-card-grid article,
  .preparation-list article,
  .process-step
) {
  min-width: 0;
}

html body[data-page] main :where(
  .school-hero-visual,
  .preparation-visual,
  .program-detail-hero__media
) {
  position: relative;
}

html body[data-page] main :where(
  .visual-caption,
  .preparation-label,
  .program-detail-hero__caption
) {
  box-sizing: border-box;
  left: 50%;
  right: auto;
  width: min(calc(100% - clamp(1.5rem, 4vw, 3rem)), 36rem);
  max-width: 36rem;
  padding: clamp(.82rem, 1.4vw, 1.1rem) clamp(.9rem, 1.8vw, 1.25rem);
  overflow-wrap: anywhere;
  color: var(--v6-ink, #10273e);
  border: 1px solid rgba(255, 255, 255, .9);
  background: rgba(255, 255, 255, .96);
  text-align: center;
  text-shadow: none;
  transform: translateX(-50%);
}

html body[data-page] main :where(
  .visual-caption,
  .preparation-label,
  .program-detail-hero__caption
) :where(span, strong) {
  display: block;
  width: 100%;
  max-width: none;
  text-align: center;
}

@media (max-width: 700px) {
  html body[data-page] main :where(
    .visual-caption,
    .preparation-label,
    .program-detail-hero__caption
  ) {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    margin: 0;
    border-width: 1px 0 0;
    border-radius: 0;
    transform: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html body[data-page][data-page] .mobile-map {
    background: #00142f;
  }

  html body[data-page][data-page] .mobile-map-panel {
    background: #002657;
  }
}

@media (forced-colors: active) {
  html body[data-page][data-page] .mobile-map-panel,
  html body[data-page][data-page] .mobile-map-head,
  html body[data-page][data-page] .mobile-route-list {
    color: CanvasText;
    border-color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }
}

/* Premium route controls and Academy dropdown — release 2026-08-25. */
html body[data-page][data-page] > .wayfinder,
html body[data-page][data-page] > .wayfinder .route-map {
  overflow: visible;
}

html body[data-page][data-page] .route-dropdown {
  position: relative;
  min-width: 0;
}

html body[data-page][data-page] .route-dropdown > summary {
  list-style: none;
  cursor: pointer;
}

html body[data-page][data-page] .route-dropdown > summary::-webkit-details-marker {
  display: none;
}

html body[data-page][data-page] .route-dropdown__chevron {
  width: .42rem;
  height: .42rem;
  margin-left: .22rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-.12rem) rotate(45deg);
  transition: transform .2s ease;
}

html body[data-page][data-page] .route-dropdown[open] .route-dropdown__chevron {
  transform: translateY(.08rem) rotate(225deg);
}

html body[data-page][data-page] .route-dropdown__panel {
  position: absolute;
  z-index: 120;
  top: calc(100% + .68rem);
  left: 0;
  width: min(18.5rem, calc(100vw - 2rem));
  display: grid;
  gap: .25rem;
  margin: 0;
  padding: .7rem;
  list-style: none;
  border: 1px solid rgba(0, 38, 87, .14);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .985);
  box-shadow: 0 24px 55px rgba(0, 25, 60, .2), inset 0 1px #fff;
  transform-origin: top left;
  animation: academy-menu-reveal .2s ease-out both;
}

html body[data-page][data-page] .route-dropdown__panel a {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: .72rem .82rem;
  color: #123756;
  border-radius: .7rem;
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
}

html body[data-page][data-page] .route-dropdown__panel a:is(:hover, :focus-visible),
html body[data-page][data-page] .route-dropdown__panel a[aria-current="page"] {
  color: #002657;
  background: linear-gradient(90deg, #e8f6ff, #fff8e8);
}

html body[data-page][data-page] .route-dropdown__panel a:focus-visible {
  outline: 3px solid rgba(10, 114, 193, .32);
  outline-offset: 1px;
}

@keyframes academy-menu-reveal {
  from { opacity: 0; transform: perspective(36rem) translateY(-.35rem) rotateX(-7deg); }
  to { opacity: 1; transform: perspective(36rem) translateY(0) rotateX(0); }
}

@media (min-width: 981px) {
  html body[data-page][data-page] > .wayfinder .route-map > :is(.route-link, .route-dropdown) {
    transform: translateY(.28rem);
  }

  html body[data-page][data-page] > .wayfinder .route-map > .route-link,
  html body[data-page][data-page] > .wayfinder .route-dropdown > summary {
    min-height: 3.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .7rem clamp(.38rem, .7vw, .78rem);
    color: #173b59;
    border: 1px solid rgba(0, 38, 87, .11);
    border-radius: .78rem;
    background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(238,247,252,.96));
    box-shadow: 0 .34rem .72rem rgba(0, 34, 74, .13), inset 0 1px #fff;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
  }

  html body[data-page][data-page] > .wayfinder .route-dropdown > summary {
    gap: .32rem;
  }

  html body[data-page][data-page] > .wayfinder .route-map > .route-link:is(:hover, :focus-visible),
  html body[data-page][data-page] > .wayfinder .route-dropdown > summary:is(:hover, :focus-visible),
  html body[data-page][data-page] > .wayfinder .route-dropdown[open] > summary {
    color: #002657;
    background: linear-gradient(180deg, #fff, #e5f4fd);
    box-shadow: 0 .46rem .9rem rgba(0, 43, 90, .17), inset 0 1px #fff;
    transform: translateY(-.08rem);
  }

  html body[data-page][data-page] > .wayfinder .route-map > .route-link strong,
  html body[data-page][data-page] > .wayfinder .route-dropdown > summary strong {
    font-size: clamp(.84rem, .78vw, .99rem);
    font-weight: 730;
    line-height: 1.15;
    white-space: nowrap;
  }

  html body[data-page][data-page] > .wayfinder.is-compact .route-map > :is(.route-link, .route-dropdown) {
    transform: translateY(.16rem);
  }
}

@media (min-width: 981px) and (max-width: 1120px) {
  html body[data-page][data-page] > .wayfinder .route-map > .route-link,
  html body[data-page][data-page] > .wayfinder .route-dropdown > summary {
    padding-inline: .26rem;
  }

  html body[data-page][data-page] > .wayfinder .route-map > .route-link strong,
  html body[data-page][data-page] > .wayfinder .route-dropdown > summary strong {
    font-size: .84rem;
  }
}

@media (max-width: 980px) {
  html body[data-page][data-page] .mobile-route-group {
    min-width: 0;
    border-bottom: 1px solid rgba(0, 38, 87, .09);
  }

  html body[data-page][data-page] .mobile-route-group > summary {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .68rem .62rem;
    color: #183a57;
    list-style: none;
    cursor: pointer;
  }

  html body[data-page][data-page] .mobile-route-group > summary::-webkit-details-marker {
    display: none;
  }

  html body[data-page][data-page] .mobile-route-group > summary > span:first-child {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--v6-display, "Bricolage Grotesque", "Segoe UI", sans-serif);
    font-size: 1.06rem;
    font-weight: 720;
    line-height: 1.22;
    text-align: left;
    white-space: normal;
    writing-mode: horizontal-tb !important;
  }

  html body[data-page][data-page] .mobile-route-group > summary::after {
    content: "+";
    width: 1.25rem;
    display: grid;
    place-items: center;
    color: #8a6827;
    font-size: 1.25rem;
    line-height: 1;
  }

  html body[data-page][data-page] .mobile-route-group[open] > summary::after {
    content: "−";
  }

  html body[data-page][data-page] .mobile-route-group > summary:is(:hover, :focus-visible),
  html body[data-page][data-page] .mobile-route-group.is-active > summary {
    color: #002657;
    background: linear-gradient(90deg, rgba(218,241,255,.98), rgba(255,247,228,.72));
  }

  html body[data-page][data-page] .mobile-route-submenu {
    display: grid;
    gap: .18rem;
    margin: 0 .45rem .65rem;
    padding: .42rem;
    list-style: none;
    border: 1px solid rgba(0, 38, 87, .1);
    border-radius: .85rem;
    background: #f4f9fc;
  }

  html body[data-page][data-page] .mobile-route-submenu a,
  html body[data-page][data-page] .mobile-route-list .mobile-route-submenu a:not(.mobile-join) {
    min-height: 46px;
    padding: .62rem .72rem;
    border: 0;
    border-radius: .62rem;
    font-size: .98rem;
    font-weight: 670;
  }

  html body[data-page][data-page] .mobile-route-submenu a[aria-current="page"] {
    background: #e2f2fc;
    box-shadow: inset 3px 0 #d4a74a;
  }
}

@media (max-width: 380px) {
  html body[data-page][data-page] .mobile-route-group > summary > span:first-child {
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-page][data-page] .route-dropdown__panel {
    animation: none;
  }

  html body[data-page][data-page] .route-dropdown__chevron,
  html body[data-page][data-page] > .wayfinder .route-map > :is(.route-link, .route-dropdown) {
    transition: none;
  }
}

@media (forced-colors: active) {
  html body[data-page][data-page] .route-dropdown__panel,
  html body[data-page][data-page] .mobile-route-group,
  html body[data-page][data-page] .mobile-route-submenu {
    color: CanvasText;
    border: 1px solid CanvasText;
    background: Canvas;
    box-shadow: none;
  }
}