/* Du Học Nghề Úc – theme 2.0
   Direction: institutional and trade-like. Workwear navy + Australian gold, condensed signage type,
   real photography carried by the full-screen hero. Sections abut without gaps; no scroll-reveal hiding. */

:root{
	--navy:#0E2A47;--navy-2:#0A1F36;--navy-3:#1C4066;
	--gold:#F5B700;--gold-2:#FFCB2E;
	--paper:#FFFFFF;--mist:#EEF2F6;--line:#D6DEE7;--line-2:#BFCBD8;
	--ink:#14212E;--mute:#52627A;--on-navy:#C9D6E3;
	--euc:#2E7D5B;
	--display:"Barlow Condensed","Be Vietnam Pro",system-ui,sans-serif;
	--body:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--sp:clamp(64px,8vw,104px);
	--wrap:1240px;
	--hd:76px;
	--ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 8px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:var(--navy);text-underline-offset:3px}
a:hover{color:var(--navy-3)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
h1,h2,h3,h4{margin:0;color:inherit}
p{margin:0 0 1em}
[hidden]{display:none!important}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:var(--navy);padding:10px 16px;font-weight:700}
.skip:focus{top:12px}
.wrap{width:min(100% - 48px,var(--wrap));margin-inline:auto}
.ic{flex:none}

/* ---------- Buttons & links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:4px;border:2px solid transparent;font:600 1rem/1.2 var(--body);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn--lg{min-height:56px;padding:14px 28px;font-size:1.05rem}
.btn--sm{min-height:40px;padding:8px 16px;font-size:.92rem}
.btn--block{display:flex;width:100%}
.btn--gold{background:var(--gold);color:var(--navy)}
.btn--gold:hover{background:var(--gold-2);color:var(--navy)}
.btn--navy{background:var(--navy);color:#fff}
.btn--navy:hover{background:var(--navy-3);color:#fff}
.btn--ghost{border-color:rgba(255,255,255,.7);color:#fff}
.btn--ghost:hover{background:#fff;color:var(--navy)}
.btn--line{border-color:var(--navy);color:var(--navy)}
.btn--line:hover{background:var(--navy);color:#fff}
.link-more{font-weight:600;color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px}
.link-more:hover{color:var(--navy-3)}

/* ---------- Header ---------- */
.hd{position:fixed;inset:0 0 auto;z-index:50;height:var(--hd);background:var(--paper);border-bottom:1px solid var(--line);transition:background .25s,border-color .25s,transform .3s var(--ease)}
.hd__in{height:100%;display:flex;align-items:center;gap:28px}
.main{padding-top:var(--hd)}
.main--over{padding-top:0}
.hd--over:not(.is-solid){background:linear-gradient(180deg,rgba(10,31,54,.7),rgba(10,31,54,0));border-color:transparent;color:#fff}
.hd.is-hidden{transform:translateY(-100%)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);flex:none}
.brand__mark{color:var(--navy)}
.hd--over:not(.is-solid) .brand,.hd--over:not(.is-solid) .brand__mark{color:#fff}
.hd--over:not(.is-solid) .brand__mark rect{fill:#fff}
.hd--over:not(.is-solid) .brand__mark path{stroke:var(--navy)}
.brand__txt{display:flex;flex-direction:column;line-height:1.1}
.brand__txt b{font:700 1.35rem/1 var(--display);letter-spacing:.01em}
.brand__txt small{font-size:.74rem;opacity:.75;margin-top:3px}
.brand__img{max-height:46px;width:auto}
.brand--light{color:#fff}
.brand--light .brand__mark{color:var(--gold)}
.nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.nav__list{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav__list a{display:block;padding:8px 9px;font-weight:500;font-size:.93rem;white-space:nowrap;text-decoration:none;color:inherit;border-bottom:2px solid transparent}
.nav__list a:hover{border-color:var(--gold)}
.nav__extra{display:flex;align-items:center;gap:16px}
.nav__tel{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none;color:inherit;white-space:nowrap}
.nav__portal{font-size:.9rem;color:inherit;text-decoration:none;white-space:nowrap;opacity:.85}
.nav__portal:hover{text-decoration:underline;opacity:1;color:inherit}
.hd .nav a{color:inherit}
.hd .btn--gold{color:var(--navy);white-space:nowrap}
.burger{display:none;margin-left:auto;width:44px;height:44px;border:0;background:none;color:inherit;cursor:pointer;position:relative}
.burger span:not(.screen-reader-text){position:absolute;left:11px;right:11px;height:2px;background:currentColor;transition:transform .25s}
.burger span:nth-child(1){top:17px}.burger span:nth-child(2){top:25px}
.nav-open .burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.nav-open .burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}

/* ---------- Hero (full screen) ---------- */
.hero{position:relative;min-height:max(640px,100svh);display:flex;flex-direction:column;color:#fff;background:var(--navy-2);overflow:hidden;isolation:isolate}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity .7s var(--ease)}
.hero__slide.is-on{opacity:1}
.hero__slide img,.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}
.hero--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,31,54,.9) 0%,rgba(10,31,54,.72) 38%,rgba(10,31,54,.18) 72%,rgba(10,31,54,.05) 100%),linear-gradient(0deg,rgba(10,31,54,.85) 0%,rgba(10,31,54,0) 34%)}
.hero--plain{background:radial-gradient(120% 90% at 85% 35%,#1A426B 0%,var(--navy) 45%,var(--navy-2) 100%)}
.hero__glyph{position:absolute;right:4vw;top:50%;transform:translateY(-58%);color:#fff;opacity:.07}
.hero__glyph svg{width:min(44vw,600px);height:auto;stroke-width:.4}
.hero__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--hd) + 48px) 0 56px}
.hero__title{max-width:13ch;font:700 clamp(3.1rem,6.4vw,5.9rem)/1.08 var(--display);letter-spacing:-.005em;text-wrap:balance}
.hero__text{max-width:36rem;margin:28px 0 0;font-size:clamp(1.02rem,1.3vw,1.18rem);line-height:1.6;color:#E3EAF2}
.hero__btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.hero__dock{background:rgba(10,31,54,.86);border-top:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.dock__tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.12)}
.dock__tabs::-webkit-scrollbar{display:none}
.dock__tab{flex:none;display:inline-flex;align-items:center;gap:8px;padding:16px 16px 14px;background:none;border:0;border-bottom:3px solid transparent;color:var(--on-navy);font:600 .95rem var(--body);cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}
.dock__tab:hover{color:#fff}
.dock__tab[aria-selected="true"]{color:#fff;border-color:var(--gold)}
.dock__tab[aria-selected="true"] .ic{color:var(--gold)}
.dock__panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 22px}
.dock__facts{display:flex;flex-wrap:wrap;gap:12px 44px;margin:0;flex:1}
.dock__facts div{display:flex;flex-direction:column}
.dock__facts dt{font-size:.78rem;color:var(--on-navy)}
.dock__facts dd{margin:2px 0 0;font-weight:600;color:#fff}
.dock__more{flex:none;color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.dock__more:hover{color:var(--gold-2)}

/* ---------- Trust strip ---------- */
.trust{background:var(--paper);border-bottom:1px solid var(--line)}
.trust__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.trust__list li{display:flex;flex-direction:column;gap:4px;padding:30px 28px 30px 0}
.trust__list li+li{padding-left:28px;border-left:1px solid var(--line)}
.trust__list b{font:700 1.75rem/1.05 var(--display);color:var(--navy)}
.trust__list span{font-size:.9rem;color:var(--mute);line-height:1.45}
.trust__licence{display:flex;align-items:center;gap:8px;margin:0;padding:12px 0 16px;border-top:1px solid var(--line);font-size:.85rem;color:var(--mute)}

/* ---------- Sections ---------- */
.s{padding:var(--sp) 0}
.s--tight{padding:48px 0 var(--sp)}
.s--light{background:var(--paper)}
.s--mist{background:var(--mist)}
.s--navy{background:var(--navy);color:#fff}
.s--light+.s--light{padding-top:0}
.s--light+.s--light>.wrap{border-top:1px solid var(--line);padding-top:var(--sp)}
.s--mist+.s--mist{padding-top:0}
.s--navy+.s--navy{border-top:1px solid rgba(255,255,255,.1)}
.sh{max-width:46rem;margin-bottom:40px}
.sh__t{font:700 clamp(2.2rem,3.8vw,3.3rem)/1.1 var(--display);color:var(--navy);text-wrap:balance}
.sh__p{margin:16px 0 0;font-size:1.06rem;color:var(--mute)}
.sh--light .sh__t{color:#fff}
.sh--light .sh__p{color:var(--on-navy)}
.sh-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.sh-row .sh{margin-bottom:0}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ticks li{position:relative;padding-left:32px}
.ticks li::before{content:"";position:absolute;left:0;top:.28em;width:20px;height:20px;border-radius:50%;background:var(--euc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/13px no-repeat}
.ticks--light li{color:#E3EAF2}
.ticks--light li::before{background-color:var(--gold);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2A47' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E")}

/* Courses */
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ccard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.ccard:hover{border-color:var(--line-2);box-shadow:0 18px 40px -28px rgba(14,42,71,.45)}
.ccard__img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--navy)}
.ccard__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.ccard:hover .ccard__img img{transform:scale(1.04)}
.ccard__img--none{display:grid;place-items:center;aspect-ratio:16/7;color:var(--navy);background:var(--mist);border-bottom:1px solid var(--line)}
.ccard__img--none svg{width:64px;height:64px;stroke-width:1.3}
.ccard__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:6px}
.ccard__code{margin:0;font-size:.8rem;color:var(--mute)}
.ccard__title{font:700 1.7rem/1.12 var(--display)}
.ccard__title a{color:var(--navy);text-decoration:none}
.ccard__title a::after{content:"";position:absolute;inset:0}
.ccard{position:relative}
.ccard__title a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.ccard__facts{margin:12px 0 0;display:flex;flex-direction:column;gap:8px}
.ccard__facts div{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:.92rem;padding-top:8px;border-top:1px solid var(--line)}
.ccard__facts dt{color:var(--mute)}
.ccard__facts dd{margin:0;font-weight:500}

/* Costs */
.costs{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
.costs__table{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 28px 22px}
.costs table{width:100%;border-collapse:collapse}
.costs caption{text-align:left;padding:18px 0 10px;font-size:.85rem;color:var(--mute);caption-side:top}
.costs th,.costs td{padding:16px 0;border-top:1px solid var(--line);vertical-align:top;text-align:left}
.costs th{font-weight:600;padding-right:16px}
.costs th small{display:block;font-weight:400;font-size:.84rem;color:var(--mute);margin-top:2px}
.costs td{font:700 1.45rem/1.15 var(--display);color:var(--navy);text-align:right;white-space:nowrap}
.costs__src{margin:12px 0 0;font-size:.8rem;color:var(--mute)}
.costs__req{background:var(--navy);color:#fff;border-radius:10px;padding:30px 30px 32px}
.costs__req h3{font:700 1.8rem/1.05 var(--display);margin-bottom:20px}
.costs__req .ticks li{color:#E3EAF2}
.costs__req .ticks li::before{background-color:var(--gold);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2A47' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E")}
.costs__work{display:flex;gap:10px;margin:22px 0 24px;padding:14px 16px;border-radius:6px;background:rgba(255,255,255,.08);font-size:.92rem;color:#fff}
.costs__work .ic{color:var(--gold);margin-top:2px}
.costs__req .btn{background:var(--gold);color:var(--navy)}
.costs__req .btn:hover{background:var(--gold-2);color:var(--navy)}

/* Journey */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.16)}
.step{position:relative;padding:28px 28px 34px 0}
.step:nth-child(3n+2),.step:nth-child(3n){padding-left:28px;border-left:1px solid rgba(255,255,255,.16)}
.step:nth-child(n+4){border-top:1px solid rgba(255,255,255,.16)}
.step__n{display:block;font:700 3.4rem/1 var(--display);color:var(--gold);margin-bottom:12px}
.step h3{font:700 1.6rem/1.1 var(--display);margin-bottom:8px}
.step p{margin:0;color:var(--on-navy);font-size:.97rem}

/* Split blocks */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:center}
.split--rev{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
.split__txt .sh{margin-bottom:28px}
.split__btns{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:32px 0 0}
.split__media{margin:0}
.split__media img{width:100%;border-radius:10px}
.shot img{border:1px solid var(--line);box-shadow:0 30px 60px -36px rgba(14,42,71,.55)}
.shot figcaption{margin-top:12px;font-size:.85rem;color:var(--mute)}
.arrive{background:var(--navy-2);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:28px}
.arrive__h{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:700 1.5rem var(--display);color:var(--gold)}
.arrive ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.arrive li{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}
.arrive b{font-weight:600}
.arrive span{color:var(--on-navy);font-size:.95rem}

/* Schools */
.schools{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.schools li{display:flex;flex-direction:column;gap:4px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.schools b{font:700 1.3rem/1.15 var(--display);color:var(--navy)}
.schools b a{color:inherit;text-decoration:none}
.schools b a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.schools span{font-size:.9rem;color:var(--mute)}
.schools small{font-size:.78rem;color:var(--mute)}

/* Stories */
.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.story{margin:0;background:var(--paper);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.story__img{aspect-ratio:4/3;overflow:hidden}
.story__img img{width:100%;height:100%;object-fit:cover}
.story blockquote{margin:0;padding:24px 24px 0;font-size:1.02rem}
.story figcaption{padding:12px 24px 24px;display:flex;flex-direction:column}
.story figcaption span{font-size:.88rem;color:var(--mute)}

/* Team */
.team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.member{display:flex;flex-direction:column;gap:2px}
.member__img{aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--mist);margin-bottom:14px;display:grid;place-items:center}
.member__img img{width:100%;height:100%;object-fit:cover}
.member__img span{font:700 4rem var(--display);color:var(--navy-3)}
.member b{font:700 1.4rem/1.1 var(--display);color:var(--navy)}
.member span{color:var(--mute);font-size:.92rem}
.member small{font-size:.82rem;color:var(--euc);font-weight:600}

/* News */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.pcard{position:relative}
.pcard--text{border-top:3px solid var(--gold);padding-top:16px}
.pcard__img{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:10px;margin-bottom:14px;background:var(--mist)}
.pcard__img img{width:100%;height:100%;object-fit:cover}
.pcard__date{margin:0 0 4px;font-size:.84rem;color:var(--mute)}
.pcard__title{font:700 1.45rem/1.12 var(--display)}
.pcard__title a{color:var(--navy);text-decoration:none}
.pcard__title a:hover{text-decoration:underline;text-decoration-color:var(--gold)}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:start}
.faq__list{border-top:1px solid var(--line-2)}
.qa{border-bottom:1px solid var(--line-2)}
.qa summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-weight:600;font-size:1.05rem;cursor:pointer;color:var(--navy)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";flex:none;width:12px;height:12px;margin-top:6px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);transition:transform .2s}
.qa[open] summary::after{transform:rotate(-135deg);margin-top:10px}
.qa p{margin:0 0 22px;color:var(--ink);max-width:62ch}

/* Contact */
.contact{background:var(--navy-2)}
.contact__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.contact__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.contact__list li{display:flex;gap:14px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12)}
.contact__list .ic{color:var(--gold);margin-top:4px}
.contact__list span{display:flex;flex-direction:column;color:#E3EAF2}
.contact__list small{font-size:.8rem;color:var(--on-navy)}
.contact__list a{color:#fff;font-weight:600}
.contact__form{background:var(--paper);color:var(--ink);border-radius:10px;padding:32px}
.contact .la-leadform{--lf-a:var(--navy)}
.contact .la-leadform button{background:var(--gold);color:var(--navy);border-radius:4px}
.contact .la-leadform input,.contact .la-leadform select,.contact .la-leadform textarea{border-radius:6px}
.lead-fallback{margin:0}

/* ---------- Inner pages ---------- */
.phead{position:relative;background:var(--navy);color:#fff;padding:72px 0 64px;isolation:isolate;overflow:hidden}
.phead--photo{padding:140px 0 72px}
.phead__bg{position:absolute;inset:0;z-index:-1}
.phead__bg img{width:100%;height:100%;object-fit:cover}
.phead--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,31,54,.92),rgba(10,31,54,.35))}
.phead__title{font:700 clamp(2.6rem,5vw,4.2rem)/1.1 var(--display);max-width:18ch}
.phead__text{margin:16px 0 0;max-width:42rem;color:#E3EAF2;font-size:1.08rem}
.crumbs{margin:0 0 12px;font-size:.9rem}
.crumbs a{color:var(--gold)}
.wrap--text{width:min(100% - 48px,760px)}
.entry{font-size:1.05rem}
.entry h2{font:700 2rem/1.1 var(--display);color:var(--navy);margin:1.6em 0 .5em}
.entry h3{font-size:1.2rem;margin:1.4em 0 .4em}
.entry img{border-radius:8px}
.entry__img{margin:0 0 28px}
.cbody{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:56px;align-items:start}
.facts{position:sticky;top:calc(var(--hd) + 20px);border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:10px}
.facts dl{margin:0 0 10px}
.facts dl div{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid var(--line)}
.facts dt{font-size:.82rem;color:var(--mute)}
.facts dd{margin:0;font-weight:600}
.facts__note{margin:4px 0 0;font-size:.8rem;color:var(--mute)}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags span{padding:6px 12px;border-radius:4px;background:var(--mist);font-size:.92rem}
.nf{text-align:center}
.nf__in{max-width:560px}
.nf__code{font:700 6rem/1 var(--display);color:var(--gold);margin:0}
.nf h1{font:700 2.4rem var(--display);color:var(--navy);margin:8px 0 12px}
.nf__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pager{margin-top:40px}
.pager .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.pager .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:4px;text-decoration:none}
.pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Apply page */
.apply{background:var(--mist);padding:56px 0 var(--sp)}
.anchor{position:relative;top:calc(-1 * var(--hd))}
.apply__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start}
.apply__side{background:var(--navy);color:#fff;border-radius:10px;padding:36px;position:sticky;top:calc(var(--hd) + 20px)}
.apply__side h1{font:700 clamp(2.2rem,3.6vw,3rem)/1.1 var(--display)}
.apply__lead{margin:14px 0 24px;color:#E3EAF2}
.apply__steps{list-style:none;margin:0;padding:0;counter-reset:a}
.apply__steps li{display:flex;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.14)}
.apply__steps li>span{color:var(--gold)}
.apply__steps b{display:block}
.apply__steps small{color:var(--on-navy)}
.apply__help{margin:20px 0 0;color:var(--on-navy)}
.apply__help a{color:var(--gold);font-weight:700}
.apply__card{background:var(--paper);border-radius:10px;padding:32px;border:1px solid var(--line)}
.apply__login{margin:20px 0 0;font-size:.92rem;color:var(--mute)}

/* ---------- Footer ---------- */
.ft{background:var(--navy-2);color:var(--on-navy);padding:64px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.ft__grid{display:grid;grid-template-columns:1.3fr 1fr .8fr 1.1fr;gap:40px}
.ft__brand p{margin:16px 0 0;font-size:.92rem}
.ft__licence{font-size:.82rem!important;opacity:.85}
.ft__h{font:700 1.25rem var(--display);color:#fff;margin:4px 0 14px}
.ft__links,.ft__contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:.93rem}
.ft__contact li{display:flex;gap:10px}
.ft__contact .ic{color:var(--gold);margin-top:3px}
.ft a{color:#fff;text-decoration:none}
.ft a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.ft__disc{font-size:.84rem;line-height:1.55;margin:0 0 12px}
.social{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:8px}
.social a{display:grid;place-items:center;width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,.08)}
.social a:hover{background:var(--gold);color:var(--navy)}
.ft__base{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding:20px 0 24px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}
.ft__base p{margin:0}
.ft__legal p+p{margin-top:6px;font-size:.78rem;opacity:.72;line-height:1.55;max-width:72ch}
.lumio-credit a{color:var(--gold)!important}
.mbar{display:none}

/* ---------- Responsive ---------- */
@media (max-width:1360px){
	.nav__portal{display:none}
}
@media (max-width:1180px){
	.nav__tel span{display:none}
	.nav__list a{padding:8px 7px;font-size:.9rem}
}
@media (max-width:1024px){
	:root{--hd:68px}
	.burger{display:block}
	.nav{position:fixed;inset:var(--hd) 0 0;flex-direction:column;align-items:stretch;gap:0;background:var(--navy);color:#fff;padding:12px 24px 32px;overflow-y:auto;transform:translateX(100%);transition:transform .3s var(--ease);margin:0}
	.nav-open .nav{transform:none}
	.nav-open .hd{background:var(--navy);color:#fff;border-color:transparent}
	.nav-open .hd .brand,.nav-open .hd .brand__mark{color:#fff}
	.nav__list{flex-direction:column}
	.nav__list a{padding:16px 0;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.12)}
	.nav__extra{flex-direction:column;align-items:stretch;margin-top:20px}
	.nav__portal{display:block;padding:8px 0}
	.nav .btn{min-height:52px}
	.cgrid,.pgrid,.stories{grid-template-columns:repeat(2,minmax(0,1fr))}
	.schools,.team{grid-template-columns:repeat(2,minmax(0,1fr))}
	.trust__list{grid-template-columns:repeat(2,minmax(0,1fr))}
	.trust__list li:nth-child(3){padding-left:0;border-left:0}
	.trust__list li:nth-child(n+3){border-top:1px solid var(--line)}
	.costs,.split,.split--rev,.faq,.contact__grid,.cbody,.apply__grid{grid-template-columns:1fr}
	.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
	.step:nth-child(n){padding-left:0;border-left:0;padding-right:24px}
	.step:nth-child(2n){padding-left:24px;border-left:1px solid rgba(255,255,255,.16)}
	.step:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)}
	.ft__grid{grid-template-columns:1fr 1fr}
	.facts,.apply__side{position:static}
}
@media (max-width:640px){
	body{font-size:16px}
	.wrap{width:min(100% - 32px,var(--wrap))}
	.hero{min-height:max(600px,100svh)}
	.hero__body{padding:calc(var(--hd) + 32px) 0 32px;justify-content:flex-end}
	.hero__title{font-size:clamp(2.7rem,12vw,3.4rem)}
	.hero--photo::before{background:linear-gradient(0deg,rgba(10,31,54,.95) 0%,rgba(10,31,54,.75) 45%,rgba(10,31,54,.35) 100%)}
	.hero__glyph{right:-30vw;top:30%}
	.hero__glyph svg{width:110vw}
	.hero__btns .btn{flex:1 1 100%}
	.dock__panel{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 0 18px}
	.dock__facts{gap:10px 24px}
	.dock__facts div{min-width:40%}
	.cgrid,.pgrid,.stories,.schools{grid-template-columns:1fr}
	.team{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
	.trust__list li{padding:20px 14px 20px 0}
	.trust__list li+li{padding-left:14px}
	.trust__list b{font-size:1.4rem}
	.sh-row{flex-direction:column;align-items:flex-start}
	.steps{grid-template-columns:1fr}
	.step:nth-child(n){padding:24px 0;border-left:0}
	.step:nth-child(n+2){border-top:1px solid rgba(255,255,255,.16)}
	.costs__table{padding:4px 18px 18px}
	.costs th,.costs td{display:block;text-align:left;border:0;padding:0}
	.costs tr{display:block;padding:14px 0;border-top:1px solid var(--line)}
	.costs td{margin-top:6px;white-space:normal}
	.costs__req,.contact__form,.apply__card,.apply__side{padding:22px}
	.arrive li{grid-template-columns:1fr;gap:2px}
	.ccard__facts div{grid-template-columns:104px 1fr}
	.ft__grid{grid-template-columns:1fr}
	.ft__base{flex-direction:column;padding-bottom:84px}
	.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--navy-2);border-top:1px solid rgba(255,255,255,.12);padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}
	.mbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;color:#fff;text-decoration:none;font-size:.78rem}
	.mbar .mbar__cta{flex:1.6;flex-direction:row;background:var(--gold);color:var(--navy);border-radius:4px;font-weight:700;font-size:.95rem}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print{.hd,.mbar,.hero__dock,.contact__form{display:none}.hero{min-height:0;color:#000;background:none}}

/* v3 – programs: Visa 482 (main) · SA & RPL · Study (secondary) */
.s--white{background:#fff}
.progs{list-style:none;margin:0;padding:0;display:grid;gap:18px}
@media(min-width:980px){.progs{grid-template-columns:1.25fr 1fr 1fr;align-items:stretch}}
.prog{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 24px 24px;border:1px solid var(--line);border-radius:10px;background:var(--mist)}
.prog--482{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 30px 60px -36px rgba(14,42,71,.8)}
.prog__tag{margin:0;align-self:flex-start;padding:4px 10px;border-radius:4px;background:#fff;color:var(--navy);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.prog--482 .prog__tag{background:var(--gold)}
.prog--study .prog__tag{background:transparent;border:1px solid var(--line);color:var(--mute)}
.prog__name{display:flex;align-items:center;gap:12px;margin:0;font:700 clamp(1.5rem,2.4vw,1.95rem)/1.12 var(--display)}
.prog--482 .prog__name{color:#fff}.prog--482 .prog__name .ic{color:var(--gold)}
.prog__name .ic{flex:none;color:var(--navy-3)}
.prog__dl{margin:0;display:grid;gap:4px;flex:1}
.prog__dl dt{margin-top:8px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.prog--482 .prog__dl dt{color:#9FB4CC}
.prog__dl dd{margin:0;font-size:.95rem;line-height:1.55}
.prog__dl .ticks{margin:2px 0 0}
.prog--482 .ticks li::before{background-color:var(--gold);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E2A47' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E")}
.prog .ticks{gap:8px}
.prog--482 .btn--gold{margin-top:4px}
.prog--study{opacity:.92}
.ccard__go{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:600;color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:4px}
.ccard__facts div{grid-template-columns:110px 1fr}
