.professional-page{background:#faf9f5;color:#17374c;font-family:'DM Sans',Arial,sans-serif}.pro-wrap{width:min(1150px,calc(100% - 60px));margin:auto}.pro-section{padding:64px 0}.pro-heading{display:grid;grid-template-columns:1.1fr .8fr;gap:32px;align-items:end;margin-bottom:25px}.pro-eyebrow{font-size:11px;letter-spacing:.16em;color:#b78042;font-weight:700}.professional-page h1,.professional-page h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.13;letter-spacing:-.025em;margin:12px 0 20px}.professional-page h1{font-size:clamp(36px,4.5vw,64px)}.professional-page h2{font-size:clamp(30px,3.3vw,46px)}.professional-page em{color:#b78042;font-weight:400}.professional-page p{font-size:15px;line-height:1.75;color:#61747a}.pro-btn{display:inline-block;padding:13px 23px;background:#b78042;color:#fff!important;border-radius:30px;text-decoration:none;font-size:13px;font-weight:700;margin-right:20px}.pro-inline{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;font-size:13px}.pro-hero{background:linear-gradient(90deg,#122f45,rgba(18,47,69,.85) 58%,rgba(18,47,69,.25)),url('../assets/images/online-courses/online-courses-card-professional-english.webp') center/cover,#122f45;color:#fff;min-height:450px;display:flex;align-items:center}.pro-hero .pro-wrap{padding:45px 0}.pro-hero p{color:#e6e4dc}.pro-hero .pro-inline{color:#fff}.pro-hero .pro-eyebrow{margin-top:35px}.pro-white{background:#fff}.pro-dark{background:#15344a;color:#fff}.pro-dark p{color:#e0e5e5}.pro-finder{max-width:840px;display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}.pro-finder label{grid-column:span 2;font-size:12px;font-weight:700}.pro-finder input,.pro-finder select{border:1px solid #cbd4d3;border-radius:10px;background:#faf9f5;padding:13px 16px;min-width:0;font:inherit}.pro-result{grid-column:span 2;border-left:2px solid #b78042;background:#f1f3ef;padding:18px;font-size:14px}.pro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pro-card{background:#fff;border:1px solid #dbe0dd;border-radius:10px;padding:18px;min-height:138px}.pro-card summary{cursor:pointer;list-style:none;display:flex;flex-direction:column;gap:12px}.pro-card summary::-webkit-details-marker{display:none}.pro-card small{color:#b78042}.pro-card strong{font:400 19px/1.25 'Playfair Display',Georgia,serif}.pro-card summary span{align-self:flex-end;color:#b78042}.pro-card p{font-size:13px}.pro-educators{display:grid;gap:7px;font-size:12px}.pro-educators a{color:#236c6b}.pro-tabs{display:flex;gap:9px;flex-wrap:wrap}.pro-tabs button{border:1px solid #bfcac9;border-radius:25px;padding:10px 15px;background:#fff;color:#183b4e;cursor:pointer}.pro-tabs button.active{background:#173b4f;color:white}.pro-skill-copy{border-left:2px solid #b78042;padding:8px 18px}.pro-method{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pro-method details{padding:16px;border-bottom:1px solid #d3d9d5}.pro-method summary{cursor:pointer;font-weight:600}.pro-method summary span{float:right}.pro-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pro-strip>*{background:#f3f2ed;border-top:2px solid #b78042;padding:25px 12px;text-align:center;font-size:12px}.pro-note{font-size:12px!important}.pro-contact{background:#e8ede9}@media(max-width:850px){.pro-heading{grid-template-columns:1fr;gap:8px}.pro-grid{grid-template-columns:repeat(2,1fr)}.pro-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.pro-wrap{width:calc(100% - 36px)}.pro-section{padding:45px 0}.pro-finder,.pro-grid,.pro-method,.pro-strip{grid-template-columns:1fr}.pro-finder label,.pro-result{grid-column:span 1}.pro-hero{min-height:430px}.pro-btn{margin-bottom:12px}}
/* v572 — Seamless full-bleed professional hero. Cover fills the hero without hard edges;
   focal position favours faces. Cover may crop vertically on some screens. */
.professional-page .pro-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:#122f45;min-height:450px;
}
.professional-page .pro-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:url('../assets/images/online-courses/professional-english/professional-english-hero.webp');
  background-size:cover;background-repeat:no-repeat;background-position:center 28%;
}
.professional-page .pro-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#122f45 0%,rgba(18,47,69,.97) 25%,rgba(18,47,69,.76) 43%,rgba(18,47,69,.22) 67%,rgba(18,47,69,.05) 100%);
}
.professional-page .pro-hero .pro-wrap{position:relative;z-index:1}
@media(max-width:650px){
  .professional-page .pro-hero{min-height:460px}
  .professional-page .pro-hero::before{background-position:72% 25%;background-size:cover;opacity:.8}
  .professional-page .pro-hero::after{background:linear-gradient(0deg,#122f45 4%,rgba(18,47,69,.95) 42%,rgba(18,47,69,.30) 100%)}
}

/* v573 — approved compact finder, scoped only to Section 02. */
.professional-page .pro-finder-section{padding:30px 0 34px;background:#fff}
.professional-page .pro-finder-section h2{font-size:clamp(24px,2.4vw,33px);line-height:1.2;margin:0 0 3px;color:#17374c}
.professional-page .pro-finder-tagline{font-size:13px;line-height:1.4;margin:0 0 17px;color:#66797d}
.professional-page .pro-finder-section .pro-finder{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:end}
.professional-page .pro-finder-field{min-width:0;display:flex;flex-direction:column;gap:7px}
.professional-page .pro-finder-field label{font-size:12px;letter-spacing:.01em;font-weight:700;color:#17374c}
.professional-page .pro-finder-field input,.professional-page .pro-finder-field select{width:100%;height:48px;box-sizing:border-box;border-radius:12px;background:#faf9f5;color:#17374c;border:1px solid #cbd4d3;padding:0 16px;font:inherit;font-size:14px}
.professional-page .pro-finder-field input:focus-visible,.professional-page .pro-finder-field select:focus-visible{outline:2px solid #b78042;outline-offset:2px}
.professional-page .pro-finder-section .pro-result{margin-top:14px;border:0;border-top:1px solid #e2e6e3;background:#f7f8f5;padding:14px 18px;font-size:14px;line-height:1.6;border-radius:0 0 10px 10px}
.professional-page .pro-finder-section .pro-result[hidden]{display:none!important}
.professional-page .pro-finder-result-label{display:block;color:#a36e35;font-size:10px;letter-spacing:.13em;font-weight:700;margin-bottom:4px;text-transform:uppercase}
.professional-page .pro-finder-result-link{display:inline-block;margin-top:7px;color:#176b6a;text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:13px}
@media(max-width:650px){.professional-page .pro-finder-section{padding:27px 0 30px}.professional-page .pro-finder-section .pro-finder{grid-template-columns:1fr;gap:12px}.professional-page .pro-finder-tagline{margin-bottom:15px}}

/* v574 — searchable, categorised professions; compact result */
.pro-profession-combo{position:relative}.pro-profession-options{position:absolute;top:100%;left:0;right:0;z-index:40;max-height:255px;overflow-y:auto;background:#fff;border:1px solid #cbd4d3;border-radius:10px;box-shadow:0 12px 30px #122f4522;margin-top:4px;padding:5px 0}.pro-profession-options[hidden]{display:none!important}.pro-profession-group{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9a6a37;background:#f8f7f3;padding:9px 13px 5px}.pro-profession-option{padding:8px 14px;cursor:pointer;font-size:13px;color:#17374c}.pro-profession-option:hover,.pro-profession-option.is-active{background:#eaf1ed}.pro-profession-custom{font-size:12px;padding:12px 14px;color:#61747a}.pro-finder-result-title{display:block;font:400 20px/1.3 'Playfair Display',Georgia,serif;color:#17374c;margin-bottom:6px}.pro-finder-section .pro-result>span:not(.pro-finder-result-label){display:inline}
/* v575 — finder result hierarchy: confirmation, course focus, invitation */
.professional-page .pro-finder-section .pro-result{padding:19px 22px 20px;line-height:1.55}
.professional-page .pro-finder-result-label{margin-bottom:10px}
.professional-page .pro-finder-result-title{font-size:clamp(19px,2vw,23px);line-height:1.3;margin:0 0 3px}
.professional-page .pro-finder-result-sector{display:block;color:#65777a;font-size:13px;line-height:1.5}
.professional-page .pro-finder-result-description{max-width:860px;margin:13px 0 0;font-size:14px;line-height:1.65;color:#17374c}
.professional-page .pro-finder-result-action{margin-top:15px;padding-top:12px;border-top:1px solid #e0e5df}
.professional-page .pro-finder-result-link{margin-top:0}
.professional-page .pro-result-appear{animation:proResultFade .22s ease-out both}
@keyframes proResultFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.professional-page .pro-result-appear{animation:none}}
@media(max-width:650px){.professional-page .pro-finder-section .pro-result{padding:17px 16px 19px}}

/* v576: eight equal photographic cards; imagery already bound to permanent WebP paths */
.pro-professions-section{background:#faf9f5}
.pro-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.pro-gallery-card{appearance:none;border:1px solid #d8dedb;border-radius:11px;overflow:hidden;background:#fff;text-align:left;padding:0;cursor:pointer;color:#17374c;display:flex;flex-direction:column;min-width:0;box-shadow:0 0 0 0 transparent;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.pro-gallery-photo{display:block;width:100%;height:183px;background-image:var(--pro-card-image);background-position:center;background-size:cover;background-color:#e2e8e5;position:relative;overflow:hidden;transition:filter .35s ease,background-size .35s ease}
.pro-gallery-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(18,47,69,.12));opacity:.55;transition:opacity .3s ease}
.pro-gallery-caption{min-height:83px;display:grid;grid-template-columns:1fr 23px;grid-template-rows:17px auto;gap:5px 8px;padding:13px 16px 15px;align-content:center}
.pro-gallery-number{grid-column:1;grid-row:1;font-size:11px;color:#b78042;letter-spacing:.09em}
.pro-gallery-caption strong{grid-column:1;grid-row:2;font:400 17px/1.25 'Playfair Display',Georgia,serif;align-self:center}
.pro-gallery-plus{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;color:#b78042;font:400 23px/1 Arial,sans-serif;transition:transform .3s ease}
.pro-gallery-card:hover,.pro-gallery-card:focus-visible{border-color:#b78042;box-shadow:0 7px 24px rgba(24,52,70,.09);transform:translateY(-3px)}
.pro-gallery-card:hover .pro-gallery-photo,.pro-gallery-card:focus-visible .pro-gallery-photo{filter:saturate(1.07) contrast(1.03)}
.pro-gallery-card:hover .pro-gallery-plus{transform:rotate(90deg)}
.pro-gallery-card[aria-expanded=true]{border-color:#b78042;box-shadow:0 0 0 2px rgba(183,128,66,.16)}
.pro-gallery-card[aria-expanded=true] .pro-gallery-plus{transform:rotate(45deg)}
.pro-gallery-details:empty{display:none}
.pro-gallery-detail{margin-top:18px;border-top:2px solid #b78042;background:#fff;padding:25px 28px;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:30px;animation:proGalleryIn .24s ease both}
.pro-gallery-detail[hidden]{display:none!important}
.pro-gallery-detail h3{font:400 clamp(23px,2.4vw,30px)/1.2 'Playfair Display',Georgia,serif;margin:9px 0 12px;color:#17374c}
.pro-gallery-detail p{margin:0;max-width:770px;line-height:1.7}
.pro-gallery-detail p a{color:#16716e}
.pro-gallery-detail-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:17px}
.pro-gallery-detail-action a{color:#16716e;text-decoration:none;border-bottom:1px solid #16716e;font-size:13px;font-weight:700}
.pro-gallery-close{background:transparent;border:0;padding:3px 0;color:#65777a;cursor:pointer;font:inherit;font-size:12px}
@keyframes proGalleryIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.pro-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-gallery-photo{height:210px}}
@media(max-width:550px){.pro-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pro-gallery-photo{height:130px}.pro-gallery-caption{padding:11px;min-height:92px}.pro-gallery-caption strong{font-size:14px}.pro-gallery-detail{grid-template-columns:1fr;padding:20px;gap:16px}.pro-gallery-detail-action{gap:10px}}
@media(max-width:350px){.pro-gallery{grid-template-columns:1fr}.pro-gallery-photo{height:185px}}
@media(prefers-reduced-motion:reduce){.pro-gallery-card,.pro-gallery-photo,.pro-gallery-plus{transition:none!important}.pro-gallery-detail{animation:none!important}}

/* v577 — Professional gallery: compact one-line heading and readable category labels. */
.professional-page .pro-professions-section{padding-top:44px}
.pro-professions-section .pro-gallery-heading{grid-template-columns:minmax(0,1.25fr) minmax(290px,.8fr);align-items:center;gap:26px;margin-bottom:21px}
.pro-professions-section .pro-gallery-heading h2{margin:0;font-size:clamp(29px,2.7vw,41px);line-height:1.17}
.pro-professions-section .pro-gallery-heading p{margin:0;line-height:1.48;font-size:14px;justify-self:end;max-width:380px}
.pro-gallery-caption strong{font-family:'DM Sans',Arial,sans-serif;font-size:15px;font-weight:650;line-height:1.32;letter-spacing:0;overflow-wrap:normal}
@media(max-width:850px){.pro-professions-section .pro-gallery-heading{grid-template-columns:1fr;gap:8px}.pro-professions-section .pro-gallery-heading p{justify-self:start;max-width:none}}
@media(max-width:550px){.professional-page .pro-professions-section{padding-top:36px}.pro-gallery-caption strong{font-size:13px;line-height:1.3}}

/* v578 — Gallery finishing touches; other sections untouched. */
.pro-professions-section .pro-gallery-caption strong{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:16px;line-height:1.4;letter-spacing:0}
.pro-professions-section .pro-gallery-plus{font-family:Arial,sans-serif;font-size:19px;font-weight:300;line-height:1}
.pro-gallery-enquiry{border-top:1px solid #d9deda;margin-top:22px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px 26px;color:#5a6c70;font-size:13px;line-height:1.55}
.pro-gallery-enquiry p{margin:0}
.pro-gallery-enquiry strong{font-weight:600;color:#17374c}
.pro-gallery-enquiry a{color:#16716e;font-weight:600;text-decoration:none;border-bottom:1px solid #9bbab5;white-space:nowrap;padding-bottom:2px}
.pro-gallery-enquiry a:hover,.pro-gallery-enquiry a:focus-visible{color:#b78042;border-bottom-color:#b78042}
@media(max-width:550px){.pro-professions-section .pro-gallery-caption strong{font-size:14px;line-height:1.35}.pro-gallery-enquiry{flex-direction:column;align-items:flex-start;gap:8px}}

/* v579: retain approved gallery appearance while giving image/title a destination */
.pro-gallery-card{position:relative;cursor:default}.pro-gallery-main-link{display:flex;flex:1;flex-direction:column;text-decoration:none;color:inherit}.pro-gallery-main-link:focus-visible{outline:2px solid #b78042;outline-offset:-3px}.pro-gallery-expand{position:absolute;right:10px;bottom:29px;z-index:2;background:transparent;border:0;color:#b78042;font:300 19px/1 Arial,sans-serif;padding:8px;cursor:pointer;transition:transform .25s}.pro-gallery-expand:hover{transform:rotate(90deg)}.pro-gallery-expand[aria-expanded=true]{transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.pro-gallery-expand{transition:none}}

/* v580 — Job interview section: warm, compact, photographic; image filename reserved */
.pro-job-section{background:#f8f5ee;color:#18384a;border-top:1px solid #ece8df;border-bottom:1px solid #ece8df}.pro-job-layout{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);max-width:1920px;margin:0 auto;min-height:440px}.pro-job-visual{position:relative;min-height:440px;background:#e6e1d6 url('../assets/images/online-courses/professional-english/professional-job-interview.webp') center center/cover no-repeat;overflow:hidden}.pro-job-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 75%,#f8f5ee 100%);pointer-events:none}.pro-job-image-note{position:absolute;bottom:23px;left:26px;z-index:1;color:#fff;font:italic 19px/1.25 'Playfair Display',Georgia,serif;text-shadow:0 1px 8px #1a2837;background:rgba(20,41,51,.28);padding:7px 11px;border-radius:3px}.pro-job-content{padding:36px clamp(28px,5vw,76px) 32px 42px;max-width:900px}.pro-job-eyebrow{color:#a66f33;font-size:10px;letter-spacing:.15em;font-weight:700}.professional-page .pro-job-content h2{font-size:clamp(30px,2.7vw,43px);margin:8px 0 10px;line-height:1.15}.pro-job-content h2 span{display:block;color:#b78042;font-style:italic;font-size:.78em;margin-top:3px}.professional-page .pro-job-intro{color:#334e5c;font-size:14px;line-height:1.55;margin:0 0 20px;max-width:710px}.pro-job-pathways{display:grid;grid-template-columns:1fr 1fr;gap:15px 24px}.pro-job-pathways>div{border-bottom:1px solid #deded7;padding-bottom:10px;position:relative}.pro-job-pathways span{color:#b78042;font-size:10px;letter-spacing:.07em}.pro-job-pathways h3{font-size:14px;line-height:1.3;font-weight:600;margin:3px 0 4px;color:#17374c}.professional-page .pro-job-pathways p{font-size:12px;line-height:1.5;color:#546973;margin:0}.professional-page .pro-job-services{margin:18px 0 15px;font-size:11px;letter-spacing:.03em;line-height:1.6;color:#385361}.pro-job-services i{color:#b78042;font-style:normal;padding:0 3px}.pro-job-actions{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.pro-job-cta{display:flex;position:relative;flex-direction:column;justify-content:center;min-height:55px;padding:10px 38px 10px 16px;border-radius:23px;text-decoration:none;font-size:12px;font-weight:600;line-height:1.25;transition:background .2s,border-color .2s,transform .2s}.pro-job-cta small{font-size:11px;font-weight:400;margin-top:3px;opacity:.9}.pro-job-cta span{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.pro-job-cta-primary{background:#b78042;color:white!important;border:1px solid #b78042}.pro-job-cta-secondary{border:1px solid #9aadb3;color:#17374c!important;background:transparent}.pro-job-cta:hover{transform:translateY(-2px)}.pro-job-cta-primary:hover{background:#9e6a35}.pro-job-cta-secondary:hover{background:#fff}.pro-job-extra{display:inline-block;color:#236c6b;font-size:12px;text-underline-offset:4px;margin-top:13px}@media(max-width:1000px){.pro-job-layout{grid-template-columns:37% 63%}.pro-job-content{padding:28px 28px}.pro-job-visual{min-height:490px}.pro-job-actions{flex-direction:column}.pro-job-cta{max-width:400px}}@media(max-width:700px){.pro-job-layout{grid-template-columns:1fr}.pro-job-visual{min-height:220px;background-position:center 40%}.pro-job-visual:after{background:linear-gradient(0deg,#f8f5ee,transparent 28%)}.pro-job-image-note{font-size:15px}.pro-job-content{padding:23px 20px 32px}.pro-job-pathways{gap:13px}.pro-job-cta{max-width:none}}@media(max-width:420px){.pro-job-pathways{grid-template-columns:1fr}.pro-job-visual{min-height:190px}}@media(prefers-reduced-motion:reduce){.pro-job-cta{transition:none}.pro-job-cta:hover{transform:none}}

/* v590 — Warm editorial hero experiment. Only the Professional English hero is changed.
   The approved image, height, crop/focal position, content and CTA remain untouched. */
@media (min-width:651px){
  .professional-page .pro-hero{background:#f5f0e7;color:#17374c;}
  .professional-page .pro-hero::after{
    background:linear-gradient(90deg,
      rgba(250,247,239,.99) 0%,
      rgba(250,247,239,.98) 19%,
      rgba(250,247,239,.91) 32%,
      rgba(250,247,239,.65) 44%,
      rgba(250,247,239,.17) 57%,
      rgba(250,247,239,0) 70%);
  }
  .professional-page .pro-hero h1{color:#17374c;}
  .professional-page .pro-hero p{color:#344f59;}
  .professional-page .pro-hero .pro-inline{color:#17374c;}
  .professional-page .pro-hero .pro-eyebrow{color:#6e655b;}
}
@media (max-width:650px){
  .professional-page .pro-hero{background:#f5f0e7;color:#17374c;}
  .professional-page .pro-hero::before{opacity:1;}
  .professional-page .pro-hero::after{background:linear-gradient(0deg,
    rgba(250,247,239,.99) 0%,rgba(250,247,239,.97) 34%,
    rgba(250,247,239,.80) 58%,rgba(250,247,239,.13) 100%);}
  .professional-page .pro-hero h1{color:#17374c;}
  .professional-page .pro-hero p{color:#344f59;}
  .professional-page .pro-hero .pro-inline{color:#17374c;}
  .professional-page .pro-hero .pro-eyebrow{color:#6e655b;}
}

/* v591: isolate Professional English paragraph styles from the LOCKED universal footer.
   The earlier `.professional-page p` selector overrode `.site-footer p` on this page.
   Match the approved shared footer's typography and contrast; do not alter its HTML. */
.professional-page .site-footer p {
  font-size:13px;
  line-height:1.65;
  color:#e7f0f2;
}
.professional-page .site-footer .footer-trust p {
  color:#d2e0e4;
}
.professional-page .site-footer .footer-tagline {
  color:#e1b65e!important;
  font-size:22px!important;
}
@media(max-width:650px){
  .professional-page .site-footer .footer-tagline{font-size:16px!important;}
}